/* Landing USP sections (forside redesign 2026-07) — scoped under .ssu so the
   Blod Bolge shell, top nav and footer styles are untouched. */
.ssu{
  --ssu-nat:#232823; --ssu-cream:#FAF6F0; --ssu-lys:#E9F0E6;
  --ssu-sage:#5F7263; --ssu-sage2:#8FA48D; --ssu-sage-soft:#EAF0E9;
  --ssu-ink:#26241F; --ssu-ink-soft:#6E6A60; --ssu-hvid:#FDFCF9;
  --ssu-good:#2F7A4D; --ssu-gold:#C9A227; --ssu-line:#E6DFD4;
  --ssu-card-shadow:0 24px 60px rgba(38,36,31,.13);
  /* Tema-tokens (dark-mode-kilden er dark-blokken nederst i denne fil —
     sider bruger KUN tokens, aldrig literal-farver, så dark følger med gratis) */
  --ssu-sage-hover:#4E5F53;      /* fyld-hover (knapper) */
  --ssu-sage-ink:#5F7263;        /* accent som TEKST/BORDER */
  --ssu-sage-ink-hover:#4E5F53;
  --ssu-ink-mute:#57524A;        /* sekundær tekst på --ssu-lys-flader */
  --ssu-line-soft:#EDF2EA;
  --ssu-chip-line:#CFDCCB;
  --ssu-field-bg:#FFFEFB;
  --ssu-placeholder:#8A857A;
  --ssu-error:#A3402F;
  --ssu-ic-mute:#C9BFB4;
  --ssu-stage-a:#F2EFE6;         /* stage/show-gradientens startfarve */
  --ssu-stage-a-lys:#FDFCF9;     /* på .alt-flader */
  --ssu-stage-ring:#E7E2D6;
  --ssu-tl-line:#DCE6DA;
  --ssu-on-soft:#47564B;         /* tekst oven på --ssu-sage-soft */
  --ssu-badge-fn:#EFEAE2;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  color:var(--ssu-ink);font-size:17.5px;line-height:1.6;
  background:var(--ssu-cream);overflow-x:hidden;
}
/* Side-canvas-tokens (html/body ligger uden for .ssu-scope) */
:root{--ssu-canvas:#FAF7F3;--ssu-canvas2:#F0EAE4}
.ssu *{box-sizing:border-box;margin:0;padding:0}
.ssu button{font-family:inherit}
.ssu .ic{width:1.05em;height:1.05em;vertical-align:-.14em;flex:none}
.ssu .h-xl{font-size:clamp(38px,6vw,68px);font-weight:800;letter-spacing:-1.6px;line-height:1.05;text-wrap:balance;color:var(--ssu-ink)}
.ssu .h-lg{font-size:clamp(27px,3.6vw,40px);font-weight:800;letter-spacing:-.8px;line-height:1.12;text-wrap:balance;color:var(--ssu-ink)}
.ssu .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.ssu .reveal.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.ssu .reveal{opacity:1;transform:none;transition:none}}

/* hero */
.ssu .hero{padding:clamp(26px,5vh,60px) 22px clamp(52px,8vh,96px)}
.ssu .hero .grid{width:min(1140px,100%);margin:0 0 0 auto;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:clamp(28px,4.5vw,64px);align-items:center}
@media (max-width:920px){.ssu .hero .grid{grid-template-columns:1fr}}
.ssu .cta{border:0;border-radius:999px;background:var(--ssu-sage);color:#fff;font-size:18px;font-weight:800;
  padding:18px 36px;cursor:pointer;box-shadow:0 14px 34px rgba(95,114,99,.32);display:inline-flex;align-items:center;gap:10px;
  transition:transform .15s ease,background .15s ease;text-decoration:none}
