:root{
  --paper:#F1F3EF; --card:#FFFFFF; --ink:#1D2B2E; --muted:#5B6869; --line:#D3D8D1;
  --tape:#F5C518; --tape-ink:#231D00; --tape-edge:#D9A900; --focus:#2F6FDB;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --paper:#131A1B; --card:#1B2426; --ink:#E6EBE9; --muted:#98A5A5; --line:#2D3A3C;
    --tape:#F5C518; --tape-ink:#231D00; --tape-edge:#B88F00; --focus:#7FA8F5;
  }
}
:root[data-theme="dark"]{
  --paper:#131A1B; --card:#1B2426; --ink:#E6EBE9; --muted:#98A5A5; --line:#2D3A3C;
  --tape:#F5C518; --tape-ink:#231D00; --tape-edge:#B88F00; --focus:#7FA8F5;
}
*,*::before,*::after{box-sizing:inherit}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:'Archivo',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  font-size:1.0625rem;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}
.wrap{max-width:1080px;margin:0 auto;padding:0 1.25rem}

header.top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 0 .9rem}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none}
.brand-mark{width:30px;height:30px;border-radius:6px;background:var(--tape);position:relative;overflow:hidden}
.brand-mark::after{content:"";position:absolute;left:0;right:0;top:0;height:9px;
  background:repeating-linear-gradient(90deg,var(--tape-ink) 0 1.5px,transparent 1.5px 5px)}
.brand-name{font-weight:800;font-stretch:115%;font-size:1.15rem;letter-spacing:-.01em}
.units{display:inline-flex;border:1.5px solid var(--line);border-radius:999px;padding:3px;background:var(--card)}
.units button{font:inherit;font-size:.9rem;font-weight:600;border:0;background:transparent;color:var(--muted);
  padding:.35rem .8rem;border-radius:999px;cursor:pointer}
.units button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}

nav.tabs{display:flex;gap:1.4rem;overflow-x:auto;border-bottom:1.5px solid var(--line);scrollbar-width:none}
nav.tabs::-webkit-scrollbar{display:none}
nav.tabs a{flex:none;text-decoration:none;color:var(--muted);font-weight:600;padding:.75rem 0 .65rem;
  border-bottom:4px solid transparent;margin-bottom:-1.5px}
nav.tabs a[aria-current="page"]{color:var(--ink);border-bottom-color:var(--tape)}

.hero{padding:2.2rem 0 1.4rem}
h1{font-stretch:78%;font-weight:800;font-size:clamp(2.3rem,7vw,4.2rem);line-height:.98;letter-spacing:-.02em;margin:0 0 .8rem;max-width:14ch}
.lede{color:var(--muted);max-width:56ch;margin:0}

.grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:1.5rem;align-items:start}
@media (max-width:820px){.grid{grid-template-columns:minmax(0,1fr)}}

.panel{background:var(--card);border:1.5px solid var(--line);border-radius:14px;padding:1.4rem}
.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1rem}
@media (max-width:420px){.fields{grid-template-columns:minmax(0,1fr)}}
.field{display:flex;flex-direction:column;gap:.35rem;font-size:.95rem;font-weight:600}
.field .inp{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:10px;background:var(--paper);overflow:hidden}
.field .inp:focus-within{border-color:var(--focus)}
.field input,.field select{font:inherit;font-weight:500;font-size:1.1rem;color:var(--ink);background:transparent;border:0;
  padding:.7rem .8rem;width:100%;min-width:0;min-height:48px;outline:none;-moz-appearance:textfield}
.field input::-webkit-inner-spin-button{opacity:.4}
.field em{font-style:normal;color:var(--muted);font-weight:500;padding-right:.8rem;white-space:nowrap}
.check{grid-column:1/-1;display:flex;align-items:center;gap:.6rem;font-weight:600;font-size:.95rem;cursor:pointer;min-height:44px}
.check input{width:22px;height:22px;accent-color:var(--ink)}
.hint{margin:1.1rem 0 0;color:var(--muted);font-size:.9rem}

/* The tape blade */
.blade{background:var(--tape);color:var(--tape-ink);border-radius:14px 14px 0 0;position:relative;
  padding:2.4rem 1.4rem 1.3rem;overflow:hidden;border:1.5px solid var(--tape-edge);border-bottom:0}
.blade::before{content:"";position:absolute;left:0;right:0;top:0;height:26px;
  background:
    repeating-linear-gradient(90deg,var(--tape-ink) 0 2px,transparent 2px 80px),
    repeating-linear-gradient(90deg,var(--tape-ink) 0 1.5px,transparent 1.5px 40px) 0 0/100% 17px no-repeat,
    repeating-linear-gradient(90deg,var(--tape-ink) 0 1px,transparent 1px 10px) 0 0/100% 9px no-repeat;
  opacity:.85}
