@font-face{
  font-family:"Archivo Black";
  src:url("assets/fonts/ArchivoBlack-Regular.ttf") format("truetype");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

:root{
    --void:#080A07;
  --ground:#0C0F0A;
  --surface:#12160F;
  --raise:#191E15;

  --cream:#EFEDE3;
  --cream-2:#A8AD9B;
    --faint:#808774;

  --lime:#C7D948;
  --lime-hot:#D6E85C;
  --on-lime:#0C0F0A;

  --line:rgba(239,237,227,.11);
  --line-2:rgba(239,237,227,.20);

  --display:"Archivo Black","Arial Black",system-ui,sans-serif;
  --body:"Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;
  --mono:Consolas,"SF Mono",ui-monospace,"Roboto Mono",monospace;

    --wrap:1180px;
  --gutter:28px;
  --narrow:720px;

    --gap-section:clamp(52px,5.2vw,84px);  }

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:74px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body{
  margin:0;
  background:var(--void);
  color:var(--cream);
  font:400 17px/1.65 var(--body);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

img,video{max-width:100%;height:auto;display:block}
a{color:var(--lime);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--lime-hot)}

.grid > *,.split > *,.steps > *,.plans > *,.shots > *,.app-aside > *,.expect > *,.reqs > *,.foot-cols > *{min-width:0}

.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
.narrow{max-width:var(--narrow);margin:0 auto;padding:0 var(--gutter)}

.skip{position:absolute;left:-9999px}
.skip:focus{left:14px;top:14px;background:var(--lime);color:var(--on-lime);
  padding:11px 16px;border-radius:6px;z-index:200;font-weight:600}

:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:3px}

h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:-.02em;line-height:1.02;
  margin:0;text-wrap:balance}
h1{font-size:clamp(36px,5.1vw,64px)}
h2{font-size:clamp(30px,3.9vw,48px);line-height:1.06}
h3{font-size:17px;letter-spacing:0;line-height:1.3;font-family:var(--body);font-weight:650}
p{margin:0 0 1.05em}

.eyebrow{font:700 11.5px/1 var(--body);letter-spacing:.13em;text-transform:uppercase;
  color:var(--faint);margin:0 0 18px}
.lede{font-size:clamp(17px,1.5vw,19.5px);line-height:1.62;color:var(--cream-2);max-width:52ch}
.section-lede{color:var(--cream-2);max-width:56ch;margin-top:16px}
.micro{font-size:14px;color:var(--faint);margin:0}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:14px 22px;border-radius:7px;font:600 15.5px/1 var(--body);
  text-decoration:none;border:1px solid transparent;cursor:pointer;
  transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}
.btn.primary{background:var(--lime);color:var(--on-lime)}
.btn.primary:hover{background:var(--lime-hot);color:var(--on-lime);transform:translateY(-1px)}
.btn.primary:active{background:var(--lime);transform:none}
.btn.ghost{border-color:var(--line-2);color:var(--cream);background:transparent}
.btn.ghost:hover{border-color:var(--cream-2);color:var(--cream);background:transparent}
.btn.block{display:flex;width:100%}
.btn{appearance:none;-webkit-appearance:none;background:none;font-family:var(--body)}
.btn[aria-disabled="true"],.btn:disabled{cursor:default;pointer-events:none;
  background:transparent;border-color:var(--line-2);color:var(--faint)}
@media (prefers-reduced-motion:reduce){.btn,.btn:hover{transition:none;transform:none}}

.site{position:sticky;top:0;z-index:60;background:var(--void);
  border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;height:58px;gap:24px}
.brand{display:flex;align-items:center;gap:10px;color:var(--cream);text-decoration:none;
  font-family:var(--display);font-size:19px;letter-spacing:-.01em}
