:root{--paper:#f4efe6;--ink:#14120f;--mute:#6b645a;--line:#d9d1c2;--card:#fbf8f2;--acc:#ff4b2b;--ok:#1f7a4d}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 "Instrument Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
body[data-lang=sv] .en,body[data-lang=en] .sv{display:none!important}
a{color:inherit}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
header.top{display:flex;align-items:center;justify-content:space-between;padding:22px 0;border-bottom:1px solid var(--line)}
.logo{font:700 24px "Inter Tight",sans-serif;letter-spacing:-.03em;text-decoration:none}
.logo i{font-style:normal;color:var(--acc)}
nav{display:flex;gap:22px;align-items:center;font-size:15px}
nav a{text-decoration:none;color:var(--mute)}nav a:hover,nav a[aria-current]{color:var(--ink)}
.lang button{font:600 12px "JetBrains Mono",monospace;border:1px solid var(--ink);background:none;padding:4px 8px;cursor:pointer;color:var(--ink)}
.lang button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.lang button+button{margin-left:-1px}
h1,h2,h3{font-family:"Inter Tight",sans-serif;letter-spacing:-.03em;line-height:1.04;margin:0}
h1{font-size:clamp(44px,8vw,88px);font-weight:700}
h1 em{font-style:normal;color:var(--acc)}
h2{font-size:clamp(30px,4.5vw,48px);font-weight:700;margin-bottom:18px}
h3{font-size:22px;font-weight:700;margin-bottom:8px;letter-spacing:-.02em}
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;padding:72px 0 64px;align-items:center}
.lede{font-size:20px;color:#3a352e;max-width:34em;margin:24px 0}
.kicker{font:500 12px "JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.12em;color:var(--mute)}
.btn{display:inline-block;font:600 16px "Instrument Sans",sans-serif;padding:14px 22px;border:2px solid var(--ink);text-decoration:none;background:var(--ink);color:var(--paper);box-shadow:4px 4px 0 var(--acc);transition:transform .1s,box-shadow .1s}
.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--acc)}
.btn.alt{background:none;color:var(--ink);box-shadow:none}
.cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.meta{font:12px "JetBrains Mono",monospace;color:var(--mute);margin-top:14px}
.sc{background:var(--card);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:22px;font-family:"JetBrains Mono",monospace;font-size:13px}
.sc .h{display:flex;justify-content:space-between;border-bottom:1px dashed var(--line);padding-bottom:10px;margin-bottom:14px;color:var(--mute)}
.sc .big{display:flex;gap:28px;margin-bottom:16px}
.sc .big b{display:block;font:800 54px/1 "Inter Tight",sans-serif;letter-spacing:-.04em}
.sc .big span{color:var(--mute);font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.sc .row{display:grid;grid-template-columns:78px 1fr 36px;gap:10px;align-items:center;margin:8px 0}
.sc .bar{height:10px;background:var(--line)}.sc .bar i{display:block;height:100%;background:var(--ink)}
.sc .bar i.a{background:var(--acc)}
section{padding:64px 0;border-top:1px solid var(--line)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
.card{background:var(--card);border:1px solid var(--ink);padding:24px}
.card p{margin:0;color:#3a352e;font-size:16px}
.num{font:600 12px "JetBrains Mono",monospace;color:var(--acc);display:block;margin-bottom:10px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:40px}
ul.tick{list-style:none;padding:0;margin:16px 0}
ul.tick li{padding:8px 0 8px 28px;position:relative;border-bottom:1px solid var(--line)}
ul.tick li:before{content:"→";position:absolute;left:0;color:var(--acc);font-weight:700}
.price{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
.price .card b{display:block;font:800 44px/1 "Inter Tight",sans-serif;letter-spacing:-.04em;margin:8px 0}
.price .card.hl{background:var(--ink);color:var(--paper)}.price .card.hl p{color:#d9d1c2}
.note{font-size:14px;color:var(--mute);margin-top:18px}
ol.steps{counter-reset:s;list-style:none;padding:0;margin:20px 0}
ol.steps li{counter-increment:s;padding:14px 0 14px 54px;position:relative;border-bottom:1px solid var(--line)}
ol.steps li:before{content:counter(s);position:absolute;left:0;top:10px;font:800 28px "Inter Tight",sans-serif;color:var(--acc)}
.prose{max-width:46em}.prose h2{margin-top:36px;font-size:30px}
code{font:14px "JetBrains Mono",monospace;background:#e9e2d3;padding:1px 6px}
footer{border-top:2px solid var(--ink);padding:32px 0 48px;margin-top:40px;font-size:14px;color:var(--mute);display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
@media(max-width:860px){.hero,.two,.grid,.price{grid-template-columns:1fr}.hero{padding-top:40px}nav{gap:14px;font-size:14px}header.top{flex-wrap:wrap;gap:12px}}