@font-face{font-family:Inter;src:url(/fonts/inter-regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url(/fonts/inter-medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url(/fonts/inter-semibold.woff2) format("woff2");font-weight:600 700;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url(/fonts/is-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url(/fonts/is-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}

/* Farver samplet fra Coachway-referencerne */
:root{
  --forest:#223b2d; --forest-2:#294132; --forest-3:#374c3b; --forest-deep:#1b3528; --ink:#0a120d;
  --pine:#44735c; --sage:#a9bfb4; --moss:#2e5441;
  --gold:#efcf97; --gold-2:#e6bd72; --amber:#d9a54f;
  --cream:#f7f6f2; --cream-2:#efece3; --line:rgba(27,53,40,.12); --line-d:rgba(247,246,242,.14);
  --red:#e2604a;
  --r:28px; --r-s:16px;
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --serif:"Instrument Serif",Georgia,"Times New Roman",serif;
  --ease:cubic-bezier(.16,1,.3,1);
  --pad:clamp(18px,4.5vw,40px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto}
body{margin:0;background:var(--cream);color:var(--forest-deep);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block;height:auto}
picture{display:block}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:500;letter-spacing:-.025em;line-height:1.06}
p{margin:0}
em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em}
s{text-decoration-thickness:2px}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:99;background:#fff;padding:8px 12px;border-radius:8px}
.wrap{width:min(1200px,100%);margin:0 auto;padding:0 var(--pad)}
.small{font-size:14px;opacity:.75;margin-top:14px}

/* Buttons */
.btn{--bg:var(--gold);--fg:var(--forest-deep);display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:52px;padding:0 26px;border-radius:999px;border:0;background:var(--bg);color:var(--fg);font:600 16px/1 var(--sans);text-decoration:none;cursor:pointer;position:relative;overflow:hidden;isolation:isolate;transition:transform .5s var(--ease),box-shadow .5s var(--ease),background .3s}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -12px rgba(239,207,151,.7)}
.btn:active{transform:translateY(0) scale(.98)}
.btn .arr{transition:transform .5s var(--ease)}
.btn:hover .arr{transform:translateX(4px)}
.btn--gold{--bg:var(--gold)}
.btn--dark{--bg:var(--forest-deep);--fg:var(--cream)}
.btn--dark:hover{box-shadow:0 14px 30px -12px rgba(27,53,40,.6)}
.btn--sm{min-height:42px;padding:0 18px;font-size:14.5px}
.btn--block{width:100%;min-height:58px;font-size:17px}
.btn--shine::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);animation:shine 4.5s var(--ease) infinite 2s}
@keyframes shine{0%,60%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.btn[disabled]{opacity:.7;cursor:progress}
:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}

/* Nav (svævende pille) */
.nav{position:fixed;inset:12px 0 auto;z-index:50;padding:0 12px;pointer-events:none}
.nav__pill{pointer-events:auto;margin:0 auto;width:min(1120px,100%);display:flex;align-items:center;gap:14px;padding:8px 8px 8px 10px;border-radius:999px;background:rgba(10,18,13,.82);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border:1px solid rgba(255,255,255,.08);color:var(--cream);box-shadow:0 10px 40px -18px rgba(0,0,0,.6);transition:transform .6s var(--ease),padding .4s var(--ease),width .6s var(--ease)}
.nav.is-scrolled .nav__pill{width:min(980px,100%)}

.nav__brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:600;font-size:18px;letter-spacing:-.02em}
.nav__brand img{width:36px;height:36px;border-radius:10px}
.nav__links{display:none;gap:4px;margin-left:auto}
.nav__links a{text-decoration:none;font-size:14.5px;padding:9px 13px;border-radius:999px;opacity:.82;transition:background .3s,opacity .3s}
.nav__links a:hover{opacity:1;background:rgba(255,255,255,.08)}
.nav__cta{margin-left:auto}
.nav__burger{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:transparent;display:grid;place-content:center;gap:5px;cursor:pointer}
.nav__burger span{display:block;width:16px;height:1.5px;background:var(--cream);transition:transform .4s var(--ease)}
.nav__burger[aria-expanded=true] span:first-child{transform:translateY(3.25px) rotate(45deg)}
.nav__burger[aria-expanded=true] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}
.mnav{pointer-events:auto;margin:8px auto 0;width:min(1120px,100%);background:rgba(10,18,13,.94);backdrop-filter:blur(14px);border-radius:24px;padding:10px;display:grid;gap:2px;color:var(--cream)}
.mnav a{text-decoration:none;padding:14px 16px;border-radius:14px;font-size:17px}
.mnav a:not(.btn):hover{background:rgba(255,255,255,.06)}
.mnav .btn{margin-top:6px}
@media (max-width:420px){.nav__cta{padding:0 14px;font-size:13.5px}.nav__brand span{display:none}}
@media (min-width:1020px){.nav__links{display:flex}.nav__cta{margin-left:6px}.nav__burger,.mnav{display:none!important}}

/* Hero */
.hero{padding:8px}
.hero__panel{position:relative;border-radius:var(--r);background:radial-gradient(120% 90% at 85% 100%,#3f6b55 0%,transparent 55%),linear-gradient(170deg,var(--forest) 0%,var(--forest-2) 45%,var(--forest-3) 100%);color:var(--cream);overflow:hidden;padding:96px var(--pad) 40px}
.hero__glow{position:absolute;width:60vmax;height:60vmax;right:-20vmax;top:-25vmax;border-radius:50%;background:radial-gradient(circle,rgba(239,207,151,.16),transparent 60%);pointer-events:none;animation:breathe 9s ease-in-out infinite}
@keyframes breathe{50%{transform:scale(1.12) translate(-3%,4%)}}
.hero__grid{position:relative;width:min(1200px,100%);margin:0 auto;display:grid;gap:44px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--moss);margin-bottom:18px}
.eyebrow--dark{color:var(--gold)}
.eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 rgba(239,207,151,.6);animation:ping 2.2s infinite}
@keyframes ping{70%{box-shadow:0 0 0 10px rgba(239,207,151,0)}100%{box-shadow:0 0 0 0 rgba(239,207,151,0)}}
.chip{display:inline-grid;place-items:center;min-width:30px;height:24px;padding:0 8px;border-radius:999px;border:1px solid currentColor;font-size:11.5px;letter-spacing:.04em}
.hero__title{font-size:clamp(40px,10.5vw,84px);line-height:1.0;letter-spacing:-.035em;font-weight:500}
.hero__title .line{display:block;overflow:hidden;padding-bottom:.06em}
.hero__title .w{display:inline-block}
.hero__title em{color:var(--gold);font-size:1.08em;line-height:.9}
.hero__lead{margin-top:22px;max-width:36ch;font-size:clamp(16.5px,2vw,19px);line-height:1.6;color:rgba(247,246,242,.84)}

