:root{
  --kalk:#EAE7E0; --kalk-lys:#F4F2ED; --beton:#C8C6C0; --skifer:#22272C; --skifer-2:#2B3137;
  --messing:#9C8350; --messing-tekst:#7A6535; --messing-lys:#C0A672; --mose:#5E7A68; --tegl:#8F4A42;
  --ink:#22272C; --ink-2:#4B5056; --ink-3:#6B6F73;
  --lys:#EAE7E0; --lys-2:#B3B5B3;
  --linje:rgba(34,39,44,0.16); --linje-d:rgba(234,231,224,0.16);
}
*{box-sizing:border-box;}
body{margin:0;background:var(--kalk);color:var(--ink);font-family:'Public Sans',system-ui,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;}
h1,h2,h3{font-family:'Familjen Grotesk','Public Sans',sans-serif;font-weight:600;margin:0;letter-spacing:-0.02em;}
h1{font-size:clamp(44px,5.8vw,86px);line-height:1.0;}
h2{font-size:clamp(34px,4.2vw,58px);line-height:1.04;text-wrap:balance;}
h1{text-wrap:balance;}
p{margin:0;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:1240px;margin:0 auto;padding:0 28px;}
section{position:relative;padding-block:clamp(88px,9vw,140px);}
.akcent{color:var(--messing-tekst);}
.akcent-d{color:var(--messing-lys);}
.knap{height:48px;padding:0 24px;display:inline-flex;align-items:center;gap:8px;font-family:'Public Sans',sans-serif;font-weight:600;font-size:14.5px;border-radius:2px;transition:background-color .18s,border-color .18s,transform .18s;white-space:nowrap;}
.knap-fyld{background:var(--messing);color:#15181B;}
.knap-fyld:hover{background:#8D7646;transform:translateY(-1px);}
.knap-streg{border:1px solid rgba(34,39,44,0.4);color:var(--ink);}
.knap-streg:hover{border-color:var(--ink);transform:translateY(-1px);}
.knap-streg-d{border:1px solid rgba(234,231,224,0.4);color:var(--lys);}
.knap-streg-d:hover{border-color:var(--lys);transform:translateY(-1px);}
.kort{background:var(--kalk-lys);border:1px solid var(--linje);border-radius:4px;}
.link-pil{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14.5px;}
.link-pil svg{transition:transform .18s ease;}
.link-pil:hover svg{transform:translateX(4px);}
.nav-link{position:relative;font-size:14px;font-weight:500;color:var(--ink-2);transition:color .18s;}
.nav-link::after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--messing);transform:scaleX(0);transition:transform .2s ease;}
.nav-link:hover{color:var(--ink);}
.nav-link:hover::after{transform:scaleX(1);}
.raekke{transition:background-color .16s ease;border-radius:2px;}
.raekke:hover{background:rgba(34,39,44,0.05);}
.nav-mobil{display:none;}
.hero-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:56px;align-items:center;}
.split{display:grid;grid-template-columns:0.85fr 1.15fr;gap:80px;align-items:center;}
.seg{display:flex;flex-wrap:wrap;justify-content:center;}
.seg span{padding:0 28px;font-size:15px;color:var(--ink);border-left:1px solid rgba(34,39,44,0.3);}
.seg span:first-child{border-left:none;}
@media (max-width:980px){
  .bento{grid-template-columns:minmax(0,1fr) !important;}
  .hjul{justify-content:center !important;}
  .felt-side{display:none !important;}
  .pris{grid-template-columns:minmax(0,1fr) !important;}
  .tillid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .fod{grid-template-columns:minmax(0,1fr) !important;gap:32px !important;}
  .trin{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .trin li{border-left:none !important;padding:28px 20px 12px 0 !important;}
  .nav-links{display:none !important;}
  .nav-mobil{display:block;}
  .hero-grid,.split{grid-template-columns:minmax(0,1fr) !important;gap:40px !important;}
}
@media (max-width:640px){.chip{display:none !important;}}
.hero-grid>*,.split>*{min-width:0;}
@media (max-width:560px){
  .seg span{padding:6px 16px;border-left:none;}
  section{padding-block:56px;}
}
@media (prefers-reduced-motion: reduce){*{transition:none !important;}}

@media (max-width:380px){
  .wrap{padding:0 18px;}
  .nav-knap{padding:0 12px !important;font-size:13px;}
}

html{scroll-padding-top:72px;}