.brand img{width:26px;height:26px}
.brand .vo{color:var(--lime)}
.site nav{display:flex;align-items:center;gap:26px}
.site nav a{color:var(--cream-2);text-decoration:none;font-size:15px;font-weight:600}
.site nav a:hover{color:var(--cream)}
.site nav .nav-cta{display:inline-flex;align-items:center;gap:8px;color:var(--on-lime);
  background:var(--lime);padding:8px 15px;border-radius:6px;font-weight:600;font-size:14.5px;
  transition:background .15s ease}
.site nav .nav-cta:hover{background:var(--lime-hot);color:var(--on-lime)}
.nav-links{display:flex;align-items:center;gap:26px}

.nav-toggle,.mobile-nav{display:none}
@media (max-width:860px){
  .nav-links{display:none}
  .bar{height:52px}

    .site nav .nav-cta[data-download-closed]{display:none}
    .site nav{gap:8px}

    .nav-toggle{display:inline-flex;align-items:center;justify-content:center;
    width:44px;height:44px;margin-right:-13px;padding:0;cursor:pointer;
    background:transparent;border:0;border-radius:8px;color:var(--cream);
    appearance:none;-webkit-appearance:none;transition:background-color .15s ease}
    .nav-toggle:hover{background:var(--surface)}
  .nav-toggle:active{background:var(--raise)}
    .nav-toggle:focus-visible{outline:1.5px solid var(--lime);outline-offset:-7px;border-radius:8px}
  .nav-bars{display:block;width:17px}
    .nav-bars i{display:block;height:1.6px;border-radius:1px;background:currentColor;
    transition:transform .16s ease,opacity .16s ease}
  .nav-bars i + i{margin-top:4.6px}
  .nav-toggle[aria-expanded="true"] .nav-bars i:nth-child(1){transform:translateY(6.2px) rotate(45deg)}
  .nav-toggle[aria-expanded="true"] .nav-bars i:nth-child(2){opacity:0}
  .nav-toggle[aria-expanded="true"] .nav-bars i:nth-child(3){transform:translateY(-6.2px) rotate(-45deg)}

    .mobile-nav{display:block;position:absolute;top:100%;left:0;right:0;
    background:var(--void);border-top:1px solid var(--line);
    border-bottom:1px solid var(--line-2)}
    .mobile-nav[hidden]{display:none}
    .mobile-nav a{display:block;padding:16px 0;color:var(--cream);text-decoration:none;
    font-size:17px;font-weight:600;letter-spacing:-.005em;
    border-bottom:1px solid var(--line)}
  .mobile-nav a:last-child{border-bottom:0}
  .mobile-nav a:active{color:var(--lime)}
  .mobile-nav .wrap{padding-block:4px 10px}
}
@media (prefers-reduced-motion:reduce){
  .nav-bars i,.nav-toggle{transition:none}
}

.hero{position:relative;background:var(--ground);border-bottom:1px solid var(--line);
  padding:clamp(40px,4.6vw,62px) 0 clamp(28px,3.6vw,40px)}
.hero .wrap{position:relative}
.hero-copy{max-width:none}
.hero h1{max-width:none;text-wrap:balance}
.hero h1{margin-bottom:22px}
.hero h1 .accent{color:var(--lime)}
.hero .lede{max-width:58ch}
.hero-free{margin:16px 0 0;font-size:14.5px;color:var(--faint);letter-spacing:.01em}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 16px}
.btn.lg{padding:16px 26px;font-size:16.5px}
@media (max-width:560px){
  .hero .cta-row,.closer .cta-row{display:grid;grid-template-columns:1fr;gap:10px}
  .hero .cta-row .btn,.closer .cta-row .btn{width:100%}
}

