:root{--case-blue:#0b389f;--case-cyan:#16c5f5;--case-ink:#102342;--case-muted:#657894;--case-line:#d4e1ed;--case-paper:#f3f7fb;--case-dark:#0b2448;--case-mono:"DM Mono",monospace;--case-sans:Manrope,Arial,sans-serif}
body{background:var(--case-paper);color:var(--case-ink)}
.case-hero{position:relative;min-height:690px;padding:165px 9vw 80px;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;background:linear-gradient(130deg,#f5f9fc,#e4f3fb 58%,#d6edf8);overflow:hidden}.case-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(22,111,188,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(22,111,188,.06) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(145deg,black,transparent 80%)}.case-hero-copy{position:relative;z-index:2}.case-kicker,.case-overline{display:flex;align-items:center;gap:12px;color:#7187a0;font:10px var(--case-mono);letter-spacing:.13em}.case-kicker i{display:block;width:34px;height:1px;background:var(--case-cyan)}.case-kicker em{font-style:normal}.case-hero h1{font-size:clamp(54px,6vw,88px);font-weight:500;line-height:1.01;letter-spacing:-.045em;margin:31px 0 24px}.case-hero h1 strong{font-weight:500;color:var(--case-blue)}.case-hero-copy>p{max-width:560px;margin:0;color:var(--case-muted);font-size:18px;line-height:1.7}.case-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:31px}.case-hero-tags span{padding:9px 11px;border:1px solid #c5dbea;color:var(--case-blue);font:9px var(--case-mono);letter-spacing:.08em;background:rgba(255,255,255,.58)}.case-hero-visual{position:relative;height:460px;min-width:360px;isolation:isolate}.case-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(18,129,202,.35);border-radius:50%;transform:translate(-50%,-50%) rotate(-17deg) scaleX(.58);animation:caseSpin 14s linear infinite}.orbit-one{width:390px;height:340px}.orbit-two{width:295px;height:295px;transform:translate(-50%,-50%) rotate(48deg) scaleX(.58);animation-direction:reverse;animation-duration:10s;border-color:rgba(11,56,159,.4)}.orbit-three{width:490px;height:185px;transform:translate(-50%,-50%) rotate(78deg) scaleX(.55);animation-duration:20s;border-color:rgba(22,197,245,.42)}@keyframes caseSpin{to{transform:translate(-50%,-50%) rotate(343deg) scaleX(.58)}}.case-hero-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:205px;height:205px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #7edcf4;border-radius:50%;background:radial-gradient(circle at 40% 30%,#0e6cb4,#092a5e 74%);box-shadow:0 0 0 17px rgba(22,197,245,.1),0 0 60px rgba(22,197,245,.32);z-index:2}.case-hero-core img{width:150px;filter:brightness(0) invert(1) drop-shadow(0 0 12px rgba(174,244,255,.7))}.case-hero-core span{margin-top:12px;color:#aeeeff;font:9px var(--case-mono);letter-spacing:.1em}.hero-signal{position:absolute;width:8px;height:8px;border-radius:50%;background:#9af0ff;box-shadow:0 0 16px #1bc9ff;z-index:3;animation:signalPulse 3.8s ease-in-out infinite}.signal-a{left:13%;top:37%}.signal-b{right:9%;top:24%;animation-delay:1.1s}.signal-c{right:18%;bottom:16%;animation-delay:2.2s}@keyframes signalPulse{0%,100%{transform:scale(.6);opacity:.35}50%{transform:scale(1.3);opacity:1}}
.case-index{padding:110px 9vw 125px;background:#fff;border-top:1px solid var(--case-line)}.case-index-head{display:grid;grid-template-columns:1fr 1fr;gap:12vw;align-items:end}.case-overline{color:var(--case-blue)}.case-index-head h2{font-size:clamp(44px,4.6vw,70px);font-weight:500;line-height:1.03;letter-spacing:-.08em;margin:26px 0 0}.case-index-head h2 strong{font-weight:500;color:var(--case-blue)}.case-index-head>p{max-width:430px;margin:0;color:var(--case-muted);font-size:16px;line-height:1.7}.case-filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:52px;padding-bottom:17px;border-bottom:1px solid var(--case-line)}.case-filters button{appearance:none;border:1px solid #cadbea;background:#f5f9fc;color:#6c8098;padding:10px 13px;font:10px var(--case-mono);letter-spacing:.06em;cursor:pointer;transition:all .2s ease}.case-filters button:hover,.case-filters button.is-active{background:var(--case-blue);border-color:var(--case-blue);color:#fff}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:25px}.case-card{display:flex;flex-direction:column;background:#f2f7fb;border:1px solid var(--case-line);min-width:0;transition:transform .35s ease,box-shadow .35s ease,opacity .25s ease}.case-card:hover{transform:translateY(-7px);box-shadow:0 18px 34px rgba(22,70,111,.13)}.case-card.is-hidden{display:none}.case-card-media{height:255px;overflow:hidden;background:#d9eaf2}.case-card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.22,1,.36,1);filter:saturate(.92)}.case-card:hover .case-card-media img{transform:scale(1.06);filter:saturate(1.08)}.case-card-body{display:flex;flex-direction:column;align-items:flex-start;padding:21px 21px 20px;min-height:182px}.case-card-body>span{font:9px var(--case-mono);letter-spacing:.1em;color:var(--case-blue)}.case-card-body h3{font-size:23px;font-weight:500;line-height:1.12;letter-spacing:-.045em;margin:17px 0 10px}.case-card-body p{margin:0;color:var(--case-muted);font-size:13px;line-height:1.55}.case-card-body button{margin-top:auto;padding:0;border:0;background:transparent;color:var(--case-blue);font:10px var(--case-mono);letter-spacing:.08em;cursor:pointer}.case-card-body button b{font-size:15px;margin-left:5px}.case-card:nth-child(3n+2){background:#edf7fb}.case-card:nth-child(3n){background:#f7f9fc}.case-cta{padding:96px 9vw 115px;display:flex;justify-content:space-between;align-items:end;gap:40px;background:#eaf4fa;border-top:1px solid var(--case-line)}.case-cta h2{font-size:clamp(43px,4.8vw,72px);font-weight:500;line-height:1.03;letter-spacing:-.08em;margin:24px 0 0}.case-cta h2 strong{font-weight:500;color:var(--case-blue)}.case-cta .wwd-btn{flex:none}
.case-modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .25s ease}.case-modal.is-open{opacity:1;pointer-events:auto}.case-modal-backdrop{position:absolute;inset:0;background:rgba(5,24,50,.68);backdrop-filter:blur(8px)}.case-modal-panel{position:relative;width:min(720px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:43px 45px 34px;background:#f6fbfe;border:1px solid rgba(165,229,247,.7);box-shadow:0 24px 75px rgba(0,0,0,.28);transform:translateY(18px);transition:transform .3s cubic-bezier(.22,1,.36,1)}.case-modal.is-open .case-modal-panel{transform:none}.case-modal-close{position:absolute;right:16px;top:12px;width:32px;height:32px;border:1px solid #c4d8e8;background:#fff;color:var(--case-blue);font-size:22px;line-height:1;cursor:pointer}.modal-kicker{color:var(--case-blue);font:10px var(--case-mono);letter-spacing:.12em}.case-modal-panel h2{max-width:590px;font-size:clamp(35px,4.2vw,54px);font-weight:500;line-height:1.03;letter-spacing:-.07em;margin:20px 0 17px}.modal-story{max-width:570px;color:#536a84;font-size:16px;line-height:1.7;margin:0}.modal-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:30px;background:#cfe0ed}.modal-facts>div{min-height:119px;padding:15px;background:#eaf4fa}.modal-facts span{font:9px var(--case-mono);letter-spacing:.1em;color:var(--case-blue)}.modal-facts p{font-size:13px;line-height:1.55;color:#536a84;margin:13px 0 0}.modal-foot{display:flex;justify-content:space-between;margin-top:30px;padding-top:14px;border-top:1px solid #cfe0ed;color:#7a8da2;font:9px var(--case-mono);letter-spacing:.1em}.modal-foot b{color:var(--case-blue);font-weight:500}
@media(max-width:1000px){.case-hero{grid-template-columns:1fr;min-height:auto;padding-top:130px}.case-hero-visual{height:410px;max-width:600px;width:100%;margin:0 auto}.case-grid{grid-template-columns:repeat(2,1fr)}.case-cta{display:block}.case-cta .wwd-btn{display:inline-flex;margin-top:35px}}
@media(max-width:620px){.case-hero{padding:120px 22px 56px}.case-hero h1{font-size:14vw}.case-hero-copy>p{font-size:16px}.case-hero-visual{height:310px;min-width:0}.case-hero-core{width:150px;height:150px}.case-hero-core img{width:110px}.case-hero-core span{font-size:7px}.orbit-one{width:280px;height:240px}.orbit-two{width:220px;height:220px}.orbit-three{width:340px;height:135px}.case-index{padding:76px 22px 86px}.case-index-head{display:block}.case-index-head>p{margin-top:24px}.case-filters{margin-top:34px}.case-grid{grid-template-columns:1fr;gap:12px}.case-card-media{height:245px}.case-cta{padding:75px 22px 90px}.case-modal{padding:12px}.case-modal-panel{padding:35px 22px 26px}.modal-facts{grid-template-columns:1fr}.modal-facts>div{min-height:0}.modal-facts p{margin-top:8px}}.case-card{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}.case-card.is-visible{opacity:1;transform:none}.case-card:nth-child(3n+2){transition-delay:.06s}.case-card:nth-child(3n){transition-delay:.12s}.case-modal-open{overflow:hidden}