:root{
  --ce-bg:#050b16;
  --ce-bg2:#081426;
  --ce-panel:#0c192b;
  --ce-panel2:#101f34;
  --ce-text:#f4f7fb;
  --ce-muted:#aab7ca;
  --ce-gold:#d7ac57;
  --ce-gold-soft:#f0d28f;
  --ce-blue:#2a69ff;
  --ce-line:rgba(215,172,87,.22);
  --ce-line-blue:rgba(68,122,255,.22);
  --ce-shadow:0 22px 60px rgba(0,0,0,.30);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.case-page{
  margin:0;
  min-height:100vh;
  color:var(--ce-text);
  background:
    radial-gradient(circle at 15% 0%, rgba(42,105,255,.14), transparent 31%),
    radial-gradient(circle at 90% 18%, rgba(215,172,87,.08), transparent 28%),
    linear-gradient(180deg,var(--ce-bg),var(--ce-bg2) 52%,var(--ce-bg));
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.6;
}
.case-page a{color:inherit;text-decoration:none}
.case-container{width:min(1120px,calc(100% - 40px));margin:0 auto}
.case-header{position:sticky;top:0;z-index:50;background:rgba(5,11,22,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}
.case-nav{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:74px}
.case-brand{display:inline-flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.14em;font-size:15px}
.case-brand-mark{width:38px;height:38px;border:1px solid rgba(215,172,87,.52);display:grid;place-items:center;border-radius:11px;color:var(--ce-gold-soft);font-size:19px;background:linear-gradient(145deg,rgba(215,172,87,.12),rgba(42,105,255,.08));box-shadow:inset 0 0 30px rgba(215,172,87,.04)}
.case-menu{display:flex;align-items:center;gap:24px;font-size:14px;color:#d7dfec}
.case-menu a{transition:.2s ease}
.case-menu a:hover,.case-menu a.active{color:var(--ce-gold-soft)}
.case-menu .case-menu-cta{border:1px solid rgba(215,172,87,.48);padding:9px 14px;border-radius:999px;color:var(--ce-gold-soft)}
.case-hero{padding:92px 0 72px;position:relative;overflow:hidden}
.case-eyebrow{margin:0 0 15px;color:var(--ce-gold-soft);font-size:12px;font-weight:800;letter-spacing:.19em;text-transform:uppercase}
.case-hero h1{font-size:clamp(42px,7vw,76px);line-height:1.02;max-width:920px;margin:0;letter-spacing:-.045em}
.case-hero h1 span{color:var(--ce-gold-soft)}
.case-lead{max-width:760px;color:var(--ce-muted);font-size:clamp(18px,2.2vw,22px);margin:24px 0 0}
.case-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:32px}
.case-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 20px;border-radius:12px;font-weight:760;font-size:14px;border:1px solid transparent;transition:.2s ease}
.case-btn:hover{transform:translateY(-1px)}
.case-btn.primary{background:linear-gradient(135deg,#e2bd72,#bf8d37);color:#07101d;box-shadow:0 12px 34px rgba(215,172,87,.18)}
.case-btn.secondary{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.035);color:#eef3fb}
.case-section{padding:72px 0}
.case-section.tight{padding-top:28px}
.case-section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:28px}
.case-section-heading h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.035em;line-height:1.08;margin:0}
.case-section-heading p{max-width:610px;margin:0;color:var(--ce-muted)}
.case-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}
.case-card{background:linear-gradient(180deg,rgba(17,31,52,.90),rgba(9,20,35,.94));border:1px solid rgba(255,255,255,.075);border-radius:22px;box-shadow:var(--ce-shadow);overflow:hidden}
.case-feature{grid-column:span 12;display:grid;grid-template-columns:1.08fr .92fr;min-height:410px}
.case-feature-copy{padding:46px;display:flex;flex-direction:column;justify-content:center}
.case-kicker{font-size:12px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:var(--ce-gold-soft)}
.case-feature h3{margin:12px 0 14px;font-size:clamp(30px,4.2vw,47px);line-height:1.05;letter-spacing:-.03em}
.case-feature p{margin:0;color:var(--ce-muted);font-size:17px;max-width:650px}
.case-pills{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0}
.case-pill{border:1px solid rgba(215,172,87,.20);background:rgba(215,172,87,.055);color:#e4d5b5;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700}
.case-feature-visual{position:relative;min-height:340px;background:
  radial-gradient(circle at 52% 42%,rgba(42,105,255,.30),transparent 28%),
  linear-gradient(155deg,rgba(7,15,28,.15),rgba(7,15,28,.92)),
  url('vaxi-yogur/assets/zavenq-vaxi-poster.jpg') center/cover no-repeat}
.case-feature-visual::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,20,35,.92),rgba(9,20,35,.12) 42%,rgba(0,0,0,.05))}
.case-feature-badge{position:absolute;right:24px;bottom:24px;background:rgba(5,11,22,.82);border:1px solid rgba(215,172,87,.36);padding:11px 15px;border-radius:12px;color:var(--ce-gold-soft);font-size:13px;font-weight:800;backdrop-filter:blur(10px)}
.case-note{margin-top:24px;padding:19px 22px;border-left:3px solid var(--ce-gold);background:rgba(215,172,87,.055);color:#cbd5e4;border-radius:0 14px 14px 0;font-size:14px}
.case-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:28px;color:#c8d2e1;font-size:14px}
.case-back:hover{color:var(--ce-gold-soft)}
.detail-hero{padding:54px 0 50px}
.detail-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.detail-hero h1{font-size:clamp(40px,6vw,66px);line-height:1.03;letter-spacing:-.045em;margin:0}
.detail-subtitle{color:var(--ce-gold-soft);font-size:19px;font-weight:700;margin:14px 0 16px}
.detail-lead{color:var(--ce-muted);font-size:18px;margin:0}
.detail-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px}
.detail-proof div{border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.025);border-radius:14px;padding:13px}
.detail-proof strong{display:block;color:#fff;font-size:15px}.detail-proof span{font-size:11px;color:var(--ce-muted)}
.video-shell{padding:10px;border-radius:22px;background:linear-gradient(145deg,rgba(215,172,87,.20),rgba(42,105,255,.16),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08);box-shadow:var(--ce-shadow)}
.video-shell video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:15px;background:#020611}
.case-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.info-card{padding:30px;border:1px solid rgba(255,255,255,.075);border-radius:20px;background:linear-gradient(180deg,rgba(16,31,52,.75),rgba(8,19,33,.85))}
.info-card h3{font-size:23px;margin:0 0 12px}.info-card p{color:var(--ce-muted);margin:0}
.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:26px}
.flow-step{position:relative;padding:20px 15px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:rgba(255,255,255,.025);min-height:132px}
.flow-step b{display:block;color:var(--ce-gold-soft);font-size:12px;letter-spacing:.08em;margin-bottom:9px}.flow-step span{font-size:14px;color:#dbe3ee}
.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cap{padding:23px;border:1px solid rgba(255,255,255,.07);border-radius:17px;background:rgba(255,255,255,.025)}
.cap b{display:block;margin-bottom:6px;color:#f7f9fc}.cap span{font-size:14px;color:var(--ce-muted)}
.result-box{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;padding:38px;border-radius:24px;background:linear-gradient(135deg,rgba(215,172,87,.12),rgba(42,105,255,.09),rgba(12,25,43,.70));border:1px solid rgba(215,172,87,.18);align-items:center}
.result-box h2{font-size:clamp(30px,4.3vw,47px);line-height:1.07;margin:0 0 13px;letter-spacing:-.035em}.result-box p{margin:0;color:#c1ccdc}
.result-side{border-left:1px solid rgba(255,255,255,.09);padding-left:28px;color:#dce4ef}.result-side strong{font-size:38px;color:var(--ce-gold-soft);display:block;letter-spacing:-.03em}.result-side span{color:var(--ce-muted);font-size:13px}
.case-cta{padding:66px 0 78px}.case-cta-box{text-align:center;padding:58px 28px;border:1px solid rgba(215,172,87,.18);border-radius:26px;background:radial-gradient(circle at 50% 0%,rgba(215,172,87,.12),transparent 45%),rgba(255,255,255,.025)}
.case-cta-box h2{font-size:clamp(34px,5vw,54px);line-height:1.07;letter-spacing:-.04em;margin:0}.case-cta-box p{color:var(--ce-muted);max-width:650px;margin:15px auto 25px}
.case-footer{border-top:1px solid rgba(255,255,255,.07);padding:30px 0 38px;color:#8190a5;font-size:13px}.case-footer-row{display:flex;justify-content:space-between;gap:24px;align-items:center;flex-wrap:wrap}.case-footer a:hover{color:#fff}
@media(max-width:900px){.case-menu{gap:14px}.case-menu a:not(.case-menu-cta){display:none}.case-feature,.detail-hero-grid,.result-box{grid-template-columns:1fr}.case-feature-copy{padding:32px}.case-feature-visual{min-height:300px}.case-two{grid-template-columns:1fr}.flow{grid-template-columns:1fr 1fr}.cap-grid{grid-template-columns:1fr 1fr}.result-side{border-left:0;border-top:1px solid rgba(255,255,255,.09);padding:24px 0 0}.case-section-heading{display:block}.case-section-heading p{margin-top:12px}}
@media(max-width:590px){.case-container{width:min(100% - 26px,1120px)}.case-nav{min-height:66px}.case-hero{padding:65px 0 50px}.detail-hero{padding:35px 0 35px}.case-section{padding:54px 0}.case-feature-copy{padding:25px}.case-feature-visual{min-height:240px}.flow,.cap-grid,.detail-proof{grid-template-columns:1fr}.case-cta-box{padding:42px 18px}.case-btn{width:100%}}