.film{margin:clamp(34px,4.5vw,58px) 0 0}
@media (max-width:620px){
  .film{margin-inline:-16px}
  .film-frame{border-radius:12px}
  .film figcaption{margin-inline:16px}
}
.film-frame{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;
  background:#000;border:1px solid var(--line-2)}
.film-v{display:block;width:100%;height:100%;object-fit:cover;background:#000}
.film figcaption{margin-top:14px;color:var(--faint);font-size:14px}
.film-v{cursor:pointer}
.film-v:focus-visible{outline:2px solid var(--lime);outline-offset:3px}

.steps-flow{display:grid;gap:clamp(40px,5vw,76px)}
.step-row{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  gap:clamp(26px,4vw,60px);align-items:center}
.step-row:nth-child(even){grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.step-row:nth-child(even) .step-txt{order:2}
.step-txt h3{font-family:var(--display);font-weight:400;letter-spacing:-.015em;
  font-size:clamp(21px,2.2vw,27px);margin:6px 0 12px}
.step-txt p{color:var(--cream-2);margin:0}
.step-shot{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;
  background:var(--void)}
.step-shot img{display:block;width:100%;height:auto}
.step-shot figcaption{padding:13px 18px 15px;color:var(--faint);font-size:14px;
  border-top:1px solid var(--line)}
@media (max-width:840px){
  .step-row,.step-row:nth-child(even){grid-template-columns:1fr;gap:22px}
  .step-row:nth-child(even) .step-txt{order:0}
}

.split-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(24px,4vw,64px);align-items:end;margin-bottom:clamp(32px,4vw,52px)}
.split-head h2{margin:0}
.split-head p{color:var(--cream-2);margin:0;max-width:54ch}
@media (max-width:840px){.split-head{grid-template-columns:1fr;align-items:start;gap:16px}}

.nots{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;
  column-gap:clamp(24px,4vw,64px)}
.nots li{padding:20px 0;border-top:1px solid var(--line);display:grid;
  grid-template-columns:minmax(0,14rem) minmax(0,1fr);gap:6px 24px;align-items:baseline}
.nots strong{font-family:var(--display);font-weight:400;letter-spacing:-.01em;
  font-size:clamp(15.5px,1.4vw,17.5px);color:var(--cream)}
.nots span{color:var(--cream-2);font-size:15.5px}
@media (max-width:1000px){.nots{grid-template-columns:1fr}}
@media (max-width:560px){.nots li{grid-template-columns:1fr}}

.stage{position:relative;padding-bottom:clamp(0px,7vw,104px)}
.stage-main,.stage-over{margin:0;border:1px solid var(--line);border-radius:14px;
  overflow:hidden;background:var(--void)}
.stage-main img,.stage-over img{display:block;width:100%;height:auto}
.stage-over{position:absolute;right:0;bottom:0;width:42%;
  box-shadow:0 10px 28px rgba(0,0,0,.5);border-color:var(--line-2)}
@media (max-width:900px){
  .stage{padding-bottom:0;display:grid;gap:18px}
  .stage-over{position:static;width:100%}
}

.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:9px}
.chips li{border:1px solid var(--line-2);border-radius:999px;padding:9px 15px;
  color:var(--cream-2);font-size:15px;background:var(--ground)}

.aff-rate{margin:clamp(28px,3.4vw,44px) 0 0;padding:clamp(28px,3.4vw,40px) 0 0;
  border-top:1px solid var(--line)}
.aff-num{font-family:var(--display);font-size:clamp(64px,9vw,116px);line-height:.92;
  margin:0;color:var(--lime);letter-spacing:-.01em}
.aff-num-label{font-family:var(--display);font-size:clamp(19px,2.1vw,26px);margin:10px 0 0;
  color:var(--cream);letter-spacing:.02em}
.aff-num-note{margin:16px 0 0;max-width:52ch;color:var(--cream-2);font-size:16px}
.aff-num-note b{color:var(--cream);font-weight:600}

.band{padding:var(--gap-section) 0;border-bottom:1px solid var(--line)}
.band.ground{background:var(--ground)}
.band.surface{background:var(--surface)}
.band-head{margin-bottom:clamp(26px,3.2vw,44px);max-width:62ch}

.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(22px,3vw,44px);counter-reset:s}
.steps li{padding-top:24px;border-top:1px solid var(--line-2);counter-increment:s}
.steps h3{margin-bottom:9px}
.steps p{color:var(--cream-2);margin:0;font-size:16px}
@media (max-width:800px){.steps{grid-template-columns:1fr;gap:26px}}

