/* ═══════════════════════════════════════════════════════════════
   travelivo — Mobil-Ebene v2  „Departure Lounge"
   Nur bis 760 px (link media). Desktop bleibt komplett unberührt.
   Leitidee: EIN durchgehend dunkler, edler Canvas von oben bis unten —
   die Abflugtafel/Bordkarte sind ohnehin dunkel, also wird die ganze
   App dunkel. Keine Hell/Dunkel-Sprünge, kein Durchschimmern.
   Akzente: Amber (Flugdaten) + Mint (Live/Aktion). Marken-Fonts
   (Sora/Hanken/IBM Plex Mono) bleiben. Inhalte/Recht unverändert —
   reine Präsentation. Bewusst committed-dark (unabhängig vom System),
   als Design-Entscheidung.
   ═══════════════════════════════════════════════════════════════ */

:root{
  --safe-b:env(safe-area-inset-bottom,0px);
  --safe-t:env(safe-area-inset-top,0px);
  --gut:17px;
  --r:18px;            /* Karten-Radius */
  --r-sm:13px;
  --bar-h:62px;

  --bg:#090D12;        /* Canvas (tiefstes Schwarzblau) */
  --bg-top:#101A24;    /* leichter Verlauf oben */
  --panel:#111A23;     /* Karten/Flächen */
  --panel-2:#182430;   /* erhöht / ausgewählt */
  --tafel:#0B1119;     /* Abflugtafel/Bordkarte */
  --line:rgba(255,255,255,.07);
  --line-2:rgba(255,255,255,.12);
  --press:rgba(255,255,255,.06);

  --ink:#EEF3F7;
  --ink-2:#9FB1BE;
  --faint:#6A7C8A;

  --amber:#FFC531;
  --mint:#44D6C6;
  --mint-ink:#042420;
  --teal:#0B7C72;
  --sand:#F4EEE3;

  --glass:rgba(10,15,21,.70);
  --shadow:0 2px 6px rgba(0,0,0,.35),0 18px 40px -20px rgba(0,0,0,.8);
  --sys:-apple-system,BlinkMacSystemFont,'SF Pro Text',system-ui,sans-serif;
}

/* ─── Canvas ─── */
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(58px + var(--safe-t));}
.tv{
  background:var(--bg);
  background-image:radial-gradient(130% 80% at 50% -10%, var(--bg-top) 0%, var(--bg) 46%);
  color:var(--ink);min-height:100svh;
}
.tv::before{opacity:.05;}            /* feines Korn */
body{-webkit-tap-highlight-color:transparent;background:var(--bg);}
a,button,summary,label,.opt,.row,.chk{-webkit-tap-highlight-color:transparent;}
body.m-has-bar #screen{padding-bottom:calc(var(--bar-h) + var(--safe-b));}
::selection{background:rgba(68,214,198,.28);}

/* Tipp-Feedback */
.opt,.row,.primary,.ghost,.zonejump,.chk,.faq summary,.optdaten summary,
.m-action .btn,.m-action-call,.m-seg button,.tally-tap,.backarrow,.burger,
.topnav a,.footlinks a,.empf,.prinzip{
  transition:transform .16s cubic-bezier(.2,.8,.2,1),background-color .18s,box-shadow .18s,border-color .18s,opacity .18s;
}
.opt:active,.row:active,.zonejump:active,.chk:active,.faq summary:active,
.optdaten summary:active,.prinzip:active{background-color:var(--press);}
.primary:active:not(:disabled),.ghost:active,.m-action .btn:active,
.m-seg button:active,.tally-tap:active{transform:scale(.97);}
.opt:active{transform:scale(.985);}
.m-action-call:active,.backarrow:active,.burger:active{transform:scale(.9);}

