/* ============================================================
   GRIDORA — African Electronics + Electric Mobility
   Design system
   ============================================================ */
:root{
  --ink-0:#070a09;
  --ink-1:#0b0f0d;
  --ink-2:#111713;
  --ink-3:#182019;
  --line:rgba(190,255,80,.14);
  --line2:rgba(255,255,255,.09);
  --volt:#b6ff3a;
  --volt-dim:#8ad028;
  --volt-deep:#5fa314;
  --volt-aqua:#7dffcb;
  --cyan:#2dd4ff;
  --amber:#ffb52e;
  --paper:#eaf3dc;
  --text:#dbe7cf;
  --muted:#9db08c;
  --dim:#6b7c5c;
  --grad-volt:linear-gradient(135deg,#b6ff3a 0%,#6fde4f 45%,#2dd4ff 120%);
  --grad-eco:linear-gradient(135deg,#2dd4ff 0%,#7dffcb 100%);
  --radius:20px;
  --radius-sm:12px;
  --shadow-1:0 10px 40px -12px rgba(0,0,0,.7);
  --shadow-volt:0 18px 60px -18px rgba(182,255,58,.35);
  --font-d:'Space Grotesk','Inter',system-ui,sans-serif;
  --font-b:'Inter',system-ui,-apple-system,sans-serif;
  --nav-h:78px;
  --max:1240px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}
body{
  font-family:var(--font-b);
  background:var(--ink-0);
  color:var(--text);
  line-height:1.6;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:var(--font-d);color:var(--paper);line-height:1.12;font-weight:600}
a{color:inherit;text-decoration:none}
img,svg,video{max-width:100%;display:block}
button{font-family:inherit;cursor:pointer;border:none;background:none}
::selection{background:var(--volt);color:#111}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:var(--ink-1)}
::-webkit-scrollbar-thumb{background:#26342a;border-radius:8px;border:2px solid var(--ink-1)}
::-webkit-scrollbar-thumb:hover{background:#32462f}

.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.section{padding:96px 0;position:relative}
.section.tight{padding:64px 0}
.section.alt{background:var(--ink-1)}
.section.alt2{background:linear-gradient(180deg,var(--ink-1),var(--ink-0))}

/* grid backdrop */
.grid-bg{position:relative}
.grid-bg::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(182,255,58,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(182,255,58,.05) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,#000 40%,transparent 100%);
}

/* eyebrow + section headers */
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--volt);background:rgba(182,255,58,.08);
  border:1px solid var(--line);padding:7px 14px;border-radius:100px;margin-bottom:18px;
}
.sec-head{max-width:760px;margin-bottom:52px}
.sec-head h2{font-size:clamp(1.9rem,4vw,3rem);margin-bottom:16px}
.sec-head h2 .grad,.grad{background:var(--grad-volt);-webkit-background-clip:text;background-clip:text;color:transparent}
.sec-head p{color:var(--muted);font-size:1.06rem}
.sec-head.center{margin-inline:auto;text-align:center}
.sec-head.center .eyebrow{margin-inline:auto}

/* buttons */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--font-d);font-weight:600;font-size:1rem;
  padding:15px 28px;border-radius:14px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,opacity .18s;
  white-space:nowrap;
}
.btn-volt{background:var(--grad-volt);color:#0c1207;box-shadow:var(--shadow-volt)}
.btn-volt:hover{transform:translateY(-2px);box-shadow:0 24px 70px -16px rgba(182,255,58,.5)}
.btn-ghost{background:rgba(255,255,255,.04);color:var(--paper);border:1px solid var(--line2)}
.btn-ghost:hover{border-color:var(--volt);color:var(--volt);transform:translateY(-2px)}
.btn-outline{background:transparent;color:var(--volt);border:1px solid var(--volt)}
.btn-outline:hover{background:rgba(182,255,58,.08);transform:translateY(-2px)}
.btn-lg{padding:18px 34px;font-size:1.08rem}
.btn-sm{padding:10px 18px;font-size:.88rem}
.btn .ico{font-size:1.1em}

/* cards */
.card{
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
  border:1px solid var(--line2);border-radius:var(--radius);
  padding:28px;position:relative;overflow:hidden;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.card:hover{transform:translateY(-5px);border-color:var(--line);box-shadow:var(--shadow-1)}
.card h3{font-size:1.18rem;margin-bottom:10px}
.card p{color:var(--muted);font-size:.95rem}
.card .ico{
  width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;
  background:rgba(182,255,58,.1);border:1px solid var(--line);color:var(--volt);font-size:1.35rem;margin-bottom:18px;
}
.card.cyan .ico{background:rgba(45,212,255,.1);border-color:rgba(45,212,255,.25);color:var(--cyan)}
.card.amber .ico{background:rgba(255,181,46,.1);border-color:rgba(255,181,46,.25);color:var(--amber)}

/* stats */
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.stat{
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));
  border:1px solid var(--line2);border-radius:var(--radius);padding:30px 24px;text-align:center;
}
.stat .n{font-family:var(--font-d);font-size:clamp(1.8rem,3.6vw,2.7rem);font-weight:700;color:var(--volt);line-height:1}
.stat .n .u{font-size:.55em;color:var(--dim);font-weight:500}
.stat .l{color:var(--muted);font-size:.85rem;margin-top:10px}

/* feature split */
.split{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center}
.split.reverse{grid-template-columns:1fr 1.05fr}
@media(max-width:960px){.split,.split.reverse{grid-template-columns:1fr;gap:38px}}

/* visual panel */
.panel{
  position:relative;border:1px solid var(--line2);border-radius:28px;overflow:hidden;
  background:radial-gradient(120% 120% at 20% 0%,#131b14 0%,var(--ink-1) 60%);
}
.panel .glow{
  position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(90px);opacity:.5;pointer-events:none;
  background:var(--grad-volt);
}
.panel .glow.g2{background:var(--grad-eco);opacity:.35}

/* ticker */
.ticker{overflow:hidden;border-block:1px solid var(--line2);background:var(--ink-1);padding:18px 0}
.ticker .track{display:flex;gap:48px;width:max-content;animation:tick 38s linear infinite}
@keyframes tick{to{transform:translateX(-50%)}}
.ticker .item{display:flex;align-items:center;gap:14px;font-family:var(--font-d);font-weight:600;color:var(--muted);white-space:nowrap}
.ticker .item b{color:var(--volt)}
.ticker .bullet{width:8px;height:8px;border-radius:50%;background:var(--volt);box-shadow:0 0 14px var(--volt)}

/* steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:step}
.step{position:relative;padding:30px 26px;background:var(--ink-2);border:1px solid var(--line2);border-radius:var(--radius)}
.step::before{
  counter-increment:step;content:"0" counter(step);
  font-family:var(--font-d);font-weight:700;font-size:1rem;color:var(--volt);
  width:44px;height:44px;border-radius:12px;background:rgba(182,255,58,.1);border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;margin-bottom:18px;
}
.step h3{font-size:1.1rem;margin-bottom:8px}
.step p{color:var(--muted);font-size:.92rem}
@media(max-width:900px){.steps{grid-template-columns:1fr}}

/* tables / spec */
.spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.spec{
  border:1px solid var(--line2);border-radius:var(--radius-sm);background:var(--ink-2);padding:22px;
}
.spec .k{color:var(--dim);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}
.spec .v{font-family:var(--font-d);font-size:1.5rem;font-weight:700;color:var(--paper)}
.spec .v small{font-size:.6em;color:var(--muted);font-weight:500}
@media(max-width:900px){.spec-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.spec-grid{grid-template-columns:1fr}}

/* forms */
.field{margin-bottom:18px}
.field label{display:block;font-size:.82rem;font-weight:600;color:var(--paper);margin-bottom:8px;letter-spacing:.02em}
.input,select.input,textarea.input{
  width:100%;background:var(--ink-2);border:1px solid var(--line2);border-radius:12px;
  padding:14px 16px;color:var(--paper);font-family:inherit;font-size:.98rem;transition:border-color .2s,box-shadow .2s;
}
.input::placeholder{color:var(--dim)}
.input:focus{outline:none;border-color:var(--volt);box-shadow:0 0 0 3px rgba(182,255,58,.12)}
textarea.input{min-height:120px;resize:vertical}

/* range slider */
.range{width:100%;accent-color:var(--volt);height:32px}
.range-output{font-family:var(--font-d);font-weight:700;font-size:1.35rem;color:var(--volt)}

/* nav */
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-h);
  display:flex;align-items:center;
  background:rgba(7,10,9,.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid transparent;transition:border-color .25s,background .25s;
}
.site-header.scrolled{background:rgba(7,10,9,.92);border-color:var(--line2)}
.nav{display:flex;align-items:center;justify-content:space-between;width:100%}
.logo{display:flex;align-items:center;gap:11px;font-family:var(--font-d);font-weight:700;font-size:1.32rem;color:var(--paper)}
.logo .mark{
  width:40px;height:40px;border-radius:11px;background:var(--grad-volt);
  display:grid;place-items:center;color:#0c1207;font-size:1.1rem;box-shadow:var(--shadow-volt);
}
.logo b{color:var(--volt)}
.nav-links{display:flex;align-items:center;gap:30px}
.nav-links a{font-size:.92rem;font-weight:500;color:var(--muted);position:relative;padding:6px 0;transition:color .2s}
.nav-links a::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--volt);transition:width .2s}
.nav-links a:hover{color:var(--paper)}
.nav-links a:hover::after{width:100%}
.nav-links a.active{color:var(--volt)}
.nav-cta{display:flex;align-items:center;gap:14px}
.burger{display:none;width:44px;height:44px;border:1px solid var(--line2);border-radius:12px;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:var(--ink-2)}
.burger span{width:20px;height:2px;background:var(--paper);border-radius:2px;transition:.25s}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.dropdown{position:relative}
.dropdown>button{display:flex;align-items:center;gap:6px;font-size:.92rem;font-weight:500;color:var(--muted);padding:6px 0;transition:color .2s}
.dropdown>button:hover{color:var(--paper)}
.dropdown .menu{
  position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(8px);
  min-width:230px;background:var(--ink-2);border:1px solid var(--line2);border-radius:16px;padding:8px;
  opacity:0;visibility:hidden;transition:.22s;box-shadow:var(--shadow-1);
}
.dropdown:hover .menu,.dropdown:focus-within .menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.dropdown .menu a{display:flex;padding:11px 12px;border-radius:10px;color:var(--muted);font-size:.9rem}
.dropdown .menu a:hover{background:rgba(182,255,58,.08);color:var(--volt)}
.dropdown .menu a small{display:block;color:var(--dim);font-weight:400}

