/* Turbog DEMO – startside og prøve-formular (samme udtryk som turbog.dk) */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--navy:#1e1e2e;--navy2:#26263c;--blue:#1a5ee6;--bg:#eff1f5;--text:#2d2f45;--muted:#6c6f85;--green:#22c55e;--green-dark:#178740;--green-darker:#15803d;--red:#cf3b3b;--r:14px}
html{scroll-behavior:smooth}
body.demo-side{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
:focus-visible{outline:3px solid rgba(22,163,74,.6);outline-offset:2px;border-radius:4px}
.ds-container{max-width:1100px;margin-inline:auto;padding-inline:22px}
.ds-hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(155deg,#1e1e2e 0%,#26263c 70%,#302d41 100%)}
.ds-road{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.ds-nav{position:relative;display:flex;justify-content:space-between;align-items:center;gap:14px;padding-top:26px}
.ds-logo{display:block;color:#fff;text-decoration:none}
.ds-ghost{display:inline-block;color:#fff;text-decoration:none;font-weight:600;font-size:.88rem;padding:9px 18px;border:1px solid rgba(255,255,255,.35);border-radius:var(--r);white-space:nowrap}
.ds-ghost:hover{border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.06)}
.ds-hero-grid{position:relative;display:grid;gap:44px;padding-block:44px 64px}
.ds-kicker{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--green);margin-bottom:10px}
.ds-hero h1{font-size:clamp(1.9rem,4.6vw,2.8rem);line-height:1.15;letter-spacing:-.02em;font-weight:800}
.ds-sub{margin-top:16px;font-size:1.05rem;color:rgba(255,255,255,.82);max-width:36em}
.ds-startform{margin-top:26px}
.ds-startform label{display:block;font-size:.9rem;font-weight:600;margin-bottom:6px}
.ds-startform label span{font-weight:400;color:rgba(255,255,255,.65)}
.ds-startform input[type=text]{width:min(100%,360px);padding:12px 14px;font-size:1rem;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;outline:none}
.ds-startform input[type=text]::placeholder{color:rgba(255,255,255,.45)}
.ds-startform input[type=text]:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(34,197,94,.25)}
.ds-valg{display:grid;gap:14px;margin-top:18px}
.ds-kort{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;background:#fff;color:var(--text);border:none;border-radius:var(--r);padding:20px 20px 18px;cursor:pointer;font:inherit;box-shadow:0 18px 40px -20px rgba(17,17,27,.6);transition:transform .15s ease,box-shadow .15s ease}
.ds-kort:hover{transform:translateY(-2px);box-shadow:0 22px 44px -18px rgba(17,17,27,.7)}
.ds-kort strong{font-size:1.08rem}
.ds-kort > span{font-size:.92rem;color:var(--muted);margin-bottom:10px}
.ds-kort-ikon{font-size:1.7rem;line-height:1;color:var(--text)!important}
.ds-kort-knap{margin-top:auto;padding-top:0;display:inline-block;background:var(--green-dark);color:#fff!important;font-weight:700;font-size:.95rem!important;padding:10px 18px;border-radius:10px}
.ds-kort:hover .ds-kort-knap{background:var(--green-darker)}
.ds-note{margin-top:18px;font-size:.88rem;color:rgba(255,255,255,.62);max-width:36em}
.ds-visual{position:relative;display:grid;gap:18px;align-content:center}
.ds-visual img{display:block;max-width:100%;height:auto;border-radius:12px;box-shadow:0 30px 60px -28px rgba(17,17,27,.8)}
.ds-visual .ds-skaerm{border:1px solid rgba(255,255,255,.12)}
.ds-visual .ds-telefon{width:min(220px,55%);justify-self:end;margin-top:-90px;margin-right:-6px;border-radius:26px;border:6px solid #11111b;background:#11111b}
.ds-cta{position:relative;overflow:hidden;text-align:center;padding-block:70px}
.ds-cta h2{font-size:clamp(1.5rem,3.2vw,2.1rem);letter-spacing:-.015em;font-weight:800;line-height:1.2}
.ds-cta p{margin-top:12px;color:var(--muted);max-width:40em;margin-inline:auto}
.ds-btn{display:inline-block;background:var(--green-dark);color:#fff;font-weight:700;font-size:1.05rem;padding:14px 30px;border-radius:var(--r);text-decoration:none;margin-top:24px;box-shadow:0 10px 24px -10px rgba(21,128,61,.55);border:none;cursor:pointer;font-family:inherit;transition:background .15s ease,transform .15s ease}
.ds-btn:hover{background:var(--green-darker);transform:translateY(-1px)}
.ds-mail{margin-top:16px;font-size:.92rem}
.ds-mail a{color:var(--blue);font-weight:600}
.ds-foot{text-align:center;color:var(--muted);font-size:.82rem;padding:0 22px 36px}
/* Prøve-formular */
.ds-proev{display:grid;gap:26px;padding-block:44px 70px}
.ds-panel{background:#fff;border-radius:var(--r);border:1px solid rgba(30,30,46,.06);box-shadow:0 2px 12px rgba(30,30,46,.05);padding:28px 26px}
.ds-panel h2{font-size:1.2rem;margin-bottom:6px}
.ds-panel .ds-intro{color:var(--muted);font-size:.95rem;margin-bottom:14px}
.ds-felt{margin-top:14px}
.ds-felt label{display:block;font-size:.88rem;font-weight:600;margin-bottom:5px}
.ds-felt label span{font-weight:400;color:var(--muted)}
.ds-felt input,.ds-felt select,.ds-felt textarea{width:100%;padding:12px 14px;font-size:1rem;font-family:inherit;border:1px solid #cfd4e2;border-radius:10px;background:#fff;color:var(--text);outline:none}
.ds-felt input:focus,.ds-felt select:focus,.ds-felt textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(26,94,230,.15)}
.ds-felt textarea{min-height:88px;resize:vertical}
.ds-to{display:grid;gap:0 14px}
.ds-sub-felt{display:flex;align-items:center;gap:0}
.ds-sub-felt input{border-radius:10px 0 0 10px;min-width:0}
.ds-sub-felt span{padding:12px 12px;border:1px solid #cfd4e2;border-left:none;border-radius:0 10px 10px 0;background:var(--bg);color:var(--muted);white-space:nowrap;font-size:.95rem}
.ds-fejl{background:rgba(207,59,59,.08);border:1px solid rgba(207,59,59,.35);color:var(--red);border-radius:10px;padding:12px 16px;margin-bottom:14px;font-size:.92rem}
.ds-fejl ul{margin-left:18px}
.ds-ok{text-align:center;padding:34px 20px}
.ds-ok .ds-check{width:64px;height:64px;border-radius:50%;background:rgba(23,135,64,.12);color:var(--green-dark);display:grid;place-items:center;margin:0 auto 16px;font-size:1.8rem;font-weight:800}
.ds-ok h2{font-size:1.4rem}
.ds-ok p{color:var(--muted);margin-top:10px;max-width:36em;margin-inline:auto}
.ds-lille{font-size:.84rem;color:var(--muted);margin-top:12px}
.ds-trin{list-style:none;display:grid;gap:14px}
.ds-trin li{display:flex;gap:14px;align-items:flex-start}
.ds-trin .ds-num{flex:none;width:34px;height:34px;border-radius:10px;background:var(--navy);color:#fff;font-weight:800;display:grid;place-items:center}
.ds-trin strong{display:block}
.ds-trin p{color:var(--muted);font-size:.93rem}
.ds-faq{margin-top:22px}
.ds-faq details{border-top:1px solid rgba(30,30,46,.08);padding:10px 0}
.ds-faq summary{cursor:pointer;font-weight:600;font-size:.95rem}
.ds-faq p{margin-top:6px;color:var(--muted);font-size:.92rem}
.hp{position:absolute;left:-9999px;top:-9999px;height:0;width:0;overflow:hidden}
@media (min-width:860px){.ds-hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;padding-block:56px 80px}.ds-valg{grid-template-columns:1fr 1fr}.ds-proev{grid-template-columns:1.15fr .85fr;align-items:start}.ds-to{grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
/* Store skærmbilleder må aldrig sprænge layoutet (min-width:auto på grid-børn) */
.ds-hero-grid > *{min-width:0}
.ds-visual img{width:100%;height:auto}
.ds-kort-ikon{color:var(--green-dark)!important}
.ds-kort-ikon svg{display:block}

/* Mobil: mindre logo og kort tilbage-link, så topbjælken bliver på én linje uden at blive klippet */
@media (max-width:639px){
  .ds-nav{gap:10px;padding-top:18px}
  .ds-logo svg{width:150px;height:auto}
  .ds-ghost{padding:8px 12px;font-size:.84rem;white-space:nowrap}
  .ds-ghost-lang{display:none}
  .ds-hero-grid{padding-block:34px 48px}
}

/* Bundsektion på startsiden: grøn kontakt-knap + lys sekundær knap til prøven */
.ds-cta-knapper{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}
.ds-cta-knapper .ds-btn{margin-top:0}
.ds-btn-sekundaer{background:#fff;color:var(--navy);border:1px solid rgba(30,30,46,.22);box-shadow:none}
.ds-btn-sekundaer:hover{background:#f7f8fb;transform:translateY(-1px)}
@media (max-width:639px){.ds-cta-knapper .ds-btn{width:100%;text-align:center}}