/* ═══════════════ KOPFLEISTE (immer dunkles Glas) ═══════════════ */
.topbar,body.scrolled .topbar{
  background:var(--glass);
  backdrop-filter:saturate(1.6) blur(22px);-webkit-backdrop-filter:saturate(1.6) blur(22px);
  border-bottom:.5px solid transparent;box-shadow:none;
  padding-top:var(--safe-t);transition:border-color .3s;
}
body.scrolled .topbar{border-bottom-color:var(--line);}
.topbar-inner{height:54px;max-width:none;padding:0 var(--gut);}
.logo{font-size:22px;color:var(--ink);letter-spacing:-.03em;}
.logo span{color:var(--mint);}
.navstep{color:var(--faint);}
.backarrow{
  width:38px;height:38px;border-radius:50%;
  border:.5px solid var(--line-2);background:rgba(255,255,255,.06);color:var(--ink);
  font-size:18px;
}
.burger{display:flex;width:40px;height:40px;border-radius:50%;border:.5px solid var(--line-2);background:rgba(255,255,255,.06);padding:0 11px;}
.burger span{background:var(--ink);}
body.view-board .topnav{display:none;}
body.view-board .burger{display:flex;}
body.view-board.menu-open .topnav{
  display:flex;flex-direction:column;align-items:stretch;
  position:absolute;top:calc(100% + 8px);left:12px;right:12px;
  background:var(--panel);border:.5px solid var(--line-2);border-radius:20px;
  box-shadow:0 24px 60px -18px rgba(0,0,0,.8);padding:8px;gap:0;
  animation:m-menuin .2s cubic-bezier(.2,.8,.2,1) both;
}
body.view-board.menu-open .topnav a{display:flex;align-items:center;padding:15px 15px;border-radius:13px;font-size:16.5px;font-weight:600;color:var(--ink);position:relative;}
body.view-board.menu-open .topnav a+a::before{content:'';position:absolute;left:15px;right:0;top:0;height:.5px;background:var(--line);}
body.view-board.menu-open .topnav a:active{background:var(--press);}
body.view-board.menu-open .topnav .contact{border:0;color:var(--mint);font-weight:700;}
body.view-board.menu-open .topnav .menu-only{color:var(--ink-2);font-weight:500;}
@keyframes m-menuin{from{opacity:0;transform:translateY(-8px) scale(.98);}to{opacity:1;transform:none;}}

.progress{padding:0 var(--gut);}
.progress .bar{height:3px;border-radius:2px;background:var(--mint);}
.progress .bar::after{color:var(--mint);}

/* ═══════════════ SHELL ═══════════════ */
.shell{max-width:none;padding:16px var(--gut) 42px;}
.shell.shell-board{padding-top:6px;}
.shell.in{animation:m-in .42s cubic-bezier(.22,.9,.3,1) both;}
@keyframes m-in{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}

/* ═══════════════ LANDING ═══════════════ */
.hero-grid{display:block;}
.hero-kicker{font-size:11px;letter-spacing:.18em;margin-bottom:16px;gap:11px;color:var(--ink-2);}
.hero-kicker::before{background:var(--mint);}
.hero-kicker .k-em{color:var(--mint);}
.hero{font-size:clamp(42px,12.5vw,56px);line-height:.96;letter-spacing:-.045em;color:var(--ink);}
.hero .hl{color:var(--ink);}
.hero .hl::after{border-top-color:var(--amber);opacity:.9;}
.herosub{font-size:16.5px;line-height:1.5;margin-top:16px;max-width:none;color:var(--ink-2);}
.herosub em{color:var(--mint);}
.partnerline{margin-top:16px;background:rgba(68,214,198,.12);border-color:transparent;color:var(--mint);font-weight:600;}
.partnerline i{color:var(--amber);}

/* „So funktioniert's" — dunkle inset-Liste */
.steps-label{display:block;margin:26px 0 9px;padding-left:3px;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--faint);}
.hero-steps{display:block;background:var(--panel);border-radius:var(--r);overflow:hidden;border:.5px solid var(--line);}
.hero-steps li{display:grid;grid-template-columns:34px 1fr;column-gap:14px;align-items:center;padding:15px 16px;position:relative;}
.hero-steps li+li::before{content:'';position:absolute;left:64px;right:0;top:0;height:.5px;background:var(--line);}
.hero-steps .num{width:34px;height:34px;border-radius:50%;background:rgba(255,197,49,.12);color:var(--amber);font-family:var(--mono);font-weight:600;font-size:14px;display:grid;place-items:center;}
.hero-steps b{font-family:var(--disp);font-size:16px;font-weight:600;color:var(--ink);margin-bottom:1px;display:block;}
.hero-steps span{font-size:14px;line-height:1.4;color:var(--ink-2);}

