@font-face{font-family:"Orbitron";src:url("fonts/Orbitron.ttf") format("truetype");font-weight:400 900;font-display:swap}
:root{--g:#39ff8a;--g2:#1f9d55;--red:#ff3b3b;--bg:#020805;--card:#06120b;--card2:#081a10;--b:#15402a;--t:#e8f6ec;--m:#9fbaa8}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--t);font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
#rain{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100lvh;z-index:-1;pointer-events:none;opacity:.85;background:#020805}
.w{max-width:1100px;margin:0 auto;padding:0 20px}
a{color:var(--g)}h1,h2,h3,.brandfont{font-family:Orbitron,system-ui,sans-serif;letter-spacing:.02em}
h2{font-size:1.7rem;margin:0 0 .4rem}h3{font-size:1.1rem;margin:.2rem 0 .5rem}
.kicker{border-left:3px solid var(--red);padding-left:8px;font-family:ui-monospace,Menlo,monospace;color:var(--g);font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;margin:0 0 .4rem}
.lead{color:var(--m);max-width:760px;margin:.2rem 0 1.6rem}
section{padding:64px 0;border-top:1px solid rgba(57,255,138,.08)}
/* nav */
.nav{position:sticky;top:0;z-index:10;background:rgba(2,8,5,.88);backdrop-filter:blur(8px);border-bottom:1px solid var(--b)}
.nav .w{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px}
.nav .logo img{height:44px;width:auto;display:block;border-radius:6px;box-shadow:0 0 14px rgba(57,255,138,.25)}
.nav ul{list-style:none;display:flex;gap:18px;margin:0;padding:0;flex-wrap:wrap}
.nav ul a{color:var(--t);text-decoration:none;font-size:.95rem}.nav ul a:hover{color:var(--red)}
.nav .login{border:1px solid var(--g2);padding:6px 12px;border-radius:8px;color:var(--g)!important}
.menu-btn{display:none;background:none;border:1px solid var(--g2);color:var(--g);border-radius:8px;padding:6px 10px;font-size:1rem}
@media(max-width:820px){.menu-btn{display:block}.nav ul{display:none;position:absolute;top:64px;left:0;right:0;background:#020805;flex-direction:column;padding:16px 20px;border-bottom:1px solid var(--b)}.nav ul.open{display:flex}}
/* hero */
.hero{padding:40px 0 64px;border-top:0}
.hero .grid2{display:grid;gap:36px;align-items:center;grid-template-columns:1.1fr 1fr}
.hero h1{font-size:2.6rem;line-height:1.15;margin:.2rem 0 1rem}
.hero h1 .g{color:var(--g);text-shadow:0 0 18px rgba(57,255,138,.55)}
.hero .tagline{font-family:Orbitron,sans-serif;font-size:1.15rem;color:#fff;border-left:3px solid var(--red);padding-left:14px;margin:0 0 1.2rem}
.hero .logo-big{width:100%;height:auto;display:block;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%),linear-gradient(180deg,transparent 0,#000 22%,#000 78%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%),linear-gradient(180deg,transparent 0,#000 22%,#000 78%,transparent 100%);mask-composite:intersect}
.logo-wrap{position:relative;max-width:1060px;margin:-10px auto 18px}
.hero-panel{max-width:900px;margin:0 auto}
.hero .two{display:flex;gap:10px;flex-wrap:wrap;margin:1.2rem 0 0}
.chip{font-size:.85rem;color:var(--m);border:1px solid var(--b);border-radius:999px;padding:4px 12px}
@media(max-width:820px){.hero .grid2{grid-template-columns:1fr}.hero h1{font-size:1.9rem}}
.btn{display:inline-block;background:var(--g);color:#002611;border:0;border-radius:10px;padding:13px 20px;font-weight:700;font-size:1rem;cursor:pointer;text-decoration:none}
.btn:hover{filter:brightness(1.1)}.btn.ghost{background:transparent;color:var(--g);border:1px solid var(--g2)}
.btns{display:flex;gap:12px;flex-wrap:wrap}
/* cards */
.cards{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:var(--card);border:1px solid var(--b);border-radius:14px;padding:22px}
.card p{margin:.3rem 0;color:var(--m)}.card .ic{font-size:1.5rem}
.price{font-family:Orbitron,sans-serif;font-size:1.65rem;white-space:nowrap;color:#fff;margin:.3rem 0 0}
.price small{font-size:.9rem;color:var(--m);font-family:system-ui,sans-serif}
.per{color:var(--g);font-weight:700;margin:.1rem 0 .8rem}
ul.ticks{list-style:none;padding:0;margin:.8rem 0}ul.ticks li{padding:4px 0 4px 24px;position:relative;color:var(--t);font-size:.95rem}
ul.ticks li:before{content:"›";position:absolute;left:6px;color:var(--g);font-weight:900}
.pkg{display:flex;flex-direction:column}.pkg .best{margin-top:auto;font-size:.88rem;color:var(--m);border-top:1px dashed var(--b);padding-top:10px}
.pkg.pop{border-color:var(--red);box-shadow:0 0 30px rgba(255,59,59,.2)}
.badge{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--red);color:#fff;border-radius:6px;padding:3px 8px}
.badge.g{background:transparent;border:1px solid var(--g2);color:var(--g)}
.note{font-size:.88rem;color:var(--m)}
.soon{display:inline-block;border:1px dashed var(--g2);color:var(--g);border-radius:10px;padding:12px 16px}
table.t{width:100%;border-collapse:collapse;font-size:.95rem}table.t td,table.t th{padding:10px;border-bottom:1px solid var(--b);text-align:left;vertical-align:top}
table.t th{color:var(--g);font-weight:600}
/* steps */
.steps{counter-reset:s;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.step{position:relative;padding-top:56px}.step:before{counter-increment:s;content:counter(s);position:absolute;top:18px;left:22px;font-family:Orbitron,sans-serif;font-size:1.6rem;color:var(--red);text-shadow:0 0 12px rgba(255,59,59,.7)}
/* faq */
details{background:var(--card);border:1px solid var(--b);border-radius:12px;padding:14px 18px;margin:0 0 10px}
summary{cursor:pointer;font-weight:600}details p{color:var(--m);margin:.6rem 0 0}
/* form */
form label{display:block;margin:.8rem 0 .3rem;font-size:.95rem}
input,textarea,select{width:100%;padding:12px;border-radius:8px;border:1px solid var(--g2);background:#000;color:var(--t);font:inherit}
textarea{min-height:120px}.formgrid{display:grid;gap:0 18px;grid-template-columns:1fr 1fr}@media(max-width:700px){.formgrid{grid-template-columns:1fr}}
.full{grid-column:1/-1}.hidden{display:none}
.ph{background:rgba(255,59,59,.12);border:1px dashed var(--red);color:#ffb3b3;border-radius:6px;padding:1px 6px;font-family:ui-monospace,monospace;font-size:.9em}
.demo-banner{background:rgba(255,59,59,.12);border:1px solid var(--red);color:#ffd0d0;border-radius:10px;padding:10px 14px;font-weight:600;margin:0 0 18px}
.ex{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#ffb3b3;border:1px dashed var(--red);border-radius:6px;padding:2px 6px}
.stat{font-family:Orbitron,sans-serif;font-size:2.2rem;color:var(--g);text-shadow:0 0 12px rgba(57,255,138,.5)}
/* footer / sign-off */
footer{border-top:1px solid var(--b);padding:44px 0 50px;background:linear-gradient(transparent,rgba(0,40,18,.35))}
.signoff{text-align:center;margin-bottom:26px}
.signoff .word{font-family:Orbitron,sans-serif;font-weight:900;font-size:3rem;letter-spacing:.06em;color:#fff;text-shadow:0 0 6px var(--g),0 0 22px rgba(57,255,138,.7)}
.signoff .word b{color:var(--red);font-weight:900;text-shadow:0 0 8px #ff3b3b,0 0 22px rgba(255,59,59,.7);text-transform:lowercase}
.signoff .sub{font-family:ui-monospace,Menlo,monospace;color:var(--g);letter-spacing:.3em;font-size:.85rem;margin-top:4px}
.signoff .cursor:after{content:"_";animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}
.foot{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;color:var(--m);font-size:.9rem}
.foot a{color:var(--m)}
@media(max-width:600px){.signoff .word{font-size:2.1rem}section{padding:48px 0}}
@media(prefers-reduced-motion:reduce){#rain{opacity:.6}.offer-tag,.signoff .cursor:after{animation:none}}
.badges{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:4px}
.pkg>.badge,.pkg>.badges{align-self:flex-start}
/* launch offer */
.offer{background:linear-gradient(90deg,#3a0606,#1a0303 40%,#062a14);border-bottom:1px solid var(--red);box-shadow:0 0 30px rgba(255,59,59,.25) inset}
.offer .w{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding-top:14px;padding-bottom:14px}
.offer-tag{font-family:Orbitron,sans-serif;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;background:var(--red);color:#fff;border-radius:6px;padding:4px 10px;box-shadow:0 0 14px rgba(255,59,59,.8);animation:pulse 2s ease-in-out infinite}
.offer strong{font-family:Orbitron,sans-serif;font-size:1.15rem;color:#fff;text-shadow:0 0 10px rgba(255,59,59,.7)}
.offer-terms{color:#ffd0d0;font-size:.85rem;flex:1 1 260px}
.offer .btn{padding:9px 16px;background:var(--red);color:#fff}
@keyframes pulse{50%{box-shadow:0 0 4px rgba(255,59,59,.4)}}
s.was{display:block;width:max-content;color:var(--m);font-size:.55em;line-height:1.1;margin:0 0 2px;text-decoration-color:var(--red);text-decoration-thickness:2px}
.now{color:#fff;text-shadow:0 0 10px rgba(255,59,59,.6)}.now small{font-size:.5em;color:var(--m)}
.offer-note{display:inline-block;color:#ffd0d0;border:1px dashed var(--red);border-radius:8px;padding:6px 12px;font-size:.88rem;margin:-.6rem 0 1.4rem}
.chip.hot{border-color:var(--red);color:#ffd0d0}
@media(max-width:600px){.offer strong{font-size:1rem}}
/* human reassurance */
.human{display:flex;gap:12px;align-items:flex-start;background:rgba(57,255,138,.07);border:1px solid var(--g2);border-left:4px solid var(--g);border-radius:10px;padding:12px 16px;margin:18px 0;color:var(--t);font-size:.95rem;max-width:760px}
.human strong{color:#fff}.human-ic{flex:0 0 28px;height:28px;border-radius:50%;background:var(--g);color:#002611;font-weight:900;display:flex;align-items:center;justify-content:center}
.btn.sm{padding:8px 14px;font-size:.9rem}
/* demo pages */
.demo-tag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffd0d0;background:rgba(255,59,59,.15);border:1px dashed var(--red);border-radius:6px;padding:3px 8px;margin-bottom:10px}
.demo-sec{padding:44px 0}.demo-sec h2{font-size:1.4rem}
.two-col{display:grid;gap:18px;grid-template-columns:1fr 1fr}@media(max-width:820px){.two-col{grid-template-columns:1fr}}
.paper{background:#f7f8f7;color:#1d2420;border-radius:12px;padding:18px;font-size:.95rem;line-height:1.5}
.paper .muted{color:#5f6b64;font-size:.85rem}.paper h4{margin:0 0 6px;font-size:1rem}
.stars{color:#f5a623;letter-spacing:2px}
.reply{margin-top:12px;border-left:3px solid #1a73e8;padding-left:12px}
.checked{display:inline-block;margin-top:8px;font-size:.78rem;color:#0b6b33;background:#dff5e7;border-radius:6px;padding:2px 8px;font-weight:600}
.phone{max-width:330px;margin:0 auto;background:#0b0f0d;border:2px solid #2a3a31;border-radius:34px;padding:16px 14px 22px;box-shadow:0 0 30px rgba(57,255,138,.12)}
.phone .bar{text-align:center;color:var(--m);font-size:.8rem;margin-bottom:10px}.phone .who{text-align:center;color:#fff;font-weight:600;margin-bottom:12px;font-size:.95rem}
.bub{max-width:82%;padding:9px 12px;border-radius:16px;margin:6px 0;font-size:.9rem;line-height:1.4}
.bub.in{background:#26302b;color:#eef;border-bottom-left-radius:4px}.bub.out{background:#1f9d55;color:#fff;margin-left:auto;border-bottom-right-radius:4px}
.bub.sys{max-width:100%;text-align:center;background:none;color:var(--m);font-size:.78rem}
.chatw{background:#fff;color:#1d2420;border-radius:14px;overflow:hidden;max-width:420px}
.chatw .top{background:#0b6b33;color:#fff;padding:10px 14px;font-weight:600;font-size:.95rem}.chatw .body{padding:10px 14px 14px}
.chatw .bub.in{background:#eef1ef;color:#1d2420}.chatw .bub.out{background:#0b6b33}
.transcript{font-family:ui-monospace,Menlo,monospace;font-size:.88rem;line-height:1.6}
.transcript p{margin:.35rem 0;color:var(--t)}.transcript b{color:var(--g)}.transcript b.c{color:#ffd0d0}
.email .hdr{border-bottom:1px solid #dde3df;padding-bottom:8px;margin-bottom:10px;font-size:.85rem;color:#5f6b64}
.post{background:#fff;color:#1d2420;border-radius:12px;overflow:hidden}
.post .ph-img{height:110px;background:linear-gradient(135deg,#0b6b33,#1f9d55 60%,#ffcf6a);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;text-align:center;padding:10px;font-size:.95rem}
.post .txt{padding:12px;font-size:.88rem}.post .meta{color:#5f6b64;font-size:.78rem;margin-top:6px}
.cal{display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}@media(max-width:820px){.cal{grid-template-columns:repeat(2,1fr)}}
.cal .day{background:var(--card2);border:1px solid var(--b);border-radius:10px;padding:10px;font-size:.85rem}.cal .day b{color:var(--g);display:block;font-size:.8rem}
.ba .bad{color:#b3261e}.ba .good{color:#0b6b33}.ba ul{margin:.4rem 0;padding-left:18px}
.timeline{list-style:none;padding:0;margin:0}.timeline li{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--b)}
.timeline li b{font-family:Orbitron,sans-serif;color:var(--red)}
.pricebox{text-align:center;border:1px solid var(--red);box-shadow:0 0 30px rgba(255,59,59,.18)}
.pricebox .price{font-size:2.2rem}
.compare{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}@media(max-width:700px){.compare{grid-template-columns:1fr}}
.compare a{display:block;text-decoration:none;color:var(--t);background:var(--card);border:1px solid var(--b);border-radius:12px;padding:14px}
.compare a.cur{border-color:var(--g);box-shadow:0 0 18px rgba(57,255,138,.2)}.compare a span{display:block;color:var(--m);font-size:.85rem}
.compare a strong{font-family:Orbitron,sans-serif}
.price.range{font-size:1.45rem;white-space:normal}.price.range s.was{display:block;font-size:.65em}

/* ---- digital rain readability layer ---- */
/* rain is strongest in the hero; every other section sits on a near-solid dark layer */
main>section:not(.hero),footer{background:rgba(2,8,5,.9)}
footer{background:linear-gradient(rgba(2,8,5,.9),rgba(0,22,10,.92))}
.hero{position:relative;background:radial-gradient(ellipse at 50% 40%,rgba(2,8,5,0) 0%,rgba(2,8,5,.35) 100%)}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:60px;background:linear-gradient(transparent,rgba(2,8,5,.9));pointer-events:none}
.hero>.w{position:relative;z-index:1}
.panel{background:rgba(2,8,5,.86);border:1px solid rgba(57,255,138,.22);border-radius:16px;padding:26px 28px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 0 40px rgba(0,0,0,.6)}
.panel>:first-child{margin-top:0}.panel>:last-child{margin-bottom:0}
.hero .panel .lead{color:#c3d8ca}
.hero.home .chip{background:rgba(2,8,5,.7)}
.hero.page .w>h2,.hero.page .w>p.note,.hero.page .w>p:not([class]){display:table;background:rgba(2,8,5,.88);padding:6px 12px;border-radius:8px}
.hero .demo-banner{background:#2a0909}
.hero.page{padding:44px 0 52px}
@media(max-width:820px){
  .hero.home .logo-wrap{margin:-14px -20px 6px}
  .panel{padding:20px 18px}
  .nav .logo img{height:36px}
}

/* ---- plain pricing: included / extras / no hidden costs ---- */
.sub-h{font-size:.74rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--g);margin:1rem 0 .1rem}
.pkg .sub-h+ul.ticks{margin-top:.3rem}
ul.extras{list-style:none;padding:0;margin:.3rem 0 .6rem}ul.extras li{padding:3px 0 3px 22px;position:relative;color:var(--t);font-size:.9rem}
ul.extras li:before{content:"+";position:absolute;left:5px;color:#ffcf6a;font-weight:900}
ul.extras.direct li:before{content:"→";left:2px;color:var(--m)}
ul.extras.direct li{color:var(--m)}
.nohidden{display:flex;gap:8px;align-items:flex-start;background:rgba(57,255,138,.08);border:1px solid var(--g2);border-radius:8px;padding:8px 10px;margin:.6rem 0 .8rem!important;font-size:.88rem;color:var(--t)!important}
.nohidden>span:first-child{color:var(--g);font-weight:900}.nohidden b{color:#fff}
.pricebox .nohidden{justify-content:center;text-align:left;max-width:520px;margin-left:auto!important;margin-right:auto!important}
.card ul.extras a{color:var(--g)}
/* ---- even card headers: every package card reserves the same badge row ---- */
.badge{border:1px solid transparent;line-height:1.4}
.pkg>.badge,.pkg>.badges{margin-bottom:6px}
.pkg>.badges{min-height:0}
.pkg>h3:first-child{padding-top:var(--badge-row,30px)}
/* ---- guarantee + referral callouts ---- */
.guarantee,.referral{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap;background:rgba(2,8,5,.92);border:1px solid var(--g);border-radius:12px;padding:14px 18px;margin:20px 0 6px;box-shadow:0 0 24px rgba(57,255,138,.15)}
.guarantee>div,.referral>div{flex:1 1 260px}
.guarantee strong,.referral strong{color:#fff;font-size:1.02rem}
.guarantee .note,.referral .note{margin:.35rem 0 0}
.g-tag{font-family:Orbitron,sans-serif;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;background:var(--g);color:#002611;border-radius:6px;padding:4px 10px;font-weight:700;white-space:nowrap}
.referral{border-color:#ffcf6a;box-shadow:0 0 24px rgba(255,207,106,.12)}.referral .g-tag{background:#ffcf6a;color:#2a1c00}
.cap-note{margin-top:8px}
.nohidden a{color:var(--g)}
/* Examples of our work */
.work-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media(max-width:600px){.work-grid{grid-template-columns:1fr}}
.work-card{display:flex;flex-direction:column;gap:6px}
.work-card h3{margin:.2rem 0 0}.work-where{font-size:.8rem;color:var(--m);font-family:system-ui,sans-serif;font-weight:400}
.work-tag{align-self:flex-start;margin-top:4px}
.work-link{align-self:flex-start;margin-top:8px}
.work-shots{position:relative;padding:4px 14% 30px 0;margin-bottom:8px}
.laptop-screen{background:#111;border:8px solid #1b2a21;border-bottom-width:10px;border-radius:12px 12px 0 0;overflow:hidden;aspect-ratio:16/10;box-shadow:0 0 24px rgba(57,255,138,.12)}
.laptop-screen img,.phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.laptop-base{height:12px;margin:0 -6%;background:linear-gradient(#2a3d31,#0f1a13);border-radius:0 0 12px 12px;border-top:1px solid #3a5544}
.phone{position:absolute;right:0;bottom:0;width:26%;aspect-ratio:300/620;background:#0b0f0c;border:5px solid #1b2a21;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.6),0 0 16px rgba(57,255,138,.15)}
@media(max-width:600px){.work-shots{padding-right:18%}.phone{width:30%;border-width:4px;border-radius:14px}}
/* Add AI to your website box */
.addon{margin:22px 0 6px;padding:22px;border:1px solid var(--g);border-radius:16px;background:rgba(2,8,5,.92);box-shadow:0 0 28px rgba(57,255,138,.14)}
.addon>h3{font-size:1.35rem;margin:4px 0 6px}
.addon .lead{margin-bottom:14px}
.trial{background:rgba(57,255,138,.08);border:1px dashed var(--g2);border-radius:10px;padding:10px 12px;font-size:.92rem;color:var(--t);margin:12px 0}
.trial b{color:var(--g)}
.why{background:rgba(2,8,5,.92);border-left:3px solid var(--g);border-radius:8px;padding:10px 14px;margin:6px 0 16px;color:var(--t)}
.why b{color:var(--g)}
.tiers{width:100%;border-collapse:collapse;margin:6px 0 10px;font-size:.92rem}
.tiers th,.tiers td{padding:6px 8px;border-bottom:1px solid var(--b);text-align:left}
.tiers th{color:var(--m);font-weight:600}.tiers td:last-child{color:var(--g);font-weight:700}
/* Pricing page */
.tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:10px 0}
.ptable{width:100%;border-collapse:collapse;background:rgba(6,18,11,.92);border:1px solid var(--b);border-radius:12px;overflow:hidden;font-size:.95rem}
.ptable th,.ptable td{padding:11px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--b)}
.ptable th{background:var(--card2);color:var(--g);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}
.ptable tr:last-child td{border-bottom:0}
.ptable td:nth-child(2){white-space:nowrap}
.ptable .was{color:var(--m);margin-right:4px}.ptable .now{color:var(--g)}
.ptable .note{font-size:.85rem}
.pricing h2 .sub{font-size:.9rem;color:var(--m);font-weight:400;margin-left:6px}
.sub-h2{margin:18px 0 4px;font-size:1.05rem}
.jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.jump a{border:1px solid var(--g2);border-radius:999px;padding:6px 12px;font-size:.88rem;text-decoration:none}
.promises{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
details.more{margin-top:12px;border:1px dashed var(--b);border-radius:12px;padding:10px 14px;background:rgba(2,8,5,.85)}
details.more>summary{cursor:pointer;color:var(--g);font-weight:600}
details.more .cards{margin-top:12px}
.cards.sum .card p{margin-top:6px}
.card.cta{text-align:center}.card.cta .btns{justify-content:center}
@media (max-width:640px){.ptable td:nth-child(2){white-space:normal}.ptable th,.ptable td{padding:9px 10px}}
/* Brand tagline under the hero logo (18 Oct 2026) */
.hero .brand-tag{font-family:Orbitron,system-ui,sans-serif;text-align:center;color:#fff;font-size:clamp(1.05rem,2.6vw,1.6rem);letter-spacing:.04em;margin:-4px auto 22px;max-width:900px;padding:8px 16px;background:rgba(2,8,5,.72);border-radius:10px;width:fit-content;text-shadow:0 0 14px rgba(57,255,138,.35)}
@media(max-width:820px){.hero .brand-tag{margin:0 auto 14px;font-size:1rem}}
/* simplified prices (18 Oct 2026) */
.simple-prices{max-width:760px;margin:18px auto 0;padding:8px 22px 22px}
.sp-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--b)}
.sp-row h3{margin:0 0 4px}
.sp-row .note{margin:0}
.sp-price{font-size:1.6rem;font-weight:800;color:var(--g);white-space:nowrap;text-align:right}
.sp-price small{font-size:.8rem;font-weight:600;color:var(--m)}
.sp-sub{display:block;font-size:.8rem;font-weight:600;color:var(--m)}
.sp-foot{text-align:center;margin:14px 0 10px}
.fine{font-size:.85rem;color:var(--m);margin:10px 0 6px;padding-left:18px}
.fine li{margin:3px 0}
.ptable td.mid{vertical-align:middle}
.price-line{font-size:1.25rem;margin:10px 0}
details.more{margin-top:10px}
details.more>summary{cursor:pointer;color:var(--g);font-weight:700}
@media(max-width:560px){.sp-row{flex-direction:column;align-items:flex-start;gap:6px}.sp-price{text-align:left}}
/* >>> car-check (generated by build.py) */
/* car check (18 Oct 2026, live build) */
.cc-form,.cc-result,.cc-tie,.cc-soon{margin-bottom:18px}
.cc-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:10px 0}
.plate{background:#f7d117!important;color:#111!important;font:800 1.6rem/1 "Arial Black",Arial,sans-serif!important;letter-spacing:.08em;text-transform:uppercase;text-align:center;border:2px solid #111!important;border-radius:6px;padding:10px 16px!important;width:240px!important;max-width:100%}
.plate::placeholder{color:#6b5c10;opacity:1}
.plate.sm{font-size:1rem!important;padding:4px 10px!important;width:auto!important;display:inline-block}
.cc-msg{margin:6px 0 0;padding:8px 12px;border-radius:8px;font-size:.92rem;border:1px solid var(--b)}
.cc-msg.info{background:rgba(57,255,138,.08);border-color:var(--g2);color:var(--t)}
.cc-msg.err{background:rgba(255,59,59,.1);border-color:var(--red);color:#ffd0d0}
.cc-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px}
.ex-tag,.live-tag,.soon-tag,.new-tag{font:700 .75rem ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:6px;white-space:nowrap}
.ex-tag{background:rgba(255,190,60,.12);color:#ffc552;border:1px solid #a5761c}
.live-tag,.new-tag{background:rgba(57,255,138,.15);color:var(--g);border:1px solid var(--g2)}
.soon-tag{background:transparent;color:var(--m);border:1px dashed var(--g2)}
.cc-status{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0 14px}
.st{border-radius:10px;padding:10px 12px;border:1px solid var(--b)}.st b{display:block;font-family:Orbitron,sans-serif;font-size:.95rem}.st span{color:var(--m);font-size:.9rem}
.st.ok{background:rgba(57,255,138,.08);border-color:var(--g2)}.st.ok b{color:var(--g)}
.st.warn{background:rgba(255,190,60,.08);border-color:#a5761c}.st.warn b{color:#ffc552}
.st.bad{background:rgba(255,59,59,.08);border-color:var(--red)}.st.bad b{color:#ff8a8a}
.st.info{background:var(--card2)}.st.info b{color:var(--t)}
.cc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.cc-grid>div{background:var(--card2);border:1px solid var(--b);border-radius:8px;padding:8px 10px}.cc-grid small{display:block;color:var(--m);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}
.cc-grid .wide{grid-column:span 2}
.cc-zones{display:flex;gap:8px;flex-wrap:wrap}
.cc-mot{margin:10px 0}
.cc-mot td.pass{color:var(--g);font-weight:700}.cc-mot td.fail{color:var(--red);font-weight:700}
.cc-mot em{color:var(--m);font-style:normal}
.warn-t{color:#ffc552!important}
.cc-tie{border-color:var(--g2);box-shadow:0 0 18px rgba(57,255,138,.15)}
.cc-options{display:flex;flex-direction:column;gap:8px;margin:12px 0}
.cc-opt,.cc-bundle{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border:1px solid var(--g2);background:rgba(57,255,138,.06);border-radius:10px;padding:10px 12px;margin:0}
.cc-opt>div,.cc-bundle>div{flex:1;min-width:180px}
.cc-opt .sp-price,.cc-bundle .sp-price{margin-left:auto;font-size:1.35rem}
.cc-opt .new-tag{flex-shrink:0}
.cc-soon-row{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.soon-right{display:flex;gap:10px;align-items:center}
@media(max-width:700px){
 .cc-status{grid-template-columns:1fr}.cc-grid{grid-template-columns:1fr 1fr}.cc-row .btn{width:100%}.plate{width:100%!important}
 .cc-opt .sp-price,.cc-bundle .sp-price{margin-left:0}
 /* MOT history as stacked cards on mobile */
 .cc-mot,.cc-mot tbody,.cc-mot tr,.cc-mot td{display:block;width:100%}
 .cc-mot{background:none;border:0}
 .cc-mot thead{display:none}
 .cc-mot tr{background:var(--card2);border:1px solid var(--b);border-radius:10px;padding:8px 12px;margin:0 0 8px;display:grid;grid-template-columns:auto auto 1fr;gap:4px 12px;align-items:baseline}
 .cc-mot tr[hidden]{display:none}
 .cc-mot td{border:0!important;padding:0!important}
 .cc-mot td.adv{grid-column:1/-1;font-size:.88rem;color:var(--m)}
 .cc-mot td[data-l="Mileage"]{text-align:right}
}
/* <<< car-check */
/* >>> fact-check (generated by build.py) */
/* fact check (18 Oct 2026, draft) */
.draft-tag{display:inline-block;font:700 .75rem ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:6px;white-space:nowrap;background:rgba(255,190,60,.14);color:#ffc552;border:1px solid #a5761c}
.draft-banner{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap;background:rgba(255,190,60,.08);border:1px solid #a5761c;border-radius:10px;padding:10px 14px;margin:0 0 16px;color:#ffd89a;font-size:.95rem}
.draft-banner .draft-tag{flex-shrink:0;margin-top:2px}
.fc-verdict{border-color:var(--g2);box-shadow:0 0 18px rgba(57,255,138,.12)}
.fc-verdict .fc-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px}
.fc-stamp{display:inline-block;font:800 .95rem Orbitron,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:8px;border:1px solid}
.fc-stamp.misleading{background:rgba(255,190,60,.12);color:#ffc552;border-color:#a5761c}
.fc-stamp.true{background:rgba(57,255,138,.12);color:var(--g);border-color:var(--g2)}
.fc-stamp.false{background:rgba(255,59,59,.12);color:#ff8a8a;border-color:var(--red)}
.fc-stamp.unproven{background:rgba(159,186,168,.1);color:var(--m);border-color:var(--b)}
.fc-stamp.missing{background:rgba(120,160,255,.12);color:#a8c0ff;border-color:#4a68b0}
.fc-sources{margin:10px 0 0;padding:0;list-style:none}
.fc-sources li{padding:4px 0 4px 18px;position:relative;color:var(--m);font-size:.92rem}
.fc-sources li:before{content:"↗";position:absolute;left:0;color:var(--g);font-size:.8rem}
.fc-do-dont{display:grid;gap:18px;grid-template-columns:1fr 1fr}
@media(max-width:700px){.fc-do-dont{grid-template-columns:1fr}}
.fc-do-dont .no ul.ticks li:before{content:"×";color:var(--red)}
/* <<< fact-check */

/* Training options as cards (pricing.html#training) */
.train-h{margin:.4rem 0 .2rem;font-size:1.15rem}
.train-note{margin:0 0 14px}
.train-opts{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.train-opt .per{margin-bottom:.5rem}
.opt-facts{margin:.4rem 0 0;font-size:.92rem}
.opt-facts dt{color:var(--m);font-weight:700;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;margin-top:8px}
.opt-facts dd{margin:2px 0 0;color:var(--t)}

/* Training syllabus */
.syllabus{margin-top:26px}
.syl-theme{font-family:Orbitron,sans-serif;font-size:1.35rem;color:#fff;border-left:3px solid var(--red);padding-left:12px;margin:0 0 .6rem;text-shadow:0 0 10px rgba(57,255,138,.45)}
.syl-theme.sm{font-size:1rem;margin:.2rem 0 .4rem}
.syl-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.syl-n{display:block;font-family:ui-monospace,Menlo,monospace;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--g)}
.syl-mod h3{margin:.2rem 0 0}.syl-mod ul.ticks{margin:.5rem 0 0}
.syl-take{margin-top:18px;border-color:var(--g2)}
.syl-fit{margin-top:12px}