.shot-lead{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--void);
  margin-bottom:clamp(18px,2.4vw,26px)}
.shots{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.4vw,26px)}
.shots figure{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;
  background:var(--void)}
.shots figcaption,.shot-lead figcaption,.app-shot figcaption{padding:14px 18px 16px;color:var(--cream-2);font-size:14.5px;
  border-top:1px solid var(--line)}
.shot-lead figure{margin:0}
@media (max-width:760px){.shots{grid-template-columns:1fr}}

.facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);
  gap:0 clamp(24px,3vw,44px)}
.facts li{padding:20px 0;border-top:1px solid var(--line)}
.facts strong{display:block;font-weight:650;margin-bottom:5px}
.facts span{color:var(--cream-2);font-size:15.5px}
@media (max-width:860px){.facts{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.facts{grid-template-columns:1fr}}

.plans{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.4vw,28px);align-items:start}
.plan{border:1px solid var(--line);border-radius:12px;padding:clamp(26px,3vw,36px);
  background:var(--ground)}

.plan-title{font-family:var(--display);font-weight:400;font-size:clamp(19px,1.7vw,23px);
  line-height:1.2;letter-spacing:-.015em;color:var(--cream);margin:0 0 20px}

.plan-price{font-family:var(--display);font-size:clamp(38px,4.6vw,54px);line-height:1;
  letter-spacing:-.02em;margin:0 0 6px}
.plan-sub{color:var(--cream-2);font-size:15px;margin:10px 0 24px}
.plan ul{list-style:none;margin:0 0 26px;padding:0}
.plan li{padding:11px 0;border-top:1px solid var(--line);color:var(--cream-2);font-size:15.5px}
.plan li:first-child{border-top:0}
.plan-note-in{margin:14px 0 0;font-size:13.5px;color:var(--faint);text-align:center}

.plan.best,.plan.lead{border-color:rgba(199,217,72,.46);
  background:var(--surface);box-shadow:none;
  padding-top:clamp(30px,3.4vw,42px)}
.plan-pitch{display:none}
.plan.best .plan-pitch,.plan.lead .plan-pitch{display:block;font-family:var(--display);
  font-weight:400;font-size:clamp(19px,1.7vw,23px);line-height:1.2;letter-spacing:-.015em;
  color:var(--cream);margin:0 0 20px}
.plan.best .plan-price,.plan.lead .plan-price{font-size:clamp(54px,6.6vw,76px);margin:0 0 14px}

.plan.best .plan-sub,.plan.lead .plan-sub{margin:18px 0 26px;font-family:var(--display);
  font-weight:400;font-size:17px;line-height:1.25;letter-spacing:-.01em;color:var(--cream)}
.plan.best li,.plan.lead li{position:relative;padding-left:28px;color:var(--cream)}
.plan.best li::before,.plan.lead li::before{content:"";position:absolute;left:4px;top:50%;
  margin-top:-4px;width:10px;height:5px;border-left:2px solid var(--lime);
  border-bottom:2px solid var(--lime);transform:rotate(-45deg)}
.plan.best .btn.block,.plan.lead .btn.block{padding:17px 26px;font-size:16.5px;font-weight:650}
@media (max-width:760px){.plans{grid-template-columns:1fr}}

.expect{display:grid;grid-template-columns:1fr;gap:clamp(24px,3vw,40px)}
@media (min-width:900px){
  .expect{grid-template-columns:repeat(3,1fr)}
  .expect-after{grid-template-columns:repeat(2,1fr)}
}
.expect h3{margin-bottom:8px}
.expect p{color:var(--cream-2);margin:0;font-size:16px}
.expect-note{margin-top:clamp(30px,3.6vw,42px);padding-top:clamp(20px,2.4vw,26px);
  border-top:1px solid var(--line);max-width:70ch}
