/* NeuroTune Klinik, klinik.neurotune.io
   Egen side til klinikker, adskilt fra patientsiden neurotune.io.
   Samme maerke og farvefamilie, men et roligere, mere klinisk udtryk:
   hvid flade, smalle linjer, produktet i fokus. */
:root{
  --bg:#FFFFFF; --flade:#F6F5F1; --sand:#EEEBE3; --linje:#E2DED4;
  --ink:#17201A; --ink2:#4F5852; --ink3:#6B726C;
  --dyb:#22382A; --groen:#3F6A3B; --lys:#DCE6D6; --paa-dyb:#ECEFE8; --paa-dyb2:#A9BCA4;
  --maks:72rem; --smal:42rem;
  --skygge:0 30px 70px -30px rgba(23,32,26,.35), 0 2px 8px -2px rgba(23,32,26,.08);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Public Sans',system-ui,-apple-system,sans-serif;
  font-size:17px;line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:var(--groen)}
a:hover{color:var(--dyb)}
h1,h2,h3{font-family:Newsreader,"Iowan Old Style",Georgia,serif;font-weight:400;margin:0;line-height:1.12;letter-spacing:-.01em}
h1{font-size:clamp(2.3rem,5.2vw,3.9rem)}
h2{font-size:clamp(1.8rem,3.4vw,2.6rem)}
h3{font-size:1.35rem;line-height:1.25}
p{margin:0}
.wrap{max-width:var(--maks);margin:0 auto;padding:0 clamp(1rem,4vw,2rem)}
.smal{max-width:var(--smal)}
.stak>*+*{margin-top:1rem}
.eyebrow{font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--groen)}
.lead{font-size:clamp(1.08rem,1.6vw,1.22rem);color:var(--ink2);line-height:1.55}
.spring{position:absolute;left:-999px}
.spring:focus{left:1rem;top:1rem;background:#fff;padding:.5rem 1rem;z-index:20}

/* Knapper */
.knap{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 1.4rem;border-radius:999px;
  font-weight:600;font-size:.98rem;text-decoration:none;background:var(--dyb);color:#fff;border:1px solid var(--dyb);
  transition:background .15s ease,transform .15s ease}
.knap:hover{background:#18281E;color:#fff;transform:translateY(-1px)}
.knap-lys{background:transparent;color:var(--dyb);border-color:#BFC7BC}
.knap-lys:hover{background:var(--flade);color:var(--dyb)}
.knap-paa-dyb{background:var(--paa-dyb);color:var(--dyb);border-color:var(--paa-dyb)}
.knap-paa-dyb:hover{background:#fff;color:var(--dyb)}
.knap:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--groen);outline-offset:3px}
.knapper{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.8rem}

/* Top */
.top{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);
  -webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--linje)}
.top .wrap{display:flex;align-items:center;gap:1rem 2rem;min-height:68px;flex-wrap:wrap}
.maerke{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--dyb);font-weight:600;letter-spacing:.16em;
  font-size:.86rem;text-transform:uppercase}
