:root{--ink:#17211f;--paper:#f5f1e8;--card:#fffdf7;--orange:#ff5c35;--mint:#b9f4dc;--line:#263d36;--muted:#5d6c67;--focus:#0047ff;--shadow:8px 8px 0 #17211f;--radius:18px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}html.no-js:not(.js-enabled) [data-consent-banner],html.no-js:not(.js-enabled) [data-consent-manage]{display:none!important}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration-thickness:2px;text-underline-offset:3px}a:hover{color:#8d250c}img,svg{max-width:100%}button,input{font:inherit}button,input{color:inherit}.skip{position:absolute;left:.75rem;top:-5rem;background:var(--ink);color:white;padding:.75rem 1rem;z-index:10}.skip:focus{top:.75rem}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.site-header{border-bottom:2px solid var(--ink);background:var(--card)}.nav{max-width:var(--max);margin:auto;padding:.8rem clamp(1rem,4vw,3rem);display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-weight:900;letter-spacing:-.04em;text-decoration:none;font-size:1.2rem}.brand-mark{display:inline-grid;place-items:center;width:2.1rem;height:2.1rem;background:var(--orange);border:2px solid var(--ink);border-radius:50%;margin-right:.45rem}.nav-links{display:flex;flex-wrap:wrap;gap:.75rem 1.1rem;font-size:.9rem;font-weight:700}.nav-links a[aria-current=page]{text-decoration-color:var(--orange)}.consent{background:var(--ink);color:white;border-bottom:4px solid var(--orange)}.consent[hidden]{display:none}.consent-inner{max-width:var(--max);margin:auto;padding:.85rem clamp(1rem,4vw,3rem);display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem}.consent p{margin:0;max-width:72ch}.consent-actions{display:flex;flex-wrap:wrap;gap:.6rem}.hero{max-width:var(--max);margin:auto;padding:clamp(1.2rem,4vw,4rem) clamp(1rem,4vw,3rem) 2rem;display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:clamp(1.5rem,5vw,5rem);align-items:start}.eyebrow{display:inline-block;font:800 .76rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.12em;background:var(--mint);border:2px solid var(--ink);padding:.35rem .55rem;transform:rotate(-1.5deg)}h1,h2,h3{line-height:1.05;letter-spacing:-.045em}h1{font-size:clamp(2.45rem,4.6vw,4.1rem);margin:.8rem 0 1rem;max-width:12ch;overflow-wrap:anywhere}.keep-word{white-space:nowrap}h2{font-size:clamp(1.9rem,4vw,3.25rem);margin:0 0 1rem}h3{font-size:1.25rem}.lede{font-size:clamp(1.08rem,2vw,1.35rem);max-width:42ch}.hero-notes{display:grid;gap:.65rem;margin-top:1.5rem}.note{display:flex;gap:.65rem;align-items:flex-start}.note strong{font-size:.82rem;text-transform:uppercase;letter-spacing:.07em}.dot{flex:0 0 .85rem;height:.85rem;border:2px solid var(--ink);border-radius:50%;margin-top:.35rem;background:var(--orange)}.calculator{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.calculator-head{padding:1rem 1.2rem;background:var(--mint);border-bottom:2px solid var(--ink);display:flex;justify-content:space-between;gap:1rem}.calculator-head h2{font-size:1.45rem;margin:0}.calculator form{padding:1.2rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.field{display:grid;gap:.35rem;min-width:0}.field label{font-weight:800;font-size:.9rem}.field input{width:100%;border:2px solid var(--ink);background:white;padding:.72rem .78rem;border-radius:10px;min-height:48px}.checks{grid-column:1/-1;display:grid;gap:.7rem;border-top:2px dashed #8d9b96;padding-top:1rem}.check{display:grid;grid-template-columns:1.25rem 1fr;gap:.65rem;align-items:start}.check input{width:1.2rem;height:1.2rem;margin-top:.18rem}.form-actions{grid-column:1/-1;display:flex;gap:.75rem;flex-wrap:wrap}.btn{border:2px solid var(--ink);border-radius:999px;padding:.72rem 1.1rem;font-weight:900;background:var(--orange);box-shadow:3px 3px 0 var(--ink);cursor:pointer}.btn:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.btn.secondary{background:white}.btn.dark{background:var(--ink);color:white;border-color:white;box-shadow:3px 3px 0 var(--orange)}.error{margin:0 1.2rem 1.2rem;padding:1rem;border:2px solid #8d250c;background:#fff0ec;border-radius:12px}.result{margin:0 1.2rem 1.2rem;border:2px solid var(--ink);border-radius:12px;overflow:hidden;background:#fff}.result[hidden],.error[hidden]{display:none}.result-title{margin:0;padding:.9rem 1rem;background:var(--orange);font-size:1.2rem}.result[data-sleep-warning=true] .result-title{background:#ffb29f}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.metrics div{padding:.9rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.metrics dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--muted)}.metrics dd{margin:.2rem 0 0;font-weight:900}.result-copy{padding:1rem}.result-copy p{margin:.25rem 0 1rem}.warnings{padding-left:1.2rem}.nojs{margin:0 1.2rem 1.2rem;padding:1rem;background:#fff4c7;border:2px solid var(--ink);border-radius:12px}.section{max-width:var(--max);margin:auto;padding:clamp(3rem,7vw,6rem) clamp(1rem,4vw,3rem)}.section-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(2rem,6vw,6rem)}.kicker{font:800 .78rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.11em;color:#8d250c}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.card{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);padding:1.2rem}.card:nth-child(2){transform:translateY(1rem)}.number{font:900 2.3rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--orange)}.split{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--ink);border-radius:var(--radius);overflow:hidden}.split>div{padding:clamp(1.2rem,4vw,2.5rem)}.split>div:first-child{background:var(--mint);border-right:2px solid var(--ink)}.callout{background:var(--ink);color:white}.callout a{color:var(--mint)}.source-list li{margin:.7rem 0}.plain-page{max-width:850px;margin:auto;padding:clamp(2rem,6vw,5rem) clamp(1rem,4vw,3rem)}.plain-page h1{max-width:15ch;font-size:clamp(2.5rem,7vw,5rem)}.plain-page h2{font-size:1.75rem;margin-top:2.5rem}.contact-box{background:var(--mint);border:2px solid var(--ink);box-shadow:var(--shadow);padding:1.5rem;border-radius:var(--radius);margin:2rem 0}.legal-top{font-weight:900;border-left:8px solid var(--orange);padding:.7rem 1rem;background:white}.owner-address{margin-top:4rem;padding-top:1.5rem;border-top:2px solid var(--ink)}.site-footer{background:var(--ink);color:white;margin-top:3rem}.footer-inner{max-width:var(--max);margin:auto;padding:2rem clamp(1rem,4vw,3rem);display:grid;grid-template-columns:1fr auto;gap:2rem}.footer-links{display:flex;flex-wrap:wrap;gap:.6rem 1rem}.site-footer a{color:white}.tiny{font-size:.82rem;color:#c9d3d0}.not-found{min-height:60vh;display:grid;place-items:center;text-align:center}.not-found .code{font:900 clamp(6rem,25vw,16rem)/.8 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--orange);text-shadow:5px 5px 0 var(--ink)}@media(max-width:900px){.hero{grid-template-columns:1fr}.calculator{max-width:680px}.section-grid,.split{grid-template-columns:1fr}.split>div:first-child{border-right:0;border-bottom:2px solid var(--ink)}.cards{grid-template-columns:1fr}.card:nth-child(2){transform:none}.nav{align-items:flex-start}.nav-links{justify-content:flex-end}.consent-inner{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr}}@media(max-width:520px){.nav{display:grid}.nav-links{justify-content:flex-start;font-size:.83rem}.hero{padding-top:1.4rem}.form-grid{grid-template-columns:1fr}.checks,.form-actions{grid-column:auto}.metrics{grid-template-columns:1fr}.calculator{box-shadow:5px 5px 0 var(--ink)}h1{overflow-wrap:anywhere}.consent-actions .btn{flex:1}.plain-page a,.site-footer a{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{.site-header,.consent,.site-footer,.form-actions{display:none}.calculator{box-shadow:none}}
