@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--bg:#030509;--bg2:#060a10;--panel:#090f18;--text:#f5f7fb;--muted:#8b96a6;--line:rgba(255,255,255,.09);--blue:#1677ff;--blue2:#63adff;--rail:156px;--pad:max(5vw,54px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'Plus Jakarta Sans',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.grain{position:fixed;inset:0;pointer-events:none;z-index:80;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.ambient{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;opacity:.22;z-index:-1}.ambient-one{width:520px;height:520px;background:#09499d;right:-180px;top:-120px}.ambient-two{width:500px;height:500px;background:#07235a;left:15%;bottom:-250px}.side-rail{position:fixed;z-index:50;left:0;top:0;bottom:0;width:var(--rail);background:rgba(3,5,9,.88);backdrop-filter:blur(18px);border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center}.rail-logo{width:100%;height:108px;display:grid;place-items:center;border-bottom:1px solid var(--line)}.rail-logo img{width:112px}.side-rail nav{flex:1;width:100%;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:22px 12px}.side-rail nav a{min-height:64px;padding:0 14px;display:grid;grid-template-columns:26px 1fr;align-items:center;gap:8px;color:#7b8798;border:1px solid transparent;border-radius:10px;transition:.25s}.side-rail nav a span{font-size:10px;color:#506174}.side-rail nav a b{font-size:12px;font-weight:600;letter-spacing:.02em}.side-rail nav a:hover,.side-rail nav a.active{color:#fff;background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.07)}.side-rail nav a.active span{color:var(--blue)}.side-rail nav a.active:before{content:"";position:absolute;left:0;width:3px;height:34px;background:var(--blue);box-shadow:0 0 18px var(--blue)}.side-rail small{font-size:9px;letter-spacing:.26em;color:#536072;writing-mode:vertical-rl;margin-bottom:28px}.mobile-bar{display:none}.section,footer{margin-left:var(--rail)}.section{min-height:100vh;padding:11vh var(--pad);position:relative;border-top:1px solid var(--line)}.hero{border-top:0;display:grid;grid-template-columns:.88fr 1.12fr;gap:4vw;align-items:center;overflow:hidden;padding-top:8vh}.hero-bg-word{position:absolute;right:-3vw;top:-2vh;font-size:22vw;font-weight:800;letter-spacing:-.08em;color:rgba(255,255,255,.018);white-space:nowrap}.eyebrow{color:var(--blue2);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.hero h1{font-size:clamp(62px,6.5vw,118px);line-height:.81;letter-spacing:-.075em;margin:28px 0 35px}.hero h1 span{display:block}.hero h1 .blue{color:var(--blue)}.lead{max-width:650px;color:#a1aab8;line-height:1.75;font-size:16px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:38px}.button{padding:17px 21px;font-size:12px;font-weight:700;border-radius:3px}.button.primary{background:#fff;color:#06080c}.button span{margin-left:30px}.text-link{font-size:12px;color:#aab3c1}.price-signal{margin-top:52px;padding-left:18px;border-left:2px solid var(--blue);display:flex;flex-direction:column;gap:6px}.price-signal strong{font-size:14px}.price-signal span{color:#6f7b8c;font-size:11px}.hero-device{position:relative}.device-glow{position:absolute;width:80%;height:55%;left:10%;top:20%;background:#126cff;filter:blur(110px);opacity:.2}.laptop{position:relative;z-index:2;filter:drop-shadow(0 45px 45px rgba(0,0,0,.65))}.screen-shell{width:100%;aspect-ratio:16/10;border:12px solid #171d25;border-radius:18px 18px 9px 9px;background:#111;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #454f5c}.camera{position:absolute;top:4px;left:50%;width:4px;height:4px;background:#59616d;border-radius:50%;z-index:4}.screen{position:absolute;inset:11px;background:#05070a;overflow:hidden;border-radius:6px}.screen-slide{position:absolute;inset:0;opacity:0;transform:scale(1.04);transition:opacity .8s,transform 4.8s ease;display:grid;place-items:center;overflow:hidden}.screen-slide.active{opacity:1;transform:scale(1)}.screen-slide>img{width:100%;height:100%;object-fit:cover;object-position:top}.screen-slide.mobile-shot{background:#07090c}.screen-slide.mobile-shot>img{width:auto;height:92%;max-width:44%;object-fit:cover;object-position:top;border-radius:7px;box-shadow:0 20px 60px rgba(0,0,0,.6)}.screen-slide.mobile-shot.light{background:#dcdedc}.screen-slide.site-scroll{display:block;background:#07090c;padding:0}.site-scroll-viewport{position:absolute;inset:0;overflow:hidden;background:#07090c}.site-scroll-viewport img{display:block;width:100%;height:auto;max-width:none;transform:translateY(0);will-change:transform}.screen-slide.site-scroll.active .site-scroll-viewport img{animation:heroSiteScroll 10.8s cubic-bezier(.45,.02,.2,1) .45s both}.hinge{height:8px;width:20%;margin:auto;background:#333b46;border-radius:0 0 8px 8px}.base{height:18px;background:linear-gradient(#777f89,#252a31 45%,#11151a);clip-path:polygon(2% 0,98% 0,100% 70%,94% 100%,6% 100%,0 70%);border-radius:0 0 20px 20px}.screen-caption{display:grid;grid-template-columns:auto auto 1fr;gap:20px;align-items:center;width:88%;margin:22px auto 0;font-size:10px;color:#657186}.screen-caption>div{display:flex;flex-direction:column;gap:4px}.screen-caption b{font-size:12px;color:#e7ebf1}.screen-caption i{height:1px;background:#1e2a39;position:relative}.screen-caption u{position:absolute;left:0;top:0;height:1px;background:var(--blue);animation:progress 5s linear infinite}.scroll-cue{position:absolute;left:var(--pad);bottom:5vh;font-size:9px;letter-spacing:.16em;color:#536174}.scroll-cue b{color:var(--blue);margin-left:15px}.section-index{display:flex;gap:13px;align-items:center;font-size:10px;letter-spacing:.16em}.section-index span{color:var(--blue)}.section-index b{font-weight:600}.section-intro{display:grid;grid-template-columns:1.08fr .62fr;align-items:end;gap:10vw;margin-top:8vh}.section-intro h2{font-size:clamp(56px,6.8vw,120px);line-height:.91;letter-spacing:-.07em;margin:0}.section-intro p{color:var(--muted);line-height:1.85}.audiences{background:radial-gradient(circle at 80% 35%,rgba(22,119,255,.1),transparent 32%)}.audience-switcher{display:grid;grid-template-columns:repeat(3,1fr);margin-top:9vh;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.audience-tab{background:none;border:0;border-right:1px solid var(--line);padding:25px;text-align:left;cursor:pointer;display:grid;grid-template-columns:30px 1fr;gap:5px 10px;transition:.25s}.audience-tab:last-child{border-right:0}.audience-tab span{grid-row:1/3;color:#4f6073;font-size:10px}.audience-tab b{font-size:18px}.audience-tab small{color:#758192}.audience-tab.active{background:rgba(22,119,255,.08)}.audience-tab.active span,.audience-tab.active b{color:var(--blue2)}.audience-panels{margin-top:40px}.audience-panel{display:none;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center;min-height:520px}.audience-panel.active{display:grid}.panel-copy h3{font-size:clamp(40px,4.6vw,78px);line-height:1;letter-spacing:-.055em;margin:18px 0 25px}.panel-copy>p:not(.eyebrow){color:#8e99a8;line-height:1.8}.panel-copy ul{margin:28px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px;color:#bdc5d1;font-size:12px}.panel-copy li:before{content:"+";color:var(--blue);margin-right:9px}.panel-visual{height:520px;border:1px solid var(--line);background:#070b11;position:relative;overflow:hidden}.panel-visual img{width:100%;height:100%;object-fit:cover;object-position:top}.local-visual img{width:auto;max-width:55%;display:block;margin:auto;box-shadow:0 30px 80px #000}.sport-visual{display:grid;place-items:center;background:radial-gradient(circle at center,rgba(22,119,255,.22),transparent 45%),#05070a}.score{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;gap:14px}.score small,.score span{letter-spacing:.22em;font-size:9px;color:#6e8095}.score strong{font-size:48px}.score i{color:var(--blue);font-style:normal}.stadium-lines{position:absolute;inset:10%;border:1px solid rgba(22,119,255,.24);border-radius:50%;box-shadow:0 0 0 50px rgba(22,119,255,.04),0 0 0 100px rgba(22,119,255,.025)}.packages{background:linear-gradient(180deg,#030509,#070b12)}.package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:9vh}.package-card{min-height:680px;padding:28px;border:1px solid var(--line);background:rgba(255,255,255,.018);display:flex;flex-direction:column;position:relative}.package-card.featured{background:linear-gradient(150deg,rgba(22,119,255,.17),rgba(22,119,255,.035));border-color:rgba(22,119,255,.35);transform:translateY(-15px)}.badge{position:absolute;top:-12px;left:24px;background:var(--blue);padding:7px 11px;font-size:8px;letter-spacing:.12em}.package-top{display:flex;justify-content:space-between;color:#647184;font-size:9px;letter-spacing:.15em}.package-top span{color:var(--blue)}.package-card h3{font-size:38px;margin:40px 0 15px;letter-spacing:-.04em}.price{display:flex;align-items:flex-end;gap:8px;margin-bottom:25px}.price small{color:#718094;margin-bottom:12px}.price strong{font-size:60px;line-height:1;letter-spacing:-.06em}.price b{margin-bottom:9px}.package-card>p{color:#8d98a7;line-height:1.7;min-height:85px}.package-card ul{list-style:none;padding:25px 0;margin:15px 0;border-top:1px solid var(--line);display:grid;gap:14px;font-size:11px;color:#c3cad4}.package-card li:before{content:"✓";color:var(--blue);margin-right:10px}.package-card>a{margin-top:auto;border-top:1px solid var(--line);padding-top:22px;font-size:12px;color:var(--blue2)}.price-note{max-width:760px;color:#667386;font-size:10px;line-height:1.7;margin-top:28px}.portfolio-stage{display:grid;grid-template-columns:.38fr .62fr;gap:24px;margin-top:8vh}.project-list{border-top:1px solid var(--line)}.project-tab{width:100%;background:none;border:0;border-bottom:1px solid var(--line);padding:26px 14px;display:grid;grid-template-columns:34px 1fr auto;text-align:left;align-items:center;cursor:pointer;color:#6f7b8c}.project-tab span{font-size:10px}.project-tab div{display:flex;flex-direction:column;gap:6px}.project-tab b{font-size:16px;color:#b8c0cb}.project-tab small{font-size:10px}.project-tab i{font-style:normal}.project-tab.active{background:rgba(22,119,255,.065);color:var(--blue)}.project-tab.active b{color:#fff}.project-preview{position:relative;min-height:680px}.project-view{display:none}.project-view.active{display:block}.browser-frame{height:600px;border:1px solid rgba(255,255,255,.15);background:#070a0f;border-radius:14px;overflow:hidden;box-shadow:0 45px 100px rgba(0,0,0,.5)}.browser-bar{height:35px;background:#111722;display:flex;align-items:center;gap:7px;padding:0 14px;color:#6d7887;font-size:9px}.browser-bar i{width:6px;height:6px;background:#505a67;border-radius:50%}.browser-bar span{margin-left:10px}.preview-scroll{height:calc(100% - 35px);overflow:hidden;display:flex;justify-content:center;background:#06080c}.preview-scroll img{width:100%;height:auto;align-self:flex-start;animation:siteScroll 15s ease-in-out infinite alternate}.phone-mode .preview-scroll img{width:auto;max-width:48%;height:auto}.light-mode .preview-scroll{background:#e4e4e1}.project-description{display:grid;grid-template-columns:200px 1fr auto;gap:30px;align-items:center;margin-top:24px}.project-description b{font-size:18px}.project-description p{color:#7c8797;font-size:11px;line-height:1.7}.project-description a,.project-description span{font-size:10px;color:var(--blue2)}.process{background:radial-gradient(circle at 15% 35%,rgba(22,119,255,.1),transparent 30%),#04070b}.process-line{margin-top:9vh;border-top:1px solid var(--line)}.process-line article{display:grid;grid-template-columns:70px .45fr 1fr;gap:30px;padding:25px 10px;border-bottom:1px solid var(--line);align-items:center}.process-line span{font-size:10px;color:var(--blue)}.process-line b{font-size:18px}.process-line p{color:#798596;font-size:12px;line-height:1.7}.contact{min-height:80vh;display:flex;flex-direction:column;justify-content:center}.contact-grid{display:grid;grid-template-columns:1.1fr .7fr;gap:10vw;align-items:center;margin-top:9vh}.contact h2{font-size:clamp(60px,7vw,125px);line-height:.91;letter-spacing:-.07em;margin:20px 0}.contact-card{border:1px solid var(--line);padding:35px;background:rgba(255,255,255,.018)}.contact-card p{font-weight:700}.contact-card ol{padding-left:20px;color:#8e99a8;line-height:2}.contact-card a{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:25px 0;color:var(--blue2)}.contact-card small{color:#697587;line-height:1.6}footer{border-top:1px solid var(--line);padding:30px var(--pad);display:flex;align-items:center;gap:28px;color:#677386;font-size:10px}footer img{width:110px}footer p{margin-right:auto}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.delay{transition-delay:.12s}@keyframes progress{from{width:0}to{width:100%}}@keyframes heroSiteScroll{0%,8%{transform:translateY(0)}88%,100%{transform:translateY(calc(-100% + var(--hero-screen-height, 430px)))}}@keyframes siteScroll{0%,8%{transform:translateY(0)}92%,100%{transform:translateY(calc(-100% + 565px))}}
@media(max-width:1250px){.package-grid{grid-template-columns:1fr 1fr}.package-card.featured{transform:none}.hero{grid-template-columns:1fr}.hero-device{max-width:950px;margin:auto}.audience-panel{grid-template-columns:1fr}.portfolio-stage{grid-template-columns:1fr}.project-list{display:grid;grid-template-columns:repeat(3,1fr)}.project-tab{border-right:1px solid var(--line)}.project-preview{min-height:0}}
@media(max-width:980px){:root{--rail:0px}.side-rail{display:none}.mobile-bar{display:flex;position:fixed;z-index:70;left:0;right:0;top:0;height:72px;background:rgba(3,5,9,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);align-items:center;justify-content:space-between;padding:0 22px}.mobile-bar img{width:112px}.menu-btn{background:none;border:0;display:grid;gap:6px;padding:12px}.menu-btn i{display:block;width:22px;height:1px;background:#fff}.mobile-bar nav{display:none;position:absolute;left:0;right:0;top:72px;background:#070b11;border-bottom:1px solid var(--line);padding:24px;flex-direction:column;gap:18px}.mobile-bar nav.open{display:flex}.section,footer{margin-left:0}.hero{padding-top:120px}.section-intro,.contact-grid{grid-template-columns:1fr}.section-intro p{max-width:600px}.project-description{grid-template-columns:1fr}.process-line article{grid-template-columns:50px 1fr}.process-line p{grid-column:2}.audience-switcher{grid-template-columns:1fr}.audience-tab{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:650px){.section{padding:100px 20px 70px;min-height:auto}.hero{min-height:100vh}.hero h1{font-size:15vw}.lead{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column}.price-signal{margin-top:35px}.section-intro h2,.contact h2{font-size:14vw}.audience-panel{min-height:auto}.panel-visual{height:390px}.panel-copy h3{font-size:11vw}.panel-copy ul{grid-template-columns:1fr}.package-grid{grid-template-columns:1fr}.package-card{min-height:auto}.project-list{grid-template-columns:1fr}.browser-frame{height:470px}.phone-mode .preview-scroll img{max-width:72%}.project-description{gap:12px}.process-line article{padding:22px 0}.screen-caption{width:100%}footer{flex-wrap:wrap}footer p{width:100%;order:3}.scroll-cue{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.screen-caption u,.preview-scroll img,.screen-slide.site-scroll.active .site-scroll-viewport img{animation:none}}

/* V8 — curated project showreel */
.showreel-slide{overflow:hidden;background:#05070b}
.showreel-slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.035);filter:saturate(.96) contrast(1.02);transition:transform 3.2s cubic-bezier(.2,.65,.2,1),filter .5s ease}
.showreel-slide.active img{transform:scale(1)}
.showreel-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,4,8,.02) 55%,rgba(2,4,8,.52));pointer-events:none}
.frame-label{position:absolute;z-index:3;left:18px;bottom:15px;padding:7px 10px;border:1px solid rgba(255,255,255,.13);background:rgba(4,7,12,.58);backdrop-filter:blur(12px);font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:#d8e5f8}
.screen-caption>div{display:grid;gap:3px}.screen-caption em{font-style:normal;font-size:8px;color:#6f7f94;letter-spacing:.09em;text-transform:uppercase}
.project-dots{margin-left:auto;display:flex;gap:8px;align-items:center}.project-dots button{width:24px;height:3px;padding:0;border:0;background:#273242;cursor:pointer;transition:.3s}.project-dots button.active{width:42px;background:var(--blue)}
.case-reel{position:relative;height:600px;border:1px solid rgba(255,255,255,.14);border-radius:16px;overflow:hidden;background:#06080d;box-shadow:0 45px 100px rgba(0,0,0,.5)}
.case-frame{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.025);transition:opacity .6s ease,transform 1.8s cubic-bezier(.2,.65,.2,1)}
.case-frame.active{opacity:1;transform:scale(1)}
.case-frame img{width:100%;height:100%;object-fit:cover;display:block}
.case-reel:before{content:"";position:absolute;z-index:4;left:14px;top:13px;width:7px;height:7px;border-radius:50%;background:#ff6258;box-shadow:13px 0 #ffbd2e,26px 0 #28c941}
.case-reel:after{content:"wwebie / project preview";position:absolute;z-index:4;top:10px;left:58px;color:rgba(255,255,255,.45);font-size:8px;letter-spacing:.08em}
.case-controls{position:absolute;z-index:6;right:18px;bottom:18px;display:flex;gap:7px}.case-controls button{width:9px;height:9px;padding:0;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:transparent;cursor:pointer}.case-controls button.active{background:var(--blue);border-color:var(--blue)}
@media(max-width:650px){.case-reel{height:390px}.frame-label{font-size:7px}.project-dots{display:none}}


/* V10 / RC1 */
.studio-topbar{height:34px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;padding:0 13px;gap:12px;background:#070a0f;color:#77869a;font-size:7px;letter-spacing:.14em}.studio-topbar>span{display:flex;gap:5px}.studio-topbar i{width:6px;height:6px;border-radius:50%;background:#263243}.studio-topbar i:first-child{background:#2c79ff}.studio-topbar b{margin-right:auto;color:#a8b5c5}.studio-topbar small{color:#47a0ff}.studio-canvas{height:calc(100% - 34px);position:relative;overflow:hidden;background:radial-gradient(circle at 72% 35%,rgba(35,115,255,.16),transparent 30%),#04070b}.studio-scene{position:absolute;inset:0;opacity:0;transform:translateY(12px) scale(.99);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.7,.2,1);pointer-events:none}.studio-scene.active{opacity:1;transform:none}.studio-home{display:grid;grid-template-columns:33px 1fr 1.15fr;padding:20px 22px 20px 0}.mini-rail{border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;gap:14px}.mini-rail img{width:19px;height:19px;object-fit:contain}.mini-rail span{width:10px;height:2px;background:#253246}.mini-copy{padding:17px 12px 10px 20px;z-index:2}.mini-copy small{font-size:6px;letter-spacing:.2em;color:#4e9aff}.mini-copy strong{display:block;font-size:22px;line-height:.88;letter-spacing:-.07em;margin:13px 0 6px}.mini-copy b{font-size:12px;color:#3988ff;letter-spacing:-.04em}.mini-buttons{display:flex;gap:7px;margin-top:17px}.mini-buttons i{width:44px;height:13px;border-radius:2px;background:#1675ff}.mini-buttons i+ i{width:30px;background:transparent;border:1px solid #334257}.mini-laptop{align-self:center;position:relative;width:92%;filter:drop-shadow(0 20px 35px rgba(0,0,0,.65))}.mini-laptop>div{aspect-ratio:16/10;border:3px solid #2b3440;border-radius:7px 7px 3px 3px;padding:4px;background:#090c11}.mini-laptop>div>div{height:100%;background:radial-gradient(circle at 70% 30%,#123d77,#05070b 58%);display:grid;place-items:center}.mini-laptop>i{display:block;height:7px;background:linear-gradient(90deg,#313944,#abb6c4 50%,#303944);clip-path:polygon(3% 0,97% 0,100% 100%,0 100%)}.mini-inception{text-align:center}.mini-inception span{display:block;font-size:32px;font-weight:900;color:#1677ff;line-height:1}.mini-inception small{font-size:6px;letter-spacing:.2em}.studio-label{position:absolute;left:18px;bottom:13px;font-size:6px;letter-spacing:.18em;color:#607087}.studio-process{padding:24px}.studio-process header small{font-size:6px;letter-spacing:.2em;color:#3d8fff}.studio-process header strong{display:block;font-size:20px;margin-top:8px;letter-spacing:-.05em}.process-orbit{position:absolute;inset:72px 35px 36px;border:1px solid rgba(62,140,255,.18);border-radius:50%}.process-orbit:before,.process-orbit:after{content:"";position:absolute;inset:18%;border:1px solid rgba(255,255,255,.05);border-radius:50%}.process-orbit span{position:absolute;padding:4px 7px;border:1px solid #253348;background:#080c13;color:#718198;font-size:6px;text-transform:uppercase;letter-spacing:.1em;transition:.35s}.process-orbit span.active{background:#1677ff;color:#fff;border-color:#4b9cff;box-shadow:0 0 22px rgba(22,119,255,.55)}.process-orbit span:nth-child(1){left:4%;top:45%}.process-orbit span:nth-child(2){left:14%;top:14%}.process-orbit span:nth-child(3){left:43%;top:-6%}.process-orbit span:nth-child(4){right:12%;top:14%}.process-orbit span:nth-child(5){right:2%;top:45%}.process-orbit span:nth-child(6){right:10%;bottom:12%}.process-orbit span:nth-child(7){left:39%;bottom:-7%}.process-orbit span:nth-child(8){left:10%;bottom:12%}.process-orbit span:nth-child(9){left:39%;top:44%}.process-core{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);text-align:center}.process-core b{display:grid;place-items:center;width:45px;height:45px;margin:auto;border-radius:50%;background:#0a1b36;border:1px solid #2e7be8;color:#2e86ff;font-size:22px;box-shadow:0 0 35px rgba(22,119,255,.25)}.process-core small{display:block;margin-top:8px;width:110px;font-size:7px;color:#abb7c7}.studio-finish{display:grid;place-items:center}.finish-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(44,125,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(44,125,255,.07) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(to bottom,transparent,#000,transparent)}.finish-mark{position:relative;text-align:center}.finish-mark img{width:80px;margin-bottom:13px}.finish-mark strong{display:block;font-size:23px;line-height:.95;letter-spacing:-.06em}.finish-mark p{font-size:7px;color:#74839a;letter-spacing:.1em}.finish-mark span{display:inline-flex;gap:7px;margin-top:9px;padding:6px 9px;border:1px solid #233249;font-size:6px;color:#64758c}.finish-mark span b{color:#3e96ff}.studio-dots{margin-left:auto;display:flex;gap:7px}.studio-dots button{width:21px;height:3px;border:0;padding:0;background:#283345}.studio-dots button.active{width:38px;background:#1677ff}.featured-case-grid{display:grid;grid-template-columns:.75fr 1.35fr;gap:55px;align-items:center}.featured-case-copy h3{font-size:clamp(52px,6vw,105px);letter-spacing:-.07em;margin:12px 0 20px}.case-lead{font-size:17px;color:#a6b1c0;line-height:1.7;max-width:570px}.featured-case-copy dl{margin:35px 0}.featured-case-copy dl div{display:grid;grid-template-columns:75px 1fr;gap:20px;border-top:1px solid var(--line);padding:15px 0}.featured-case-copy dt{color:#3c8fff;font-size:9px;text-transform:uppercase;letter-spacing:.14em}.featured-case-copy dd{margin:0;color:#8794a6;font-size:12px;line-height:1.6}.featured-case-visual{position:relative}.featured-case-visual .case-reel{height:620px}.case-meta{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:15px 2px;color:#67758a;font-size:8px;letter-spacing:.13em}.case-meta b{color:#dbe6f4}.case-meta small{font-size:8px}.portfolio-page{margin-left:var(--rail);padding:90px var(--pad)}.portfolio-page .page-hero{min-height:55vh;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--line)}.portfolio-page h1{font-size:clamp(65px,10vw,170px);line-height:.82;letter-spacing:-.08em;margin:20px 0}.filter-bar{display:flex;gap:8px;padding:35px 0}.filter-bar button{background:transparent;border:1px solid var(--line);color:#8794a6;padding:12px 18px}.filter-bar button.active{background:#1677ff;color:#fff}.portfolio-cards{display:grid;gap:35px}.portfolio-card{display:grid;grid-template-columns:.55fr 1.2fr;gap:35px;border-top:1px solid var(--line);padding-top:35px}.portfolio-card[hidden]{display:none}.portfolio-card h2{font-size:50px;letter-spacing:-.06em;margin:10px 0}.portfolio-card p{color:#8390a2;line-height:1.7}.portfolio-card .case-reel{height:560px}
@media(max-width:980px){.featured-case-grid,.portfolio-card{grid-template-columns:1fr}.portfolio-page{margin-left:0;padding-top:120px}.featured-case-visual .case-reel{height:520px}}
@media(max-width:650px){.studio-home{grid-template-columns:24px 1fr;padding-right:10px}.mini-laptop{position:absolute;width:52%;right:7px;bottom:35px}.mini-copy strong{font-size:16px}.featured-case-visual .case-reel,.portfolio-card .case-reel{height:360px}.featured-case-copy h3{font-size:16vw}.portfolio-page{padding:100px 20px}.portfolio-page h1{font-size:18vw}.filter-bar{flex-wrap:wrap}}

/* V10 visual refinement */
.process-core b{width:68px;height:68px;padding:12px;background:radial-gradient(circle at 35% 25%,rgba(58,144,255,.28),rgba(7,18,38,.95) 58%);box-shadow:0 0 55px rgba(22,119,255,.38),inset 0 0 22px rgba(255,255,255,.045)}
.process-core b img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 15px rgba(74,155,255,.55))}

.premium-visual{isolation:isolate;display:flex;align-items:flex-end;padding:34px;background:radial-gradient(circle at 64% 42%,rgba(21,116,255,.18),transparent 30%),linear-gradient(145deg,#05070a,#08111f 58%,#030509);border-color:rgba(88,143,221,.22);box-shadow:inset 0 0 70px rgba(31,101,205,.06)}
.premium-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.025) 48%,transparent 72%);transform:translateX(-120%);animation:premiumSweep 7s ease-in-out infinite;z-index:4;pointer-events:none}
.visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(66,133,230,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(66,133,230,.065) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at 66% 45%,#000,transparent 72%);opacity:.75}
.visual-orbit{position:absolute;border:1px solid rgba(49,127,242,.2);border-radius:50%;right:5%;top:4%;width:62%;aspect-ratio:1;box-shadow:0 0 65px rgba(22,119,255,.06)}
.orbit-two{right:14%;top:13%;width:44%;border-color:rgba(255,255,255,.08)}
.premium-symbol{position:absolute;right:10%;top:50%;transform:translateY(-54%);width:48%;height:58%;display:grid;place-items:center;z-index:2}
.logo-symbol img{width:78%;max-height:72%;object-fit:contain;filter:drop-shadow(0 0 18px rgba(96,165,255,.35)) drop-shadow(0 28px 40px rgba(0,0,0,.75))}
.symbol-halo,.rocket-glow{position:absolute;width:84%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(23,120,255,.4),rgba(23,120,255,.08) 36%,transparent 70%);filter:blur(12px);z-index:-1;animation:pulseHalo 4.6s ease-in-out infinite}
.premium-caption{position:relative;z-index:3;max-width:52%;display:flex;flex-direction:column;gap:10px}
.premium-caption small,.premium-caption span{font-size:8px;letter-spacing:.2em;color:#6c819e}
.premium-caption small{color:#58a2ff}.premium-caption strong{font-size:clamp(26px,2.5vw,46px);line-height:1;letter-spacing:-.05em}
.pin-symbol i{position:relative;display:block;width:112px;height:142px;border:4px solid #50a2ff;border-radius:58% 58% 58% 0;transform:rotate(-45deg);background:linear-gradient(135deg,#0d4fb7,#1f8cff);box-shadow:0 0 26px rgba(28,132,255,.95),0 0 90px rgba(28,132,255,.38),inset 0 0 24px rgba(255,255,255,.15)}
.pin-symbol i:after{content:"";position:absolute;width:38px;height:38px;border-radius:50%;background:#071226;border:3px solid #b8dcff;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px rgba(255,255,255,.45)}
.pin-ring{position:absolute;width:74%;aspect-ratio:2.2;border:2px solid rgba(56,144,255,.65);border-radius:50%;bottom:4%;box-shadow:0 0 28px rgba(22,119,255,.42),0 0 80px rgba(22,119,255,.2);transform:perspective(180px) rotateX(68deg)}
.rocket-symbol svg{width:62%;height:82%;overflow:visible;filter:drop-shadow(0 0 18px rgba(66,151,255,.9)) drop-shadow(0 28px 42px rgba(0,0,0,.7));animation:rocketFloat 4.8s ease-in-out infinite}
.rocket-body{fill:url(#none);fill:#126dff;stroke:#91c9ff;stroke-width:4}.rocket-symbol circle{fill:#071329;stroke:#d8ecff;stroke-width:4}.rocket-fin{fill:none;stroke:#75b8ff;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}
.brand-premium:before{content:"";position:absolute;right:21%;bottom:5%;width:15%;height:28%;background:linear-gradient(to bottom,rgba(80,170,255,.82),rgba(20,87,255,0));clip-path:polygon(35% 0,65% 0,100% 100%,0 100%);filter:blur(7px);opacity:.55;animation:flame 1.5s ease-in-out infinite}

.featured-case-visual .case-reel{background:#05070a}
.featured-case-visual .case-frame{display:grid;place-items:center;background:#05070a;padding:0}
.featured-case-visual .case-frame img{width:100%;height:100%;object-fit:contain;object-position:center;background:#05070a}
.case-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px}.case-actions .text-link{color:#7eb5ff}

@keyframes premiumSweep{0%,18%{transform:translateX(-120%)}55%,100%{transform:translateX(120%)}}
@keyframes pulseHalo{0%,100%{transform:scale(.94);opacity:.7}50%{transform:scale(1.06);opacity:1}}
@keyframes rocketFloat{0%,100%{transform:translateY(7px) rotate(1deg)}50%{transform:translateY(-9px) rotate(-1deg)}}
@keyframes flame{0%,100%{transform:scaleY(.85);opacity:.42}50%{transform:scaleY(1.15);opacity:.72}}

@media(max-width:980px){.premium-symbol{width:42%;right:7%}.premium-caption{max-width:58%}.premium-visual{height:460px}}
@media(max-width:650px){.premium-visual{height:430px;padding:24px;align-items:flex-end}.premium-symbol{width:72%;height:54%;right:14%;top:33%}.premium-caption{max-width:100%}.premium-caption strong{font-size:27px}.premium-caption span{display:none}.pin-symbol i{width:78px;height:98px}.case-actions{align-items:flex-start;flex-direction:column;gap:16px}}

/* V10.2 — device showcases */
.mini-inception{display:grid;place-items:center;width:78%;margin:auto}.mini-inception img{display:block;width:100%;max-width:112px;filter:drop-shadow(0 0 16px rgba(53,137,255,.45))}
.device-showcase{height:520px;position:relative;overflow:hidden;border:1px solid rgba(105,157,230,.2);background:radial-gradient(circle at 66% 38%,rgba(21,116,255,.22),transparent 34%),linear-gradient(145deg,#05070a,#08111f 58%,#030509);isolation:isolate}
.device-showcase:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(66,133,230,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(66,133,230,.055) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(circle at 62% 42%,#000,transparent 78%);opacity:.8}
.device-showcase:after{content:"";position:absolute;inset:-30% -15%;background:linear-gradient(105deg,transparent 36%,rgba(255,255,255,.045) 49%,transparent 62%);transform:translateX(-70%);animation:deviceSweep 8s ease-in-out infinite;pointer-events:none;z-index:8}
.showcase-glow{position:absolute;right:7%;top:10%;width:62%;height:65%;border-radius:50%;background:radial-gradient(circle,rgba(25,117,255,.28),transparent 68%);filter:blur(26px)}
.showcase-laptop{position:absolute;right:5.5%;top:11%;width:66%;z-index:3;filter:drop-shadow(0 35px 45px rgba(0,0,0,.75))}
.showcase-screen{aspect-ratio:16/10;border:9px solid #171d26;border-radius:12px 12px 5px 5px;background:#06090e;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(140,158,181,.25)}
.showcase-base{height:13px;background:linear-gradient(#9ca6b1,#363e48 48%,#15191f);clip-path:polygon(2% 0,98% 0,100% 64%,94% 100%,6% 100%,0 64%)}
.showcase-phone{position:absolute;right:5%;bottom:10%;width:18%;aspect-ratio:9/18.5;padding:6px;border-radius:22px;background:linear-gradient(145deg,#4d5662,#151a21 26%,#07090d 72%);box-shadow:0 26px 50px rgba(0,0,0,.72),inset 0 0 0 1px rgba(255,255,255,.18);z-index:5;transform:rotate(2deg)}
.phone-notch{position:absolute;z-index:4;top:9px;left:50%;transform:translateX(-50%);width:42%;height:9px;border-radius:0 0 7px 7px;background:#020305}
.phone-screen{height:100%;border-radius:17px;overflow:hidden;background:#07101d;position:relative}
.showcase-caption{position:absolute;left:31px;bottom:31px;z-index:6;display:flex;flex-direction:column;gap:8px;max-width:43%}
.showcase-caption small,.showcase-caption span{font-size:8px;letter-spacing:.19em}.showcase-caption small{color:#59a4ff}.showcase-caption span{color:#6f8097}.showcase-caption strong{font-size:clamp(24px,2.25vw,41px);line-height:1;letter-spacing:-.055em}
.screenshot-screen img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.screenshot-phone img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.sport-ui{padding:16px;background:radial-gradient(circle at 50% 58%,rgba(25,118,255,.15),transparent 45%),#050912;color:#fff}.sport-ui-top{display:flex;align-items:center;gap:12px;height:20%}.sport-ui-top img{width:82px;max-height:28px;object-fit:contain}.sport-ui-top span{margin-left:auto;font-size:7px;letter-spacing:.2em;color:#7e90a8}.sport-ui-top b{font-size:7px;color:#65ff9e;border:1px solid rgba(101,255,158,.32);padding:5px 7px}.sport-ui-main{text-align:center;padding-top:4%}.sport-ui-main>small{font-size:7px;letter-spacing:.2em;color:#5f87bc}.sport-score{display:flex;align-items:center;justify-content:center;gap:26px;margin:16px 0}.sport-score span{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(74,150,255,.5);background:linear-gradient(145deg,#0e2f63,#071225);font-size:19px;font-weight:800}.sport-score strong{font-size:31px;letter-spacing:-.06em}.sport-ui-main p{font-size:7px;letter-spacing:.12em;color:#8390a4}.sport-ui-bottom{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:9%}.sport-ui-bottom i{height:26px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(22,119,255,.05))}.sport-phone .phone-screen{padding:26px 13px 14px;background:radial-gradient(circle at 65% 25%,rgba(22,119,255,.28),transparent 34%),#050912}.sport-phone img{width:68px;max-height:22px;object-fit:contain}.sport-phone small{display:block;margin-top:42px;color:#6faeff;font-size:6px;letter-spacing:.2em}.sport-phone strong{display:block;margin-top:8px;font-size:16px;line-height:.94;letter-spacing:-.06em}.sport-phone button{position:absolute;bottom:15px;left:13px;right:13px;border:0;padding:9px 4px;background:#1677ff;color:#fff;font-size:6px;font-weight:800;letter-spacing:.1em}.local-card{padding:27px 12px 14px;background:linear-gradient(180deg,#f7f2e9,#fff);color:#111}.local-card small{font-size:6px;letter-spacing:.16em;color:#9b7400}.local-card strong{display:block;margin:19px 0 20px;font-size:14px;line-height:1.02;letter-spacing:-.05em}.contact-pill{padding:9px;border-radius:18px;background:#d7ab19;color:#111;text-align:center;font-size:7px;font-weight:800;margin-top:9px}.contact-pill.ghost{background:#111;color:#fff}.brand-phone{transform:rotate(3deg)}
@keyframes deviceSweep{0%,20%{transform:translateX(-70%)}62%,100%{transform:translateX(70%)}}
@media(max-width:980px){.device-showcase{height:470px}.showcase-laptop{width:72%;right:3%}.showcase-phone{width:20%;right:3%}.showcase-caption{max-width:46%}}
@media(max-width:650px){.device-showcase{height:445px}.showcase-laptop{width:91%;right:4%;top:8%}.showcase-phone{width:27%;right:4%;bottom:13%}.showcase-caption{left:21px;bottom:22px;max-width:62%}.showcase-caption strong{font-size:25px}.showcase-caption span{display:none}.sport-ui-top img{width:60px}.sport-score{gap:12px}.sport-score span{width:34px;height:34px}.sport-score strong{font-size:22px}}

/* V10.3 — prostsze i czytelniejsze case study */
.featured-case .case-section-head{display:grid;grid-template-columns:1fr .62fr;gap:10vw;align-items:end;margin:7vh 0 8vh}
.featured-case .case-section-head h2{font-size:clamp(52px,6vw,104px);line-height:.9;letter-spacing:-.07em;margin:14px 0 0}
.featured-case .case-section-head>p{max-width:540px;margin:0;color:var(--muted);line-height:1.85}
.featured-case-grid{align-items:center}
.featured-case-copy h3{margin-top:10px}
.case-hero-shot{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#05070a;box-shadow:0 35px 95px rgba(0,0,0,.5)}
.case-hero-shot:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,transparent 60%,rgba(2,4,8,.88));pointer-events:none}
.case-hero-shot img{width:100%;height:100%;display:block;object-fit:contain;object-position:center;background:#05070a;transition:transform .7s cubic-bezier(.2,.75,.2,1)}
.case-hero-shot:hover img{transform:scale(1.018)}
.case-hero-shot>span{position:absolute;z-index:3;left:24px;right:24px;bottom:20px;display:flex;justify-content:space-between;align-items:end;gap:20px}
.case-hero-shot small{font-size:9px;letter-spacing:.18em;color:#7f8da1}
.case-hero-shot b{font-size:12px;color:#fff}
@media(max-width:980px){.featured-case .case-section-head{grid-template-columns:1fr;gap:22px}.featured-case-grid{grid-template-columns:1fr}.case-hero-shot{margin-top:16px}}
@media(max-width:650px){.featured-case .case-section-head h2{font-size:15vw}.case-hero-shot>span{left:15px;right:15px;bottom:14px}.case-hero-shot b{font-size:10px}}

/* V10.4 — dopracowanie urządzeń i uproszczone portfolio */
.brand-showcase .showcase-laptop{
  width:62%;
  right:11%;
  top:13%;
}
.brand-showcase .showcase-phone{
  width:15%;
  right:7%;
  bottom:12%;
}
.brand-showcase .showcase-caption{
  max-width:38%;
}
.brand-showcase .screenshot-screen img{
  object-fit:cover;
  object-position:center top;
}
.brand-mobile-ui{
  background:#05070b;
  position:relative;
  isolation:isolate;
}
.brand-mobile-logo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:64% top;
  filter:brightness(.48) saturate(.85);
  transform:scale(1.08);
}
.brand-mobile-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(4,6,10,.2),rgba(4,6,10,.65) 42%,#05070b 92%);
  z-index:1;
}
.brand-mobile-copy{
  position:absolute;
  z-index:2;
  left:12px;
  right:12px;
  bottom:14px;
}
.brand-mobile-copy small{
  display:block;
  color:#66a8ff;
  font-size:5px;
  letter-spacing:.18em;
  margin-bottom:7px;
}
.brand-mobile-copy strong{
  display:block;
  font-size:12px;
  line-height:.98;
  letter-spacing:-.055em;
}
.brand-mobile-copy span{
  display:block;
  margin-top:8px;
  color:#7f8ca0;
  font-size:4px;
  letter-spacing:.13em;
}
.brand-mobile-copy button{
  width:100%;
  border:0;
  margin-top:10px;
  padding:8px 3px;
  background:#1677ff;
  color:#fff;
  font-size:5px;
  font-weight:800;
  letter-spacing:.1em;
}
.portfolio-page .case-reel.single-shot{
  min-height:0;
}
.portfolio-page .case-reel.single-shot .case-frame{
  position:relative;
  opacity:1;
  transform:none;
}
.portfolio-page .case-reel.single-shot .case-frame img{
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:contain;
  object-position:center;
  background:#05070a;
}
@media(max-width:980px){
  .brand-showcase .showcase-laptop{width:70%;right:6%}
  .brand-showcase .showcase-phone{width:18%;right:4%}
}
@media(max-width:650px){
  .brand-showcase .showcase-laptop{width:86%;right:7%;top:8%}
  .brand-showcase .showcase-phone{width:24%;right:4%;bottom:14%}
  .brand-showcase .showcase-caption{max-width:56%}
}

/* V10.5 — pełny kadr Hero GOAT w laptopie */
.brand-showcase .showcase-screen{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#05070a;
}
.brand-showcase .screenshot-screen img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
  background:#05070a;
  transform:none;
}