/* Esports Agent (esportsagent.net) "Night Desk" v1.0.1: ink chrome, contract-paper sheets, one volt accent, mono figures.
   Type: Tektur (display) + Albert Sans (text) + Red Hat Mono (figures), self-hosted, OFL. No third-party code. */
@font-face{font-family:"Tektur";src:url("/assets/fonts/tektur-var.woff2") format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:"Albert Sans";src:url("/assets/fonts/albert-sans-var.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Red Hat Mono";src:url("/assets/fonts/red-hat-mono-var.woff2") format("woff2");font-weight:300 700;font-display:swap}

:root{
  --ink:#0A0C10;--ink-2:#11141B;--ink-3:#1A1E28;--ink-line:#2A303C;--ink-text:#E9ECF2;--ink-muted:#A0A7B4;
  --paper:#F5F2EA;--paper-2:#ECE7DA;--card:#FFFFFF;--line:#D9D1BF;--text:#11141B;--muted:#585E6A;
  --volt:#C8F542;--volt-tint:#EEFBC9;
  --red:#C2302B;--red-tint:#FBE6E5;--amber:#8F5600;--amber-tint:#FFF0D2;--slate:#3C4454;--slate-tint:#E6E9F0;--green:#1E6B45;--green-tint:#DFF2E7;
  --display:"Tektur",ui-sans-serif,system-ui,sans-serif;--sans:"Albert Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"Red Hat Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --cut:12px;--frame:1200px;--r:4px
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:84px}
body{margin:0;background:var(--paper);color:var(--text);font:400 1.0625rem/1.6 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--volt);outline-offset:2px}
.num{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.nowrap{white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:var(--volt);color:var(--ink);padding:.6rem 1rem;z-index:50;font-weight:700}
.skip:focus{left:1rem;top:.5rem}
.frame{width:min(100% - 2.5rem,var(--frame));margin-inline:auto}
.narrow{max-width:640px}

/* ---- header ---- */
.top{position:sticky;top:0;z-index:30;background:rgba(10,12,16,.96);color:var(--ink-text);border-bottom:1px solid var(--ink-line);backdrop-filter:saturate(1.4) blur(8px)}
.top-row{display:flex;align-items:center;gap:2rem;min-height:68px}
.brand{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink-text)}
.brand-mark{width:30px;height:30px;color:var(--ink-text)}
.brand-word{font:600 1.18rem/1 var(--display);letter-spacing:.01em}
.brand-word b{font-weight:800;color:var(--volt)}
.brand-tld{font:500 .78rem/1 var(--mono);color:var(--ink-muted);margin-left:-.35rem;align-self:flex-end;padding-bottom:.2rem}
.nav{display:flex;gap:1.6rem;margin-left:auto}
.nav a{color:#C3C9D4;text-decoration:none;font-weight:500;font-size:.95rem;padding:.4rem 0}
.nav a:hover{color:#fff}
.nav a[aria-current="page"]{color:#fff;box-shadow:inset 0 -2px 0 var(--volt)}
.pass-chip{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(200,245,66,.55);padding:.42rem .7rem;text-decoration:none;font:500 .78rem/1.2 var(--mono);color:var(--ink-text);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}
.pass-chip-name{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted)}
.pass-chip-price{color:var(--volt);font-weight:700}
.pass-chip-note{color:var(--ink-muted)}
.pass-chip:hover{border-color:var(--volt)}
.drawer{display:none;position:relative}
.drawer summary{list-style:none;cursor:pointer;font:600 .85rem/1 var(--display);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--ink-line);padding:.6rem .8rem;color:var(--ink-text)}
.drawer summary::-webkit-details-marker{display:none}
.drawer-close,.drawer[open] .drawer-open{display:none}
.drawer[open] .drawer-close{display:inline}
.drawer-nav{position:fixed;left:0;right:0;top:68px;background:var(--ink);border-bottom:1px solid var(--ink-line);padding:1rem 1.25rem 1.5rem;display:grid;gap:.25rem}
.drawer-nav a{color:var(--ink-text);text-decoration:none;font:600 1.25rem/1.2 var(--display);padding:.65rem 0;border-bottom:1px solid var(--ink-line)}
.drawer-nav a[aria-current="page"]{color:var(--volt)}
.drawer-price{font:500 .9rem/1.4 var(--sans)!important;color:var(--ink-muted)!important;border-bottom:0!important}
.drawer-price b{color:var(--ink-text)}
.drawer-price span{color:var(--volt)}

/* ---- type ---- */
.eyebrow{font:600 .75rem/1.2 var(--mono);text-transform:uppercase;letter-spacing:.16em;color:var(--muted);margin:0 0 1rem}
.eyebrow-volt{color:var(--volt)}
.display{font:700 clamp(2.4rem,5.6vw,4.6rem)/1.0 var(--display);letter-spacing:-.015em;margin:0 0 1.2rem;text-wrap:balance}
.display-md{font-size:clamp(2rem,4.2vw,3.3rem)}
.display em{font-style:normal;color:var(--volt)}
.lede{font-size:1.2rem;line-height:1.55;max-width:46rem;margin:0;color:inherit;opacity:.88}
.section-title{font:700 clamp(1.6rem,3vw,2.4rem)/1.1 var(--display);letter-spacing:-.01em;margin:0 0 2rem;text-wrap:balance}
.section-title-sm{font-size:1.5rem;margin:3rem 0 1.25rem}
.note{color:var(--muted);font-size:.92rem;max-width:60rem}

/* ---- buttons: cut corners ---- */
.btn{--c:var(--cut);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font:700 .92rem/1 var(--display);text-transform:uppercase;letter-spacing:.07em;text-decoration:none;padding:1rem 1.5rem;border:2px solid transparent;cursor:pointer;clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,var(--c) 100%,0 calc(100% - var(--c)));transition:background .15s,color .15s,border-color .15s}
.btn:focus-visible{clip-path:none}
.btn-volt{background:var(--volt);color:var(--ink)}
.btn-volt:hover{background:#D8FF62}
.btn-line{border-color:rgba(233,236,242,.45);color:var(--ink-text);background:transparent}
.btn-line:hover{border-color:var(--ink-text)}
.btn-ink{background:var(--ink);color:var(--paper)}
.btn-ink:hover{background:var(--ink-3)}
.btn-line-ink{background:transparent;border-color:var(--ink);color:var(--ink)}
.btn-line-ink:hover{background:var(--ink);color:var(--paper)}
.btn-danger{background:var(--red);color:#fff}
.btn-line-danger{background:transparent;border-color:var(--red);color:var(--red)}
.btn-small{--c:8px;padding:.6rem .9rem;font-size:.78rem}
.btn-lg{padding:1.2rem 2rem;font-size:1rem}
.btn-block{width:100%}

/* ---- hero: full-width headline on a volt margin rule, then the offer sheet as a perforated paper strip (v1.0.1) ---- */
.hero{background:var(--ink);color:var(--ink-text);position:relative}
.hero-head{padding:5.5rem 0 4rem}
.hero-title{font-size:clamp(2.8rem,7.2vw,6.4rem);line-height:.94;margin:0 0 3rem;padding-left:1.6rem;border-left:6px solid var(--volt);max-width:15ch}
.hero-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:2.5rem 4rem;align-items:end;padding-top:2rem;border-top:1px solid var(--ink-line)}
.hero-lede{font-size:1.25rem;line-height:1.55;color:#C9CED8;max-width:40rem;margin:0}
.hero-side{display:grid;gap:1.1rem;justify-items:start}
.hero-link{color:var(--ink-text);font-weight:600;font-size:.98rem;text-decoration-color:var(--volt);text-decoration-thickness:2px;text-underline-offset:5px}
.hero-link::after{content:" \2193";color:var(--volt)}
.sheet-strip{margin:0;background:var(--paper);color:var(--text);position:relative;padding:2.6rem 0 2.4rem}
.sheet-strip::before{content:"";position:absolute;left:0;right:0;top:-7px;height:14px;background:radial-gradient(circle at 11px 7px,var(--ink) 5px,transparent 5.5px) 0 0/22px 14px repeat-x}
.strip-cap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;font:600 .72rem/1.4 var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 1.4rem}
.strip-cap b{color:var(--ink)}
.strip-figs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 1.6rem;border-top:2px solid var(--ink)}
.strip-fig{padding:1.1rem 1.2rem 0 0;margin-right:1.2rem;border-right:1px solid var(--line)}
.strip-fig:last-child{border-right:0;margin-right:0}
.strip-fig dt{font-size:.8rem;color:var(--muted);font-weight:500}
.strip-fig dd{margin:.3rem 0 0;font-size:1.9rem;font-weight:600}
.strip-lead dd{font-size:2.5rem;line-height:1.05}
.strip-lead dd::after{content:"";display:block;width:56px;height:6px;background:var(--volt);margin-top:.5rem}
.strip-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.2rem 2.5rem;align-items:start}
.strip-foot .moneybar{margin:0}
.figs dt,.sample-figs dt{font-size:.8rem;color:var(--muted);font-weight:500}
.sample-figs dd{margin:.2rem 0 0;font-size:1.5rem;font-weight:600}

