body:has(.pg-case-studies){background:#f5f8fd}.pg-case-studies{--bg:#f5f8fd;--ink:#14151f;--text:#5b5f73;--muted:#9a9db0;--card:rgba(255,255,255,.74);--line:rgba(20,21,31,.08);--a:#2563eb;--b:#0ea5e9;--c:#06b6d4;--d:#38bdf8;--night:#0d0e1c;--grad:linear-gradient(100deg,#2563eb,#3b82f6 30%,#06b6d4 62%,#22c55e);--ease:cubic-bezier(.22,.8,.24,1);--sans:ui-sans-serif,-apple-system,"SF Pro Display","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace}.pg-case-studies *{box-sizing:border-box;margin:0;padding:0}.pg-case-studies{font-family:var(--sans);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:clip;line-height:1.6}.pg-case-studies ::selection{background:rgba(37,99,235,.18);color:var(--ink)}.pg-case-studies a{color:inherit;text-decoration:none}.pg-case-studies img{display:block;max-width:100%}.pg-case-studies .bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.pg-case-studies .blob{position:absolute;border-radius:50%;filter:blur(80px);animation:csl-drift 20s ease-in-out infinite alternate}.pg-case-studies .blob--1{width:520px;height:520px;background:var(--a);top:-180px;left:-140px;opacity:.4}.pg-case-studies .blob--2{width:440px;height:440px;background:var(--b);top:18%;right:-170px;opacity:.26;animation-delay:-7s}.pg-case-studies .blob--3{width:360px;height:360px;background:var(--c);bottom:-160px;left:30%;opacity:.2;animation-delay:-13s}@keyframes csl-drift{to{transform:translate(70px,50px) scale(1.14)}}.pg-case-studies .grid{position:absolute;inset:0;overflow:hidden}.pg-case-studies .grid:before{content:"";position:absolute;inset:-35%;background:conic-gradient(from 0deg at 50% 50%,rgba(37,99,235,.16),rgba(6,182,212,.13),rgba(34,197,94,.1),rgba(139,92,246,.1),rgba(37,99,235,.16));filter:blur(80px);animation:csl-aurora 50s linear infinite}@keyframes csl-aurora{to{transform:rotate(1turn)}}.pg-case-studies .grid:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(37,99,235,.38) 1.2px,transparent 2.2px),radial-gradient(circle,rgba(6,182,212,.34) 1px,transparent 2px),radial-gradient(circle,rgba(34,197,94,.32) 1.5px,transparent 2.5px);background-size:220px 260px,340px 300px,460px 420px;background-position:0 0,80px 120px,200px 40px;animation:csl-floaty 70s linear infinite;mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.6) 60%,transparent);-webkit-mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.6) 60%,transparent)}@keyframes csl-floaty{to{background-position:0 -1040px,80px -1080px,200px -1640px}}.pg-case-studies .wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 24px}.pg-case-studies .grad{background:var(--grad);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:csl-shine 6s linear infinite}@keyframes csl-shine{to{background-position:-200% 0}}.pg-case-studies .kicker{font:600 12.5px var(--mono);letter-spacing:.08em;color:var(--a);text-transform:uppercase}.pg-case-studies h2{margin-top:12px;font-size:clamp(30px,4.2vw,48px);line-height:1.07;letter-spacing:-.035em;font-weight:800;color:var(--ink)}.pg-case-studies .head{max-width:660px;margin-bottom:44px}.pg-case-studies .head p{margin-top:14px;font-size:17px}.pg-case-studies section.block{padding:110px 0 0;scroll-margin-top:70px}.pg-case-studies .rv{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--d,0s)}.pg-case-studies .rv.in{opacity:1;transform:none}.pg-case-studies .rv.done{transition:transform .45s var(--ease),box-shadow .45s;transition-delay:0s}@keyframes csl-ping{70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}to{box-shadow:0 0 0 0 rgba(34,197,94,0)}}.pg-case-studies h1{margin:4px 0 18px;font-size:clamp(46px,6.6vw,82px);line-height:.98;letter-spacing:-.05em;font-weight:850;color:var(--ink)}.pg-case-studies h1 .grad{padding-right:.04em}.pg-case-studies .role{font-size:clamp(21px,2.3vw,27px);line-height:1.3;letter-spacing:-.02em;font-weight:700;color:var(--ink)}.pg-case-studies .rotator{display:inline-grid;vertical-align:bottom}.pg-case-studies .rotator span{grid-area:1/1;white-space:nowrap;opacity:0;transform:translateY(.5em);filter:blur(6px);transition:opacity .55s var(--ease),transform .55s var(--ease),filter .55s var(--ease)}.pg-case-studies .rotator span.on{opacity:1;transform:none;filter:none}.pg-case-studies .rotator span.off{opacity:0;transform:translateY(-.5em);filter:blur(6px)}.pg-case-studies .lead{margin-top:18px;font-size:17.5px;max-width:540px}.pg-case-studies .lead strong{color:var(--ink);font-weight:650}.pg-case-studies .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.pg-case-studies .btn{position:relative;display:inline-flex;align-items:center;gap:10px;padding:15px 24px;border-radius:14px;font-weight:650;font-size:15px;transition:transform .25s var(--ease),box-shadow .25s;overflow:hidden}.pg-case-studies .btn svg{width:17px;height:17px;transition:transform .25s var(--ease)}.pg-case-studies .btn:hover{transform:translateY(-2px)}.pg-case-studies .btn:hover svg{transform:translateX(3px)}.pg-case-studies .btn--main{background:var(--ink);box-shadow:0 14px 30px -14px rgba(20,21,31,.6)}.pg-case-studies .btn--main:before{content:"";position:absolute;inset:0;background:var(--grad);opacity:0;transition:opacity .35s}.pg-case-studies .btn--main:hover:before{opacity:1}.pg-case-studies .btn--main>*{position:relative}.pg-case-studies .btn--ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.pg-case-studies .stats{display:flex;margin-top:36px;padding:6px;border-radius:20px;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.95);box-shadow:0 20px 50px -34px rgba(40,40,90,.45);width:-moz-fit-content;width:fit-content;max-width:100%}.pg-case-studies .stat{padding:12px 22px}.pg-case-studies .stat+.stat{border-left:1px solid var(--line)}.pg-case-studies .stat b{display:block;font-size:28px;line-height:1.1;letter-spacing:-.03em;color:var(--ink);font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pg-case-studies .stat>span{font-size:13px}@keyframes csl-spin{to{--ang:360deg}}@keyframes csl-bob{50%{transform:translateY(-10px)}}@keyframes csl-flip{0%{transform:rotateX(0)}45%{transform:rotateX(90deg);opacity:.2}to{transform:rotateX(0)}}@keyframes csl-grow{0%{transform:scaleY(.45)}}.pg-case-studies .stack{padding:70px 0 0}.pg-case-studies .stack p{text-align:center;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}.pg-case-studies .marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.pg-case-studies .track{display:flex;gap:12px;width:max-content;animation:csl-slide 40s linear infinite}.pg-case-studies .marquee:hover .track{animation-play-state:paused}@keyframes csl-slide{to{transform:translateX(-50%)}}.pg-case-studies .tchip{display:inline-flex;align-items:center;gap:9px;padding:11px 18px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:600;font-size:14.5px;color:var(--ink);white-space:nowrap}.pg-case-studies .tchip i{width:9px;height:9px;border-radius:3px;transform:rotate(45deg)}.pg-case-studies .work{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:28px;gap:28px}.pg-case-studies .proj{position:relative;display:block;border-radius:26px;padding:14px;background:var(--card);border:1px solid rgba(255,255,255,.95);box-shadow:0 30px 70px -44px rgba(40,40,90,.5);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.pg-case-studies .proj.done:hover{transform:translateY(-6px);box-shadow:0 44px 80px -40px rgba(40,40,90,.55)}.pg-case-studies .proj.off{margin-top:70px}.pg-case-studies .proj.wide{grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr;grid-gap:12px;gap:12px;align-items:center}.pg-case-studies .proj.wide.rev{grid-template-columns:1fr 1.4fr}.pg-case-studies .proj.wide.rev .browser{order:2}.pg-case-studies .proj.wide .view{aspect-ratio:16/9.6}.pg-case-studies .feat-b.v{background:linear-gradient(100deg,#16a34a,#7c3aed)}.pg-case-studies .feat-b.o{background:linear-gradient(100deg,#312e81,#4f46e5 60%,#f59e0b)}.pg-case-studies .kpis.o div{background:rgba(79,70,229,.06);border-color:rgba(79,70,229,.14)}.pg-case-studies .feat-b.e{background:linear-gradient(100deg,#0f766e,#0891b2)}.pg-case-studies .kpis.e div{background:rgba(15,118,110,.06);border-color:rgba(15,118,110,.14)}.pg-case-studies .kpis.v div{background:rgba(124,58,237,.06);border-color:rgba(124,58,237,.14)}.pg-case-studies .proj.wide .meta{padding:14px 26px}.pg-case-studies .proj.wide .meta h3{font-size:34px}.pg-case-studies .proj.wide .meta p{font-size:16px}.pg-case-studies .feat-b{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;padding:5px 11px;border-radius:999px;background:linear-gradient(100deg,#15803d,#0d9488);color:#fff;font:700 11px var(--sans);letter-spacing:.04em}.pg-case-studies .kpis{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-top:16px}.pg-case-studies .kpis div{padding:10px 12px;border-radius:12px;background:rgba(21,128,61,.06);border:1px solid rgba(21,128,61,.12)}.pg-case-studies .kpis b{display:block;font-size:20px;color:var(--ink);letter-spacing:-.02em;line-height:1.2}.pg-case-studies .kpis span{font-size:11.5px}.pg-case-studies .band .grad{background-image:linear-gradient(100deg,#60a5fa,#38bdf8 50%,#67e8f9)}.pg-case-studies .browser{border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--line)}.pg-case-studies .bt{display:flex;align-items:center;gap:6px;padding:10px 12px;background:#f3f3f8;border-bottom:1px solid var(--line)}.pg-case-studies .bt i{width:9px;height:9px;border-radius:50%;background:#ff5f57;flex:none}.pg-case-studies .bt i:nth-child(2){background:#febc2e}.pg-case-studies .bt i:nth-child(3){background:#28c840}.pg-case-studies .url{flex:1 1;min-width:0;margin-left:10px;display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;background:#fff;border:1px solid var(--line);font:500 11.5px var(--mono);color:var(--muted);overflow:hidden;white-space:nowrap}.pg-case-studies .url svg{width:11px;height:11px;flex:none;color:#22c55e}.pg-case-studies .view{position:relative;aspect-ratio:16/10.5;overflow:hidden;background:#f0f0f6}.pg-case-studies .view img{width:100%;height:auto;transform:translateY(0);transition:transform 7s cubic-bezier(.45,.05,.35,1)}.pg-case-studies .proj.play .view img,.pg-case-studies .proj:hover .view img{transform:translateY(var(--end,-70%))}.pg-case-studies .scrollhint{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(13,14,28,.72);color:#fff;font-size:11.5px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .3s}.pg-case-studies .proj.play .scrollhint,.pg-case-studies .proj:hover .scrollhint{opacity:0}.pg-case-studies .meta{padding:20px 10px 8px}.pg-case-studies .meta .cat{display:flex;align-items:center;gap:8px;font:600 11.5px var(--mono);color:var(--a);text-transform:uppercase;letter-spacing:.06em}.pg-case-studies .meta .cat i{width:6px;height:6px;border-radius:50%;background:currentColor}.pg-case-studies .meta h3{margin-top:8px;font-size:24px;letter-spacing:-.03em;color:var(--ink)}.pg-case-studies .meta p{margin-top:6px;font-size:15px}.pg-case-studies .row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:16px}.pg-case-studies .tags{display:flex;flex-wrap:wrap;gap:6px}.pg-case-studies .tags span{font:500 11.5px var(--mono);padding:4px 9px;border-radius:7px;background:rgba(20,21,31,.05)}.pg-case-studies .open{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:650;color:var(--ink)}.pg-case-studies .open svg{width:15px;height:15px;transition:transform .25s var(--ease)}.pg-case-studies .proj:hover .open svg{transform:translate(2px,-2px)}.pg-case-studies .wc{display:flex;gap:20px;color:#6b6e80}.pg-case-studies .wc svg{width:14px;height:14px}@keyframes csl-ring{0%{transform:scale(.6);opacity:1}to{transform:scale(3.2);opacity:0}}.pg-case-studies .band{position:relative;margin-top:110px;padding:56px;border-radius:30px;background:var(--night);color:#b9bbd4;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;align-items:center}.pg-case-studies .band:before{content:"";position:absolute;width:520px;height:520px;right:-160px;top:-220px;background:radial-gradient(circle,rgba(14,165,233,.35),transparent 60%)}.pg-case-studies .band>*{position:relative;z-index:1}.pg-case-studies .band h2{color:#fff;margin-top:10px}.pg-case-studies .band .kicker{color:#93c5fd}.pg-case-studies .band p{margin-top:14px;font-size:16.5px}.pg-case-studies .list{display:grid;grid-gap:12px;gap:12px}.pg-case-studies .li{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);transition:background .3s,transform .3s var(--ease)}.pg-case-studies .li:hover{background:rgba(255,255,255,.08);transform:translateX(4px)}.pg-case-studies .li svg{width:20px;height:20px;flex:none;margin-top:2px;color:#7dd3fc}.pg-case-studies .li b{display:block;color:#fff;font-weight:650;font-size:15px}.pg-case-studies .li span{font-size:14px}@media (max-width:900px){.pg-case-studies .work{grid-template-columns:1fr;gap:22px}.pg-case-studies .proj.off{margin-top:0}.pg-case-studies .proj.wide,.pg-case-studies .proj.wide.rev{grid-template-columns:1fr}.pg-case-studies .proj.wide.rev .browser{order:0}.pg-case-studies .proj.wide .meta{padding:18px 10px 8px}.pg-case-studies .proj.wide .meta h3{font-size:26px}.pg-case-studies .band{grid-template-columns:1fr;padding:44px 32px}}@media (max-width:720px){.pg-case-studies section.block{padding-top:90px}.pg-case-studies .band{margin-top:90px}}@media (max-width:600px){.pg-case-studies .wrap{padding:0 16px}.pg-case-studies .btn{flex:1 1 100%;justify-content:center}.pg-case-studies .stats{width:100%}.pg-case-studies .stat{flex:1 1;padding:10px 12px}.pg-case-studies .stat b{font-size:22px}.pg-case-studies .stat>span{font-size:11.5px;line-height:1.3;display:block}.pg-case-studies .band{padding:34px 20px;border-radius:24px}.pg-case-studies .meta h3{font-size:21px}.pg-case-studies .proj{padding:10px;border-radius:22px}}@media (max-width:380px){.pg-case-studies .stat>span{font-size:10.5px}}@media (prefers-reduced-motion:reduce){.pg-case-studies *,.pg-case-studies :after,.pg-case-studies :before{animation:none!important;transition:none!important}.pg-case-studies .rv{opacity:1!important;transform:none!important}}.pg-case-studies .btn--main{background:linear-gradient(110deg,#2563eb,#3b82f6 30%,#06b6d4 65%,#22c55e);background-size:200% 100%;color:#fff;box-shadow:0 16px 34px -14px rgba(37,99,235,.75),inset 0 0 0 1px rgba(255,255,255,.25);animation:csl-btnflow 6s ease-in-out infinite alternate}.pg-case-studies .btn--main:before{background:linear-gradient(110deg,#1d4ed8,#2563eb 40%,#0891b2)}.pg-case-studies .btn--main:hover{box-shadow:0 22px 40px -14px rgba(37,99,235,.85)}@keyframes csl-btnflow{to{background-position:100% 0}}.pg-case-studies{padding-top:92px;padding-bottom:110px}.pg-case-studies .cs-hero{padding:40px 0 10px}.pg-case-studies .cs-hero .tagline{display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 8px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13px;font-weight:600;color:var(--ink);box-shadow:0 6px 20px -14px rgba(40,40,90,.4)}.pg-case-studies .cs-hero .tagline b{padding:3px 9px;border-radius:999px;background:var(--grad);color:#fff;font-size:11.5px;letter-spacing:.04em}.pg-case-studies .cs-hero h1{margin:22px 0 18px;max-width:900px;font-size:clamp(40px,6vw,76px);line-height:1.02;letter-spacing:-.045em}.pg-case-studies .cs-hero .lead{max-width:640px}.pg-case-studies .proj.static{cursor:default}.pg-case-studies .open.muted{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;background:rgba(20,21,31,.05);color:var(--text);font-size:12.5px;font-weight:600}.pg-case-studies .open.muted i{width:6px;height:6px;border-radius:50%;background:#22c55e}.pg-case-studies .band .ctas{margin-top:26px}.pg-case-studies .band .btn--ghost{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.16)}@media (max-width:640px){.pg-case-studies{padding-top:78px}.pg-case-studies .cs-hero{padding-top:24px}}