/* Self-hosted Geist variable fonts (fonts/ on the same host, no Google round-trip) */
  @font-face{font-family:'Geist';src:url('fonts/geist.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
  @font-face{font-family:'Geist Mono';src:url('fonts/geist-mono.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
  /* ===== CareerKit design tokens (pulled from the live reskin) ===== */
  :root{
    --sm-blue:#1300FF; --sm-blue-dark:#0E00C2; --sm-blue-light:#ECEBFF;
    --accent:#C6FA02; --accent-ink:#0A0A0A;
    --grad-blue:linear-gradient(135deg,#1300FF 0%,#3A1DE0 55%,#5B21D6 100%);
    --grad-btn:linear-gradient(135deg,#1300FF 0%,#6366F1 100%);
    --wash:linear-gradient(160deg,#F0F4FF 0%,#E8EAFF 58%,#EFEBFF 100%);
    --blue-shadow:0 16px 40px rgba(19,0,255,.26);
    --ink:#0A0A0A; --bg:#FFFFFF;
    --g100:#F4F4F5; --g200:#E4E4E7; --g400:#9CA3AF; --g500:#52525B; --g700:#3F3F46;
    --green:#16A34A; --green-light:#ECFDF3; --green-text:#15803D;
    --font-main:'Geist',system-ui,-apple-system,sans-serif;
    --font-mono:'Geist Mono',ui-monospace,'SF Mono',monospace;
    --radius:8px; --radius-lg:16px; --radius-xl:24px;
    --shadow-sm:0 1px 2px rgba(0,0,0,.05);
    --shadow-md:0 4px 12px rgba(0,0,0,.08);
    --shadow-lg:0 8px 24px rgba(0,0,0,.12);
    --ease:cubic-bezier(.23,1,.32,1);
    --maxw:1080px;
    --z-nav:50; --z-sticky:40;
    --map-grad-a:#F3F5FF; --map-grad-b:#D7DDFF; --map-stroke:#9AA4E8; --map-dot:#1300FF; --map-halo:#fff; --map-faint:#A6AEDA; --map-label:#272733;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{font-family:var(--font-main);color:var(--ink);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
  a{color:inherit;text-decoration:none}
  img{max-width:100%;display:block}
  ::selection{background:var(--accent);color:var(--accent-ink)}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}

  /* ===== Accessibility: skip link + visible focus ===== */
  .skip{position:fixed;left:16px;top:-64px;z-index:100;background:var(--sm-blue);color:#fff;font-weight:600;font-size:14px;padding:10px 16px;border-radius:var(--radius);box-shadow:var(--shadow-lg);transition:top .2s var(--ease)}
  .skip:focus-visible{top:12px}
  :focus-visible{outline:3px solid var(--sm-blue);outline-offset:2px;border-radius:4px}
  .band :focus-visible{outline-color:var(--accent-ink)}
  footer :focus-visible{outline-color:var(--accent)}

  /* ===== Header ===== */
  header.nav{position:sticky;top:0;z-index:var(--z-nav);background:rgba(255,255,255,.85);backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--g200)}
  .nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}
  .brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:18px;letter-spacing:-.02em}
  .brand .mark{width:26px;height:26px;border-radius:7px;background:var(--sm-blue);display:grid;place-items:center;color:#fff;font-weight:800}
  .nav-links{display:flex;gap:28px;font-size:14.5px;font-weight:500;color:var(--g700)}
  .nav-links a{transition:color .15s var(--ease)}
  .nav-links a:hover{color:var(--sm-blue)}
  @media(max-width:860px){.nav-links{display:none}}
  @media(max-width:560px){.nav-inner>.btn{display:none}}

  /* ===== Buttons ===== */
  .btn{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-weight:600;font-size:15px;line-height:1;
    padding:0 20px;height:46px;border-radius:var(--radius);border:1.5px solid transparent;cursor:pointer;transition:transform .15s var(--ease),background .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease)}
  .btn:active{transform:translateY(1px)}
  .btn-primary{background:var(--grad-btn);color:#fff;box-shadow:0 6px 18px rgba(19,0,255,.22)}
  .btn-primary:hover{background:var(--sm-blue-dark);box-shadow:0 9px 24px rgba(19,0,255,.32)}
  .btn-ghost{background:#fff;color:var(--ink);border-color:var(--g200)}
  .btn-ghost:hover{border-color:var(--ink)}
  .btn-ink{background:#0A0A0A;color:#fff}
  .btn-ink:hover{background:#000}
  .btn-lg{height:54px;font-size:16.5px;padding:0 26px}

  /* ===== Hero ===== */
  .hero{padding:84px 0 56px;position:relative;overflow:hidden;background:var(--wash)}
  .hero::before{content:"";position:absolute;inset:0;background:
     radial-gradient(760px 400px at 86% -14%,rgba(91,33,214,.22),transparent 68%),
     radial-gradient(520px 320px at 8% 116%,rgba(19,0,255,.12),transparent 70%),
     radial-gradient(380px 260px at 62% 88%,rgba(198,250,2,.16),transparent 72%);z-index:-1}
  /* branded texture: fine dot grid, masked into the top-right quadrant */
  .hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
     background-image:radial-gradient(rgba(19,0,255,.11) 1.3px,transparent 1.3px);
     background-size:22px 22px;
     -webkit-mask-image:radial-gradient(720px 480px at 82% 6%,#000,transparent 72%);
     mask-image:radial-gradient(720px 480px at 82% 6%,#000,transparent 72%)}
  .eyebrow-pill{display:inline-flex;align-items:center;gap:8px;background:var(--sm-blue-light);color:var(--sm-blue-dark);
    font-weight:600;font-size:13px;padding:7px 14px;border-radius:999px;margin-bottom:22px}
  .eyebrow-pill .dot{width:7px;height:7px;border-radius:50%;background:var(--sm-blue)}
  h1{font-size:clamp(2.05rem,4.3vw,3.4rem);line-height:1.06;letter-spacing:-.035em;font-weight:800;text-wrap:balance;overflow-wrap:break-word;hyphens:auto}
  h1 .hl{display:block;font-size:.62em;margin-top:.14em;color:var(--sm-blue);letter-spacing:-.03em;line-height:1.12}
  .hero p.lede{margin-top:20px;font-size:clamp(1.05rem,1.7vw,1.25rem);color:var(--g700);max-width:54ch;text-wrap:pretty}
  .hero-cta{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
  .hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:48px;align-items:center}
  @media(max-width:880px){.hero-grid{grid-template-columns:1fr;gap:36px}}
  /* hero profile / trust card */
  .profile-card{background:#fff;border:1px solid var(--g200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:26px}
  .pc-top{display:flex;align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--g200)}
  .pc-mark{width:48px;height:48px;border-radius:12px;background:var(--sm-blue);color:#fff;display:grid;place-items:center;font-weight:800;font-size:19px;flex:none}
  .pc-name{font-weight:700;font-size:15.5px;letter-spacing:-.01em;line-height:1.2}
  .pc-sub{font-size:13px;color:var(--g500);margin-top:3px}
  .pc-list{padding:4px 0}
  .pc-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;font-size:14px;border-bottom:1px solid var(--g100)}
  .pc-row:last-child{border-bottom:0}
  .pc-row .k{color:var(--g500)}
  .pc-row .v{font-weight:600}
  .pc-trust{display:flex;align-items:center;gap:8px;margin-top:12px;background:var(--green-light);color:var(--green-text);border-radius:var(--radius);padding:10px 12px;font-size:13px;font-weight:600}

  /* key facts strip */
  .facts{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:54px;border-radius:var(--radius-lg);overflow:hidden;background:var(--grad-blue);box-shadow:var(--blue-shadow);color:#fff}
  .fact{padding:28px 24px;border-right:1px solid rgba(255,255,255,.16)}
  .fact:last-child{border-right:0}
  .fact .num{font-size:2rem;font-weight:800;letter-spacing:-.03em;line-height:1}
  .fact .num small{font-size:1.1rem;font-weight:700;color:rgba(255,255,255,.72)}
  .fact .lab{margin-top:8px;font-size:13.5px;color:rgba(255,255,255,.82);font-weight:500}
  @media(max-width:760px){.facts{grid-template-columns:repeat(2,1fr)}.fact:nth-child(2){border-right:0}.fact:nth-child(1),.fact:nth-child(2){border-bottom:1px solid rgba(255,255,255,.16)}}

  /* ===== sticky anchor nav ===== */
  .subnav{position:sticky;top:64px;z-index:var(--z-sticky);background:rgba(255,255,255,.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--g200);margin-top:64px}
  .subnav-inner{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;height:54px;align-items:center}
  .subnav-inner::-webkit-scrollbar{display:none}
  .subnav a{font-size:14px;font-weight:500;color:var(--g500);padding:8px 14px;border-radius:999px;white-space:nowrap;transition:.15s var(--ease)}
  .subnav a:hover{color:var(--ink);background:var(--g100)}
  .subnav a.active{color:var(--sm-blue);background:var(--sm-blue-light)}

  /* ===== sections ===== */
  section.block{padding:72px 0}
  .sec-head{max-width:60ch;margin-bottom:36px}
  h2{font-size:clamp(1.7rem,3vw,2.4rem);letter-spacing:-.03em;font-weight:800;line-height:1.1;text-wrap:balance}
  .sec-head p{margin-top:14px;color:var(--g700);font-size:1.05rem;text-wrap:pretty}
  h3{font-size:1.2rem;font-weight:700;letter-spacing:-.02em}

  /* overview split */
  .split{display:grid;grid-template-columns:1.3fr .9fr;gap:48px;align-items:start}
  @media(max-width:840px){.split{grid-template-columns:1fr;gap:32px}}
  .prose p{color:var(--g700);font-size:1.05rem;margin-bottom:16px;max-width:66ch}
  .prose p strong{color:var(--ink);font-weight:600}
  .aside-card{background:var(--sm-blue-light);border-radius:var(--radius-lg);padding:28px}
  .aside-card h4{font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--g500);margin-bottom:18px;font-weight:600}
  .kv{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--g200);font-size:14.5px}
  .kv:last-child{border-bottom:0}
  .kv .k{color:var(--g500)}
  .kv .v{font-weight:600;text-align:right}

  /* model cards (2 study formats) */
  .models{display:grid;grid-template-columns:1fr 1fr;gap:20px}
  @media(max-width:760px){.models{grid-template-columns:1fr}}
  .model{border:1px solid var(--g200);border-radius:var(--radius-lg);padding:32px;background:#fff;transition:box-shadow .2s var(--ease),transform .2s var(--ease),border-color .2s var(--ease)}
  .model:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);border-color:transparent}
  .model .ic{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:var(--sm-blue-light);color:var(--sm-blue);margin-bottom:20px}
  .model h3{margin-bottom:10px}
  .model p{color:var(--g700);font-size:15px;margin-bottom:20px}
  .feat{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;color:var(--g700);padding:7px 0}
  .feat svg{flex:none;margin-top:2px;color:var(--green)}
  .model .tag{display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--g100);color:var(--g700);margin-bottom:18px}

  /* ===== LIME accent band (CareerKit signature) ===== */
  .band{background:var(--accent);color:var(--accent-ink);border-radius:var(--radius-xl);padding:clamp(36px,5vw,60px);position:relative;overflow:hidden}
  .band-grid{display:grid;grid-template-columns:1.2fr auto;gap:36px;align-items:center}
  @media(max-width:760px){.band-grid{grid-template-columns:1fr}}
  .band h2{font-size:clamp(1.7rem,3.4vw,2.6rem);max-width:18ch}
  .band p{margin-top:14px;font-size:1.08rem;font-weight:500;max-width:42ch;opacity:.85}
  .band .actions{display:flex;flex-direction:column;gap:12px;min-width:230px}
  .band .mono{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.02em;text-transform:uppercase;opacity:.7;margin-bottom:6px;font-weight:500}

  /* program field chips */
  .fields{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
  .chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--g200);background:#fff;border-radius:999px;padding:10px 16px;font-size:14.5px;font-weight:500;transition:.15s var(--ease)}
  .chip:hover{border-color:var(--sm-blue);color:var(--sm-blue)}
  .chip svg{flex:none;color:var(--sm-blue)}
  .chip .cnt{font-family:var(--font-mono);font-size:12px;color:var(--g500)}

  /* Germany map: 7 verified Studienorte als Dots */
  .map-card{margin-top:28px;background:#fff;border:1px solid var(--g200);border-radius:var(--radius-lg);padding:18px 18px 8px;box-shadow:var(--shadow-md);max-width:430px}
  .map-cap{display:flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:12px;letter-spacing:.03em;text-transform:uppercase;color:var(--g500);font-weight:500;margin-bottom:2px}
  .map-cap .mdot{width:8px;height:8px;border-radius:50%;background:var(--sm-blue);flex:none;box-shadow:0 0 0 4px rgba(19,0,255,.14)}
  .de-map{width:100%;max-width:348px;height:auto;display:block;margin:0 auto;overflow:visible}
  .de-land{fill:url(#deFill);stroke:var(--map-stroke);stroke-width:1.4;stroke-linejoin:round;filter:drop-shadow(0 12px 22px rgba(19,0,255,.14))}
  .de-faint{fill:var(--map-faint)}
  .de-mk .hl{fill:var(--map-halo)}
  .de-mk .dot{fill:var(--map-dot)}
  .de-lbl{font-family:var(--font-main);font-size:11px;font-weight:600;fill:var(--map-label);paint-order:stroke;stroke:var(--map-halo);stroke-width:3.4px;stroke-linejoin:round}
  .de-ring{fill:none;stroke:var(--map-dot);stroke-width:1.6;opacity:0}
  @media(prefers-reduced-motion:no-preference){
    .de-ring{animation:ring 3.6s var(--ease) infinite}
    .de-ring.r2{animation-delay:1.2s}
    .de-ring.r3{animation-delay:2.4s}
  }
  @keyframes ring{0%{opacity:.75;r:5}65%{opacity:0;r:15}100%{opacity:0;r:15}}

  /* ===== data tables (programs + comparison) ===== */
  .tbl-wrap{overflow-x:auto;border:1px solid var(--g200);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-sm);-webkit-overflow-scrolling:touch}
  table.dt{width:100%;border-collapse:collapse;font-size:14.5px;min-width:560px}
  table.dt th,table.dt td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--g100)}
  table.dt thead th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--g500);font-weight:600;background:var(--g100);position:sticky;top:0}
  table.dt tbody tr:last-child td{border-bottom:0}
  table.dt tbody tr.is-iu{background:var(--sm-blue-light)}
  table.dt tbody tr.is-iu td{font-weight:600}
  table.dt .deg{font-family:var(--font-mono);font-size:12px;color:var(--sm-blue);font-weight:600;white-space:nowrap}
  .tbl-note{font-size:13px;color:var(--g500);margin-top:12px}
  /* filter chips become buttons */
  button.chip{font:inherit;cursor:pointer;color:var(--ink)}
  .chip.is-active{background:var(--sm-blue);color:#fff;border-color:var(--sm-blue)}
  .chip.is-active svg{color:#fff}
  .chip.is-active:hover{color:#fff}
  table.dt tbody tr.hide{display:none}
  /* clickable program rows */
  table.dt tbody tr.lnk{cursor:pointer}
  table.dt tbody tr.lnk:hover{background:var(--sm-blue-light)}
  a.prog{color:var(--ink);font-weight:600;border-bottom:1.5px solid transparent;transition:color .15s var(--ease),border-color .15s var(--ease)}
  table.dt tbody tr.lnk:hover a.prog{color:var(--sm-blue);border-bottom-color:var(--sm-blue)}
  .prog-go{color:var(--g400);font-weight:700;margin-left:8px}
  table.dt tbody tr.lnk:hover .prog-go{color:var(--sm-blue)}

  /* ===== persona selector ===== */
  .persona-card{border:1px solid var(--g200);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-sm);padding:22px 24px}
  .persona-q{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--g500);font-weight:600;margin-bottom:12px}
  .persona-tabs{display:flex;flex-wrap:wrap;gap:10px}
  .persona-tabs button{font:inherit;cursor:pointer;border:1.5px solid var(--g200);background:#fff;color:var(--ink);font-weight:600;font-size:14.5px;padding:10px 18px;border-radius:999px;transition:all .15s var(--ease)}
  .persona-tabs button:hover{border-color:var(--ink)}
  .persona-tabs button.is-active{background:var(--sm-blue);color:#fff;border-color:var(--sm-blue)}
  .persona-out{margin-top:18px;display:flex;gap:14px;align-items:flex-start;background:var(--sm-blue-light);border-radius:var(--radius);padding:16px 18px}
  .persona-out[hidden]{display:none}
  .persona-out .pic{flex:none;width:36px;height:36px;border-radius:9px;background:#fff;color:var(--sm-blue);display:grid;place-items:center}
  .persona-out h4{font-size:15px;margin-bottom:4px}
  .persona-out p{font-size:14px;color:var(--g700);line-height:1.5;margin:0}
  .persona-out a{color:var(--sm-blue);font-weight:600;border-bottom:1.5px solid currentColor}

  /* ===== study-flow stepper ===== */
  .sub-h{font-size:1.2rem;letter-spacing:-.02em;font-weight:700;margin-bottom:4px}
  .flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}
  @media(max-width:720px){.flow{grid-template-columns:1fr 1fr}}
  .flow-step{border:1px solid var(--g200);border-radius:var(--radius);background:#fff;padding:18px 16px}
  .flow-step .n{width:28px;height:28px;border-radius:8px;background:var(--grad-blue);color:#fff;font-weight:700;font-size:13px;display:grid;place-items:center;margin-bottom:12px}
  .flow-step strong{display:block;font-size:14.5px;letter-spacing:-.01em;margin-bottom:3px}
  .flow-step span{font-size:13px;color:var(--g500);line-height:1.45}

  /* ===== model chooser ===== */
  .chooser{margin-top:34px;border:1px solid var(--g200);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-sm);padding:24px}
  .chooser .cq{font-weight:700;font-size:16.5px;margin-bottom:14px;letter-spacing:-.01em}
  .chooser .opts{display:flex;flex-wrap:wrap;gap:10px}
  .chooser .opts button{font:inherit;cursor:pointer;border:1.5px solid var(--g200);background:#fff;color:var(--ink);font-weight:600;font-size:14px;padding:11px 17px;border-radius:var(--radius);transition:all .15s var(--ease)}
  .chooser .opts button:hover{border-color:var(--sm-blue);color:var(--sm-blue)}
  .chooser .rec{display:none}
  .chooser .rec.show{display:block;animation:fade .3s var(--ease)}
  .chooser .rec-box{display:flex;gap:14px;align-items:flex-start;background:var(--sm-blue-light);border-radius:var(--radius);padding:18px}
  .chooser .rec-box .pic{flex:none;width:40px;height:40px;border-radius:10px;background:#fff;color:var(--sm-blue);display:grid;place-items:center}
  .chooser .rec-box h4{font-size:15.5px;margin-bottom:5px}
  .chooser .rec-box p{font-size:13.5px;color:var(--g700);line-height:1.5;margin:0}
  .chooser .restart{font:inherit;cursor:pointer;background:none;border:0;color:var(--sm-blue);font-weight:600;font-size:13.5px;padding:0;height:42px}
  @keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
  /* recommendation detail (chooser result) */
  .rec-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
  @media(max-width:560px){.rec-stats{grid-template-columns:1fr}}
  .rec-stat{background:#fff;border:1px solid var(--g200);border-radius:var(--radius);padding:12px 14px}
  .rec-stat .v{font-size:1.15rem;font-weight:800;letter-spacing:-.02em;color:var(--sm-blue)}
  .rec-stat .k{font-size:11.5px;color:var(--g500);margin-top:3px}
  .rec-feats{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}
  .rec-feats li{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;color:var(--g700)}
  .rec-feats li svg{flex:none;color:var(--green);margin-top:2px}
  /* Studiengänge: Fachbereich distribution donut */
  .dist{display:flex;gap:30px;align-items:center;flex-wrap:wrap;margin-top:18px;padding:22px 24px;border:1px solid var(--g200);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-sm)}
  .donut{flex:none;width:148px;height:148px;border-radius:50%;position:relative;background:conic-gradient(#1300FF 0 40%,#4F39F6 40% 60%,#7C5CFF 60% 78%,#A78BFA 78% 88%,#C7CDF4 88% 95%,#C6FA02 95% 100%)}
  .donut::after{content:"";position:absolute;inset:27px;border-radius:50%;background:#fff}
  .donut .dc{position:absolute;inset:0;display:grid;place-content:center;text-align:center;z-index:1}
  .donut .dc b{font-size:1.3rem;font-weight:800;letter-spacing:-.02em;line-height:1}
  .donut .dc span{font-size:11px;color:var(--g500)}
  .dist-legend{flex:1;min-width:240px;display:grid;grid-template-columns:1fr 1fr;gap:9px 20px}
  @media(max-width:560px){.dist-legend{grid-template-columns:1fr}}
  .lg{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--g700)}
  .lg .sw{width:11px;height:11px;border-radius:3px;flex:none}
  .lg .pct{margin-left:auto;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}

  /* ===== smooth anchor landing (clear of sticky header + subnav) ===== */
  .block{scroll-margin-top:118px}

  /* ===== Für Eltern ===== */
  .eltern{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}
  @media(max-width:760px){.eltern{grid-template-columns:1fr}}
  .eltern-card{border:1px solid var(--g200);border-radius:var(--radius-lg);background:#fff;padding:22px;box-shadow:var(--shadow-sm)}
  .eltern-card .ei{width:40px;height:40px;border-radius:11px;background:var(--sm-blue-light);color:var(--sm-blue);display:grid;place-items:center;margin-bottom:14px}
  .eltern-card h4{font-size:15.5px;margin-bottom:6px;letter-spacing:-.01em}
  .eltern-card p{font-size:13.5px;color:var(--g700);line-height:1.5;margin:0}

  /* ===== playful micro-interactions (only where hover + motion are welcome) ===== */
  .fact .num{display:inline-block}
  @media (hover:hover) and (prefers-reduced-motion:no-preference){
    .model,.tile,.step3,.flow-step,.eltern-card,.price-card,.rec-stat,.path,.map-card{transition:transform .26s var(--ease),box-shadow .26s var(--ease)}
    .model:hover,.tile:hover,.step3:hover,.flow-step:hover,.eltern-card:hover{transform:translateY(-6px);box-shadow:0 18px 34px rgba(19,0,255,.14)}
    .path:hover,.rec-stat:hover,.price-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
    .chip:hover{transform:translateY(-2px)}
    .btn-primary:hover,.btn-ink:hover{transform:translateY(-2px)}
    .fact .num{transition:transform .26s var(--ease)}
    .fact:hover .num{transform:scale(1.07)}
    .de-mk{cursor:pointer}
    .de-mk:hover .dot{transform-box:fill-box;transform-origin:center;animation:bob .55s var(--ease)}
    .pc-mark{animation:floaty 4.5s ease-in-out infinite}
    .eyebrow-pill .dot{animation:pulse 2.4s ease-in-out infinite}
  }
  @keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
  @keyframes bob{0%,100%{transform:translateY(0)}35%{transform:translateY(-3px)}}
  @keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.6}}
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

  /* ===== cost calculator ===== */
  .calc{border:1px solid var(--g200);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-sm);padding:22px 24px;margin-bottom:22px}
  .calc-lab{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--g500);font-weight:600;margin-bottom:12px}
  .calc-seg{display:inline-flex;flex-wrap:wrap;gap:6px;background:var(--g100);padding:5px;border-radius:12px}
  .calc-seg button{font:inherit;cursor:pointer;border:0;background:transparent;color:var(--g700);font-weight:600;font-size:14px;padding:9px 16px;border-radius:8px;transition:all .15s var(--ease)}
  .calc-seg button.is-active{background:#fff;color:var(--sm-blue);box-shadow:var(--shadow-sm)}
  .calc-out{display:grid;grid-template-columns:repeat(3,auto);gap:30px;margin-top:20px}
  @media(max-width:560px){.calc-out{grid-template-columns:1fr 1fr;gap:18px}}
  .calc-out .cv{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;line-height:1}
  .calc-out .cv.grad{background:var(--grad-blue);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--sm-blue)}
  .calc-out .ck{font-size:12.5px;color:var(--g500);margin-top:6px}

  /* ===== 3-step application + start dates ===== */
  .steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  @media(max-width:720px){.steps3{grid-template-columns:1fr}}
  .step3{border:1px solid var(--g200);border-radius:var(--radius-lg);background:#fff;padding:24px}
  .step3 .n{width:34px;height:34px;border-radius:10px;background:var(--grad-blue);color:#fff;font-weight:800;display:grid;place-items:center;margin-bottom:14px}
  .step3 h4{font-size:16px;margin-bottom:6px;letter-spacing:-.01em}
  .step3 p{font-size:14px;color:var(--g700);line-height:1.5;margin:0}
  .starts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
  @media(max-width:560px){.starts{grid-template-columns:1fr}}
  .start{display:flex;gap:13px;align-items:center;border:1px solid var(--g200);border-radius:var(--radius);background:#fff;padding:15px 17px}
  .start .ic2{flex:none;width:34px;height:34px;border-radius:9px;background:var(--sm-blue-light);color:var(--sm-blue);display:grid;place-items:center}
  .start strong{display:block;font-size:14.5px}
  .start>span>span{font-size:13px;color:var(--g500)}

  /* ===== sticky action bar ===== */
  .actionbar{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-sticky);background:rgba(255,255,255,.92);backdrop-filter:saturate(160%) blur(12px);border-top:1px solid var(--g200);box-shadow:0 -6px 24px rgba(0,0,0,.08);transform:translateY(110%);transition:transform .35s var(--ease)}
  .actionbar.show{transform:none}
  .actionbar-inner{display:flex;align-items:center;gap:14px;padding:12px 24px;max-width:var(--maxw);margin:0 auto}
  .ab-txt{font-weight:600;font-size:14.5px;margin-right:auto;line-height:1.25}
  .ab-txt span{display:block;font-size:12.5px;color:var(--g500);font-weight:500}
  .actionbar .btn{height:42px}
  @media(max-width:720px){.ab-txt{display:none}.actionbar-inner{gap:9px;padding:10px 14px}.actionbar .btn{flex:1;justify-content:center;padding:0 10px;font-size:13.5px}}
  @media(max-width:480px){.actionbar .ab-3{display:none}}
  @media(prefers-reduced-motion:reduce){.actionbar{transition:none}}
  /* StudyKit conversion band (reusable) */
  .skcta{display:flex;gap:34px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--grad-blue);color:#fff;border-radius:var(--radius-xl);padding:42px 46px;box-shadow:var(--blue-shadow);position:relative;overflow:hidden}
  .skcta-body{flex:1 1 380px;min-width:0}
  .skcta-eyebrow{display:inline-block;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:999px;margin-bottom:14px}
  .skcta h2{color:#fff;font-size:1.7rem;line-height:1.15;letter-spacing:-.02em;margin:0 0 10px}
  .skcta p{color:rgba(255,255,255,.9);font-size:1.02rem;line-height:1.55;margin:0 0 16px;max-width:56ch}
  .skcta-feats{display:flex;gap:10px;flex-wrap:wrap}
  .skcta-feats span{font-size:13px;font-weight:600;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:6px 13px}
  .skcta-actions{display:flex;flex-direction:column;gap:12px;flex:0 0 auto}
  .skcta-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:700}
  .skcta-primary:hover{filter:brightness(1.05)}
  .skcta-ghost{background:rgba(255,255,255,.12);color:#fff;border:1.5px solid rgba(255,255,255,.5)}
  .skcta-ghost:hover{background:rgba(255,255,255,.2)}
  @media(max-width:640px){.skcta{padding:30px 24px;gap:22px}.skcta h2{font-size:1.4rem}.skcta-actions{width:100%}.skcta-actions .btn{width:100%;justify-content:center}}

  /* ===== stat tiles (lernmaterial) ===== */
  .tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:6px}
  @media(max-width:680px){.tiles{grid-template-columns:1fr}}
  .tile{border:1px solid var(--g200);border-radius:var(--radius-lg);padding:22px;background:#fff}
  .tile .big{font-size:1.9rem;font-weight:800;letter-spacing:-.03em;line-height:1;background:var(--grad-blue);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--sm-blue)}
  .tile .lab{margin-top:9px;font-size:14px;color:var(--g700);font-weight:500}

  /* ===== career path rows ===== */
  .paths{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
  @media(max-width:560px){.paths{grid-template-columns:1fr}}
  .path{display:flex;gap:13px;align-items:flex-start;border:1px solid var(--g200);border-radius:var(--radius);padding:15px 17px;background:#fff}
  .path .pic{width:38px;height:38px;border-radius:10px;background:var(--sm-blue-light);color:var(--sm-blue);display:grid;place-items:center;flex:none}
  .path .pt strong{display:block;font-size:14.5px;letter-spacing:-.01em}
  .path .pt span{font-size:13.5px;color:var(--g500)}

  /* admission / cost two-up */
  .twocol{display:grid;grid-template-columns:1fr 1fr;gap:48px}
  @media(max-width:840px){.twocol{grid-template-columns:1fr;gap:36px}}
  .stat-row{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--g200)}
  .stat-row:last-child{border-bottom:0}
  .stat-row .ic2{width:42px;height:42px;border-radius:10px;background:var(--green-light);color:var(--green-text);display:grid;place-items:center;flex:none}
  .stat-row .txt strong{display:block;font-size:15.5px}
  .stat-row .txt span{font-size:14px;color:var(--g500)}

  .price-card{border:1px solid var(--g200);border-radius:var(--radius-lg);padding:28px;background:#fff}
  .price-card .from{font-size:13px;color:var(--g500);font-weight:500}
  .price-card .big{font-size:2.4rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:4px 0}
  .price-card .big small{font-size:1rem;color:var(--g500);font-weight:600}
  .price-card .note{font-size:13.5px;color:var(--g500);margin-top:8px}

  /* reviews */
  .reviews{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center;background:var(--g100);border-radius:var(--radius-lg);padding:40px}
  @media(max-width:680px){.reviews{grid-template-columns:1fr;gap:24px}}
  .score{text-align:center}
  .score .n{font-size:3.4rem;font-weight:800;letter-spacing:-.03em;line-height:1}
  .stars{color:var(--accent);display:flex;gap:2px;justify-content:center;margin:8px 0}
  .stars svg{filter:drop-shadow(0 0 0 var(--ink))}
  .score .src{font-size:12.5px;color:var(--g500)}
  .quote{font-size:1.1rem;line-height:1.5;color:var(--ink);font-weight:500}
  .quote cite{display:block;margin-top:12px;font-size:13.5px;color:var(--g500);font-style:normal;font-weight:500}

  /* FAQ */
  .faq details{border-bottom:1px solid var(--g200)}
  .faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;padding:22px 0;font-weight:600;font-size:17px;list-style:none}
  .faq summary::-webkit-details-marker{display:none}
  .faq summary .pl{flex:none;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--g200);display:grid;place-items:center;transition:.2s var(--ease)}
  .faq details[open] summary .pl{background:var(--ink);color:#fff;border-color:var(--ink);transform:rotate(45deg)}
  .faq .ans{padding:0 0 22px;color:var(--g700);font-size:15.5px;max-width:70ch}

  /* footer */
  footer{background:#0A0A0A;color:#fff;padding:64px 0 40px;margin-top:24px}
  .foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
  @media(max-width:760px){.foot-grid{grid-template-columns:1fr;gap:28px}}
  footer .brand{color:#fff}
  footer p.fdesc{color:var(--g400);font-size:14.5px;margin-top:16px;max-width:42ch}
  footer h5{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--g400);margin-bottom:16px;font-weight:600}
  footer ul{list-style:none;display:flex;flex-direction:column;gap:11px}
  footer ul a{color:#D4D4D8;font-size:14.5px;transition:color .15s var(--ease)}
  footer ul a:hover{color:#fff}
  .foot-bot{border-top:1px solid #27272A;margin-top:44px;padding-top:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--g400);font-size:13px}

  /* Motion: content is ALWAYS visible. Entrance is a one-shot enhancement on the
     hero (above the fold, fires on load) so nothing can ever ship blank to a
     crawler or headless renderer. No opacity gating on scroll. */
  @keyframes riseIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
  @media(prefers-reduced-motion:no-preference){
    .hero .eyebrow-pill{animation:riseIn .55s var(--ease) both}
    .hero h1{animation:riseIn .6s var(--ease) .05s both}
    .hero p.lede{animation:riseIn .6s var(--ease) .12s both}
    .hero .hero-cta{animation:riseIn .6s var(--ease) .18s both}
    .hero .profile-card{animation:riseIn .7s var(--ease) .2s both}
    .hero .facts{animation:riseIn .7s var(--ease) .3s both}
    .band{transition:transform .25s var(--ease)}
  }
  /* Scroll reveals: .rv-armed is added by JS only to elements below the fold
     (plus a safety timeout that reveals everything). No static hiding: without
     JS or with reduced motion, every .reveal stays fully visible. */
  @media(prefers-reduced-motion:no-preference){
    .rv-armed{transform:translateY(16px);transition:transform .55s var(--ease)}
    .rv-armed.rv-in{transform:none}
  }

  .aside-white{background:#fff;border:1px solid var(--g200)}

  /* ===== Dark mode ===== */
  @media(prefers-color-scheme:dark){
    :root{
      --bg:#0B0B10; --ink:#F5F5F7;
      --g100:#191920; --g200:#2A2A34; --g400:#80808C; --g500:#A3A3AF; --g700:#CECED6;
      --sm-blue-light:#191736;
      --wash:linear-gradient(160deg,#101020 0%,#13122A 58%,#150F2E 100%);
      --green-light:#0F2A1C; --green:#5CDE96; --green-text:#5CDE96;
      --shadow-sm:0 1px 2px rgba(0,0,0,.4);
      --shadow-md:0 4px 12px rgba(0,0,0,.5);
      --shadow-lg:0 8px 24px rgba(0,0,0,.55);
      --blue-shadow:0 16px 40px rgba(64,48,255,.35);
    }
    header.nav{background:rgba(11,11,16,.82);border-bottom-color:var(--g200)}
    .subnav{background:rgba(11,11,16,.88);border-bottom-color:var(--g200)}
    .eyebrow-pill{color:#C9C4FF}
    h1 .hl{color:#8F86FF}
    .nav-links a:hover{color:#A9A2FF}
    .subnav a.active{color:#C9C4FF}
    .chip:hover{border-color:#8F86FF;color:#A9A2FF}
    .chip svg{color:#8F86FF}
    .model .ic{color:#A9A2FF}
    .profile-card,.model,.price-card,.chip,.aside-white,.map-card,.tbl-wrap,.tile,.path{background:#15151D;border-color:var(--g200)}
    .reviews{background:#15151D}
    table.dt thead th{background:#191920;color:var(--g500)}
    table.dt tbody tr.is-iu{background:#191736}
    .tile .big{color:#8F86FF}
    .path .pic{background:#191736;color:#A9A2FF}
    .persona-card,.flow-step,.chooser,.calc,.step3,.start,.persona-tabs button,.chooser .opts button{background:#15151D;border-color:var(--g200)}
    .persona-out,.chooser .rec-box{background:#191736}
    .persona-out .pic,.chooser .rec-box .pic{background:#0B0B10;color:#A9A2FF}
    .start .ic2{background:#191736;color:#A9A2FF}
    .calc-seg{background:#0B0B10}
    .calc-seg button.is-active{background:#15151D;color:#A9A2FF}
    .calc-out .cv.grad{color:#8F86FF}
    .persona-tabs button.is-active{background:var(--sm-blue);color:#fff}
    .actionbar{background:rgba(11,11,16,.92);border-color:var(--g200)}
    .dist,.rec-stat,.eltern-card{background:#15151D;border-color:var(--g200)}
    .donut::after{background:#15151D}
    .rec-stat .v{color:#9A91FF}
    .eltern-card .ei{background:#191736;color:#A9A2FF}
    .btn-ghost{background:transparent;border-color:#3A3A46;color:var(--ink)}
    .btn-ghost:hover{border-color:#F5F5F7}
    .faq details[open] summary .pl{background:#F5F5F7;color:#0B0B10;border-color:#F5F5F7}
    .hero::after{background-image:radial-gradient(rgba(143,134,255,.15) 1.3px,transparent 1.3px)}
    :root{--map-grad-a:#1F1C48;--map-grad-b:#121029;--map-stroke:#423E72;--map-dot:#9A91FF;--map-halo:#15151D;--map-faint:#4E4A7E;--map-label:#CFCAFF}
    :focus-visible{outline-color:#8F86FF}
    .band :focus-visible{outline-color:var(--accent-ink)}
  }

  /* ===== rainbow accent palette (more colour across all pages) ===== */
  .eltern-card:nth-child(6n+1),.path:nth-child(6n+1),.flow-step:nth-child(4n+1),.fields .chip:nth-child(6n+1),.tile:nth-child(3n+1){--c:#1300FF}
  .eltern-card:nth-child(6n+2),.path:nth-child(6n+2),.flow-step:nth-child(4n+2),.fields .chip:nth-child(6n+2),.tile:nth-child(3n+2){--c:#7C3AED}
  .eltern-card:nth-child(6n+3),.path:nth-child(6n+3),.flow-step:nth-child(4n+3),.fields .chip:nth-child(6n+3),.tile:nth-child(3n+3){--c:#0EA5E9}
  .eltern-card:nth-child(6n+4),.path:nth-child(6n+4),.flow-step:nth-child(4n),.fields .chip:nth-child(6n+4){--c:#10B981}
  .eltern-card:nth-child(6n+5),.fields .chip:nth-child(6n+5){--c:#F59E0B}
  .eltern-card:nth-child(6n),.fields .chip:nth-child(6n){--c:#EC4899}
  .eltern-card .ei,.path .pic{background:color-mix(in srgb,var(--c,#1300FF) 15%,transparent);color:var(--c,#1300FF)}
  .flow-step .n{background:var(--c,#1300FF)}
  .tile .big{background:none;-webkit-text-fill-color:var(--c,#1300FF);color:var(--c,#1300FF)}
  .fields .chip{background:color-mix(in srgb,var(--c,#1300FF) 9%,#fff);border-color:color-mix(in srgb,var(--c,#1300FF) 38%,var(--g200));color:color-mix(in srgb,var(--c,#1300FF) 58%,var(--ink))}

  /* ===== reading progress bar + confetti + highlighter ===== */
  .progress{position:fixed;top:0;left:0;height:4px;width:0;z-index:65;background:linear-gradient(90deg,#1300FF,#7C3AED,#0EA5E9,#10B981,#C6FA02);box-shadow:0 0 8px rgba(19,0,255,.35);transition:width .12s linear}
  .confetti{position:fixed;width:9px;height:14px;z-index:70;pointer-events:none;will-change:transform,opacity;transition:transform 1.45s cubic-bezier(.2,.6,.3,1),opacity 1.45s ease-out}
  .mh{background:linear-gradient(120deg,var(--accent),#B6F500) no-repeat 0 86%;background-size:0% 36%;color:inherit;font-weight:700;padding:0 1px;transition:background-size .6s var(--ease)}
  .mh.in{background-size:100% 36%}
  @media (prefers-reduced-motion:reduce){.mh{transition:none}.confetti{display:none}}
  @media (prefers-color-scheme:dark){
    .eltern-card .ei,.path .pic{background:color-mix(in srgb,var(--c,#8F86FF) 26%,#15151D);color:color-mix(in srgb,var(--c,#8F86FF) 72%,#fff)}
    .tile .big{-webkit-text-fill-color:color-mix(in srgb,var(--c,#8F86FF) 72%,#fff);color:color-mix(in srgb,var(--c,#8F86FF) 72%,#fff)}
    .fields .chip{background:color-mix(in srgb,var(--c,#8F86FF) 20%,#15151D);border-color:color-mix(in srgb,var(--c,#8F86FF) 42%,var(--g200));color:color-mix(in srgb,var(--c,#8F86FF) 74%,#fff)}
    .mh{background-image:linear-gradient(120deg,var(--accent),#9bd400)}
  }

  /* ===== career timeline ===== */
  .ctl{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(var(--n,4),1fr);gap:20px;position:relative}
  .ctl::before{content:"";position:absolute;top:18px;left:9%;right:9%;height:3px;border-radius:2px;background:linear-gradient(90deg,#1300FF,#7C3AED,#0EA5E9,#10B981)}
  .ctl-step{position:relative;padding-top:52px;text-align:center}
  .ctl-step:nth-child(1){--c:#1300FF}.ctl-step:nth-child(2){--c:#7C3AED}.ctl-step:nth-child(3){--c:#0EA5E9}.ctl-step:nth-child(4){--c:#10B981}.ctl-step:nth-child(5){--c:#F59E0B}
  .ctl-dot{position:absolute;top:0;left:50%;transform:translateX(-50%);width:38px;height:38px;border-radius:50%;background:var(--c,#1300FF);color:#fff;display:grid;place-items:center;font-weight:800;font-size:15px;border:3px solid #fff;box-shadow:0 4px 12px rgba(19,0,255,.22)}
  .ctl-step strong{display:block;font-size:14.5px;letter-spacing:-.01em}
  .ctl-step span{display:block;margin-top:4px;font-size:12.5px;color:var(--g500);line-height:1.4}
  @media (hover:hover) and (prefers-reduced-motion:no-preference){.ctl-dot{transition:transform .2s var(--ease)}.ctl-step:hover .ctl-dot{transform:translateX(-50%) scale(1.14)}}
  @media(max-width:720px){.ctl{grid-template-columns:1fr;gap:0}.ctl::before{top:6px;bottom:30px;left:18px;right:auto;width:3px;height:auto;background:linear-gradient(180deg,#1300FF,#7C3AED,#0EA5E9,#10B981)}.ctl-step{padding:0 0 22px 56px;text-align:left}.ctl-dot{top:2px;left:0;transform:none}.ctl-step:hover .ctl-dot{transform:none}}

  /* ===== animated salary bars ===== */
  .sbars{margin-top:8px;display:grid;gap:15px}
  .sbar{display:grid;grid-template-columns:148px 1fr auto;align-items:center;gap:16px}
  .sbar:nth-child(1){--c:#1300FF}.sbar:nth-child(2){--c:#7C3AED}.sbar:nth-child(3){--c:#0EA5E9}.sbar:nth-child(4){--c:#10B981}.sbar:nth-child(5){--c:#F59E0B}
  .sbar-k{font-size:13.5px;font-weight:600;color:var(--g700)}
  .sbar-track{height:15px;border-radius:8px;background:var(--g100);overflow:hidden}
  .sbar-fill{height:100%;width:0;border-radius:8px;background:linear-gradient(90deg,color-mix(in srgb,var(--c,#1300FF) 50%,#fff),var(--c,#1300FF));transition:width 1.1s cubic-bezier(.23,1,.32,1)}
  .sbars.in .sbar-fill{width:calc(var(--v) / var(--max,160000) * 100%)}
  .sbar-v{font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
  @media(max-width:560px){.sbar{grid-template-columns:1fr auto;gap:4px 12px}.sbar-track{grid-column:1/-1;order:3}}
  @media(prefers-reduced-motion:reduce){.sbar-fill{transition:none}}

  /* ===== interactive fit-check quiz ===== */
  .fitquiz{display:grid;gap:10px}
  .fq-q{font-weight:700;font-size:15.5px;margin-bottom:2px}
  .fq-opt{display:flex;gap:12px;align-items:flex-start;padding:13px 16px;border:1.5px solid var(--g200);border-radius:var(--radius);background:#fff;cursor:pointer;font-size:14.5px;line-height:1.4;transition:border-color .15s var(--ease),background .15s var(--ease)}
  .fq-opt:hover{border-color:var(--sm-blue)}
  .fq-opt input{margin-top:1px;width:18px;height:18px;accent-color:var(--sm-blue);flex:none}
  .fq-opt.checked{border-color:var(--sm-blue);background:var(--sm-blue-light)}
  .fq-go{margin-top:8px;align-self:start}
  .fq-result{margin-top:8px;padding:18px;border-radius:var(--radius);background:var(--sm-blue-light);font-size:14px;line-height:1.55}
  .fq-result[hidden]{display:none}
  .fq-score{font-weight:800;font-size:1.05rem;color:var(--sm-blue);display:block;margin-bottom:5px}

  @media (prefers-color-scheme:dark){
    .ctl-dot{border-color:#0B0B10}
    .sbar-track{background:#23222e}
    .fq-opt{background:#15151D;border-color:var(--g200)}
    .fq-opt.checked,.fq-result{background:#191736}
    .fq-score{color:#9A91FF}
  }

  /* ===== Arbeitsmarkt stat cards + AI-impact grid ===== */
  .amk{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:6px}
  @media(max-width:680px){.amk{grid-template-columns:1fr}}
  .amk-card{border:1px solid var(--g200);border-radius:var(--radius-lg);background:#fff;padding:22px;box-shadow:var(--shadow-sm)}
  .amk-card .big{font-size:1.7rem;font-weight:800;letter-spacing:-.03em;line-height:1.05}
  .amk-card .lab{margin-top:9px;font-size:13.5px;color:var(--g700);line-height:1.45}
  .amk-card .tag{display:inline-block;margin-top:13px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:4px 10px;border-radius:999px}
  .tag.hot{background:#FEE2E2;color:#B91C1C}.tag.warm{background:#FEF3C7;color:#92400E}.tag.cool{background:#DCFCE7;color:#15803D}
  .src{font-size:12.5px;color:var(--g500);margin-top:15px;line-height:1.5}
  .aigrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:14px}
  @media(max-width:680px){.aigrid{grid-template-columns:1fr}}
  .ai-col{border:1px solid var(--g200);border-radius:var(--radius-lg);padding:22px;background:#fff}
  .ai-col h4{display:flex;align-items:center;gap:9px;font-size:15px;margin-bottom:13px}
  .ai-col ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
  .ai-col li{display:flex;gap:9px;align-items:flex-start;font-size:13.8px;color:var(--g700);line-height:1.45}
  .ai-col li svg{flex:none;margin-top:2px}
  .ai-auto h4{color:#B45309}.ai-auto li svg{color:#D97706}
  .ai-human h4{color:var(--sm-blue)}.ai-human li svg{color:#10B981}
  @media(prefers-color-scheme:dark){
    .amk-card,.ai-col{background:#15151D;border-color:var(--g200)}
    .ai-human h4{color:#9A91FF}
    .tag.hot{background:#3a1414;color:#fca5a5}.tag.warm{background:#3a2e10;color:#fcd34d}.tag.cool{background:#0f2e1c;color:#86efac}
  }

  /* ===== Jobs nach dem Studium (CareerKit-style job cards) ===== */
  .jobgrid{display:grid;gap:12px;margin-top:18px;grid-template-columns:minmax(0,1fr)}
  @media(min-width:720px){.jobgrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
  .jobcard{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--g200);border-radius:14px;background:#fff;text-decoration:none;color:var(--ink);transition:border-color .18s,box-shadow .18s,transform .18s}
  .jobcard:hover{border-color:rgba(19,0,255,.42);box-shadow:0 10px 28px rgba(19,0,255,.10);transform:translateY(-1px)}
  .jc-ava{flex:0 0 auto;width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-weight:800;font-size:15px;color:var(--sm-blue);background:linear-gradient(135deg,rgba(19,0,255,.12),rgba(124,58,237,.12))}
  .jc-main{min-width:0;flex:1}
  .jc-title{font-weight:700;font-size:14px;line-height:1.28;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word}
  .jobcard:hover .jc-title{color:var(--sm-blue)}
  .jc-co{font-size:12px;color:var(--g500,#7B7B7B);margin-top:3px;display:flex;align-items:center;gap:5px;min-width:0}
  .jc-co svg{flex:0 0 auto}
  .jc-co span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .jc-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;font-size:11px;color:var(--g500,#7B7B7B);align-items:center}
  .jc-meta .pin{display:inline-flex;align-items:center;gap:3px}
  .jc-chip{background:rgba(19,0,255,.07);color:var(--sm-blue);padding:2px 7px;border-radius:6px;font-weight:600}
  .jc-sal{color:#047857;font-weight:700}
  .jc-go{flex:0 0 auto;align-self:center;width:32px;height:32px;border-radius:9px;background:var(--sm-blue);color:#fff;display:grid;place-items:center;opacity:.85;transition:opacity .18s}
  .jobcard:hover .jc-go{opacity:1}
  .jobs-foot{margin-top:16px;font-size:13px;color:var(--g500,#7B7B7B);display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
  @media (prefers-color-scheme: dark){
    .jobcard{background:#15151D;border-color:var(--g200)}
    .jc-ava{background:linear-gradient(135deg,rgba(143,134,255,.18),rgba(124,58,237,.18));color:#A9A2FF}
    .jobcard:hover .jc-title{color:#9A91FF}
  }

  /* chip-as-link (deep-links to #jobs) + small hint note */
  .fields a.chip{text-decoration:none;cursor:pointer}
  .fields a.chip:hover{filter:brightness(.97);box-shadow:0 3px 10px rgba(19,0,255,.12);transform:translateY(-1px)}
  .sub-note{font-size:13px;color:var(--g500,#7B7B7B);margin-top:8px}

  /* ===== Infomaterial lead capture ===== */
  .lead-card{position:relative;overflow:hidden;border-radius:22px;padding:38px 32px;background:var(--ink);color:#fff;display:grid;grid-template-columns:1.05fr 1fr;gap:28px;align-items:center}
  .lead-card::before{content:"";position:absolute;inset:0;opacity:.65;background:radial-gradient(60% 95% at 82% 0%,rgba(19,0,255,.55),transparent),radial-gradient(55% 85% at 0% 100%,rgba(198,250,2,.16),transparent)}
  .lead-card>*{position:relative;z-index:1}
  .lead-eyebrow{display:inline-block;background:var(--lime);color:var(--ink);font-weight:700;font-size:12px;letter-spacing:.03em;padding:4px 11px;border-radius:999px}
  .lead-copy h2{color:#fff;margin:.45em 0 .18em}
  .lead-copy p{opacity:.84;margin:0;max-width:42ch}
  .lead-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .lead-fields .full{grid-column:1/-1}
  .lead-form input{width:100%;border:none;border-radius:13px;padding:15px;font-family:inherit;font-size:1rem;background:#fff;color:var(--ink)}
  .lead-form input:focus{outline:3px solid var(--lime)}
  .lead-submit{width:100%;margin-top:11px;justify-content:center}
  .lead-note{font-size:12px;opacity:.6;margin:12px 0 0}
  .lead-ok{margin-top:14px;background:rgba(198,250,2,.15);border:1px solid rgba(198,250,2,.42);border-radius:12px;padding:13px 15px;font-weight:600}
  @media(max-width:720px){.lead-card{grid-template-columns:1fr;padding:28px 22px}}
  @media (prefers-color-scheme: dark){.lead-card{background:#0B0B10}}

  /* ===== hero cursor spotlight (wow #6) ===== */
  .hero .wrap{position:relative;z-index:1}
  .hero-spot{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .4s var(--ease);
    background:radial-gradient(340px 340px at var(--mx,78%) var(--my,26%),rgba(198,250,2,.22),transparent 60%)}
  .hero:hover .hero-spot{opacity:1}
  @media (prefers-reduced-motion:reduce){.hero-spot{display:none}}

  /* ===== sticky lead CTA + modal ===== */
  .lead-fab{position:fixed;right:18px;bottom:18px;z-index:55;display:inline-flex;align-items:center;gap:7px;
    background:var(--sm-blue);color:#fff;font-family:inherit;font-weight:700;font-size:15px;border:none;cursor:pointer;
    padding:14px 20px;border-radius:999px;box-shadow:0 10px 30px rgba(19,0,255,.34);
    opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .35s var(--ease),transform .25s var(--ease),background .15s}
  .lead-fab.show{opacity:1;transform:none;pointer-events:auto}
  .lead-fab:hover{background:var(--sm-blue-dark);transform:translateY(-2px)}
  @media(max-width:560px){.lead-fab{right:12px;bottom:12px;padding:15px;border-radius:50%}.lead-fab span{display:none}}
  .lead-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:18px}
  .lead-modal[hidden]{display:none}
  .lead-modal-bg{position:absolute;inset:0;background:rgba(10,10,16,.55);backdrop-filter:blur(3px);animation:lmFade .25s var(--ease)}
  .lead-modal-card{position:relative;z-index:1;width:100%;max-width:460px;background:#fff;border-radius:20px;padding:30px 26px;box-shadow:0 30px 80px rgba(0,0,0,.42);animation:lmIn .3s var(--ease)}
  .lead-modal-card .lead-form input{background:var(--g100,#F4F4F5)}
  .lead-modal-card .lead-note,.lead-modal-card .lead-ok{color:var(--ink)}
  .lead-modal-h{margin:.4em 0 .18em}
  .lead-modal-sub{color:var(--g500);margin:0 0 18px;font-size:.95rem}
  .lead-modal-x{position:absolute;top:12px;right:14px;width:34px;height:34px;border:none;background:var(--g100,#F4F4F5);border-radius:50%;font-size:22px;line-height:1;cursor:pointer;color:var(--g500)}
  .lead-modal-x:hover{background:var(--g200)}
  @keyframes lmFade{from{opacity:0}to{opacity:1}}
  @keyframes lmIn{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
  body.lead-open{overflow:hidden}

  /* ===== break-even line + salary scrubber (wow #5/#2) ===== */
  .calc-be{margin:14px 0 0;font-size:14px;color:var(--green-text);background:var(--green-light);border-radius:10px;padding:10px 14px;line-height:1.5}
  .calc-be strong{color:var(--green-text)}
  .sal-scrub{margin-top:18px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
  .sal-scrub input[type=range]{flex:1;min-width:170px;accent-color:var(--sm-blue);height:6px;cursor:pointer}
  .sal-scrub-out{min-width:150px}
  .sal-scrub-out strong{display:block;font-family:var(--font-main);font-weight:800;font-size:1.45rem;color:var(--sm-blue);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
  .sal-scrub-out span{font-size:12.5px;color:var(--g500);font-weight:600}
  .sbar.sbar-on .sbar-fill{box-shadow:0 0 0 2px var(--sm-blue),0 0 14px rgba(19,0,255,.32)}
  .sbar.sbar-on .sbar-k{color:var(--sm-blue)}