/* ---- money bar ---- */
.moneybar{margin:0 0 1.2rem}
.moneybar-svg{width:100%;height:28px;background:var(--paper-2)}
.seg-salary{fill:#0A0C10}.seg-bonus{fill:#3A4252}.seg-extras{fill:#7A8395}
.moneybar-key{list-style:none;padding:0;margin:.7rem 0 0;display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;font-size:.8rem;color:var(--muted)}
.moneybar-key b{color:var(--text);font-weight:600;margin-left:.2rem}
.key-dot{display:inline-block;width:10px;height:10px;margin-right:.35rem;vertical-align:-1px}
.key-dot.seg-salary{background:#0A0C10}.key-dot.seg-bonus{background:#3A4252}.key-dot.seg-extras{background:#7A8395}
.key-dot.seg-upside{background:repeating-linear-gradient(45deg,var(--volt) 0 3px,#E9F9B8 3px 6px);outline:1px solid #A9CF2E}

/* ---- tally + flags ---- */
.tally{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}
.tally li{font:600 .78rem/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;padding:.5rem .65rem;border:1px solid var(--line);background:var(--card)}
.tally b{font-size:1rem;margin-right:.3rem}
.tally-red{color:var(--red)}.tally-amber{color:var(--amber)}.tally-ask{color:var(--slate)}.tally-clear{color:var(--green)}
.flag{display:inline-block;font:700 .68rem/1 var(--mono);text-transform:uppercase;letter-spacing:.1em;padding:.38rem .5rem;vertical-align:middle;white-space:nowrap}
.flag-red{background:var(--red-tint);color:var(--red)}.flag-amber{background:var(--amber-tint);color:var(--amber)}.flag-ask{background:var(--slate-tint);color:var(--slate)}.flag-clear{background:var(--green-tint);color:var(--green)}

/* ---- bands ---- */
.band{padding:5.5rem 0}
.band-reads{background:var(--paper)}
.reads{list-style:none;padding:0;margin:0;display:grid;border-top:2px solid var(--ink)}
.reads li{display:grid;grid-template-columns:110px minmax(0,.8fr) minmax(0,1.4fr);gap:1rem 2.5rem;align-items:baseline;padding:1.8rem 0;border-bottom:1px solid var(--line)}
.reads-n{font:800 2.2rem/1 var(--display);color:var(--ink);box-shadow:inset 0 -.45em 0 var(--volt);justify-self:start;padding:0 .15em}
.reads h3,.steps h3{font:700 1.3rem/1.2 var(--display);margin:0 0 .6rem}
.reads p,.steps p{margin:0;color:var(--muted)}
.band-sample{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sample-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:4rem;align-items:start}
.sample-copy{position:sticky;top:96px}
.sample-copy p{color:var(--muted)}
.sample-figs{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin:1.8rem 0 2rem;padding:1.4rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.band-steps{background:var(--ink);color:var(--ink-text)}
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}
.steps li{border-top:1px solid var(--ink-line);padding-top:1.5rem}
.steps-n{display:inline-grid;place-items:center;width:44px;height:44px;border:1.5px solid var(--volt);color:var(--volt);font:700 1.2rem/1 var(--display);margin-bottom:1.2rem;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px))}
.steps p{color:var(--ink-muted)}
.band-price{background:var(--paper)}
.band-not{background:var(--ink-2);color:var(--ink-text)}
.not-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:3rem}
.not-list{list-style:none;padding:0;margin:0;display:grid;gap:1.2rem}
.not-list li{padding-left:1.4rem;border-left:3px solid var(--volt);color:var(--ink-muted)}
.not-list b{color:var(--ink-text)}
.band-faq{background:var(--paper)}
.faq{max-width:860px}
.faq details{border-top:1px solid var(--line);padding:1.1rem 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;font:600 1.12rem/1.35 var(--sans);list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:600 1.4rem/1 var(--mono);color:var(--muted)}
.faq details[open] summary::after{content:"\2212"}
.faq p{margin:.8rem 0 0;color:var(--muted);max-width:62ch}

/* ---- plans ---- */
.plans{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.plan{background:var(--card);border:1px solid var(--line);padding:2rem;display:flex;flex-direction:column;gap:.4rem}
.plan-pass{background:var(--ink);color:var(--ink-text);border-color:var(--ink);position:relative}
.plan-pass::before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:var(--volt)}
.plan-name{font:700 .8rem/1 var(--mono);text-transform:uppercase;letter-spacing:.14em;margin:0;color:var(--muted)}
.plan-pass .plan-name{color:var(--volt)}
.plan-price{font:700 1.1rem/1.1 var(--sans);margin:.6rem 0 0}
.plan-price .num{font:700 3rem/1 var(--display);letter-spacing:-.02em;margin-right:.25rem}
.plan-sub{margin:0 0 1rem;color:var(--muted);font-size:.95rem}
.plan-pass .plan-sub{color:var(--ink-muted)}
.plan-list{list-style:none;padding:0;margin:0 0 1.5rem;display:grid;gap:.55rem;flex:1;align-content:start}
.plan-list li{padding-left:1.5rem;position:relative}
.plan-list li::before{content:"";position:absolute;left:0;top:.55em;width:9px;height:9px;border:2px solid currentColor;transform:rotate(45deg)}
.plan-pass .plan-list li::before{border-color:var(--volt)}
.plan-preview{font-size:.9rem;color:var(--ink-muted);border-top:1px solid var(--ink-line);padding-top:1rem;margin:0 0 1.2rem}
.plan-preview b{color:var(--volt)}
.plan .btn{align-self:flex-start}
.price-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3.5rem;max-width:1100px}
.price-notes h2{font:700 1.15rem/1.2 var(--display);margin:0 0 .5rem}
.price-notes p{margin:0;color:var(--muted)}
.pricenote{font-size:.88rem;color:var(--muted);border-left:3px solid var(--volt);padding:.2rem 0 .2rem .9rem;margin:1.6rem 0}
.pricenote-tag{font:700 .68rem/1 var(--mono);text-transform:uppercase;letter-spacing:.12em;background:var(--ink);color:var(--volt);padding:.3rem .45rem;margin-right:.3rem;vertical-align:1px}
.pricenote b{color:var(--text)}