/* mobile drawer */
.drawer{
  position:fixed;inset:0;z-index:99;background:rgba(3,5,4,.6);backdrop-filter:blur(6px);
  opacity:0;visibility:hidden;transition:.3s;overflow:hidden;
}
.drawer.open{opacity:1;visibility:visible}
.drawer .sheet{
  position:absolute;top:0;right:0;height:100%;width:min(360px,88vw);
  background:var(--ink-2);border-left:1px solid var(--line2);padding:90px 26px 40px;overflow-y:auto;
  transform:translateX(100%);transition:transform .32s ease;
}
.drawer.open .sheet{transform:none}
.drawer a{display:block;padding:14px 4px;color:var(--paper);font-family:var(--font-d);font-weight:600;border-bottom:1px solid var(--line2)}
.drawer a small{display:block;color:var(--dim);font-weight:400;font-family:var(--font-b);font-size:.82rem}
.drawer .grp{color:var(--volt);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;margin-top:20px}

@media(max-width:1020px){
  .nav-links{display:none}
  .nav-cta .btn-quiet{display:none}
  .burger{display:flex}
}

/* hero */
.hero{min-height:100svh;display:flex;align-items:center;position:relative;padding:calc(var(--nav-h) + 40px) 0 60px;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:
  radial-gradient(100% 90% at 80% 10%,rgba(111,222,79,.16) 0%,transparent 55%),
  radial-gradient(90% 70% at 5% 100%,rgba(45,212,255,.12) 0%,transparent 55%);}
