/* BDFIX20261020p0how: How it works v2 styles (Marketing prototype site.css/base.css, scoped to .howv2) */
.howv2{--bg:#070708;--card:#121318;--hover:#1a1b22;--card2:#0c0d10;--ink:#f6f7f2;--ink2:#c8cdd4;--mut:#9aa0a6;--dim:#6f747a;
  --line:rgba(255,255,255,.1);--line2:rgba(255,255,255,.18);--gold:#f5c518;--gold-t:rgba(245,197,24,.10);--gold-b:rgba(245,197,24,.45);
  --up:#3dff8a;--dn:#ff4d6a;--manual:#7aa2ff;
  --disp:"Barlow Condensed","Arial Narrow",Arial,sans-serif;--body:Manrope,system-ui,Arial,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;
  --r-card:12px;--r-btn:8px;--r-chip:6px;}
.howv2{box-sizing:border-box;margin:0;padding:0}
.howv2,.howv2{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}
.howv2 a{color:inherit;text-decoration:none}
.howv2 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.howv2 .mono{font-family:var(--mono)}
.howv2 .up{color:var(--up)}
.howv2 .dn{color:var(--dn)}
.howv2 .mut{color:var(--mut)}
.howv2 .gold{color:var(--gold)}
.howv2 .wrap{max-width:980px;margin:0 auto;padding:26px 16px 80px}
.howv2 .k{font:500 11px/1.3 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.howv2 .h1{font:800 40px/.92 var(--disp);text-transform:uppercase;letter-spacing:.005em;margin:8px 0 12px}
.howv2 .h1 em{font-style:normal;color:var(--gold)}
.howv2 .lead{color:var(--ink2);font-size:15px;line-height:1.5;max-width:640px}
.howv2 .h2{font:800 28px/1 var(--disp);text-transform:uppercase;letter-spacing:.02em;margin:0 0 12px}
.howv2 .sec{margin-top:36px}
.howv2 .sec-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.howv2 .sec-head a.more{font:800 15px/1 var(--disp);letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}
.howv2 .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:var(--r-btn);font:800 16px/1 var(--disp);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
.howv2 .btn.gold{background:var(--gold);color:#111}
.howv2 .btn.gold:hover{filter:brightness(1.08)}
.howv2 .btn.ghost{border:1px solid var(--line2);color:var(--ink)}
.howv2 .btn.ghost:hover{border-color:var(--gold);color:var(--gold)}
.howv2 .btn.xl{min-height:52px;font-size:18px;padding:0 22px}
.howv2 .btnrow{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.howv2 .card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card)}
.howv2 .tag{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:var(--r-chip);border:1px solid var(--line2);font:500 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink2)}
.howv2 .tag.manual{border-color:rgba(122,162,255,.55);color:var(--manual);background:rgba(122,162,255,.08)}
.howv2 .tag.ai{border-color:var(--gold-b);color:var(--gold);background:var(--gold-t)}
.howv2 .compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.howv2 .compare .cc{padding:18px 16px;position:relative;overflow:hidden}
.howv2 .compare .cc.manual{border-top:3px solid var(--manual)}
.howv2 .compare .cc.ai{border-top:3px solid var(--gold)}
.howv2 .compare .cc h3{font:800 26px/1 var(--disp);text-transform:uppercase;margin:10px 0 8px;letter-spacing:.02em}
.howv2 .compare .cc p{color:var(--ink2);font-size:13.5px;line-height:1.45;margin-bottom:12px}
.howv2 .compare .cc ul{list-style:none;display:grid;gap:8px}
.howv2 .compare .cc li{display:grid;grid-template-columns:14px 1fr;gap:8px;font-size:13px;color:var(--ink);line-height:1.35}
.howv2 .compare .cc li::before{content:"";width:8px;height:8px;border-radius:50%;margin-top:5px;background:var(--gold)}
.howv2 .compare .cc.manual li::before{background:var(--manual)}
.howv2 .compare-foot{margin-top:12px;padding:12px 14px;border:1px dashed var(--line2);border-radius:10px;font:12.5px/1.45 var(--mono);color:var(--mut);text-align:center}
.howv2 .compare-foot b{color:var(--ink);font-weight:500}
.howv2 .steps{display:grid;gap:8px}
.howv2 .step{display:grid;grid-template-columns:48px 1fr;gap:12px;padding:14px 16px;align-items:start}
.howv2 .step .nb{font:800 28px/1 var(--disp);color:var(--gold)}
.howv2 .step b{font:800 18px/1.1 var(--disp);text-transform:uppercase;letter-spacing:.03em;display:block}
.howv2 .step p{color:var(--mut);font-size:13.5px;margin-top:4px;line-height:1.45}
@media(min-width:760px){.howv2 .steps.two{grid-template-columns:1fr 1fr}}
.howv2 .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}
.howv2 .fact{padding:14px 12px;text-align:center}
.howv2 .fact .v{font:800 28px/1 var(--disp);color:var(--gold)}
.howv2 .fact .l{font:11px/1.3 var(--mono);color:var(--mut);margin-top:6px}
.howv2 .body{color:var(--ink2);font-size:14.5px;line-height:1.55;max-width:720px}
.howv2 .body + .body{margin-top:8px}
.howv2 .detail{margin-top:12px;padding:12px 14px;background:var(--card2);border-left:3px solid var(--gold);border-radius:0 10px 10px 0;font-size:13.5px;color:var(--ink2);line-height:1.45}
.howv2 .detail b{color:var(--ink);font-weight:700}
.howv2 .disc{margin-top:16px;padding:14px 16px;border:1px dashed var(--line2);border-radius:10px;font:12.5px/1.5 var(--mono);color:var(--mut)}
.howv2 .disc b{color:var(--ink);font-weight:500}
.howv2 .faq{display:grid;gap:8px}
.howv2 .faq details{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:12px 14px}
.howv2 .faq summary{font:800 16px/1.2 var(--disp);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center}
.howv2 .faq summary::-webkit-details-marker{display:none}
.howv2 .faq summary::after{content:"+";font:800 22px/1 var(--disp);color:var(--gold)}
.howv2 .faq details[open] summary::after{content:"–"}
.howv2 .faq details p{color:var(--mut);font-size:13.5px;margin-top:10px;line-height:1.45}
.howv2 .cta-band{margin-top:40px;padding:28px 22px;border:1px solid var(--gold-b);border-radius:var(--r-card);background:radial-gradient(circle at 50% 0,rgba(245,197,24,.18),transparent 55%),var(--card);text-align:center}
.howv2 .cta-band .k{margin-bottom:8px}
.howv2 .cta-band .pitch{font:800 26px/1.15 var(--disp);text-transform:uppercase;letter-spacing:.01em;max-width:560px;margin:0 auto 6px}
.howv2 .cta-band .status{font:800 22px/1.2 var(--disp);text-transform:uppercase;color:var(--up);letter-spacing:.04em;margin:4px 0 10px}
.howv2 .cta-band .micro{font:12px var(--mono);color:var(--mut);margin-top:14px}
.howv2 .cta-band .btnrow{justify-content:center}
.howv2 .cta-band .sublinks{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:14px;font:12px var(--mono)}
.howv2 .cta-band .sublinks a{color:var(--gold)}
@media(max-width:759px){.howv2 .h1{font-size:34px}
.howv2 .compare{grid-template-columns:1fr}
.howv2 .facts{grid-template-columns:1fr}
.howv2 .cta-band .pitch{font-size:22px}
.howv2 .btnrow .btn{flex:1 1 auto;min-width:140px}}
@media(min-width:1100px){.howv2 .wrap{padding:36px 24px 100px}
.howv2 .h1{font-size:56px}
.howv2 .steps.ai-grid{grid-template-columns:1fr 1fr}}
.howv2 .badges{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.howv2 .badge{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:6px;font:800 13px/1 var(--disp);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--gold-b);color:var(--gold)}
.howv2 .badge.solid{background:var(--gold);color:#111;border-color:var(--gold)}
.howv2 .istep{display:grid;grid-template-columns:1fr;gap:14px;padding:18px 16px;margin-bottom:12px}
.howv2 .istep .nb{font:800 34px/1 var(--disp);color:var(--gold)}
.howv2 .istep h3{font:800 24px/1.05 var(--disp);text-transform:uppercase;letter-spacing:.02em;margin:4px 0 8px}
.howv2 .istep h3 small{display:inline-block;font:500 11px/1 var(--mono);letter-spacing:.12em;color:var(--mut);border:1px solid var(--line2);padding:4px 6px;border-radius:4px;vertical-align:middle;margin-left:6px}
.howv2 .istep p,.howv2 .istep li{color:var(--ink2);font-size:14.5px;line-height:1.5}
.howv2 .istep b{color:var(--ink)}
.howv2 .istep ol{margin:8px 0 0 0;padding-left:22px;display:grid;gap:8px}
.howv2 .istep li::marker{color:var(--gold);font-weight:800}
.howv2 .istep code,.howv2 .word code{font:12.5px var(--mono);background:var(--card2);border:1px solid var(--line);padding:1px 5px;border-radius:4px;color:var(--ink)}
.howv2 .istep img,.howv2 .word img{width:100%;height:auto;border-radius:14px;display:block}
.howv2 .istep .note{margin-top:10px;font:12.5px/1.45 var(--mono);color:var(--mut)}
@media(min-width:900px){.howv2 .istep{grid-template-columns:1fr 1fr;gap:26px;align-items:center;padding:24px}
.howv2 .istep.wide{grid-template-columns:1fr 1.15fr}}
.howv2 .words{display:grid;gap:12px}
.howv2 .word{padding:18px 16px}
.howv2 .word h3{font:800 24px/1 var(--disp);text-transform:uppercase;margin-bottom:8px}
.howv2 .word h3 span{color:var(--gold)}
.howv2 .word p{color:var(--ink2);font-size:14.5px;line-height:1.5;margin-bottom:12px}
.howv2 .word p b{color:var(--ink)}
.howv2 .tg{display:inline-flex;height:18px;align-items:center;padding:0 6px;border-radius:4px;font:500 9.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-left:6px;vertical-align:middle;border:1px solid var(--line2);color:var(--ink2)}
.howv2 .tg.ai{border-color:var(--gold-b);color:var(--gold)}
.howv2 .tg.manual{border-color:rgba(122,162,255,.55);color:var(--manual)}
.howv2 .tip{position:absolute;z-index:5;max-width:280px;background:#111;border:1px solid var(--gold);border-radius:10px;padding:10px 12px;font:500 12.5px/1.4 var(--body);color:var(--ink);box-shadow:0 8px 28px rgba(0,0,0,.6)}
.howv2 .tip b{display:block;font:800 14px/1.1 var(--disp);letter-spacing:.04em;text-transform:uppercase;color:var(--gold);margin-bottom:3px}
.howv2 .small{font:12px/1.5 var(--mono);color:var(--mut);margin-top:12px}
@media(min-width:900px){.howv2 .word{display:grid;grid-template-columns:1fr 1.4fr;gap:24px;align-items:center}
.howv2 .word h3{grid-column:1/-1;margin:0}
.howv2 .word p{margin:0}}
.howv2 .tg.bm{border-color:rgba(255,255,255,.3);color:var(--ink2)}
.howv2 .btn.off{background:#2a2b31;color:#6f747a}
.howv2{background:transparent}

/* BDFIX20261023b9 #7: centre the How it works column like Home (980px, same side padding). .howv2{margin:0} above was cancelling .wrap's auto margins. */
main.wrap.howv2{max-width:980px;margin:0 auto;padding:26px 16px 80px;box-sizing:border-box}
main.wrap.howv2 .sec{padding-left:0;padding-right:0}
main.wrap.howv2 .lead.def{margin-top:8px;font-size:14.5px}
.howv2 details.howto{margin-top:10px}
.howv2 details.howto summary{cursor:pointer;color:var(--gold);font:500 12.5px/1.4 var(--mono);letter-spacing:.04em}
.howv2 details.howto[open] summary{margin-bottom:4px}