.ssu .cta:hover{background:var(--ssu-sage-hover);transform:translateY(-1px);color:#fff}
.ssu .fine{margin-top:14px;font-size:14.5px;color:var(--ssu-ink-soft)}
.ssu .hero .ctarow{margin-top:34px}
.ssu .lede{margin-top:20px;font-size:clamp(18px,2.3vw,22px);color:var(--ssu-ink-soft);max-width:26em}

/* hero stage — telefonen */
.ssu .stage{position:relative;border-radius:30px;padding:clamp(22px,3vw,38px);
  background:linear-gradient(160deg,var(--ssu-stage-a) 0%,var(--ssu-sage-soft) 100%);
  box-shadow:inset 0 0 0 1px var(--ssu-stage-ring);min-height:620px;display:flex;align-items:center;justify-content:center}
.ssu .caret{display:inline-block;width:2px;height:1.05em;background:currentColor;vertical-align:-.15em;margin-left:2px;
  animation:ssu-blink 1s steps(1) infinite;opacity:.8}
@keyframes ssu-blink{50%{opacity:0}}
.ssu .pillrow{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.ssu .pill{border-radius:999px;padding:11px 20px;font-size:15px;font-weight:700;border:2px solid var(--ssu-sage-ink);
  color:var(--ssu-sage-ink);background:var(--ssu-hvid);cursor:pointer;display:inline-flex;align-items:center;gap:8px;
  transition:transform .12s ease,box-shadow .12s ease}
.ssu .pill:hover{transform:translateY(-1px)}
.ssu .pill.solid{background:var(--ssu-sage);color:#fff}
.ssu .undo{margin-top:12px;font-size:13px;color:var(--ssu-ink-soft)}
.ssu .ph{width:298px;border-radius:38px;background:var(--ssu-nat);padding:5px;box-shadow:0 34px 80px rgba(35,40,35,.30),inset 0 1px 0 rgba(255,255,255,.10),inset 0 -1px 0 rgba(0,0,0,.35)}
.ssu .ph-scr{border-radius:33px;background:var(--ssu-hvid);overflow:hidden;display:flex;flex-direction:column;height:566px}
.ssu .ph-top{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #EDF2EA;background:#FBFAF6}
.ssu .av{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--ssu-sage2),var(--ssu-sage));flex:none}
.ssu .ph-top b{font-size:14.5px;display:block;line-height:1.2}
.ssu .ph-top small{font-size:11.5px;color:var(--ssu-good);font-weight:600;display:flex;align-items:center;gap:5px}
.ssu .ph-top small::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ssu-good)}
.ssu .ph-chat{flex:1;display:flex;flex-direction:column;gap:10px;padding:16px 14px;overflow:hidden}
.ssu .a-voice{align-self:flex-end;max-width:90%;background:var(--ssu-sage);color:#fff;border-radius:18px 18px 6px 18px;
  padding:10px 14px 11px;box-shadow:0 8px 20px rgba(95,114,99,.28);opacity:0;transform:translateY(12px);transition:opacity .4s ease,transform .4s ease}