.hero .wrap{position:relative;z-index:2}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}
@media(max-width:960px){.hero-grid{grid-template-columns:1fr}}
.hero h1{font-size:clamp(2.3rem,5.4vw,4rem);margin:18px 0 20px}
.hero h1 .grad{display:inline}
.hero .lede{font-size:1.14rem;color:var(--muted);max-width:540px}
.hero .cta-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:34px}
.hero .hero-stats{display:flex;gap:34px;margin-top:46px;flex-wrap:wrap}
.hero .hero-stats .n{font-family:var(--font-d);font-weight:700;font-size:1.55rem;color:var(--paper)}
.hero .hero-stats .n em{color:var(--volt);font-style:normal}
.hero .hero-stats .l{font-size:.78rem;color:var(--dim);text-transform:uppercase;letter-spacing:.08em}

/* hero visual — vector bike */
.bike-stage{position:relative;aspect-ratio:4/3.1;display:grid;place-items:center}
.bike-ring{position:absolute;width:88%;height:88%;border-radius:50%;border:1.5px dashed rgba(182,255,58,.25);animation:spin 60s linear infinite}
.bike-ring.r2{width:70%;height:70%;border-color:rgba(45,212,255,.2);animation-duration:44s;animation-direction:reverse}
.bike-ring.r3{width:52%;height:52%;border:1px solid rgba(182,255,58,.12)}
@keyframes spin{to{transform:rotate(360deg)}}
.bike-core{width:52px;height:52px;border-radius:50%;background:var(--grad-volt);box-shadow:0 0 60px rgba(182,255,58,.75);position:absolute;z-index:3;display:grid;place-items:center;color:#0c1207;font-size:1.4rem}
.bike-core::after{content:"";position:absolute;inset:-14px;border-radius:50%;border:1px solid rgba(182,255,58,.5);animation:pulse 2.2s ease-out infinite}
@keyframes pulse{0%{transform:scale(.7);opacity:1}100%{transform:scale(1.5);opacity:0}}

/* float chips */
.chip{
  position:absolute;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;
  background:rgba(18,23,19,.82);backdrop-filter:blur(10px);border:1px solid var(--line2);
  font-size:.85rem;color:var(--paper);box-shadow:var(--shadow-1);z-index:4;
}
.chip .dot{width:9px;height:9px;border-radius:50%;background:var(--volt);box-shadow:0 0 12px var(--volt)}
.chip b{font-family:var(--font-d)}
.chip small{display:block;color:var(--dim);font-size:.72rem}
.chip.c1{top:6%;left:2%}
.chip.c2{top:38%;right:-2%}
.chip.c3{bottom:4%;left:10%}
.chip.c4{bottom:16%;right:4%;animation:bob 5s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(max-width:960px){.chip.c2{right:0}.chip.c4{right:0}}

/* marquee logos / partners */
.logo-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.logo-chip{padding:12px 22px;border:1px solid var(--line2);border-radius:12px;color:var(--dim);font-family:var(--font-d);font-weight:600;background:var(--ink-1)}

/* miles bar / progress */
.mbar{background:var(--ink-2);border-radius:100px;border:1px solid var(--line2);height:14px;overflow:hidden}
.mbar>span{display:block;height:100%;background:var(--grad-volt);border-radius:100px;width:0;transition:width 1.4s ease}

/* footer */
.site-footer{border-top:1px solid var(--line2);background:var(--ink-1);padding:72px 0 0}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:44px;padding-bottom:52px}
@media(max-width:920px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.footer-grid{grid-template-columns:1fr}}
.footer-grid h4{font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;color:var(--volt);margin-bottom:18px}
.footer-grid ul{list-style:none}
.footer-grid li{margin-bottom:11px}
.footer-grid a{color:var(--muted);font-size:.92rem;transition:color .2s}
.footer-grid a:hover{color:var(--paper)}
.footer-brand p{color:var(--muted);font-size:.92rem;margin:18px 0 22px;max-width:330px}
.socials{display:flex;gap:12px}
.socials a{
  width:42px;height:42px;border-radius:12px;border:1px solid var(--line2);background:var(--ink-2);
  display:flex;align-items:center;justify-content:center;color:var(--muted);transition:.2s;
}
.socials a:hover{border-color:var(--volt);color:var(--volt);transform:translateY(-3px)}
.footer-bar{border-top:1px solid var(--line2);padding:22px 0;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--dim);font-size:.85rem}
.footer-bar a{color:var(--dim)}