.blade .num{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}
.blade .val{font-stretch:125%;font-weight:800;font-size:clamp(3.2rem,11vw,5.6rem);line-height:1;letter-spacing:-.03em;
  font-variant-numeric:tabular-nums}
.blade .unit{font-weight:700;font-size:1.25rem}
.blade .sub{margin:.5rem 0 0;font-weight:500}
.blade.pulse .val{animation:nudge .35s ease-out}
@keyframes nudge{from{transform:translateX(-6px);opacity:.5}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.blade.pulse .val{animation:none}}
.readout{background:var(--card);border:1.5px solid var(--line);border-top:0;border-radius:0 0 14px 14px;padding:.4rem 1.4rem 1.2rem}
.readout dl{margin:0}
.readout .row{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--line)}
.readout .row:last-child{border-bottom:0}
.readout dt{color:var(--muted)}
.readout dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums;text-align:right}
.actions{display:flex;gap:.6rem;margin-top:.8rem;flex-wrap:wrap}
.btn{font:inherit;font-weight:700;font-size:.95rem;border-radius:10px;padding:.7rem 1.1rem;cursor:pointer;
  border:1.5px solid var(--ink);background:var(--ink);color:var(--paper);min-height:44px}
.btn.ghost{background:transparent;color:var(--ink)}
.toast{font-size:.9rem;color:var(--muted);align-self:center}

.ad{border:1.5px dashed var(--line);border-radius:12px;color:var(--muted);font-size:.85rem;text-align:center;
  padding:1.6rem 1rem;margin:2rem 0}

section.more{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:2rem;margin:1rem 0 2.5rem}
@media (max-width:820px){section.more{grid-template-columns:minmax(0,1fr)}}
h2{font-stretch:85%;font-weight:800;font-size:1.6rem;line-height:1.1;margin:0 0 .8rem;letter-spacing:-.01em}
.prose p{max-width:62ch;margin:0 0 1rem}
details{border-top:1.5px solid var(--line);padding:.9rem 0}
details:last-of-type{border-bottom:1.5px solid var(--line)}
summary{font-weight:700;cursor:pointer;list-style-position:outside}
details p{margin:.6rem 0 0;color:var(--muted);max-width:62ch}
.shop ul{list-style:none;margin:0;padding:0}
.shop li{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--line)}
.shop li a{font-weight:700;font-size:.9rem;white-space:nowrap;text-decoration:none;border-bottom:2px solid var(--tape)}
.shop small{display:block;color:var(--muted);font-size:.85rem;margin-top:.6rem}

footer{border-top:1.5px solid var(--line);padding:1.5rem 0 2rem;color:var(--muted);font-size:.88rem}
footer p{margin:0 0 .5rem;max-width:70ch}

.home-list{list-style:none;margin:0 0 2rem;padding:0;border-top:1.5px solid var(--line)}
.home-list a{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:1rem 0;border-bottom:1.5px solid var(--line);text-decoration:none}
.home-list b{font-weight:700;font-size:1.1rem}
.home-list span{color:var(--muted);text-align:right}
.home-list a:hover b{text-decoration:underline;text-decoration-color:var(--tape);text-decoration-thickness:3px;text-underline-offset:4px}
.home-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2.5rem;margin-bottom:1rem}
@media (max-width:820px){.home-groups{grid-template-columns:minmax(0,1fr)}.home-list span{display:none}}
.home-groups h2{margin-top:1rem}
.foot-links{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;margin:0 0 1.2rem;padding:0;list-style:none}
.foot-links a{text-decoration:none;color:var(--ink);font-weight:600;font-size:.9rem}
.foot-links a:hover{text-decoration:underline}
.foot-trust{padding-top:1rem;border-top:1px solid var(--line)}
.buy{display:flex;align-items:center;justify-content:center;min-height:52px;margin-top:1rem;padding:.8rem 1rem;border-radius:10px;
  background:var(--ink);color:var(--paper);font-weight:700;font-size:1.05rem;text-decoration:none;text-align:center}
.buy:hover{filter:brightness(1.15)}
.buy-note{margin:.45rem 0 0;font-size:.8rem;color:var(--muted);text-align:center}
.foot-trust a{color:var(--muted)}
.page{max-width:68ch;padding-bottom:3rem}
.page h2{margin-top:2rem}
.page p{margin:0 0 1rem}
.page a{text-decoration-color:var(--tape);text-decoration-thickness:2px;text-underline-offset:3px}