/* Buy card */
.buy{margin-top:28px;background:var(--cream);color:var(--forest-deep);border-radius:24px;padding:22px 20px 20px;box-shadow:0 30px 70px -30px rgba(0,0,0,.55);position:relative;max-width:560px}
.buy__price{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}
.buy__now{display:flex;align-items:flex-start;gap:4px;line-height:.82}
.buy__num{font:400 clamp(64px,15vw,84px)/.82 var(--serif);letter-spacing:-.02em}
.buy__cur{font:600 20px/1 var(--sans);margin-top:6px}
.buy__meta{display:grid;gap:6px;padding-bottom:4px}
.buy__was{font-size:15px;color:rgba(27,53,40,.6)}
.buy__was s{color:rgba(27,53,40,.75);text-decoration-color:var(--red)}
.buy__tag{display:inline-block;justify-self:start;background:var(--forest-deep);color:var(--gold);font-size:12.5px;font-weight:600;letter-spacing:.03em;padding:5px 10px;border-radius:999px}
.buy__free{display:flex;gap:10px;align-items:flex-start;margin:16px 0 18px;padding:12px 14px;border-radius:14px;background:#e8efe9;color:var(--forest-deep);font-size:15.5px;line-height:1.45}
.buy__free svg{flex:none;width:20px;height:20px;margin-top:1px;fill:none;stroke:var(--pine);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.buy__free strong{font-weight:700;letter-spacing:.02em}
.buy--big{padding:28px 22px 22px;max-width:none}
.buy__ribbon{position:absolute;top:18px;right:-6px;background:var(--gold);color:var(--forest-deep);font-weight:700;font-size:13px;padding:7px 14px 7px 16px;border-radius:999px 0 0 999px;box-shadow:0 8px 20px -10px rgba(0,0,0,.4)}

/* Form */
.pform{display:grid;gap:12px}
.pform__row{display:grid;gap:12px}
.fld{display:grid;gap:6px;font-size:13.5px;font-weight:600}
.fld i{font-style:normal;font-weight:400;opacity:.6}
.fld input{width:100%;height:52px;border-radius:14px;border:1.5px solid var(--line);background:#fff;padding:0 16px;font:400 16px var(--sans);color:var(--forest-deep);transition:border-color .25s,box-shadow .25s}
.fld input::placeholder{color:rgba(27,53,40,.38)}
.fld input:focus{outline:0;border-color:var(--pine);box-shadow:0 0 0 4px rgba(68,115,92,.16)}
.fld input[aria-invalid=true]{border-color:var(--red);box-shadow:0 0 0 4px rgba(226,96,74,.12)}
.seg{border:0;padding:0;margin:2px 0 4px;display:flex;flex-wrap:wrap;gap:8px}
.seg legend{font-size:13.5px;font-weight:600;margin-bottom:8px;padding:0}
.seg label{position:relative}
.seg input{position:absolute;opacity:0;inset:0;cursor:pointer}
.seg span{display:inline-block;padding:9px 14px;border-radius:999px;border:1.5px solid var(--line);font-size:14px;background:#fff;transition:all .25s var(--ease)}
.seg input:checked+span{background:var(--forest-deep);border-color:var(--forest-deep);color:var(--cream)}
.seg input:focus-visible+span{outline:2px solid var(--gold-2);outline-offset:2px}
.hp{position:absolute;left:-9999px;width:1px;height:1px}
.pform__fine{font-size:12.5px;line-height:1.5;color:rgba(27,53,40,.6);text-align:center}
.pform__err{font-size:14px;color:#b23b27;background:#fbe9e5;border-radius:12px;padding:10px 12px}
@media (min-width:520px){.pform__row{grid-template-columns:1fr 1fr}}
.thanks{text-align:center;padding:10px 4px 6px}
.thanks h3{font-size:24px;margin:14px 0 10px}
.thanks p{color:rgba(27,53,40,.75);font-size:15.5px}
.thanks__mail{margin-top:12px}
.thanks__check svg{width:64px;height:64px;margin:0 auto;fill:none;stroke:var(--pine);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.thanks__check circle{stroke-dasharray:151;stroke-dashoffset:151;animation:draw .9s var(--ease) forwards}
.thanks__check path{stroke-dasharray:40;stroke-dashoffset:40;animation:draw .6s var(--ease) .5s forwards}
@keyframes draw{to{stroke-dashoffset:0}}

/* Store badges */
.stores{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.store{display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 16px 0 12px;border-radius:12px;background:#000;color:#fff;border:1px solid rgba(255,255,255,.22);font:600 17px/1 var(--sans);letter-spacing:-.01em}
.store svg{width:26px;height:26px}
.store span{display:grid;gap:3px}
.store small{font:500 10.5px/1 var(--sans);letter-spacing:.02em;opacity:.8}
.stores--light .store{border-color:#000}

/* Hero visual + phones */
.hero__visual{position:relative;padding-bottom:110px}
.hero__photo{border-radius:22px;overflow:hidden;aspect-ratio:4/5;box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}
.hero__photo img,.aud__photo img{width:100%;height:115%;object-fit:cover;object-position:60% 50%}
.phones{position:absolute;inset:auto 0 0 0;height:420px;pointer-events:none}
.phone{--w:220px;position:absolute;width:var(--w);aspect-ratio:9/19.3;border-radius:38px;padding:9px;background:linear-gradient(145deg,#1d2a22,#050806 60%);box-shadow:0 0 0 1.5px #3a4a40 inset,0 40px 70px -25px rgba(0,0,0,.65),0 12px 24px -12px rgba(0,0,0,.5);will-change:transform}
.phone::before{content:"";position:absolute;right:-2px;top:22%;width:3px;height:56px;border-radius:2px;background:#2b3a31}
.phone--front{left:4%;bottom:0;rotate:-7deg}
.phone--back{right:2%;bottom:60px;rotate:8deg;--w:200px}
.hero__note{position:absolute;right:0;bottom:-6px;font-size:11.5px;color:rgba(247,246,242,.5)}
.hero__note--dark{position:static;color:rgba(27,53,40,.5);margin-top:16px;text-align:center}

/* App screens */
.scr{height:100%;border-radius:30px;overflow:hidden;background:var(--cream);color:var(--forest-deep);font-size:11px;line-height:1.35;display:flex;flex-direction:column;gap:8px;padding:0 10px 12px}
.scr--dark{background:#101a14;color:var(--cream)}
.scr__bar{display:flex;align-items:center;justify-content:space-between;padding:9px 8px 0;font-weight:600;font-size:10.5px}
.scr__isl{width:62px;height:18px;border-radius:12px;background:#000}
.scr__ic{font-size:6px;letter-spacing:1px}
.scr__head{display:flex;align-items:center;gap:8px;font-size:14px;padding:2px 2px 0}
.scr__head img{border-radius:7px}
.scr__cam{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16/10;background:#222}
.scr__cam img{width:100%;height:100%;object-fit:cover}
.scr__cam--tall{aspect-ratio:4/4.2}
.live{position:absolute;left:7px;top:7px;font-size:8.5px;font-weight:700;letter-spacing:.06em;color:#fff;background:rgba(0,0,0,.55);padding:3px 6px;border-radius:6px}
.live{animation:blink 2s steps(1) infinite}
@keyframes blink{50%{color:#ff8b76}}
.cam__lbl{position:absolute;left:7px;bottom:7px;font-size:9.5px;font-weight:600;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.box{position:absolute;left:34%;top:18%;width:40%;height:62%;border:1.5px solid var(--gold);border-radius:6px;box-shadow:0 0 0 999px rgba(0,0,0,.08);animation:track 4s ease-in-out infinite}
@keyframes track{50%{transform:translate(6%,4%) scale(.96)}}
.scr__ok,.scr__warn{display:flex;gap:9px;align-items:center;background:#e3ede6;border-radius:12px;padding:9px 10px}
.scr__ok i,.scr__warn i{flex:none;width:10px;height:10px;border-radius:50%;background:#3a9a6b;box-shadow:0 0 0 4px rgba(58,154,107,.2)}
.scr__warn{background:#fbf0d9}.scr__warn i{background:var(--amber);box-shadow:0 0 0 4px rgba(217,165,79,.25);animation:ping2 1.6s infinite}
@keyframes ping2{50%{box-shadow:0 0 0 7px rgba(217,165,79,.0)}}
.scr b{font-weight:600}
.scr small{display:block;opacity:.6;font-size:9.5px}
.scr__stats{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.scr__stats div{background:#fff;border-radius:12px;padding:8px 9px}
.scr__stats b{font-size:13px}
.scr__bars{display:flex;align-items:flex-end;gap:3px;height:38px;padding:0 2px}
.scr__bars i{flex:1;height:var(--h);border-radius:3px;background:linear-gradient(var(--pine),#7fa891);transform-origin:bottom;animation:grow 1.4s var(--ease) both}
.scr__bars i:nth-child(odd){animation-delay:.15s}
@keyframes grow{from{transform:scaleY(.1)}}
.scr__row{display:flex;align-items:center;gap:8px;background:#fff;border-radius:12px;padding:7px 9px}
.scr__row .av{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--sage);color:var(--forest-deep);font-weight:700;font-size:10px}
.scr__row div{flex:1}
.scr__row em{font:700 9px/1 var(--sans);padding:4px 7px;border-radius:999px;background:#e3ede6;color:#2d7a55}
.scr__row em.warn{background:#fbf0d9;color:#9a6512}
.scr__row.warn{box-shadow:0 0 0 1.5px var(--amber) inset}
.scr__alert{position:relative;background:linear-gradient(135deg,#5a2a22,#3a1c17);border-radius:14px;padding:10px 10px 10px 30px;margin-top:4px}
.scr__alert small{opacity:.75;letter-spacing:.08em;font-weight:700}
.scr__alert b{display:block;font-size:12.5px;margin-top:2px}
.pulse{position:absolute;left:11px;top:14px;width:10px;height:10px;border-radius:50%;background:#ff7a63;animation:ping3 1.2s infinite}
@keyframes ping3{0%{box-shadow:0 0 0 0 rgba(255,122,99,.7)}100%{box-shadow:0 0 0 10px rgba(255,122,99,0)}}
.scr__clip{display:flex;gap:9px;align-items:center;background:rgba(255,255,255,.07);border-radius:12px;padding:8px 10px}
.scr__clip>span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--forest-deep);font-size:10px}
.scr__cta{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:auto}
.scr__cta span{text-align:center;padding:10px 4px;border-radius:999px;font-weight:700;font-size:10.5px}
.scr__cta .g{background:var(--gold);color:var(--forest-deep)}
.scr__cta .o{border:1px solid rgba(255,255,255,.25)}
.scr__tl{list-style:none;margin:0;padding:0 2px;display:grid;gap:7px}
.scr__tl li{display:flex;gap:8px;font-size:10.5px;padding-left:12px;position:relative}
.scr__tl li::before{content:"";position:absolute;left:0;top:4px;width:6px;height:6px;border-radius:50%;background:var(--pine)}
.scr__tl span{font-weight:700;min-width:30px}
.scr__sum{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.scr__sum div{background:#fff;border-radius:12px;padding:8px;text-align:center}
.scr__sum b{font-size:14px}
.scr__sum .w b{color:#9a6512}

/* Marquee */
.marquee{overflow:hidden;padding:22px 0;border-bottom:1px solid var(--line);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee__track{display:flex;gap:28px;width:max-content;animation:marq 38s linear infinite;align-items:center}
.marquee span{font:400 clamp(24px,4vw,36px)/1 var(--serif);font-style:italic;white-space:nowrap;color:var(--forest-deep)}
.marquee i{color:var(--amber);font-style:normal;font-size:16px}
.marquee:hover .marquee__track{animation-play-state:paused}
@keyframes marq{to{transform:translateX(-50%)}}

/* Sections */
.sec{padding:clamp(72px,11vw,140px) 0;position:relative}
.sec--cream2{background:var(--cream-2)}
.sec--forest{background:linear-gradient(175deg,var(--forest) 0%,var(--forest-deep) 100%);color:var(--cream);overflow:hidden}
.sec--forest .lead{color:rgba(247,246,242,.8)}
.sec--forest .h2 em{color:var(--gold)}
.sec__head{max-width:760px;margin-bottom:clamp(36px,6vw,64px)}
.h2{font-size:clamp(34px,6.2vw,62px);letter-spacing:-.035em}
.h2 em{color:var(--moss);font-size:1.06em}
.lead{margin-top:18px;font-size:clamp(16.5px,1.8vw,19px);color:rgba(27,53,40,.75);max-width:52ch}

/* Steps */
.steps{display:grid;gap:22px}
.step{background:#fff;border-radius:var(--r);padding:12px 12px 26px;box-shadow:0 1px 0 var(--line);transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.step:hover{transform:translateY(-6px);box-shadow:0 30px 60px -35px rgba(27,53,40,.45)}
.step__img{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:16/11}
.step__img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.step:hover .step__img img{transform:scale(1.05)}
.scan{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(239,207,151,.0) 40%,rgba(239,207,151,.45) 50%,transparent 52%);background-size:100% 220%;animation:scan 3.6s linear infinite;mix-blend-mode:screen}
@keyframes scan{from{background-position:0 120%}to{background-position:0 -120%}}
.step__n{display:block;font:400 italic 44px/1 var(--serif);color:var(--amber);margin:20px 14px 6px}
.step h3{font-size:23px;margin:0 14px 8px}
.step p{margin:0 14px;color:rgba(27,53,40,.72)}
@media (min-width:900px){.steps{grid-template-columns:repeat(3,1fr)}.step:nth-child(2){transform:translateY(40px)}.step:nth-child(2):hover{transform:translateY(34px)}}

/* Audience */
.aud__grid{display:grid;gap:48px;align-items:center}
.aud__media{position:relative;padding:0 0 70px}
.aud__photo{border-radius:var(--r);overflow:hidden;aspect-ratio:4/4.4;box-shadow:0 40px 80px -45px rgba(0,0,0,.55)}
.aud .phone--float{right:8px;bottom:0;--w:min(210px,52vw);rotate:6deg}
.aud--rev .phone--float{right:auto;left:8px;rotate:-6deg}
.ticks{list-style:none;padding:0;margin:28px 0 30px;display:grid;gap:14px}
.ticks li{position:relative;padding-left:36px;color:rgba(27,53,40,.78)}
.ticks li strong{color:var(--forest-deep);font-weight:600}
.ticks li::before{content:"";position:absolute;left:0;top:2px;width:24px;height:24px;border-radius:50%;background:var(--forest-deep) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23efcf97' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 7 10 16l-4-4'/%3E%3C/svg%3E") center/14px no-repeat}
.ticks--light li{color:rgba(247,246,242,.78)}
.ticks--light li strong{color:var(--cream)}
.ticks--light li::before{background-color:var(--gold);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231b3528' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 7 10 16l-4-4'/%3E%3C/svg%3E")}
@media (min-width:900px){.aud__grid{grid-template-columns:1.05fr 1fr;gap:80px}.aud--rev .aud__media{order:2}.aud .phone--float{right:-30px}.aud--rev .phone--float{left:-30px}}

/* Watch cards */
.watch__bg{position:absolute;inset:-10% 0;opacity:.22}
.watch__bg img{width:100%;height:100%;object-fit:cover}
.watch::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--forest) 0%,rgba(34,59,45,.6) 40%,var(--forest-deep) 100%);pointer-events:none}
.watch .wrap{position:relative;z-index:1}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.card{background:rgba(247,246,242,.06);border:1px solid var(--line-d);border-radius:22px;padding:20px 18px;backdrop-filter:blur(6px);transition:background .4s,transform .6s var(--ease),border-color .4s}
.card:hover{background:rgba(239,207,151,.1);border-color:rgba(239,207,151,.4);transform:translateY(-4px)}
.card svg{width:30px;height:30px;fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:16px}
.card h3{font-size:18px;margin-bottom:6px}
.card p{font-size:14.5px;color:rgba(247,246,242,.7)}
.disclaimer{margin-top:28px;font-size:14px;color:rgba(247,246,242,.6);max-width:60ch}
@media (max-width:560px){.card{padding:16px 14px;border-radius:18px}.card h3{font-size:16px}.card p{font-size:13.5px}.card svg{width:26px;height:26px;margin-bottom:12px}}
@media (min-width:900px){.cards{grid-template-columns:repeat(4,1fr);gap:16px}.card{padding:26px 22px}}

/* Cascade */
.cascade__grid{display:grid;gap:48px;align-items:center}
.ladder{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:4px;position:relative}
.ladder::before{content:"";position:absolute;left:21px;top:20px;bottom:20px;width:2px;background:linear-gradient(var(--gold),var(--pine))}
.ladder li{display:flex;gap:16px;align-items:flex-start;padding:12px 0;position:relative}
.ladder li>span{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--forest-deep);color:var(--gold);font:400 italic 22px/1 var(--serif);box-shadow:0 0 0 6px var(--cream)}
.ladder strong{font-size:18px;font-weight:600}
.ladder p{color:rgba(27,53,40,.7)}
.cascade__visual{position:relative;display:grid;justify-items:center;gap:18px}
.call{width:min(330px,100%);aspect-ratio:9/12;border-radius:36px;background:radial-gradient(120% 80% at 50% 0%,#3c6450,var(--forest-deep) 70%);color:var(--cream);display:grid;justify-items:center;align-content:center;gap:8px;padding:30px;position:relative;overflow:hidden;box-shadow:0 50px 90px -40px rgba(27,53,40,.8)}
.call img{border-radius:16px;position:relative;z-index:1}
.call__ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-78%)}
.call__ring i{position:absolute;left:-60px;top:-60px;width:120px;height:120px;border-radius:50%;border:1.5px solid rgba(239,207,151,.5);animation:ring 2.4s var(--ease) infinite}
.call__ring i:nth-child(2){animation-delay:.8s}.call__ring i:nth-child(3){animation-delay:1.6s}
@keyframes ring{from{transform:scale(.5);opacity:1}to{transform:scale(2.4);opacity:0}}
.call__t{font-size:24px;font-weight:500;margin-top:18px;letter-spacing:-.02em}
.call__s{opacity:.7}
.call__btns{display:flex;gap:12px;margin-top:22px}
.call__btns span{padding:12px 18px;border-radius:999px;font-weight:600;font-size:14px}
.call__btns .no{background:rgba(255,255,255,.1)}
.call__btns .yes{background:var(--gold);color:var(--forest-deep);animation:nudge 2.4s var(--ease) infinite}
@keyframes nudge{0%,80%,100%{transform:none}86%{transform:translateX(-3px) rotate(-2deg)}92%{transform:translateX(3px) rotate(2deg)}}
.toast{width:min(340px,96%);background:#fff;border-radius:18px;padding:14px 16px 14px 48px;position:relative;box-shadow:0 20px 50px -25px rgba(27,53,40,.5);margin-top:-60px;z-index:2}
.toast::before{content:"";position:absolute;left:16px;top:17px;width:20px;height:20px;border-radius:50%;background:#3a9a6b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 7 10 16l-4-4'/%3E%3C/svg%3E") center/12px no-repeat}
.toast b{display:block}
.toast span{font-size:13.5px;color:rgba(27,53,40,.65)}
@media (min-width:900px){.cascade__grid{grid-template-columns:1fr 1fr;gap:80px}}

/* Why */
.why__grid{display:grid;gap:12px}
.why__card{border-top:1px solid var(--line-d);padding:24px 0 8px}
.why__card h3{font-size:21px;margin-bottom:8px}
.why__card p{color:rgba(247,246,242,.7)}
.pasture{position:relative;margin-top:56px;border-radius:var(--r);overflow:hidden;aspect-ratio:16/10}
.pasture img{width:100%;height:100%;object-fit:cover;transform:scale(1.12)}
.pasture p{position:absolute;left:0;right:0;bottom:0;padding:60px 24px 22px;background:linear-gradient(transparent,rgba(10,18,13,.75));font-size:clamp(22px,3.6vw,40px);letter-spacing:-.02em}
.pasture em{color:var(--gold)}
@media (min-width:800px){.why__grid{grid-template-columns:repeat(4,1fr);gap:28px}.pasture{aspect-ratio:21/8}}

/* Price */
.price__grid{display:grid;gap:44px;align-items:center}
@media (min-width:960px){.price__grid{grid-template-columns:1fr 1fr;gap:72px}}
.price .buy--big{box-shadow:0 50px 100px -50px rgba(27,53,40,.6),0 0 0 1px var(--line)}

/* FAQ */
.faq__grid{display:grid;gap:36px}
@media (min-width:960px){.faq__grid{grid-template-columns:.8fr 1.2fr;gap:72px}.faq__grid>div:first-child{position:sticky;top:110px;align-self:start}}
.faq__list{display:grid;gap:10px}
.qa{background:#fff;border-radius:20px;border:1px solid var(--line);overflow:hidden;transition:box-shadow .4s}
.qa[open]{box-shadow:0 20px 50px -35px rgba(27,53,40,.45)}
.qa summary{list-style:none;cursor:pointer;padding:20px 56px 20px 22px;font-weight:600;font-size:17px;position:relative}
.qa summary::-webkit-details-marker{display:none}
.qa summary span{position:absolute;right:18px;top:50%;width:26px;height:26px;margin-top:-13px;border-radius:50%;background:var(--cream-2)}
.qa summary span::before,.qa summary span::after{content:"";position:absolute;left:8px;top:12.25px;width:10px;height:1.5px;background:var(--forest-deep);transition:transform .4s var(--ease)}
.qa summary span::after{transform:rotate(90deg)}
.qa[open] summary span::after{transform:rotate(0)}
.qa__a{padding:0 22px 22px;color:rgba(27,53,40,.75)}
.faq a{color:var(--moss)}

/* Footer */
.foot{background:var(--ink);color:var(--cream);padding:56px 0 calc(110px + env(safe-area-inset-bottom))}
.foot__grid{display:grid;gap:26px}
.foot__brand{display:flex;gap:14px;align-items:center}
.foot__brand img{border-radius:14px}
.foot__links{display:flex;flex-wrap:wrap;gap:10px 24px}
.foot__links a{text-decoration:none;opacity:.8}.foot__links a:hover{opacity:1;color:var(--gold)}
.foot__fine{font-size:12.5px;opacity:.5;max-width:80ch}
@media (min-width:900px){.foot{padding-bottom:56px}.foot__grid{grid-template-columns:1fr auto;align-items:center}.foot__fine{grid-column:1/-1}}

/* Sticky mobile CTA */
.sticky{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 18px;border-radius:999px;background:rgba(10,18,13,.92);backdrop-filter:blur(12px);color:var(--cream);transform:translateY(150%);transition:transform .6s var(--ease);box-shadow:0 20px 40px -20px rgba(0,0,0,.6)}
.sticky.show{transform:none}
.sticky b{font:400 26px/1 var(--serif);color:var(--gold)}
.sticky s{opacity:.55;font-size:14px;margin-left:4px}
.sticky span{display:block;font-size:12px;opacity:.7}
@media (min-width:900px){.sticky{display:none}}

/* Desktop hero */
@media (min-width:960px){
  .hero{padding:12px}
  .hero__panel{padding:130px var(--pad) 70px}
  .hero__grid{grid-template-columns:1.02fr 1fr;gap:56px;align-items:start}
  .hero__visual{padding:0 0 0;margin-top:10px;height:100%}
  .hero__photo{aspect-ratio:auto;height:calc(100% - 40px);min-height:640px;border-radius:26px}
  .phones{height:100%;inset:0}
  .phone--front{--w:240px;left:-70px;bottom:-10px}
  .phone--back{--w:215px;right:-30px;bottom:auto;top:46%}
  .hero__note{bottom:6px;right:12px}
}
@media (min-width:1280px){.phone--front{left:-90px}}

/* Reveal init (only when JS + motion) */
.js .reveal,.js .reveal-list>li,.js .reveal-pop{opacity:0;transform:translateY(28px)}
.js .reveal-pop{transform:translateY(40px) scale(.96)}
.js .hero__title .w{transform:translateY(105%)}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .reveal,.js .reveal-list>li,.js .reveal-pop,.js .hero__title .w{opacity:1!important;transform:none!important}
}

/* Fill-fixes for media frames */
.hero__photo,.aud__photo,.step__img,.pasture,.watch__bg{position:relative}
.hero__photo picture,.aud__photo picture,.step__img picture,.pasture picture,.watch__bg picture{position:absolute;inset:0;height:100%}
.hero__photo img,.aud__photo img,.pasture img,.watch__bg img{position:absolute;left:0;top:-9%;width:100%;height:118%;object-fit:cover}
.step__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero__photo img{object-position:62% 50%}
.watch__bg{opacity:.3}
#saadan{padding-bottom:clamp(40px,6vw,80px)}
#hesteejere{padding-top:clamp(56px,8vw,110px)}
@media (min-width:960px){
  .hero__grid{align-items:stretch}
  .hero__visual{display:flex;flex-direction:column}
  .hero__photo{flex:1;height:auto;min-height:620px}
  .phone--front{left:-34px;bottom:-24px}
  .phone--back{right:-28px;top:34%}
}
@media (min-width:1280px){.phone--front{left:-46px}}
.mnav[hidden]{display:none}
html,body{overflow-x:clip}
.hide-s{display:none}
@media (min-width:600px){.hide-s{display:inline}}
.hero__photo img{object-position:50% 40%}
[hidden]{display:none!important}
.hero__photo img{top:-3%;height:106%;object-position:56% 45%}
@media (min-width:960px){.hero__photo{min-height:600px}}
@media (min-width:960px){
  .hero__grid{grid-template-columns:.96fr 1.04fr;align-items:start}
  .hero__visual{display:block;height:auto;padding-bottom:150px;margin-top:0}
  .hero__photo{flex:none;aspect-ratio:1/1.08;min-height:0;height:auto}
  .hero__photo img{object-position:54% 45%}
  .phone--front{left:-40px;bottom:0}
  .phone--back{right:-24px;top:auto;bottom:90px}
  .hero__note{bottom:0;right:0}
}
@media (min-width:960px){.phone--front{left:-6px}}

/* ===================== v2 (John feedback 18/10) ===================== */
/* 3. Lys, grålig frosted-glass nav */
.nav__pill{background:rgba(236,238,234,.52);color:var(--forest-deep);border:1px solid rgba(255,255,255,.55);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);box-shadow:0 10px 34px -18px rgba(10,18,13,.45),inset 0 1px 0 rgba(255,255,255,.6)}
.nav__links a{opacity:.85}
.nav__links a:hover{background:rgba(255,255,255,.45)}
.nav__burger{border-color:rgba(27,53,40,.2)}
.nav__burger span{background:var(--forest-deep)}
.mnav{background:rgba(236,238,234,.82);color:var(--forest-deep);border:1px solid rgba(255,255,255,.6);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);box-shadow:0 20px 40px -20px rgba(10,18,13,.4)}
.mnav a:not(.btn):hover{background:rgba(255,255,255,.5)}

/* 2 + 5. Fuldbredde hero, præcis én skærmhøjde */
.hero{position:relative;padding:84px var(--pad) 22px;min-height:100vh;min-height:100svh;display:flex;align-items:center;overflow:hidden;color:var(--cream);background:radial-gradient(120% 90% at 85% 100%,#3f6b55 0%,transparent 55%),linear-gradient(170deg,var(--forest) 0%,var(--forest-2) 45%,var(--forest-3) 100%)}
.hero__bg{position:absolute;inset:0;opacity:.22}
.hero__bg picture{position:absolute;inset:0}
.hero__bg img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(34,59,45,.55),rgba(34,59,45,.85))}
.hero__grid{position:relative;z-index:1;width:min(1240px,100%);margin:0 auto;display:grid;gap:20px}
.hero .eyebrow{margin-bottom:12px;font-size:12px}
.hero__title{font-size:clamp(34px,10vw,46px)}
.hero__lead{margin-top:12px;font-size:15.5px;line-height:1.5;max-width:40ch}
.hero .stores{margin-top:16px}
.hero .store{height:42px;font-size:15px;padding:0 13px 0 10px}
.hero .store svg{width:22px;height:22px}
.hero__side{position:relative;display:flex;justify-content:flex-end}
.buy--hero{margin-top:0;width:100%;max-width:440px;padding:16px 16px 14px;position:relative;z-index:2}
.buy--hero .buy__num{font-size:58px}
.buy--hero .buy__free{margin:12px 0 12px;padding:10px 12px;font-size:14.5px}
.pform--compact{gap:9px}
.pform--compact .pform__row{gap:9px}
.pform--compact .fld>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.pform--compact .fld input{height:48px}
.pform--compact .btn--block{min-height:52px;font-size:16px}
.pform--compact .seg{margin:0;gap:6px;align-items:center}
.pform--compact .seg legend{float:left;margin:0 4px 0 0;font-size:12.5px;padding-top:8px}
.pform--compact .seg span{padding:6px 11px;font-size:13px}
.pform--compact .pform__fine{font-size:11.5px}
.pform--compact .fld--opt,.pform--compact .seg--opt{display:none}
.phone--hero{display:none}
.hero .stores{order:3}
@media (max-width:959px){
  /* mobil: tekst -> formular -> badges, alt i første skærm */
  .hero__grid{display:flex;flex-direction:column}
  .hero__copy{display:contents}
  .hero__copy>.eyebrow,.hero__title,.hero__lead{order:0}
  .hero__side{order:1;margin-top:6px}
  .hero .stores{order:2;margin-top:4px;justify-content:center}
}
@media (max-height:700px) and (max-width:959px){.hero__lead{display:none}}
@media (min-width:960px){
  .hero{padding:96px var(--pad) 40px}
  .hero__bg{left:40%;opacity:1;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 38%);mask-image:linear-gradient(90deg,transparent 0%,#000 38%)}
  .hero__bg::after{background:linear-gradient(90deg,rgba(34,59,45,.65),rgba(34,59,45,.15) 60%,rgba(34,59,45,.35))}
  .hero__grid{grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
  .hero__title{font-size:clamp(46px,min(5.3vw,8.4vh),86px)}
  .hero__lead{font-size:clamp(16px,min(1.4vw,2.3vh),19px);margin-top:18px}
  .hero .eyebrow{font-size:13px;margin-bottom:16px}
  .hero .stores{margin-top:24px}
  .buy--hero{max-width:420px;padding:20px 20px 16px}
  .buy--hero .buy__num{font-size:clamp(56px,8vh,76px)}
  .pform--compact .fld--opt{display:grid}
  .phone--hero{display:block;position:absolute;left:-14px;top:50%;--w:210px;margin-top:-220px;rotate:-9deg;z-index:1}
}
@media (min-width:960px) and (min-height:780px){.pform--compact .seg--opt{display:flex}}
@media (min-width:1280px){.phone--hero{left:-30px;--w:225px;margin-top:-240px}}

/* 1 + 4. Lyse telefoner og lys app overalt */
.phone{background:linear-gradient(145deg,#fdfdfb 0%,#e6e9e5 55%,#d7dbd6 100%);box-shadow:inset 0 0 0 1.5px #c6ccc6,inset 0 0 0 4px rgba(255,255,255,.7),0 40px 70px -30px rgba(10,18,13,.45),0 12px 24px -14px rgba(10,18,13,.3)}
.phone::before{background:#cdd2cc}
.scr__isl{background:#1f2722;width:54px;height:15px}
.scr__alert{background:#fdeee9;color:#7a2a1c;border:1px solid #f4cfc4;padding:10px 10px 10px 30px;margin-top:0}
.scr__alert small{opacity:.8}
.scr__clip{background:#fff}
.scr__cta{margin-top:auto}
.scr__cta .o{border:1px solid var(--line);color:var(--forest-deep);background:#fff}
.call{background:linear-gradient(180deg,#ffffff,#eef3ef);color:var(--forest-deep);box-shadow:0 0 0 1px var(--line),0 50px 90px -40px rgba(27,53,40,.5)}
.call__ring i{border-color:rgba(68,115,92,.4)}
.call__btns .no{background:var(--cream-2)}
.call__s{opacity:.6}
.pform--compact .seg legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.pform--compact .seg{flex-wrap:nowrap}
@media (max-width:959px){
  .hero{padding:76px var(--pad) 14px}
  .hero__title{font-size:clamp(32px,9.6vw,44px)}
  .hero__lead{font-size:15px;margin-top:10px}
  .hero .eyebrow{margin-bottom:10px}
  .buy--hero{padding:14px 14px 12px}
  .buy--hero .buy__num{font-size:52px}
  .buy--hero .buy__free{margin:10px 0;padding:9px 11px;font-size:14px}
  .hero .store{height:40px}
  .hero .stores{margin-top:2px}
}
@media (max-width:959px) and (max-height:860px){.pform--compact .pform__fine{display:none}}
@media (max-width:959px) and (max-height:700px){.hero .stores{display:none}.buy--hero .buy__num{font-size:46px}.hero__title{font-size:30px}}

/* v2b: plan-valg, antal heste, total */
.plan{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.plan legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.plan label{position:relative;display:block}
.plan input{position:absolute;opacity:0;inset:0;cursor:pointer;z-index:1}
.plan span{display:grid;gap:2px;height:100%;padding:10px 12px;border-radius:14px;border:1.5px solid var(--line);background:#fff;transition:all .3s var(--ease)}
.plan b{font-size:14.5px;font-weight:600;line-height:1.2}
.plan small{font-size:12.5px;opacity:.65}
.plan input:checked+span{border-color:var(--forest-deep);background:var(--forest-deep);color:var(--cream);box-shadow:0 10px 24px -14px rgba(27,53,40,.7)}
.plan input:checked+span small{opacity:.8;color:var(--gold)}
.plan input:focus-visible+span{outline:2px solid var(--gold-2);outline-offset:2px}
.pform__qty{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
.fld--sel select{width:100%;height:48px;border-radius:14px;border:1.5px solid var(--line);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231b3528' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 12px center/16px no-repeat;padding:0 36px 0 14px;font:500 15.5px var(--sans);color:var(--forest-deep);appearance:none;-webkit-appearance:none;cursor:pointer}
.fld--sel select:focus{outline:0;border-color:var(--pine);box-shadow:0 0 0 4px rgba(68,115,92,.16)}
.pform--compact .fld--sel>span,.fld--sel>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.total{text-align:right;line-height:1.15}
.total b{display:block;font:400 30px/1 var(--serif);color:var(--forest-deep)}
.total small{font-size:11.5px;color:rgba(27,53,40,.6);white-space:nowrap}
.total s{text-decoration-color:var(--red)}
.enterprise{font-size:13.5px;line-height:1.45;background:#fbf0d9;color:#6e4a10;border-radius:12px;padding:10px 12px}
.enterprise a{color:inherit;font-weight:600}
.pform--compact .pform__row{grid-template-columns:1fr 1fr}
.buy__was s{margin-left:4px}
@media (max-width:959px){.plan span{padding:8px 10px}.plan b{font-size:13.5px}.total b{font-size:26px}}
@media (max-width:959px){
  .hero__lead{font-size:14.5px;line-height:1.45}
  .buy--hero .buy__num{font-size:46px}
  .buy--hero .buy__price{gap:12px}
  .plan span{padding:7px 10px}
  .pform--compact{gap:8px}
  .hero__title{line-height:.98}
}
@media (max-width:959px){.hero{padding-bottom:8px}}

/* ===================== v3: ren hero + separat reservations-sektion ===================== */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.btn--lg{min-height:58px;padding:0 30px;font-size:17px}
.hero{background:radial-gradient(70% 80% at 78% 55%,rgba(68,115,92,.55) 0%,transparent 70%),linear-gradient(165deg,#1f3729 0%,var(--forest) 40%,var(--forest-3) 100%)}
.hero__glow{left:auto;right:8%;top:50%;width:46vmax;height:46vmax;margin-top:-23vmax;background:radial-gradient(circle,rgba(239,207,151,.18),transparent 62%)}
.hero__grid{display:grid;gap:0}
.hero__copy{display:block}
.hero__lead{max-width:36ch}
/* price highlight */
.hprice{display:flex;align-items:center;gap:14px;margin-top:26px}
.hprice__now{font:400 64px/.8 var(--serif);color:var(--cream);letter-spacing:-.02em;display:flex;align-items:flex-start;gap:4px}
.hprice__now small{font:600 17px/1 var(--sans);margin-top:4px}
.hprice__meta{display:grid;gap:4px;font-size:14px;color:rgba(247,246,242,.75);line-height:1.2}
.hprice__meta s{font-size:15px;color:rgba(247,246,242,.6);text-decoration-color:var(--red)}
.hprice__tag{align-self:center;background:var(--gold);color:var(--forest-deep);font-weight:700;font-size:13px;padding:6px 10px;border-radius:999px}
.hcta{margin-top:22px;display:grid;gap:12px;justify-items:start}
.hcta__note{display:flex;gap:8px;align-items:center;font-size:14.5px;color:rgba(247,246,242,.85)}
.hcta__note svg{flex:none;width:18px;height:18px;fill:none;stroke:var(--gold);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.hero .stores{margin-top:22px}
/* device */
.hero__device{position:relative;display:grid;place-items:center}
.device{--s:1.3;position:relative;width:calc(220px * var(--s));height:calc(472px * var(--s));z-index:1}
.device .phone{position:absolute;left:0;top:0;--w:220px;transform-origin:0 0;scale:var(--s);rotate:0deg;animation:float 7s ease-in-out infinite;box-shadow:inset 0 0 0 1.5px #c6ccc6,inset 0 0 0 4px rgba(255,255,255,.75),0 50px 90px -40px rgba(5,12,8,.75),0 20px 40px -24px rgba(5,12,8,.5)}
@keyframes float{50%{translate:0 -10px}}
.rings{position:absolute;inset:50% auto auto 50%;width:0;height:0}
.rings i{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(239,207,151,.16);translate:-50% -50%}
.rings i:nth-child(1){width:440px;height:440px}
.rings i:nth-child(2){width:620px;height:620px;border-color:rgba(239,207,151,.10)}
.rings i:nth-child(3){width:800px;height:800px;border-color:rgba(239,207,151,.06)}
/* home screen */
.ap{gap:7px}
.ap__hi{display:flex;justify-content:space-between;align-items:center;padding:4px 2px 0}
.ap__hi b{font-size:15px;letter-spacing:-.02em}
.ap__hi img{border-radius:9px}
.ap__tabs{display:flex;gap:5px}
.ap__tabs span{padding:4px 10px;border-radius:999px;background:#fff;font-weight:600;font-size:10px;border:1px solid var(--line)}
.ap__tabs .on{background:var(--forest-deep);color:var(--cream);border-color:var(--forest-deep)}
.ap__cam{aspect-ratio:16/11}
.ap__box{position:absolute;left:38%;top:36%;width:40%;height:38%;border:1.5px solid var(--gold);border-radius:6px;animation:track 5s ease-in-out infinite}
.ap__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.ap__stats div{background:#fff;border-radius:11px;padding:7px 8px}
.ap__stats b{font-size:12px}
.ap__chart{background:#fff;border-radius:12px;padding:8px 9px 6px}
.ap__chart .scr__bars{height:34px;margin-top:5px;padding:0}
.ap__nav{margin-top:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:#fff;border-radius:16px;padding:8px 4px;text-align:center;font-size:9px;font-weight:600;color:rgba(27,53,40,.5);box-shadow:0 -1px 0 var(--line)}
.ap__nav .on{color:var(--forest-deep)}
.ap__nav span::before{content:"";display:block;width:14px;height:14px;margin:0 auto 3px;border-radius:5px;background:currentColor;opacity:.25}
.ap__nav .on::before{opacity:1;background:var(--pine)}
@media (min-width:960px){
  .hero{padding:104px var(--pad) 48px}
  .hero__grid{grid-template-columns:1.08fr .92fr;align-items:center;gap:40px}
  .hero__title{font-size:clamp(48px,min(5.4vw,8.6vh),88px)}
  .hprice__now{font-size:clamp(56px,8vh,72px)}
}
@media (min-width:960px) and (max-height:860px){.device{--s:1.18}.hero .stores{margin-top:18px}}
@media (min-width:960px) and (max-height:780px){.device{--s:1.06}.hprice{margin-top:18px}.hcta{margin-top:16px}}
@media (min-width:960px) and (min-height:960px){.device{--s:1.45}}
@media (max-width:959px){
  .hero{padding:78px var(--pad) 16px;align-items:stretch}
  .hero__grid{display:flex;flex-direction:column;justify-content:space-between;gap:0;min-height:calc(100svh - 94px)}
  .hero__copy{display:block}
  .hero__lead{display:none}
  .hero__title{font-size:clamp(34px,10vw,46px)}
  .hprice{margin-top:16px}
  .hprice__now{font-size:52px}
  .hcta{margin-top:14px;justify-items:stretch}
  .hcta .btn{width:100%}
  .hcta__note{font-size:13.5px}
  .hero .stores{margin-top:12px;gap:8px}
  .hero .store{height:36px;font-size:13.5px;padding:0 11px 0 9px;border-radius:10px}
  .hero .store small{font-size:9px}
  .hero .store svg{width:18px;height:18px}
  .hero__device{flex:1;min-height:0;margin-top:10px;overflow:visible}
  .device{--s:.82}
  .rings i:nth-child(1){width:300px;height:300px}.rings i:nth-child(2){width:420px;height:420px}.rings i:nth-child(3){display:none}
  .hero__glow{right:-20%;top:auto;bottom:-10%;margin:0}
}
@media (max-width:959px) and (max-height:900px){.device{--s:.72}}
@media (max-width:959px) and (max-height:800px){.device{--s:.6}}
@media (max-width:959px) and (max-height:720px){.hero__device{display:none}.hero__lead{display:block;font-size:15px}}

/* reservation section */
.reserve{background:var(--cream);padding:clamp(72px,9vw,120px) 0}
.reserve__grid{display:grid;gap:40px;align-items:start}
.reserve__facts{list-style:none;padding:0;margin:32px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.reserve__facts li{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px 16px}
.reserve__facts b{display:block;font:400 34px/1 var(--serif);color:var(--forest-deep);margin-bottom:8px}
.reserve__facts span{font-size:13px;line-height:1.45;color:rgba(27,53,40,.65)}
.reserve__facts s{text-decoration-color:var(--red)}
.rcard{background:#fff;border-radius:32px;padding:clamp(22px,3.4vw,40px);box-shadow:0 0 0 1px var(--line),0 40px 90px -50px rgba(27,53,40,.55)}
.rform{display:grid;gap:26px}
.rform__step{display:grid;gap:12px}
.rform__lbl{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px}
.rform__lbl span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--forest-deep);color:var(--gold);font-size:12px;font-weight:700}
.rform .plan{grid-template-columns:1fr 1fr;gap:12px}
.rform .plan span{position:relative;display:grid;gap:4px;padding:18px 18px 16px 48px;border-radius:18px;border:1.5px solid var(--line);background:var(--cream);min-height:84px;align-content:center}
.rform .plan b{font-size:16px}
.rform .plan small{font-size:13px;opacity:.65}
.plan__dot{position:absolute;left:18px;top:50%;width:20px;height:20px;margin-top:-10px;border-radius:50%;border:1.5px solid rgba(27,53,40,.35);background:#fff;transition:all .3s var(--ease)}
.rform .plan input:checked+span{background:#fff;border-color:var(--forest-deep);color:var(--forest-deep);box-shadow:0 0 0 3px rgba(27,53,40,.08),0 16px 30px -20px rgba(27,53,40,.5)}
.rform .plan input:checked+span small{color:var(--forest-deep);opacity:.65}
.rform .plan input:checked+span .plan__dot{border:6px solid var(--forest-deep)}
.qty{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;background:var(--cream);border-radius:18px;padding:12px 12px 12px 12px}
.sel select{width:100%;height:56px;border-radius:14px;border:1.5px solid var(--line);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231b3528' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 16px center/18px no-repeat;padding:0 44px 0 18px;font:500 16px var(--sans);color:var(--forest-deep);appearance:none;-webkit-appearance:none;cursor:pointer}
.sel select:focus{outline:0;border-color:var(--pine);box-shadow:0 0 0 4px rgba(68,115,92,.16)}
.qty .total{text-align:right;padding-right:6px;display:grid;gap:2px}
.total__k{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgba(27,53,40,.55)}
.qty .total b{font:400 40px/1 var(--serif);color:var(--forest-deep)}
.qty .total small{font-size:12.5px;color:rgba(27,53,40,.6);white-space:nowrap}
.qty .total s{text-decoration-color:var(--red);margin-right:4px}
.rform__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fld--wide{grid-column:1/-1}
.rform .fld input{height:56px;border-radius:14px;background:var(--cream);border-color:transparent}
.rform .fld input:focus{background:#fff}
.rform .btn--block{min-height:62px;font-size:17.5px}
.rform__fine{display:flex;justify-content:center;align-items:center;gap:8px;font-size:13.5px;color:rgba(27,53,40,.65);margin-top:-12px}
.rform__fine svg{width:16px;height:16px;fill:none;stroke:var(--pine);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.rform .enterprise{margin:0}
.rcard .thanks{padding:30px 10px}
@media (min-width:960px){.reserve__grid{grid-template-columns:.82fr 1.18fr;gap:72px}.reserve__copy{position:sticky;top:120px}}
@media (max-width:600px){
  .rform .plan{gap:8px}
  .rform .plan span{padding:14px 12px 14px 40px;min-height:76px}
  .plan__dot{left:13px;width:18px;height:18px;margin-top:-9px}
  .rform .plan b{font-size:14.5px}
  .rform .plan small{font-size:12px}
  .qty{grid-template-columns:1fr;gap:10px}
  .qty .total{text-align:left;grid-template-columns:auto 1fr;align-items:baseline;column-gap:12px}
  .qty .total .total__k{grid-column:1/-1}
  .rform__grid{grid-template-columns:1fr}
  .reserve__facts{gap:8px}.reserve__facts li{padding:14px 12px}.reserve__facts b{font-size:28px}
}
/* band */
.band{background:linear-gradient(170deg,var(--forest),var(--forest-deep));color:var(--cream);padding:clamp(64px,8vw,110px) 0}
.band .h2 em{color:var(--gold)}
.band__in{display:grid;gap:30px;align-items:center}
.band__cta{display:grid;gap:18px;justify-items:start}
.band .stores{margin-top:0}
@media (min-width:960px){.band__in{grid-template-columns:1.3fr .7fr}.band__cta{justify-items:end}}
.device .phone{display:block;margin:0;left:0;top:0;--w:220px}
.hprice__meta s::before{content:"normalt ";text-decoration:none}
.hprice__meta s::before{content:none}
.hprice__was{font-size:13.5px;color:rgba(247,246,242,.6)}
.ap__stats b{font-size:11px;white-space:nowrap}
.ap__cam img,.scr__cam img{filter:brightness(1.12) saturate(1.05)}
@media (min-width:960px) and (min-height:880px){.device{--s:1.4}}
.qty .total b{white-space:nowrap}
.reserve{padding-bottom:clamp(56px,7vw,96px)}
@media (max-width:600px){.qty .total{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}.qty .total .total__k{flex-basis:100%}.qty .total b{font-size:36px}}
@media (max-width:959px) and (max-height:720px){.hero .stores{display:flex}.hero__grid{justify-content:center}.hero__title{font-size:34px}}

/* ===================== v4: hero med formular + lille telefon ===================== */
.nav__pill{border:0!important;box-shadow:0 10px 34px -18px rgba(10,18,13,.45)!important}
.mnav{border:0!important}
.rcard--hero{color:var(--forest-deep);padding:22px 22px 18px;border-radius:28px;box-shadow:0 40px 90px -40px rgba(5,12,8,.75),0 0 0 1px rgba(255,255,255,.06)}
.rcard__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.rcard__head h2{font-size:21px;letter-spacing:-.02em;font-weight:600}
.rcard__head span{font-size:12px;font-weight:700;color:var(--pine);background:#e6efe9;padding:5px 10px;border-radius:999px;white-space:nowrap}
.rcard--hero .rform{gap:12px}
.rcard--hero .rform__step{gap:8px}
.rcard--hero .rform__lbl{display:none}
.rcard--hero .plan span{min-height:62px;padding:11px 12px 11px 40px;border-radius:16px}
.rcard--hero .plan__dot{left:13px;width:18px;height:18px;margin-top:-9px}
.rcard--hero .plan b{font-size:14.5px}
.rcard--hero .plan small{font-size:12px}
.rcard--hero .qty{padding:8px;gap:12px;border-radius:16px}
.rcard--hero .sel select{height:48px;font-size:15px}
.rcard--hero .qty .total b{font-size:30px}
.rcard--hero .total__k{font-size:10.5px}
.rcard--hero .qty .total small{font-size:11.5px}
.rcard--hero .rform__grid{gap:8px;grid-template-columns:1fr 1fr}
.rcard--hero .fld>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.rcard--hero .fld input{height:48px}
.rcard--hero .btn--block{min-height:54px;font-size:16.5px}
.rcard--hero .rform__fine{margin-top:-2px;font-size:12.5px}
.rcard--hero .enterprise{font-size:12.5px;padding:9px 11px}
.hcta__note{margin-top:18px}
.hero .hprice{margin-top:22px}
@media (min-width:960px){
  .hero{padding:100px var(--pad) 40px}
  .hero__grid{grid-template-columns:minmax(0,1fr) minmax(360px,400px);gap:44px;align-items:center;width:min(1280px,100%)}
  .hero__title{font-size:clamp(46px,min(4.7vw,8vh),76px)}
  .hero__device{display:none}
}
@media (min-width:1180px){
  .hero__grid{grid-template-columns:minmax(0,1fr) 390px auto;gap:40px}
  .hero__device{display:grid}
  .device{--s:.82}
  .rings i:nth-child(1){width:300px;height:300px}.rings i:nth-child(2){width:440px;height:440px}.rings i:nth-child(3){width:600px;height:600px}
}
@media (min-width:1380px) and (min-height:860px){.device{--s:.95}.hero__grid{grid-template-columns:minmax(0,1fr) 400px auto;gap:52px}}
@media (min-width:960px) and (max-height:820px){.hero__lead{font-size:16px}.hero .hprice{margin-top:16px}.hcta__note{margin-top:12px}.hero .stores{margin-top:16px}}
@media (max-width:959px){
  .hero__grid{justify-content:flex-start;gap:14px;min-height:0}
  .hero__device{display:none!important}
  .hero__lead{display:none}
  .hero .hprice{margin-top:12px}
  .hprice__now{font-size:46px}
  .hcta__note{display:none}
  .hero .stores{display:none!important}
  .rcard--hero{padding:16px 14px 14px;border-radius:24px}
  .rcard__head{margin-bottom:10px}
  .rcard__head h2{font-size:18px}
  .rcard--hero .fld--wide{display:none}
  .rcard--hero .qty{grid-template-columns:minmax(0,1fr) auto}
  .rcard--hero .qty .total{display:grid;text-align:right;gap:0}
  .rcard--hero .qty .total b{font-size:26px}
  .rcard--hero .qty .total small{font-size:10.5px}
}
@media (max-width:959px) and (min-height:800px){.hero .stores{display:flex!important;justify-content:center;margin-top:2px}.hero__grid{gap:16px}}
@media (max-width:959px) and (max-height:700px){.hero__title{font-size:30px}.hprice__now{font-size:40px}.rcard--hero .plan span{min-height:54px}.rcard--hero .rform__fine{display:none}}
/* stores flyttes efter formularen på mobil */
@media (max-width:959px){.hero__copy{display:contents}.hero__copy>*{order:0}.hero__form{order:1}.hero .stores{order:2}}

/* band counter */
.band__num{display:flex;align-items:flex-start;gap:6px;font:400 clamp(80px,12vw,150px)/.8 var(--serif);color:var(--gold);margin:6px 0 18px;letter-spacing:-.03em}
.band__num small{font:600 22px/1 var(--sans);margin-top:10px;color:var(--cream)}
.band__num s{font:500 20px/1 var(--sans);color:rgba(247,246,242,.5);align-self:flex-end;margin-bottom:12px;margin-left:10px;text-decoration-color:var(--red)}

/* animation helpers */
.wd{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.wi{display:inline-block;will-change:transform}
.ladder::before{transform-origin:top;transform:scaleY(var(--p,1))}
.js .ladder::before{--p:0}
.rcard--hero .qty{grid-template-columns:auto minmax(0,1fr)!important}
.rcard--hero .sel{min-width:118px}
.rcard--hero .qty .total{display:flex!important;flex-direction:column;align-items:flex-end;text-align:right;gap:2px;padding-right:4px}
.rcard--hero .qty .total .total__k{flex-basis:auto}
@media (min-width:1180px){.hero__grid{width:min(1220px,100%);margin-inline:auto}}
@media (max-width:959px){.rcard--hero .total__save{display:none}}
@media (max-width:959px) and (max-height:700px){.hero .eyebrow{display:none}.hero .hprice{margin-top:6px}.rcard--hero .plan span{min-height:50px;padding-block:8px}}
.hero__device,.rings,.rings i{pointer-events:none}.hero__form{position:relative;z-index:3}

/* ===================== v5: intro, fx ===================== */
#intro{display:none;position:fixed;inset:0;z-index:300;background:radial-gradient(90% 70% at 50% 40%,#2e5441 0%,#223b2d 55%,#1b3528 100%);color:#f7f6f2;place-items:center;clip-path:inset(0 0 0 0);animation:introOut .9s cubic-bezier(.76,0,.24,1) 1.5s forwards}
html.intro #intro{display:grid}
.intro__in{display:grid;justify-items:center;gap:14px;animation:introLift .9s cubic-bezier(.76,0,.24,1) 1.45s forwards}
.intro__mark{position:relative;width:132px;height:132px;display:grid;place-items:center}
.intro__ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.intro__ring circle{fill:none;stroke:#efcf97;stroke-width:1.4;stroke-linecap:round;stroke-dasharray:352;stroke-dashoffset:352;animation:introDraw 1.25s cubic-bezier(.65,0,.35,1) .05s forwards}
.intro__mark img{width:84px;height:84px;border-radius:22px;opacity:0;transform:scale(.82);filter:blur(8px);animation:introLogo .8s cubic-bezier(.16,1,.3,1) .2s forwards;box-shadow:0 20px 50px -20px rgba(0,0,0,.6)}
.intro__word{margin:4px 0 0;font:600 15px/1 var(--sans);letter-spacing:.42em;text-transform:uppercase;padding-left:.42em;opacity:0;animation:introUp .8s cubic-bezier(.16,1,.3,1) .45s forwards}
.intro__tag{margin:0;font:400 italic clamp(22px,3vw,30px)/1.1 var(--serif);color:#efcf97;opacity:0;animation:introUp .8s cubic-bezier(.16,1,.3,1) .6s forwards}
.intro__tag em{font-style:italic}
.intro__bar{display:block;width:150px;height:1px;background:rgba(239,207,151,.22);margin-top:10px;overflow:hidden;border-radius:2px}
.intro__bar i{display:block;height:100%;background:#efcf97;transform-origin:left;transform:scaleX(0);animation:introBar 1.35s cubic-bezier(.65,0,.35,1) forwards}
@keyframes introDraw{to{stroke-dashoffset:0}}
@keyframes introLogo{to{opacity:1;transform:none;filter:none}}
@keyframes introUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes introBar{to{transform:scaleX(1)}}
@keyframes introLift{to{transform:translateY(-60px);opacity:0}}
@keyframes introOut{to{clip-path:inset(0 0 100% 0);visibility:hidden;pointer-events:none}}
@keyframes introFade{to{opacity:0;visibility:hidden;pointer-events:none}}
@media (prefers-reduced-motion:reduce){
  #intro{animation:introFade .3s ease .3s forwards}
  #intro *{animation:none!important;opacity:1!important;transform:none!important;filter:none!important;stroke-dashoffset:0!important}
}

/* scroll progress */
.sprog{position:fixed;left:0;right:0;top:0;height:3px;z-index:120;pointer-events:none}
.sprog i{display:block;height:100%;background:linear-gradient(90deg,#c9a86a,#efcf97 60%,#fff3d6);transform-origin:0 50%;transform:scaleX(0);box-shadow:0 0 12px rgba(239,207,151,.6)}

/* grain */
body::after{content:"";position:fixed;inset:-10%;z-index:110;pointer-events:none;opacity:.055;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1.2s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-5%)}60%{transform:translate(-6%,-2%)}80%{transform:translate(5%,4%)}100%{transform:translate(0,0)}}
@media (prefers-reduced-motion:reduce){body::after{animation:none}}

/* cursor glow */
.cglow{position:fixed;left:0;top:0;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;pointer-events:none;z-index:2;background:radial-gradient(circle,rgba(239,207,151,.16) 0%,rgba(239,207,151,.06) 35%,transparent 68%);opacity:0;transition:opacity .6s;will-change:transform;mix-blend-mode:screen}
.cglow.on{opacity:1}
@media (hover:none),(pointer:coarse){.cglow{display:none}}

/* dust */
.dust{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.hero__grid{position:relative;z-index:1}

/* bg transitions + layers */
.bgx{position:absolute;inset:0;z-index:0;pointer-events:none}
.sec>.wrap,.sec>.hstrip__pin{position:relative;z-index:1}
.bgnum{position:absolute;z-index:0;pointer-events:none;font:400 italic clamp(220px,34vw,520px)/.8 var(--serif);letter-spacing:-.05em;color:currentColor;opacity:.045;top:6%;right:-2vw;user-select:none}
.aud--rev .bgnum{right:auto;left:-2vw}
.aud{overflow:hidden}

/* magnetic / tilt */
.is-mag{transition:box-shadow .5s var(--ease),background .3s!important}
.tilt{transform-style:preserve-3d;will-change:transform}
.tilt{transition:box-shadow .5s var(--ease),border-color .3s,background .3s!important}
.gloss{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.16),transparent 45%);z-index:2}
.tilt:hover .gloss{opacity:1}
.card,.why__card,.step{position:relative}

/* highlight statement */
.statement{font:400 clamp(28px,3.6vw,52px)/1.18 var(--sans);letter-spacing:-.025em;max-width:22em;margin:18px 0 0}
.statement em{font-family:var(--serif);font-style:italic;color:var(--gold);letter-spacing:-.01em}
.hlw{transition:none}

/* horizontal strip */
.hstrip{background:linear-gradient(180deg,var(--forest-deep) 0%,#16291f 100%);color:var(--cream);overflow:hidden;padding-bottom:0}
.hstrip__intro{padding-bottom:clamp(60px,9vw,120px)}
.hstrip__pin{padding:0 0 clamp(72px,10vw,120px)}
.hstrip__bar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}
.hstrip__h{font:500 clamp(30px,3.4vw,48px)/1.05 var(--sans);letter-spacing:-.03em;margin:0}
.hstrip__h em{font-family:var(--serif);font-weight:400;font-style:italic;color:var(--gold)}
.hstrip__count{font:500 14px/1 var(--sans);letter-spacing:.12em;color:rgba(247,246,242,.55);white-space:nowrap}
.hstrip__count b{color:var(--gold);font-weight:600}
.hstrip__track{display:flex;gap:clamp(14px,1.6vw,24px);padding:0 var(--pad);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.hstrip__track::-webkit-scrollbar{display:none}
.hcard{flex:none;position:relative;margin:0;width:min(78vw,440px);aspect-ratio:4/5;border-radius:28px;overflow:hidden;scroll-snap-align:start;background:#0f1d15;box-shadow:0 40px 80px -40px rgba(0,0,0,.7)}
.hcard picture{position:absolute;inset:0}
.hcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.08)}
.hcard figcaption{position:absolute;left:0;right:0;bottom:0;padding:80px 24px 24px;background:linear-gradient(transparent,rgba(8,16,11,.88));z-index:1}
.hcard figcaption span{font:400 italic 22px/1 var(--serif);color:var(--gold)}
.hcard h3{margin:8px 0 6px;font:600 21px/1.15 var(--sans);letter-spacing:-.02em}
.hcard p{margin:0;font-size:15px;line-height:1.45;color:rgba(247,246,242,.78)}
@media (min-width:960px){
  .hstrip__track{overflow:visible;scroll-snap-type:none;padding-left:max(var(--pad),calc((100vw - 1200px)/2))}
  .hcard{width:clamp(320px,29vw,430px);aspect-ratio:auto;height:min(60vh,560px)}
  .hstrip__pin{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:90px 0 60px}
}

/* pinned steps */
.steps__bar{display:none}
@media (min-width:960px){
  .steps.is-pin{position:relative}
  .steps.is-pin .steps__bar{display:block;position:absolute;left:0;right:0;top:-26px;height:2px;background:rgba(27,53,40,.12);border-radius:2px;overflow:hidden}
  .steps.is-pin .steps__bar i{display:block;height:100%;background:var(--gold-d,#c9a86a);transform-origin:0 50%;transform:scaleX(0)}
  .steps.is-pin .step>*{transition:opacity .6s var(--ease),filter .6s var(--ease)}
  .steps.is-pin .step:not(.is-on)>*{opacity:.32;filter:saturate(.3)}
  .steps.is-pin .step{transition:transform .8s var(--ease),box-shadow .8s var(--ease)!important}
  .steps.is-pin .step.is-on{box-shadow:0 40px 70px -40px rgba(27,53,40,.45)}
  .steps.is-pin .step.is-on .step__n{color:var(--gold-d,#b8924f)}
}
@media (min-width:960px){
  #saadan.is-pinsec{padding:clamp(84px,11vh,110px) 0 clamp(36px,6vh,60px)}
  #saadan.is-pinsec .sec__head{margin-bottom:clamp(36px,6vh,56px)}
  #saadan.is-pinsec .step__img{aspect-ratio:auto;height:clamp(140px,26vh,250px)}
  #saadan.is-pinsec .step:nth-child(2){transform:none}
}
.bgnum{opacity:.035}
@media (min-width:960px){
  #saadan.is-pinsec{padding:clamp(80px,10vh,100px) 0 36px}
  #saadan.is-pinsec .sec__head{margin-bottom:clamp(30px,4.5vh,52px)}
  #saadan.is-pinsec .step__img{height:clamp(130px,20.5vh,230px)}
}
@media (min-width:960px) and (max-height:860px){#saadan.is-pinsec .sec__head .lead{display:none}}
@media (prefers-reduced-motion:reduce){html.intro #intro{animation:introFade .3s ease .3s forwards!important}}
/* v5b: alarm-telefon i "Alarmen giver sig ikke" */
.alarmph{position:relative;display:grid;place-items:center;width:100%;min-height:clamp(440px,52vw,560px)}
.alarmph .call__ring{top:46%;transform:translate(-50%,-50%)}
.alarmph .call__ring i{width:300px;height:300px;left:-150px;top:-150px}
.phone.phone--alarm{position:relative;--w:clamp(220px,20vw,250px);rotate:3deg;opacity:1}
.cascade__visual .toast{margin-top:-110px;margin-left:clamp(0px,10vw,140px)}
@media (max-width:899px){.alarmph{min-height:480px}.cascade__visual .toast{margin-left:0;margin-top:-90px}}

/* ===================== v6: sprogvalg ===================== */
.flag{display:block;width:22px;height:15px;border-radius:3px;flex:none;box-shadow:0 0 0 1px rgba(10,18,13,.12)}
.lsw{position:relative;flex:none}
.lsw__btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 12px 0 10px;border-radius:999px;border:0;background:rgba(255,255,255,.38);color:var(--forest-deep);font:600 13px/1 var(--sans);letter-spacing:.06em;cursor:pointer;transition:background .3s}
.lsw__btn:hover{background:rgba(255,255,255,.7)}
.lsw__btn .flag{width:20px;height:14px}
.lsw__menu{position:absolute;right:0;top:calc(100% + 10px);min-width:170px;padding:6px;border-radius:18px;background:rgba(236,238,234,.86);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);box-shadow:0 24px 50px -22px rgba(10,18,13,.5);display:grid;gap:2px;z-index:5}
.lsw__menu[hidden]{display:none}
.lsw__menu a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;color:var(--forest-deep);text-decoration:none;font:500 15px/1 var(--sans)}
.lsw__menu a:hover,.lsw__menu a[aria-current]{background:rgba(255,255,255,.75)}
.lsw__menu a[aria-current]{font-weight:600}
@media (max-width:959px){.lsw__btn{padding:0 10px;height:40px}.lsw__btn span{display:none}.nav__pill{gap:8px}}

.lp{position:fixed;inset:0;z-index:250;display:grid;place-items:center;padding:20px;background:rgba(10,18,13,.32);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .45s var(--ease)}
.lp[hidden]{display:none!important}
.lp.is-open{opacity:1}
.lp__box{position:relative;width:min(460px,100%);aspect-ratio:1/1;border-radius:34px;overflow:hidden;display:grid;place-items:center;background:rgba(236,238,234,.62);backdrop-filter:blur(26px) saturate(1.6);-webkit-backdrop-filter:blur(26px) saturate(1.6);box-shadow:0 50px 100px -40px rgba(5,12,8,.7),0 18px 40px -24px rgba(5,12,8,.45),inset 0 1px 0 rgba(255,255,255,.55);color:var(--forest-deep);transform:translateY(18px) scale(.95);transition:transform .7s cubic-bezier(.16,1,.3,1)}
.lp.is-open .lp__box{transform:none}
.lp__flags{position:absolute;inset:0;pointer-events:none}
.lp__f{position:absolute;width:300px;height:auto;border-radius:22px;opacity:.13;filter:saturate(.85) blur(.3px);box-shadow:none}
.lp__f--da{width:290px;left:-90px;top:-56px;transform:rotate(-14deg);animation:lpDrift 9s ease-in-out infinite alternate}
.lp__f--sv{width:270px;right:-110px;top:34%;transform:rotate(11deg);opacity:.12;animation:lpDrift 11s ease-in-out -3s infinite alternate}
.lp__f--en{width:310px;left:-40px;bottom:-96px;transform:rotate(-5deg);opacity:.1;animation:lpDrift 10s ease-in-out -6s infinite alternate}
.lp__flags::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 60% at 50% 50%,rgba(240,241,237,.78),rgba(240,241,237,.18) 75%)}
@keyframes lpDrift{to{translate:0 -10px;rotate:2deg}}
.lp__in{position:relative;z-index:1;display:grid;justify-items:center;text-align:center;gap:8px;width:100%;padding:28px clamp(22px,7%,40px)}
.lp__in>img{width:52px;height:52px;border-radius:15px;box-shadow:0 14px 30px -14px rgba(10,18,13,.55);margin-bottom:6px}
.lp__h{margin:0;font:400 italic clamp(23px,5.6vw,30px)/1.1 var(--serif);color:var(--forest-deep)}
.lp__h em{font-style:italic}
.lp__s{margin:0 0 12px;font:600 11px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:rgba(27,53,40,.55)}
.lp__opts{display:grid;gap:8px;width:100%;max-width:320px}
.lp__opt{display:flex;align-items:center;gap:14px;height:56px;padding:0 18px;border-radius:18px;background:rgba(255,255,255,.55);color:var(--forest-deep);text-decoration:none;font:500 17px/1 var(--sans);box-shadow:inset 0 0 0 1px rgba(27,53,40,.07);transition:background .3s,transform .4s var(--ease),box-shadow .3s}
.lp__opt .flag{width:28px;height:19px;border-radius:4px}
.lp__opt span{flex:1;text-align:left}
.lp__opt i{font-style:normal;opacity:0;transform:translateX(-6px);transition:opacity .3s,transform .4s var(--ease)}
.lp__opt:hover,.lp__opt:focus-visible{background:#fff;transform:translateY(-1px);box-shadow:inset 0 0 0 1px rgba(27,53,40,.1),0 14px 30px -18px rgba(10,18,13,.45)}
.lp__opt:hover i,.lp__opt:focus-visible i{opacity:1;transform:none}
.lp__opt.is-cur{box-shadow:inset 0 0 0 1.5px var(--forest-deep)}
.lp__opt:focus-visible{outline:2px solid var(--gold-2);outline-offset:2px}
@media (max-width:420px){.lp__opt{height:50px;font-size:16px}.lp__in{gap:6px;padding:22px 20px}.lp__s{margin-bottom:8px}}
@media (prefers-reduced-motion:reduce){.lp,.lp__box{transition:none}.lp__f{animation:none!important}}
.lp__opt:focus-visible{outline:none;box-shadow:inset 0 0 0 1.5px var(--forest-deep),0 0 0 4px rgba(239,207,151,.6)}
.lp__f--da{opacity:.17}.lp__f--sv{opacity:.15}.lp__f--en{opacity:.13}
@media (max-width:420px){.lp__s{letter-spacing:.08em;font-size:10.5px}}
.rcard--hero .qty .total small{white-space:normal;max-width:240px;line-height:1.35}
.rcard--hero .qty .total s{white-space:nowrap}
.hprice__now small.cur-pre{margin-right:2px}
.band__num small.cur-pre{color:var(--gold);margin-right:2px}

/* hero phone: app video */
.scr--vid{position:relative;padding:0;gap:0;background:#0f1d15}
.scr--vid video{display:block;width:100%;height:100%;object-fit:cover}
.scr--vid::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 32%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.35)}
.scr--vid::before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 3px #070b08}
/* "Se video" button */
.vbtn{display:inline-flex;align-items:center;gap:10px;padding:7px 18px 7px 7px;border:0;border-radius:999px;background:var(--gold);color:var(--forest-deep);font:600 15px/1 inherit;font-family:inherit;cursor:pointer;box-shadow:0 14px 30px -12px rgba(5,12,8,.6),0 0 0 1px rgba(255,255,255,.35) inset;transition:transform .25s ease,background .25s ease}
.vbtn:hover{transform:translateY(-2px);background:#f4dbad}
.vbtn:focus-visible{outline:2px solid var(--cream);outline-offset:3px}
.vbtn__i{position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--forest-deep);color:var(--gold)}
.vbtn__i svg{width:15px;height:15px;margin-left:2px}
.vbtn__i::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(27,53,40,.35);animation:vpulse 2.2s ease-out infinite}
@keyframes vpulse{0%{transform:scale(.85);opacity:1}100%{transform:scale(1.35);opacity:0}}
.vbtn--dev{display:none}
.vbtn--mob{margin-top:12px;align-self:center;order:2}
@media (min-width:960px){
  .vbtn--mob{display:none}
  .hero__device{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px}
  .vbtn--dev{display:inline-flex;position:relative;order:2;animation:vfloat 4.5s ease-in-out infinite}
  .vbtn--dev:hover{animation-play-state:paused}
}
@keyframes vfloat{50%{transform:translateY(-5px)}}
/* lightbox */
.vlb{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:clamp(16px,4vw,48px);background:rgba(8,16,11,.62);-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);opacity:0;transition:opacity .3s ease}
.vlb[hidden]{display:none}
.vlb.is-open{opacity:1}
.vlb__box{position:relative;height:min(88vh,88svh);aspect-ratio:1080/1908;max-width:100%;transform:scale(.96);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.vlb.is-open .vlb__box{transform:none}
.vlb__v{display:block;width:100%;height:100%;object-fit:contain;border-radius:22px;background:#0f1d15;box-shadow:0 40px 90px -30px rgba(0,0,0,.8),0 0 0 1px rgba(239,207,151,.18)}
.vlb__x{position:absolute;top:-14px;right:-14px;z-index:2;width:44px;height:44px;border-radius:50%;border:0;display:grid;place-items:center;background:var(--cream);color:var(--forest-deep);cursor:pointer;box-shadow:0 8px 20px -6px rgba(0,0,0,.5)}
.vlb__x svg{width:20px;height:20px}
@media (max-width:600px){.vlb__box{height:auto;width:100%;max-height:82svh}.vlb__x{top:-52px;right:0}}
@media (prefers-reduced-motion:reduce){.vbtn__i::after,.vbtn--dev{animation:none}.vlb,.vlb__box{transition:none}}
/* real app screens in phone frames */
.phone:has(.scr--img){aspect-ratio:auto;height:auto}
.scr--img{height:auto;padding:0;gap:0;display:block;background:#f7f6f2;position:relative}
.scr--img img{display:block;width:100%;height:auto}
.scr--img::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 3px #070b08}
/* hero button clickable above grid */
.vbtn{white-space:nowrap;pointer-events:auto}
@media (min-width:960px){.hero__device{z-index:3}}

/* hero phone: exact screen aspect for the video (inner 0.4625) */
.device .phone.phone--hero{aspect-ratio:220/455;margin-top:0}

/* colic stats */
.colic{padding:clamp(64px,8vw,104px) 0}
.colic__head{max-width:760px}
.colic__head .lead{color:rgba(247,246,242,.72)}
.colic__grid{display:grid;gap:16px;margin-top:clamp(28px,4vw,48px)}
@media (min-width:860px){.colic__grid{grid-template-columns:repeat(3,1fr);gap:20px}}
.ccard{background:rgba(247,246,242,.05);border:1px solid var(--line-d);border-radius:24px;padding:24px 24px 22px;display:flex;flex-direction:column;gap:14px}
.ccard__k{margin:0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--sage)}
.ccard__n{margin:0;font:400 clamp(44px,4.6vw,60px)/1 var(--serif);color:var(--gold);letter-spacing:-.02em;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.ccard__n small{font-family:var(--sans,inherit);font-size:14px;font-weight:500;line-height:1;color:rgba(247,246,242,.6);letter-spacing:0}
.ccard__viz{width:100%;height:auto;max-height:110px}
.ccard__viz--d{width:150px;max-height:none;margin:4px 0}
.ccard__ax{font-size:10px;fill:rgba(247,246,242,.5);font-family:inherit}
.ccard__dn{font-size:22px;fill:var(--gold);font-family:var(--serif)}
.ccard__d{margin:0;margin-top:auto;font-size:15px;line-height:1.45;color:rgba(247,246,242,.82)}
.ccard__d b{color:var(--cream);font-weight:600}
.colic__src{margin:24px 0 0;max-width:980px;font-size:11.5px;line-height:1.55;color:rgba(247,246,242,.45)}

/* custom scroll progress (desktop) */
.srail{display:none}
@media (min-width:960px) and (hover:hover){.sprog{display:none}}
@media (min-width:960px) and (hover:hover){
  html{scrollbar-width:none}
  html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0;display:none}
  .srail{--p:0;display:block;position:fixed;inset:110px 18px 40px auto;height:auto;width:2px;border-radius:2px;z-index:45;pointer-events:none;background:rgba(127,150,135,.28)}
  .srail__fill{position:absolute;left:0;right:0;top:0;height:100%;border-radius:2px;background:linear-gradient(var(--gold),var(--amber));transform-origin:top;transform:scaleY(var(--p))}
  .srail__head{position:absolute;left:50%;top:calc(var(--p) * 100%);width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;display:grid;place-items:center;background:var(--cream);color:var(--forest-deep);box-shadow:0 0 0 1px rgba(230,189,114,.55),0 6px 16px -6px rgba(10,18,13,.45)}
  .srail__head svg{width:22px;height:22px}
}
.colic .eyebrow{color:var(--gold)}
.ccard__dn{font-size:26px}
/* colic: on-view animation */
.colic.is-pre .ccard{opacity:0;transform:translateY(28px);transition:opacity .8s ease var(--d,0s),transform 1s cubic-bezier(.2,.8,.2,1) var(--d,0s)}
.colic.is-pre.is-in .ccard{opacity:1;transform:none}
.colic.is-pre .ccard__viz rect:nth-of-type(2){transform-box:fill-box;transform-origin:left center;transform:scaleX(0);transition:transform 1.4s cubic-bezier(.2,.8,.2,1) .45s}
.colic.is-pre.is-in .ccard__viz rect:nth-of-type(2){transform:none}
.colic.is-pre .ccard__viz line{opacity:0;transition:opacity .5s ease 1.4s}
.colic.is-pre.is-in .ccard__viz line{opacity:1}
.colic.is-pre .ccard__viz circle[r="4"]{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.3);transition:opacity .4s ease,transform .5s cubic-bezier(.3,1.5,.5,1)}
.colic.is-pre.is-in .ccard__viz circle[r="4"]{opacity:1;transform:none}
.colic.is-pre .ccard__viz--d circle:nth-of-type(2){transition:stroke-dashoffset 1.6s cubic-bezier(.2,.8,.2,1) .6s}