@font-face{font-family:"Schibsted Grotesk";src:url(/fonts/schibsted-grotesk-900.woff2) format("woff2");font-weight:900;font-display:swap}
:root{
  --bg:#F4F1EA; --fg:#111111; --mut:#5A574F; --line:#D9D4C7; --card:#FFFFFF;
  --use:#12C655; --save:#FFB800; --skip:#FF4438; --ink:#111111; --paper:#F4F1EA;
  --inv-bg:#111111; --inv-fg:#F4F1EA; --inv-mut:#B9B5AA;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){--bg:#111111; --fg:#F4F1EA; --mut:#B9B5AA; --line:#33312C; --card:#1C1B19; --inv-bg:#F4F1EA; --inv-fg:#111111; --inv-mut:#5A574F}
}
:root[data-theme="dark"]{--bg:#111111; --fg:#F4F1EA; --mut:#B9B5AA; --line:#33312C; --card:#1C1B19; --inv-bg:#F4F1EA; --inv-fg:#111111; --inv-mut:#5A574F}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
a{color:inherit;text-underline-offset:3px}
h1,h2,h3,.brand,.stamp,.cta,button,.num{font-family:"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-weight:900;letter-spacing:-.04em}
.g{color:var(--use)}.y{color:var(--save)}.r{color:var(--skip)}
.wrap{max-width:900px;margin:0 auto;padding:0 16px}
header.top{padding:20px 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}
.brand{font-size:1.5rem;line-height:1;text-decoration:none;white-space:nowrap}
nav{display:flex;gap:18px}
nav a{white-space:nowrap;color:var(--mut);text-decoration:none;font-size:.95rem}
nav a:hover{color:var(--fg)}
:focus-visible{outline:3px solid var(--save);outline-offset:3px}

.hero{padding:48px 0 44px}
h1{font-size:clamp(2.7rem,10.5vw,5.6rem);line-height:.92;margin:0 0 28px;text-wrap:balance}
.stamps{display:flex;flex-wrap:wrap;gap:14px 16px;margin:0 0 30px;padding:0;list-style:none}
.stamp{display:block;color:var(--ink);font-size:clamp(1.5rem,5.4vw,2.4rem);line-height:1;padding:.32em .5em .4em}
.stamp.use{background:var(--use);transform:rotate(-3deg)}
.stamp.save{background:var(--save);transform:rotate(2deg)}
.stamp.skip{background:var(--skip);transform:rotate(-2deg)}
.lede{font-size:clamp(1.12rem,3vw,1.35rem);color:var(--mut);max-width:36ch;margin:0 0 28px}
.cta{display:inline-block;background:var(--fg);color:var(--bg);padding:.7em 1.1em .78em;font-size:1.15rem;line-height:1;text-decoration:none;letter-spacing:-.02em}
.cta:hover{background:var(--use);color:var(--ink)}

section{padding:40px 0}
h2{font-size:clamp(1.9rem,6vw,2.8rem);line-height:.98;margin:0 0 10px;text-wrap:balance}
.sub{color:var(--mut);margin:0 0 22px;max-width:52ch}

.verdicts{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}
@media(max-width:700px){.verdicts{grid-template-columns:1fr}}
.v{color:var(--ink);padding:20px 20px 24px}
.v h3{margin:0 0 10px;font-size:2.1rem;line-height:1}
.v p{margin:0;font-weight:500}
.v.use{background:var(--use)}.v.save{background:var(--save)}.v.skip{background:var(--skip)}

.aud{display:grid;gap:14px;margin:0;padding:0;list-style:none;font-size:clamp(1.1rem,3.4vw,1.35rem)}
.aud li{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.chip{font-family:"Schibsted Grotesk",system-ui,sans-serif;font-weight:900;letter-spacing:-.03em;color:var(--ink);padding:.18em .5em .26em;line-height:1.1;white-space:nowrap}
.chip.use{background:var(--use)}.chip.save{background:var(--save)}.chip.skip{background:var(--skip)}

.how{list-style:none;margin:0;padding:0;counter-reset:n;display:grid;gap:14px}
.how li{counter-increment:n;display:grid;grid-template-columns:2.6rem 1fr;align-items:baseline;border-top:2px solid var(--fg);padding-top:12px}
.how li::before{content:counter(n) ".";font-family:"Schibsted Grotesk",system-ui,sans-serif;font-weight:900;font-size:1.5rem;letter-spacing:-.04em;line-height:1}

.news{background:var(--inv-bg);color:var(--inv-fg);padding:28px 24px 26px}
.news .sub{color:var(--inv-mut);margin:0}
form{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
input[type=email]{flex:1 1 230px;min-width:0;padding:13px 14px;border:2px solid var(--inv-fg);border-radius:0;background:var(--inv-fg);color:var(--inv-bg);font:inherit}
input[type=email]::placeholder{color:var(--inv-mut);opacity:1}
button{padding:.75em 1.1em .82em;border:0;border-radius:0;background:var(--use);color:var(--ink);font-size:1.1rem;line-height:1;letter-spacing:-.02em;cursor:pointer}
button:hover{background:var(--save)}
button[disabled]{opacity:.55;cursor:not-allowed}
#nl-msg{margin:10px 0 0;color:var(--inv-mut);font-size:.95rem;min-height:1.4em}
.fine{margin:4px 0 0;color:var(--inv-mut);font-size:.85rem}

.latest{color:var(--mut);border:2px dashed var(--line);padding:22px}
footer{padding:36px 0 56px;color:var(--mut);font-size:.9rem;border-top:2px solid var(--fg);margin-top:28px}
footer p{margin:.3rem 0}
.sr{position:absolute;left:-9999px}

.doc{max-width:680px;padding:28px 0 8px}
.doc h1{font-size:clamp(2.4rem,8vw,3.8rem);margin:0 0 18px}
.doc h2{margin:36px 0 8px;font-size:1.6rem}
.doc p,.doc li{margin:.7rem 0}
.doc ul{padding-left:1.2rem;margin:0}