/* Stay Ready – Ultimate v4.2 */
:root {
  /* Oppdatert fargepalett – varmere og mer luksuriøs */
  --bg: #faf8f5;             /* Lys beige bakgrunn */
  --panel: #ffffff;          /* Hvit panel / kort */
  --ink: #1b1b1b;            /* Tekst */
  --muted: #6b625a;          /* Sekundær tekst */
  --line: #e8e3dc;           /* Linjer / grenser */

  /* Nye brandfarger */
  --brand: #b47b48;          /* Hovedfarge – varm kobber/terracotta */
  --brand-2: #c89b6e;        /* Lysere variant (hover, aksenter) */
  --brand-3: #f7ede2;        /* Bakgrunnstema for brand-seksjon */
  --brand-dark: #875d35;     /* Mørkere variant til knapper */

  --accent: #faf3e8;         /* Subtil krem-aksent */
  --accent-2: #f1ece5;
  --radius: 16px;
}

/* Oppdater knapper med ny farge */
.btn.primary {
  background: var(--brand);
  border-color: var(--brand);
  color: #fff;
}
.btn.primary:hover {
  background: var(--brand-dark);
}

/* Endre hero-bakgrunn og brand-seksjoner */
.hero {
  background: linear-gradient(180deg, #fffdf9, #faf8f5);
}
.section.brand {
  background: linear-gradient(180deg, var(--brand-3), #ffffff);
}
.ticks li {
  background: #fff5eb;
  border: 1px solid #f1dfcc;
  color: #5a3923;
}

/* Footer justeres for kontrast */
.ftr {
  background: #fffaf5;
}
}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font:16px/1.8 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto;color:var(--ink);background:linear-gradient(180deg,#ffffff, #f8fbfd 28%, #ffffff 100%)}
img,video,svg,canvas{max-width:100%;height:auto;display:block}
.wrap{width:min(1200px,92vw);margin-inline:auto}
.logo{height:34px}.logo.sm{height:26px}
a{color:var(--ink);text-decoration:none}a:hover{text-decoration:underline}

/* Header */
.hdr{position:sticky;top:0;z-index:120;background:rgba(255,255,255,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0;position:relative}
.links{display:flex;gap:24px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.05rem;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:600}
.btn.small{padding:.5rem .85rem}.btn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.ghost{background:#fff}

.lang{display:flex;gap:4px;border:1px solid var(--line);border-radius:999px;padding:2px;margin-left:4px}
.lang-btn{background:transparent;border:0;padding:.35rem .7rem;border-radius:999px;cursor:pointer;font-weight:600;color:var(--ink)}
.lang-btn[aria-pressed=true]{background:var(--ink);color:#fff}

/* Mobile menu overlay */
.m-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:110}

.sticky-cta{display:none;position:fixed;bottom:14px;left:50%;transform:translateX(-50%);z-index:105}

/* Hero */
.hero{border-bottom:1px solid var(--line);background:linear-gradient(180deg,#ffffff, #f7fbff)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;padding:44px 0}
h1{font:700 clamp(1.9rem,3.2vw,3.0rem)/1.1 'Playfair Display', ui-serif, Georgia, Times, serif;margin:0 0 12px}
.lead{color:#374151;max-width:66ch}
.cta{display:flex;gap:12px;margin:16px 0}
.ticks{display:flex;gap:10px;flex-wrap:wrap;padding:0;margin:12px 0 0;list-style:none}
.ticks li{background:#ecfeff;border:1px solid #bae6fd;border-radius:999px;padding:.4rem .7rem;color:#064e5a;font-size:.92rem}

/* Cards / panels */
.frame{border-radius:var(--radius);border:1px solid var(--line);box-shadow:0 12px 32px rgba(14,116,144,.12)}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 10px 28px rgba(0,0,0,.05)}

/* Sections */
.features{background:#fff;border-bottom:1px solid var(--line)}
.split{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:22px 0}
.thumb{width:100%;object-fit:cover;border-radius:12px;border:1px solid var(--line);aspect-ratio: 16/9}

.section{background:#fff;border-bottom:1px solid var(--line);padding:clamp(24px,4vw,44px) 0}
.section.alt{background:linear-gradient(180deg,#f8ffff,#ffffff)}
.section.alt2{background:#fff; border-top:1px solid var(--line); border-bottom:1px solid var(--line)}
.section.brand{background:linear-gradient(180deg,#ecfeff,#ffffff)}

h2{font:700 1.8rem/1.2 'Playfair Display', serif;margin:.2rem 0 .7rem}
.bands{display:grid;gap:1px;background:var(--line);border-radius:14px;overflow:hidden;border:1px solid var(--line)}
.band{background:#fff;padding:16px 18px}
.two{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}
.three{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px;padding:22px 0 0}

.steps{padding-left:18px}.muted{color:var(--muted)}.facts{margin:0;padding-left:18px}
.tiny{font-size:.85rem}
.form{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 14px 36px rgba(0,0,0,.06)}
.form .two{grid-template-columns:1fr 1fr}
label{display:grid;gap:6px;color:var(--ink)}
input,select,textarea{border:1px solid #d1d5db;border-radius:12px;padding:.8rem .9rem;background:#fff;color:#0a0a0a}
input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 6px rgba(17,17,17,.08);border-color:var(--ink)}
.consent{display:flex;gap:10px;align-items:flex-start;margin-top:6px}

.ftr{background:#fff}
.ftr .three nav a{display:block;padding:6px 0;line-height:1.4}
.ftr .three nav{display:flex;flex-direction:column;gap:6px}
.sub{border-top:1px solid var(--line);margin-top:14px;padding:14px 0;text-align:center;color:#6b7280}

/* Burger */
.burger{display:none;position:absolute;left:12px;top:10px;background:#fff;border:1px solid var(--line);
  border-radius:10px;padding:.45rem .6rem;font-size:1.1rem;z-index:125}

/* Mobile & tablet */
@media (max-width: 980px){
  .burger{display:block}
  .links{
    display:none; position:absolute; left:12px; right:12px; top:56px;
    background:#fff; border:1px solid var(--line); border-radius:12px;
    padding:12px; flex-direction:column; gap:10px; z-index:130;
    box-shadow:0 12px 24px rgba(0,0,0,.08);
  }
  .links.open{display:flex}
  .btn.small{width:100%; justify-content:center}
  .lang{align-self:flex-end}

  .m-overlay.show{display:block}
  .sticky-cta{display:block}

  .hero-grid, .split, .two, .three { grid-template-columns:1fr }
  .hero-grid{gap:18px; padding:24px 0}
  h1{font-size: clamp(1.7rem, 6vw, 2.2rem)}
  .lead{font-size: 1rem}
}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px}

/* TYPOGRAFI & RYTME – strammere og mer premium */
.lead-shell{ width:min(1080px,92vw); margin:40px auto 56px; }
.lead-card h1{
  margin:.1rem 0 .4rem;
  font-family:'Playfair Display', serif;
  font-weight:700;
  letter-spacing:.1px;
  line-height:1.15;
  font-size: clamp(1.6rem, 2.6vw, 2.1rem);
}
.lead-card p.muted{ margin-top:.2rem; }

/* GRID – mer luft mellom kolonner */
.lead-grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:28px; align-items:stretch; }
@media (max-width: 900px){
  .lead-grid{ grid-template-columns:1fr; gap:16px; }
}

/* SKJEMA – renere panel, mindre radius/shadow, bedre mellomrom */
.lead-card{
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 12px; /* mindre radius = mer seriøst */
  padding: 22px;
  box-shadow: 0 6px 14px rgba(0,0,0,.04); /* svakere skygge */
}
.grid-2{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
@media (max-width: 720px){ .grid-2{ grid-template-columns:1fr; } }

/* FELT & LABEL – mer vertikal rytme og bedre fokusstil */
label{ display:grid; gap:6px; color: var(--ink); font-weight:600; }
input, select, textarea{
  border:1px solid #dcd7d1;
  border-radius:10px;
  padding:.85rem .95rem;
  background:#fff;
  color:#111;
}
input:focus, select:focus, textarea:focus{
  outline:none;
  border-color: var(--brand);
  box-shadow: 0 0 0 4px rgba(180,123,72,.18);
}

/* CTA tydeligere enn omgivelsene */
.btn.primary{
  background: var(--brand);
  border-color: var(--brand);
  color:#fff;
  font-weight:700;
}
.btn.primary:hover{ background: var(--brand-dark); }