/* ============================================================
   Assitio — fælles styles (nav, hero, sektioner, footer m.m.)
   Chatbottens styles ligger i css/chatbot.css
   ============================================================ */
  :root{
    --paper:      #FBFAF6;
    --paper-warm: #F5F3EC;
    --ink:        #1B2140;
    --indigo:     #2C3778;
    --indigo-deep:#1E2557;
    --lime:       #C8F15E;
    --lime-soft:  #E9FAB8;
    --muted:      #676D8A;
    --line:       rgba(27,33,64,.14);
    --line-dark:  rgba(251,250,246,.16);
    --radius:     18px;
    --max:        1080px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    font-family:'Hanken Grotesk',system-ui,sans-serif;
    background:var(--paper);
    color:var(--ink);
    line-height:1.6;
    font-size:17px;
    -webkit-font-smoothing:antialiased;
  }
  ::selection{background:var(--lime);color:var(--ink)}
  em.h{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;letter-spacing:.005em}
  .wrap{max-width:var(--max);margin:0 auto;padding:0 28px}
  .ast{color:#9CBE3B;font-weight:700}

  /* ---------- Nav ---------- */
  nav{
    position:sticky;top:0;z-index:50;
    background:color-mix(in srgb, var(--paper) 86%, transparent);
    backdrop-filter:blur(14px);
    border-bottom:1px solid transparent;
    transition:border-color .3s;
  }
  nav.scrolled{border-bottom-color:var(--line)}
  .nav-inner{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;max-width:var(--max);margin:0 auto}
  .logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
  .logo svg{display:block}
  .logo-word{font-size:23px;font-weight:600;letter-spacing:-0.02em}
  .nav-links{display:flex;gap:30px;align-items:center}
  .nav-links a{color:var(--muted);text-decoration:none;font-size:15px;font-weight:500;transition:color .2s}
  .nav-links a:hover{color:var(--ink)}
  .lang-switch{display:flex;align-items:center;gap:2px;font-size:14px;font-weight:500}
  .lang-switch button{
    background:none;border:none;cursor:pointer;font-family:inherit;font-size:14px;
    color:var(--muted);padding:5px 8px;border-radius:8px;transition:color .2s;
  }
  .lang-switch button:hover{color:var(--ink)}
  .lang-switch button.active{color:var(--ink);font-weight:700}
  .lang-switch .sep{color:var(--line);user-select:none}
  .btn{
    display:inline-block;background:var(--indigo);color:#fff;
    padding:12px 26px;border-radius:100px;text-decoration:none;
    font-weight:600;font-size:15px;letter-spacing:.01em;
    transition:transform .2s, background .2s;border:none;cursor:pointer;
  }
  .btn:hover{background:var(--indigo-deep);transform:translateY(-1px)}
  .btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}
  .btn.ghost:hover{border-color:var(--ink);background:transparent}
  a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--indigo);outline-offset:3px;border-radius:6px}

  /* ---------- Hero ---------- */
  .hero{position:relative;padding:110px 0 100px;text-align:center;overflow:hidden}
  #constellation{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
  .hero-inner{position:relative;z-index:2}
  .hero h1{
    font-size:clamp(44px, 7.2vw, 84px);
    font-weight:600;letter-spacing:-0.035em;line-height:1.04;
    max-width:15ch;margin:0 auto;
  }
  .hero p.lead{
    margin:32px auto 0;max-width:46ch;
    font-size:clamp(18px,2vw,21px);color:var(--muted);font-weight:400;line-height:1.65;
  }


  /* ---------- Kilder — bruges af både chatbotten og produkt-demoen ---------- */
  .sources{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}
  .source{
    display:inline-flex;align-items:center;gap:7px;
    font-size:12.5px;color:var(--muted);
    border:1px solid var(--line);border-radius:100px;
    padding:6px 13px;background:var(--paper);
  }
  .source b{color:var(--indigo);font-weight:700}

  /* ---------- Statements ---------- */
  .statements{padding:70px 0 40px;border-top:1px solid var(--line);position:relative;overflow:hidden}
  .statements .wrap{position:relative;z-index:1}
  .bg-ball{
    position:absolute;border-radius:50%;pointer-events:none;overflow:hidden;
    /* ældre Safari: tving rund clipping af de blurrede lag (ellers firkanter) */
    isolation:isolate;
    -webkit-mask-image:-webkit-radial-gradient(#fff,#000);
    /* solskiven: glohed kerne → dyb rand, med lysende kant og korona udenom */
    background:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20width='640'%20height='640'><filter%20id='n'><feTurbulence%20type='turbulence'%20baseFrequency='0.016'%20numOctaves='5'%20seed='7'%20stitchTiles='stitch'/><feColorMatrix%20type='matrix'%20values='0%200%200%200%201%20%200%200%200%200%201%20%200%200%200%200%200.9%20%201.7%200%200%200%20-0.3'/></filter><rect%20width='100%'%20height='100%'%20filter='url(%23n)'/></svg>"),
      radial-gradient(circle at 43% 38%, rgba(244,252,205,.2) 0 6%, transparent 15%),
      radial-gradient(circle at 57% 54%, rgba(236,248,190,.14) 0 5%, transparent 12%),
      radial-gradient(circle at 50% 46%,
      var(--c-hot) 0%, var(--c-mid) 44%, var(--c-deep) 76%, var(--c-rim) 100%);
    box-shadow:
      inset 0 0 14px 3px var(--c-edge),          /* skarp, tynd lysrand */
      0 0 0 1.5px var(--outline),                /* hårfin kontur: skiven er afgrænset */
      0 0 16px 3px var(--glow),                  /* tøjlet korona */
      0 0 40px 9px var(--glow-soft);
  }
  /* to plasma-lag: drivende lyse og mørke pletter, der roterer mod hinanden
     inde i skiven — overfladen "koger" */
  .bg-ball::before, .bg-ball::after{
    content:"";position:absolute;border-radius:50%;
    top:-22%;left:-22%;right:-22%;bottom:-22%;   /* 'inset' mangler i ældre Safari */
    filter:blur(1.6px);-webkit-filter:blur(1.6px);
    mix-blend-mode:overlay;
    transform:translateZ(0);                     /* GPU-lag: undgår pikselering af blur */
  }
  /* granulation: store celler + fine korn i to modroterende lag */
  .bg-ball::before{
    background:
      radial-gradient(circle at 24% 30%, var(--spot-l) 0 8%, transparent 15%),
      radial-gradient(circle at 66% 18%, var(--spot-d) 0 6%, transparent 12%),
      radial-gradient(circle at 80% 56%, var(--spot-l) 0 9%, transparent 17%),
      radial-gradient(circle at 40% 72%, var(--spot-d) 0 7%, transparent 14%),
      radial-gradient(circle at 55% 44%, var(--spot-l) 0 5%, transparent 10%),
      radial-gradient(circle at 14% 60%, var(--spot-d) 0 5%, transparent 11%),
      radial-gradient(circle at 34% 14%, var(--spot-l) 0 3%, transparent 6.5%),
      radial-gradient(circle at 72% 38%, var(--spot-d) 0 2.5%, transparent 5.5%),
      radial-gradient(circle at 48% 86%, var(--spot-l) 0 3.5%, transparent 7%),
      radial-gradient(circle at 88% 76%, var(--spot-d) 0 3%, transparent 6%),
      repeating-conic-gradient(from 15deg, rgba(255,255,238,.13) 0deg 1.2deg, transparent 1.2deg 7deg),
      url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20width='640'%20height='640'><filter%20id='n'><feTurbulence%20type='fractalNoise'%20baseFrequency='0.02'%20numOctaves='6'%20seed='7'%20stitchTiles='stitch'/><feColorMatrix%20type='matrix'%20values='0%200%200%200%201%20%200%200%200%200%201%20%200%200%200%200%200.92%20%200.85%200%200%200%200'/></filter><rect%20width='100%'%20height='100%'%20filter='url(%23n)'/></svg>"),
      url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20width='640'%20height='640'><filter%20id='n'><feTurbulence%20type='fractalNoise'%20baseFrequency='0.055'%20numOctaves='4'%20seed='41'%20stitchTiles='stitch'/><feColorMatrix%20type='matrix'%20values='0%200%200%200%200.03%20%200%200%200%200%200.06%20%200%200%200%200%200%20%200.5%200%200%200%200'/></filter><rect%20width='100%'%20height='100%'%20filter='url(%23n)'/></svg>"),
      radial-gradient(circle at 8% 24%, var(--spot-l) 0 2.5%, transparent 5%),
      radial-gradient(circle at 62% 64%, var(--spot-d) 0 2%, transparent 4.5%),
      radial-gradient(circle at 20% 88%, var(--spot-l) 0 2%, transparent 4%),
      radial-gradient(circle at 90% 12%, var(--spot-d) 0 2.5%, transparent 5%),
      radial-gradient(circle at 44% 26%, var(--spot-d) 0 1.5%, transparent 3.2%),
      radial-gradient(circle at 68% 52%, var(--spot-l) 0 1.5%, transparent 3%),
      radial-gradient(circle at 30% 48%, var(--spot-d) 0 1.2%, transparent 2.8%),
      radial-gradient(circle at 52% 12%, var(--spot-l) 0 1.4%, transparent 3%),
      radial-gradient(circle at 84% 66%, var(--spot-l) 0 1.2%, transparent 2.6%);
    animation:sunChurn var(--churn-a,34s) linear infinite,
              sunSmolder var(--smolder-a,5.5s) ease-in-out infinite alternate;
  }
  .bg-ball::after{
    background:
      radial-gradient(circle at 70% 74%, var(--spot-l) 0 9%, transparent 16%),
      radial-gradient(circle at 30% 20%, var(--spot-d) 0 6%, transparent 13%),
      radial-gradient(circle at 18% 44%, var(--spot-l) 0 7%, transparent 13%),
      radial-gradient(circle at 60% 30%, var(--spot-d) 0 5%, transparent 10%),
      radial-gradient(circle at 46% 58%, var(--spot-l) 0 10%, transparent 18%),
      repeating-conic-gradient(from 200deg, rgba(5,10,0,.15) 0deg 1deg, transparent 1deg 8deg),
      url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20width='640'%20height='640'><filter%20id='n'><feTurbulence%20type='turbulence'%20baseFrequency='0.012'%20numOctaves='5'%20seed='58'%20stitchTiles='stitch'/><feColorMatrix%20type='matrix'%20values='0%200%200%200%201%20%200%200%200%200%201%20%200%200%200%200%200.88%20%201.5%200%200%200%20-0.25'/></filter><rect%20width='100%'%20height='100%'%20filter='url(%23n)'/></svg>"),
      url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20width='640'%20height='640'><filter%20id='n'><feTurbulence%20type='fractalNoise'%20baseFrequency='0.018'%20numOctaves='5'%20seed='58'%20stitchTiles='stitch'/><feColorMatrix%20type='matrix'%20values='0%200%200%200%201%20%200%200%200%200%201%20%200%200%200%200%200.9%20%200.6%200%200%200%200'/></filter><rect%20width='100%'%20height='100%'%20filter='url(%23n)'/></svg>"),
      radial-gradient(circle at 84% 22%, var(--spot-l) 0 3%, transparent 6%),
      radial-gradient(circle at 12% 78%, var(--spot-d) 0 3%, transparent 6.5%),
      radial-gradient(circle at 58% 8%, var(--spot-l) 0 2.5%, transparent 5%),
      radial-gradient(circle at 26% 56%, var(--spot-d) 0 2.5%, transparent 5.5%),
      radial-gradient(circle at 92% 48%, var(--spot-l) 0 3.5%, transparent 7%),
      radial-gradient(circle at 38% 40%, var(--spot-d) 0 2%, transparent 4%),
      radial-gradient(circle at 76% 90%, var(--spot-l) 0 2.5%, transparent 5%),
      radial-gradient(circle at 6% 8%, var(--spot-d) 0 2%, transparent 4.5%),
      radial-gradient(circle at 50% 76%, var(--spot-d) 0 1.4%, transparent 3%),
      radial-gradient(circle at 22% 32%, var(--spot-l) 0 1.5%, transparent 3.2%),
      radial-gradient(circle at 66% 16%, var(--spot-d) 0 1.2%, transparent 2.6%),
      radial-gradient(circle at 42% 92%, var(--spot-l) 0 1.3%, transparent 2.8%),
      radial-gradient(circle at 96% 82%, var(--spot-d) 0 1.5%, transparent 3.2%);
    animation:sunChurn var(--churn-b,47s) linear infinite reverse,
              sunSmolder var(--smolder-b,7.5s) ease-in-out infinite alternate-reverse;
  }
  .bg-ball-1{ /* grøn sol, venstre kant */
    width:210px;height:210px;left:-70px;top:4%;opacity:.3;
    --c-hot:#d2e09a; --c-mid:#657c20; --c-deep:#33450c; --c-rim:#1c2705;
    --c-edge:rgba(234,248,170,.68);
    --glow:rgba(156,190,59,.45); --glow-soft:rgba(156,190,59,.16);
    --outline:rgba(24,33,5,.35);
    --spot-l:rgba(250,252,220,.8); --spot-d:rgba(14,26,1,.78);
    --churn-a:19s; --churn-b:29s; --smolder-a:3.4s; --smolder-b:4.8s;
    animation:ballPath1 13s ease-in-out infinite, ballGlow 11s ease-in-out infinite;
  }
  .bg-ball-2{ /* indigo sol, højre kant */
    width:260px;height:260px;right:-100px;top:26%;opacity:.26;
    --c-hot:#aab6dd; --c-mid:#2a3474; --c-deep:#101538; --c-rim:#05081c;
    --c-edge:rgba(195,210,255,.62);
    --glow:rgba(88,102,190,.4); --glow-soft:rgba(88,102,190,.14);
    --outline:rgba(8,11,32,.4);
    --spot-l:rgba(225,232,252,.75); --spot-d:rgba(3,5,22,.82);
    --churn-a:25s; --churn-b:37s; --smolder-a:4.4s; --smolder-b:6.2s;
    animation:ballPath2 17s ease-in-out infinite, ballGlow 14s ease-in-out infinite;animation-delay:-5s,-6s;
  }
  .bg-ball-3{ /* salviegrøn sol, nederst venstre */
    width:145px;height:145px;left:6%;bottom:-70px;opacity:.28;
    --c-hot:#cfdc9e; --c-mid:#6f853c; --c-deep:#3f501a; --c-rim:#242f0c;
    --c-edge:rgba(240,250,195,.68);
    --glow:rgba(167,195,102,.45); --glow-soft:rgba(167,195,102,.16);
    --outline:rgba(30,39,10,.35);
    --spot-l:rgba(248,252,225,.8); --spot-d:rgba(19,30,5,.78);
    --churn-a:15s; --churn-b:23s; --smolder-a:2.8s; --smolder-b:4s;
    animation:ballPath3 10s ease-in-out infinite, ballGlow 9s ease-in-out infinite;animation-delay:-2s,-4s;
  }
  /* Kredsende ruter: hver sol vandrer rundt i sit eget kredsløb —
     én retning hele vejen, aldrig ping-pong */
  @keyframes ballPath1{
    0%  {transform:translate(0,0) scale(1)}
    22% {transform:translate(160px,-110px) scale(1.1)}
    45% {transform:translate(230px,60px) scale(.94)}
    70% {transform:translate(90px,150px) scale(1.14)}
    88% {transform:translate(-40px,50px) scale(1)}
    100%{transform:translate(0,0) scale(1)}
  }
  @keyframes ballPath2{
    0%  {transform:translate(0,0) scale(1)}
    24% {transform:translate(-170px,130px) scale(.92)}
    48% {transform:translate(-250px,300px) scale(1.1)}
    72% {transform:translate(-80px,220px) scale(1.02)}
    100%{transform:translate(0,0) scale(1)}
  }
  @keyframes ballPath3{
    0%  {transform:translate(0,0) scale(1)}
    26% {transform:translate(140px,-130px) scale(1.16)}
    52% {transform:translate(290px,-40px) scale(.94)}
    78% {transform:translate(150px,90px) scale(1.08)}
    100%{transform:translate(0,0) scale(1)}
  }
  @keyframes navBallPulse{
    0%,100%{box-shadow:0 0 0 0 rgba(156,190,59,.45)}
    55%    {box-shadow:0 0 0 9px rgba(156,190,59,0)}
  }
  @keyframes sunChurn{
    0%  {transform:rotate(0deg) scale(1)}
    50% {transform:rotate(180deg) scale(1.07)}
    100%{transform:rotate(360deg) scale(1)}
  }
  /* ulmen: plasmaets kontrast bølger op og ned — som gløder i aske */
  @keyframes sunSmolder{
    from{opacity:.55}
    to  {opacity:1}
  }
  @keyframes ballGlow{
    0%, 100%{ filter:brightness(1) }
    14%{ filter:brightness(1.06) }
    30%{ filter:brightness(.96) }
    46%{ filter:brightness(1.08) }
    62%{ filter:brightness(.97) }
    76%{ filter:brightness(1.04) }
    82%{ filter:brightness(1) }
    88%{ filter:brightness(1.55) drop-shadow(0 0 28px var(--glow)) }
    94%{ filter:brightness(1.06) }
  }
  @media (prefers-reduced-motion: reduce){ .bg-ball, .bg-ball::before, .bg-ball::after, nav .btn{animation:none} }
  @media (max-width:760px){
    /* skilt ad i hver sin ende og på små kredsløb — de mødes aldrig */
    .bg-ball-1{width:150px;height:150px;left:-60px;top:2%;
      animation:ballPathM1 15s ease-in-out infinite, ballGlow 11s ease-in-out infinite}
    .bg-ball-2{width:190px;height:190px;right:-80px;top:auto;bottom:4%;
      animation:ballPathM2 19s ease-in-out infinite, ballGlow 14s ease-in-out infinite;animation-delay:-5s,-6s}
    .bg-ball-3{display:none}
  }
  @keyframes ballPathM1{
    0%  {transform:translate(0,0) scale(1)}
    30% {transform:translate(55px,45px) scale(1.08)}
    60% {transform:translate(75px,-25px) scale(.95)}
    100%{transform:translate(0,0) scale(1)}
  }
  @keyframes ballPathM2{
    0%  {transform:translate(0,0) scale(1)}
    32% {transform:translate(-60px,-50px) scale(1.06)}
    64% {transform:translate(-85px,20px) scale(.96)}
    100%{transform:translate(0,0) scale(1)}
  }
  .statement{
    max-width:26ch;margin:0 auto;padding:80px 0;text-align:center;
    font-size:clamp(28px,4.4vw,46px);font-weight:500;letter-spacing:-0.025em;line-height:1.22;
  }
  .statement .dim{color:var(--muted);font-weight:400}

  /* ---------- Demo (mørk) ---------- */
  .demo-section{background:var(--indigo-deep);color:var(--paper);padding:110px 0}
  .demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
  .demo-copy h2{font-size:clamp(32px,4vw,48px);font-weight:600;letter-spacing:-0.03em;line-height:1.12}
  .demo-copy p{margin-top:24px;color:rgba(251,250,246,.72);max-width:44ch;font-size:17.5px}
  .demo-copy .eyebrow{color:var(--lime)}
  .chat-demo{
    background:rgba(251,250,246,.05);
    border:1px solid var(--line-dark);
    border-radius:var(--radius);
    padding:28px;
  }
  .chat-demo .q{
    background:var(--lime);color:var(--ink);
    border-radius:16px 16px 4px 16px;
    padding:14px 18px;font-weight:500;font-size:15.5px;
    max-width:88%;margin-left:auto;width:fit-content;
  }
  .chat-demo .a{
    background:rgba(251,250,246,.09);
    border-radius:16px 16px 16px 4px;
    padding:18px 20px;font-size:15.5px;line-height:1.6;
    margin-top:16px;max-width:94%;color:rgba(251,250,246,.92);
  }
  .chat-demo .a sup{color:var(--lime);font-weight:700}
  .chat-demo .sources{margin-top:16px}
  .chat-demo .source{color:rgba(251,250,246,.75);border-color:var(--line-dark);background:transparent}
  .chat-demo .source b{color:var(--lime)}

  /* ---------- How ---------- */
  /* ---------- Partner-stribe (i den mørke sektion) ---------- */
  .partner-strip{margin-top:84px;padding-top:44px;border-top:1px solid rgba(251,250,246,.14)}
  .partner-label{
    text-align:center;font-size:12.5px;font-weight:700;letter-spacing:.14em;
    text-transform:uppercase;color:rgba(251,250,246,.45);margin-bottom:36px;
  }
  .partner-row{
    display:flex;justify-content:center;align-items:center;
    gap:44px 56px;flex-wrap:wrap;
  }
  .partner-row img{
    height:38px;width:auto;max-width:170px;object-fit:contain;
    opacity:.55;transition:opacity .25s;
  }
  .partner-row img:hover{opacity:1}
  .partner-row img.lg{height:52px}      /* kompakte emblemer skal have mere højde */
  .partner-row img.lg-xl{height:58px}
  @media (max-width:640px){
    .partner-row{gap:28px 34px}
    .partner-row img{height:30px;max-width:130px}
    .partner-row img.lg{height:40px}
    .partner-row img.lg-xl{height:46px}
  }

  /* ---------- Forklaringsblok: synlig, men stille ---------- */
  .explainer{max-width:58ch;margin:0 auto 96px;text-align:center}
  .explainer-q{
    display:flex;align-items:center;justify-content:center;gap:10px;
    font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
    color:var(--muted);margin-bottom:18px;
  }
  .q-ball{
    display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
    width:26px;height:26px;border-radius:50%;
    font-size:14px;font-weight:700;letter-spacing:0;color:#fff;
    background:radial-gradient(circle at 38% 34%, #d7e6a2 0%, #9CBE3B 46%, #55701a 100%);
  }
  .explainer-a{
    font-size:clamp(19px,2.4vw,23px);line-height:1.5;letter-spacing:-0.01em;
    color:var(--ink);
  }

  .how{padding-top:120px;padding-bottom:120px}   /* kun lodret — .wrap's sidepadding skal overleve */
  .eyebrow{
    font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
    color:var(--indigo);margin-bottom:18px;
  }
  .how h2{font-size:clamp(30px,4vw,44px);font-weight:600;letter-spacing:-0.03em;max-width:22ch}
  .how-steps{margin-top:70px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}
  .step{padding:44px 36px 10px 0;border-right:1px solid var(--line)}
  .step:last-child{border-right:none;padding-right:0}
  .step + .step{padding-left:36px}
  .step .mark{
    width:44px;height:44px;border-radius:12px;background:var(--paper-warm);
    display:flex;align-items:center;justify-content:center;margin-bottom:22px;
  }
  .step h3{font-size:19px;font-weight:600;letter-spacing:-0.01em;margin-bottom:10px}
  .step p{color:var(--muted);font-size:15.5px;max-width:34ch}

  /* ---------- Reference ---------- */
  .reference{background:var(--paper-warm);padding:110px 0}
  .ref-inner{max-width:760px;margin:0 auto;text-align:center}
  .ref-inner blockquote{
    font-size:clamp(24px,3.4vw,36px);font-weight:500;letter-spacing:-0.02em;line-height:1.3;
  }
  .ref-inner blockquote em.h{font-size:1.04em}
  .ref-attr{margin-top:30px;color:var(--muted);font-size:15.5px}
  .ref-attr b{color:var(--ink);font-weight:600;display:block;font-size:16px}
  .ref-badge{
    display:inline-flex;align-items:center;gap:9px;margin-bottom:34px;
    background:#fff;border:1px solid var(--line);border-radius:100px;
    padding:8px 18px;font-size:13.5px;font-weight:600;color:var(--indigo);
  }
  .ref-badge .dot{width:8px;height:8px;border-radius:50%;background:var(--lime);border:1px solid rgba(27,33,64,.2)}

  /* ---------- CTA ---------- */
  /* ---------- Reference-video ---------- */
  .video-card{margin:54px auto 0;max-width:640px}
  .video-poster{
    position:relative;display:flex;align-items:center;justify-content:center;
    width:100%;aspect-ratio:16/9;border:none;border-radius:22px;cursor:pointer;
    background:linear-gradient(135deg, #f4f3ee 0%, #e9e9e2 100%);
    background-size:cover;background-position:center;
    box-shadow:0 18px 50px -18px rgba(44,55,120,.28);
    overflow:hidden;transition:transform .25s;
  }
  .video-poster:hover{transform:scale(1.015)}
  .play-ball{
    position:relative;z-index:1;display:flex;align-items:center;justify-content:center;
    width:64px;height:64px;border-radius:50%;
    background:radial-gradient(circle at 38% 34%, #d7e6a2 0%, #9CBE3B 46%, #55701a 100%);
    box-shadow:0 8px 26px -6px rgba(85,112,26,.55);
    transition:transform .25s;
  }
  .video-poster:hover .play-ball{transform:scale(1.1)}
  .play-ball svg{margin-left:3px}
  .video-cap{margin-top:14px;color:var(--muted);font-size:14.5px;text-align:center}
  .video-card iframe, .video-card video{
    width:100%;aspect-ratio:16/9;border:none;border-radius:22px;display:block;
    box-shadow:0 18px 50px -18px rgba(44,55,120,.28);background:#000;
  }

  .cta{padding-top:130px;padding-bottom:130px;text-align:center}
  .cta h2{font-size:clamp(36px,5.4vw,62px);font-weight:600;letter-spacing:-0.035em;line-height:1.08;max-width:18ch;margin:0 auto}
  .cta p{margin:26px auto 0;color:var(--muted);max-width:46ch;font-size:18px}
  .cta-btns{margin-top:42px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

  /* ---------- Footer ---------- */
  footer{border-top:1px solid var(--line);padding:44px 0 60px;position:relative;overflow:hidden}
  .foot-inner{position:relative;z-index:1}
  /* kæmpe sol, hvor kun randen kigger op over underkanten */
  .bg-ball-foot{
    width:560px;height:560px;left:50%;bottom:-490px;transform:translateX(-50%);
    opacity:.24;
    --c-hot:#d2e09a; --c-mid:#657c20; --c-deep:#33450c; --c-rim:#1c2705;
    --c-edge:rgba(234,248,170,.68);
    --glow:rgba(156,190,59,.45); --glow-soft:rgba(156,190,59,.16);
    --outline:rgba(24,33,5,.35);
    --spot-l:rgba(250,252,220,.8); --spot-d:rgba(14,26,1,.78);
    --churn-a:23s; --churn-b:34s; --smolder-a:4s; --smolder-b:5.8s;
  }
  @media (max-width:640px){ .bg-ball-foot{width:380px;height:380px;bottom:-330px} }
  .foot-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;flex-wrap:wrap}
  .foot-note{font-size:14.5px;color:var(--muted);max-width:40ch}
  .foot-note .ast{font-size:16px}
  .foot-meta{font-size:14.5px;color:var(--muted);text-align:right}
  .foot-meta a{color:var(--ink);text-decoration:none;font-weight:600}
  .foot-meta a:hover{text-decoration:underline}

  /* ---------- Reveal ---------- */
  .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease, transform .7s ease}
  .reveal.in{opacity:1;transform:none}
  @media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto}
    .reveal{opacity:1;transform:none;transition:none}
    .btn{transition:none}
  }

  /* ---------- Responsive ---------- */
  @media (max-width:900px){
    /* topbaren kollapser her — fire punkter + sprog + kugle bliver for trangt */
    .nav-links a:not(.btn){display:none}
    .nav-inner .lang-switch{display:none}
    nav .menu-ball{
      display:flex;align-items:center;justify-content:center;
      width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;
      font-family:inherit;font-size:10px;font-weight:700;letter-spacing:.01em;color:#fff;
      text-shadow:0 1px 2px rgba(10,14,40,.4);
      background:radial-gradient(circle at 38% 34%, #c3cbf1 0%, #3f4c9c 48%, #141b45 100%);
    }
    nav .menu-ball:active{transform:scale(.95)}
    .demo-grid{grid-template-columns:1fr;gap:50px}
    .how-steps{grid-template-columns:1fr;border-top:none}
    .step{border-right:none;border-top:1px solid var(--line);padding:36px 0 26px}
    .step + .step{padding-left:0}
  }
  .nav-soon{color:var(--muted);opacity:.55;cursor:default;user-select:none}
  .menu-overlay-links .nav-soon{
    font-size:clamp(32px,8.5vw,42px);font-weight:600;letter-spacing:-0.03em;
    padding:16px 0;border-bottom:1px solid var(--line);
  }
  /* ---------- Ekspertmodellen ---------- */
  .experts{padding-top:120px;padding-bottom:60px}
  .eyebrow.center{display:block;text-align:center;font-size:13px;font-weight:700;
    letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
  .exp-title{text-align:center;font-size:clamp(28px,3.8vw,42px);font-weight:600;
    letter-spacing:-0.03em;margin:14px 0 16px}
  .exp-lead{text-align:center;color:var(--muted);max-width:52ch;margin:0 auto 56px;
    font-size:16.5px;line-height:1.6}
  .exp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;max-width:900px;margin:0 auto}
  @media(max-width:820px){.exp-cards{grid-template-columns:1fr;max-width:480px}}
  .exp-card{border:1px solid var(--line);border-radius:18px;padding:24px 26px;background:#fff9}
  .exp-card h3{font-size:16.5px;font-weight:600;margin:0 0 9px;display:flex;align-items:center;gap:9px}
  .exp-card h3::before{content:"";width:9px;height:9px;border-radius:50%;
    background:radial-gradient(circle at 38% 34%, #d7e6a2 0%, #9CBE3B 50%, #55701a 100%);flex-shrink:0}
  .exp-card p{color:var(--muted);font-size:14.5px;line-height:1.6;margin:0}

  .deeper{text-align:center;margin-top:70px}
  .deeper a{color:var(--ink);font-weight:600;text-decoration:none;border-bottom:2px solid var(--lime)}
  .deeper a:hover{border-color:var(--ink)}
  .foot-links{margin-top:10px}
  .foot-links a{font-weight:500 !important;color:var(--muted) !important}
  .foot-links a:hover{color:var(--ink) !important}
  .foot-links .nav-soon{font-size:inherit}
  .menu-ball{display:none}
  .menu-overlay{position:fixed;inset:0;background:var(--paper);z-index:60;display:none;overflow:hidden}
  .menu-overlay.open{display:block}
  body.menu-open{overflow:hidden}
  .menu-overlay-links{
    position:relative;z-index:1;display:flex;flex-direction:column;
    justify-content:center;height:100%;padding:0 34px;max-width:520px;margin:0 auto;
  }
  .menu-overlay-links a{
    font-size:clamp(32px,8.5vw,42px);font-weight:600;letter-spacing:-0.03em;
    color:var(--ink);text-decoration:none;padding:16px 0;
    border-bottom:1px solid var(--line);
  }
  .menu-overlay-links a:last-child{border-bottom:none}
  .menu-lang{
    position:absolute;bottom:34px;left:0;right:0;z-index:1;
    display:flex;justify-content:center;align-items:center;gap:4px;
  }
  .menu-lang button{
    background:none;border:none;cursor:pointer;font-family:inherit;
    font-size:16px;font-weight:500;color:var(--muted);padding:8px 10px;
  }
  .menu-lang button.active{color:var(--ink);font-weight:700}
  .menu-lang .sep{color:var(--line);user-select:none}
  .menu-close{
    position:absolute;top:18px;right:22px;z-index:2;
    width:44px;height:44px;border-radius:50%;border:1px solid var(--line);
    background:none;cursor:pointer;font-size:26px;line-height:1;color:var(--ink);
  }
  /* "Book demo" er en kugle på alle skærme */
  nav .btn{
    width:54px;height:54px;padding:0 5px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;text-align:center;
    font-size:10.5px;line-height:1.15;font-weight:700;letter-spacing:.01em;color:#fff;
    text-shadow:0 1px 2px rgba(30,45,5,.35);
    background:radial-gradient(circle at 38% 34%, #d7e6a2 0%, #9CBE3B 46%, #55701a 100%);
    animation:navBallPulse 3.2s ease-in-out infinite;
  }
  nav .btn:hover{transform:scale(1.08)}
  @media (max-width:640px){
    .hero{padding:80px 0 70px}
    .statement{padding:56px 0}
  }