:root{
      --green:#3ba55c; --green-dark:#1e5631; --green-mid:#27753f; --green-light:#4fbf72;
      --gold:#f4c430; --mint:#e8f5ec; --ink:#16261c; --muted:#6b7280; --line:#e8ede9; --card:#fff;
    }
    *{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;}
    html{scroll-behavior:smooth;} html,body{width:100%; overflow-x:hidden;}
    body{font-family:'Plus Jakarta Sans',-apple-system,system-ui,sans-serif; color:var(--ink); background:#fff; line-height:1.5;}
    .display{font-family:'Plus Jakarta Sans',sans-serif; letter-spacing:-.5px; line-height:1.08;}
    a{color:inherit;}
    .wrap{max-width:1080px; margin:0 auto; padding:0 22px;}

    /* header */
    header{position:relative; z-index:5; padding:22px 0;}
    .logo{display:flex; align-items:center; gap:10px; font-weight:800; font-size:19px;}
    /* Navnet er selve ordmaerket fra logoet, ikke sat tekst — saa skrifttypen er ens overalt. */
    .logo .logo-word{height:26px; width:auto;}
    .logo .mark{width:36px; height:36px; border-radius:11px; background:linear-gradient(150deg,var(--green-light),var(--green) 45%,var(--green-dark)); display:grid; place-items:center;}
    .logo .mark svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}

    /* hero */
    .hero{position:relative; text-align:center; padding:34px 0 70px;}
    .hero::before{content:""; position:absolute; inset:-40px 0 0; z-index:-1; pointer-events:none;
      background:radial-gradient(50% 40% at 50% 24%, rgba(59,165,92,.14), transparent 70%), radial-gradient(40% 30% at 82% 60%, rgba(244,196,48,.10), transparent 70%);}
    .hero-badge{width:132px; height:132px; margin:6px auto 30px; border-radius:50%; background:radial-gradient(circle at 50% 40%, #d9f0e0, #eaf6ee); display:grid; place-items:center;}
    .hero-badge svg{width:56px;height:56px;stroke:var(--green-dark);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
    .hero h1{font-size:clamp(34px,6vw,52px); font-weight:800; color:#0f2a19; max-width:15ch; margin:0 auto;}
    .hero p{margin:18px auto 0; font-size:18px; color:var(--muted); max-width:46ch;}
    .btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; border:none; cursor:pointer; font-family:'Plus Jakarta Sans',sans-serif; font-weight:700; text-decoration:none; border-radius:40px; transition:transform .05s, filter .2s, background .2s;}
    .btn:active{transform:translateY(1px);}
    .btn-gold{background:var(--gold); color:#3a2c00; padding:16px 30px; font-size:17px; box-shadow:0 12px 26px -8px rgba(244,196,48,.6);}
    .btn-gold:hover{filter:brightness(1.03);}
    .btn-green{background:var(--green); color:#fff; padding:16px 30px; font-size:17px; box-shadow:0 12px 26px -8px rgba(59,165,92,.55);}
    .btn-green:hover{background:#329150;}
    .hero .cta-row{margin-top:30px;}
    .hero .meta{margin-top:18px; font-size:14px; color:#9ca3af;}

    /* side-header (undersider) */
    .pagehead{position:relative; text-align:center; padding:52px 0 8px;}
    .pagehead::before{content:""; position:absolute; inset:-20px 0 40%; z-index:-1; pointer-events:none;
      background:radial-gradient(55% 60% at 50% 20%, rgba(59,165,92,.13), transparent 72%);}
    .pagehead h1{font-family:'Plus Jakarta Sans',sans-serif; letter-spacing:-.5px; line-height:1.08; font-size:clamp(30px,5.2vw,46px); font-weight:800; color:#0f2a19; max-width:17ch; margin:10px auto 0;}
    .pagehead p{margin:16px auto 0; font-size:18px; color:var(--muted); max-width:52ch;}
    .cta-band{text-align:center; padding:8px 0 0;}

    /* sektioner */
    section{padding:56px 0;}
    .eyebrow{text-align:center; font-size:13px; font-weight:700; letter-spacing:2px; color:var(--green); text-transform:uppercase;}
    .h2{font-size:clamp(26px,4.5vw,38px); font-weight:800; color:var(--ink); text-align:center; margin-top:10px;}
    .lead{text-align:center; color:var(--muted); font-size:18px; max-width:60ch; margin:16px auto 0;}

    .grid2{display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:40px;}
    .grid3{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:40px;}
    .card{background:var(--card); border:1px solid var(--line); border-radius:22px; padding:28px;}
    .card .ic{width:54px;height:54px;border-radius:15px;background:var(--mint);display:grid;place-items:center;margin-bottom:16px;}
    .card .ic svg{width:26px;height:26px;stroke:var(--green-dark);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
    .card h3{font-size:20px; font-weight:700; margin-bottom:8px;}
    .card p{color:var(--muted); font-size:15.5px;}
    .card .link{display:inline-block; margin-top:14px; color:var(--green-mid); font-weight:700; font-size:15px; text-decoration:none;}
    .card .link:hover{text-decoration:underline;}

    /* om-sektion (mint) */
    .about{background:var(--mint); border-radius:28px; padding:56px 28px; text-align:center;}
    .about p{max-width:64ch; margin:18px auto 0; color:#31513c; font-size:18px;}

    /* skærm-kort */
    .shot{background:var(--card); border:1px solid var(--line); border-radius:22px; overflow:hidden;}
    .shot .ph{aspect-ratio:9/16; background:linear-gradient(160deg,#eaf6ee,#f6fbf7); display:grid; place-items:center; color:#9bb6a4;}
    .shot .ph svg{width:46px;height:46px;stroke:var(--green);fill:none;stroke-width:1.6;opacity:.7;}
    .shot .ph small{display:block;margin-top:10px;font-size:12px;color:#9bb6a4;font-weight:600;}
    .shot img{width:100%; height:auto; display:block; background:#f6fbf7; border-bottom:1px solid var(--line);}
    .shot .cap{padding:16px 18px; font-size:14.5px; color:var(--muted);}
    .shot .cap b{color:var(--ink); font-weight:700;}

    /* fordele */
    .benefit{background:var(--card); border:1px solid var(--line); border-radius:22px; padding:26px; text-align:left;}
    .benefit .ic{width:46px;height:46px;border-radius:13px;background:var(--green);display:grid;place-items:center;margin-bottom:14px;}
    .benefit .ic svg{width:23px;height:23px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
    .benefit h3{font-size:17px;font-weight:700;margin-bottom:6px;}
    .benefit p{color:var(--muted); font-size:15px;}

    /* pris */
    .pris{background:var(--card); border:1px solid var(--line); border-radius:28px; padding:48px 28px; text-align:center; margin-top:40px;}
    .pris .big{font-family:'Plus Jakarta Sans',sans-serif; font-size:44px; font-weight:800; color:var(--green-dark);}
    .pris .big span{font-size:18px; color:var(--muted); font-weight:600;}
    .pris ul{list-style:none; margin:22px auto 26px; max-width:340px; text-align:left;}
    .pris li{padding:8px 0 8px 30px; position:relative; color:#31513c;}
    .pris li::before{content:"✓"; position:absolute; left:0; color:var(--green); font-weight:800;}

    /* final cta */
    .final{background:linear-gradient(150deg,var(--green) 0%,var(--green-dark) 100%); border-radius:28px; padding:60px 28px; text-align:center; color:#fff;}
    .final h2{font-size:clamp(28px,5vw,40px); font-weight:800;}
    .final p{margin:14px auto 28px; max-width:50ch; color:#dff3e6; font-size:18px;}
    .btn-white{background:#fff; color:var(--green-dark); padding:16px 32px; font-size:17px;}
    .btn-white:hover{filter:brightness(.97);}

    footer{padding:48px 0 120px; text-align:center; color:#9ca3af; font-size:14px;}
    footer .flinks{display:flex; gap:22px; justify-content:center; flex-wrap:wrap; margin-bottom:14px;}
    footer a{color:var(--green-mid); text-decoration:none; font-weight:600;}
    footer a:hover{text-decoration:underline;}

    /* flydende nav */
    .nav{position:fixed; bottom:16px; left:50%; transform:translateX(-50%); z-index:20;
      background:#fff; border:1px solid var(--line); border-radius:30px; box-shadow:0 14px 40px -10px rgba(30,86,49,.28);
      display:flex; gap:2px; padding:7px;}
    .nav a{display:flex; flex-direction:column; align-items:center; gap:3px; text-decoration:none; color:var(--muted);
      font-size:11px; font-weight:600; padding:8px 14px; border-radius:22px;}
    .nav a svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
    .nav a.on{background:var(--green); color:#fff;}
    @media (max-width:560px){ .grid2,.grid3{grid-template-columns:1fr;} .nav a{padding:8px 10px;} .nav a span{font-size:10px;} }

    /* onboarding-intro (ligesom Rork) — vises først, ovenpå siden */
    .intro{position:fixed; inset:0; z-index:100; display:flex; flex-direction:column;
      background:radial-gradient(85% 55% at 50% 14%, #e3f2e9, transparent 72%), linear-gradient(180deg,#f2f9f4, #fbfdfb 55%, #fff);
      opacity:1; transition:opacity .45s ease;}
    .intro.hidden{opacity:0; pointer-events:none;}
    .intro .skip{position:absolute; top:calc(env(safe-area-inset-top,0px) + 20px); right:24px; z-index:3;
      background:none; border:none; cursor:pointer; font-family:'Plus Jakarta Sans',sans-serif; font-weight:600; font-size:15px; color:var(--muted);}
    .intro .stage{flex:1; overflow:hidden;}
    .intro .track{display:flex; height:100%; width:300%; transition:transform .42s cubic-bezier(.4,0,.2,1);}
    .islide{width:33.3333%; flex:0 0 33.3333%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:0 34px;}
    .tile-wrap{position:relative; margin-bottom:40px;}
    .tile{position:relative; z-index:2; width:168px; height:168px; border-radius:40px;
      background:linear-gradient(155deg,#3ba55c 0%,#1e5631 100%); display:grid; place-items:center;
      box-shadow:0 28px 52px -16px rgba(30,86,49,.5);}
    .tile svg{width:66px;height:66px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
    .dot-gold{position:absolute; z-index:1; top:-16px; right:-16px; width:56px;height:56px;border-radius:50%;background:var(--gold);}
    .dot-soft{position:absolute; z-index:1; bottom:-8px; left:-12px; width:42px;height:42px;border-radius:50%;background:#fff; box-shadow:0 8px 18px -6px rgba(30,86,49,.2);}
    .islide h2{font-size:32px; font-weight:800; color:var(--ink);}
    .islide p{margin-top:16px; color:var(--muted); font-size:17px; line-height:1.55; max-width:30ch;}
    .intro .bottom{padding:0 22px calc(env(safe-area-inset-bottom,0px) + 28px);}
    .intro .dots{display:flex; gap:8px; justify-content:center; margin-bottom:22px;}
    .intro .dots i{width:8px;height:8px;border-radius:50%;background:#cfe3d6; transition:width .3s, background .3s;}
    .intro .dots i.on{width:26px; background:var(--green);}
    .btn.next{width:100%;}

    /* ===== Rork-sektioner (rig version) ===== */
    .sub-lead{text-align:center; color:var(--muted); font-size:17px; max-width:52ch; margin:14px auto 0;}

    /* feature-grid */
    .feat{background:var(--card); border:1px solid var(--line); border-radius:22px; padding:26px;}
    .feat .top{display:flex; align-items:center; gap:12px; flex-wrap:wrap;}
    .feat .fic{width:52px;height:52px;border-radius:15px;background:var(--mint);display:grid;place-items:center;flex:0 0 auto;}
    .feat .fic svg{width:25px;height:25px;stroke:var(--green-dark);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
    .feat h3{font-size:20px;font-weight:700;color:var(--ink);}
    .feat p{margin-top:12px; color:var(--muted); font-size:15.5px; line-height:1.55;}
    .tag{display:inline-block; font-size:11px; font-weight:800; letter-spacing:.6px; padding:4px 10px; border-radius:20px; text-transform:uppercase;}
    .tag.begge{background:var(--green); color:#fff;}
    .tag.bp{background:transparent; color:var(--green-mid); border:1.5px solid #bfe0c9;}

    /* stat-kort */
    .stat{background:var(--card); border:1px solid var(--line); border-radius:22px; padding:26px;}
    .stat .sic{width:44px;height:44px;border-radius:12px;background:var(--mint);display:grid;place-items:center;margin-bottom:14px;}
    .stat .sic svg{width:22px;height:22px;stroke:var(--green);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
    .stat .num{font-family:'Plus Jakarta Sans',sans-serif; font-size:44px; font-weight:800; color:var(--green-dark); line-height:1;}
    .stat .slabel{font-weight:700; color:var(--ink); margin-top:8px;}
    .stat p{margin-top:8px; color:var(--muted); font-size:15px;}

    /* rolle-toggle */
    .toggle{display:flex; gap:6px; background:#eef5f0; border:1px solid var(--line); border-radius:40px; padding:6px; max-width:560px; margin:28px auto 0;}
    .toggle button{flex:1; display:flex; align-items:center; justify-content:center; gap:8px; border:none; cursor:pointer; font-family:'Plus Jakarta Sans',sans-serif; font-weight:700; font-size:15px; color:var(--muted); background:transparent; padding:13px 10px; border-radius:34px; transition:all .2s;}
    .toggle button svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
    .toggle button.on{background:var(--green); color:#fff; box-shadow:0 8px 18px -8px rgba(59,165,92,.6);}

    /* trin */
    .steps{max-width:760px; margin:34px auto 0; display:flex; flex-direction:column; gap:16px;}
    .step{display:flex; gap:18px; align-items:flex-start; background:var(--card); border:1px solid var(--line); border-radius:20px; padding:22px 24px;}
    .step .n{flex:0 0 auto; width:46px;height:46px;border-radius:50%; background:linear-gradient(155deg,var(--green),var(--green-dark)); color:#fff; font-weight:800; font-size:18px; display:grid; place-items:center;}
    .step h3{font-size:19px; font-weight:700; color:var(--ink);}
    .step p{margin-top:6px; color:var(--muted); font-size:15.5px;}

    /* priser (2 kort) */
    .ptable{display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-top:40px;}
    .pcard{position:relative; border-radius:26px; padding:34px; border:1px solid var(--line); background:var(--card);}
    .pcard.green{background:linear-gradient(160deg,var(--green) 0%,var(--green-dark) 100%); border:none; color:#fff;}
    .pcard .pbadge{position:absolute; top:-16px; left:28px; background:var(--gold); color:#3a2c00; font-weight:800; font-size:14px; padding:9px 18px; border-radius:24px; display:inline-flex; gap:7px; align-items:center; box-shadow:0 10px 22px -8px rgba(244,196,48,.7);}
    .pcard h3{font-size:24px; font-weight:800;}
    .pcard.green h3{color:#fff;}
    .pcard .pdesc{margin-top:10px; font-size:15.5px; line-height:1.55;}
    .pcard.green .pdesc{color:#dff3e6;}
    .pcard:not(.green) .pdesc{color:var(--muted);}
    .pcard .price{font-family:'Plus Jakarta Sans',sans-serif; font-weight:800; margin-top:22px; line-height:1;}
    .pcard .price b{font-size:52px;}
    .pcard .price span{font-size:16px; font-weight:600; opacity:.8;}
    .pcard.green .price{color:#fff;} .pcard:not(.green) .price{color:var(--green-dark);}
    .plist{list-style:none; margin-top:22px; display:flex; flex-direction:column; gap:12px;}
    .plist li{display:flex; gap:11px; align-items:flex-start; font-size:15.5px; line-height:1.4;}
    .plist li svg{flex:0 0 auto; width:22px;height:22px; margin-top:1px;}
    .pcard.green .plist li{color:#eafaf0;}
    .pcard:not(.green) .plist li{color:#31513c;}

    /* book demo band */
    .demo{background:linear-gradient(150deg,var(--green) 0%,var(--green-dark) 100%); border-radius:28px; padding:48px 28px; text-align:center; color:#fff; margin-bottom:36px;}
    .demo h2{font-size:clamp(26px,4.5vw,36px); font-weight:800;}
    .demo p{margin:12px auto 24px; color:#dff3e6; font-size:17px; max-width:46ch;}

    /* kontakt-kort */
    .cinfo{display:grid; grid-template-columns:1fr 1fr; gap:20px;}
    .cbox{display:flex; gap:16px; align-items:center; background:var(--card); border:1px solid var(--line); border-radius:20px; padding:22px 24px;}
    .cbox .cic{width:52px;height:52px;border-radius:15px;background:var(--mint);display:grid;place-items:center;flex:0 0 auto;}
    .cbox .cic svg{width:24px;height:24px;stroke:var(--green-dark);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
    .cbox .ceyebrow{font-size:12px; font-weight:800; letter-spacing:1px; color:var(--green); text-transform:uppercase;}
    .cbox .cval{font-size:19px; font-weight:800; color:var(--ink); margin-top:2px;}
    .cbox .csub{font-size:14px; color:var(--muted); margin-top:2px;}

    /* faq */
    .faq{max-width:820px; margin:24px auto 0; background:var(--card); border:1px solid var(--line); border-radius:22px; overflow:hidden;}
    .faq details{border-bottom:1px solid var(--line);}
    .faq details:last-child{border-bottom:none;}
    .faq summary{list-style:none; cursor:pointer; padding:22px 24px; font-weight:700; font-size:17px; color:var(--ink); display:flex; justify-content:space-between; align-items:center; gap:12px;}
    .faq summary::-webkit-details-marker{display:none;}
    .faq summary .chev{transition:transform .2s; color:var(--green); flex:0 0 auto;}
    .faq details[open] summary .chev{transform:rotate(180deg);}
    .faq .ans{padding:0 24px 22px; color:var(--muted); font-size:15.5px; line-height:1.6;}

    @media (max-width:640px){
      .ptable,.cinfo{grid-template-columns:1fr;}
      .pcard .price b{font-size:44px;}
      .step{padding:18px;}
    }

    /* browser-mockup (Sådan-sektionen) */
    .browser{background:var(--card); border:1px solid var(--line); border-radius:22px; overflow:hidden; margin:30px auto 0; max-width:920px; box-shadow:0 24px 60px -24px rgba(30,86,49,.25);}
    .browser .bar{position:relative; display:flex; align-items:center; padding:13px 18px; background:#fbfdfb; border-bottom:1px solid var(--line); min-height:46px;}
    .browser .bdots{display:flex; gap:7px;}
    .browser .bdots i{width:13px;height:13px;border-radius:50%;}
    .browser .bdots i:nth-child(1){background:var(--gold);}
    .browser .bdots i:nth-child(2){background:var(--green);}
    .browser .url{position:absolute; left:50%; transform:translateX(-50%); background:var(--mint); border-radius:10px; padding:7px 18px; font-size:13.5px; font-weight:700; color:var(--ink);}
    .browser img{width:100%; display:block; background:#f6fbf7;}

/* --- Funktioner: showcase med app-screenshots --- */
.showcase{display:flex; flex-direction:column; gap:64px; margin:56px 0 72px;}
.show-row{display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center;}
.show-row.rev .show-phone{order:2;}
.show-phone{display:flex; justify-content:center;}
.show-phone .frame{width:min(300px,78vw); border-radius:34px; border:7px solid #16261c; background:#16261c; overflow:hidden;
  box-shadow:0 30px 60px -22px rgba(30,86,49,.4);}
.show-phone .frame img{width:100%; display:block; border-radius:26px;}
.show-txt .kicker{font-size:13px; font-weight:700; letter-spacing:2px; color:var(--green); text-transform:uppercase;}
.show-txt h3{font-family:'Plus Jakarta Sans',sans-serif; font-size:clamp(24px,3.4vw,32px); font-weight:800; color:var(--ink); margin-top:8px; letter-spacing:-.4px; line-height:1.12;}
.show-txt p{margin-top:12px; color:var(--muted); font-size:17px; max-width:44ch;}
.show-txt ul{margin-top:16px; display:flex; flex-direction:column; gap:10px;}
.show-txt li{list-style:none; display:flex; gap:10px; align-items:flex-start; font-weight:600; color:var(--ink); font-size:15.5px;}
.show-txt li svg{width:20px; height:20px; flex:0 0 auto; margin-top:1px; stroke:var(--green); fill:none; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round;}
.grid-head{text-align:center; font-family:'Plus Jakarta Sans',sans-serif; font-size:clamp(22px,3.4vw,30px); font-weight:800; color:var(--ink); margin-top:64px;}
.grid-sub{text-align:center; color:var(--muted); margin-top:8px;}
@media (max-width:820px){
  .show-row{grid-template-columns:1fr; gap:26px;}
  .show-row.rev .show-phone{order:0;}
  .show-txt{text-align:center;}
  .show-txt p{margin-left:auto; margin-right:auto;}
  .show-txt ul{align-items:center;}
  .showcase{gap:52px; margin:40px 0 56px;}
}

/* --- Funktioner: kompakt restliste --- */
.minis{display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-top:26px;}
.mini{display:flex; gap:14px; align-items:flex-start; background:var(--card); border:1px solid var(--line); border-radius:16px; padding:16px 18px;}
.mini .fic{width:42px; height:42px; border-radius:12px; background:var(--mint); display:grid; place-items:center; flex:0 0 auto;}
.mini .fic svg{width:21px; height:21px; stroke:var(--green-dark); fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;}
.mini b{display:block; font-size:16px; color:var(--ink);}
.mini span{display:block; font-size:14px; color:var(--muted); margin-top:2px;}
@media (max-width:680px){ .minis{grid-template-columns:1fr;} }
.show-txt .kicker .tag{margin-left:10px; vertical-align:middle;}

/* --- Sådan-siden: telefon + trin side om side --- */
.how-grid{display:grid; grid-template-columns:minmax(250px,330px) 1fr; gap:54px; align-items:center; margin-top:38px;}
.how-phone{display:flex; flex-direction:column; align-items:center; gap:14px;}
.how-phone .frame{width:min(300px,80vw); border-radius:34px; border:7px solid #16261c; background:#16261c; overflow:hidden;
  box-shadow:0 30px 60px -22px rgba(30,86,49,.4);}
.how-phone .frame img{width:100%; display:block; border-radius:26px;}
.how-grid .steps{margin:0; max-width:none;}
@media (max-width:820px){
  .how-grid{grid-template-columns:1fr; gap:28px;}
  .how-phone .frame{width:min(240px,70vw);}
}

/* ============ 3D-dybde på tværs af sitet ============ */
/* Prickort: løft + svag tilt */
.pcard{transition:transform .3s ease, box-shadow .3s ease; will-change:transform;}
.pcard:hover{transform:translateY(-8px) perspective(900px) rotateX(1.6deg); box-shadow:0 38px 70px -30px rgba(30,86,49,.45);}
.pcard.green{box-shadow:0 26px 55px -22px rgba(30,86,49,.4);}
/* Kort generelt: løft ved hover */
.feat,.mini,.step,.stat,.cbox,.card{transition:transform .25s ease, box-shadow .25s ease;}
.feat:hover,.mini:hover,.stat:hover{transform:translateY(-5px); box-shadow:0 20px 42px -20px rgba(30,86,49,.3);}
.step:hover{transform:translateY(-4px); box-shadow:0 18px 38px -18px rgba(30,86,49,.28);}
.cbox:hover{transform:translateY(-5px); box-shadow:0 22px 44px -20px rgba(30,86,49,.32); text-decoration:none;}
/* Telefoner: perspektiv-tilt der retter sig op ved hover */
.show-phone .frame{transform:perspective(1400px) rotateY(-7deg) rotateX(1.5deg); transition:transform .35s ease, box-shadow .35s ease;}
.show-row.rev .show-phone .frame{transform:perspective(1400px) rotateY(7deg) rotateX(1.5deg);}
.show-row:hover .show-phone .frame{transform:perspective(1400px) rotateY(0deg) rotateX(0deg); box-shadow:0 40px 80px -26px rgba(30,86,49,.5);}
.how-phone .frame{transform:perspective(1400px) rotateY(-6deg); transition:transform .35s ease, box-shadow .35s ease;}
.how-grid:hover .how-phone .frame{transform:perspective(1400px) rotateY(0deg); box-shadow:0 40px 80px -26px rgba(30,86,49,.5);}
/* CTA: indre glans + glød */
.final{position:relative; overflow:hidden; box-shadow:0 34px 70px -26px rgba(30,86,49,.55);}
.final::before{content:""; position:absolute; inset:-40% -20% auto; height:70%; background:radial-gradient(55% 90% at 50% 0%, rgba(255,255,255,.22), transparent 70%); pointer-events:none;}
.final .btn{position:relative;}
/* FAQ-kort: dybde */
.faq details{transition:transform .22s ease, box-shadow .22s ease;}
.faq details:hover{transform:translateY(-3px); box-shadow:0 16px 34px -16px rgba(30,86,49,.25);}

/* ============ Priser: pristrappe ============ */
.tiers{display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin-top:28px; max-width:640px; margin-left:auto; margin-right:auto;}
.tier{background:var(--card); border:1px solid var(--line); border-radius:20px; padding:24px 20px; text-align:center;
  transition:transform .25s ease, box-shadow .25s ease; position:relative;}
.tier:hover{transform:translateY(-6px) perspective(800px) rotateX(2deg); box-shadow:0 26px 52px -22px rgba(30,86,49,.35); border-color:#cde8d6;}
.tier b{display:block; font-size:14px; font-weight:800; letter-spacing:.8px; text-transform:uppercase; color:var(--green-mid);}
.tier .tp{font-family:'Plus Jakarta Sans',sans-serif; font-size:30px; font-weight:800; color:var(--ink); margin-top:10px; letter-spacing:-.5px;}
.tier span{display:block; font-size:13.5px; color:var(--muted); margin-top:6px;}
@media (max-width:880px){ .tiers{grid-template-columns:repeat(2,1fr);} }
@media (max-width:460px){ .tiers{grid-template-columns:1fr;} }

/* ============ Support: hurtige genveje ============ */
.quick{display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-top:26px; max-width:860px;}
.quick a{display:flex; align-items:center; gap:14px; background:var(--card); border:1px solid var(--line); border-radius:16px; padding:16px 18px;
  color:var(--ink); font-weight:700; transition:transform .22s ease, box-shadow .22s ease;}
.quick a:hover{transform:translateY(-4px); box-shadow:0 18px 38px -18px rgba(30,86,49,.3); text-decoration:none; border-color:#cde8d6;}
.quick .fic{width:40px; height:40px; border-radius:12px; background:var(--mint); display:grid; place-items:center; flex:0 0 auto;}
.quick .fic svg{width:20px; height:20px; stroke:var(--green-dark); fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;}
.quick .chev{margin-left:auto; color:var(--muted); font-weight:800;}
@media (max-width:640px){ .quick{grid-template-columns:1fr;} }

/* --- Links: væk med standard-understregning --- */
a{text-decoration:none;}
.ans a, p a{text-decoration:underline;}
.btn, .quick a, .cbox, .rowcard{text-decoration:none !important;}

/* --- Support: grønt primær-kontaktkort --- */
.cbox.primary{background:linear-gradient(150deg,var(--green),var(--green-dark)); border:none;}
.cbox.primary .cic{background:rgba(255,255,255,.16);}
.cbox.primary .cic svg{stroke:#fff;}
.cbox.primary .ceyebrow{color:#d7f2e0;}
.cbox.primary .cval{color:#fff;}
.cbox.primary .csub{color:rgba(255,255,255,.85);}

/* --- Support: FAQ med telefon i siden --- */
.faq-grid{display:grid; grid-template-columns:1fr 300px; gap:52px; align-items:start;}
.faq-grid .faq{max-width:none;}
.faq-side{position:sticky; top:28px; display:flex; flex-direction:column; align-items:center; gap:13px;}
.faq-side .frame{width:min(260px,70vw); border-radius:30px; border:6px solid #16261c; background:#16261c; overflow:hidden;
  box-shadow:0 26px 55px -20px rgba(30,86,49,.45); transform:perspective(1200px) rotateY(7deg); transition:transform .35s ease;}
.faq-side .frame img{width:100%; display:block; border-radius:24px;}
.faq-side:hover .frame{transform:perspective(1200px) rotateY(0);}
@media (max-width:900px){ .faq-grid{grid-template-columns:1fr;} .faq-side{display:none;} }

/* Log ind-knap i header (undersider) */
header{display:flex; align-items:center; justify-content:space-between;}
.hlogin{background:var(--green); color:#fff !important; border-radius:999px; padding:10px 22px; font-weight:700; font-size:14.5px; white-space:nowrap; box-shadow:0 10px 24px -10px rgba(59,165,92,.55); transition:transform .2s, filter .2s;}
.hlogin:hover{transform:translateY(-2px); filter:brightness(1.05); text-decoration:none;}

/* Pris-toggle (månedligt/halvårligt) */
.ptoggle{display:flex; gap:6px; background:#eef5f0; border:1px solid var(--line); border-radius:40px; padding:6px; max-width:420px; margin:26px auto 0;}
.ptoggle button{flex:1; border:none; cursor:pointer; font-family:'Plus Jakarta Sans',sans-serif; font-weight:700; font-size:14.5px; color:var(--muted); background:transparent; padding:11px 10px; border-radius:34px; transition:all .2s;}
.ptoggle button.on{background:var(--green); color:#fff; box-shadow:0 8px 18px -8px rgba(59,165,92,.6);}
.tier .vis-halv{display:none;}
.tiers.halv .vis-md{display:none;}
.tiers.halv .vis-halv{display:block;}
.tier .vis-md > span, .tier .vis-halv > span{display:block; font-size:13.5px; color:var(--muted); margin-top:6px;}