:root{
  color-scheme:light;
  --char:#17120E; --char-2:#221A14; --char-3:#2E241B;
  --paper:#F4EADA; --paper-2:#EADCC4; --kraft:#D9BE92;
  --red:#C8102E; --red-hi:#E5314A; --basil:#0F6B3C; --basil-hi:#1B9155; --amber:#E9A13B;
  --ink:#1B1714; --ink-60:#5C5248; --paper-60:rgba(244,234,218,.68); --wrap:1180px; --r:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#F4EADA}
body{margin:0;background:#F4EADA;color:#1B1714;font-family:'Archivo',system-ui,-apple-system,sans-serif;
  font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%} a{color:inherit} button{font-family:inherit}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:4px}
h1,h2,h3,h4{margin:0;line-height:1.06;letter-spacing:-.02em}
.display{font-family:'Ultra',Georgia,serif;font-weight:400;line-height:1.02}
.mono{font-family:'Courier Prime',ui-monospace,monospace}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}

/* every section paints its own background — never rely on body showing through */
.band{padding:clamp(64px,9vw,120px) 0;background:#F4EADA;color:#1B1714}
.band.dark{background:#17120E;color:#F4EADA}
.band.charcoal{background:#221A14;color:#F4EADA}
.band.kraftbg{background:#EADCC4;color:#1B1714}
.band.dark h2,.band.dark h3,.band.dark h4,.band.charcoal h2,.band.charcoal h3,.band.charcoal h4{color:#F4EADA}
.checker{height:10px;width:100%;background-image:
  linear-gradient(45deg,var(--red) 25%,transparent 25%,transparent 75%,var(--red) 75%),
  linear-gradient(45deg,var(--red) 25%,transparent 25%,transparent 75%,var(--red) 75%);
  background-size:20px 20px;background-position:0 0,10px 10px;background-color:#fff}

header.nav{position:sticky;top:0;z-index:60;background:#17120E;border-bottom:1px solid rgba(244,234,218,.14)}
.navin{display:flex;align-items:center;gap:22px;height:66px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#F4EADA;font-weight:800;font-size:20px;letter-spacing:-.03em}
.brand .dot{width:11px;height:11px;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px rgba(200,16,46,.25)}
.brand small{font-family:'Courier Prime',monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--amber);font-weight:700;border:1px solid rgba(233,161,59,.5);padding:2px 6px;border-radius:4px}
.navlinks{display:flex;gap:22px;margin-left:auto;align-items:center}
.navlinks a{color:var(--paper-60);text-decoration:none;font-size:14.5px;font-weight:500}
.navlinks a:hover{color:#F4EADA}
.navlinks a.btn{color:#fff}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;font-weight:700;
  font-size:15.5px;padding:14px 22px;border-radius:999px;text-decoration:none;transition:.18s ease}
.btn-red{background:var(--red);color:#fff;box-shadow:0 6px 0 #8E0B20}
.btn-red:hover{background:var(--red-hi);transform:translateY(-2px);box-shadow:0 8px 0 #8E0B20}
.btn-red:active{transform:translateY(3px);box-shadow:0 2px 0 #8E0B20}
.btn-ghost{background:transparent;color:#F4EADA;border:1.5px solid rgba(244,234,218,.4)}
.btn-ghost:hover{border-color:#F4EADA;background:rgba(244,234,218,.08)}
.btn-ghost.on-light{color:#1B1714;border-color:rgba(27,23,20,.35)}
.btn-ghost.on-light:hover{background:rgba(27,23,20,.06);border-color:#1B1714}
.btn-ink{background:#1B1714;color:#F4EADA;box-shadow:0 6px 0 rgba(0,0,0,.35)}
.btn-ink:hover{transform:translateY(-2px)}
.btn-sm{padding:10px 17px;font-size:14px} .btn-lg{padding:18px 30px;font-size:17px}
.navtoggle{display:none;margin-left:auto;background:none;border:1.5px solid rgba(244,234,218,.32);color:#F4EADA;
  border-radius:8px;padding:8px 12px;font-size:15px;cursor:pointer}

.hero{position:relative;background:#17120E;color:#F4EADA;overflow:hidden;padding:clamp(48px,7vw,88px) 0 clamp(60px,8vw,100px)}
.hero:before{content:"";position:absolute;inset:auto -20% -55% -20%;height:70%;
  background:radial-gradient(closest-side,rgba(233,161,59,.28),rgba(200,16,46,.15) 45%,transparent 72%);
  pointer-events:none;animation:emberpulse 7s ease-in-out infinite}
@keyframes emberpulse{0%,100%{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.07)}}
.herogrid{display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center;position:relative;z-index:2}
.eyebrow{font-family:'Courier Prime',monospace;font-size:12px;letter-spacing:.2em;text-transform:uppercase;
  font-weight:700;color:var(--amber);display:inline-flex;align-items:center;gap:9px;margin-bottom:20px}
.eyebrow:before{content:"";width:22px;height:2px;background:var(--red)}
.eyebrow.on-light{color:#A50D26}
h1.display{font-size:clamp(36px,5.5vw,66px)}
h1.display em{font-style:normal;color:var(--amber)}
.lede{font-size:clamp(17px,1.5vw,19.5px);color:var(--paper-60);margin:24px 0 30px;max-width:56ch}
.herocta{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.microcopy{font-family:'Courier Prime',monospace;font-size:12.5px;color:var(--paper-60);margin-top:18px}
.stats{display:flex;gap:34px;margin-top:38px;flex-wrap:wrap;border-top:1px solid rgba(244,234,218,.18);padding-top:26px}
.stat b{display:block;font-family:'Ultra',serif;font-size:30px;color:#F4EADA;line-height:1}
.stat span{font-family:'Courier Prime',monospace;font-size:11.5px;text-transform:uppercase;letter-spacing:.13em;color:var(--paper-60)}

.callcard{background:#221A14;border:1px solid rgba(244,234,218,.16);border-radius:18px;padding:20px;box-shadow:0 30px 70px rgba(0,0,0,.5)}
.callhead{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px dashed rgba(244,234,218,.22)}
.ring{position:relative;width:38px;height:38px;border-radius:50%;background:var(--basil);display:grid;place-items:center;font-size:17px;flex:none}
.ring:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--basil);opacity:0;animation:ringpulse 2s infinite}
@keyframes ringpulse{0%{transform:scale(.85);opacity:.9}100%{transform:scale(1.5);opacity:0}}
.callhead .who{font-weight:700;font-size:15px;color:#F4EADA}
.callhead .num{font-family:'Courier Prime',monospace;font-size:12px;color:var(--paper-60)}
.calltimer{margin-left:auto;font-family:'Courier Prime',monospace;font-size:12px;color:var(--basil-hi)}
.transcript{min-height:212px;padding-top:14px;display:flex;flex-direction:column;gap:10px}
.line{max-width:88%;padding:9px 13px;border-radius:13px;font-size:14.5px;line-height:1.45;opacity:0;transform:translateY(8px);animation:pop .45s forwards;color:#F4EADA}
@keyframes pop{to{opacity:1;transform:none}}
.line.ai{background:rgba(233,161,59,.16);border:1px solid rgba(233,161,59,.34);align-self:flex-start;border-bottom-left-radius:4px}
.line.guest{background:rgba(244,234,218,.1);border:1px solid rgba(244,234,218,.2);align-self:flex-end;border-bottom-right-radius:4px}
.line .tag{display:block;font-family:'Courier Prime',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;opacity:.7;margin-bottom:3px}
.typing{display:inline-flex;gap:4px;align-items:center}
.typing i{width:5px;height:5px;border-radius:50%;background:var(--amber);animation:blink 1.2s infinite}
.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}
@keyframes blink{0%,60%,100%{opacity:.25}30%{opacity:1}}
.receipt{position:relative;margin:-6px auto 0;width:min(330px,100%);background:#FBF7EF;color:#1B1714;
  font-family:'Courier Prime',monospace;font-size:13px;padding:20px 20px 26px;box-shadow:0 26px 50px rgba(0,0,0,.45);opacity:0}
.receipt h4{font-family:'Ultra',serif;font-size:17px;text-align:center;margin:0 0 2px;color:#1B1714}
.rsub{text-align:center;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#7A6A58;margin-bottom:12px}
.rrule{border-top:1px dashed #C4B49C;margin:10px 0}
.ritem{display:flex;justify-content:space-between;gap:10px;opacity:0;transform:translateY(-6px);animation:print .4s forwards;color:#1B1714}
.ritem .sub{display:block;font-size:11.5px;color:#7A6A58;padding-left:12px}
@keyframes print{to{opacity:1;transform:none}}
.rtotal{font-weight:700;font-size:15px;margin-top:6px}
.rstamp{margin-top:14px;text-align:center;font-weight:700;font-size:12px;letter-spacing:.16em;color:#fff;background:var(--basil);padding:7px;border-radius:4px;opacity:0;animation:pop .4s forwards}
.rfee{text-align:center;font-size:11px;color:#7A6A58;margin-top:9px}

.h2{font-family:'Ultra',serif;font-size:clamp(28px,3.8vw,46px);line-height:1.05;max-width:20ch}
.h2.wide{max-width:26ch}
.sub{font-size:18px;color:var(--ink-60);max-width:60ch;margin-top:18px}
.band.dark .sub,.band.charcoal .sub{color:var(--paper-60)}
.reveal{opacity:0;transform:translateY(24px)}
.reveal.in{opacity:1;transform:none;transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.3,1)}

.calcgrid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.calcbox{background:#221A14;border:1px solid rgba(244,234,218,.16);border-radius:18px;padding:28px}
.slabel{display:flex;justify-content:space-between;font-family:'Courier Prime',monospace;font-size:12px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--paper-60);margin-bottom:8px}
.slabel b{color:var(--amber);font-size:15px}
input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:5px;border-radius:3px;background:rgba(244,234,218,.24);outline:none;margin-bottom:24px}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--red);border:3px solid #F4EADA;cursor:pointer}
input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--red);border:3px solid #F4EADA;cursor:pointer}
.calcout{border-top:1px dashed rgba(244,234,218,.3);padding-top:20px}
.calcout .big{font-family:'Ultra',serif;font-size:clamp(36px,5vw,56px);color:#F58A9B;line-height:1}
.calcout p{margin:8px 0 0;font-size:14.5px;color:var(--paper-60)}
.calcout p b{color:#F4EADA}

.feat{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;padding:clamp(44px,6vw,72px) 0;border-top:1px solid rgba(27,23,20,.14)}
.feat.first{border-top:0}
.tagline{font-family:'Courier Prime',monospace;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:#A50D26;font-weight:700;margin-bottom:14px;display:block}
.feat h3{font-size:clamp(24px,3vw,33px);margin-bottom:14px;color:#1B1714}
.feat p{color:var(--ink-60);margin:0 0 18px;font-size:16.5px}
.ticks{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.ticks li{position:relative;padding-left:28px;font-size:15.5px}
.ticks li:before{content:"";position:absolute;left:0;top:8px;width:15px;height:9px;border-left:2.5px solid var(--basil);border-bottom:2.5px solid var(--basil);transform:rotate(-45deg)}
.featmedia{background:#fff;color:#1B1714;border:1px solid rgba(27,23,20,.14);border-radius:var(--r);padding:26px;box-shadow:0 18px 40px rgba(27,23,20,.09)}
.featmedia *{color:inherit}
.featmedia .muted{color:var(--ink-60)}
.pizzawrap{display:grid;place-items:center;padding:6px}
.pizzawrap svg{max-width:300px;width:100%}
.slice-spin{transform-origin:150px 150px;animation:slowspin 60s linear infinite}
@keyframes slowspin{to{transform:rotate(360deg)}}
.modline{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 18px}
.modchip{font-size:12.5px;padding:5px 11px;border-radius:999px;background:#F4EADA;border:1px solid rgba(27,23,20,.16);color:#1B1714}
.modchip.on{background:#0F6B3C;border-color:#0F6B3C;color:#fff}

.mini{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.card{background:#fff;color:#1B1714;border:1px solid rgba(27,23,20,.14);border-radius:var(--r);padding:24px;transition:.22s ease}
.band.dark .card,.band.charcoal .card{background:#221A14;color:#F4EADA;border-color:rgba(244,234,218,.16)}
.card:hover{transform:translateY(-5px);box-shadow:0 18px 36px rgba(0,0,0,.22);border-color:var(--red)}
.card .ico{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:20px;background:rgba(200,16,46,.1);margin-bottom:14px}
.band.dark .card .ico{background:rgba(233,161,59,.18)}
.card h4{margin:0 0 8px;font-size:19px}
.card p{margin:0;font-size:14.8px;line-height:1.55;color:var(--ink-60)}
.band.dark .card p,.band.charcoal .card p{color:var(--paper-60)}
.pill{display:inline-block;font-family:'Courier Prime',monospace;font-size:10px;letter-spacing:.13em;text-transform:uppercase;
  padding:3px 8px;border-radius:999px;background:var(--amber);color:#17120E;font-weight:700;margin-left:8px;vertical-align:2px}
.pill.green{background:var(--basil);color:#fff}

/* pricing card lives inside a dark band — force its own ink colours */
.pricecard{background:#fff;border-radius:20px;padding:38px;border:2px solid #1B1714;box-shadow:12px 12px 0 var(--red);max-width:580px;color:#1B1714}
.pricecard h2,.pricecard h3,.pricecard h4,.pricecard li,.pricecard span,.pricecard div,.pricecard p{color:#1B1714}
.pricecard .muted,.pricecard .per{color:var(--ink-60)}
.pricecard .btn-red,.pricecard .btn-red span{color:#fff}
.pricetop{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.pricetop .amt{font-family:'Ultra',serif;font-size:clamp(50px,8vw,80px);line-height:.9}
.pricetop .per{font-family:'Courier Prime',monospace;font-size:14.5px}
.feeopts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.feeopt{border:1px dashed rgba(244,234,218,.34);border-radius:var(--r);padding:20px;background:rgba(244,234,218,.04)}
.feeopt h4{margin:0 0 6px;font-size:17px;color:#F4EADA}
.feeopt p{margin:0;font-size:14.5px;color:var(--paper-60)}
.feeopt .num{font-family:'Ultra',serif;font-size:24px;color:var(--amber);display:block;margin-bottom:6px}

/* ---------- comparison ---------- */
.picker{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 18px}
.chip{background:rgba(244,234,218,.07);border:1px solid rgba(244,234,218,.26);color:#F4EADA;border-radius:999px;
  padding:10px 18px;font-size:14.5px;font-weight:600;cursor:pointer;transition:.16s}
.chip:hover{border-color:var(--amber);background:rgba(233,161,59,.16)}
.chip.on{background:var(--amber);color:#17120E;border-color:var(--amber)}
.searchrow{display:flex;gap:10px;flex-wrap:wrap}
.searchrow input{flex:1;min-width:230px;background:rgba(244,234,218,.07);border:1px solid rgba(244,234,218,.26);
  color:#F4EADA;border-radius:999px;padding:14px 20px;font-size:15px;font-family:inherit}
.searchrow input::placeholder{color:rgba(244,234,218,.45)}
.cmp{margin-top:30px}
.verdict{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:18px}
.vbadge{background:rgba(15,107,60,.2);border:1px solid rgba(27,145,85,.55);color:#8FE3B4;border-radius:999px;
  padding:9px 16px;font-size:14px;font-weight:700}
.toggle{margin-left:auto;display:inline-flex;align-items:center;gap:9px;font-size:13.5px;color:var(--paper-60);cursor:pointer}
.toggle input{width:17px;height:17px;accent-color:var(--amber)}

.cmpcard{border:1px solid rgba(244,234,218,.18);border-radius:16px;overflow:hidden;background:#1E1710}
.cmphead{display:grid;grid-template-columns:1.15fr 1fr 1fr;background:#120E0A}
.cmphead>div{padding:16px 18px;border-left:1px solid rgba(244,234,218,.12)}
.cmphead>div:first-child{border-left:0}
.cmphead .cap{font-family:'Courier Prime',monospace;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--paper-60);display:block;margin-bottom:4px}
.cmphead .nm{font-family:'Ultra',serif;font-size:19px;color:#F4EADA}
.cmphead .nm.ours{color:var(--amber)}
.cmphead .colus{background:rgba(233,161,59,.1);border-bottom:3px solid var(--amber)}
.crow{display:grid;grid-template-columns:1.15fr 1fr 1fr;border-top:1px solid rgba(244,234,218,.12)}
.crow>div{padding:15px 18px;font-size:14.6px;border-left:1px solid rgba(244,234,218,.12);color:#F4EADA}
.crow>div:first-child{border-left:0}
.rlabel{font-weight:700}
.rhint{display:block;font-weight:400;font-size:12.5px;color:var(--paper-60);margin-top:3px}
.rcell{display:flex;gap:9px;align-items:flex-start}
.rcell.ours{background:rgba(233,161,59,.08)}
.colname{display:none;font-family:'Courier Prime',monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--paper-60)}
.mk{flex:none;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;margin-top:2px}
.mk.y{background:var(--basil);color:#fff} .mk.n{background:#B0122C;color:#fff} .mk.p{background:var(--amber);color:#17120E}
.cmpnote{font-size:12.8px;color:var(--paper-60);margin-top:14px;font-family:'Courier Prime',monospace;line-height:1.6}
.loadwrap{display:flex;align-items:center;gap:14px;padding:28px;background:#221A14;border:1px solid rgba(244,234,218,.16);border-radius:16px;color:#F4EADA}
.spinner{width:26px;height:26px;border-radius:50%;border:3px solid rgba(244,234,218,.22);border-top-color:var(--amber);animation:spin .8s linear infinite;flex:none}
@keyframes spin{to{transform:rotate(360deg)}}
.skel{height:13px;border-radius:6px;background:rgba(244,234,218,.16);animation:sheen 1.3s infinite}
@keyframes sheen{50%{opacity:.45}}

.costbox{margin-top:22px;background:#221A14;border:1px solid rgba(233,161,59,.3);border-radius:16px;padding:24px;color:#F4EADA}
.costbox .cap{font-family:'Courier Prime',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--paper-60)}
.costcols{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:16px}
.costcol{border:1px solid rgba(244,234,218,.16);border-radius:12px;padding:18px}
.costcol.ours{border-color:rgba(233,161,59,.5);background:rgba(233,161,59,.08)}
.costcol h4{font-size:16px;margin-bottom:12px;color:#F4EADA}
.costline{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:6px 0;border-bottom:1px dashed rgba(244,234,218,.14);color:var(--paper-60)}
.costline b{color:#F4EADA;font-weight:600;text-align:right}
.costtotal{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:12px}
.costtotal span{font-size:13.5px;color:var(--paper-60)}
.costtotal b{font-family:'Ultra',serif;font-size:30px;color:#F4EADA}
.costcol.ours .costtotal b{color:var(--amber)}
.modes{margin-top:14px;display:grid;gap:7px}
.mode{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;background:rgba(0,0,0,.22);border-radius:8px;padding:9px 12px;color:var(--paper-60)}
.mode b{color:#F4EADA}
.mode.best{background:rgba(15,107,60,.24);color:#CDEBDA}
.mode.best b{color:#8FE3B4}

.faq details{border-bottom:1px solid rgba(27,23,20,.16);padding:20px 0}
.faq details:first-of-type{border-top:1px solid rgba(27,23,20,.16)}
.faq summary{cursor:pointer;font-weight:700;font-size:18px;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";font-family:'Courier Prime',monospace;font-size:24px;color:#A50D26;transition:.2s}
.faq details[open] summary:after{transform:rotate(45deg)}
.faq p{color:var(--ink-60);margin:12px 0 0;max-width:74ch}

footer{background:#17120E;color:var(--paper-60);padding:54px 0 38px;font-size:14.5px}
.footgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:34px}
footer a{color:var(--paper-60);text-decoration:none;display:block;padding:4px 0}
footer a:hover{color:#F4EADA}
footer h5{color:#F4EADA;font-size:12.5px;text-transform:uppercase;letter-spacing:.14em;font-family:'Courier Prime',monospace;margin:0 0 10px}
.legal{border-top:1px solid rgba(244,234,218,.16);margin-top:32px;padding-top:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px}

.modal{position:fixed;inset:0;background:rgba(10,7,5,.75);z-index:200;display:none;place-items:center;padding:20px;overflow:auto}
.modal.on{display:grid}
.sheet{background:#F4EADA;color:#1B1714;border-radius:18px;max-width:640px;width:100%;padding:30px;max-height:92vh;overflow:auto}
.sheet h3{font-family:'Ultra',serif;font-size:23px}
.sheet .k{font-family:'Courier Prime',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-60);display:block;margin:16px 0 6px}
.sheet input{width:100%;padding:12px 14px;border:1.5px solid rgba(27,23,20,.24);border-radius:10px;font-family:inherit;font-size:15px;background:#fff;color:#1B1714}
.sheet .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sheet .acts{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap;align-items:center}
.saved{color:#0F6B3C;font-weight:700;font-size:14px;display:none}
.saved.on{display:inline}
.view{display:none} .view.on{display:block}

@media (max-width:900px){
  .herogrid,.calcgrid,.feat,.footgrid,.costcols{grid-template-columns:1fr;gap:34px}
  .mini,.feeopts{grid-template-columns:1fr 1fr}
  .navlinks{display:none;position:absolute;top:66px;left:0;right:0;background:#221A14;flex-direction:column;
    align-items:stretch;padding:14px 24px 20px;gap:4px;border-bottom:1px solid rgba(244,234,218,.16)}
  .navlinks.open{display:flex}
  .navlinks a{padding:11px 0;font-size:16px}
  .navtoggle{display:block}
  /* comparison becomes stacked cards, each cell labelled with whose it is */
  .cmphead{display:none}
  .cmpcard{border:0;background:transparent;overflow:visible}
  .crow{display:block;border:1px solid rgba(244,234,218,.18);border-radius:14px;margin-bottom:14px;background:#1E1710;overflow:hidden}
  .crow>div{border-left:0;padding:14px 16px}
  .rlabel{background:#120E0A;font-size:15.5px}
  .rcell{border-top:1px solid rgba(244,234,218,.12);display:block}
  .rcell .colname{display:block;margin-bottom:6px}
  .rcell .valrow{display:flex;gap:9px;align-items:flex-start}
  .rcell.ours{background:rgba(233,161,59,.12);border-left:3px solid var(--amber)}
  .costcols{gap:14px}
}
@media (max-width:560px){
  .mini,.feeopts,.sheet .row2{grid-template-columns:1fr}
  .stats{gap:20px}
  .pricecard{padding:24px;box-shadow:8px 8px 0 var(--red)}
  .band{padding:56px 0}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  html{scroll-behavior:auto} .reveal{opacity:1;transform:none} .receipt{opacity:1}
}


/* ================= site chrome added on top of the landing tokens ================= */
.navlinks .drop{position:relative}
.navlinks .drop>button{background:none;border:0;color:var(--paper-60);font-size:14.5px;font-weight:500;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:6px}
.navlinks .drop>button:hover{color:#F4EADA}
.navlinks .drop>button:after{content:"▾";font-size:11px;opacity:.8}
.menu{position:absolute;top:34px;left:-18px;width:min(560px,86vw);background:#221A14;border:1px solid rgba(244,234,218,.18);
  border-radius:16px;padding:14px;display:none;grid-template-columns:1fr 1fr;gap:6px;box-shadow:0 30px 70px rgba(0,0,0,.55);z-index:70}
.menu.open{display:grid}
.menu a{display:block;padding:11px 13px;border-radius:10px;text-decoration:none;color:#F4EADA;font-size:14.5px;font-weight:600}
.menu a small{display:block;font-weight:400;font-size:12.5px;color:var(--paper-60);margin-top:2px;line-height:1.4}
.menu a:hover{background:rgba(233,161,59,.14)}

.crumb{font-family:'Courier Prime',monospace;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--paper-60);margin-bottom:18px}
.crumb a{color:var(--amber);text-decoration:none}
.pagehero{background:#17120E;color:#F4EADA;padding:clamp(44px,6vw,76px) 0 clamp(48px,6vw,80px);position:relative;overflow:hidden}
.pagehero:before{content:"";position:absolute;inset:auto -20% -60% -20%;height:70%;
  background:radial-gradient(closest-side,rgba(233,161,59,.22),transparent 70%);pointer-events:none}
.pagehero .wrap{position:relative;z-index:2}
.pagehero h1{font-family:'Ultra',serif;font-size:clamp(32px,4.8vw,58px);line-height:1.04;max-width:20ch}
.pagehero .lede{max-width:62ch}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;counter-reset:s}
.step{background:#fff;border:1px solid rgba(27,23,20,.14);border-radius:var(--r);padding:24px;position:relative}
.band.dark .step,.band.charcoal .step{background:#221A14;border-color:rgba(244,234,218,.16);color:#F4EADA}
.step .n{font-family:'Ultra',serif;font-size:26px;color:#A50D26;display:block;margin-bottom:8px}
.band.dark .step .n{color:var(--amber)}
.step h4{font-size:18px;margin-bottom:8px}
.step p{margin:0;font-size:14.8px;color:var(--ink-60)}
.band.dark .step p{color:var(--paper-60)}

.quote{border-left:4px solid var(--red);padding:6px 0 6px 22px;max-width:62ch;font-size:19px;line-height:1.5}
.quote cite{display:block;font-style:normal;font-size:14px;color:var(--ink-60);margin-top:10px;font-family:'Courier Prime',monospace}
.band.dark .quote cite{color:var(--paper-60)}

.split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.linkgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}
.linkgrid.citygrid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.linkgrid.citygrid .linkcard b{display:block;font-size:1.05rem}
.linkgrid.citygrid .linkcard span{display:block;color:var(--ink-60,#5C5248);font-size:.9rem;margin-top:2px}
@media(max-width:720px){.linkgrid{grid-template-columns:1fr}}
.linkcard{display:block;text-decoration:none;background:#fff;color:#1B1714;border:1px solid rgba(27,23,20,.14);
  border-radius:var(--r);padding:20px;transition:.2s}
.band.dark .linkcard,.band.charcoal .linkcard{background:#221A14;color:#F4EADA;border-color:rgba(244,234,218,.16)}
.linkcard:hover{transform:translateY(-4px);border-color:var(--red);box-shadow:0 16px 32px rgba(0,0,0,.2)}
.linkcard b{display:block;font-size:17px;margin-bottom:5px}
.linkcard span{font-size:14px;color:var(--ink-60);line-height:1.5;display:block}
.band.dark .linkcard span{color:var(--paper-60)}
.linkcard .go{color:#A50D26;font-weight:700;font-size:13.5px;margin-top:10px;display:block}
.band.dark .linkcard .go{color:var(--amber)}

.strip{background:#EADCC4;color:#1B1714;padding:26px 0}
.stripin{display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.stripin b{font-family:'Ultra',serif;font-size:22px}

.calcpanel{background:#221A14;border:1px solid rgba(244,234,218,.18);border-radius:18px;padding:28px;color:#F4EADA}
.paylines{display:grid;gap:10px;margin-top:18px}
.payline{display:flex;justify-content:space-between;gap:12px;align-items:center;background:rgba(0,0,0,.25);border-radius:10px;padding:14px 16px}
.payline span{font-size:14.5px;color:var(--paper-60)}
.payline b{font-family:'Ultra',serif;font-size:24px;color:#F4EADA}
.payline.best{background:rgba(15,107,60,.24)} .payline.best b{color:#8FE3B4}

.patternhead{background:#120E0A;color:var(--amber);font-family:'Courier Prime',monospace;font-size:12px;
  letter-spacing:.14em;text-transform:uppercase;padding:10px 16px;border-radius:10px 10px 0 0;margin-top:44px}
.patternbody{border:1px solid rgba(27,23,20,.16);border-top:0;border-radius:0 0 10px 10px;padding:22px;background:#fff}

@media (max-width:900px){
  .steps,.linkgrid,.split{grid-template-columns:1fr}
  .menu{position:static;width:auto;display:none;grid-template-columns:1fr;background:rgba(0,0,0,.28);border:0;box-shadow:none;padding:6px;margin:4px 0 10px;border-radius:12px}
  .menu.open{display:grid}
  .navlinks .drop>button{padding:11px 0;font-size:16px}
}