/* Three home-page concepts for the Grow family (reelgrow.app, tokgrow.app).
   A "Haze" after usevyra.com, B "Fan" after agent-media.ai, C "Proof" after sideshift.app.
   Each concept commits to one look (A and C light, B dark); every colour is set explicitly.
   The ReelGrow / TokGrow toggle swaps the accent, names, platform words and domain. */
:root{
  --ink:#14120F; --muted:#5E5950; --line:#E6E2DA; --smoke:#F5F3EF; --white:#FFFFFF;
  --gain:#2E7D4F; --loss:#B8432F;
  --display:"Bricolage Grotesque","Instrument Sans",system-ui,sans-serif;
  --ui:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:"Instrument Serif",Georgia,"Times New Roman",serif;
  --out:cubic-bezier(.16,1,.3,1);
  color-scheme:light;
}
[data-p="reel"]{--acc:#FFC21A;--acc-ink:#8A5A00;--acc-soft:#FFF8E1;--acc-soft2:#FFF0C2;--hz1:#FFE08A;--hz2:#FFD0A0;--hz3:#FFF1C4;--sky:#FFF7E3;--glow:rgba(255,194,26,.42);--c1:#FFC21A;--c2:#FFD866;--c3:#FF9F1C}
[data-p="tok"]{--acc:#B8F03C;--acc-ink:#4A6600;--acc-soft:#F4FCE3;--acc-soft2:#E5F7BF;--hz1:#D6F58E;--hz2:#BFEFC4;--hz3:#EEFBD3;--sky:#F5FCE6;--glow:rgba(184,240,60,.36);--c1:#B8F03C;--c2:#DDF98F;--c3:#86C922}
*{box-sizing:border-box}
html{scroll-padding-top:64px}
body{background:#FFFFFF;color:#14120F;font:16px/1.6 var(--ui);margin:0;overflow-x:hidden}
a{color:var(--acc-ink)}
:focus-visible{outline:2px solid var(--acc-ink);outline-offset:2px}
h1,h2,h3{text-wrap:balance;margin:0}
p{margin:0}
.wrap{max-width:1160px;margin:0 auto;padding-inline:16px}
@media (min-width:700px){.wrap{padding-inline:24px}}
.num{font-variant-numeric:tabular-nums}
.only-tok{display:none}
[data-p="tok"] .only-tok{display:revert}
[data-p="tok"] .only-reel{display:none}
svg.ic{width:1em;height:1em;flex:none;vertical-align:-.12em}

/* ---------- shared: brand, buttons ---------- */
.brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:inherit;font:800 21px/1 var(--display);letter-spacing:-.02em;white-space:nowrap}
.brand svg{width:30px;height:30px;flex:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 15px/1 var(--ui);padding:14px 20px;border-radius:999px;text-decoration:none;border:0;cursor:pointer;white-space:nowrap;transition:background .2s,transform .35s var(--out),box-shadow .35s var(--out)}
.btn:hover{transform:translateY(-1px)}
.btn.acc{background:var(--acc);color:#14120F}
.btn.acc:hover{box-shadow:0 10px 26px -10px var(--glow)}
.btn.ink{background:#14120F;color:#FFFFFF}
.btn.ink:hover{background:#2B2620}
.btn.line{background:rgba(255,255,255,.8);color:#14120F;border:1px solid #E6E2DA}
.btn.line:hover{background:#FFFFFF}
.btn .arr{transition:transform .35s var(--out)}
.btn:hover .arr{transform:translateX(3px)}

/* ---------- shared: the Grow panel and its parts (the product's own light UI) ---------- */
.gp{background:#FFFFFF;color:#14120F;border:1px solid #E6E2DA;border-radius:16px;font-size:13px;line-height:1.4;width:100%;overflow:hidden;text-align:left}
.gp-h{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid #E6E2DA}
.gp-h svg{width:22px;height:22px;flex:none}
.gp-h b{font:800 15px/1 var(--display);letter-spacing:-.02em}
.gp-h .acct{margin-left:auto;color:#5E5950;font-size:12px}
.gp-h .dots{color:#5E5950;font-weight:700;letter-spacing:1px}
.glance{display:flex;align-items:center;gap:12px;padding:13px 14px 12px}
.ring{width:54px;height:54px;flex:none}
.ring svg{width:100%;height:100%;transform:rotate(-90deg);display:block}
.ring circle{fill:none;stroke-width:6}
.ring .bg{stroke:#F0ECE4}
.ring .fg{stroke:var(--acc);stroke-linecap:round;stroke-dasharray:163.4;transition:stroke-dashoffset .7s var(--out)}
.glance .gt{min-width:0}
.glance .gt b{display:block;font-size:15px;font-variant-numeric:tabular-nums}
.glance .gt>span{display:block;color:#5E5950;font-size:12px}
.pbtn{margin-left:auto;border:1px solid #E6E2DA;border-radius:999px;padding:6px 11px;font-weight:600;font-size:12px;white-space:nowrap}
.away{display:flex;align-items:center;gap:10px;background:var(--acc-soft);border-radius:12px;padding:9px 10px;margin:0 12px 10px;transition:opacity .5s var(--out),transform .6s var(--out)}
.away .tx{min-width:0;flex:1}
.away .tx span{display:block;color:#5E5950;font-size:11.5px}
.away .x{color:#5E5950;font-size:15px;line-height:1}
.fc{border:1px solid #E6E2DA;border-radius:12px;padding:11px 12px;margin:0 12px 8px;background:#FFFFFF}
.fc.sel{background:var(--acc-soft);border-color:var(--acc-soft2)}
.fc .t{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13.5px}
.fc .t .ed{margin-left:auto;color:#5E5950;font-weight:600;font-size:12px}
.sw{width:30px;height:18px;border-radius:999px;background:var(--acc);position:relative;flex:none}
.sw::after{content:"";position:absolute;right:2px;top:2px;width:14px;height:14px;border-radius:50%;background:#FFFFFF;box-shadow:0 1px 2px rgba(0,0,0,.25)}
.strip{display:flex;gap:4px;margin-top:9px}
.strip i{width:26px;height:26px;border-radius:6px;display:block;flex:none;transition:opacity .45s var(--out),transform .5s var(--out)}
.sess{display:flex;gap:3px;margin-top:8px}
.sess i{width:11px;height:11px;border-radius:3px;background:var(--acc);display:block}
.fl{margin-top:7px;font-size:12.5px}
.fl b{font-variant-numeric:tabular-nums}
.st{display:flex;align-items:center;gap:6px;color:#5E5950;font-size:12px;margin-top:8px}
.bars7{display:flex;align-items:center;gap:5px;height:58px;margin-top:8px}
.bars7 .d{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:stretch;height:100%;gap:1px}
.bars7 .g,.bars7 .l{border-radius:2px;display:block}
.bars7 .gw{height:66%;display:flex;flex-direction:column;justify-content:flex-end}
.bars7 .lw{height:34%}
.bars7 .g{background:var(--gain)}
.bars7 .l{background:var(--loss)}
.faces{display:flex;margin-top:8px}
.faces .av{width:22px;height:22px;font-size:9px;border:2px solid #FFFFFF;margin-right:-6px}
.botbar{display:flex;height:8px;border-radius:999px;overflow:hidden;margin-top:9px;gap:2px}
.botbar i{display:block;height:100%}
.botkey{display:flex;gap:12px;flex-wrap:wrap;font-size:11.5px;color:#5E5950;margin-top:6px}
.botkey span::before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px;background:var(--sw);vertical-align:0}
.gp-f{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #E6E2DA;padding:10px 14px;font-weight:600;font-size:12px;margin-top:4px}
.rev{background:var(--acc-soft);border-radius:999px;padding:5px 10px;color:#14120F}
.av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:700 11px/1 var(--ui);color:#FFFFFF;flex:none;letter-spacing:.02em}
/* photos: free Unsplash images (unsplash.com/license), stand-ins for example people */
.av[class*=" a"]{background:center/cover no-repeat #E6E2DA;color:transparent}
.av.a1{background-image:url(/img/a1.jpg)}
.av.a2{background-image:url(/img/a2.jpg)}
.av.a3{background-image:url(/img/a3.jpg)}
.av.a4{background-image:url(/img/a4.jpg)}
.av.a5{background-image:url(/img/a5.jpg)}
.av.a6{background-image:url(/img/a6.jpg)}
.av.a7{background-image:url(/img/a7.jpg)}
.av.a8{background-image:url(/img/a8.jpg)}
.av.a9{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%23DBDBDB'/%3E%3Ccircle cx='20' cy='16' r='7' fill='%23FFF'/%3E%3Cpath d='M6 40c1.5-8 7-12 14-12s12.5 4 14 12z' fill='%23FFF'/%3E%3C/svg%3E")}
.av.a10{background-image:url(/img/a10.jpg)}
.ph1{background:center/cover no-repeat url(/img/ph1.jpg) #E6E2DA}
.ph2{background:center/cover no-repeat url(/img/ph2.jpg) #E6E2DA}
.ph3{background:center/cover no-repeat url(/img/ph3.jpg) #E6E2DA}
.ph4{background:center/cover no-repeat url(/img/ph4.jpg) #E6E2DA}
.ph5{background:center/cover no-repeat url(/img/ph5.jpg) #E6E2DA}
.ph6{background:center/cover no-repeat url(/img/ph6.jpg) #E6E2DA}
.ph7{background:center/cover no-repeat url(/img/ph7.jpg) #E6E2DA}
.un{display:grid;grid-template-columns:30px minmax(0,1fr) auto auto;gap:9px;align-items:center;padding:9px 10px;border-radius:12px;transition:background .35s,box-shadow .35s}
.un .who{min-width:0}
.un .who b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.un .who small{display:block;color:#5E5950;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.un.act{background:var(--acc-soft);box-shadow:0 0 0 1.5px var(--acc)}
.heart{display:inline-flex;align-items:center;gap:4px;border:1px solid #E6E2DA;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;background:#FFFFFF;color:#14120F;white-space:nowrap}
.heart svg{width:12px;height:12px}
.heart.on{background:var(--acc);border-color:var(--acc)}
.fol{border:1px solid #14120F;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:600;white-space:nowrap;color:#14120F;background:#FFFFFF}
.tabs-mini{display:flex;gap:4px;flex-wrap:wrap;font-size:12px;font-weight:600;padding:2px 2px 8px}
.tabs-mini span{padding:5px 10px;border-radius:999px;color:#5E5950}
.tabs-mini span.on{background:#14120F;color:#FFFFFF}
.note-stop{display:flex;gap:10px;align-items:flex-start;background:#14120F;color:#F4F1EA;border-radius:12px;padding:11px 13px;font-size:13px;line-height:1.45}
.note-stop i{width:9px;height:9px;border-radius:50%;background:var(--acc);flex:none;margin-top:5px;box-shadow:0 0 10px var(--acc)}
.pre{opacity:0!important;transform:translateY(8px) scale(.96)!important}
.cf{position:absolute;width:8px;height:8px;pointer-events:none;z-index:20;border-radius:2px}

/* reveal: added by script to elements below the fold only; a timer removes it */
.rv{opacity:0;transform:translateY(20px);transition:opacity .8s var(--out),transform .9s var(--out)}
.rv.in{opacity:1;transform:none}

/* shared FAQ base */
.qa details{border-bottom:1px solid #E6E2DA;padding-block:18px}
.qa summary{cursor:pointer;font-weight:600;font-size:17px;list-style:none;display:block;position:relative;padding-right:32px}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";position:absolute;right:0;top:2px;color:var(--acc-ink);font-weight:700;font-size:20px;line-height:1}
.qa details[open] summary::after{content:"–"}
.qa details p{color:#5E5950;margin-top:10px;max-width:68ch}
footer.site{border-top:1px solid #E6E2DA;font-size:14px;color:#5E5950;background:#FFFFFF}
footer.site .wrap{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;padding-block:32px}
footer.site a{color:#5E5950}
footer.site .brand{color:#14120F}
footer.site .legal{flex-basis:100%;font-size:13px}
.mail{color:#14120F;font-weight:600;user-select:all}

/* ================= B · FAN (after agent-media) — dark ================= */
.cB{background:#100E0C;color:#F4F1EA}
.cB a{color:var(--acc)}
.cB :focus-visible{outline-color:var(--acc)}
.cB .topline{background:var(--acc);color:#14120F;text-align:center;font-size:13.5px;font-weight:600;padding:8px 16px}
.cB .navwrap{padding-top:16px;position:relative;z-index:3}
.cB .nav{display:flex;align-items:center;gap:20px;background:#1C1916;border:1px solid #2E2A24;color:#FFFFFF;border-radius:999px;padding:7px 7px 7px 18px;max-width:780px;margin:0 auto}
.cB .nav .brand{color:#FFFFFF;font-size:18px}
.cB .nav .brand svg{width:26px;height:26px}
.cB .nav nav{display:flex;gap:18px;margin-left:auto;font-size:14px}
.cB .nav nav a{color:#CFC8BC;text-decoration:none}
.cB .nav nav a:hover{color:#FFFFFF}
.cB .nav .btn{padding:10px 16px;font-size:14px}
.cB .hero{text-align:center;padding-block:64px 0;position:relative}
.cB .hero::before{content:"";position:absolute;left:50%;top:-40px;width:900px;height:620px;transform:translateX(-50%);background:radial-gradient(closest-side,var(--glow),transparent 75%);opacity:.55;pointer-events:none}
.cB .hero>*{position:relative}
.cB h1{font:800 clamp(2.4rem,6vw,4.8rem)/1.03 var(--display);letter-spacing:-.03em;max-width:20ch;margin:0 auto;color:#FFFFFF}
.cB h1 .chip{display:inline-flex;align-items:center;gap:.16em;background:#1F1C18;border:1px solid #38332B;border-radius:.3em;padding:.02em .2em .06em .12em;color:var(--acc);vertical-align:.04em;white-space:nowrap}
.cB h1 .chip svg{width:.78em;height:.78em;flex:none}
.cB .lead{font-size:18px;color:#C9C2B6;max-width:52ch;margin:22px auto 28px}
.cB .ctas{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.cB .btn.ghost{background:transparent;color:#FFFFFF;border:1px solid #3A352E}
.cB .btn.ghost:hover{background:#1C1916}
.cB .hero>small{display:block;margin-top:14px;color:#B5AEA2;font-size:13.5px}
.cB .fan{position:relative;height:600px;margin:48px auto 0;max-width:1180px;--k:1;overflow:hidden}
.cB .fan .center{position:absolute;left:50%;top:10px;width:310px;margin-left:-155px;z-index:5;border-radius:18px;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 40px 90px -20px var(--glow),0 30px 60px -30px rgba(0,0,0,.8)}
.cB .fan .center .gp{border:0}
.cB .pc{position:absolute;left:50%;top:0;width:158px;margin-left:-79px;background:#FFFFFF;color:#14120F;border-radius:16px;padding:10px;font-size:12px;line-height:1.35;box-shadow:0 24px 50px -20px rgba(0,0,0,.75);transform:translate(calc(var(--x)*var(--k)),var(--y)) rotate(var(--r));text-align:left;transition:box-shadow .5s var(--out)}
.cB .pc .ph{height:96px;border-radius:10px;position:relative}
.cB .pc .ph .heart{position:absolute;right:6px;bottom:6px}
.cB .pc .row{display:flex;align-items:center;gap:7px;margin-top:8px}
.cB .pc .row .av{width:24px;height:24px;font-size:9px}
.cB .pc .row b{display:block;font-size:12px}
.cB .pc .row small{display:block;color:#5E5950;font-size:10.5px}
.cB .pc .via{display:block;margin-top:5px;color:#5E5950;font-size:10.5px}
.cB .pc.fb{box-shadow:0 0 0 3px var(--acc),0 30px 70px -14px var(--glow)}
.cB .pc .fbl{display:none;margin-top:7px;background:var(--acc);color:#14120F;font-weight:700;border-radius:8px;padding:5px 7px;font-size:11px}
.cB .pc.fb .fbl{display:block}
.cB .pc.trk .ttl{font-weight:700;font-size:12.5px}
.cB .pc.trk .big{font:800 26px/1 var(--display);letter-spacing:-.02em;margin-top:8px}
@media (max-width:760px){.cB .fan{--k:.36;height:640px} .cB #bMaya{--x:0px!important;--y:400px!important;--r:-3deg!important;z-index:6} .cB .pc:not(#bMaya){display:none} .cB .fan{height:600px} .cB .nav nav{display:none} .cB .fan .center{width:290px;margin-left:-145px}}
@media (max-width:400px){.cB .fan .center{width:276px;margin-left:-138px}}
.cB section{padding-block:96px}
.cB .h2{font:800 clamp(2rem,4vw,3.1rem)/1.05 var(--display);letter-spacing:-.025em;text-align:center;color:#FFFFFF}
.cB .sub{color:#C9C2B6;text-align:center;margin:14px auto 0;font-size:17px;max-width:56ch}
.cB .flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:56px;position:relative}
.cB .flow::before{content:"";position:absolute;left:8%;right:8%;top:44px;height:1px;background:linear-gradient(90deg,transparent,#4A443B 12%,#4A443B 88%,transparent)}
.cB .flow>div{padding:0 22px;text-align:center;position:relative}
.cB .flow .n{font:800 88px/1 var(--display);color:var(--acc);letter-spacing:-.03em;background:#100E0C;display:inline-block;padding:0 14px}
.cB .flow h3{font:700 20px/1.3 var(--ui);margin-top:14px;color:#FFFFFF}
.cB .flow p{color:#C9C2B6;font-size:15.5px;margin-top:8px}
@media (max-width:760px){.cB .flow{grid-template-columns:1fr;gap:36px}.cB .flow::before{display:none}.cB .flow .n{font-size:64px}}
.cB .marquee{overflow:hidden;margin-top:72px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.cB .track{display:flex;gap:12px;width:max-content;animation:mq 46s linear infinite}
.cB .track.rev{animation-direction:reverse;margin-top:12px}
.cB .stat{display:flex;align-items:center;gap:12px;border:1px solid #2E2A24;background:#1A1714;border-radius:14px;padding:12px 18px;white-space:nowrap}
.cB .stat b{font:800 28px/1 var(--display);letter-spacing:-.02em;color:var(--acc);font-variant-numeric:tabular-nums}
.cB .stat span{font-size:14px;color:#CFC8BC;line-height:1.25}
@keyframes mq{to{transform:translateX(-50%)}}
.cB .glowgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:48px}
.cB .glowgrid>div{position:relative;border-radius:22px;overflow:hidden;background:#181512;border:1px solid #2A2621;padding:28px;min-height:320px;display:flex;flex-direction:column}
.cB .glowgrid>div::before{content:"";position:absolute;inset:0;background:radial-gradient(70% 60% at 25% 0%,var(--glow),transparent 72%);opacity:.7}
.cB .glowgrid>div:nth-child(2)::before{background:radial-gradient(70% 60% at 85% 0%,var(--glow),transparent 72%);opacity:.5}
.cB .glowgrid>div:nth-child(3)::before{background:radial-gradient(80% 70% at 15% 100%,var(--glow),transparent 72%);opacity:.45}
.cB .glowgrid>div:nth-child(4)::before{background:radial-gradient(80% 70% at 90% 100%,var(--glow),transparent 72%);opacity:.6}
.cB .glowgrid>div>*{position:relative}
.cB .glowgrid .vis{margin-bottom:auto;padding-bottom:26px}
.cB .clip{border-radius:14px;overflow:hidden;border:1px solid #2A2621;background:#141210;aspect-ratio:960/420}
.cB .clip video{width:100%;height:100%;object-fit:cover;vertical-align:top}
.cB .fan.nofar .pc.far{display:none}
.cB .glowgrid h3{font:700 23px/1.2 var(--ui);color:#FFFFFF;margin-bottom:8px}
.cB .glowgrid p{color:#C9C2B6;font-size:15.5px;max-width:46ch}
.cB .rhythm{display:flex;align-items:center;gap:0;height:46px;position:relative;margin-top:6px}
.cB .rhythm::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#3A352E}
.cB .rhythm i{position:relative;width:14px;height:14px;border-radius:50%;background:var(--acc);box-shadow:0 0 12px var(--glow);flex:none}
.cB .rhythm em{flex:1;text-align:center;font:600 11.5px/1 var(--ui);font-style:normal;color:#B5AEA2;position:relative;top:-14px}
.cB .verbs{display:flex;flex-wrap:wrap;gap:8px}
.cB .verbs span{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:8px 13px;font-weight:600;font-size:14px;background:#24201B;color:#A39C90;border:1px solid #332E27}
.cB .verbs span.y{background:var(--acc);color:#14120F;border-color:var(--acc)}
.cB .verbs span s{text-decoration-thickness:1.5px}
.cB .press{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cB .press .fol{font-size:14px;padding:8px 14px}
.cB .press span{color:#B5AEA2;font-size:13px}
@media (max-width:760px){.cB .glowgrid{grid-template-columns:1fr}}
.cB .bento{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:auto auto;gap:16px;margin-top:48px}
.cB .bento>div{background:#181512;border:1px solid #2A2621;border-radius:22px;padding:26px;min-width:0}
.cB .bento>div:first-child{grid-row:span 2}
.cB .bento h3{font:700 22px/1.25 var(--ui);color:#FFFFFF}
.cB .bento p{color:#C9C2B6;font-size:15.5px;margin-top:8px;max-width:50ch}
.cB .bento .gp{margin-top:22px}
.cB .bento .wb{display:flex;align-items:flex-end;gap:6px;height:120px;margin-top:22px}
.cB .bento .wb i{flex:1;border-radius:6px 6px 2px 2px;background:#2A2621;display:block}
.cB .bento .wb i.on{background:var(--acc)}
.cB .bento .wbx{display:flex;gap:6px;font-size:11.5px;color:#B5AEA2;margin-top:6px}
.cB .bento .wbx span{flex:1;text-align:center}
@media (max-width:860px){.cB .bento{grid-template-columns:1fr}.cB .bento>div:first-child{grid-row:auto}}
.cB .freeB{text-align:center;max-width:860px;margin:0 auto}
.cB .freeB .big{font:800 clamp(3.4rem,10vw,7.5rem)/.95 var(--display);letter-spacing:-.035em;color:var(--acc)}
.cB .freeB ul{list-style:none;padding:0;margin:28px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.cB .freeB li{border:1px solid #38332B;border-radius:999px;padding:8px 15px;color:#E8E3D9;font-size:15px}
.cB .freeB .askB{margin-top:28px;color:#C9C2B6}
.cB .freeB .askB .rev{display:inline-block;margin-left:8px}
.cB .qa details{border-color:#2E2A24}
.cB .qa summary{color:#FFFFFF}
.cB .qa summary::after{color:var(--acc)}
.cB .qa details p{color:#C9C2B6}
.cB .faq{max-width:800px;margin:0 auto}
.cB .faq h2{text-align:left;margin-bottom:12px}
.cB .final{text-align:center;position:relative;overflow:hidden}
.cB .final::before{content:"";position:absolute;left:50%;bottom:-260px;width:1000px;height:560px;transform:translateX(-50%);background:radial-gradient(closest-side,var(--glow),transparent 75%);opacity:.8}
.cB .final>*{position:relative}
.cB .final p{color:#C9C2B6;margin:14px 0 28px}
.cB footer.site{background:#100E0C;border-color:#2A2621;color:#B5AEA2}
.cB footer.site a{color:#B5AEA2}
.cB footer.site .brand,.cB footer.site .mail{color:#FFFFFF}

@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}.pre{opacity:1!important;transform:none!important}}

html{scroll-padding-top:24px}
body{background:#100E0C}
.skip{position:absolute;left:-999px;top:8px;z-index:50;background:#FFFFFF;color:#14120F;padding:8px 14px;border-radius:8px}.skip:focus{left:12px}
.cB .hl{color:var(--acc);font-style:normal}
.cB .subhero{text-align:center;padding-block:56px 8px;position:relative}
.cB .subhero::before{content:"";position:absolute;left:50%;top:-80px;width:760px;max-width:100vw;height:420px;transform:translateX(-50%);background:radial-gradient(closest-side,var(--glow),transparent 75%);opacity:.45;pointer-events:none}
.cB .subhero>*{position:relative}
.cB .subhero h1{font:800 clamp(2.1rem,5vw,3.6rem)/1.06 var(--display);letter-spacing:-.025em;color:#FFFFFF;max-width:22ch;margin:0 auto}
.cB .subhero .lead{font-size:18px;color:#C9C2B6;max-width:60ch;margin:18px auto 0}
.cB .crumbs{font-size:14px;color:#B5AEA2;margin-bottom:14px}
.cB .crumbs a{color:#B5AEA2}
.cB .pg{padding-block:40px 96px}
.cB .narrow{max-width:760px}
.cB .prose{color:#E8E3D9;font-size:17px;line-height:1.7}
.cB .prose h2{font:800 clamp(1.5rem,3vw,2rem)/1.15 var(--display);letter-spacing:-.02em;color:#FFFFFF;margin:48px 0 12px}
.cB .prose h3{font:700 19px/1.3 var(--ui);color:#FFFFFF;margin:28px 0 8px}
.cB .prose p+p,.cB .prose p+ul,.cB .prose ul+p,.cB .prose p+.table-scroll,.cB .prose .table-scroll+p,.cB .prose ol+p{margin-top:14px}
.cB .prose ul{padding-left:22px;display:grid;gap:6px;margin:10px 0 0}
.cB .prose a:not(.btn){color:var(--acc)}
.cB .prose strong,.cB .prose b{color:#FFFFFF}
.cB .prose code{font:15px ui-monospace,Menlo,monospace;background:#24201B;padding:1px 6px;border-radius:5px}
.cB .muted{color:#B5AEA2}
.cB .steps{list-style:none;counter-reset:s;padding:0;display:grid;gap:14px;margin:16px 0 0}
.cB .steps li{counter-increment:s;display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:start}
.cB .steps li::before{content:counter(s);width:32px;height:32px;border-radius:50%;background:var(--acc);color:#14120F;font:800 15px/32px var(--display);text-align:center}
.cB .table-scroll{overflow-x:auto;margin-top:16px;border:1px solid #2E2A24;border-radius:14px}
.cB table{border-collapse:collapse;width:100%;font-size:15px;min-width:520px}
.cB th,.cB td{text-align:left;padding:11px 14px;border-top:1px solid #2E2A24;vertical-align:top}
.cB thead th{border-top:0;background:#1C1916;color:#FFFFFF}
.cB .callout{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;background:#1C1916;border:1px solid #38332B;border-radius:18px;padding:20px 22px;margin:32px 0}
.cB .callout p{margin:0;color:#FFFFFF;font-weight:600;max-width:46ch}
.cB .prose details{border-bottom:1px solid #2E2A24;padding-block:16px}
.cB .prose summary{cursor:pointer;font-weight:600;color:#FFFFFF;list-style:none;position:relative;padding-right:28px}
.cB .prose summary::-webkit-details-marker{display:none}
.cB .prose summary::after{content:"+";position:absolute;right:0;top:0;color:var(--acc);font-weight:700}
.cB .prose details[open] summary::after{content:"–"}
.cB .prose details p{margin-top:8px;color:#C9C2B6}
.cB .siblings{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px}
.cB .siblings a{border:1px solid #38332B;border-radius:999px;padding:8px 14px;color:#E8E3D9;text-decoration:none;font-size:15px}
.cB .siblings a:hover{border-color:var(--acc);color:#FFFFFF}
.cB .hub{list-style:none;padding:0;display:grid;gap:0}
.cB .hub li{display:grid;gap:4px;padding:16px 0;border-bottom:1px solid #2E2A24}
.cB .hub a{font:700 19px/1.3 var(--ui);color:#FFFFFF;text-decoration:none}
.cB .hub a:hover{color:var(--acc)}
.cB .hub span{color:#B5AEA2;font-size:15px}
.cB .wsteps{list-style:none;padding:0;display:grid;gap:12px;margin:0 0 28px;counter-reset:w}
.cB .wsteps li{counter-increment:w;display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 14px;background:#181512;border:1px solid #2A2621;border-radius:16px;padding:16px 18px;color:#E8E3D9}
.cB .wsteps li::before{content:counter(w);grid-row:span 2;width:36px;height:36px;border-radius:50%;background:var(--acc);color:#14120F;font:800 17px/36px var(--display);text-align:center}
.cB .wsteps b{color:#FFFFFF}
.cB .wsteps span{color:#C9C2B6}
.cB form fieldset{all:unset;display:grid;gap:10px}
.cB .lab{display:block;font-weight:600;color:#FFFFFF;margin:18px 0 8px}
.cB .opt{display:flex;gap:10px;align-items:center;background:#181512;border:1px solid #2A2621;border-radius:12px;padding:12px 14px;color:#E8E3D9;cursor:pointer}
.cB .opt:has(input:checked){border-color:var(--acc)}
.cB .opt input{accent-color:var(--acc)}
.cB textarea{width:100%;background:#181512;border:1px solid #38332B;border-radius:12px;color:#FFFFFF;padding:12px 14px;font:16px/1.5 var(--ui)}
.cB textarea::placeholder{color:#9A938A}
.cB .err{color:#FF8A73;min-height:1.4em;margin:8px 0}
.cB .thanks b{color:#FFFFFF;font-size:19px}
.cB .mail{user-select:all}
.cB .faq h2{text-align:left}
.cB .nav nav a[href="/guides/"]{white-space:nowrap}