@media (max-width:760px){.expect{grid-template-columns:1fr}}

.reqs{display:grid;grid-template-columns:repeat(3,1fr);gap:0 clamp(24px,3vw,44px)}
.reqs div{padding:18px 0;border-top:1px solid var(--line)}
.reqs dt{font:700 13px/1.2 var(--body);letter-spacing:.04em;text-transform:uppercase;
  color:var(--cream-2);margin-bottom:9px}
.reqs dd{margin:0;font-size:16px}
@media (max-width:760px){.reqs{grid-template-columns:1fr}}

.faq{max-width:900px}
.faq details{border-top:1px solid var(--line)}
.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;padding:20px 40px 20px 0;font-weight:600;font-size:16.5px;
  list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:6px;top:50%;width:9px;height:9px;
  border-right:1.5px solid var(--cream-2);border-bottom:1.5px solid var(--cream-2);
  transform:translateY(-70%) rotate(45deg);transition:transform .18s ease}
.faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq details[open] summary{color:var(--lime)}
.faq p{color:var(--cream-2);margin:0 0 22px;max-width:70ch;font-size:16px}
@media (prefers-reduced-motion:reduce){.faq summary::after{transition:none}}

.closer{text-align:center;padding:clamp(60px,6.6vw,94px) 0}
.closer h2{margin-bottom:18px}
.closer .lede{margin-inline:auto;text-align:center}
.closer .cta-row{justify-content:center;margin-top:28px}

.foot{background:var(--void);padding:56px 0 40px;color:var(--cream-2);font-size:15px}
.foot-cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px;margin-bottom:40px}
.foot .foot-h{font-family:var(--body);font-size:11.5px;font-weight:700;line-height:1;
  letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin:0 0 16px}
.foot ul{list-style:none;margin:0;padding:0}
.foot li{margin-bottom:10px}
.foot a{color:var(--cream-2);text-decoration:none}
.foot a:hover{color:var(--cream);text-decoration:underline}
.foot-brand p{max-width:34ch;color:var(--faint);font-size:14.5px;margin-top:14px}
.foot-base{border-top:1px solid var(--line);padding-top:24px;display:flex;
  justify-content:space-between;gap:18px;flex-wrap:wrap;color:var(--faint);font-size:14px}
@media (max-width:820px){.foot-cols{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.foot-cols{grid-template-columns:1fr}}

.notice{border:1px solid var(--line-2);border-left:2px solid var(--lime);border-radius:8px;
  padding:18px 20px;background:var(--surface);color:var(--cream-2);font-size:15.5px}
.notice strong{color:var(--cream)}

.doc{padding:clamp(52px,6vw,86px) 0 var(--gap-section)}
.doc h1{font-size:clamp(30px,4.2vw,46px);margin-bottom:14px}
.doc .updated{font:400 13.5px/1 var(--body);color:var(--faint);margin-bottom:40px}
.doc h2{font-size:clamp(20px,2.2vw,25px);margin:44px 0 14px}
.doc h3{font-size:16.5px;margin:28px 0 8px}
.doc p,.doc li{color:var(--cream-2);font-size:16.5px;line-height:1.7}
.doc ul,.doc ol{padding-left:22px;margin:0 0 1.05em}
.doc li{margin-bottom:8px}
.doc a{color:var(--lime)}
.doc .toc{border:1px solid var(--line);border-radius:10px;padding:20px 24px;margin-bottom:40px;
  background:var(--ground)}
.doc .toc h2{font-family:var(--body);font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--faint);margin:0 0 12px;font-weight:600}
.doc .toc ol{margin:0;padding-left:20px}
.doc .toc li{margin-bottom:6px;font-size:15.5px}
.doc dl{margin:0}
.doc dt{font-weight:650;color:var(--cream);margin-top:18px}
.doc dd{margin:6px 0 0;color:var(--cream-2)}