.maerke img{width:26px;height:auto}
.maerke span{font-weight:500;color:var(--ink3);letter-spacing:.16em}
.top-nav{display:flex;gap:1.6rem;font-size:.92rem;margin-left:auto}
.top-nav a{color:var(--ink2);text-decoration:none;padding:.4rem 0}
.top-nav a:hover{color:var(--dyb)}
.top .knap{min-height:42px;padding:0 1.1rem;font-size:.9rem}
@media(max-width:60rem){
  .top-nav{order:3;width:100%;margin:0 0 .4rem;gap:1.1rem;font-size:.86rem;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
  .top-nav::-webkit-scrollbar{display:none}
  .top .knap{margin-left:auto}
}

/* Hero */
.hero{padding:clamp(3rem,7vw,5.5rem) 0 0;background:linear-gradient(180deg,var(--flade) 0,var(--flade) 62%,var(--bg) 62%)}
.hero-tekst{max-width:46rem}
.hero h1{margin-top:.9rem}
.hero .lead{margin-top:1.3rem;max-width:38rem}
.hero-note{margin-top:1rem;font-size:.88rem;color:var(--ink3)}
.browser{margin-top:clamp(2.5rem,5vw,4rem);border-radius:14px;overflow:hidden;background:#fff;box-shadow:var(--skygge);
  border:1px solid var(--linje)}
.browser-bar{display:flex;align-items:center;gap:.4rem;padding:.65rem .9rem;background:#F2F1EC;border-bottom:1px solid var(--linje)}
.browser-bar i{width:10px;height:10px;border-radius:50%;background:#D9D5CB;display:block}
.browser-bar span{margin-left:.8rem;font-size:.76rem;color:var(--ink3);background:#fff;border:1px solid var(--linje);
  border-radius:6px;padding:.15rem .7rem}
.billedtekst{font-size:.82rem;color:var(--ink3);margin-top:.8rem;text-align:center}

/* Fakta-baand */
.fakta{display:grid;gap:1.5rem;padding:clamp(2.5rem,5vw,3.5rem) 0;border-bottom:1px solid var(--linje)}
@media(min-width:48rem){.fakta{grid-template-columns:repeat(3,1fr);gap:2.5rem}}
.fakta b{display:block;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:1.3rem;color:var(--dyb)}
.fakta span{display:block;margin-top:.3rem;color:var(--ink2);font-size:.95rem}

/* Sektioner */
.sek{padding:clamp(4rem,8vw,6.5rem) 0}
.sek-flade{background:var(--flade)}
.sek-dyb{background:var(--dyb);color:var(--paa-dyb)}
.sek-dyb .eyebrow{color:var(--paa-dyb2)}
.sek-dyb .lead,.sek-dyb p{color:#CFD8CC}
.sek-dyb h2,.sek-dyb h3{color:#fff}

/* Problem: to kolonner */
.to{display:grid;gap:2.5rem;align-items:start}
@media(min-width:56rem){.to{grid-template-columns:1fr 1fr;gap:4rem}}
.liste-mork{list-style:none;padding:0;margin:0}
.liste-mork li{padding:1rem 0;border-top:1px solid var(--linje);color:var(--ink2)}
.liste-mork li:last-child{border-bottom:1px solid var(--linje)}
.liste-mork b{color:var(--ink);display:block;font-weight:600}

/* Funktioner med skaermbilleder */
.funktion{display:grid;gap:2rem;align-items:center;margin-top:clamp(3rem,6vw,5rem)}
@media(min-width:60rem){
  .funktion{grid-template-columns:5fr 7fr;gap:3.5rem}
  .funktion.vend{grid-template-columns:7fr 5fr}
  .funktion.vend .funktion-tekst{order:2}
}
.funktion-tekst h3{font-size:clamp(1.5rem,2.4vw,1.9rem)}
.funktion-tekst p{margin-top:.9rem;color:var(--ink2)}
.funktion-tekst ul{margin:1rem 0 0;padding:0;list-style:none}
.funktion-tekst li{padding:.35rem 0 .35rem 1.5rem;position:relative;color:var(--ink2);font-size:.97rem}
.funktion-tekst li::before{content:"";position:absolute;left:0;top:.85rem;width:.6rem;height:2px;background:var(--groen)}
.tag{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--groen);
  background:var(--lys);border-radius:999px;padding:.2rem .7rem;margin-bottom:.9rem}
.skud{border-radius:12px;overflow:hidden;border:1px solid var(--linje);box-shadow:var(--skygge);background:#fff}

/* Trin */
.trin{display:grid;gap:1.25rem;margin-top:2.5rem;counter-reset:t}
@media(min-width:52rem){.trin{grid-template-columns:repeat(3,1fr)}}
.trin li{list-style:none;background:#fff;border:1px solid var(--linje);border-radius:14px;padding:1.6rem 1.5rem;counter-increment:t}
.trin li::before{content:counter(t);display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;
  border-radius:50%;background:var(--dyb);color:#fff;font-weight:600;font-size:.9rem;margin-bottom:1rem}
.trin b{display:block;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:1.25rem}
.trin span{display:block;margin-top:.45rem;color:var(--ink2);font-size:.95rem}
.trin-noter{margin-top:1.4rem;font-size:.9rem;color:var(--ink3)}

/* Graensen */
.par{display:grid;gap:1rem;margin-top:2.5rem}
@media(min-width:56rem){.par{grid-template-columns:repeat(3,1fr)}}
.pars{border:1px solid rgba(236,239,232,.18);background:rgba(236,239,232,.05);border-radius:14px;padding:1.4rem}
.pars .m{display:block;font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.35rem}
.pars .ja .m{color:var(--paa-dyb2)}
.pars .nej{margin-top:1rem}
.pars .nej .m{color:#7F8D7B}
.pars q{display:block;font-family:Newsreader,Georgia,serif;font-size:1.08rem;line-height:1.4;quotes:"»" "«"}
.pars .ja q{color:#fff}
.pars .nej q{color:#8C9A88;text-decoration:line-through;text-decoration-thickness:1px}

/* Sikkerhed */
.gitter{display:grid;gap:1px;background:var(--linje);border:1px solid var(--linje);border-radius:14px;overflow:hidden;margin-top:2.5rem}
@media(min-width:44rem){.gitter{grid-template-columns:1fr 1fr}}
@media(min-width:68rem){.gitter{grid-template-columns:repeat(3,1fr)}}
.gitter div{background:#fff;padding:1.5rem}
.gitter b{display:block;font-weight:600}
.gitter span{display:block;margin-top:.4rem;color:var(--ink2);font-size:.94rem}

/* Pris */
.pris{display:grid;gap:1.25rem;margin-top:2.5rem}
@media(min-width:52rem){.pris{grid-template-columns:1fr 1fr}}
.pris-kort{border:1px solid var(--linje);border-radius:16px;padding:2rem;background:#fff}
.pris-kort.frem{border-color:var(--dyb);box-shadow:0 0 0 1px var(--dyb)}
.pris-kort h3{font-size:1.5rem}
.pris-kort .belob{font-family:Newsreader,Georgia,serif;font-size:1.25rem;color:var(--groen);margin-top:.35rem}
.pris-kort ul{margin:1.2rem 0 0;padding:0;list-style:none}
.pris-kort li{padding:.4rem 0 .4rem 1.6rem;position:relative;color:var(--ink2);font-size:.96rem;border-top:1px solid var(--flade)}
.pris-kort li::before{content:"✓";position:absolute;left:0;color:var(--groen);font-weight:600}

/* Spoergsmaal */
.faq{margin-top:2rem;border-top:1px solid var(--linje)}
.faq details{border-bottom:1px solid var(--linje)}
.faq summary{cursor:pointer;list-style:none;padding:1.15rem 2.2rem 1.15rem 0;font-weight:600;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:.2rem;top:.95rem;font-size:1.4rem;font-weight:400;color:var(--groen)}
.faq details[open] summary::after{content:"–"}
.faq details p{padding:0 0 1.25rem;color:var(--ink2);max-width:46rem}

/* Afslutning og fod */
.slut{text-align:left}
.slut .knapper{margin-top:1.6rem}
footer{background:#14211A;color:#B9C3B6;padding:3rem 0;font-size:.9rem}
footer .wrap{display:grid;gap:1.5rem}
@media(min-width:48rem){footer .wrap{grid-template-columns:2fr 1fr 1fr}}
footer a{color:#E3E9DF}
footer b{display:block;color:#fff;font-weight:600;margin-bottom:.5rem}
footer p+p{margin-top:.6rem}
footer ul{list-style:none;margin:0;padding:0}
footer li+li{margin-top:.35rem}
.slut{text-align:center}
.slut h2{margin-top:.5rem}
.slut .lead{margin-left:auto;margin-right:auto}
.slut .knapper{justify-content:center}