/* utilities */
.mt-1{margin-top:10px}.mt-2{margin-top:22px}.mt-3{margin-top:40px}.mt-4{margin-top:60px}
.mb-1{margin-bottom:10px}.mb-2{margin-bottom:22px}.mb-3{margin-bottom:40px}
.center{text-align:center}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:960px){.grid-3{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr}}
@media(max-width:600px){.grid-3{grid-template-columns:1fr}}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
[data-delay="1"]{transition-delay:.08s}[data-delay="2"]{transition-delay:.16s}[data-delay="3"]{transition-delay:.24s}[data-delay="4"]{transition-delay:.32s}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* page hero (inner pages) */
.page-hero{padding:calc(var(--nav-h) + 70px) 0 60px;position:relative;overflow:hidden}
.page-hero::before{content:"";position:absolute;inset:0;background:
  radial-gradient(80% 80% at 15% 15%,rgba(111,222,79,.14) 0%,transparent 55%),
  radial-gradient(70% 70% at 90% 80%,rgba(45,212,255,.12) 0%,transparent 55%)}
.page-hero h1{font-size:clamp(2.1rem,4.6vw,3.4rem);margin:18px 0 16px}
.page-hero .lede{color:var(--muted);max-width:640px;font-size:1.08rem}
.breadcrumb{font-size:.82rem;color:var(--dim);letter-spacing:.03em}
.breadcrumb a{color:var(--muted)}
.breadcrumb a:hover{color:var(--volt)}