/* Abflugtafel — als edles Panel auf dem Canvas */
.board{margin-top:22px;background:var(--tafel);border:.5px solid var(--line-2);border-radius:20px;box-shadow:0 20px 50px -22px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.04);}
.board-lead{color:var(--mint);}
.search{font-size:16px;background:#0A141D;border-color:#2A3B4C;}
.search:focus{border-color:var(--amber);background:#0A1119;}
.boardnote{font-size:13.5px;line-height:1.55;color:var(--ink-2);margin-top:15px;padding-inline:2px;}
.boardnote b{color:var(--mint);}

/* Prinzipien — dunkle Karte mit Symbol-Kacheln */
.prinzipien{display:block;margin-top:30px;background:var(--panel);border-radius:var(--r);overflow:hidden;border:.5px solid var(--line);}
.prinzip{border-top:0;padding:16px 16px 16px 60px;position:relative;}
.prinzip+.prinzip::before{content:'';position:absolute;left:60px;right:0;top:0;height:.5px;background:var(--line);}
.prinzip::after{content:'';position:absolute;left:16px;top:16px;width:32px;height:32px;border-radius:9px;background-position:center;background-repeat:no-repeat;background-size:18px;}
.prinzip:nth-child(1)::after{background-color:rgba(68,214,198,.14);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2344D6C6' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");}
.prinzip:nth-child(2)::after{background-color:rgba(255,197,49,.13);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFC531' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 4v5c0 5-3.5 8-8 9-4.5-1-8-4-8-9V7l8-4Z'/%3E%3C/svg%3E");}
.prinzip:nth-child(3)::after{background-color:rgba(120,170,220,.14);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237FB4E6' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");}
.prinzip b{font-family:var(--disp);font-size:16px;color:var(--ink);}
.prinzip p{font-size:14.5px;line-height:1.45;color:var(--ink-2);margin-top:3px;}

/* FAQ — dunkle gruppierte Aufklapper */
.faq{margin-top:34px;border-top:0;padding-top:0;}
.faq h2{font-family:var(--disp);font-size:26px;letter-spacing:-.02em;padding-left:3px;margin-bottom:13px;color:var(--ink);}
.faq .m-faqlist{background:var(--panel);border-radius:var(--r);overflow:hidden;border:.5px solid var(--line);}
.faq details{margin-top:0;border:0;border-radius:0;background:transparent;padding:0 16px;position:relative;}
.faq details+details::before{content:'';position:absolute;left:16px;right:0;top:0;height:.5px;background:var(--line);}
.faq summary{padding:16px 0;font-size:16px;color:var(--ink);line-height:1.35;}
.faq summary::after{content:'';width:9px;height:9px;border-right:2px solid var(--faint);border-bottom:2px solid var(--faint);transform:rotate(45deg) translateY(-2px);transition:transform .25s cubic-bezier(.2,.8,.2,1);}
.faq details[open] summary::after{transform:rotate(-135deg) translateY(2px);border-color:var(--mint);}
.faq details p{font-size:14.5px;line-height:1.55;color:var(--ink-2);padding-bottom:16px;}

/* ═══════════════ FRAGEN — App-Steps ═══════════════ */
.routechip{margin-bottom:18px;background:var(--panel);border:.5px solid var(--line-2);box-shadow:none;color:var(--ink);}
.routechip b{color:var(--ink);}
.routechip .dash{border-top-color:var(--mint);}
.routechip em{color:var(--ink-2);}
.frage{font-family:var(--disp);font-size:clamp(28px,7.8vw,33px);letter-spacing:-.035em;line-height:1.13;color:var(--ink);}
.fragesub{font-size:15.5px;color:var(--ink-2);margin-top:9px;}
.opts{margin-top:20px;gap:11px;}
.opt{
  padding:18px;border-radius:15px;border:1.5px solid var(--line-2);
  background:var(--panel);font-size:16.5px;color:var(--ink);
  box-shadow:0 1px 2px rgba(0,0,0,.25);min-height:58px;
}
.opt small{color:var(--faint);font-size:13px;margin-top:3px;}
.opt .tick{width:26px;height:26px;border-color:var(--line-2);color:transparent;}
.opt.on{border-color:var(--mint);background:rgba(68,214,198,.12);color:var(--ink);box-shadow:0 0 0 1px var(--mint),0 10px 26px -12px rgba(68,214,198,.5);}
.opt.on small{color:var(--mint);}
.opt.on .tick{background:var(--mint);border-color:var(--mint);color:var(--mint-ink);}
.weiter.primary{margin-top:18px;}
.microfakt{margin-top:26px;border-radius:14px;background:var(--panel);border-left:3px solid var(--amber);}
.microfakt span{color:var(--amber);}
.microfakt p{font-size:13.5px;line-height:1.5;color:var(--ink-2);}

/* ═══════════════ BUTTONS ═══════════════ */
.primary{
  background:linear-gradient(180deg,#4CDFCE,#1FB9AA);color:var(--mint-ink);
  border:0;border-radius:15px;padding:17px;font-size:17px;font-weight:700;min-height:54px;
  box-shadow:0 10px 26px -10px rgba(68,214,198,.5);letter-spacing:-.01em;
}
.primary:hover:not(:disabled){background:linear-gradient(180deg,#5AE6D6,#25C2B2);}
.primary:disabled{background:var(--panel-2);color:var(--faint);box-shadow:none;}
.ghost{color:var(--ink-2);padding:15px;font-size:16px;min-height:50px;}

/* ═══════════════ ANALYSE ═══════════════ */
.analyse{padding-top:17vh;}
.pin{background:var(--tafel);color:var(--amber);}
.line{border-top-color:#2A3B4C;}
.plane{color:var(--mint);}
.a1{font-family:var(--disp);font-size:20px;color:var(--ink);}
.a2{color:var(--faint);}

/* ═══════════════ ERGEBNIS — Bordkarte ═══════════════ */
.pass{background:var(--tafel);border:.5px solid var(--line-2);border-radius:20px;box-shadow:0 22px 56px -22px rgba(0,0,0,.9);}
.passstatus{border-bottom-color:var(--line);}
.passstatus>div:first-child{border-right-color:var(--line);}
.passstatus b{font-size:32px;color:var(--mint);}
.passstatus>div:last-child b{color:var(--amber);}
.passstatus small{color:var(--ink-2);font-weight:600;}
.perf{border-bottom-color:var(--line-2);background-image:radial-gradient(circle,var(--bg) 2.2px,transparent 2.6px);}
.notch{background:var(--bg);box-shadow:inset 0 2px 4px rgba(0,0,0,.6);}
.kern{padding:19px 20px 10px;}
.kf{font-size:16.5px;color:var(--ink);}
.ks{font-size:14.5px;color:var(--ink-2);}
.glossar{background:rgba(255,255,255,.04);color:var(--ink-2);border-radius:12px;}
.glossar span{background:var(--mint);color:var(--mint-ink);}
.tally-tap{cursor:pointer;}

.empfs{padding:12px 16px 18px;gap:10px;}
.empf{border-radius:14px;background:var(--panel-2);border:.5px solid var(--line);box-shadow:0 1px 2px rgba(0,0,0,.3);}
.empf::before{border-radius:14px 0 0 14px;}
.empf.s-klar::before{background:var(--mint);}
.empf.s-situ::before{background:var(--amber);}
.empf.s-skip::before{background:#5B6C7A;}
.empfhead b{font-size:15.5px;color:var(--ink);}
.empfhead em{font-size:9.5px;}
.s-klar .empfhead em{background:rgba(68,214,198,.16);color:var(--mint);}
.s-situ .empfhead em{background:rgba(255,197,49,.16);color:#F3CF6A;}
.s-skip .empfhead em{background:rgba(255,255,255,.08);color:var(--ink-2);}
.empf p{font-size:14.5px;color:var(--ink-2);}
.empf li{font-size:14px;color:var(--ink-2);}
.empf .extra{color:var(--ink);font-weight:700;}
.barcode i{background:var(--ink-2);opacity:.6;}
.barlabel{color:var(--faint);}

/* Segmented Control (per JS) — dunkel, iOS */
.m-seg{
  position:sticky;top:calc(56px + var(--safe-t));z-index:6;
  display:grid;grid-template-columns:repeat(3,1fr);gap:0;
  margin:2px 16px 12px;padding:3px;border-radius:12px;background:#0A1119;border:.5px solid var(--line);
  box-shadow:0 0 0 7px var(--tafel);
}
.m-seg-thumb{position:absolute;top:3px;bottom:3px;left:3px;width:calc((100% - 6px)/3);border-radius:9px;background:var(--panel-2);box-shadow:0 2px 8px rgba(0,0,0,.4);transform:translateX(calc(var(--i,0) * 100%));transition:transform .32s cubic-bezier(.3,1.25,.5,1);}
.m-seg button{position:relative;z-index:1;padding:9px 4px;font-family:var(--body);font-size:13px;font-weight:500;color:var(--ink-2);line-height:1.15;}
.m-seg button[aria-selected="true"]{font-weight:700;color:var(--ink);}
.m-seg .m-seg-n{color:var(--faint);font-weight:600;font-family:var(--mono);}
.js-app .empfs[data-seg="klar"] .empf:not(.s-klar),
.js-app .empfs[data-seg="situ"] .empf:not(.s-situ),
.js-app .empfs[data-seg="skip"] .empf:not(.s-skip){display:none;}
.js-app .empfs .empf{animation:none !important;}
.m-empf-empty{display:none;padding:22px 16px;text-align:center;color:var(--faint);font-size:14.5px;}

/* Schwebende Pille */
.m-pill{
  position:fixed;left:50%;bottom:calc(var(--bar-h) + var(--safe-b) + 14px);z-index:55;
  display:flex;align-items:center;gap:9px;white-space:nowrap;
  padding:11px 12px 11px 17px;border-radius:999px;
  background:rgba(24,36,48,.92);color:var(--ink);border:.5px solid var(--line-2);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  font-family:var(--body);font-size:13.5px;
  box-shadow:0 14px 34px -10px rgba(0,0,0,.7);
  transform:translate(-50%,24px) scale(.96);opacity:0;pointer-events:none;
  transition:transform .35s cubic-bezier(.3,1.3,.5,1),opacity .2s;
}
.m-pill.show{transform:translate(-50%,0) scale(1);opacity:1;pointer-events:auto;}
.m-pill b{font-weight:700;font-size:15px;color:#fff;}
.m-pill .dot{width:3px;height:3px;border-radius:50%;background:rgba(238,243,247,.4);}
.m-pill .go{margin-left:3px;padding:6px 12px;border-radius:999px;background:var(--mint);color:var(--mint-ink);font-weight:700;font-size:12.5px;}

/* ═══════════════ CTA + LEAD-FORMULAR (iOS, dunkel) ═══════════════ */
.cta{margin-top:20px;border-radius:var(--r);background:var(--panel);border:.5px solid var(--line);box-shadow:var(--shadow);padding:22px 18px;}
.cta h3{font-family:var(--disp);font-size:21px;color:var(--ink);}
.cta p{font-size:15px;color:var(--ink-2);}
.cta input:not([type=checkbox]),.cta textarea{
  font-size:17px;padding:15px 16px;border-radius:13px;border:1.5px solid var(--line-2);
  background:#0C141C;color:var(--ink);min-height:52px;
}
.cta input::placeholder,.cta textarea::placeholder{color:var(--faint);}
.cta input:focus,.cta textarea:focus{border-color:var(--mint);background:#0A1119;outline:none;}
.cta input.invalid{border-color:#E0674F;background:rgba(224,103,79,.08);}
.optdaten{border-radius:13px;background:rgba(255,255,255,.03);border:1.5px dashed var(--line-2);}
.optdaten summary{font-size:15px;color:var(--ink-2);padding:15px 2px;}
.optdaten .opthint{color:var(--faint) !important;}
.optdaten input{background:#0C141C !important;}
.chk{font-size:14px;line-height:1.5;color:var(--ink-2);gap:12px;padding:12px 13px;border-radius:12px;background:rgba(255,255,255,.03);margin:8px 0;align-items:flex-start;}
.chk input{width:22px;height:22px;margin-top:0;accent-color:var(--mint);flex:none;}
.chk a{color:var(--mint);}
.legal{font-size:12px !important;color:var(--faint) !important;}
.legal a{color:var(--ink-2);}
.formerr{background:rgba(224,103,79,.12);border-color:rgba(224,103,79,.4);color:#F0A08E;}
.ferr{color:#F0A08E;}

/* Erfolg (done) */
.cta .m-success{display:flex;justify-content:center;margin-bottom:8px;}
.cta .m-success i{width:66px;height:66px;border-radius:50%;background:rgba(68,214,198,.14);color:var(--mint);display:grid;place-items:center;font-size:32px;font-style:normal;animation:m-pop .5s cubic-bezier(.2,1.5,.4,1) both;}
@keyframes m-pop{from{transform:scale(.5);opacity:0;}to{transform:scale(1);opacity:1;}}

/* ═══════════════ AKTIONSLEISTE (per JS) ═══════════════ */
.m-action{
  position:fixed;left:0;right:0;bottom:0;z-index:58;
  display:flex;align-items:center;gap:10px;
  padding:9px var(--gut) calc(9px + var(--safe-b));
  background:var(--glass);
  backdrop-filter:saturate(1.6) blur(22px);-webkit-backdrop-filter:saturate(1.6) blur(22px);
  border-top:.5px solid var(--line);
  transition:transform .32s cubic-bezier(.2,.8,.2,1);
}
.m-action[hidden]{display:none;}
.m-action.m-bar-hide{transform:translateY(130%);}
.m-action .btn,.m-action .primary{flex:1;justify-content:center;margin:0;width:auto;}
.m-action-call{
  flex:none;width:52px;height:52px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(68,214,198,.12);color:var(--mint);text-decoration:none;border:.5px solid var(--line-2);
}
.m-action-call svg{width:21px;height:21px;}

/* ═══════════════ CONSENT-BANNER (.cm) — Bottom-Sheet dunkel ═══════════════ */
.cm{
  left:10px !important;right:10px !important;bottom:calc(10px + var(--safe-b)) !important;
  border-radius:20px !important;border:.5px solid var(--line-2) !important;
  background:var(--panel) !important;color:var(--ink) !important;
  box-shadow:0 24px 64px -16px rgba(0,0,0,.85) !important;padding:18px !important;font-size:14px !important;
  animation:m-sheet .32s cubic-bezier(.2,.9,.3,1) both;
}
@keyframes m-sheet{from{transform:translateY(16px);opacity:0;}to{transform:none;opacity:1;}}
.cm .cm-h{font-size:16px !important;color:var(--ink) !important;}
.cm a{color:var(--mint) !important;}
.cm-opts input{accent-color:var(--mint) !important;}
.cm-b button{height:46px !important;border-radius:999px !important;font-size:15px !important;border-color:var(--line-2) !important;color:var(--ink) !important;}
.cm-b button[data-a="all"],.cm-b button[data-a="save"]{background:var(--mint) !important;color:var(--mint-ink) !important;border-color:var(--mint) !important;font-weight:700 !important;}
.cm-more{color:var(--ink-2) !important;}
body.m-cm-open .m-action{transform:translateY(130%);}

/* ═══════════════ FOOTER ═══════════════ */
.foot{background:var(--tafel);padding:32px var(--gut) calc(40px + var(--safe-b));margin-top:18px;border-top:.5px solid var(--line);}
.footlogo,.foot p,.footlinks,.footcopy{max-width:none;}
.footlinks{gap:14px;}

/* ═══════════════ REDUCED MOTION ═══════════════ */
@media (prefers-reduced-motion:reduce){
  .shell.in,.cm,.cta .m-success i{animation:none !important;}
  .m-seg-thumb,.m-pill,.m-action,.faq summary::after{transition:none !important;}
}