:root { --bg:#FFF8F2; --flate:#FFFFFF; --tekst:#1A1446; --dempet:#6B6790; --kant:#F0E3D8; --korall:#FF6B55; --korall-svak:#FFE3DB; --krem:#FFF1D6; }
@media (prefers-color-scheme: dark) { :root { --bg:#120F2B; --flate:#1D1940; --tekst:#FFF4E8; --dempet:#A9A4CC; --kant:#2E2860; --korall:#FF7A62; --korall-svak:#3A2340; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--tekst); font-family:Inter, system-ui, -apple-system, sans-serif; font-size:17px; line-height:1.6; }
.side { max-width:760px; margin:0 auto; padding:24px 16px 64px; }
header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:40px; }
header a.merke { display:flex; align-items:center; gap:10px; color:inherit; text-decoration:none; font-family:"Bricolage Grotesque", Inter, sans-serif; font-weight:800; font-size:22px; }
header img { width:36px; height:36px; }
nav a { color:var(--dempet); text-decoration:none; margin-left:16px; font-size:15px; }
nav a:hover { color:var(--korall); }
h1, h2 { font-family:"Bricolage Grotesque", Inter, sans-serif; letter-spacing:-0.02em; line-height:1.1; }
h1 { font-size:clamp(36px, 8vw, 56px); margin:0 0 16px; }
h2 { font-size:24px; margin:40px 0 8px; }
p, li { color:var(--tekst); }
.ingress { font-size:20px; color:var(--dempet); max-width:560px; }
.helt { display:grid; gap:24px; align-items:center; margin-bottom:48px; }
.helt img { width:120px; height:120px; }
.knapp { display:inline-block; background:var(--korall); color:#1A1446; font-weight:600; padding:14px 22px; border-radius:14px; text-decoration:none; border-bottom:4px solid rgba(0,0,0,.18); }
.kort-rad { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:12px; margin:24px 0; }
.kort { background:var(--flate); border:1px solid var(--kant); border-radius:20px; padding:18px; }
.kort strong { display:block; font-size:17px; margin-bottom:4px; }
.kort span { color:var(--dempet); font-size:15px; }
.pris { font-family:"Bricolage Grotesque", Inter, sans-serif; font-size:28px; font-weight:700; }
a { color:var(--korall); }
footer { margin-top:64px; padding-top:24px; border-top:1px solid var(--kant); color:var(--dempet); font-size:14px; }