.ssu .a-voice.on{opacity:1;transform:none}
.ssu .a-voice .vtop{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700}
.ssu .a-voice .vtxt{font-size:13px;font-weight:500;line-height:1.5;margin-top:6px;min-height:3.9em}
.ssu .wavebars{display:inline-flex;gap:3px;align-items:flex-end;height:13px}
.ssu .wavebars i{width:3.5px;border-radius:2px;background:#fff;height:5px;animation:ssu-wv 1.1s ease-in-out infinite}
.ssu .wavebars i:nth-child(2){animation-delay:.12s}.ssu .wavebars i:nth-child(3){animation-delay:.24s}
.ssu .wavebars i:nth-child(4){animation-delay:.36s}.ssu .wavebars i:nth-child(5){animation-delay:.48s}
@keyframes ssu-wv{0%,100%{height:4px}50%{height:12px}}
.ssu .a-dots{align-self:flex-start;background:#F1EFE8;border-radius:16px 16px 16px 6px;padding:12px 16px;
  display:none;gap:5px;align-items:center}
.ssu .a-dots.on{display:flex}
.ssu .a-dots i{width:7px;height:7px;border-radius:50%;background:#B4B2A9;animation:ssu-dt 1s ease-in-out infinite}
.ssu .a-dots i:nth-child(2){animation-delay:.18s}.ssu .a-dots i:nth-child(3){animation-delay:.36s}
@keyframes ssu-dt{0%,100%{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
.ssu .a-draft{align-self:flex-start;width:100%;background:var(--ssu-field-bg);border:1px solid #E3EBE0;border-radius:16px;
  padding:13px 14px;box-shadow:0 10px 26px rgba(38,36,31,.10);opacity:0;transform:translateY(12px);transition:opacity .4s ease,transform .4s ease}
.ssu .a-draft.on{opacity:1;transform:none}
.ssu .a-draft .to{font-size:11.5px;color:var(--ssu-ink-soft);margin-bottom:6px}
.ssu .a-draft .to b{color:var(--ssu-ink)}
.ssu .a-draft .btxt{font-size:13px;line-height:1.5;min-height:4.4em}
.ssu .a-send{width:100%;margin-top:10px;border:0;border-radius:999px;background:var(--ssu-sage);color:#fff;
  font-size:13.5px;font-weight:800;padding:10px;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .12s ease,background .2s ease}
.ssu .a-send.pressed{transform:scale(.95)}
.ssu .a-send.done{background:var(--ssu-good)}
.ssu .a-pill{align-self:center;display:flex;align-items:center;gap:8px;background:var(--ssu-field-bg);border-radius:999px;
  padding:8px 14px;font-size:11.5px;font-weight:700;color:var(--ssu-ink);box-shadow:0 8px 20px rgba(38,36,31,.10);
  opacity:0;transform:translateY(10px) scale(.95);transition:opacity .4s ease,transform .4s cubic-bezier(.2,1.4,.4,1)}
.ssu .a-pill.on{opacity:1;transform:none}
.ssu .a-pill .ic{color:var(--ssu-sage-ink)}
@media (prefers-reduced-motion:reduce){
  .ssu .caret{display:none}
  .ssu .wavebars i,.ssu .a-dots i{animation:none}
  .ssu .a-voice,.ssu .a-draft,.ssu .a-pill{opacity:1;transform:none;transition:none}
  .ssu .a-dots{display:none!important}
}

/* proof strip */
.ssu .strip{border-top:1px solid var(--ssu-line);border-bottom:1px solid var(--ssu-line);background:var(--ssu-hvid);padding:18px 22px}
.ssu .marks{width:min(1120px,100%);margin:0 auto;display:flex;gap:12px 40px;justify-content:center;flex-wrap:wrap;
  font-size:14px;color:var(--ssu-ink-soft);font-weight:600}
.ssu .marks span{display:inline-flex;align-items:center;gap:9px}
.ssu .marks .ic{opacity:.75}
/* mobil: fri wrap giver 3 ujævne rækker — lås til roligt 2×2-grid */
@media (max-width:640px){
  .ssu .marks{display:grid;grid-template-columns:repeat(2,auto);gap:14px 26px;justify-content:center}
}

/* Mød Sofia band */
.ssu .night{background:radial-gradient(900px 460px at 74% 20%, #2C332C, var(--ssu-nat));color:#EDEAE2;
  padding:clamp(60px,11vh,110px) 22px}
.ssu .night .inner{width:min(720px,100%);margin:0 auto}
.ssu .night .hint{margin-top:20px;font-size:17px;color:#B9B5AA;max-width:30em}

/* chapters */
.ssu .chapwrap{padding:clamp(56px,9vh,100px) 22px}
.ssu .chapwrap.alt{background:var(--ssu-lys)}
.ssu .chap{width:min(1080px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(26px,5vw,70px);align-items:center}
.ssu .chap.flip .copy{order:2}
.ssu .chap.flip .show{order:1}
@media (max-width:880px){.ssu .chap,.ssu .chap.flip{grid-template-columns:1fr}.ssu .chap.flip .copy{order:1}.ssu .chap.flip .show{order:2}}
.ssu .chap .body{margin-top:14px;color:var(--ssu-ink-soft);max-width:27em}
.ssu .card{background:var(--ssu-hvid);border-radius:24px;padding:24px 26px;box-shadow:var(--ssu-card-shadow);max-width:470px;position:relative;width:100%}
.ssu .chap .show{border-radius:30px;padding:clamp(22px,3vw,36px);background:linear-gradient(160deg,var(--ssu-stage-a) 0%,var(--ssu-sage-soft) 100%);
  box-shadow:inset 0 0 0 1px var(--ssu-stage-ring);display:flex;justify-content:center;align-items:center}
.ssu .chapwrap.alt .chap .show{background:linear-gradient(160deg,var(--ssu-stage-a-lys) 0%,var(--ssu-sage-soft) 100%)}

/* c1 mail composer */
.ssu .mailhead{display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--ssu-line-soft);padding-bottom:14px;margin-bottom:15px}
.ssu .mailrow{display:flex;gap:10px;font-size:13.5px;color:var(--ssu-ink-soft)}
.ssu .mailrow b{color:var(--ssu-ink);font-weight:650}
.ssu .mailrow .chipto{background:var(--ssu-sage-soft);color:var(--ssu-sage-ink);border-radius:999px;padding:2px 12px;font-weight:700;font-size:13px}

/* c2 calendar */
.ssu .cal{display:flex;gap:15px;align-items:center;border-bottom:1px solid var(--ssu-line-soft);padding-bottom:16px;margin-bottom:8px}
.ssu .dateblk{width:58px;border-radius:14px;background:var(--ssu-sage);color:#fff;text-align:center;padding:8px 0 9px;flex:none;
  box-shadow:0 10px 22px rgba(95,114,99,.30)}
.ssu .dateblk b{display:block;font-size:22px;font-weight:800;line-height:1;color:#fff}
.ssu .dateblk small{font-size:10.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;opacity:.85;color:#fff}
.ssu .cal .what b{font-size:16.5px;display:block}
.ssu .cal .what small{color:var(--ssu-ink-soft);font-size:13.5px}
.ssu .tick{display:flex;align-items:center;gap:12px;padding:12px 0;font-size:15px;font-weight:600;
  opacity:0;transform:translateX(-10px);transition:opacity .4s ease,transform .4s ease}
.ssu .go .tick{opacity:1;transform:none}
.ssu .go .tick:nth-child(3){transition-delay:.18s}.ssu .go .tick:nth-child(4){transition-delay:.36s}
.ssu .tick .tico{width:40px;height:40px;border-radius:12px;background:var(--ssu-sage-soft);color:var(--ssu-sage-ink);
  display:flex;align-items:center;justify-content:center;flex:none;font-size:18px}
.ssu .tick small{color:var(--ssu-ink-soft);font-weight:450;margin-left:auto;font-size:12.5px}
@media (prefers-reduced-motion:reduce){.ssu .tick{opacity:1;transform:none;transition:none}}

/* c3 proactive chat */
.ssu .chatline{display:flex;gap:10px;margin-top:16px;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}
.ssu .go .chatline{opacity:1;transform:none}
.ssu .go .chatline:nth-child(2){transition-delay:.25s}.ssu .go .chatline:nth-child(3){transition-delay:.55s}.ssu .go .chatline:nth-child(4){transition-delay:.85s}
.ssu .chatline:first-child{margin-top:0}
.ssu .chatline.me{justify-content:flex-end}
.ssu .bub{border-radius:18px;padding:12px 16px;font-size:15px;max-width:85%;line-height:1.5}
.ssu .me .bub{background:var(--ssu-sage);color:#fff;border-radius:18px 18px 6px 18px;font-weight:600;box-shadow:0 8px 20px rgba(95,114,99,.25)}
.ssu .sofia{align-items:flex-end}
.ssu .sofia .avmini{width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--ssu-sage2),var(--ssu-sage));flex:none;margin-bottom:2px}
.ssu .sofia .bub{background:var(--ssu-sage-soft);border-radius:18px 18px 18px 6px}
@media (prefers-reduced-motion:reduce){.ssu .chatline{opacity:1;transform:none;transition:none}}

/* c4 letter */
.ssu .lettercard{padding:0;overflow:hidden}
.ssu .photo{position:relative;background:linear-gradient(170deg,#E8E2D4,#DDD6C5);padding:26px 26px 20px}
.ssu .paper{background:#FFFEFB;border-radius:6px;padding:18px 20px;font-size:13px;color:#6E6A60;line-height:1.75;
  box-shadow:0 14px 30px rgba(38,36,31,.18);transform:rotate(-1.2deg)}
.ssu .paper b{color:var(--ssu-ink);font-size:14.5px;display:block;margin-bottom:6px;letter-spacing:-.2px}
.ssu .snapchip{position:absolute;top:14px;right:16px;display:flex;align-items:center;gap:7px;background:rgba(35,40,35,.82);
  color:#F1EEE6;border-radius:999px;padding:6px 13px;font-size:12px;font-weight:700}
.ssu .hl{position:relative;color:var(--ssu-ink);font-weight:650;padding:1px 3px;border-radius:3px;background:transparent}
.ssu .hl::before{content:"";position:absolute;inset:0;background:#F4E9C8;border-radius:3px;z-index:-1;
  transform:scaleX(0);transform-origin:left}
.ssu .go .hl::before{animation:ssu-sweep .8s ease .5s forwards}
@keyframes ssu-sweep{to{transform:scaleX(1)}}
.ssu .letterfoot{padding:16px 20px 18px;display:flex;flex-direction:column;gap:14px}
.ssu .readbar{display:flex;align-items:center;gap:11px;font-size:13.5px;font-weight:700;color:var(--ssu-sage-ink)}
.ssu .prog{flex:1;height:5px;border-radius:3px;background:var(--ssu-sage-soft);overflow:hidden}
.ssu .prog i{display:block;height:100%;width:0;background:var(--ssu-sage);border-radius:3px}
.ssu .go .prog i{animation:ssu-fill 2.6s ease .3s forwards}
@keyframes ssu-fill{to{width:64%}}
@media (prefers-reduced-motion:reduce){.ssu .go .hl::before{animation:none;transform:scaleX(1)}.ssu .go .prog i{animation:none;width:64%}}

/* c5 style */
.ssu .beforeafter{display:grid;font-size:16px;line-height:1.55;font-weight:500}
.ssu .beforeafter .long,.ssu .beforeafter .short{grid-area:1/1;transition:opacity .5s ease}
.ssu .beforeafter .short{opacity:0}
.ssu .go .beforeafter .long{opacity:0}
.ssu .go .beforeafter .short{opacity:1;transition-delay:.5s}
.ssu .chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}
.ssu .chip{border:1.5px solid var(--ssu-chip-line);background:var(--ssu-hvid);border-radius:999px;padding:8px 16px;font-size:14.5px;
  font-weight:650;color:var(--ssu-ink);cursor:pointer;transition:transform .15s ease,border-color .15s ease,color .15s ease}
.ssu .go .chip.demo{border-color:var(--ssu-sage-ink);color:var(--ssu-sage-ink);transform:scale(.96)}
.ssu .receipt{display:flex;align-items:center;gap:9px;margin-top:16px;font-size:14px;font-weight:650;color:var(--ssu-good);
  opacity:0;transition:opacity .5s ease .9s}
.ssu .go .receipt{opacity:1}
@media (prefers-reduced-motion:reduce){
  .ssu .beforeafter .long{opacity:0}.ssu .beforeafter .short{opacity:1}
  .ssu .receipt{opacity:1;transition:none}.ssu .go .chip.demo{transform:none}
}

/* segments */
.ssu .seg{padding:clamp(56px,9vh,100px) 22px;background:var(--ssu-cream)}
.ssu .seg .inner{width:min(1080px,100%);margin:0 auto;text-align:center}
.ssu .seg .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:36px;text-align:left}
.ssu .segcard{background:var(--ssu-hvid);border-radius:20px;padding:24px 22px 20px;box-shadow:0 12px 32px rgba(38,36,31,.07);
  transition:transform .2s ease,box-shadow .2s ease}
.ssu .segcard:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(38,36,31,.11)}
.ssu .segcard b{font-size:17.5px;letter-spacing:-.3px}
.ssu .segcard p{margin-top:6px;font-size:14.5px;color:var(--ssu-ink-soft)}

/* quote */
.ssu .quote{background:var(--ssu-lys);padding:clamp(60px,11vh,110px) 22px;text-align:center}
.ssu .quote blockquote{width:min(760px,100%);margin:0 auto;font-size:clamp(23px,3.4vw,34px);font-weight:750;
  letter-spacing:-.6px;line-height:1.3;text-wrap:balance;border:0}
.ssu .quote cite{display:block;margin-top:16px;font-style:normal;font-size:15px;color:var(--ssu-ink-soft);font-weight:600}

/* pricing */
.ssu .pris{padding:clamp(56px,9vh,100px) 22px;background:var(--ssu-cream)}
.ssu .pris .inner{width:min(880px,100%);margin:0 auto;text-align:center}
.ssu .pris .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:36px;text-align:left}
.ssu .plan{background:var(--ssu-hvid);border-radius:24px;padding:28px;box-shadow:0 12px 32px rgba(38,36,31,.07)}
.ssu .plan.sofia{box-shadow:0 0 0 2px var(--ssu-sage-ink),0 26px 60px rgba(95,114,99,.20)}
.ssu .plan h3{font-size:19px;letter-spacing:-.3px}
.ssu .plan .beloeb{font-size:34px;font-weight:800;letter-spacing:-1px;margin:10px 0 2px}
.ssu .plan .beloeb small{font-size:15px;font-weight:600;color:var(--ssu-ink-soft);letter-spacing:0}
.ssu .plan ul{list-style:none;margin-top:16px;display:flex;flex-direction:column;gap:10px}
.ssu .plan li{display:flex;gap:10px;align-items:flex-start;font-size:15px}
.ssu .plan li .ic{color:var(--ssu-good);margin-top:3px}
.ssu .plan .cta{width:100%;margin-top:22px;font-size:16px;padding:14px 20px;justify-content:center}
.ssu .plan .cta.ghost{background:var(--ssu-hvid);color:var(--ssu-sage-ink);box-shadow:inset 0 0 0 2px var(--ssu-sage-ink);font-weight:700}
.ssu .plan .cta.ghost:hover{background:var(--ssu-sage-soft);transform:none}
.ssu .pause{margin-top:20px;font-size:14px;color:var(--ssu-ink-soft)}

/* final */
.ssu .slut{background:linear-gradient(var(--ssu-cream),var(--ssu-lys));padding:clamp(70px,13vh,130px) 22px;text-align:center}
.ssu .slut .inner{display:flex;flex-direction:column;align-items:center}

.ssu .cta:focus-visible,.ssu .pill:focus-visible,.ssu .chip:focus-visible{outline:3px solid var(--ssu-gold);outline-offset:2px}

.ssu .seg a{color:var(--ssu-sage-ink);font-weight:700}

/* generisk sektion (undersider: trust/faq m.fl.) — samme rytme som seg/pris */
.ssu .sec{padding:clamp(56px,9vh,100px) 22px;background:var(--ssu-cream)}

/* Sidebar-luft: sektionerne løber fuld viewport-bredde (main-content har
   margin-left:0); den fikserede glas-dock svæver over de yderste ~104px.
   Gutteren deler formel med mk-topnav'ens padding, så sektions-inner og
   nav-rækken sidder på SAMME linje ved alle bredder (Log ind-flugt, Morten
   7/7); min. 112px holder indholdet fri af docken på smalle desktops. */
@media (min-width:768px){
  .ssu .hero,.ssu .night,.ssu .chapwrap,.ssu .seg,.ssu .quote,.ssu .pris,.ssu .slut,.ssu .strip,.ssu .sec,.ssu .phero{
    padding-left:max(112px,calc((100% - 1240px)/2 + 36px));padding-right:max(112px,calc((100% - 1240px)/2 + 36px));
  }
}

/* Footer — del af Sofia-designet: fortsætter sidens lyse tone sømløst.
   Gælder forsiden (.lp) og alle .ssu-page-undersider. Overrider den delte
   marketing-footer-CSS via specificitet; kun light mode — dark beholder
   sitets fælles mørke footer. */
html:not([data-theme="dark"]) :is(.main-content.lp,.main-content.ssu-page) footer.lp-footer.calm-footer{
  background:#E9F0E6;border-top:0;margin:0;padding:38px 22px 46px;text-align:center;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
html:not([data-theme="dark"]) :is(.main-content.lp,.main-content.ssu-page) footer.lp-footer.calm-footer .lp-footer-links a{
  font-family:inherit;font-size:14px;font-weight:600;color:#6E6A60;transition:color 140ms ease;
}
html:not([data-theme="dark"]) :is(.main-content.lp,.main-content.ssu-page) footer.lp-footer.calm-footer .lp-footer-links a:hover{color:#5F7263}
html:not([data-theme="dark"]) :is(.main-content.lp,.main-content.ssu-page) footer.lp-footer.calm-footer .lp-footer-links a:focus-visible{outline:2px solid #5F7263;outline-offset:2px}
html:not([data-theme="dark"]) :is(.main-content.lp,.main-content.ssu-page) footer.lp-footer.calm-footer .lp-footer-dot{color:rgba(110,106,96,.45)}
html:not([data-theme="dark"]) :is(.main-content.lp,.main-content.ssu-page) footer.lp-footer.calm-footer .lp-footer-langs{margin-top:14px}
html:not([data-theme="dark"]) :is(.main-content.lp,.main-content.ssu-page) footer.lp-footer.calm-footer .lp-footer-langs a[aria-current="page"]{color:#26241F;font-weight:700}
html:not([data-theme="dark"]) :is(.main-content.lp,.main-content.ssu-page) footer.lp-footer.calm-footer .lp-footer-copy{font-family:inherit;font-size:13px;color:#8A857A;margin-top:16px}

/* FAQ-sektionens lys-baggrund fortsætter i footeren via sidste sektions tone —
   undersider slutter på .seg (cream); footeren skifter selv til lys. Ingen
   ekstra regler nødvendige: kontrasten cream→lys er samme sømløse trin som
   forsidens slut-gradient. */

/* ====================== DARK MODE — ÉN KILDE (alle .ssu-sider) ======================
   Token-remap + få komponent-overrides. Palet = sitets skibbede dark-kanon
   (#1c1b18-canvas, #26231E-kort, #e8e6e1-tekst, #7fb3a0-accent — samme familie
   som forsidens inline dark-regler og variables.css). REGLER: (1) sider bruger
   KUN --ssu-tokens, aldrig literal-farver — så følger dark med gratis;
   (2) ingen dark-regel må male en lys flade (baggrunde der starter #F/#E er
   forbudt herunder — kontrakt-håndhævet i tests/ssu-darkmode-contract.test.mjs). */
html[data-theme="dark"]{--ssu-canvas:#1C1B18;--ssu-canvas2:#191815}
html[data-theme="dark"] .ssu{
  --ssu-cream:#1C1B18; --ssu-lys:#232722; --ssu-hvid:#26231E;
  --ssu-ink:#E8E6E1; --ssu-ink-soft:#C9C5BD; --ssu-ink-mute:#B0ACA3;
  --ssu-sage:#5E7A6E; --ssu-sage-hover:#6E8A7E;
  --ssu-sage-ink:#7FB3A0; --ssu-sage-ink-hover:#9EC7B6;
  --ssu-sage-soft:#2A332C; --ssu-good:#7FB3A0; --ssu-gold:#D8BC5C;
  --ssu-line:rgba(255,255,255,.12); --ssu-line-soft:rgba(255,255,255,.07);
  --ssu-chip-line:rgba(255,255,255,.16);
  --ssu-field-bg:#2C2823; --ssu-placeholder:#8B877E;
  --ssu-error:#E38B74; --ssu-ic-mute:#5C5A55;
  --ssu-stage-a:#242923; --ssu-stage-a-lys:#242923; --ssu-stage-ring:rgba(255,255,255,.08);
  --ssu-tl-line:rgba(255,255,255,.14); --ssu-on-soft:#A9C4B4; --ssu-badge-fn:#2C2823;
  --ssu-card-shadow:0 24px 60px rgba(0,0,0,.5);
  color-scheme:dark;
}
/* kort får synlig kant — skygger drukner på mørk canvas */
html[data-theme="dark"] .ssu :is(.card,.plan,.segcard){box-shadow:0 12px 32px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08)}
html[data-theme="dark"] .ssu .segcard:hover{box-shadow:0 20px 44px rgba(0,0,0,.45)}
html[data-theme="dark"] .ssu .plan.sofia{box-shadow:0 0 0 2px var(--ssu-sage-ink),0 26px 60px rgba(0,0,0,.35);border-color:transparent}
/* telefon-demoens indre flader */
html[data-theme="dark"] .ssu .ph{box-shadow:0 34px 80px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.10),inset 0 -1px 0 rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.10)}
html[data-theme="dark"] .ssu .ph-top{background:#2C2823;border-bottom-color:rgba(255,255,255,.06)}
html[data-theme="dark"] .ssu .a-dots{background:#2C2823}
html[data-theme="dark"] .ssu .a-dots i{background:#6E6A66}
html[data-theme="dark"] .ssu .a-draft{border-color:rgba(255,255,255,.08);box-shadow:0 10px 26px rgba(0,0,0,.35)}
html[data-theme="dark"] .ssu .a-pill{box-shadow:0 8px 20px rgba(0,0,0,.35)}
/* CTA-skygge dæmpes (grøn glød ser neon ud på mørkt) */
html[data-theme="dark"] .ssu .cta{box-shadow:0 14px 34px rgba(0,0,0,.40)}
/* brevfotoet er et bevidst LYST objekt (fysisk papir i mørkt rum) — dets
   tekst må ikke arve dark-ink, ellers bliver den lys-på-lys */
html[data-theme="dark"] .ssu .paper{color:#6E6A60}
html[data-theme="dark"] .ssu .paper b,html[data-theme="dark"] .ssu .hl{color:#26241F}
/* dark: canvas skal være FLAD og identisk med .ssu-fladernes #1C1B18 —
   bb-sidebar.css' dark-canvas (radial-hints + egen gradient, !important)
   giver ellers en tonal kasse bag topnav/hero-kanten. !important + senere
   i kaskaden = denne vinder; rammer kun sider der loader landing-usp.css. */
html[data-theme="dark"] .app-layout.has-bb-sidebar{
  background:var(--ssu-canvas)!important;
}
/* dockens glas i dark: bb-sidebar.css' border-gradient har en grønlig kant
   (rgba(150,178,168,.12)) og kraftig hvid top-radial — lyser som grøn glød
   mod de nye mørke flader. Neutral varm glas i stedet (kun .ssu-sider). */
html[data-theme="dark"] nav#bb-sidebar.sidebar::before{
  background:
    linear-gradient(180deg,rgba(44,40,35,.62) 0%,rgba(34,30,26,.5) 50%,rgba(28,24,20,.58) 100%) padding-box,
    linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.05) 45%,rgba(255,255,255,.09) 100%) border-box;
  border-color:transparent;
}