/* divider bands */
.band{background:var(--grad-volt);color:#0c1207;border-radius:24px;padding:54px 48px;display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap}
.band h2{font-size:clamp(1.6rem,3vw,2.4rem);color:#0c1207}
.band p{color:rgba(12,18,7,.7);font-size:1.02rem}
.band .btn{background:#0c1207;color:var(--volt);box-shadow:none}
.band .btn:hover{transform:translateY(-2px)}

/* accordion */
.acc{border:1px solid var(--line2);border-radius:14px;background:var(--ink-2);margin-bottom:12px;overflow:hidden}
.acc summary{list-style:none;cursor:pointer;padding:20px 22px;font-family:var(--font-d);font-weight:600;color:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:14px}
.acc summary::-webkit-details-marker{display:none}
.acc .plus{width:26px;height:26px;border-radius:8px;border:1px solid var(--line2);display:grid;place-items:center;color:var(--volt);transition:.25s;flex:none}
.acc[open] .plus{transform:rotate(45deg);background:rgba(182,255,58,.1)}
.acc .body{padding:0 22px 22px;color:var(--muted);font-size:.95rem}

/* testimonials */
.tcard{background:var(--ink-2);border:1px solid var(--line2);border-radius:var(--radius);padding:30px}
.tcard .q{font-size:1.05rem;color:var(--paper);font-family:var(--font-d);line-height:1.5}
.tcard .who{margin-top:20px;display:flex;align-items:center;gap:14px}
.tcard .av{width:46px;height:46px;border-radius:50%;background:var(--grad-volt);display:grid;place-items:center;font-family:var(--font-d);font-weight:700;color:#0c1207}
.tcard .who b{display:block;color:var(--paper)}
.tcard .who small{color:var(--dim)}
.quotes{position:relative}
.quotes .track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 2px 24px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.quotes .track::-webkit-scrollbar{display:none}
.quotes .tcard{min-width:min(360px,86%);scroll-snap-align:start}
.dots{display:flex;gap:8px;justify-content:center;margin-top:4px}
.dots button{width:9px;height:9px;border-radius:50%;background:var(--ink-3);border:1px solid var(--line2);transition:.2s}
.dots button.on{background:var(--volt);border-color:var(--volt);box-shadow:0 0 10px var(--volt)}

/* news */
.news-card{display:block;border:1px solid var(--line2);border-radius:var(--radius);background:var(--ink-2);overflow:hidden;transition:.25s}
.news-card:hover{transform:translateY(-5px);border-color:var(--volta)}
.news-card .thumb{height:170px;background:radial-gradient(100% 100% at 30% 0%,#1c2a1c,var(--ink-1));display:grid;place-items:center;color:var(--volt);font-size:2rem}
.news-card .bd{padding:22px}
.news-card .meta{font-size:.76rem;color:var(--dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.news-card h3{font-size:1.05rem;margin-bottom:8px;color:var(--paper)}
.news-card p{color:var(--muted);font-size:.88rem}
.news-card .more{color:var(--volt);font-size:.85rem;font-weight:600;margin-top:12px;display:inline-flex;align-items:center;gap:6px}

/* comparison table */
.cmp{width:100%;border-collapse:collapse;font-size:.95rem}
.cmp th,.cmp td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--line2)}
.cmp th{font-family:var(--font-d);color:var(--paper);font-size:.9rem}
.cmp td{color:var(--muted)}
.cmp .v{border:1px solid var(--line);background:rgba(182,255,58,.06);color:var(--volt);font-weight:600;border-radius:12px}
.cmp td b{color:var(--paper)}

/* spec sheet */
.specsheet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.specsheet .row{display:flex;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid var(--line2);border-radius:12px;background:var(--ink-2)}
.specsheet .row .k{color:var(--dim);font-size:.9rem}
.specsheet .row .val{color:var(--paper);font-weight:600;text-align:right}
@media(max-width:700px){.specsheet{grid-template-columns:1fr}}

/* pricing/financing */
.finance{position:relative;padding:34px 30px;border:1px solid var(--line2);border-radius:var(--radius);background:var(--ink-2);overflow:hidden;}
.finance.hot{border-color:var(--line);background:linear-gradient(180deg,rgba(182,255,58,.07),var(--ink-2))}
.finance .tag{position:absolute;top:16px;right:16px;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#0c1207;background:var(--volt);padding:5px 10px;border-radius:100px;font-weight:700}
.finance .price{font-family:var(--font-d);font-size:2.4rem;font-weight:700;color:var(--volt)}
.finance .price small{font-size:.55em;color:var(--dim)}
.finance ul{list-style:none;margin:20px 0;color:var(--muted);font-size:.94rem}
.finance li{display:flex;gap:10px;padding:7px 0}
.finance li::before{content:"✓";color:var(--volt);font-weight:700}

/* lead form strip */
.lead{position:relative;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:
  radial-gradient(120% 160% at 85% -20%,rgba(45,212,255,.14) 0%,transparent 50%),
  radial-gradient(120% 160% at 10% 120%,rgba(182,255,58,.12) 0%,transparent 55%),
  var(--ink-1);padding:60px 56px}
@media(max-width:760px){.lead{padding:38px 24px}}
.lead h2{font-size:clamp(1.7rem,3.4vw,2.5rem);margin-bottom:10px}
.lead .grid{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:center;margin-top:34px}
@media(max-width:900px){.lead .grid{grid-template-columns:1fr}}

/* toast */
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);z-index:200;
  background:var(--ink-2);border:1px solid var(--volt);color:var(--paper);padding:14px 22px;border-radius:14px;
  font-size:.92rem;box-shadow:var(--shadow-1);opacity:0;visibility:hidden;transition:.3s;display:flex;gap:10px;align-items:center}
.toast.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.toast .ok{color:var(--volt)}