:root{
  --paper:#fbfaf6; --panel:#f1f2ec; --panel-2:#e9ece4; --line:rgba(20,35,28,.14);
  --pine:#14332a; --ink:#14231c; --body:#44554b; --muted:#6f7d72; --mono-muted:#98a49b;
  --copper:#c2703d; --copper-light:#e59a63; --copper-deep:#9a5424; --on-copper:#fff6ef;
  --on-pine:#edf1ea; --on-pine-muted:#9ebaa9; --on-pine-body:#b6c7bb;
  --display:'Schibsted Grotesk',sans-serif; --sans:'Schibsted Grotesk',system-ui,sans-serif; --mono:'JetBrains Mono',monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--copper-deep);text-decoration:none}
a:hover{color:var(--ink)}
::selection{background:var(--copper);color:var(--on-copper)}
a:focus-visible{outline:2px solid var(--copper);outline-offset:3px;border-radius:6px}
.wrap{max-width:1352px;margin:0 auto;padding:0 clamp(20px,3.5vw,44px)}
nav{background:var(--pine);border-bottom:1px solid rgba(237,241,234,.16)}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1352px;margin:0 auto;padding:18px clamp(20px,3.5vw,44px)}
.brand{display:flex;align-items:center;gap:12px;color:var(--on-pine)}
.brand .mark{width:24px;height:24px;flex:none}
.brand b{font:700 17px/1 var(--display);letter-spacing:-0.01em;white-space:nowrap}
.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:600;font-size:14px;padding:11px 22px;background:var(--copper);color:var(--on-copper);white-space:nowrap}
.pill:hover{filter:brightness(1.08);color:var(--on-copper)}
.hero{background:var(--pine);color:var(--on-pine);padding:clamp(40px,6vw,72px) 0 clamp(36px,5vw,56px)}
.hero .k{font:500 11px/1.6 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--on-pine-muted);margin-bottom:18px}
.hero .k b{color:var(--copper-light);font-weight:500}
.hero h1{font:800 clamp(34px,4.8vw,64px)/1.02 var(--display);letter-spacing:-0.025em;max-width:24ch;text-wrap:balance}
.hero .sub{margin-top:20px;font-size:18px;color:var(--on-pine-body);max-width:640px;text-wrap:pretty}
article{max-width:760px;margin:0 auto;padding:clamp(36px,5vw,64px) clamp(20px,3.5vw,44px) 0}
article p{color:var(--body);margin:0 0 20px;max-width:70ch}
article h2{font:700 clamp(22px,2.4vw,30px)/1.1 var(--display);letter-spacing:-0.015em;color:var(--pine);margin:36px 0 14px}
article ul{margin:0 0 20px 22px;color:var(--body)}
article li{margin-bottom:8px}
article strong{color:var(--ink)}
.callout{background:var(--panel);border-radius:18px;padding:24px 26px;margin:28px 0;color:var(--body)}
.callout .t{font:500 10px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--copper-deep);margin-bottom:10px}
table.sum{width:100%;border-collapse:collapse;margin:8px 0 24px;font-size:15px}
table.sum th{font:500 10px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mono-muted);text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}
table.sum td{padding:10px 12px;border-bottom:1px solid var(--line);color:var(--body)}
table.sum td:first-child{color:var(--ink);font-weight:600}
.cta{max-width:760px;margin:clamp(36px,5vw,56px) auto 0;padding:0 clamp(20px,3.5vw,44px)}
.cta .box{background:var(--pine);color:var(--on-pine);border-radius:22px;padding:clamp(26px,3.4vw,40px);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.cta .box b{font:700 clamp(22px,2.8vw,30px)/1.05 var(--display);letter-spacing:-0.015em}
.cta .box .pill{font-size:15px;padding:14px 26px}
footer{max-width:760px;margin:0 auto;padding:32px clamp(20px,3.5vw,44px) 44px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font:500 10px/1.6 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mono-muted)}
footer a{color:var(--mono-muted)}
footer a:hover{color:var(--ink)}