/* ---- page heads ---- */
.pagehead{background:var(--ink);color:var(--ink-text);padding:4.5rem 0 3.5rem;position:relative}
.pagehead::after{content:"";position:absolute;left:0;bottom:0;width:min(28%,340px);height:6px;background:var(--volt)}
.pagehead .lede{color:#C9CED8}
.pagehead .lede a{color:var(--volt)}
.pagehead .tally{margin-top:1.6rem}
.pagehead .tally li{background:transparent;border-color:var(--ink-line)}
.pagehead .tally-red{color:#FF8A84}.pagehead .tally-amber{color:#FFC566}.pagehead .tally-ask{color:#B9C2D6}.pagehead .tally-clear{color:#7FD9A8}

/* ---- form ---- */
.band-form{padding-top:3rem}
.form-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:3.5rem;align-items:start}
.offer-form{display:grid;gap:2.2rem}
.block{border:0;margin:0;padding:2rem;background:var(--card);border:1px solid var(--line)}
.block legend{float:left;width:100%;font:700 1.35rem/1.2 var(--display);margin:0 0 1.5rem;padding:0 0 1rem;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:.8rem}
.block legend + *{clear:both}
.block-n{font:700 .8rem/1 var(--mono);background:var(--ink);color:var(--volt);padding:.4rem .5rem;letter-spacing:.06em}
.block-note{margin:0 0 1rem;color:var(--muted);font-size:.95rem}
.fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.3rem 1.5rem}
.field{display:flex;flex-direction:column;gap:.4rem}
.field-wide{margin-bottom:1.3rem}
.field label{font-weight:600;font-size:.9rem;line-height:1.3}
.opt{font-weight:400;color:var(--muted)}
.input-wrap{display:flex;align-items:stretch;border:1.5px solid #BDB4A1;background:#fff;transition:border-color .15s,box-shadow .15s}
.input-wrap:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px var(--volt)}
.input-wrap input{flex:1;min-width:0;border:0;background:transparent;padding:.75rem .8rem;font:500 1.05rem/1.2 var(--mono);color:var(--text);outline:0}
.affix{display:flex;align-items:center;padding:0 .7rem;font:500 .85rem/1 var(--mono);color:var(--muted);background:var(--paper);border-right:1px solid #DDD5C4}
.affix-post{border-right:0;border-left:1px solid #DDD5C4;white-space:nowrap}
.hint{margin:0;font-size:.8rem;color:var(--muted)}
.clauses{list-style:none;padding:0;margin:0;counter-reset:cl}
.clause{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem 2rem;align-items:center;padding:1rem 0;border-top:1px solid var(--line);counter-increment:cl}
.clause-q{margin:0;font-weight:500}
.clause-q::before{content:counter(cl,decimal-leading-zero);font:600 .75rem/1 var(--mono);color:var(--muted);margin-right:.7rem}
.seg{display:inline-flex;border:1.5px solid var(--ink)}
.seg input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.seg label{font:700 .76rem/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;padding:.65rem .8rem;cursor:pointer;border-right:1px solid var(--ink);white-space:nowrap;user-select:none}
.seg label:last-of-type{border-right:0}
.seg input:focus-visible + label{outline:3px solid var(--volt);outline-offset:-3px}
.seg input:checked + .seg-yes{background:var(--green);color:#fff}
.seg input:checked + .seg-no{background:var(--red);color:#fff}
.seg input:checked + .seg-unsure{background:var(--slate);color:#fff}
.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem}
.form-fine{margin:0;color:var(--muted);font-size:.9rem}
.alert{background:var(--red-tint);color:#7A1612;border-left:4px solid var(--red);padding:1rem 1.2rem;margin:0 0 1.5rem;font-weight:600}
.alert-info{background:var(--volt-tint);color:var(--ink);border-left-color:#89B020}
.rail{position:sticky;top:92px}
.rail-card{background:var(--ink);color:var(--ink-text);padding:1.8rem}
.rail-title{font:700 .78rem/1 var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--volt);margin:0 0 1rem}
.rail-list{list-style:none;padding:0;margin:0;display:grid;gap:.7rem}
.rail-list li{padding-left:1.2rem;position:relative;color:#D2D7E0}
.rail-list li::before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;background:var(--volt)}
.rail-card .pricenote{color:var(--ink-muted);border-left-color:var(--volt)}
.rail-card .pricenote b{color:var(--ink-text)}
.rail-card .pricenote a{color:var(--volt)}
.rail-card .pricenote-tag{background:var(--volt);color:var(--ink)}
.rail-not{font-size:.85rem;color:var(--ink-muted);margin:0}
.rail-not b{color:var(--ink-text)}
.stack{display:grid;gap:1.2rem;justify-items:start}
.stack .field{width:100%}
.check{display:flex;gap:.6rem;align-items:flex-start;font-size:.95rem}

/* ---- result sheet ---- */
.pagehead-result{padding-bottom:3rem}
.band-sheet{padding-top:3rem}
.sheet-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:3rem;align-items:start}
.figs{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0 0 1.6rem;background:var(--card);border:1px solid var(--line)}
.fig{padding:1.2rem 1.3rem;border-right:1px solid var(--line)}
.fig:last-child{border-right:0}
.figs dd{margin:.35rem 0 0;font-size:1.55rem;font-weight:600}
.figs .fig-lead{background:var(--ink);color:var(--ink-text)}
.figs .fig-lead dt{color:var(--ink-muted)}
.figs .fig-lead dd{color:var(--volt);font-size:1.75rem}
.breakdown{width:100%;border-collapse:collapse;margin:1.5rem 0 2rem;background:var(--card);border:1px solid var(--line)}
.breakdown caption{text-align:left;font:700 .75rem/1 var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--muted);padding:0 0 .8rem}
.breakdown th,.breakdown td{padding:.7rem 1.1rem;border-top:1px solid #EDE7DA;text-align:left;font-weight:400}
.breakdown td{text-align:right;font-weight:600}
.breakdown .row-total th,.breakdown .row-total td{font-weight:700;border-top:2px solid var(--ink)}
.exit{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.exit-fig{background:var(--card);border:1px solid var(--line);border-top:4px solid var(--ink);padding:1.3rem}
.exit-label{margin:0;font-weight:600;font-size:.92rem}
.exit-val{margin:.4rem 0;font-size:2rem;font-weight:600}
.exit-note{margin:0;color:var(--muted);font-size:.9rem}
.ledger{display:grid;gap:1.2rem}
.ledger-group{background:var(--card);border:1px solid var(--line);padding:1.3rem 1.4rem}
.ledger-red{border-left:5px solid var(--red)}.ledger-amber{border-left:5px solid #E09A1E}.ledger-ask{border-left:5px solid var(--slate)}.ledger-clear{border-left:5px solid var(--green)}
.ledger-head{margin:0 0 .4rem;display:flex;align-items:center;gap:.6rem;font:600 1rem/1 var(--sans)}
.ledger-clear summary{cursor:pointer;list-style:none}
.ledger-clear summary::-webkit-details-marker{display:none}
.ledger-more{margin-left:auto;font:600 .75rem/1 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.ledger-clear[open] .ledger-more{visibility:hidden}
.ledger-list{list-style:none;padding:0;margin:0}
.ledger-item{padding:.9rem 0;border-top:1px solid #EFE9DC}
.ledger-item:first-child{border-top:0}
.ledger-q{margin:0;font-weight:600}
.ledger-why{margin:.25rem 0 0;color:var(--muted);font-size:.95rem}
.ask-line{margin:.5rem 0 0;font-size:.95rem}
.ask-line span{font:700 .66rem/1 var(--mono);text-transform:uppercase;letter-spacing:.12em;background:var(--ink);color:var(--volt);padding:.3rem .4rem;margin-right:.45rem;vertical-align:1px}
.sheet-side{position:sticky;top:92px;display:grid;gap:1.2rem}
.ask-card{background:var(--ink);color:var(--ink-text);padding:1.6rem}
.ask-title{font:700 1.2rem/1.2 var(--display);margin:0 0 1rem;color:var(--volt)}
.ask-list{margin:0;padding-left:1.4rem;display:grid;gap:.6rem;color:#D7DCE4}
.ask-list li::marker{font-family:var(--mono);color:var(--volt)}
.actions-card{background:var(--card);border:1px solid var(--line);padding:1.4rem;display:grid;gap:.7rem}
.actions-card form{margin:0}
.actions-card .pricenote{margin:.6rem 0 0}
.side-not{font-size:.85rem;color:var(--muted);margin:0}

/* ---- guide ---- */
.guide-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:3.5rem;align-items:start}
.toc{position:sticky;top:92px;display:grid;gap:.2rem;border-left:2px solid var(--ink);padding-left:1rem}
.toc a{text-decoration:none;font-weight:600;padding:.35rem 0;color:var(--muted)}
.toc a:hover{color:var(--text)}
.guide-body .section-title{margin-top:3.5rem}
.guide-body .section-title:first-child{margin-top:0}
.formulas{margin:0;display:grid;gap:0;border-top:2px solid var(--ink)}
.formulas div{display:grid;grid-template-columns:240px minmax(0,1fr);gap:1.5rem;padding:1rem 0;border-bottom:1px solid var(--line)}
.formulas dt{font-weight:700}
.formulas dd{margin:0;font:500 .95rem/1.55 var(--mono)}
.guide-checks{padding:0;margin:0;list-style:none;display:grid;gap:1rem;counter-reset:g}
.guide-check{background:var(--card);border:1px solid var(--line);padding:1.2rem 1.4rem;counter-increment:g}
.guide-q{margin:0;font-weight:700;display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:space-between;align-items:baseline}
.guide-q::before{content:counter(g,decimal-leading-zero);font:600 .8rem/1 var(--mono);color:var(--muted);width:100%}
.guide-why{margin:.4rem 0 0;color:var(--muted)}
.guide-nums{list-style:none;padding:0;margin:0;display:grid;gap:.7rem}
.guide-nums .flag{margin-right:.6rem;min-width:7.5rem;text-align:center}

/* ---- desk ---- */
.desk{display:grid;gap:1.5rem}
.desk-start-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:980px}
.desk-start-card{background:var(--card);border:1px solid var(--line);padding:2rem}
.desk-start-card h2,.empty h2{font:700 1.4rem/1.2 var(--display);margin:0 0 .6rem}
.desk-start-card p{color:var(--muted)}
.empty{background:var(--card);border:1px dashed #BDB4A1;padding:2.5rem;text-align:center}
.compare-wrap{overflow-x:auto;border:1px solid var(--line);background:var(--card)}
.compare{width:100%;border-collapse:collapse;min-width:560px}
.compare th,.compare td{padding:.85rem 1.1rem;border-bottom:1px solid #EDE7DA;text-align:left;vertical-align:top}
.compare thead th{background:var(--ink);color:var(--ink-text);font:700 1rem/1.25 var(--display);border-bottom:0}
.compare thead th a{color:var(--ink-text);text-decoration:none}
.compare thead th a:hover{color:var(--volt)}
.compare-corner{font:600 .72rem/1 var(--mono)!important;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-muted)!important}
.compare-term{display:block;font:500 .75rem/1.3 var(--mono);color:var(--ink-muted);margin-top:.3rem}
.compare tbody th{font-weight:600;font-size:.95rem;width:30%}
.compare td{font-weight:600}
.compare td.is-best{background:var(--volt-tint)}
.best-tag{display:inline-block;margin-left:.5rem;font:700 .62rem/1 var(--mono);text-transform:uppercase;letter-spacing:.1em;background:var(--ink);color:var(--volt);padding:.25rem .35rem;vertical-align:2px}
.pick{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}
.pick fieldset{border:1px solid var(--line);background:var(--card);margin:0;padding:1rem 1.2rem;flex:1 1 100%}
.pick legend{font-weight:700;padding:0 .4rem}
.pick-list{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem}
.saved{list-style:none;padding:0;margin:0;border-top:2px solid var(--ink)}
.saved-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}
.saved-name{font:700 1.15rem/1.2 var(--display);text-decoration:none}
.saved-name:hover{text-decoration:underline}
.saved-meta{margin:.3rem 0 0;color:var(--muted);font-size:.9rem}
.saved-item form{margin:0}
.keybox{background:var(--ink);color:var(--ink-text);padding:1.8rem;margin-top:1rem}
.keybox h2{font:700 1.2rem/1.2 var(--display);margin:0 0 .4rem;color:var(--volt)}
.keybox p{color:var(--ink-muted);margin:0 0 1rem}
.keybox-row{display:flex;gap:.6rem}
.keybox-row input{flex:1;min-width:0;background:var(--ink-3);border:1px solid var(--ink-line);color:var(--ink-text);font:500 .9rem/1 var(--mono);padding:.8rem}
.keybox-row .btn{background:var(--volt);color:var(--ink)}
.keybox-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.2rem}
.keybox-actions form{margin:0}
.keybox .btn-line-ink{border-color:var(--ink-line);color:var(--ink-text)}
.keybox .btn-line-danger{border-color:#FF8A84;color:#FF8A84}

/* ---- prose ---- */
.prose{max-width:46rem}
.prose h2{font:700 1.4rem/1.2 var(--display);margin:2.4rem 0 .7rem}
.prose p,.prose li{color:#2B303A}
.prose ul{padding-left:1.2rem}

/* ---- footer ---- */
.foot{background:var(--ink);color:var(--ink-muted);padding:3.5rem 0 2rem;border-top:1px solid var(--ink-line)}
.foot-grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem;padding-bottom:2rem;border-bottom:1px solid var(--ink-line)}
.foot-tag{margin:.8rem 0 0;font-size:.95rem}
.foot-links{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;align-content:flex-start;max-width:520px}
.foot-links a{color:var(--ink-text);text-decoration:none;font-size:.95rem}
.foot-links a:hover{color:var(--volt)}
.foot-not{margin:1.6rem 0;font-size:.92rem;max-width:62rem;color:#C3C9D4}
.foot-not b{color:var(--volt);font-family:var(--display);text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;margin-right:.3rem}
.foot-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;font:500 .8rem/1.4 var(--mono)}
.foot-base p{margin:0}
.powered a{color:var(--ink-text)}
.is-error .pagehead{min-height:50vh}

/* ---- print sheet ---- */
.printsheet{padding:3rem 0}
.print-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem}
.print-qs{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin:2rem 0}
.print-qs h2{font:700 1.05rem/1.2 var(--display);margin:0 0 .5rem}
.print-qs ol{margin:0;padding-left:1.2rem;font-size:.92rem}
.compare-print thead th{background:var(--ink)}

/* ---- responsive ---- */
@media (max-width:1060px){
  .nav{display:none}
  .drawer{display:block;margin-left:.6rem}
  .pass-chip{margin-left:auto}
  .sample-grid,.not-grid,.hero-row{grid-template-columns:1fr;gap:2rem}
  .hero-head{padding:4rem 0 3.2rem}
  .sample-copy{position:static}
  .strip-figs{grid-template-columns:1fr 1fr}
  .strip-fig{margin-right:0;padding:1rem 1rem 1rem 0;border-right:0;border-bottom:1px solid var(--line)}
  .strip-foot{grid-template-columns:1fr}
  .reads li{grid-template-columns:80px minmax(0,1fr)}
  .reads li p{grid-column:2}
  .form-grid,.sheet-grid,.guide-grid{grid-template-columns:1fr}
  .rail,.sheet-side,.toc{position:static}
  .toc{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem}
  .figs{grid-template-columns:1fr 1fr}
  .fig:nth-child(2){border-right:0}
  .fig:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media (max-width:720px){
  body{font-size:1rem}
  .frame{width:min(100% - 2rem,var(--frame))}
  .top-row{gap:.8rem;min-height:60px}
  .drawer-nav{top:60px}
  .brand-word{font-size:1.02rem}
  .brand-tld{display:none}
  .pass-chip{padding:.35rem .5rem;font-size:.7rem}
  .pass-chip-name,.pass-chip-note{display:none}
  .band{padding:3.5rem 0}
  .pagehead{padding:3rem 0 2.5rem}
  .hero-title{font-size:clamp(2.4rem,11vw,3.4rem);padding-left:1rem;border-left-width:5px;margin-bottom:2rem}
  .hero-lede{font-size:1.08rem}
  .hero-side{justify-items:stretch}
  .hero-side .btn{width:100%}
  .strip-fig dd{font-size:1.25rem}
  .strip-lead dd{font-size:1.6rem}
  .steps,.plans,.price-notes,.desk-start-grid,.exit{grid-template-columns:1fr}
  .reads li{grid-template-columns:1fr;gap:.6rem}
  .reads li p{grid-column:auto}
  .block{padding:1.3rem 1.1rem}
  .clause{grid-template-columns:1fr;gap:.6rem}
  .seg{width:100%}
  .seg label{flex:1;text-align:center}
  .formulas div{grid-template-columns:1fr;gap:.3rem}
  .figs dd{font-size:1.2rem}
  .figs .fig-lead dd{font-size:1.35rem}
  .fig{padding:1rem}
  .saved-item{flex-direction:column;align-items:flex-start}
  .keybox-row{flex-direction:column}
  .foot-base{flex-direction:column}
}
@media print{
  .top,.foot,.noprint,.actions-card,.skip,.drawer,.pricenote,.side-not,.hero-side{display:none!important}
  body{background:#fff;font-size:11pt}
  .pagehead,.ask-card,.band-steps,.band-not{background:#fff!important;color:#000!important;background-image:none!important}
  .pagehead .lede,.ask-list{color:#000!important}
  .ask-title,.eyebrow-volt{color:#000!important}
  .band,.pagehead{padding:1rem 0}
  .sheet-grid,.form-grid{grid-template-columns:1fr}
  .compare thead th{background:#fff!important;color:#000!important;border-bottom:2px solid #000}
  .compare td.is-best{background:#eee!important}
  a{text-decoration:none}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
/* ---------- v1.1.0: AdEngine banner (adengine.us) ----------
   One labelled slot between the main content and the footer, on the public pages only (the controllers opt in). The label
   and the reserved height are on the <ins>, so when tag.js (or ae-size.js) hides a slot it cannot fill, the label, the
   reserved space and the space below go with it. 110px = 16px label + 4px gap + 90px banner; 270px on phones (300x250).
   Every ad page ends with a paper band that has its own bottom padding, so the slot needs space only below it, before the
   dark footer, kept on the <ins>. display stays in this file and is never !important: tag.js hides with style.display. */
.ae-slot{width:min(100% - 2.5rem,var(--frame));margin-inline:auto}
.ae-slot ins.adengine{display:block;max-width:728px;min-height:110px;margin:0 auto 3rem;text-align:center;text-decoration:none}
.ae-slot ins.adengine::before{content:"Advertisement";display:block;margin-bottom:4px;font:600 11px/16px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.ae-slot ins.adengine a{display:inline-block;vertical-align:top}
.ae-slot:has(> ins.adengine[style*="none"]){display:none}
@media (max-width:767px){.ae-slot{width:min(100% - 2rem,var(--frame))}.ae-slot ins.adengine{max-width:300px;min-height:270px;margin-bottom:2.5rem}}
@media print{.ae-slot{display:none}}