.todo{font-family:var(--mono);font-size:14px;color:var(--lime);
  background:rgba(199,217,72,.09);border:1px dashed rgba(199,217,72,.42);
  padding:2px 7px;border-radius:4px;white-space:nowrap}

.notfound{min-height:62vh;display:flex;align-items:center;padding:var(--gap-section) 0}
.notfound .code{font:400 13px/1 var(--mono);letter-spacing:.2em;color:var(--lime);margin-bottom:20px}
.notfound h1{margin-bottom:16px}
.notfound ul{list-style:none;padding:0;margin:26px 0 0;display:flex;gap:26px;flex-wrap:wrap}
.notfound a{color:var(--cream)}

.form{max-width:420px}
.field{margin-bottom:18px}
.field label{display:block;font-size:14.5px;color:var(--cream-2);margin-bottom:7px}
.field input{width:100%;padding:13px 14px;border-radius:7px;background:var(--void);
  border:1px solid var(--line-2);color:var(--cream);font:400 16px/1.4 var(--body)}
.field input:focus{outline:2px solid var(--lime);outline-offset:1px;border-color:transparent}
.form-msg{margin-top:16px;font-size:15px;min-height:1.4em}
.form-msg[data-tone="bad"]{color:#E08A82}
.form-msg[data-tone="good"]{color:var(--lime)}

@media (prefers-reduced-motion:no-preference){
  .reveal{opacity:0;transform:translateY(14px);
    transition:opacity .5s cubic-bezier(.2,.6,.2,1),transform .5s cubic-bezier(.2,.6,.2,1)}
  .reveal.in{opacity:1;transform:none}
}

.band-first{border-top:0}                        .band-head-tight{margin-bottom:34px}             .cta-tight{margin-top:0}                         .installer-state{margin-top:14px}                .notice-after{margin-top:clamp(26px,3vw,34px);max-width:64ch}   .notice-lead{margin-bottom:34px}                 .expect-after{margin-top:40px}
.lead-line{font-size:20px;margin-bottom:8px}
.plan-note{margin-top:22px;max-width:64ch}

.band.focus .wrap{max-width:720px}
.band.focus .band-head{max-width:none;text-align:center}
.band.focus .section-lede{margin-inline:auto}
.band.focus .form{max-width:420px;margin-inline:auto}
.band.focus .notice{margin-inline:auto;max-width:540px}
.band.focus .lead-line,
.band.focus .lead-line + .micro{text-align:center}
@media (max-width:720px){.band.focus .band-head{text-align:left}
  .band.focus .section-lede{margin-inline:0}}

/* Auth handoff pages (/auth/confirmed/, /reset-password/). These drop the site nav and footer,
   so the wordmark comes back inside the body and the band loses the header offset it no longer
   needs. No new colours, type or spacing scale - only placement. */
.auth-bare{min-height:100vh;display:flex;align-items:center;padding-top:0}
.auth-mark{display:inline-block;margin:0 0 clamp(26px,3vw,40px);font-family:var(--display);
  font-size:22px;font-weight:700;letter-spacing:-.01em;color:var(--cream);text-decoration:none}
.auth-mark:hover{color:var(--cream)}
/* The lime half of the wordmark. The only existing rule is `.brand .vo`, scoped to the
   nav - outside it the span inherited cream and the accent silently vanished. */
.auth-mark .vo{color:var(--lime)}
.auth-hint{margin:14px 0 0;max-width:62ch}
.auth-hint strong{color:var(--cream)}
.auth-foot{margin-top:clamp(22px,2.4vw,32px)}
/* On the centred (.focus) reset page the wordmark sat outside .band-head and stayed
   left while the heading centred. Match the page it is on. */
.focus .auth-mark{display:block;text-align:center}