:root{
    --bg:#eceae7;
    --bg-2:#f2f0ed;
    --bg-3:#e7e5e1;
    --ink:#26241f;
    --ink-soft:#6d6a63;
    --ink-muted:#a7a39b;
    --ghost:#dedbd6;
    --accent:#e08a1e;
    --accent-deep:#c2761a;
    --card:#edeae6;
    --sh-light:#ffffff;
    --sh-dark:#cfccc6;
    --radius:26px;
    --maxw:1160px;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--bg);
    color:var(--ink);
    font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;}
  .serif{font-family:'Cormorant Garamond',Georgia,serif;}
  h1,h2,h3{line-height:1.02;letter-spacing:-0.02em;font-weight:800;}
  a{color:inherit;text-decoration:none;}
  section{position:relative;}

  /* Neumorphic helpers */
  .neu{background:var(--card);box-shadow:-7px -7px 16px var(--sh-light),7px 7px 18px var(--sh-dark);}
  .neu-in{background:var(--card);box-shadow:inset -5px -5px 11px var(--sh-light),inset 5px 5px 11px var(--sh-dark);}

  /* ---------- NAV ---------- */
  nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(8px);background:rgba(236,234,231,.72);}
  .nav-in{display:flex;align-items:center;justify-content:space-between;height:74px;}
  .brand{display:flex;flex-direction:column;line-height:1;}
  .brand .n{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:22px;letter-spacing:.5px;}
  .brand .t{font-size:8.5px;letter-spacing:4px;color:var(--ink-muted);text-transform:uppercase;margin-top:2px;}
  .nav-links{display:flex;gap:34px;font-size:14px;color:var(--ink-soft);}
  .nav-links a:hover{color:var(--ink);}
  .btn{
    display:inline-flex;align-items:center;gap:9px;cursor:pointer;border:none;
    font:inherit;font-size:14.5px;font-weight:600;color:var(--ink);
    padding:13px 26px;border-radius:999px;background:var(--card);
    box-shadow:-6px -6px 13px var(--sh-light),6px 6px 14px var(--sh-dark);
    transition:box-shadow .18s, transform .05s, color .18s;
  }
  .btn:hover{box-shadow:-3px -3px 8px var(--sh-light),3px 3px 8px var(--sh-dark);}
  .btn:active{box-shadow:inset -4px -4px 9px var(--sh-light),inset 4px 4px 9px var(--sh-dark);transform:translateY(1px);}
  .btn.primary{color:#fff;background:linear-gradient(135deg,#eaa03a,var(--accent-deep));box-shadow:-6px -6px 14px var(--sh-light),6px 6px 16px var(--sh-dark);}
  .btn.primary:hover{filter:brightness(1.04);}
  .btn .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);}
  .nav .btn{padding:11px 22px;}

  /* ---------- HERO ---------- */
  .hero{padding:70px 0 90px;overflow:hidden;}
  .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;position:relative;}
  .ghost{
    position:absolute;left:-14px;top:-40px;font-weight:900;color:var(--ghost);
    font-size:210px;letter-spacing:-.04em;z-index:2;user-select:none;pointer-events:none;line-height:.9;white-space:nowrap;
    mix-blend-mode:multiply;
  }
  .hero-copy{position:relative;z-index:3;}
  .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-muted);margin-bottom:22px;}
  .eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);}
  h1{font-size:56px;color:var(--ink);}
  h1 em{font-style:normal;color:var(--accent-deep);}
  .hero p.lead{font-size:17px;color:var(--ink-soft);max-width:30em;margin:22px 0 32px;}
  .hero-cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center;}

  /* Hero-foto + app preview mock */
  .preview{position:relative;z-index:1;width:100%;justify-self:stretch;}
  .hero-photo{
    position:relative;border-radius:30px;overflow:hidden;aspect-ratio:1/1.02;
    box-shadow:-14px -14px 32px var(--sh-light),16px 16px 38px var(--sh-dark);
    background:#e8e2db;
  }
  .hero-photo img{width:100%;height:100%;object-fit:cover;object-position:74% 32%;display:block;}
  .device{
    position:absolute;left:-26px;bottom:-26px;z-index:4;
    width:242px;border-radius:24px;padding:15px;background:var(--card);
    box-shadow:-10px -10px 24px var(--sh-light),12px 12px 30px var(--sh-dark);
  }
  .device .pv-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;}
  .device .pv-head .lbl{font-family:'Cormorant Garamond',serif;font-size:15px;font-weight:600;}
  .device .pv-head .badge{font-size:8px;letter-spacing:1px;text-transform:uppercase;color:var(--accent-deep);background:#f7ead6;padding:3px 7px;border-radius:999px;}
  .facewrap{border-radius:16px;padding:9px;background:var(--card);box-shadow:inset -5px -5px 11px var(--sh-light),inset 5px 5px 11px var(--sh-dark);}
  .legend-row{display:flex;gap:10px;margin-top:11px;flex-wrap:wrap;}
  .legend-row .li{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--ink-soft);}
  .legend-row .sw{width:10px;height:10px;border-radius:4px;}
  .float-card{
    position:absolute;right:-22px;top:26px;z-index:5;background:var(--card);border-radius:18px;padding:12px 15px;
    box-shadow:-7px -7px 16px var(--sh-light),9px 9px 20px var(--sh-dark);display:flex;gap:11px;align-items:center;
  }
  .float-card .ic{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#f7ead6;color:var(--accent-deep);}
  .float-card .tx b{font-size:13px;display:block;}
  .float-card .tx span{font-size:11px;color:var(--ink-muted);}

  /* trust strip */
  .trust{display:flex;gap:34px;flex-wrap:wrap;align-items:center;justify-content:center;padding:8px 0 4px;color:var(--ink-muted);font-size:12.5px;letter-spacing:.4px;}
  .trust b{color:var(--ink-soft);font-weight:600;}

  /* ---------- MÆRKER / INTEGRATION ---------- */
  .brands{padding:56px 0 52px;text-align:center;background:var(--bg-3);}
  .brands-tag{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--accent-deep);font-weight:600;margin-bottom:12px;}
  .brands-lead{font-size:16px;color:var(--ink-soft);max-width:36em;margin:0 auto 30px;line-height:1.5;}
  .brand-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:26px;}
  .brand-logo{display:inline-flex;align-items:center;justify-content:center;width:200px;height:52px;padding:0 16px;background:none;border:none;box-shadow:none;}
  .brand-logo img{height:24px;width:auto;max-width:100%;display:block;opacity:.62;transition:opacity .25s ease;}
  .brand-logo:hover img{opacity:1;}
  .brands-note{font-size:12.5px;color:var(--ink-muted);margin-top:26px;}

  /* ---------- SECTION TITLES ---------- */
  .sec{padding:96px 0;}
  .sec.alt{background:var(--bg-3);}
  .sec-tag{font-size:12px;letter-spacing:2.5px;text-transform:uppercase;color:var(--accent-deep);margin-bottom:14px;}
  .sec h2{font-size:40px;color:var(--ink);max-width:16em;}
  .sec .sub{color:var(--ink-soft);font-size:16px;max-width:34em;margin-top:16px;}

  /* ---------- EDITORIAL BAND ---------- */
  .band{display:grid;grid-template-columns:.95fr 1.05fr;gap:40px;align-items:center;}
  /* App-slider i editorial-band */
  .app-slider{
    border-radius:var(--radius);position:relative;overflow:hidden;
    background:var(--card);
    box-shadow:-10px -10px 24px var(--sh-light),12px 12px 30px var(--sh-dark);
  }
  .slides{position:relative;aspect-ratio:4/5;overflow:hidden;}
  .slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(1.03);transition:opacity .7s ease, transform 1.4s ease;background:var(--card);}
  .slide.is-active{opacity:1;transform:scale(1);}
  .slide img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;}
  .band-visual{display:flex;flex-direction:column;gap:18px;}
  .slider-dots{display:flex;gap:10px;justify-content:center;}
  .slider-dots .dot{width:9px;height:9px;border-radius:50%;border:none;cursor:pointer;padding:0;background:rgba(120,114,104,.30);transition:background .25s ease, transform .25s ease, width .3s ease;}
  .slider-dots .dot.is-active{background:var(--accent);width:26px;border-radius:5px;transform:none;}
  .band .copy h2{font-size:38px;}
  .app-live{display:flex;flex-direction:column;gap:6px;margin-top:16px;}
  .app-live-eyebrow{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent-deep);font-weight:700;}
  .app-live-text{min-height:2.6em;font-size:16px;color:var(--ink);line-height:1.5;font-weight:500;transition:opacity .4s ease;}
  .app-live-text.fade{opacity:0;}
  .band .copy p{color:var(--ink-soft);margin-top:18px;font-size:16px;}
  .band .copy p.app-live{color:inherit;}
  .ai-badge{display:inline-flex;align-items:center;gap:9px;margin-top:22px;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-muted);}
  .ai-badge img{height:17px;width:auto;opacity:.72;}
  .foot-claude{display:inline-flex;align-items:center;gap:8px;margin-right:16px;color:var(--ink-muted);}
  .foot-claude img{height:15px;width:auto;opacity:.6;}
  .round-btn{width:66px;height:66px;border-radius:50%;margin-top:28px;display:flex;align-items:center;justify-content:center;background:var(--card);box-shadow:-7px -7px 16px var(--sh-light),7px 7px 18px var(--sh-dark);cursor:pointer;transition:box-shadow .18s;}
  .round-btn:hover{box-shadow:inset -5px -5px 11px var(--sh-light),inset 5px 5px 11px var(--sh-dark);}

  /* ---------- STEPS ---------- */
  .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px;}
  .step{background:var(--card);border-radius:var(--radius);padding:26px 22px;box-shadow:-7px -7px 16px var(--sh-light),7px 7px 18px var(--sh-dark);}
  .step .num{font-family:'Cormorant Garamond',serif;font-size:30px;font-weight:700;color:var(--accent);}
  .step h3{font-size:17px;margin:10px 0 7px;font-weight:700;}
  .step p{font-size:13.5px;color:var(--ink-soft);}

  /* ---------- FLOW: device-mockup + stablede trin ---------- */
  .flow-split{display:grid;grid-template-columns:.98fr 1.02fr;gap:44px;align-items:center;margin-top:40px;}
  .flow-split .flow-visual{order:2;}
  .flow-split .steps-col{order:1;}
  .flow-cap{text-align:center;color:var(--ink-soft);font-size:15px;margin:26px auto 0;max-width:40em;}
  .flow-visual{position:relative;border-radius:var(--radius);overflow:hidden;background:#f0efee;box-shadow:-10px -10px 24px var(--sh-light),12px 12px 30px var(--sh-dark);}
  .flow-visual img{width:100%;display:block;}
  /* Wifi-ikon oven på mockup (mellem enhederne) */
  .fm-wifi2{position:absolute;left:55.5%;top:39%;transform:translate(-50%,-50%);width:66px;height:66px;display:flex;align-items:center;justify-content:center;color:var(--accent);border-radius:50%;background:rgba(255,255,255,.82);backdrop-filter:blur(3px);box-shadow:0 6px 20px rgba(194,118,26,.28), -4px -4px 10px rgba(255,255,255,.7);}
  .fm-wifi2 svg{width:36px;height:32px;overflow:visible;}
  .fm-wifi2 .wa{opacity:.25;animation:waSig 2.1s ease-in-out infinite;}
  .fm-wifi2 .a3{animation-delay:0s;}
  .fm-wifi2 .a2{animation-delay:.28s;}
  .fm-wifi2 .a1{animation-delay:.56s;}
  .fm-wifi2 .dot{animation-delay:0s;}
  @keyframes waSig{0%,60%,100%{opacity:.22;}25%{opacity:1;}}
  .fm-badge{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;background:var(--card);border-radius:999px;padding:8px 16px;font-size:12px;letter-spacing:.4px;color:var(--ink-soft);font-weight:600;box-shadow:-5px -5px 12px var(--sh-light),6px 6px 14px var(--sh-dark);}
  .fm-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(224,138,30,.5);animation:badgePulse 1.8s ease-out infinite;}
  @keyframes badgePulse{0%{box-shadow:0 0 0 0 rgba(224,138,30,.5);}70%{box-shadow:0 0 0 8px rgba(224,138,30,0);}100%{box-shadow:0 0 0 0 rgba(224,138,30,0);}}
  /* Stablede trin ved siden af */
  .steps-col{display:flex;flex-direction:column;gap:0;margin-top:0;list-style:none;padding:0;}
  .steps-col .step{display:grid;grid-template-columns:auto 1fr;column-gap:18px;row-gap:3px;padding:20px 2px;align-items:center;background:none;box-shadow:none;border-radius:0;border-top:1px solid rgba(120,114,104,.15);}
  .steps-col .step:first-child{border-top:none;}
  .steps-col .step .num{grid-row:1/3;align-self:center;font-size:28px;}
  .steps-col .step h3{grid-column:2;margin:0;font-size:16.5px;font-weight:700;}
  .steps-col .step p{grid-column:2;margin:0;font-size:13.5px;color:var(--ink-soft);line-height:1.5;}
  @media (prefers-reduced-motion: reduce){.fm-wifi2 .wa,.fm-badge-dot{animation:none;}.fm-wifi2 .wa{opacity:.85;}}

  /* ---------- FEATURES ---------- */
  .feat-hint{margin-top:14px;font-size:13px;color:var(--ink-muted);letter-spacing:.3px;}
  .feat{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:22px;align-items:start;}
  .fcard{position:relative;background:var(--card);border-radius:var(--radius);padding:28px;cursor:pointer;outline:none;
    box-shadow:-7px -7px 16px var(--sh-light),7px 7px 18px var(--sh-dark);
    transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease;}
  .fcard:hover{transform:translateY(-4px);}
  .fcard:focus-visible{box-shadow:-7px -7px 16px var(--sh-light),7px 7px 18px var(--sh-dark),0 0 0 2px var(--accent);}
  .fic{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;background:var(--card);box-shadow:inset -4px -4px 9px var(--sh-light),inset 4px 4px 9px var(--sh-dark);color:var(--accent-deep);font-size:20px;
    transition:transform .35s cubic-bezier(.2,.8,.2,1), background .35s ease, color .35s ease, box-shadow .35s ease;}
  .fcard h3{font-size:18px;font-weight:700;margin-bottom:8px;}
  .fcard p{font-size:14px;color:var(--ink-soft);}
  /* Auto-roterende aktiv fremhævning */
  .fcard.active{transform:translateY(-5px);box-shadow:-9px -9px 22px var(--sh-light),10px 10px 26px var(--sh-dark),0 10px 26px rgba(194,118,26,.14);}
  .fcard.active .fic{color:#fff;background:linear-gradient(135deg,#eaa03a,var(--accent-deep));box-shadow:0 6px 16px rgba(194,118,26,.35);transform:translateY(-2px) scale(1.06);}
  /* Udfold ved tryk */
  .f-more{max-height:0;overflow:hidden;opacity:0;transition:max-height .42s ease, opacity .3s ease, margin .42s ease;}
  .f-more p{font-size:13.5px;line-height:1.55;color:var(--ink-soft);}
  .fcard.open .f-more{max-height:240px;opacity:1;margin-top:12px;}
  .f-toggle{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:11.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--accent-deep);}
  .f-toggle i{position:relative;width:13px;height:13px;display:inline-block;}
  .f-toggle i::before,.f-toggle i::after{content:"";position:absolute;background:var(--accent-deep);border-radius:2px;transition:transform .3s ease, opacity .3s ease;}
  .f-toggle i::before{left:0;top:5.5px;width:13px;height:2px;}
  .f-toggle i::after{left:5.5px;top:0;width:2px;height:13px;}
  .fcard.open .f-toggle i::after{transform:rotate(90deg);opacity:0;}
  .fcard.open .f-toggle{color:var(--ink-muted);}

  /* ---- Accordion-variant af Funktioner ---- */
  .feat-accordion{display:flex;flex-direction:column;grid-template-columns:none;gap:0;margin-top:26px;max-width:860px;}
  .feat-accordion .fcard{width:100%;box-sizing:border-box;background:none;box-shadow:none;border-radius:0;padding:0;border-top:1px solid rgba(120,114,104,.16);transition:background .4s ease;}
  .feat-accordion .fcard:first-child{border-top:none;}
  .feat-accordion .fcard:hover{transform:none;}
  .feat-accordion .fcard:focus-visible{box-shadow:none;}
  .feat-accordion .fcard:focus-visible .fhead{box-shadow:inset 0 0 0 2px var(--accent);border-radius:14px;}
  .feat-accordion .fhead{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:19px 8px;}
  .feat-accordion .fic{margin-bottom:0;width:44px;height:44px;flex:none;font-size:19px;}
  .feat-accordion .fhead-text{min-width:0;}
  .feat-accordion .fhead-text h3{margin:0;font-size:16.5px;transition:color .35s ease;}
  .feat-accordion .fteaser{margin:3px 0 0;font-size:13.5px;color:var(--ink-soft);line-height:1.45;}
  .feat-accordion .fcard.active{transform:none;box-shadow:none;background:linear-gradient(90deg, rgba(224,138,30,.07), rgba(224,138,30,0) 62%);}
  .feat-accordion .fcard.active .fhead-text h3{color:var(--accent-deep);}
  .feat-accordion .f-toggle{margin-top:0;align-self:center;justify-self:end;}
  .feat-accordion .f-more{padding:0 10px 0 70px;}
  .feat-accordion .fcard.open .f-more{max-height:260px;opacity:1;margin-top:0;padding-bottom:20px;}
  .feat-accordion .fcard.open{background:linear-gradient(90deg, rgba(224,138,30,.05), rgba(224,138,30,0) 62%);}

  /* ---- Funktioner carousel (Devialet-inspireret) ---- */
  .feat-carousel{position:relative;margin-top:30px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:10px;}
  .fcar-viewport{overflow:hidden;padding:34px 0;}
  .fcar-track{display:flex;align-items:center;gap:32px;will-change:transform;transition:transform .6s cubic-bezier(.22,.61,.36,1);}
  .fcar-slide{flex:0 0 auto;width:min(340px,78vw);min-height:300px;box-sizing:border-box;background:var(--card);border-radius:28px;padding:30px;text-align:center;cursor:pointer;
    display:flex;flex-direction:column;justify-content:center;align-items:center;
    box-shadow:-9px -9px 22px var(--sh-light),10px 10px 26px var(--sh-dark);
    transform:scale(.82);opacity:.4;transition:transform .6s cubic-bezier(.22,.61,.36,1), opacity .6s ease, box-shadow .6s ease;}
  .fcar-slide.active{transform:scale(1);opacity:1;cursor:default;box-shadow:-12px -12px 30px var(--sh-light),14px 14px 34px var(--sh-dark),0 14px 34px rgba(194,118,26,.12);}
  .fcar-ic{width:64px;height:64px;margin:0 auto;border-radius:18px;display:flex;align-items:center;justify-content:center;background:var(--card);box-shadow:inset -4px -4px 9px var(--sh-light),inset 4px 4px 9px var(--sh-dark);color:var(--accent-deep);font-size:26px;transition:background .4s ease,color .4s ease,transform .4s ease;}
  .fcar-slide.active .fcar-ic{color:#fff;background:linear-gradient(135deg,#eaa03a,var(--accent-deep));box-shadow:0 8px 20px rgba(194,118,26,.32);transform:scale(1.05);}
  .fcar-slide h3{font-size:19px;font-weight:700;margin-top:18px;}
  .fcar-desc{max-height:0;opacity:0;overflow:hidden;transition:max-height .55s ease,opacity .4s ease,margin .55s ease;}
  .fcar-desc p{font-size:14px;line-height:1.55;color:var(--ink-soft);}
  .fcar-slide.active .fcar-desc{max-height:240px;opacity:1;margin-top:12px;}
  .fcar-nav{width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;background:var(--card);color:var(--ink-soft);font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:-6px -6px 14px var(--sh-light),6px 6px 16px var(--sh-dark);transition:transform .18s ease,color .2s ease,box-shadow .18s ease;z-index:2;}
  .fcar-nav:hover{color:var(--accent-deep);transform:scale(1.07);}
  .fcar-nav:active{transform:scale(.95);}
  .fcar-pager{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:16px;margin-top:10px;}
  .fcar-cur{font-family:'Cormorant Garamond',serif;font-size:34px;font-weight:700;color:var(--ink);line-height:1;min-width:42px;text-align:right;}
  .fcar-rail{position:relative;width:min(260px,42vw);height:2px;background:rgba(120,114,104,.22);border-radius:2px;overflow:hidden;}
  .fcar-rail-fill{position:absolute;left:0;top:0;height:100%;background:var(--accent-deep);border-radius:2px;transition:width .5s cubic-bezier(.22,.61,.36,1);}
  .fcar-total{font-size:13px;color:var(--ink-muted);letter-spacing:1px;}
  @media (max-width:600px){
    .feat-carousel{column-gap:2px;}
    .fcar-slide{width:76vw;padding:26px 22px;min-height:300px;}
    .fcar-track{gap:18px;}
    .fcar-nav{width:42px;height:42px;font-size:20px;}
    .fcar-cur{font-size:28px;}
  }

  /* ---------- BENEFITS ---------- */
  .bene{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;}
  .bene .bene-copy{position:relative;padding-top:54px;}
  .bene .bene-copy > *:not(.ghost2){position:relative;z-index:1;}
  .bene .ghost2{
    position:absolute;left:-6px;top:-24px;z-index:0;
    font-weight:700;font-size:168px;color:var(--ghost);letter-spacing:-.03em;line-height:.9;
    white-space:nowrap;user-select:none;pointer-events:none;mix-blend-mode:multiply;
  }
  .statgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;}
  .stat{background:var(--card);border-radius:20px;padding:20px;box-shadow:-6px -6px 14px var(--sh-light),6px 6px 16px var(--sh-dark);}
  .stat .big{font-family:'Cormorant Garamond',serif;font-size:30px;font-weight:700;color:var(--ink);}
  .stat .lbl{font-size:13px;color:var(--ink-soft);}

  /* ---------- FAQ ---------- */
  .faq{max-width:720px;margin:36px auto 0;}
  .qa{background:none;border-radius:0;box-shadow:none;margin-bottom:0;overflow:hidden;border-top:1px solid rgba(120,114,104,.16);}
  .qa:last-child{border-bottom:1px solid rgba(120,114,104,.16);}
  .qa summary{list-style:none;cursor:pointer;padding:20px 6px;font-weight:600;font-size:16px;display:flex;justify-content:space-between;align-items:center;gap:18px;}
  .qa summary::-webkit-details-marker{display:none;}
  .qa summary .pl{color:var(--accent);font-size:22px;flex:none;transition:transform .25s ease;}
  .qa[open] summary .pl{transform:rotate(45deg);}
  .qa .a{padding:0 6px 22px;color:var(--ink-soft);font-size:14.5px;line-height:1.55;}

  /* ---------- FINAL CTA ---------- */
  .cta-final{text-align:center;}
  .cta-card{background:var(--card);border-radius:34px;padding:66px 30px;box-shadow:-12px -12px 30px var(--sh-light),14px 14px 36px var(--sh-dark);max-width:820px;margin:0 auto;}
  .cta-card h2{font-size:42px;}
  .cta-card p{color:var(--ink-soft);margin:16px auto 30px;max-width:30em;}

  /* ---------- FOOTER ---------- */
  footer{padding:56px 0 40px;color:var(--ink-soft);font-size:13.5px;}
  .foot-in{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;align-items:flex-start;border-top:1px solid #dcd9d4;padding-top:34px;}
  footer .cols{display:flex;gap:60px;flex-wrap:wrap;}
  footer h4{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-muted);margin-bottom:12px;}
  footer a{display:block;color:var(--ink-soft);margin-bottom:8px;}
  footer a:hover{color:var(--ink);}
  .foot-legal{margin-top:30px;font-size:12px;color:var(--ink-muted);text-align:center;}

  /* ---------- CHAT WIDGET ---------- */
  #chatFab{position:fixed;right:24px;bottom:24px;z-index:80;width:62px;height:62px;border-radius:50%;cursor:pointer;border:none;background:var(--card);box-shadow:-6px -6px 14px var(--sh-light),7px 7px 18px var(--sh-dark);display:flex;align-items:center;justify-content:center;color:var(--accent-deep);transition:box-shadow .18s, transform .12s;}
  #chatFab:hover{transform:scale(1.05);}
  #chatFab .pdot{position:absolute;top:12px;right:12px;width:11px;height:11px;border-radius:50%;background:var(--accent);border:2px solid var(--bg);}
  #chatPanel{position:fixed;right:24px;bottom:98px;z-index:80;width:340px;max-width:calc(100vw - 40px);height:460px;max-height:70vh;background:var(--bg-2);border-radius:24px;box-shadow:-14px -14px 34px var(--sh-light),16px 16px 40px var(--sh-dark);display:none;flex-direction:column;overflow:hidden;}
  #chatPanel.open{display:flex;animation:pop .18s ease;}
  @keyframes pop{from{transform:translateY(10px);opacity:0;}to{transform:none;opacity:1;}}
  .chat-head{padding:16px 18px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #dcd9d4;}
  .chat-head .av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#eaa03a,var(--accent-deep));display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;}
  .chat-head .nm{font-weight:600;font-size:14px;}
  .chat-head .st{font-size:11px;color:#1d9e75;}
  .chat-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;}
  .msg{max-width:82%;padding:10px 13px;border-radius:14px;font-size:13.5px;line-height:1.45;}
  .msg.bot{align-self:flex-start;background:var(--card);box-shadow:-3px -3px 7px var(--sh-light),3px 3px 7px var(--sh-dark);}
  .msg.me{align-self:flex-end;background:linear-gradient(135deg,#eaa03a,var(--accent-deep));color:#fff;}
  .chips{display:flex;gap:8px;flex-wrap:wrap;padding:0 16px 8px;}
  .chip{font-size:12px;padding:7px 12px;border-radius:999px;background:var(--card);cursor:pointer;box-shadow:-3px -3px 7px var(--sh-light),3px 3px 7px var(--sh-dark);color:var(--ink-soft);}
  .chip:hover{color:var(--ink);}
  .chat-input{display:flex;gap:8px;padding:12px;border-top:1px solid #dcd9d4;}
  .chat-input input{flex:1;border:none;background:var(--card);border-radius:999px;padding:11px 15px;font:inherit;font-size:13.5px;color:var(--ink);box-shadow:inset -3px -3px 7px var(--sh-light),inset 3px 3px 7px var(--sh-dark);outline:none;}
  .chat-input button{border:none;cursor:pointer;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#eaa03a,var(--accent-deep));color:#fff;font-size:16px;}

  /* ---------- RESPONSIVE ---------- */
  @media (max-width:900px){
    .hero-grid,.band,.bene{grid-template-columns:1fr;}
    .ghost{font-size:150px;top:-40px;}
    .bene .bene-copy{padding-top:40px;}
    .bene .ghost2{font-size:104px;top:-14px;}
    h1{font-size:42px;}
    .feat{grid-template-columns:1fr 1fr;}
    .steps{grid-template-columns:1fr 1fr;}
    .flow-split{grid-template-columns:1fr;gap:26px;max-width:520px;margin:34px auto 0;}
    .flow-split .flow-visual{order:0;}
    .flow-split .steps-col{order:0;}
    .nav-links{display:none;}
    .preview{margin-top:28px;max-width:520px;justify-self:center;}
    .band .overtext{font-size:26px;left:20px;right:auto;}
    /* Stakket hero-visual: foto over, app-kort under - ingen overlap */
    .hero-photo{aspect-ratio:16/12;}
    .hero-photo img{object-position:70% 20%;}
    .device{position:static;left:auto;bottom:auto;width:100%;max-width:320px;margin:-40px auto 0;}
    .float-card{position:static;right:auto;top:auto;width:max-content;max-width:100%;margin:16px auto 0;}
  }
  @media (max-width:560px){
    .feat{grid-template-columns:1fr;}
    .steps{grid-template-columns:1fr;}
    .statgrid{grid-template-columns:1fr;}
    h1{font-size:34px;}
    .sec{padding:64px 0;}
    .foot-in{flex-direction:column;}
  }


/* --- Animationer --- */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease, transform .7s cubic-bezier(.2,.8,.2,1);}
.reveal.in{opacity:1;transform:none;}
.ghost{will-change:transform;}
@media (prefers-reduced-motion: reduce){
  .reveal{opacity:1 !important;transform:none !important;transition:none;}
  .ghost{transform:none !important;}
}

/* --- Mobil-optimering --- */
.btn{white-space:nowrap;}

/* Hamburger-knap (skjult på desktop) */
.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0;border:none;cursor:pointer;border-radius:14px;background:var(--card);box-shadow:-4px -4px 10px var(--sh-light),4px 4px 10px var(--sh-dark);}
.hamburger span{display:block;width:20px;height:2px;margin:0 auto;border-radius:2px;background:var(--ink);transition:transform .28s ease, opacity .2s ease;}
.hamburger.open{box-shadow:inset -3px -3px 7px var(--sh-light),inset 3px 3px 7px var(--sh-dark);}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.hamburger.open span:nth-child(2){opacity:0;}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* Mobil-menu-panel */
.mobile-menu{display:none;flex-direction:column;gap:6px;padding:0 20px;max-height:0;overflow:hidden;opacity:0;transition:max-height .32s ease, opacity .28s ease, padding .28s ease;}
.mobile-menu.open{max-height:340px;opacity:1;padding:8px 20px 20px;}
.mobile-menu a{padding:13px 6px;font-size:16px;color:var(--ink-soft);border-bottom:1px solid #ddd9d3;}
.mobile-menu a:active{color:var(--accent);}
.mobile-menu .btn.primary{margin-top:12px;justify-content:center;padding:14px 22px;font-size:15px;}

@media (max-width:640px){
  .wrap{padding:0 20px;}
  nav .nav-in{min-height:58px;gap:10px;}
  .brand .n{font-size:18px;letter-spacing:.3px;line-height:1.1;white-space:nowrap;}
  .brand .t{display:none;}
  .nav-links{display:none;}
  .nav-cta{display:none;}          /* stor knap fjernet fra topbjælken */
  .hamburger{display:flex;}         /* hamburger vises i stedet */
  .ghost{font-size:104px;top:-18px;left:-6px;}
  .bene .ghost2{font-size:82px;top:-10px;}
  .bene .bene-copy{padding-top:32px;}
  h1{font-size:32px;}
  .hero{padding:34px 0 56px;}
  .hero p.lead{font-size:15.5px;}
  .sec{padding:56px 0;}
  .sec h2{font-size:28px !important;}
  .band .overtext{font-size:24px;top:12px;left:16px;right:auto;}
  .cta-card{padding:44px 22px;}
  .cta-card h2{font-size:30px !important;}
  .trust{gap:14px;font-size:12px;}
  .fcard,.step{padding:22px;}
}
@media (max-width:640px){ .mobile-menu{display:flex;} }