*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    :root {
      --brand:      #0093de;
      --brand-deep: #006fa8;
      --brand-ink:  #0f334b;
      --brand-dark: #0a1e2e;
      --brand-soft: #eaf7ff;
      --brand-pale: #f4f9fe;
      --line:       #dbe3f0;
      --muted:      #5d6f84;
      --yellow:     #f2be29;
      --yellow-dk:  #d9a818;
      --white:      #ffffff;
      --ff: 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
      --expo: cubic-bezier(0.19,1,0.22,1);
      --io:   cubic-bezier(0.76,0,0.24,1);
    }
    html { scroll-behavior: smooth; }
    body {
      background: var(--white); color: var(--brand-ink);
      font-family: var(--ff); font-size: 16px; line-height: 1.6;
      -webkit-font-smoothing: antialiased; overflow-x: hidden;
    }
    a:focus-visible,
    button:focus-visible,
    input:focus-visible,
    textarea:focus-visible,
    summary:focus-visible {
      outline: 3px solid rgba(0,147,222,.32);
      outline-offset: 3px;
    }
    .sr-only {
      position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
      overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
    }
    .skip-link {
      position: absolute; left: 18px; top: 16px; z-index: 400;
      background: var(--brand); color: #fff; text-decoration: none;
      padding: 10px 14px; border-radius: 10px; font-size: 14px; font-weight: 700;
      transform: translateY(-160%); transition: transform .2s ease;
    }
    .skip-link:focus {
      transform: translateY(0);
    }
    ::selection { background: var(--brand); color: #fff; }
    ::-webkit-scrollbar { width: 4px; }
    ::-webkit-scrollbar-track { background: var(--brand-pale); }
    ::-webkit-scrollbar-thumb { background: var(--brand); border-radius: 2px; }

    /* ANIM */
    @keyframes fadeup {
      from { opacity:0; transform:translateY(22px); }
      to   { opacity:1; transform:translateY(0); }
    }
    @keyframes fadein { from{opacity:0;} to{opacity:1;} }
    .reveal {
      opacity:0; transform:translateY(28px);
      transition: opacity .85s var(--expo), transform .85s var(--expo);
    }
    .reveal.in { opacity:1; transform:none; }
    .rd1{transition-delay:.1s} .rd2{transition-delay:.2s}
    .rd3{transition-delay:.3s} .rd4{transition-delay:.4s}

    /* LAYOUT */
    .container { max-width:1200px; margin:0 auto; padding:0 60px; }
    .tag {
      display:inline-flex; align-items:center; gap:8px;
      font-size:11px; font-weight:700; letter-spacing:.2em; text-transform:uppercase;
      color:var(--brand); margin-bottom:16px;
    }
    .tag::before { content:''; width:20px; height:2px; background:var(--brand); border-radius:1px; }
    .tag.inv { color:rgba(0,147,222,.75); }
    .tag.inv::before { background:var(--brand); }
    .h2 {
      font-size:clamp(28px,3.5vw,44px); font-weight:800;
      letter-spacing:-.03em; line-height:1.1; color:var(--brand-ink);
    }
    .h2 .bl { color:var(--brand); }
    .h2.inv { color:#fff; }
    .sub { font-size:16px; color:var(--muted); line-height:1.75; max-width:520px; }
    .sub.inv { color:rgba(255,255,255,.52); }

    /* BUTTONS */
    .btn-y {
      background:var(--brand); color:#fff;
      font-size:14px; font-weight:700; letter-spacing:-.01em;
      padding:14px 28px; border-radius:8px; border:none;
      cursor:pointer; text-decoration:none; display:inline-block;
      transition:all .35s var(--expo);
    }
    .btn-y:hover { background:var(--brand-deep); transform:translateY(-2px); box-shadow:0 12px 32px rgba(0,147,222,.3); }
    .btn-b {
      background:var(--brand); color:#fff;
      font-size:14px; font-weight:700; letter-spacing:-.01em;
      padding:14px 28px; border-radius:8px; border:none;
      cursor:pointer; text-decoration:none; display:inline-block;
      transition:all .35s var(--expo);
    }
    .btn-b:hover { background:var(--brand-deep); transform:translateY(-2px); box-shadow:0 12px 32px rgba(0,147,222,.3); }
    .btn-gw {
      background:transparent; color:rgba(255,255,255,.75);
      font-size:14px; font-weight:500; letter-spacing:-.01em;
      padding:13px 28px; border-radius:8px; border:1.5px solid rgba(255,255,255,.22);
      cursor:pointer; text-decoration:none; display:inline-block; transition:all .3s;
    }
    .btn-gw:hover { border-color:rgba(255,255,255,.55); color:#fff; }
    .btn-w {
      background:#fff; color:var(--brand);
      font-size:14px; font-weight:700; letter-spacing:-.01em;
      padding:15px 32px; border-radius:8px; border:none;
      cursor:pointer; text-decoration:none; display:inline-block;
      transition:all .35s var(--expo);
    }
    .btn-w:hover { background:var(--brand-deep); color:#fff; transform:translateY(-2px); box-shadow:0 12px 28px rgba(0,147,222,.24); }

    /* NAV */
    nav {
      position:fixed; inset:0 0 auto 0; z-index:200;
      padding:0 60px; height:68px;
      display:flex; align-items:center; justify-content:space-between;
      opacity: 1;
      transform: translateY(0);
      transition:
        background .45s var(--io),
        box-shadow .45s,
        opacity .32s ease,
        transform .32s ease;
    }
    body.home nav:not(.scrolled) {
      opacity: 0;
      transform: translateY(-100%);
      pointer-events: none;
    }
    body.home nav:not(.scrolled) .nav-links a {
      color: rgba(255,255,255,.86);
      opacity: .92;
      text-shadow: 0 1px 10px rgba(10,30,46,.28);
    }
    body.home nav:not(.scrolled) .nav-links a:hover {
      color: #ffffff;
      opacity: 1;
    }
    body.home nav:not(.scrolled) .nav-links a.active,
    body.home nav:not(.scrolled) .nav-links a[aria-current="page"] {
      color: #ffffff;
      opacity: 1;
    }
    body.home nav:not(.scrolled) .nav-podcast {
      color: #ffffff;
      border-color: rgba(255,255,255,.38);
      background: rgba(255,255,255,.10);
      box-shadow: 0 10px 30px rgba(10,30,46,.14);
    }
    body.home nav:not(.scrolled) .nav-podcast:hover {
      background: #ffffff;
      border-color: #ffffff;
      color: var(--brand);
    }
    body.home nav:not(.scrolled) .nav-logo img {
      filter: brightness(0) invert(1);
    }
    body.subpage nav,
    nav.scrolled {
      background:rgba(255,255,255,.93);
      backdrop-filter:blur(20px) saturate(200%);
      -webkit-backdrop-filter:blur(20px) saturate(200%);
      box-shadow:0 1px 0 var(--line), 0 4px 24px rgba(15,51,75,.06);
    }
    nav.scrolled .nav-logo img { filter: none; }
    .nav-logo img {
      width: auto;
      height: 30px;
      max-width: none;
      display: block;
      transition: opacity .3s;
    }
    .nav-logo img:hover { opacity:.75; }
    .nav-links { display:flex; gap:28px; list-style:none; align-items:center; }
    .nav-links a {
      font-size:14px; font-weight:500; letter-spacing:-.01em;
      color:var(--brand-ink); text-decoration:none;
      opacity:.65; transition:opacity .25s,color .25s;
      min-height:44px; display:flex; align-items:center;
    }
    .nav-links a:hover { opacity:1; color:var(--brand); }
    .nav-podcast {
      width:44px; height:44px;
      display:flex; align-items:center; justify-content:center;
      color:var(--brand); text-decoration:none;
      border:1.5px solid rgba(0,147,222,.28); border-radius:50%;
      background:rgba(0,147,222,.04); transition:all .3s;
    }
    .nav-podcast:hover { background:var(--brand); border-color:var(--brand); color:#fff; transform:translateY(-1px); }
    .nav-podcast svg { width:18px; height:18px; display:block; }

    /* HERO */
    .hero {
      display:grid;
      grid-template-columns:1fr 1fr;
      min-height:calc(100svh - 54px);
      overflow:hidden;
    }
    .hero-l {
      background:var(--brand-ink); display:flex; flex-direction:column;
      justify-content:center; padding:124px 72px 76px;
      position:relative; overflow:hidden;
    }
    .hero-l::before { /* grid */
      content:''; position:absolute; inset:0;
      background-image:
        linear-gradient(rgba(0,147,222,.065) 1px,transparent 1px),
        linear-gradient(90deg,rgba(0,147,222,.065) 1px,transparent 1px);
      background-size:44px 44px; pointer-events:none;
    }
    .hero-l::after { /* glow */
      content:''; position:absolute;
      width:560px; height:560px; border-radius:50%;
      background:radial-gradient(circle,rgba(0,147,222,.15) 0%,transparent 68%);
      bottom:-120px; right:-100px; pointer-events:none;
    }
    .hero-eyebrow {
      font-size:11px; font-weight:700; letter-spacing:.2em; text-transform:uppercase;
      color:var(--brand); margin-bottom:28px;
      display:flex; align-items:center; gap:10px;
      position:relative; z-index:1;
      opacity:0; animation:fadeup .7s var(--expo) .2s forwards;
    }
    .hero-eyebrow::before { content:''; width:28px; height:1.5px; background:var(--brand); }
    h1.hero-h1 {
      font-size:clamp(38px,4.2vw,58px); font-weight:800;
      letter-spacing:-.035em; line-height:1.08; color:#fff;
      margin-bottom:26px; position:relative; z-index:1;
      opacity:0; animation:fadeup .8s var(--expo) .35s forwards;
    }
    h1.hero-h1 .yl { color:var(--brand); }
    .hero-body {
      font-size:16px; line-height:1.8; color:rgba(255,255,255,.56);
      max-width:420px; margin-bottom:48px;
      position:relative; z-index:1;
      opacity:0; animation:fadeup .8s var(--expo) .5s forwards;
    }
    .hero-btns {
      display:flex; gap:14px; flex-wrap:wrap;
      position:relative; z-index:1;
      opacity:0; animation:fadeup .7s var(--expo) .65s forwards;
    }
    .hero-wave {
      position:absolute; bottom:24px; left:72px; right:72px;
      height:44px; display:flex; align-items:flex-end; gap:3px;
      z-index:2; opacity:0; animation:fadein 1s var(--expo) 1.1s forwards;
    }
    .wbar {
      flex:1; background:rgba(0,147,222,.28); border-radius:2px 2px 0 0;
      animation:wbardance var(--d,1.1s) ease-in-out infinite var(--dl,0s);
      transform-origin:bottom;
    }
    @keyframes wbardance { 0%,100%{transform:scaleY(var(--s0,.1));} 50%{transform:scaleY(var(--s1,.8));} }
    .hero-r { position:relative; overflow:hidden; }
    .hero-photo {
      position:absolute; inset:0;
      width:100%; height:100%;
      object-fit:cover; object-position:center 30%;
      display:block;
    }
    .hero-photo-ov {
      position:absolute; inset:0;
      background:linear-gradient(to right,rgba(15,51,75,.28) 0%,transparent 45%);
    }
    .hero-badge {
      position:absolute; bottom:28px; left:40px;
      background:rgba(255,255,255,.09);
      backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
      border:1px solid rgba(255,255,255,.15); border-radius:14px;
      padding:18px 24px;
      opacity:0; animation:fadeup .8s var(--expo) 1.1s forwards;
    }
    .hbadge-lbl { font-size:11px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.5); margin-bottom:4px; }
    .hbadge-val { font-size:28px; font-weight:900; letter-spacing:-.05em; color:#fff; line-height:1; }
    .hbadge-sub { font-size:12px; color:rgba(255,255,255,.4); margin-top:3px; }

    /* TICKER */
    .ticker { background:var(--brand-ink); overflow:hidden; border-top:1px solid rgba(255,255,255,.05); border-bottom:1px solid rgba(255,255,255,.05); }
    .ticker-track { display:flex; white-space:nowrap; padding:14px 0; animation:tickermove 34s linear infinite; }
    .ticker-track:hover { animation-play-state:paused; }
    .ticker-item { padding:0 28px; font-size:12px; font-weight:600; letter-spacing:.13em; text-transform:uppercase; color:rgba(255,255,255,.72); display:flex; align-items:center; gap:28px; }
    .ticker-item::after {
      content:'';
      width:4px;
      height:4px;
      border-radius:50%;
      background:var(--brand);
      opacity:.7;
      display:inline-block;
    }
    @keyframes tickermove { from{transform:translateX(0);} to{transform:translateX(-50%);} }

    /* SERVICES */
    .services { padding:108px 0; background:var(--white); }
    .svc-head { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:64px; gap:40px; }
    .svc-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:2px; background:var(--line); }
    .svc-card { background:var(--white); overflow:hidden; transition:background .35s; }
    .svc-card:hover { background:var(--brand-pale); }
    .svc-img-w { overflow:hidden; }
    .svc-img { width:100%; aspect-ratio:16/9; object-fit:cover; display:block; transition:transform .7s var(--expo); }
    .svc-card:hover .svc-img { transform:scale(1.04); }
    .svc-body { padding:32px 36px 40px; }
    .svc-num { font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--brand); margin-bottom:8px; }
    .svc-title { font-size:21px; font-weight:800; letter-spacing:-.025em; color:var(--brand-ink); margin-bottom:10px; line-height:1.2; }
    .svc-desc { font-size:14px; color:var(--muted); line-height:1.75; margin-bottom:18px; }
    .svc-bullets { list-style:none; margin-bottom:22px; display:flex; flex-direction:column; gap:6px; }
    .svc-bullets li { font-size:13px; font-weight:500; color:var(--brand-ink); display:flex; align-items:center; gap:8px; }
    .svc-bullets li::before { content:''; width:5px; height:5px; border-radius:50%; background:var(--brand); flex-shrink:0; }
    .svc-lnk { font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--brand); text-decoration:none; display:inline-flex; align-items:center; gap:6px; transition:gap .3s var(--expo); opacity:.8; }
    .svc-lnk:hover { opacity:1; gap:12px; }

    /* PROCESS */
    .process { padding:108px 0; background:var(--brand-ink); position:relative; overflow:hidden; }
    .process::before { content:''; position:absolute; width:800px; height:800px; border-radius:50%; background:radial-gradient(circle,rgba(0,147,222,.09) 0%,transparent 65%); top:-200px; right:-180px; pointer-events:none; }
    .proc-head { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:end; margin-bottom:80px; }
    .proc-steps { display:grid; grid-template-columns:repeat(3,1fr); position:relative; }
    .proc-steps::before { content:''; position:absolute; top:31px; left:calc(16.66% + 16px); right:calc(16.66% + 16px); height:1px; background:rgba(0,147,222,.28); }
    .pstep { padding-right:48px; }
    .step-circ { width:62px; height:62px; border-radius:50%; border:1.5px solid rgba(0,147,222,.35); display:flex; align-items:center; justify-content:center; margin-bottom:32px; position:relative; z-index:1; background:var(--brand-ink); transition:all .4s var(--expo); }
    .step-pip { width:14px; height:14px; border-radius:50%; background:var(--brand); opacity:.45; transition:all .4s; }
    .pstep:hover .step-circ { border-color:var(--brand); box-shadow:0 0 0 8px rgba(0,147,222,.1); }
    .pstep:hover .step-pip { opacity:1; transform:scale(1.3); }
    .step-lbl { font-size:11px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:rgba(0,147,222,.7); margin-bottom:10px; }
    .step-ttl { font-size:19px; font-weight:800; letter-spacing:-.02em; color:#fff; margin-bottom:10px; line-height:1.2; }
    .step-desc { font-size:14px; color:rgba(255,255,255,.46); line-height:1.75; }

    /* STORY */
    .story { padding:0; background:var(--brand-dark); position:relative; overflow:hidden; }
    .story-hero {
      min-height:80vh; display:flex; align-items:center; justify-content:center;
      text-align:center; position:relative; overflow:hidden;
      padding:120px 60px;
    }
    /* parallax bg */
    .story-hero-bg {
      position:absolute; inset:0;
      background:url('../images/podcast-produktion-studio-768.webp') center/cover no-repeat;
      transform:scale(1.08);
      transition:transform 0.6s ease-out;
    }
    .story-hero-bg::after {
      content:''; position:absolute; inset:0;
      background:linear-gradient(to bottom,rgba(10,30,46,.75) 0%,rgba(10,30,46,.92) 60%,var(--brand-dark) 100%);
    }
    .story-hero-inner { position:relative; z-index:2; max-width:800px; }
    .story-kicker {
      font-size:12px; font-weight:700; letter-spacing:.24em; text-transform:uppercase;
      color:var(--brand); margin-bottom:28px;
      display:flex; align-items:center; justify-content:center; gap:12px;
    }
    .story-kicker::before,.story-kicker::after { content:''; flex:1; max-width:60px; height:1px; background:rgba(0,147,222,.4); }
    .story-headline {
      font-size:clamp(42px,6vw,80px); font-weight:900;
      letter-spacing:-.04em; line-height:.96; color:#fff; margin-bottom:32px;
    }
    .story-headline em { font-style:italic; font-weight:300; color:var(--brand); }
    .story-sub {
      font-size:18px; color:rgba(255,255,255,.6); line-height:1.75;
      max-width:560px; margin:0 auto 48px;
    }
    .story-sub strong { color:#fff; font-weight:600; }

    /* scroll chapters */
    .story-chapters { position:relative; }
    .story-chapter {
      display:grid; grid-template-columns:1fr 1fr;
      min-height:600px; overflow:hidden;
    }
    .story-chapter:nth-child(even) { direction:rtl; }
    .story-chapter:nth-child(even) > * { direction:ltr; }
    .chap-img {
      position:relative; overflow:hidden;
    }
    .chap-img img {
      width:100%; height:100%; object-fit:cover; display:block;
      transition:transform .8s var(--expo);
    }
    .story-chapter:hover .chap-img img { transform:scale(1.04); }
    .chap-overlay {
      position:absolute; inset:0;
      background:linear-gradient(to right, rgba(10,30,46,.3), transparent);
    }
    .story-chapter:nth-child(even) .chap-overlay {
      background:linear-gradient(to left, rgba(10,30,46,.3), transparent);
    }
    .chap-txt {
      background:var(--brand-dark); display:flex; flex-direction:column;
      justify-content:center; padding:80px 72px;
    }
    .chap-num {
      font-size:80px; font-weight:900; letter-spacing:-.05em;
      color:rgba(255,255,255,.44); line-height:1;
      margin-bottom:8px; user-select:none;
    }
    .chap-tag { font-size:11px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--brand); margin-bottom:16px; }
    .chap-h3 { font-size:clamp(24px,2.8vw,36px); font-weight:800; letter-spacing:-.03em; line-height:1.15; color:#fff; margin-bottom:18px; }
    .chap-h3 em { font-style:normal; color:var(--brand); }
    .chap-p { font-size:15px; color:rgba(255,255,255,.52); line-height:1.8; margin-bottom:14px; }
    .chap-p strong { color:rgba(255,255,255,.82); font-weight:600; }
    .chap-facts { list-style:none; margin-top:28px; display:flex; flex-direction:column; gap:10px; }
    .chap-facts li { display:flex; align-items:flex-start; gap:10px; font-size:14px; color:rgba(255,255,255,.65); line-height:1.5; }
    .chap-facts li::before { content:''; width:5px; height:5px; border-radius:50%; background:var(--brand); flex-shrink:0; margin-top:6px; }

    /* results strip */
    .results-strip { background:var(--brand); padding:80px 0; }
    .results-inner { display:grid; grid-template-columns:repeat(3,1fr); gap:0; }
    .result-item { padding:0 56px; text-align:center; }
    .result-item+.result-item { border-left:1px solid rgba(255,255,255,.15); }
    .result-val { font-size:56px; font-weight:900; letter-spacing:-.05em; color:#fff; line-height:1; margin-bottom:8px; }
    .result-val em { font-style:normal; color:rgba(255,255,255,.92); }
    .result-lbl { font-size:14px; color:rgba(10,30,46,.92); font-weight:600; line-height:1.5; }

    /* ABOUT */
    .about { padding:120px 0; background:var(--white); }
    .about-layout { display:grid; grid-template-columns:1fr 1fr; gap:96px; align-items:center; }
    .about-imgcol { position:relative; }
    .about-portrait { width:100%; border-radius:20px; object-fit:cover; aspect-ratio:4/5; display:block; box-shadow:0 40px 100px rgba(15,51,75,.15); }
    .about-stats-float {
      position:absolute; bottom:-28px; right:-28px;
      background:var(--brand-ink); border-radius:16px;
      padding:28px 32px; box-shadow:0 20px 60px rgba(15,51,75,.3);
      display:grid; grid-template-columns:1fr 1fr; gap:24px 36px;
    }
    .ast-val { font-size:30px; font-weight:900; letter-spacing:-.04em; color:var(--brand); line-height:1; }
    .ast-lbl { font-size:11px; font-weight:500; color:rgba(255,255,255,.4); margin-top:4px; line-height:1.4; }
    .about-h2 { font-size:clamp(26px,3vw,40px); font-weight:800; letter-spacing:-.03em; line-height:1.1; color:var(--brand-ink); margin-bottom:28px; }
    .about-h2 span { color:var(--brand); }
    .about-p { font-size:15px; color:var(--muted); line-height:1.8; margin-bottom:18px; }
    .about-p strong { color:var(--brand-ink); font-weight:600; }
    .about-founder { display:flex; align-items:center; gap:16px; margin-top:40px; padding-top:32px; border-top:1px solid var(--line); }
    .about-fimg { width:52px; height:52px; border-radius:50%; object-fit:cover; border:2px solid var(--line); }
    .about-fname { font-size:15px; font-weight:700; letter-spacing:-.01em; color:var(--brand-ink); }
    .about-frole { font-size:13px; color:var(--muted); margin-top:2px; }

    /* INDUSTRIES */
    .industries { padding:108px 0; background:var(--brand-soft); }
    .ind-head { text-align:center; margin-bottom:72px; }
    .ind-head .tag { justify-content:center; }
    .ind-head .sub { margin:16px auto 0; }
    .ind-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
    .ind-card { background:var(--white); border-radius:16px; overflow:hidden; border:1px solid var(--line); transition:all .4s var(--expo); cursor:default; }
    .ind-card:hover { transform:translateY(-6px); box-shadow:0 24px 60px rgba(15,51,75,.1); border-color:rgba(0,147,222,.2); }
    .ind-img { width:100%; aspect-ratio:4/3; object-fit:cover; display:block; }
    .ind-body { padding:24px; }
    .ind-ico { width:38px; height:38px; border-radius:10px; background:var(--brand-soft); color:var(--brand); display:flex; align-items:center; justify-content:center; margin-bottom:12px; transition:all .35s; }
    .ind-card:hover .ind-ico { background:var(--brand); color:#fff; }
    .ind-name { font-size:15px; font-weight:800; letter-spacing:-.02em; color:var(--brand-ink); margin-bottom:6px; }
    .ind-desc { font-size:13px; color:var(--muted); line-height:1.65; margin-bottom:14px; }
    .ind-lnk { font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--brand); text-decoration:none; display:inline-flex; align-items:center; gap:5px; transition:gap .3s var(--expo); opacity:.7; }
    .ind-lnk:hover { opacity:1; gap:10px; }

    /* berater case */
    .ind-case {
      margin-top:48px; border-radius:20px; overflow:hidden;
      display:grid; grid-template-columns:1fr 1fr;
      background:var(--brand-ink);
    }
    .ind-case-img {
      width:100%;
      height:100%;
      min-height:300px;
      max-height:420px;
      object-fit:cover;
      display:block;
    }
    .ind-case-body { padding:56px 52px; display:flex; flex-direction:column; justify-content:center; }
    .ind-case-tag { font-size:11px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:rgba(0,147,222,.75); margin-bottom:18px; display:flex; align-items:center; gap:8px; }
    .ind-case-tag::before { content:''; width:18px; height:2px; background:var(--brand); border-radius:1px; }
    .ind-case-h3 { font-size:30px; font-weight:800; letter-spacing:-.03em; line-height:1.15; color:#fff; margin-bottom:14px; }
    .ind-case-h3 em { font-style:normal; color:var(--brand); }
    .ind-case-p { font-size:15px; color:rgba(255,255,255,.52); line-height:1.75; margin-bottom:24px; }
    .ind-case-pts { list-style:none; margin-bottom:32px; display:flex; flex-direction:column; gap:8px; }
    .ind-case-pts li { display:flex; align-items:flex-start; gap:10px; font-size:14px; color:rgba(255,255,255,.65); line-height:1.5; }
    .ind-case-pts li::before { content:''; width:5px; height:5px; border-radius:50%; background:var(--brand); flex-shrink:0; margin-top:6px; }

    /* REFERENCES */
    .refs { padding:120px 0; background:var(--brand-dark); position:relative; overflow:hidden; }
    .refs::before { content:''; position:absolute; inset:0; background-image: linear-gradient(rgba(0,147,222,.04) 1px,transparent 1px), linear-gradient(90deg,rgba(0,147,222,.04) 1px,transparent 1px); background-size:48px 48px; pointer-events:none; }
    .refs-head { text-align:center; margin-bottom:80px; }
    .refs-head .tag { justify-content:center; }
    .refs-head .sub.inv { margin:16px auto 0; }
    .refs-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-bottom:20px; }
    .refs-grid-bottom { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
    .ref-card {
      background:rgba(255,255,255,.04); border-radius:16px; padding:36px 32px;
      border:1px solid rgba(255,255,255,.08);
      transition:all .4s var(--expo); position:relative; overflow:hidden;
    }
    .ref-card::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:var(--brand); transform:scaleX(0); transform-origin:left; transition:transform .5s var(--expo); }
    .ref-card:hover { background:rgba(255,255,255,.07); border-color:rgba(0,147,222,.2); transform:translateY(-4px); }
    .ref-card:hover::before { transform:scaleX(1); }
    .ref-num { font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:rgba(0,147,222,.6); margin-bottom:16px; }
    .ref-client { font-size:20px; font-weight:800; letter-spacing:-.025em; color:#fff; margin-bottom:8px; }
    .ref-role { font-size:13px; color:rgba(255,255,255,.4); margin-bottom:16px; font-style:italic; }
    .ref-desc { font-size:14px; color:rgba(255,255,255,.52); line-height:1.75; margin-bottom:24px; }
    .ref-links { display:flex; gap:12px; flex-wrap:wrap; }
    .ref-link {
      font-size:12px; font-weight:600; letter-spacing:.06em; text-transform:uppercase;
      color:rgba(0,147,222,.8); text-decoration:none;
      display:inline-flex; align-items:center; gap:5px;
      transition:color .25s; opacity:.8;
    }
    .ref-link:hover { color:var(--brand); opacity:1; }
    .ref-tag-badge {
      display:inline-block; font-size:11px; font-weight:600; letter-spacing:.04em;
      background:rgba(0,147,222,.12); color:var(--brand);
      padding:3px 10px; border-radius:100px; margin-bottom:14px;
    }

    /* PODCAST */
    .podcast-section { padding:108px 0; background:var(--white); }
    .podcast-layout { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
    .podcast-txt .tag { margin-bottom:20px; }
    .podcast-h2 { font-size:clamp(28px,3.5vw,44px); font-weight:800; letter-spacing:-.03em; line-height:1.1; color:var(--brand-ink); margin-bottom:20px; }
    .podcast-h2 span { color:var(--brand); }
    .podcast-p { font-size:15px; color:var(--muted); line-height:1.8; margin-bottom:28px; }
    .podcast-meta { display:flex; gap:24px; flex-wrap:wrap; margin-bottom:36px; }
    .pmeta-item { display:flex; align-items:center; gap:8px; font-size:13px; color:var(--muted); }
    .pmeta-item strong { color:var(--brand-ink); font-weight:600; }
    .podcast-platforms { display:flex; gap:12px; flex-wrap:wrap; margin-top:32px; padding-top:28px; border-top:1px solid var(--line); }
    .plat-link {
      display:inline-flex; align-items:center; gap:6px;
      font-size:12px; font-weight:600; letter-spacing:.04em;
      color:var(--brand-ink); text-decoration:none;
      background:var(--brand-pale); padding:8px 16px; border-radius:100px;
      border:1px solid var(--line); transition:all .3s;
    }
    .plat-link:hover { background:var(--brand); color:#fff; border-color:var(--brand); }
    .podcast-player-wrap {
      border-radius:16px; overflow:hidden;
      box-shadow:0 24px 64px rgba(15,51,75,.12);
      border:1px solid var(--line);
    }
    .podcast-player-wrap iframe { display:block; }
    .podcast-second-player { margin-top:20px; border-radius:16px; overflow:hidden; box-shadow:0 16px 48px rgba(15,51,75,.1); border:1px solid var(--line); }
    .podcast-second-player iframe { display:block; }

    /* ORIENTATION */
    .orient { padding:108px 0; background:var(--brand-pale); }
    .orient-head { text-align:center; margin-bottom:64px; }
    .orient-head .tag { justify-content:center; }
    .orient-head .sub { margin:16px auto 0; }
    .orient-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
    .orient-card { background:var(--white); border-radius:16px; padding:40px 36px; border:1px solid var(--line); transition:all .4s var(--expo); }
    .orient-card:hover { transform:translateY(-6px); box-shadow:0 20px 56px rgba(15,51,75,.09); border-color:rgba(0,147,222,.2); }
    .orient-num { font-size:44px; font-weight:900; letter-spacing:-.04em; color:rgba(0,147,222,.1); line-height:1; margin-bottom:20px; }
    .orient-ttl { font-size:19px; font-weight:800; letter-spacing:-.025em; color:var(--brand-ink); margin-bottom:10px; }
    .orient-desc { font-size:14px; color:var(--muted); line-height:1.7; margin-bottom:24px; }
    .orient-lnk { font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--brand); text-decoration:none; display:inline-flex; align-items:center; gap:6px; transition:gap .3s var(--expo); }
    .orient-lnk:hover { gap:12px; }

    /* CTA */
    .cta { padding:128px 0; background:var(--brand); position:relative; overflow:hidden; text-align:center; }
    .cta::before { content:''; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px); background-size:48px 48px; }
    .cta::after { content:''; position:absolute; width:700px; height:700px; border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 65%); top:50%; left:50%; transform:translate(-50%,-50%); }
    .cta-inner { position:relative; z-index:1; }
    .cta-tag { font-size:11px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:rgba(255,255,255,.55); margin-bottom:20px; }
    .cta-h2 { font-size:clamp(36px,5.5vw,70px); font-weight:900; letter-spacing:-.04em; line-height:.97; color:#fff; margin-bottom:24px; }
    .cta-h2 em { font-style:normal; color:#fff; }
    .cta-sub { font-size:17px; color:rgba(255,255,255,.62); max-width:440px; margin:0 auto 52px; line-height:1.7; }
    .cta-btns { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
    .btn-gw2 { background:transparent; color:rgba(255,255,255,.8); font-size:14px; font-weight:600; letter-spacing:-.01em; padding:14px 28px; border-radius:8px; border:1.5px solid rgba(255,255,255,.28); cursor:pointer; text-decoration:none; display:inline-block; transition:all .3s; }
    .btn-gw2:hover { border-color:rgba(255,255,255,.65); color:#fff; }

    /* FOOTER */
    footer { background:var(--brand-dark); }
    .ftr-copy { font-size:13px; color:rgba(255,255,255,.72); }

    /* arrow SVG reusable */
    .arr { display:inline-block; vertical-align:middle; margin-left:4px; transition:transform .3s var(--expo); }
    a:hover .arr { transform:translateX(3px); }

    /* RESPONSIVE */
    @media(max-width:1024px){
      nav{padding:0 28px;} .container{padding:0 28px;}
      .hero{grid-template-columns:1fr; min-height:auto;}
      .hero-r{height:60vw;} .hero-l{padding:120px 28px 80px;}
      .hero-wave{left:28px;right:28px;}
      .svc-head{flex-direction:column;align-items:flex-start;gap:20px;}
      .proc-head{grid-template-columns:1fr;gap:24px;}
      .proc-steps{grid-template-columns:1fr;}
      .proc-steps::before{display:none;}
      .pstep{padding:0 0 36px 28px;border-left:1px solid rgba(0,147,222,.2);}
      .story-chapter{grid-template-columns:1fr;}
      .story-chapter:nth-child(even){direction:ltr;}
      .chap-img{min-height:280px;}
      .chap-txt{padding:48px 32px;}
      .chap-num{font-size:56px;}
      .results-inner{grid-template-columns:1fr;gap:40px;}
      .result-item+.result-item{border-left:none;border-top:1px solid rgba(255,255,255,.15);}
      .result-item{padding:40px 0;}
      .about-layout{grid-template-columns:1fr;gap:64px;}
      .about-stats-float{position:static;margin-top:24px;}
      .ind-grid{grid-template-columns:repeat(2,1fr);}
      .ind-case{grid-template-columns:1fr;}
      .ind-case-img{min-height:220px;max-height:320px;}
      .ind-case-body{padding:40px 32px;}
      .refs-grid{grid-template-columns:1fr 1fr;} .refs-grid-bottom{grid-template-columns:1fr;}
      .podcast-layout{grid-template-columns:1fr;}
      .orient-grid{grid-template-columns:1fr 1fr;}
    }
    @media(max-width:640px){
      nav{padding:10px 20px 12px; height:auto; min-height:68px; flex-wrap:wrap; gap:10px 14px; align-items:center;}
      .nav-links{width:100%; justify-content:space-between; gap:14px; flex-wrap:wrap;}
      .nav-links a{font-size:13px; min-height:36px;}
      .page-main{padding-top:110px;}
      .container{padding:0 20px;}
      .hero-l{padding:100px 20px 64px;} .hero-wave{display:none;}
      .svc-grid{grid-template-columns:1fr;}
      .ind-grid{grid-template-columns:1fr;}
      .refs-grid{grid-template-columns:1fr;}
      .orient-grid{grid-template-columns:1fr;}
      .cta-btns{flex-direction:column;align-items:center;}
      .about-stats-float{grid-template-columns:1fr 1fr;}
    }

    body.subpage { background: var(--white); }
    .nav-links a.active { opacity: 1; color: var(--brand); }
    .nav-links a[aria-current="page"] { opacity: 1; color: var(--brand); }
    .page-main { padding-top: 68px; }
    .btn-ghost-dark {
      background: transparent; color: var(--brand-ink);
      font-size: 14px; font-weight: 700; letter-spacing: -.01em;
      padding: 14px 28px; border-radius: 8px; border: 1.5px solid rgba(15,51,75,.14);
      cursor: pointer; text-decoration: none; display: inline-block;
      transition: all .3s var(--expo);
    }
    .btn-ghost-dark:hover {
      border-color: var(--brand); color: var(--brand);
      background: rgba(0,147,222,.05);
    }
    .subhero {
      padding: 120px 0 80px;
      background:
        radial-gradient(circle at right top, rgba(0,147,222,.10) 0%, transparent 34%),
        linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);
    }
    .subhero-layout {
      display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(340px, .95fr);
      gap: 56px; align-items: center;
    }
    .subhero-title {
      font-size: clamp(34px, 4.2vw, 58px); font-weight: 900;
      line-height: 1.02; letter-spacing: -.04em; color: var(--brand-ink);
      margin-bottom: 22px;
    }
    .subhero-body {
      font-size: 17px; line-height: 1.8; color: var(--muted);
      max-width: 620px; margin-bottom: 34px;
    }
    .subhero-actions { display: flex; gap: 14px; flex-wrap: wrap; }
    .subhero-media {
      position: relative; border-radius: 22px; overflow: hidden;
      background: linear-gradient(135deg, var(--brand-ink), var(--brand-dark));
      box-shadow: 0 34px 80px rgba(15,51,75,.18);
    }
    .subhero-media::after {
      content: ''; position: absolute; inset: 0;
      background: linear-gradient(to top, rgba(15,51,75,.12), transparent 48%);
      pointer-events: none;
    }
    .subhero-media img {
      width: 100%;
      aspect-ratio: 16 / 10;
      max-height: 440px;
      object-fit: cover;
      display: block;
    }
    .subhero-media.logo img {
      aspect-ratio: 1 / 1;
      max-height: 320px;
      object-fit: contain;
      padding: 28px;
      background: #fff;
    }
    .page-section { padding: 96px 0; }
    .page-section.alt { background: var(--brand-pale); }
    .section-head { display: grid; gap: 14px; margin-bottom: 44px; }
    .detail-grid {
      display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px;
    }
    .detail-card {
      background: #fff; border: 1px solid rgba(15,51,75,.08); border-radius: 20px;
      overflow: hidden; box-shadow: 0 20px 50px rgba(15,51,75,.06);
    }
    .detail-image {
      width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block;
    }
    .detail-body { padding: 28px 28px 30px; }
    .detail-kicker {
      font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase;
      color: var(--brand); margin-bottom: 10px;
    }
    .detail-card h3 {
      font-size: 23px; line-height: 1.2; letter-spacing: -.03em;
      color: var(--brand-ink); margin-bottom: 12px;
    }
    .detail-card p { font-size: 15px; line-height: 1.75; color: var(--muted); }
    .page-points {
      list-style: none; display: flex; flex-direction: column; gap: 8px; margin: 20px 0 0;
    }
    .page-points li {
      font-size: 14px; color: var(--brand-ink); display: flex; align-items: flex-start; gap: 10px;
    }
    .page-points li::before {
      content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--brand);
      margin-top: 8px; flex-shrink: 0;
    }
    .page-points-wide { margin-top: 26px; }
    .detail-link {
      display: inline-flex; align-items: center; gap: 8px; margin-top: 22px;
      color: var(--brand); text-decoration: none; font-size: 13px; font-weight: 700;
      letter-spacing: .06em; text-transform: uppercase;
    }
    .copy-grid {
      display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
      gap: 48px; align-items: center;
    }
    .copy-media img {
      width: 100%;
      aspect-ratio: 16 / 10;
      max-height: 460px;
      object-fit: cover;
      border-radius: 24px;
      box-shadow: 0 30px 70px rgba(15,51,75,.14);
    }
    .faq-shell { display: grid; gap: 16px; }
    .faq-item {
      background: #fff; border: 1px solid rgba(15,51,75,.08); border-radius: 18px;
      padding: 22px 24px; box-shadow: 0 18px 44px rgba(15,51,75,.05);
    }
    .faq-item summary {
      cursor: pointer; list-style: none; font-size: 18px; font-weight: 800; line-height: 1.35;
      color: var(--brand-ink); position: relative; padding-right: 24px;
    }
    .faq-item summary::-webkit-details-marker { display: none; }
    .faq-item summary::after {
      content: '+'; position: absolute; right: 0; top: 0; color: var(--brand);
      font-size: 24px; line-height: 1;
    }
    .faq-item[open] summary::after { content: '-'; }
    .faq-answer p { margin-top: 14px; color: var(--muted); line-height: 1.8; }
    .contact-layout {
      display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 28px;
    }
    .contact-card,
    .legal-card {
      background: #fff; border-radius: 20px; border: 1px solid rgba(15,51,75,.08);
      box-shadow: 0 20px 50px rgba(15,51,75,.06); padding: 30px;
    }
    .contact-card h2,
    .legal-card h2 {
      font-size: 24px; line-height: 1.2; letter-spacing: -.03em;
      color: var(--brand-ink); margin-bottom: 16px;
    }
    .contact-card p,
    .legal-card p,
    .legal-card li { color: var(--muted); line-height: 1.8; }
    .contact-form {
      display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px;
    }
    .contact-form label {
      display: grid; gap: 8px; font-size: 13px; font-weight: 700; color: var(--brand-ink);
    }
    .contact-form input,
    .contact-form textarea {
      border: 1px solid rgba(15,51,75,.14); border-radius: 12px;
      padding: 14px 16px; font: inherit; color: var(--brand-ink); background: #fff;
    }
    .contact-form textarea { min-height: 170px; resize: vertical; }
    .contact-form .field-full,
    .contact-form .contact-actions { grid-column: 1 / -1; }
    .hidden {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }
    .contact-actions {
        display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 10px;
      }
    .contact-hint { font-size: 13px; color: var(--muted); }
    .recaptcha-note {
      grid-column: 1 / -1;
      margin-top: 2px;
      line-height: 1.7;
    }
    .recaptcha-note a {
      color: var(--brand);
      text-decoration: none;
      transition: color .25s;
    }
    .recaptcha-note a:hover { color: var(--brand-deep); }
    .contact-form button[type="submit"]:disabled {
      opacity: .56;
      cursor: not-allowed;
      pointer-events: none;
      box-shadow: none;
      transform: none;
    }
    .contact-form.is-submitting button[type="submit"] {
      opacity: .72;
      pointer-events: none;
    }
    .feedback {
      margin-bottom: 18px; padding: 14px 16px; border-radius: 12px;
      font-size: 14px; font-weight: 600;
    }
    .feedback.info { background: rgba(0,147,222,.10); color: var(--brand-deep); }
    .feedback.success { background: rgba(29,185,84,.10); color: #137a3b; }
    .feedback.error { background: rgba(211,47,47,.10); color: #a11d1d; }
    .cookie-banner {
      position: fixed;
      left: 20px;
      right: 20px;
      bottom: 20px;
      z-index: 320;
      pointer-events: none;
    }
    .cookie-banner[hidden] { display: none; }
    .cookie-banner-inner {
      max-width: 1120px;
      margin: 0 auto;
      background: rgba(255,255,255,.96);
      backdrop-filter: blur(18px) saturate(180%);
      -webkit-backdrop-filter: blur(18px) saturate(180%);
      border: 1px solid rgba(15,51,75,.10);
      box-shadow: 0 24px 70px rgba(15,51,75,.14);
      border-radius: 18px;
      padding: 22px 24px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 18px 24px;
      align-items: center;
      pointer-events: auto;
    }
    .cookie-banner-title {
      font-size: 15px;
      font-weight: 800;
      color: var(--brand-ink);
      margin-bottom: 6px;
      letter-spacing: -.02em;
    }
    .cookie-banner-text {
      font-size: 14px;
      line-height: 1.7;
      color: var(--muted);
      max-width: 780px;
    }
    .cookie-banner-text a {
      color: var(--brand);
      text-decoration: none;
      transition: color .25s;
    }
    .cookie-banner-text a:hover { color: var(--brand-deep); }
    .cookie-banner-actions {
      display: flex;
      align-items: center;
      gap: 12px;
      flex-wrap: wrap;
      justify-content: flex-end;
    }
    .legal-grid {
      display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px;
    }
    .legal-card ul { padding-left: 18px; }
    .mini-note { margin-top: 18px; font-size: 13px; color: var(--muted); }
    .podcast-player-wrap img,
    .podcast-second-player img {
      display: block;
      width: 100%;
      height: auto;
    }
    .site-footer {
      min-height: 200px;
      padding: 28px 0;
      display: flex;
      align-items: flex-end;
    }
    .ftr-minimal {
      min-height: 144px;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: center;
      gap: 18px;
      text-align: center;
    }
    .ftr-legal-line {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      gap: 12px;
      font-size: 14px;
      color: rgba(255,255,255,.66);
    }
    .ftr-legal-line a {
      color: rgba(255,255,255,.8);
      text-decoration: none;
      transition: color .25s;
    }
    .ftr-legal-line a:hover { color: rgba(255,255,255,.88); }
    @media (min-width: 1100px) {
      .story-hero-bg { background-image:url('../images/podcast-produktion-studio-1024.webp'); }
    }
    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
      }
      .reveal {
        opacity: 1;
        transform: none;
      }
      .hero-photo,
      .story-hero-bg {
        transform: none !important;
      }
      .ticker-track {
        animation: none;
      }
      .hero-wave {
        display: none;
      }
    }
    @media (max-width:1100px){
      .subhero-layout,.copy-grid,.contact-layout,.detail-grid,.legal-grid,.results-inner,.proc-head,.proc-steps{grid-template-columns:1fr;}
      .cookie-banner-inner{grid-template-columns:1fr;}
      .cookie-banner-actions{justify-content:flex-start;}
      .proc-steps::before{display:none;}
      .pstep{padding-right:0;}
    }
    @media (max-width:820px){
      .subhero{padding:112px 0 72px;}
      .subhero-title{font-size:38px;}
      .detail-body,.contact-card,.legal-card{padding:22px;}
      .contact-form{grid-template-columns:1fr;}
      .subhero-media img{max-height:360px;}
      .copy-media img{max-height:360px;}
    }
    @media (max-width:640px){
      .cookie-banner{left:14px;right:14px;bottom:14px;}
      .cookie-banner-inner{padding:18px 18px 20px;}
      .cookie-banner-actions{width:100%;}
      .cookie-banner-actions .btn-b,
      .cookie-banner-actions .btn-ghost-dark{width:100%;text-align:center;}
      .site-footer{min-height:180px;}
      .ftr-minimal{min-height:124px;}
    }