:root{--ink:#07111d;--ink2:#0c1b2d;--paper:#f3f5f7;--white:#fff;--lime:#b9ff36;--cyan:#73e7ff;--orange:#ff6b2c;--muted:#9ba8b5;--line:rgba(7,17,29,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.03;z-index:99;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='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(115,231,255,.13),transparent 66%);pointer-events:none;z-index:0;transform:translate(-50%,-50%)}.site-header{position:fixed;top:0;left:0;right:0;height:78px;display:flex;align-items:center;gap:32px;padding:0 4vw;z-index:50;color:white;border-bottom:1px solid rgba(255,255,255,.09);transition:.3s}.site-header.scrolled{background:rgba(7,17,29,.86);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;color:inherit;text-decoration:none;position:relative;padding:7px 0}.brand-logo{display:block;width:168px;height:auto;filter:drop-shadow(0 6px 18px rgba(0,0,0,.18));transition:transform .35s ease,filter .35s ease}.brand:hover .brand-logo{transform:translateY(-1px);filter:drop-shadow(0 10px 24px rgba(0,0,0,.26))}.brand:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);opacity:.55}.nav{display:flex;gap:26px;margin-left:auto}.nav a,.nav-cta{color:inherit;text-decoration:none;font-size:13px}.nav-cta{padding:12px 16px;border:1px solid rgba(255,255,255,.35);border-radius:8px}.menu{display:none;margin-left:auto;background:none;border:0;color:white;font-size:26px}.section-dark,.services,.work,.contact{background:var(--ink);color:white}.hero{min-height:780px;height:100vh;position:relative;display:grid;grid-template-columns:58% 42%;align-items:center;padding:120px 6vw 70px;overflow:hidden}.hero-grid,.contact-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,black,transparent 90%)}.orb{position:absolute;border-radius:50%;filter:blur(10px)}.orb-a{width:520px;height:520px;background:radial-gradient(circle,rgba(115,231,255,.22),transparent 68%);right:-150px;top:50px}.orb-b{width:420px;height:420px;background:radial-gradient(circle,rgba(185,255,54,.1),transparent 68%);left:35%;bottom:-180px}.hero-inner{position:relative;z-index:2;max-width:850px}.eyebrow,.section-label{font:700 11px Space Mono;letter-spacing:.16em;color:#667587}.eyebrow{color:#a9b7c5;margin-bottom:28px}.dot{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:9px}.hero h1{font-size:clamp(68px,8.5vw,150px);line-height:.79;letter-spacing:-.075em;margin:0 0 38px;font-weight:800}.hero h1 span{color:white}.hero h1 em,.intro h2 em,.services h2 em,.process h2 em,.health h2 em,.contact h2 em{font-style:normal;color:var(--lime)}.hero p{max-width:650px;font-size:18px;color:#b9c3cc;line-height:1.6}.hero-actions{display:flex;gap:10px;margin-top:30px}.btn{display:inline-flex;align-items:center;gap:18px;padding:14px 18px;border-radius:8px;text-decoration:none;font-size:13px;font-weight:700}.btn.primary{background:var(--lime);color:var(--ink)}.btn.glass{border:1px solid rgba(255,255,255,.25);color:white;background:rgba(255,255,255,.04)}.hero-meta{display:flex;gap:24px;align-items:center;margin-top:54px;font:400 10px Space Mono;color:#667587}.hero-meta b{font-size:16px;color:white}.hero-panel{position:relative;z-index:2;width:min(440px,90%);justify-self:end;background:rgba(11,28,43,.72);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(18px);padding:20px;border-radius:14px;box-shadow:0 30px 90px rgba(0,0,0,.35)}.panel-top{display:flex;justify-content:space-between;font:400 9px Space Mono;color:#8aa0b5;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.signal{color:var(--lime)}.metric{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.08)}.metric small{display:block;color:#668095;font:400 9px Space Mono;margin-bottom:7px}.metric strong{font-size:19px}.panel-chart{display:flex;height:90px;align-items:end;gap:8px;padding-top:18px}.panel-chart i{flex:1;background:linear-gradient(var(--lime),rgba(185,255,54,.1));border-radius:3px 3px 0 0}.panel-chart i:nth-child(1){height:25%}.panel-chart i:nth-child(2){height:42%}.panel-chart i:nth-child(3){height:35%}.panel-chart i:nth-child(4){height:62%}.panel-chart i:nth-child(5){height:54%}.panel-chart i:nth-child(6){height:75%}.panel-chart i:nth-child(7){height:68%}.panel-chart i:nth-child(8){height:94%}.marquee{position:absolute;bottom:0;left:0;right:0;overflow:hidden;border-top:1px solid rgba(255,255,255,.09);padding:14px 0;color:#778999;font:400 10px Space Mono;white-space:nowrap}.marquee div{animation:marquee 28s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.intro,.process,.health,.beliefs{padding:100px 6vw}.section-label{margin-bottom:45px}.section-label.light{color:#6c8397}.intro-copy{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end}.intro h2,.services h2,.process h2,.work h2,.health h2,.contact h2{font-size:clamp(42px,5vw,78px);line-height:1;letter-spacing:-.055em;margin:0}.intro-copy p,.services-head p,.work-head p,.process-intro p,.health-copy p{font-size:16px;line-height:1.75;color:#687685}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:80px;border-top:1px solid var(--line)}.stats div{padding:30px 20px 0 0}.stats strong{font-size:42px;display:block}.stats span{font-size:12px;color:#71808c;max-width:160px;display:block;margin-top:10px}.services,.work{padding:100px 6vw}.services-head,.work-head{display:grid;grid-template-columns:1.15fr .55fr;gap:10vw;align-items:end;margin-bottom:80px}.services-head p,.work-head p{color:#91a2b0}.service-list{border-top:1px solid rgba(255,255,255,.14)}.service{display:grid;grid-template-columns:60px 1fr 1.35fr .8fr;gap:30px;align-items:center;padding:30px 0;border-bottom:1px solid rgba(255,255,255,.12);transition:.25s}.service:hover{background:rgba(255,255,255,.03);padding-left:14px;padding-right:14px}.service span{font:400 11px Space Mono;color:var(--lime)}.service h3{font-size:22px;margin:0}.service p{margin:0;color:#9babba;font-size:13px;line-height:1.6}.service b{font:400 9px Space Mono;color:#6d8193;line-height:1.6}.process-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:70px 180px 1fr;gap:25px;padding:28px 0;border-bottom:1px solid var(--line);align-items:start}.step b{font:400 12px Space Mono;color:#75818b}.step h3{font-size:20px;margin:0}.step p{font-size:13px;line-height:1.7;color:#71808c;margin:0}.featured-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:310px 310px;gap:16px}.project{position:relative;overflow:hidden;border-radius:12px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.project:before{content:"";position:absolute;inset:0;z-index:-1;transition:.5s}.project:hover:before{transform:scale(1.08)}.p1{grid-row:span 2}.p1:before{background:radial-gradient(circle at 70% 20%,rgba(115,231,255,.38),transparent 30%),linear-gradient(140deg,#102a38,#0a111c 60%,#163227)}.p2:before{background:radial-gradient(circle at 30% 20%,rgba(185,255,54,.27),transparent 32%),linear-gradient(140deg,#15271b,#0a1210)}.p3:before{background:radial-gradient(circle at 80% 70%,rgba(255,107,44,.3),transparent 32%),linear-gradient(140deg,#2d1b15,#110d0b)}.project-no{font:400 10px Space Mono;color:#9fb0be}.project span{font:400 9px Space Mono;color:#8da0ae}.project h3{font-size:34px;margin:8px 0 6px;letter-spacing:-.04em}.project p{font-size:12px;color:#9eb0bc}.archive{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid rgba(255,255,255,.13)}.archive-item{padding:22px 18px 22px 0;border-bottom:1px solid rgba(255,255,255,.1)}.archive-item:nth-child(4n+2),.archive-item:nth-child(4n+3),.archive-item:nth-child(4n+4){padding-left:18px;border-left:1px solid rgba(255,255,255,.08)}.archive-item span{font:400 9px Space Mono;color:#627789}.archive-item h4{font-size:13px;margin:8px 0 0}.health{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.health-visual{min-height:560px;background:var(--ink);border-radius:14px;display:grid;place-items:center;position:relative;overflow:hidden}.health-visual:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;border:1px solid rgba(115,231,255,.25);box-shadow:0 0 0 60px rgba(115,231,255,.03),0 0 0 120px rgba(115,231,255,.025)}.world{position:relative;color:white;text-align:center;font-size:48px;font-weight:800;line-height:.9;letter-spacing:-.06em}.world b{color:var(--lime)}.world span{display:block;margin-top:30px;font:400 10px Space Mono;color:#7f93a3;letter-spacing:.1em}.health-copy ul{padding:0;list-style:none;border-top:1px solid var(--line);margin-top:30px}.health-copy li{padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.beliefs{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dfe4e7;padding-top:1px;padding-bottom:1px}.belief{background:var(--paper);padding:38px 30px}.belief span{font:700 9px Space Mono;color:#71808c}.belief strong{display:block;font-size:54px;margin:25px 0 10px}.belief p{font-size:12px;line-height:1.6;color:#71808c}.contact{padding:100px 6vw;min-height:700px;display:grid;grid-template-columns:1fr .55fr;gap:10vw;align-items:center;position:relative;overflow:hidden}.contact-copy,.contact-card{position:relative;z-index:2}.contact-copy p{color:#92a2af}.btn.white{background:white;color:var(--ink);margin-top:20px}.text-link{display:block;margin-top:20px;color:#8596a5;font-size:12px}.contact-card{border:1px solid rgba(255,255,255,.14);padding:30px;border-radius:12px;background:rgba(255,255,255,.035);backdrop-filter:blur(12px)}.contact-card>span{font:400 9px Space Mono;color:var(--lime)}.contact-card h3{font-size:28px;line-height:1.2}.contact-card p{font-size:13px;line-height:1.7;color:#92a2af}.contact-line{margin-top:40px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between}.contact-line small{font:400 9px Space Mono;color:#6d8193}.contact-line a{color:white;text-decoration:none;font-size:12px}footer{padding:26px 4vw;background:#050c14;color:white;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:30px}footer p{margin-left:auto;font:400 10px Space Mono;color:#7e909f}footer>span{font:400 10px Space Mono;color:#536777}.reveal{opacity:0;transform:translateY(24px);transition:.8s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}.delay-1{transition-delay:.15s}@media(max-width:980px){.nav,.nav-cta{display:none}.menu{display:block}.nav.open{position:absolute;display:flex;flex-direction:column;top:78px;left:0;right:0;background:var(--ink);padding:30px 6vw;border-top:1px solid rgba(255,255,255,.1)}.hero{height:auto;min-height:900px;grid-template-columns:1fr;padding-top:150px}.hero-panel{justify-self:start;margin-top:50px}.intro-copy,.services-head,.work-head,.process-grid,.health,.contact{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.service{grid-template-columns:45px 1fr}.service p,.service b{grid-column:2}.featured-grid{grid-template-columns:1fr;grid-template-rows:420px 300px 300px}.p1{grid-row:auto}.archive{grid-template-columns:1fr 1fr}.beliefs{grid-template-columns:1fr 1fr}.health-visual{min-height:420px}.contact{gap:60px}}@media(max-width:620px){.brand-logo{width:142px}.hero{padding-left:5vw;padding-right:5vw;min-height:850px}.hero h1{font-size:58px}.hero-meta{flex-wrap:wrap}.hero-panel{width:100%}.intro,.services,.process,.work,.health,.beliefs,.contact{padding:78px 5vw}.intro-copy,.services-head,.work-head{gap:30px}.stats,.beliefs,.archive{grid-template-columns:1fr}.service{grid-template-columns:35px 1fr;gap:16px}.step{grid-template-columns:42px 1fr}.step p{grid-column:2}.featured-grid{grid-template-rows:360px 280px 280px}.archive-item,.archive-item:nth-child(n){padding:18px 0;border-left:0}.project h3{font-size:26px}footer{flex-wrap:wrap}footer p{margin-left:0;width:100%}.cursor-glow{display:none}} :root{ --conn-red:#ff3347; --conn-orange:#ffa129; --conn-purple:#6725c8; --conn-magenta:#a42498; --conn-ink:#120d19; --conn-ink-2:#201229; --conn-paper:#f7f4f2; --conn-card:#ffffff; --conn-text:#17121c; --conn-muted:#726a79; --conn-line:rgba(38,25,44,.12); --accent:var(--conn-red); --accent-2:var(--conn-orange); --accent-3:var(--conn-purple); --accent-4:var(--conn-magenta); } html[data-theme="dark"]{ --ink:#120d19;--ink2:#201229;--paper:#f7f4f2;--white:#fff;--lime:#ff3347;--cyan:#a42498;--orange:#ffa129;--muted:#a79baa;--line:rgba(47,28,53,.13); --page-bg:#120d19;--surface:#201229;--surface-2:#291735;--text:#fff;--text-soft:#bfb2c3;--border:rgba(255,255,255,.11);--header-bg:rgba(18,13,25,.84); } html[data-theme="light"]{ --ink:#18111d;--ink2:#efe8f0;--paper:#f8f6f3;--white:#fff;--lime:#ff3347;--cyan:#6725c8;--orange:#ffa129;--muted:#786e7d;--line:rgba(38,25,44,.12); --page-bg:#f8f6f3;--surface:#fff;--surface-2:#f1e9f0;--text:#18111d;--text-soft:#716777;--border:rgba(38,25,44,.11);--header-bg:rgba(248,246,243,.87); } body{background:var(--page-bg);color:var(--text);transition:background .45s ease,color .45s ease} .site-header{transition:background .35s,border-color .35s,color .35s;color:#fff} .site-header.scrolled{background:var(--header-bg);border-bottom-color:var(--border);box-shadow:0 10px 40px rgba(18,13,25,.07)} .brand-logo{width:176px;filter:drop-shadow(0 8px 22px rgba(45,14,53,.16))} .brand:after{background:linear-gradient(90deg,transparent,rgba(255,161,41,.7),rgba(255,51,71,.72),rgba(103,37,200,.62),transparent)} .theme-toggle{appearance:none;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.055);color:inherit;border-radius:999px;height:38px;padding:0 11px 0 8px;display:flex;align-items:center;gap:8px;cursor:pointer;font:700 9px Space Mono;letter-spacing:.08em;transition:.25s;backdrop-filter:blur(12px)} .theme-toggle:hover{transform:translateY(-1px);border-color:rgba(255,161,41,.65)} .theme-track{width:30px;height:18px;border-radius:999px;background:linear-gradient(110deg,var(--conn-orange),var(--conn-red),var(--conn-purple));position:relative;display:block;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)} .theme-knob{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;left:3px;top:3px;transition:.3s cubic-bezier(.2,.8,.2,1);box-shadow:0 2px 8px rgba(0,0,0,.25)} html[data-theme="light"] .theme-knob{transform:translateX(12px)} html[data-theme="light"] .site-header:not(.scrolled){color:#fff} html[data-theme="light"] .site-header.scrolled{color:var(--conn-text)} html[data-theme="light"] .site-header.scrolled .nav-cta,html[data-theme="light"] .site-header.scrolled .theme-toggle{border-color:rgba(38,25,44,.18);background:rgba(255,255,255,.7)} html[data-theme="light"] .site-header.scrolled .menu{color:var(--conn-text)} .section-dark,.services,.work,.contact{background:var(--ink);transition:background .45s,color .45s} .hero{background:linear-gradient(132deg,#160d1e 0%,#25102c 50%,#180e22 100%)} .hero:after{content:"";position:absolute;inset:0;background:linear-gradient(118deg,rgba(255,161,41,.06),transparent 28%,rgba(255,51,71,.07) 58%,rgba(103,37,200,.12));pointer-events:none} .orb-a{background:radial-gradient(circle,rgba(103,37,200,.34),rgba(164,36,152,.15) 36%,transparent 69%)} .orb-b{background:radial-gradient(circle,rgba(255,51,71,.24),rgba(255,161,41,.08) 42%,transparent 70%)} .dot{background:var(--conn-orange);box-shadow:0 0 16px rgba(255,161,41,.45)} .hero h1 em,.intro h2 em,.services h2 em,.process h2 em,.health h2 em,.contact h2 em{color:var(--conn-red)} .btn.primary{background:linear-gradient(105deg,var(--conn-orange),var(--conn-red));color:#fff;box-shadow:0 14px 34px rgba(255,51,71,.22)} .btn.primary:hover{box-shadow:0 18px 44px rgba(255,51,71,.32);transform:translateY(-2px)} .hero-panel{background:linear-gradient(145deg,rgba(47,22,58,.86),rgba(22,13,29,.78));border-color:rgba(255,255,255,.13);box-shadow:0 30px 100px rgba(64,14,67,.4)} .signal,.service span,.contact-card>span{color:var(--conn-orange)} .panel-chart i{background:linear-gradient(var(--conn-red),rgba(103,37,200,.2))} .p1:before{background:radial-gradient(circle at 72% 20%,rgba(103,37,200,.48),transparent 31%),linear-gradient(140deg,#271133,#110b17 64%,#32122c)} .p2:before{background:radial-gradient(circle at 30% 20%,rgba(255,161,41,.35),transparent 34%),linear-gradient(140deg,#3a2214,#160d14)} .p3:before{background:radial-gradient(circle at 80% 70%,rgba(255,51,71,.38),transparent 33%),linear-gradient(140deg,#38151d,#130b10)} .health-visual{background:linear-gradient(145deg,#160d1e,#281130)} .health-visual:before{border-color:rgba(164,36,152,.35);box-shadow:0 0 0 60px rgba(103,37,200,.05),0 0 0 120px rgba(255,51,71,.025)} .world b{color:var(--conn-orange)} .contact-card{background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(164,36,152,.04))} footer{background:#0d0911} .footer-logo{width:145px} .cursor-glow{background:radial-gradient(circle,rgba(164,36,152,.12),rgba(255,51,71,.055) 34%,transparent 68%)} html[data-theme="light"] .section-dark,html[data-theme="light"] .services,html[data-theme="light"] .work,html[data-theme="light"] .contact{background:#f8f6f3;color:var(--conn-text)} html[data-theme="light"] .hero{background:linear-gradient(135deg,#fff8f1 0%,#fbf5f7 48%,#f2edf9 100%);color:var(--conn-text)} html[data-theme="light"] .hero-grid,html[data-theme="light"] .contact-grid{background-image:linear-gradient(rgba(38,25,44,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(38,25,44,.07) 1px,transparent 1px)} html[data-theme="light"] .hero h1 span{color:var(--conn-text)} html[data-theme="light"] .hero p{color:#6f6574} html[data-theme="light"] .eyebrow{color:#685e6c} html[data-theme="light"] .hero-meta{color:#807484} html[data-theme="light"] .hero-meta b{color:var(--conn-text)} html[data-theme="light"] .btn.glass{color:var(--conn-text);border-color:rgba(38,25,44,.16);background:rgba(255,255,255,.56)} html[data-theme="light"] .hero-panel{background:rgba(255,255,255,.7);border-color:rgba(38,25,44,.1);box-shadow:0 30px 90px rgba(75,39,78,.13);color:var(--conn-text)} html[data-theme="light"] .panel-top,html[data-theme="light"] .metric small{color:#776b7b} html[data-theme="light"] .metric,html[data-theme="light"] .panel-top{border-color:rgba(38,25,44,.09)} html[data-theme="light"] .services-head p,html[data-theme="light"] .work-head p,html[data-theme="light"] .service p{color:#746a79} html[data-theme="light"] .service-list{border-top-color:rgba(38,25,44,.13)} html[data-theme="light"] .service{border-bottom-color:rgba(38,25,44,.11)} html[data-theme="light"] .service:hover{background:rgba(103,37,200,.035)} html[data-theme="light"] .service b{color:#887c8d} html[data-theme="light"] .featured-grid .project{color:#fff} html[data-theme="light"] .archive{border-top-color:rgba(38,25,44,.12)} html[data-theme="light"] .archive-item{border-bottom-color:rgba(38,25,44,.1)} html[data-theme="light"] .archive-item:nth-child(4n+2),html[data-theme="light"] .archive-item:nth-child(4n+3),html[data-theme="light"] .archive-item:nth-child(4n+4){border-left-color:rgba(38,25,44,.08)} html[data-theme="light"] .archive-item span{color:#8b7f8f} html[data-theme="light"] .health-visual{color:#fff} html[data-theme="light"] .contact-copy p,html[data-theme="light"] .contact-card p{color:#746a79} html[data-theme="light"] .contact-card{background:rgba(255,255,255,.72);border-color:rgba(38,25,44,.11);box-shadow:0 20px 60px rgba(75,39,78,.08)} html[data-theme="light"] .contact-line{border-top-color:rgba(38,25,44,.11)} html[data-theme="light"] .contact-line a{color:var(--conn-text)} html[data-theme="light"] .btn.white{background:var(--conn-text);color:#fff} html[data-theme="light"] footer{background:#17101d;color:#fff} @media(max-width:980px){.theme-toggle{margin-left:auto}.menu{margin-left:0}.nav.open{background:var(--header-bg);backdrop-filter:blur(18px)}html[data-theme="light"] .nav.open{color:var(--conn-text)}} @media(max-width:620px){.theme-label{display:none}.theme-toggle{width:40px;padding:0 5px}.brand-logo{width:145px}.footer-logo{width:135px}} :root{ --ease-premium:cubic-bezier(.16,1,.3,1); --ease-soft:cubic-bezier(.22,.61,.36,1); --theme-speed:.68s; } html[data-theme="dark"]{ --section-bg:#120d19;--section-alt:#18101f;--card-bg:#201429; --heading:#fffafc;--body-copy:#c8becb;--body-copy-2:#a99cac;--micro:#8e8092; --hairline:rgba(255,255,255,.12);--soft-fill:rgba(255,255,255,.045); --shadow-premium:0 28px 80px rgba(0,0,0,.28); } html[data-theme="light"]{ --section-bg:#f8f6f3;--section-alt:#fffdfa;--card-bg:#ffffff; --heading:#241729;--body-copy:#625767;--body-copy-2:#776b7b;--micro:#897b8e; --hairline:rgba(38,25,44,.13);--soft-fill:rgba(103,37,200,.035); --shadow-premium:0 28px 80px rgba(74,39,78,.10); } body,.site-header,.hero,.intro,.services,.process,.work,.health,.beliefs,.contact,.belief, .hero-panel,.contact-card,.service,.step,.archive-item,.btn,.theme-toggle,.health-copy li, .stats,.steps,.service-list,.archive,.contact-line{ transition-property:background-color,background,border-color,color,box-shadow,opacity,transform; transition-duration:var(--theme-speed); transition-timing-function:var(--ease-premium); } body{background:var(--section-bg);color:var(--heading)} .intro,.process,.health{background:var(--section-bg);color:var(--heading)} .beliefs{background:var(--hairline)} .belief{background:var(--section-alt);color:var(--heading)} .intro h2,.process h2,.health h2,.stats strong,.step h3,.belief strong{color:var(--heading)} .intro-copy p,.process-intro p,.health-copy p{color:var(--body-copy)} .stats span,.step p,.belief p{color:var(--body-copy-2)} .section-label{color:var(--micro)} .steps,.stats,.health-copy ul{border-color:var(--hairline)} .step,.health-copy li{border-color:var(--hairline)} .step b,.belief span{color:var(--micro)} .services,.work,.contact{color:var(--heading)} .services h2,.work h2,.contact h2,.service h3,.archive-item h4,.contact-card h3{color:var(--heading)} .services-head p,.work-head p,.service p,.contact-copy p,.contact-card p{color:var(--body-copy)} .service b,.archive-item span,.contact-line small,.text-link{color:var(--body-copy-2)} .service-list,.archive,.contact-line{border-color:var(--hairline)} .service,.archive-item{border-color:var(--hairline)} .contact-line a{color:var(--heading)} .text-link{text-decoration-color:rgba(164,36,152,.38);text-underline-offset:4px} .text-link:hover{color:var(--conn-red);text-decoration-color:currentColor} html[data-theme="light"] .featured-grid .project, html[data-theme="light"] .featured-grid .project h3{color:#fff} html[data-theme="light"] .featured-grid .project p{color:#d7cdd9} html[data-theme="light"] .featured-grid .project span, html[data-theme="light"] .featured-grid .project-no{color:#b9aabd} html[data-theme="dark"] .hero h1 span{color:#fff} html[data-theme="dark"] .hero p{color:#c9becd} html[data-theme="dark"] .eyebrow{color:#a99cad} html[data-theme="dark"] .hero-meta{color:#99899d} html[data-theme="dark"] .hero-meta b{color:#fff} html[data-theme="light"] .hero h1 span{color:#241729} html[data-theme="light"] .hero p{color:#625767} html[data-theme="light"] .eyebrow{color:#796b7e} html[data-theme="light"] .hero-meta{color:#837587} html[data-theme="light"] .hero-meta b{color:#241729} html[data-theme="light"] .section-label.light{color:#7f7184} html[data-theme="dark"] .section-label.light{color:#9d8fa1} html[data-theme="dark"] .hero-panel{color:#fff} html[data-theme="dark"] .panel-top,html[data-theme="dark"] .metric small{color:#a99cad} html[data-theme="dark"] .metric strong{color:#fff} html[data-theme="light"] .hero-panel{color:#241729} html[data-theme="light"] .panel-top,html[data-theme="light"] .metric small{color:#766a7b} html[data-theme="light"] .metric strong{color:#241729} .btn,.nav a,.nav-cta,.theme-toggle{transition:all .38s var(--ease-premium)} .nav a{position:relative} .nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:linear-gradient(90deg,var(--conn-orange),var(--conn-red),var(--conn-purple));transition:right .4s var(--ease-premium)} .nav a:hover:after{right:0} .btn{position:relative;overflow:hidden;will-change:transform} .btn:before{content:"";position:absolute;inset:-1px;transform:translateX(-115%) skewX(-18deg);width:55%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transition:transform .7s var(--ease-premium);pointer-events:none} .btn:hover:before{transform:translateX(245%) skewX(-18deg)} .btn:hover{transform:translateY(-3px)} html[data-theme="dark"] .btn.glass{color:#fff;border-color:rgba(255,255,255,.22)} html[data-theme="light"] .btn.glass{color:#241729;border-color:rgba(38,25,44,.16);background:rgba(255,255,255,.66)} body.theme-switching:before{content:"";position:fixed;inset:0;z-index:9998;pointer-events:none;background:radial-gradient(circle at var(--theme-x,90%) var(--theme-y,40px),rgba(255,51,71,.16),rgba(103,37,200,.09) 20%,transparent 58%);animation:themeWash .72s var(--ease-premium) both} @keyframes themeWash{0%{opacity:0;transform:scale(.92)}35%{opacity:1}100%{opacity:0;transform:scale(1.08)}} ::view-transition-old(root),::view-transition-new(root){animation-duration:.62s;animation-timing-function:var(--ease-premium)} ::view-transition-old(root){animation-name:themeOld} ::view-transition-new(root){animation-name:themeNew} @keyframes themeOld{to{opacity:0;filter:blur(3px)}} @keyframes themeNew{from{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur(0)}} .reveal{opacity:0;transform:translate3d(0,42px,0) scale(.985);filter:blur(7px);transition:opacity .95s var(--ease-premium),transform 1.05s var(--ease-premium),filter .95s var(--ease-premium)} .reveal.in{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)} .reveal[data-reveal="left"]{transform:translate3d(-42px,20px,0) scale(.985)} .reveal[data-reveal="right"]{transform:translate3d(42px,20px,0) scale(.985)} .reveal[data-reveal="left"].in,.reveal[data-reveal="right"].in{transform:translate3d(0,0,0) scale(1)} .service{position:relative;isolation:isolate;overflow:hidden} .service:before{content:"";position:absolute;inset:4px 0;border-radius:10px;background:linear-gradient(100deg,rgba(255,161,41,.07),rgba(255,51,71,.07),rgba(103,37,200,.07));opacity:0;transform:scaleX(.97);z-index:-1;transition:opacity .45s var(--ease-premium),transform .55s var(--ease-premium)} .service:hover{padding-left:14px;padding-right:14px;background:transparent} .service:hover:before{opacity:1;transform:scaleX(1)} .service h3{transition:transform .45s var(--ease-premium),color .45s var(--ease-premium)} .service:hover h3{transform:translateX(5px);color:var(--conn-red)} .project{transform-style:preserve-3d;will-change:transform;transition:transform .55s var(--ease-premium),box-shadow .55s var(--ease-premium)} .project:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.08) 48%,transparent 70%);transform:translateX(-120%);transition:transform .9s var(--ease-premium);pointer-events:none} .project:hover{box-shadow:0 30px 90px rgba(0,0,0,.24)} .project:hover:after{transform:translateX(120%)} .project>div{transform:translateZ(22px)} .hero-panel{animation:panelFloat 7s ease-in-out infinite;will-change:transform} @keyframes panelFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}} .orb-a{animation:orbA 12s ease-in-out infinite alternate} .orb-b{animation:orbB 14s ease-in-out infinite alternate} @keyframes orbA{to{transform:translate(-42px,28px) scale(1.08)}} @keyframes orbB{to{transform:translate(36px,-24px) scale(.94)}} .scroll-progress{position:fixed;top:0;left:0;height:2px;width:0;z-index:100;background:linear-gradient(90deg,var(--conn-orange),var(--conn-red),var(--conn-magenta),var(--conn-purple));box-shadow:0 0 12px rgba(255,51,71,.38);pointer-events:none} html[data-theme="light"] .cursor-glow{opacity:.6} html[data-theme="dark"] .cursor-glow{opacity:1} @media (prefers-reduced-motion:reduce){ body:not(.service-page) *, body:not(.service-page) *:before, body:not(.service-page) *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important} .service-page .reveal{opacity:1!important;transform:none!important;filter:none!important} } main{perspective:1500px;perspective-origin:50% 42%;overflow:clip} .fly-stage{position:relative;transform-style:preserve-3d;isolation:isolate;--fly:0;--depth:0;--focus:1} .fly-stage>*{will-change:transform,opacity,filter;backface-visibility:hidden;transform-style:preserve-3d} .fly-zoom>*{transform:translate3d(0,calc(var(--fly)*38px),calc(var(--depth)*-230px)) rotateX(calc(var(--fly)*2.4deg)) scale(calc(1 - var(--depth)*.035));filter:blur(calc(var(--depth)*1.8px));opacity:calc(1 - var(--depth)*.13)} .fly-left>*{transform:translate3d(calc(var(--fly)*82px),calc(var(--fly)*14px),calc(var(--depth)*-180px)) rotateY(calc(var(--fly)*-4deg)) scale(calc(1 - var(--depth)*.025));filter:blur(calc(var(--depth)*1.4px));opacity:calc(1 - var(--depth)*.12)} .fly-right>*{transform:translate3d(calc(var(--fly)*-82px),calc(var(--fly)*16px),calc(var(--depth)*-190px)) rotateY(calc(var(--fly)*4deg)) scale(calc(1 - var(--depth)*.028));filter:blur(calc(var(--depth)*1.5px));opacity:calc(1 - var(--depth)*.12)} .fly-dive>*{transform:translate3d(0,calc(var(--fly)*68px),calc(var(--depth)*-280px)) rotateX(calc(var(--fly)*-4deg)) scale(calc(1 - var(--depth)*.045));filter:blur(calc(var(--depth)*2px));opacity:calc(1 - var(--depth)*.15)} .fly-orbit>*{transform:translate3d(calc(var(--fly)*-48px),calc(var(--fly)*22px),calc(var(--depth)*-220px)) rotateZ(calc(var(--fly)*-.7deg)) rotateY(calc(var(--fly)*3deg)) scale(calc(1 - var(--depth)*.03));filter:blur(calc(var(--depth)*1.5px));opacity:calc(1 - var(--depth)*.12)} .fly-rise>*{transform:translate3d(0,calc(var(--fly)*-58px),calc(var(--depth)*-190px)) rotateX(calc(var(--fly)*3deg)) scale(calc(1 - var(--depth)*.03));filter:blur(calc(var(--depth)*1.5px));opacity:calc(1 - var(--depth)*.12)} .fly-tunnel>*{transform:translate3d(calc(var(--fly)*26px),0,calc(var(--depth)*-320px)) rotateY(calc(var(--fly)*-2.2deg)) scale(calc(1 - var(--depth)*.052));filter:blur(calc(var(--depth)*2.3px));opacity:calc(1 - var(--depth)*.16)} .fly-stage>*{transition:filter .16s linear,opacity .16s linear} .fly-stage:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:20;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.035) 45%,rgba(255,51,71,.055) 51%,rgba(103,37,200,.045) 56%,transparent 72%);transform:translate3d(calc(var(--fly)*-18%),0,0);opacity:calc(var(--depth)*.45);mix-blend-mode:screen} html[data-theme="light"] .fly-stage:after{background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.18) 45%,rgba(255,51,71,.06) 51%,rgba(103,37,200,.05) 56%,transparent 72%);mix-blend-mode:multiply;opacity:calc(var(--depth)*.22)} .flight-gate{position:fixed;inset:0;z-index:44;pointer-events:none;display:grid;place-items:center;opacity:0;visibility:hidden;overflow:hidden} .flight-gate:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 50% 50%,rgba(255,51,71,.16),rgba(164,36,152,.08) 22%,rgba(103,37,200,.045) 38%,transparent 62%);transform:scale(.35);opacity:0} .flight-gate:after{content:"";position:absolute;left:50%;top:-10%;width:1px;height:120%;background:linear-gradient(transparent,rgba(255,255,255,.7),rgba(255,51,71,.8),transparent);box-shadow:0 0 28px rgba(255,51,71,.7);transform:scaleY(.12)} .flight-gate.active{visibility:visible;animation:gateScene .92s cubic-bezier(.16,1,.3,1) both} .flight-gate.active:before{animation:gateBloom .92s cubic-bezier(.16,1,.3,1) both} .flight-gate.active:after{animation:gateLine .92s cubic-bezier(.16,1,.3,1) both} .flight-gate__label{position:relative;z-index:2;display:flex;align-items:center;gap:14px;padding:10px 14px;border:1px solid rgba(255,255,255,.13);background:rgba(18,13,25,.38);backdrop-filter:blur(16px);border-radius:999px;color:#fff;font:700 9px/1 Space Mono;letter-spacing:.18em;text-transform:uppercase;transform:translateY(18px) scale(.96);opacity:0} .flight-gate.active .flight-gate__label{animation:gateLabel .92s cubic-bezier(.16,1,.3,1) both} .flight-gate__label i{display:block;width:6px;height:6px;border-radius:50%;background:var(--conn-red);box-shadow:0 0 16px var(--conn-red)} html[data-theme="light"] .flight-gate__label{background:rgba(255,255,255,.76);border-color:rgba(38,25,44,.1);color:#241729;box-shadow:0 18px 60px rgba(67,34,69,.08)} html[data-theme="light"] .flight-gate:after{background:linear-gradient(transparent,rgba(103,37,200,.35),rgba(255,51,71,.7),transparent)} @keyframes gateScene{0%{opacity:0}18%{opacity:1}66%{opacity:1}100%{opacity:0}} @keyframes gateBloom{0%{opacity:0;transform:scale(.3)}30%{opacity:1;transform:scale(.92)}100%{opacity:0;transform:scale(1.55)}} @keyframes gateLine{0%{opacity:0;transform:scaleY(.08)}28%{opacity:1;transform:scaleY(1)}70%{opacity:.8;transform:scaleY(.2) translateX(24vw)}100%{opacity:0;transform:scaleY(.05) translateX(42vw)}} @keyframes gateLabel{0%{opacity:0;transform:translateY(18px) scale(.96);filter:blur(6px)}30%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}64%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-16px) scale(1.02);filter:blur(4px)}} .flight-streaks{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .35s ease;overflow:hidden} body.is-flying .flight-streaks{opacity:1} .flight-streaks i{position:absolute;left:50%;top:50%;width:1px;height:18vh;transform-origin:50% 100%;background:linear-gradient(transparent,rgba(255,255,255,.14),transparent);filter:blur(.2px)} .flight-streaks i:nth-child(1){transform:translate(-34vw,-42vh) rotate(-34deg)}.flight-streaks i:nth-child(2){transform:translate(27vw,-38vh) rotate(31deg)}.flight-streaks i:nth-child(3){transform:translate(-42vw,20vh) rotate(-58deg)}.flight-streaks i:nth-child(4){transform:translate(38vw,18vh) rotate(56deg)}.flight-streaks i:nth-child(5){transform:translate(-12vw,-48vh) rotate(-12deg)}.flight-streaks i:nth-child(6){transform:translate(12vw,35vh) rotate(14deg)} html[data-theme="light"] .flight-streaks i{background:linear-gradient(transparent,rgba(103,37,200,.1),transparent)} @media(max-width:980px){main{perspective:1100px}.fly-stage>*{transform:none!important;filter:none!important;opacity:1!important}.fly-stage:after{display:none}.flight-streaks{display:none}} @media(prefers-reduced-motion:reduce){.fly-stage>*{transform:none!important;filter:none!important;opacity:1!important}.fly-stage:after,.flight-gate,.flight-streaks{display:none!important}} main{perspective:1350px;perspective-origin:50% 48%;} .fly-stage{transform-style:preserve-3d;overflow:clip;} .fly-stage>*{transition:filter .12s linear,opacity .12s linear;backface-visibility:hidden;} .fly-stage:after{transform:translate3d(var(--fly-x,0%),0,0)!important;opacity:calc(var(--depth,0) * .48)!important;} @supports not (overflow:clip){.fly-stage{overflow:hidden}} html[data-theme="light"] .site-header, html[data-theme="light"] .site-header:not(.scrolled){ color:#241729 !important; border-bottom-color:rgba(38,25,44,.10) !important; } html[data-theme="light"] .site-header.scrolled{ color:#241729 !important; background:rgba(250,247,249,.86) !important; border-bottom-color:rgba(38,25,44,.10) !important; box-shadow:0 10px 40px rgba(57,31,60,.06); } html[data-theme="light"] .nav a, html[data-theme="light"] .nav-cta, html[data-theme="light"] .theme-toggle, html[data-theme="light"] .menu{color:#241729 !important} html[data-theme="light"] .nav a{opacity:.82} html[data-theme="light"] .nav a:hover{opacity:1} html[data-theme="light"] .nav-cta, html[data-theme="light"] .theme-toggle{ border-color:rgba(38,25,44,.18) !important; background:rgba(255,255,255,.58) !important; } html[data-theme="light"] .brand:after{ background:linear-gradient(90deg,transparent,rgba(38,25,44,.16),transparent) } html[data-theme="light"] .menu{background:transparent !important} html[data-theme="light"] .nav.open{ color:#241729 !important; background:rgba(250,247,249,.96) !important; border-color:rgba(38,25,44,.10) !important; } html[data-theme="light"] .nav.open a{color:#241729 !important} html[data-theme="light"] .intro h2, html[data-theme="light"] .process h2, html[data-theme="light"] .health h2, html[data-theme="light"] .services h2, html[data-theme="light"] .work h2, html[data-theme="light"] .contact h2, html[data-theme="light"] .service h3, html[data-theme="light"] .step h3, html[data-theme="light"] .archive-item h4, html[data-theme="light"] .belief strong, html[data-theme="light"] .belief h3, html[data-theme="light"] .contact-card strong{color:#241729} html[data-theme="light"] .intro-copy p, html[data-theme="light"] .process-intro p, html[data-theme="light"] .health-copy p, html[data-theme="light"] .step p, html[data-theme="light"] .stats span, html[data-theme="light"] .belief p{color:#6b606f} html[data-theme="light"] .section-label{color:#766a7b} html[data-theme="light"] .section-label.light{color:#766a7b !important} html[data-theme="dark"] .site-header{color:#fff} html[data-theme="dark"] .nav a, html[data-theme="dark"] .nav-cta, html[data-theme="dark"] .theme-toggle, html[data-theme="dark"] .menu{color:#fff} main{perspective:1400px;perspective-origin:50% 46%;overflow:hidden} .fly-stage>*{transform:none !important;filter:none !important;opacity:1 !important} .fly-stage:after{display:none !important} .flight-streaks{display:none !important} main > section.scene-stage{position:relative;isolation:isolate;transform-style:preserve-3d;perspective:1400px} .scene-stage.scene-active{z-index:2} .scene-stage .scene-shade{position:absolute;inset:0;pointer-events:none;z-index:50;opacity:0;background:radial-gradient(circle at 50% 45%,transparent 10%,rgba(11,7,16,.10) 58%,rgba(11,7,16,.34) 100%)} html[data-theme="light"] .scene-stage .scene-shade{background:radial-gradient(circle at 50% 45%,transparent 10%,rgba(103,37,200,.035) 58%,rgba(103,37,200,.10) 100%)} .scene-gate-v5{position:fixed;inset:0;z-index:999;pointer-events:none;opacity:0;visibility:hidden;display:grid;place-items:center;overflow:hidden} .scene-gate-v5:before{content:"";position:absolute;inset:-15%;background:radial-gradient(circle at center,rgba(255,255,255,.12) 0 4%,rgba(255,51,71,.18) 13%,rgba(164,36,152,.13) 24%,rgba(103,37,200,.08) 38%,transparent 62%);transform:scale(.28);filter:blur(4px)} .scene-gate-v5:after{content:"";position:absolute;left:-20%;top:50%;width:140%;height:2px;background:linear-gradient(90deg,transparent,var(--conn-orange),var(--conn-red),var(--conn-magenta),var(--conn-purple),transparent);box-shadow:0 0 24px rgba(255,51,71,.55);transform:scaleX(.08)} .scene-gate-v5 .scene-gate-label{position:relative;z-index:2;padding:11px 16px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(14,9,19,.48);backdrop-filter:blur(18px);color:#fff;font:700 9px/1 Space Mono;letter-spacing:.19em;text-transform:uppercase;white-space:nowrap;box-shadow:0 20px 80px rgba(0,0,0,.16)} html[data-theme="light"] .scene-gate-v5 .scene-gate-label{color:#241729;background:rgba(255,255,255,.78);border-color:rgba(38,25,44,.11)} body.scene-transitioning:before,body.scene-transitioning:after{content:"";position:fixed;top:0;bottom:0;width:16vw;z-index:998;pointer-events:none;opacity:.55;filter:blur(14px)} body.scene-transitioning:before{left:-9vw;background:linear-gradient(90deg,rgba(255,51,71,.22),transparent)} body.scene-transitioning:after{right:-9vw;background:linear-gradient(270deg,rgba(103,37,200,.22),transparent)} html[data-theme="light"] body.scene-transitioning:before{background:linear-gradient(90deg,rgba(255,51,71,.10),transparent)} html[data-theme="light"] body.scene-transitioning:after{background:linear-gradient(270deg,rgba(103,37,200,.10),transparent)} @media(max-width:980px){ html[data-theme="light"] .site-header{color:#241729 !important} .scene-gate-v5{display:none} } @media(prefers-reduced-motion:reduce){.scene-gate-v5{display:none!important}} .flight-scene-v6::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;opacity:calc(var(--scene-edge,0)*.42);background:linear-gradient(180deg,rgba(7,8,18,.62),transparent 18%,transparent 82%,rgba(7,8,18,.62));transition:opacity .12s linear} html[data-theme="light"] .flight-scene-v6::after{background:linear-gradient(180deg,rgba(235,231,239,.78),transparent 18%,transparent 82%,rgba(235,231,239,.78));} .flight-camera-v6{backface-visibility:hidden;-webkit-backface-visibility:hidden;} body.scene-transitioning{overflow-x:hidden} .flight-scene-v6 .flight-camera-v6{ transition:filter .08s linear,opacity .08s linear; } .flight-scene-v6{isolation:isolate;} .flight-scene-v6 .flight-camera-v6 > .in, .flight-scene-v6 .flight-camera-v6 > .reveal.in{filter:none;} main{overflow:visible!important;perspective:none!important;transform:none!important} main>section{position:relative;transform-style:preserve-3d} .flight-scene-v8{transition:none!important;contain:none!important} .fly-stage:after,.flight-streaks,.flight-gate,.scene-gate-v5{display:none!important} @media(max-width:980px){main>section.flight-scene-v8{filter:none}} .beliefs{ width:100%; max-width:none; margin-left:0; margin-right:0; padding:1px 0 !important; gap:1px; } .belief{ min-width:0; border-radius:0; } @media(max-width:980px){ .beliefs{padding-left:0 !important;padding-right:0 !important;} } @media(max-width:620px){ .beliefs{padding-left:0 !important;padding-right:0 !important;} } .hero-visual-stack{position:relative;z-index:2;width:min(640px,96%);min-height:620px;justify-self:end;display:grid;place-items:center;isolation:isolate} .hero-visual-stack .hero-panel{position:relative;z-index:3;width:min(470px,82%);justify-self:auto;margin:0;background:rgba(24,15,34,.74);backdrop-filter:blur(20px) saturate(1.08);-webkit-backdrop-filter:blur(20px) saturate(1.08);box-shadow:0 38px 110px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.05) inset} .hero-json-animation{position:absolute;z-index:1;inset:-10% -18%;pointer-events:none;overflow:visible;opacity:.72;filter:drop-shadow(0 38px 80px rgba(98,37,200,.24));mix-blend-mode:screen;transform:scale(1.1)} .hero-json-animation:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at center,transparent 44%,rgba(14,8,20,.34) 78%,rgba(14,8,20,.82) 100%)} .hero-json-animation svg{width:100%!important;height:100%!important;display:block;overflow:visible!important} html[data-theme="light"] .hero-json-animation{opacity:.42;mix-blend-mode:multiply;filter:drop-shadow(0 30px 64px rgba(103,37,200,.14))} html[data-theme="light"] .hero-visual-stack .hero-panel{background:rgba(255,255,255,.78);box-shadow:0 38px 90px rgba(74,42,92,.16),0 0 0 1px rgba(74,42,92,.08) inset} .health-visual{isolation:isolate} .health-plane-animation{position:absolute;z-index:2;inset:3% 7% 8%;pointer-events:none;opacity:.94;filter:drop-shadow(0 28px 58px rgba(103,37,200,.24))} .health-plane-animation svg{width:100%!important;height:100%!important;display:block;overflow:visible!important} .health-visual .world{z-index:3;text-shadow:0 3px 28px rgba(0,0,0,.68)} .health-visual:after{content:"";position:absolute;z-index:1;width:58%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(164,36,152,.09),transparent 68%);filter:blur(2px);pointer-events:none} html[data-theme="light"] .health-plane-animation{opacity:.88;filter:drop-shadow(0 24px 48px rgba(103,37,200,.16))} @media(max-width:980px){.hero-visual-stack{justify-self:start;width:min(620px,100%);min-height:560px;margin-top:50px}.hero-visual-stack .hero-panel{width:min(470px,84%)}.hero-json-animation{inset:-8% -12%;transform:scale(1.06)}.health-plane-animation{inset:4% 6% 10%}} @media(max-width:620px){.hero-visual-stack{width:100%;min-height:470px}.hero-visual-stack .hero-panel{width:90%}.hero-json-animation{inset:-4% -20%;opacity:.6;transform:scale(1.02)}.health-plane-animation{inset:8% 2% 12%;opacity:.9}} .hero-visual-stack{overflow:visible} .hero-json-animation{inset:-22% -42%;opacity:.72;mix-blend-mode:screen;transform:scale(1.18);background:transparent!important} .hero-json-animation svg,.hero-json-animation svg *{background:transparent!important} .hero-json-animation:after{background:radial-gradient(circle at center,transparent 42%,rgba(14,8,20,.18) 72%,rgba(14,8,20,.56) 100%)} .hero-visual-stack .hero-panel{z-index:4} .health-plane-animation{background:transparent!important;mix-blend-mode:screen;z-index:2} .health-plane-animation svg,.health-plane-animation svg *{background:transparent!important} .health-visual .world{z-index:3} html[data-theme="light"] .hero-json-animation{mix-blend-mode:multiply;opacity:.34} html[data-theme="light"] .health-plane-animation{mix-blend-mode:multiply;opacity:.72} @media(max-width:980px){.hero-json-animation{inset:-15% -28%;transform:scale(1.1)}} @media(max-width:620px){.hero-json-animation{inset:-8% -30%;transform:scale(1.05);opacity:.52}} .hero-json-animation{background:transparent!important;mix-blend-mode:screen!important;opacity:.78!important;filter:none!important;border:0!important;box-shadow:none!important;} .hero-json-animation svg{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;} .hero-json-animation:before,.hero-json-animation:after{pointer-events:none;} .health-plane-animation{background:transparent!important;mix-blend-mode:normal!important;opacity:1!important;filter:drop-shadow(0 24px 54px rgba(103,37,200,.28))!important;} .health-plane-animation svg{background:transparent!important;overflow:visible!important;} html[data-theme="light"] .health-plane-animation{mix-blend-mode:multiply!important;filter:drop-shadow(0 18px 42px rgba(103,37,200,.18))!important;} .hero-json-animation,.hero-json-animation svg,.hero-json-animation>div{ background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important; } .hero-json-animation{filter:none!important;} .nav{align-items:center}.nav-item{position:relative;display:flex;align-items:center}.nav-item>a{display:flex;align-items:center;gap:7px}.nav-item.has-dropdown>a:after{content:"⌄";font-size:12px;opacity:.65;transform:translateY(-1px);transition:transform .25s}.nav-item.has-dropdown:hover>a:after,.nav-item.has-dropdown.open>a:after{transform:rotate(180deg) translateY(-1px)} .dropdown{position:absolute;top:calc(100% + 20px);left:50%;transform:translate(-50%,10px);width:370px;padding:10px;background:rgba(19,12,27,.94);border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:0 28px 80px rgba(0,0,0,.36);backdrop-filter:blur(22px);opacity:0;visibility:hidden;pointer-events:none;transition:.28s cubic-bezier(.16,1,.3,1);display:grid;grid-template-columns:1fr;gap:3px} .nav-item.has-dropdown:hover .dropdown,.nav-item.has-dropdown.open .dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)} .dropdown a{display:grid!important;grid-template-columns:32px 1fr;gap:8px;align-items:center;padding:10px 11px;border-radius:9px;color:#fff!important;transition:.2s}.dropdown a:hover{background:linear-gradient(90deg,rgba(255,51,71,.15),rgba(103,37,200,.13));transform:translateX(2px)}.dropdown b{font:700 9px Space Mono;color:var(--conn-orange)}.dropdown span{font-size:12px;line-height:1.25} html[data-theme="light"] .site-header.scrolled .dropdown{background:rgba(255,255,255,.96);border-color:rgba(38,25,44,.12);box-shadow:0 28px 70px rgba(38,25,44,.16)}html[data-theme="light"] .site-header.scrolled .dropdown a{color:var(--conn-text)!important} .service a.service-link{display:grid;grid-template-columns:54px minmax(190px,1fr) minmax(260px,1.3fr) minmax(220px,.8fr);gap:28px;align-items:center;text-decoration:none;color:inherit;width:100%;padding:28px 0}.service a.service-link:hover h3{color:var(--conn-orange)}.service a.service-link:after{content:"↗";position:absolute;right:1vw;font-size:20px;opacity:0;transform:translate(-12px,10px);transition:.25s}.service a.service-link:hover:after{opacity:1;transform:none} .service-page{background:var(--page-bg);color:var(--text);min-height:100vh}.service-page .site-header:not(.scrolled){background:rgba(18,13,25,.28);backdrop-filter:blur(10px)} .service-hero{min-height:720px;padding:150px 6vw 90px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:60px;align-items:center;position:relative;overflow:hidden;background:linear-gradient(132deg,#140c1d,#24102c 50%,#160d20);color:white}.service-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,black,transparent 95%)}.service-hero:after{content:"";position:absolute;width:620px;height:620px;border-radius:50%;right:-160px;top:-130px;background:radial-gradient(circle,rgba(103,37,200,.28),rgba(255,51,71,.10) 38%,transparent 70%);filter:blur(8px)} .service-hero-copy,.service-hero-art{position:relative;z-index:2}.service-breadcrumb{font:700 10px Space Mono;letter-spacing:.16em;color:#bcb0c1;text-transform:uppercase;margin-bottom:30px}.service-breadcrumb a{color:#fff;text-decoration:none}.service-hero h1{font-size:clamp(54px,6.7vw,106px);line-height:.86;letter-spacing:-.065em;margin:0 0 28px;max-width:900px}.service-hero h1 em{font-style:normal;color:var(--conn-red)}.service-lead{font-size:19px;line-height:1.68;color:#c6bdca;max-width:720px}.service-actions{display:flex;gap:10px;margin-top:30px;flex-wrap:wrap}.service-hero-art{min-height:500px;display:grid;place-items:center}.service-hero-art img{width:min(100%,600px);max-height:540px;object-fit:contain;filter:drop-shadow(0 45px 70px rgba(0,0,0,.28))} .service-content{padding:100px 6vw 120px;max-width:1500px;margin:auto}.service-intro-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:start;margin-bottom:100px}.sticky-label{position:sticky;top:120px}.sticky-label .section-label{margin-bottom:22px}.sticky-label h2{font-size:clamp(34px,4vw,62px);line-height:1;letter-spacing:-.04em;margin:0}.service-prose{font-size:17px;line-height:1.8;color:var(--text-soft)}.service-prose p{margin:0 0 24px}.service-prose strong{color:var(--text)} .capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:60px 0 100px}.capability-card{background:var(--surface);border:1px solid var(--border);padding:30px;border-radius:14px;min-height:240px;position:relative;overflow:hidden;box-shadow:0 18px 45px rgba(25,12,35,.06)}.capability-card:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;right:-55px;top:-55px;background:radial-gradient(circle,rgba(255,51,71,.18),transparent 70%)}.capability-card b{font:700 10px Space Mono;color:var(--conn-orange);letter-spacing:.12em}.capability-card h3{font-size:24px;line-height:1.05;margin:32px 0 15px}.capability-card p{color:var(--text-soft);line-height:1.65;margin:0} .service-feature{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:70px 0;border-top:1px solid var(--border)}.service-feature.reverse .feature-media{order:2}.service-feature.reverse .feature-copy{order:1}.feature-media{min-height:440px;background:linear-gradient(145deg,var(--surface),var(--surface-2));border:1px solid var(--border);border-radius:18px;display:grid;place-items:center;overflow:hidden;position:relative}.feature-media img{width:88%;height:88%;object-fit:contain}.feature-copy .section-label{margin-bottom:18px}.feature-copy h2{font-size:clamp(36px,4vw,64px);line-height:.98;letter-spacing:-.045em;margin:0 0 24px}.feature-copy h2 em{font-style:normal;color:var(--conn-red)}.feature-copy p{color:var(--text-soft);font-size:17px;line-height:1.75}.feature-copy ul{display:grid;gap:12px;padding:0;margin:30px 0 0;list-style:none}.feature-copy li{padding:13px 0;border-bottom:1px solid var(--border);display:flex;gap:12px}.feature-copy li:before{content:"↗";color:var(--conn-orange);font-weight:800} .process-strip{margin:90px 0;background:linear-gradient(115deg,#211129,#140d1c);color:#fff;border-radius:20px;padding:54px;position:relative;overflow:hidden}.process-strip:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,161,41,.07),rgba(255,51,71,.08),rgba(103,37,200,.14));pointer-events:none}.process-strip h2{font-size:clamp(36px,4vw,62px);margin:0 0 40px;position:relative}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.10);position:relative}.process-step{background:#180e20;padding:28px;min-height:210px}.process-step b{font:700 10px Space Mono;color:var(--conn-orange)}.process-step h3{margin:40px 0 12px;font-size:21px}.process-step p{font-size:14px;color:#b9afbe;line-height:1.6;margin:0} .service-cta{margin-top:100px;padding:70px;border-radius:20px;background:linear-gradient(115deg,var(--conn-red),var(--conn-magenta) 52%,var(--conn-purple));color:#fff;display:flex;align-items:end;justify-content:space-between;gap:40px}.service-cta h2{font-size:clamp(40px,5vw,76px);letter-spacing:-.055em;line-height:.93;margin:0;max-width:850px}.service-cta p{max-width:390px;line-height:1.6;color:rgba(255,255,255,.82)}.service-cta .btn{background:#fff;color:#17121c} .related-services{padding:80px 6vw 100px;background:var(--surface-2);border-top:1px solid var(--border)}.related-wrap{max-width:1500px;margin:auto}.related-services h2{font-size:40px;margin:0 0 35px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related-card{padding:26px;background:var(--surface);border:1px solid var(--border);border-radius:12px;text-decoration:none;color:var(--text);transition:.25s}.related-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(25,12,35,.10)}.related-card span{font:700 9px Space Mono;color:var(--conn-orange)}.related-card h3{font-size:21px;margin:24px 0 10px}.related-card p{font-size:13px;color:var(--text-soft);line-height:1.55;margin:0} .service-footer{background:#100b16;color:#fff;border-top:1px solid rgba(255,255,255,.08)} @media(max-width:1100px){.service-hero{grid-template-columns:1fr;padding-top:130px}.service-hero-art{min-height:360px}.service-hero-art img{max-height:400px}.service-intro-grid,.service-feature{grid-template-columns:1fr;gap:36px}.sticky-label{position:relative;top:auto}.capability-grid{grid-template-columns:repeat(2,1fr)}.process-steps{grid-template-columns:repeat(2,1fr)}.related-grid{grid-template-columns:1fr 1fr}.service-feature.reverse .feature-media,.service-feature.reverse .feature-copy{order:initial}} @media(max-width:760px){.nav{position:fixed!important;top:78px!important;left:12px!important;right:12px!important;max-height:calc(100vh - 96px);overflow:auto}.nav-item{display:block}.nav-item.has-dropdown>a:after{margin-left:auto}.dropdown{position:static;width:auto;transform:none!important;margin:8px 0 10px;background:rgba(255,255,255,.06);box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;display:none}.nav-item.open .dropdown{display:grid}.nav-item.has-dropdown:hover .dropdown{display:none}.nav-item.has-dropdown.open:hover .dropdown{display:grid}.service-hero{padding:120px 24px 55px;min-height:auto}.service-hero h1{font-size:54px}.service-hero-art{min-height:290px}.service-content{padding:70px 24px 80px}.service-intro-grid{margin-bottom:60px}.capability-grid{grid-template-columns:1fr;margin-bottom:65px}.service-feature{padding:50px 0}.feature-media{min-height:320px}.process-strip{margin:60px 0;padding:30px 20px}.process-steps{grid-template-columns:1fr}.service-cta{padding:38px 28px;display:block}.service-cta p{margin:22px 0}.related-services{padding:60px 24px}.related-grid{grid-template-columns:1fr}.service a.service-link{grid-template-columns:44px 1fr;padding:22px 0}.service a.service-link p,.service a.service-link b{grid-column:2}.service a.service-link:after{display:none}} @media(min-width:761px){.dropdown{top:calc(100% + 10px)}.dropdown:before{content:"";position:absolute;left:0;right:0;top:-15px;height:16px;background:transparent}} @media (min-width:981px){ .nav .has-dropdown .dropdown{width:min(760px,86vw)!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:min(72vh,620px);overflow:auto;padding:14px!important;scrollbar-width:thin} .nav .has-dropdown .dropdown>a{min-height:54px} } @media (max-width:980px){.nav .has-dropdown .dropdown{max-height:58vh;overflow:auto}} .service-hero-art img{filter:drop-shadow(0 34px 70px rgba(103,37,200,.22));} .feature-media img{filter:drop-shadow(0 26px 54px rgba(255,51,71,.12));} @media(min-width:761px){ .nav-item.has-dropdown>.dropdown-trigger{position:relative;padding-bottom:5px;} .nav-item.has-dropdown>.dropdown-trigger:after{ content:""!important;position:absolute;left:50%;bottom:-8px;width:7px;height:7px; border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor; opacity:.68;transform:translateX(-50%) rotate(45deg)!important; transform-origin:50% 50%;transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .25s; } .nav-item.has-dropdown:hover>.dropdown-trigger:after, .nav-item.has-dropdown.open>.dropdown-trigger:after{ opacity:1;transform:translateX(-50%) translateY(2px) rotate(225deg)!important; } } .service-page,.service-content,.related-services,.capability-card,.feature-media,.related-card{transition:background .45s ease,color .45s ease,border-color .45s ease,box-shadow .45s ease;} html[data-theme="dark"] .service-page{background:#120d19;color:#fff;} html[data-theme="dark"] .service-content{background:#120d19;color:#fff;} html[data-theme="dark"] .service-hero{background:linear-gradient(132deg,#140c1d,#24102c 50%,#160d20);color:#fff;} html[data-theme="dark"] .service-page .site-header:not(.scrolled){background:rgba(18,13,25,.34);color:#fff;} html[data-theme="dark"] .capability-card{box-shadow:0 18px 45px rgba(0,0,0,.16);} html[data-theme="light"] .service-page{background:#f8f6f3;color:#241729;} html[data-theme="light"] .service-content{background:#f8f6f3;color:#241729;} html[data-theme="light"] .service-hero{background:linear-gradient(135deg,#fff8f1 0%,#fbf5f7 48%,#f2edf9 100%);color:#241729;} html[data-theme="light"] .service-hero:before{background-image:linear-gradient(rgba(38,25,44,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(38,25,44,.055) 1px,transparent 1px);} html[data-theme="light"] .service-hero:after{background:radial-gradient(circle,rgba(103,37,200,.14),rgba(255,51,71,.07) 38%,transparent 70%);} html[data-theme="light"] .service-breadcrumb{color:#756a79;} html[data-theme="light"] .service-breadcrumb a{color:#241729;} html[data-theme="light"] .service-lead{color:#665b6a;} html[data-theme="light"] .service-page .site-header:not(.scrolled){background:rgba(248,246,243,.78);color:#241729;border-bottom-color:rgba(38,25,44,.09);} html[data-theme="light"] .service-page .site-header:not(.scrolled) .nav a, html[data-theme="light"] .service-page .site-header:not(.scrolled) .nav-cta, html[data-theme="light"] .service-page .site-header:not(.scrolled) .theme-toggle, html[data-theme="light"] .service-page .site-header:not(.scrolled) .menu{color:#241729!important;} html[data-theme="light"] .service-page .site-header:not(.scrolled) .nav-cta, html[data-theme="light"] .service-page .site-header:not(.scrolled) .theme-toggle{border-color:rgba(38,25,44,.16);background:rgba(255,255,255,.62);} html[data-theme="light"] .service-prose,html[data-theme="light"] .capability-card p,html[data-theme="light"] .feature-copy p,html[data-theme="light"] .related-card p{color:#716777;} html[data-theme="light"] .sticky-label h2,html[data-theme="light"] .capability-card h3,html[data-theme="light"] .feature-copy h2,html[data-theme="light"] .related-services h2,html[data-theme="light"] .related-card h3{color:#241729;} html[data-theme="light"] .capability-card,html[data-theme="light"] .related-card{background:#fff;border-color:rgba(38,25,44,.11);box-shadow:0 18px 45px rgba(74,39,78,.07);} html[data-theme="light"] .feature-media{background:linear-gradient(145deg,#fff,#f1e9f0);border-color:rgba(38,25,44,.11);} html[data-theme="light"] .related-services{background:#f1e9f0;border-color:rgba(38,25,44,.11);} html[data-theme="light"] .process-strip{background:linear-gradient(115deg,#fff,#f3eaf4);color:#241729;border:1px solid rgba(38,25,44,.10);box-shadow:0 22px 60px rgba(74,39,78,.08);} html[data-theme="light"] .process-strip:before{background:linear-gradient(110deg,rgba(255,161,41,.08),rgba(255,51,71,.05),rgba(103,37,200,.07));} html[data-theme="light"] .process-step{background:rgba(255,255,255,.72);color:#241729;} html[data-theme="light"] .process-step p{color:#716777;} html[data-theme="light"] .process-steps{background:rgba(38,25,44,.09);} html[data-theme="light"] .service-actions .btn.glass{color:#241729;border-color:rgba(38,25,44,.16);background:rgba(255,255,255,.62);} .site-header{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto auto!important;align-items:center!important;column-gap:26px!important} .site-header .nav{margin:0!important;justify-self:center!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:26px!important} .site-header .nav>a,.site-header .nav-item>.dropdown-trigger{height:42px!important;display:flex!important;align-items:center!important;white-space:nowrap!important} .site-header .nav-item.has-dropdown{height:42px!important;align-items:center!important} .site-header .nav-item.has-dropdown>.dropdown-trigger{justify-content:center!important;padding:0 0 8px!important} .site-header .nav-item.has-dropdown>.dropdown-trigger:after{left:50%!important;right:auto!important;bottom:0!important;transform:translateX(-50%) rotate(0)!important;transform-origin:50% 50%!important} .site-header .nav-item.has-dropdown:hover>.dropdown-trigger:after,.site-header .nav-item.has-dropdown.open>.dropdown-trigger:after{transform:translateX(-50%) rotate(180deg)!important} .site-header .dropdown{top:calc(100% + 9px)!important} @media(max-width:1100px) and (min-width:761px){.site-header{column-gap:15px!important}.site-header .nav{gap:16px!important}.site-header .nav-cta{display:none!important}} @media(max-width:760px){.site-header{display:flex!important}.site-header .nav{display:none!important;justify-content:flex-start!important}.site-header .nav.open{display:flex!important}.site-header .nav-item.has-dropdown{height:auto!important}.site-header .nav>a,.site-header .nav-item>.dropdown-trigger{height:auto!important}.site-header .nav-item.has-dropdown>.dropdown-trigger{justify-content:flex-start!important;padding:12px 0!important}.site-header .nav-item.has-dropdown>.dropdown-trigger:after{position:static!important;transform:none!important;margin-left:auto!important}.site-header .nav-item.has-dropdown.open>.dropdown-trigger:after{transform:rotate(180deg)!important}} .related-carousel{position:relative}.related-viewport{overflow:hidden;margin:0 -6px;padding:8px 6px 28px}.related-track{display:flex;gap:14px;will-change:transform;transition:transform .72s cubic-bezier(.16,1,.3,1)}.related-track .related-card{flex:0 0 calc((100% - 28px)/3);min-width:0}.related-controls{display:flex;justify-content:flex-end;align-items:center;gap:8px}.related-arrow{width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:20px;cursor:pointer;transition:.25s}.related-arrow:hover{transform:translateY(-2px);border-color:var(--conn-orange);color:var(--conn-orange)}.related-dots{display:flex;align-items:center;gap:6px;margin-right:auto}.related-dot{width:18px;height:3px;border:0;border-radius:99px;background:var(--border);padding:0;cursor:pointer;transition:.25s}.related-dot.active{width:34px;background:var(--conn-orange)}@media(max-width:980px){.related-track .related-card{flex-basis:calc((100% - 14px)/2)}}@media(max-width:620px){.related-track .related-card{flex-basis:100%}} @media(min-width:761px){ .site-header{ display:grid!important; grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr)!important; align-items:center!important; min-height:78px!important; } .site-header>.brand{grid-column:1;justify-self:start!important} .site-header>.nav{grid-column:2;justify-self:center!important;display:flex!important;align-items:center!important;gap:28px!important;height:78px!important} .site-header>.theme-toggle{grid-column:3;justify-self:end!important} .site-header>.nav-cta{grid-column:3;justify-self:end!important;margin-right:112px!important} .site-header>.menu{display:none!important} .site-header .nav>a,.site-header .nav-item,.site-header .nav-item>.dropdown-trigger{ height:78px!important;box-sizing:border-box!important;margin:0!important; } .site-header .nav>a,.site-header .nav-item>.dropdown-trigger{ display:flex!important;align-items:center!important;padding:0!important;line-height:1!important; } .site-header .nav-item.has-dropdown{display:flex!important;align-items:center!important} .site-header .nav-item.has-dropdown>.dropdown-trigger{position:relative!important;padding:0 0 8px!important} .site-header .nav-item.has-dropdown>.dropdown-trigger:after{position:absolute!important;left:50%!important;bottom:21px!important} .site-header .nav .has-dropdown .dropdown{ width:min(760px,86vw)!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:4px!important; max-height:min(72vh,620px)!important; overflow:auto!important; top:calc(100% - 2px)!important; padding:14px!important; } .site-header .nav .has-dropdown .dropdown>a{min-height:54px!important} } @media(min-width:761px){ .site-header{ height:78px!important; min-height:78px!important; display:grid!important; grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr)!important; align-items:center!important; padding-top:0!important; padding-bottom:0!important; } .site-header>.brand{ grid-column:1!important; align-self:center!important; justify-self:start!important; margin:0!important; } .site-header>.nav{ grid-column:2!important; align-self:center!important; justify-self:center!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:28px!important; height:78px!important; margin:0!important; padding:0!important; } .site-header>.theme-toggle{ grid-column:3!important; align-self:center!important; justify-self:end!important; margin:0!important; } .site-header>.nav-cta{ grid-column:3!important; align-self:center!important; justify-self:end!important; margin:0 112px 0 0!important; } .site-header .nav>a, .site-header .nav-item, .site-header .nav-item>.dropdown-trigger{ height:78px!important; min-height:78px!important; margin:0!important; padding:0!important; line-height:1!important; box-sizing:border-box!important; } .site-header .nav>a, .site-header .nav-item>.dropdown-trigger{ display:flex!important; align-items:center!important; justify-content:center!important; position:relative!important; } .site-header .nav-item.has-dropdown{ display:flex!important; align-items:center!important; } .site-header .nav-item.has-dropdown>.dropdown-trigger:after{ content:none!important; display:none!important; } .site-header .menu-caret{ position:absolute!important; left:50%!important; bottom:17px!important; width:7px!important; height:7px!important; border-right:1.5px solid currentColor!important; border-bottom:1.5px solid currentColor!important; background:transparent!important; transform:translateX(-50%) rotate(45deg)!important; transform-origin:50% 50%!important; opacity:.72!important; transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .2s!important; pointer-events:none!important; } .site-header .nav-item.has-dropdown:hover .menu-caret, .site-header .nav-item.has-dropdown.open .menu-caret{ transform:translateX(-50%) translateY(2px) rotate(225deg)!important; opacity:1!important; } .site-header .nav .has-dropdown .dropdown{ top:calc(100% - 2px)!important; width:min(760px,86vw)!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:4px!important; padding:14px!important; max-height:min(72vh,620px)!important; overflow:auto!important; } } @media(max-width:760px){ .site-header .menu-caret{ position:static!important; width:7px!important; height:7px!important; margin-left:auto!important; border-right:1.5px solid currentColor!important; border-bottom:1.5px solid currentColor!important; background:transparent!important; transform:rotate(45deg)!important; transition:transform .25s ease!important; } .site-header .nav-item.has-dropdown.open .menu-caret{ transform:rotate(225deg)!important; } .site-header .nav-item.has-dropdown>.dropdown-trigger:after{ content:none!important; display:none!important; } } @media(min-width:761px){ .site-header .nav>a, .site-header .nav-item>.dropdown-trigger{ height:78px!important; min-height:78px!important; padding:0!important; margin:0!important; display:flex!important; align-items:center!important; justify-content:center!important; line-height:normal!important; transform:none!important; top:auto!important; } .site-header .nav-item.has-dropdown{ height:78px!important; min-height:78px!important; padding:0!important; margin:0!important; display:flex!important; align-items:center!important; transform:none!important; top:auto!important; } .site-header .menu-caret{ bottom:15px!important; } } @media(min-width:761px){ .site-header .nav-item.has-dropdown>.dropdown-trigger{ transform:translateY(5px)!important; } .site-header .nav-item.has-dropdown>.dropdown-trigger .menu-caret{ bottom:15px!important; } } .motion-wrap{min-height:480px!important;display:grid!important;place-items:center!important;overflow:visible!important} .service-motion{--m1:#ff3347;--m2:#ff9a32;--m3:#8b5cff;position:relative;width:min(520px,100%);aspect-ratio:1.08/1;border-radius:34px;overflow:hidden;isolation:isolate;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018));border:1px solid rgba(255,255,255,.10);box-shadow:0 40px 110px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.05)} html[data-theme="light"] .service-motion{background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(246,241,250,.76));border-color:rgba(62,36,76,.12);box-shadow:0 34px 80px rgba(75,42,92,.12)} .motion-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 92%);animation:gridDrift 12s linear infinite} html[data-theme="light"] .motion-grid{background-image:linear-gradient(rgba(62,36,76,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(62,36,76,.05) 1px,transparent 1px)} .motion-badge{position:absolute;left:26px;top:24px;display:flex;gap:10px;align-items:center;font-size:10px;letter-spacing:.17em;font-weight:800;z-index:8}.motion-badge span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--m1);color:#fff;letter-spacing:0}.motion-glow{position:absolute;width:230px;height:230px;border-radius:50%;filter:blur(55px);opacity:.22}.motion-glow.g1{background:var(--m1);right:-80px;top:-70px;animation:glowFloat 7s ease-in-out infinite}.motion-glow.g2{background:var(--m3);left:-100px;bottom:-90px;animation:glowFloat 9s ease-in-out -2s infinite reverse} @keyframes gridDrift{to{background-position:36px 36px}}@keyframes glowFloat{50%{transform:translate(28px,22px) scale(1.18)}}@keyframes floatY{50%{transform:translateY(-12px)}}@keyframes pulse{50%{transform:scale(1.16);opacity:.42}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan{0%{transform:translateY(-120%)}100%{transform:translateY(620%)}}@keyframes dash{to{stroke-dashoffset:-100}}@keyframes rise{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes orbitPulse{50%{opacity:1;box-shadow:0 0 26px var(--m1)}}@keyframes slideX{0%,100%{transform:translateX(-16px);opacity:.35}50%{transform:translateX(16px);opacity:1}} .motion-strategy .orbit{position:absolute;left:50%;top:53%;border:1px solid rgba(255,255,255,.18);border-radius:50%;transform:translate(-50%,-50%)}.motion-strategy .orbit-a{width:290px;height:290px;animation:spin 18s linear infinite}.motion-strategy .orbit-b{width:205px;height:205px;animation:spin 12s linear infinite reverse}.motion-strategy .orbit i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--m2);box-shadow:0 0 18px var(--m2)}.orbit-a i:nth-child(1){left:20px;top:72px}.orbit-a i:nth-child(2){right:8px;top:130px}.orbit-a i:nth-child(3){left:145px;bottom:-5px}.orbit-b i:nth-child(1){left:-5px;top:95px}.orbit-b i:nth-child(2){right:28px;top:20px;background:var(--m1)}.strategy-core{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);width:112px;height:112px;border-radius:50%;display:grid;place-content:center;text-align:center;background:rgba(255,51,71,.12);border:1px solid rgba(255,51,71,.55);box-shadow:0 0 45px rgba(255,51,71,.2);animation:pulse 4s ease-in-out infinite}.strategy-core b{font-size:34px}.strategy-core span{font-size:9px;letter-spacing:.2em}.radar-sweep{position:absolute;left:50%;top:53%;width:145px;height:145px;transform-origin:0 0;background:conic-gradient(from 0deg,transparent 0 300deg,rgba(255,154,50,.28) 355deg,transparent 360deg);animation:spin 5s linear infinite}.metric-chip{position:absolute;padding:10px 13px;border-radius:12px;background:rgba(13,9,20,.7);border:1px solid rgba(255,255,255,.1);font-size:15px;font-weight:800;animation:floatY 5s ease-in-out infinite}.metric-chip small{display:block;font-size:7px;letter-spacing:.13em;opacity:.55}.chip-a{right:28px;top:125px}.chip-b{left:34px;bottom:54px;animation-delay:-2s} .search-box{position:absolute;left:10%;right:10%;top:25%;height:58px;border-radius:16px;display:flex;align-items:center;gap:12px;padding:0 17px;background:rgba(14,10,22,.74);border:1px solid rgba(255,255,255,.13);box-shadow:0 18px 50px rgba(0,0,0,.2)}.search-box i{width:17px;height:17px;border:2px solid var(--m1);border-radius:50%;position:relative}.search-box i:after{content:"";position:absolute;width:7px;height:2px;background:var(--m1);right:-5px;bottom:-3px;transform:rotate(45deg)}.search-box span{font-size:11px;opacity:.6;flex:1}.search-box b{color:var(--m2)}.serp-stack{position:absolute;left:14%;right:14%;top:43%;display:grid;gap:9px}.serp-stack div,.rank-row{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06);animation:floatY 5s ease-in-out infinite}.serp-stack div:nth-child(2){animation-delay:-1.5s}.serp-stack div:nth-child(3){animation-delay:-3s}.serp-stack b{color:var(--m1)}.serp-stack span{height:6px;border-radius:9px;background:linear-gradient(90deg,var(--m3),var(--m1));flex:1;transform-origin:left;animation:slideX 4s ease-in-out infinite}.serp-stack em{font-style:normal;font-size:11px}.seo-scan{position:absolute;left:11%;right:11%;top:27%;height:2px;background:linear-gradient(90deg,transparent,var(--m1),transparent);filter:drop-shadow(0 0 8px var(--m1));animation:scan 4.5s linear infinite}.keyword-cloud{position:absolute;right:7%;bottom:8%;display:flex;gap:6px}.keyword-cloud i{font-style:normal;font-size:8px;padding:7px 9px;border-radius:99px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04)} .rank-panel{position:absolute;left:12%;right:12%;top:23%;bottom:15%;padding:16px;border-radius:18px;background:rgba(12,8,19,.62);border:1px solid rgba(255,255,255,.1);overflow:hidden}.rank-panel header{display:flex;gap:5px;margin-bottom:20px}.rank-panel header i{width:7px;height:7px;border-radius:50%;background:var(--m1)}.rank-panel header i:nth-child(2){background:var(--m2)}.rank-panel header i:nth-child(3){background:var(--m3)}.rank-row{margin:8px 0;padding:10px 12px!important;animation:none}.rank-row b{width:18px;color:var(--m2)}.rank-row span{height:6px;border-radius:9px;background:rgba(255,255,255,.14);flex:1;position:relative}.rank-row span:after{content:"";position:absolute;inset:0 25% 0 0;background:linear-gradient(90deg,var(--m3),var(--m1));border-radius:inherit;animation:slideX 4s ease-in-out infinite}.rank-row em{font-style:normal;color:#55e7a8}.crawler-line{position:absolute;left:10%;right:10%;top:34%;height:2px;background:var(--m1);box-shadow:0 0 16px var(--m1);animation:scan 4s linear infinite}.rank-badge{position:absolute;right:6%;bottom:8%;padding:10px 13px;background:var(--m1);border-radius:12px;font-weight:900;font-size:11px;animation:pulse 3s ease-in-out infinite} .phone{position:absolute;width:178px;height:310px;left:50%;top:53%;transform:translate(-50%,-50%) rotate(-4deg);border:7px solid rgba(255,255,255,.14);border-radius:30px;background:#120d1c;box-shadow:0 28px 70px rgba(0,0,0,.32);animation:floatY 5s ease-in-out infinite}.phone:before{content:"";position:absolute;width:48px;height:6px;left:50%;top:8px;transform:translateX(-50%);border-radius:99px;background:#332a40}.phone-post{position:absolute;inset:31px 10px 40px;padding:12px;background:rgba(255,255,255,.05);border-radius:15px}.phone-post i{display:block;height:125px;border-radius:11px;background:linear-gradient(145deg,var(--m3),var(--m1));opacity:.72;animation:pulse 5s ease-in-out infinite}.phone-post b{display:block;width:45px;height:5px;background:var(--m2);margin:14px 0 8px;border-radius:8px}.phone-post span{display:block;height:4px;background:rgba(255,255,255,.16);margin:6px 0;border-radius:8px}.phone-nav{position:absolute;bottom:13px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:9px;opacity:.5}.reaction{position:absolute;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);font-weight:900;animation:floatY 3.8s ease-in-out infinite}.r1{left:16%;top:34%;color:var(--m1)}.r2{right:14%;top:27%;color:var(--m2);animation-delay:-1s}.r3{right:13%;bottom:22%;color:var(--m3);animation-delay:-2s}.social-chart{position:absolute;left:8%;bottom:13%;display:flex;align-items:end;gap:5px;height:70px}.social-chart i{width:9px;border-radius:8px;background:linear-gradient(var(--m1),var(--m3));transform-origin:bottom;animation:rise 2.5s ease-in-out infinite}.social-chart i:nth-child(1){height:35%}.social-chart i:nth-child(2){height:65%;animation-delay:-.5s}.social-chart i:nth-child(3){height:45%;animation-delay:-1s}.social-chart i:nth-child(4){height:90%;animation-delay:-1.5s} .ad-window{position:absolute;left:11%;top:25%;width:270px;padding:23px;border-radius:18px;background:rgba(15,10,23,.77);border:1px solid rgba(255,255,255,.11);box-shadow:0 25px 60px rgba(0,0,0,.24);animation:floatY 5s ease-in-out infinite}.ad-window small{font-size:7px;letter-spacing:.18em;color:var(--m2)}.ad-window h4{font-size:20px;margin:10px 0 15px}.ad-window p{height:5px;background:rgba(255,255,255,.12);border-radius:5px;width:90%}.ad-window p:nth-of-type(2){width:62%}.ad-window button{margin-top:14px;border:0;border-radius:8px;background:var(--m1);color:white;padding:8px 12px;font-weight:800}.click-cursor{position:absolute;left:54%;top:56%;font-size:32px;color:white;filter:drop-shadow(0 0 12px var(--m1));animation:clickMove 3s ease-in-out infinite}@keyframes clickMove{0%,100%{transform:translate(25px,25px) scale(1)}50%{transform:translate(0,0) scale(.82)}}.roas-ring{position:absolute;right:8%;bottom:12%;width:110px;height:110px;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(var(--m2) 0 78%,rgba(255,255,255,.08) 78%);animation:spin 10s linear infinite}.roas-ring:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#17101f}.roas-ring b,.roas-ring span{position:relative;z-index:2}.roas-ring b{font-size:20px}.roas-ring span{font-size:7px;letter-spacing:.15em}.ad-pulse{position:absolute;border:1px solid var(--m1);border-radius:50%;width:18px;height:18px;animation:pulse 2s infinite}.p1{right:20%;top:22%}.p2{left:8%;bottom:17%;animation-delay:-1s} .meta-loop{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:205px;height:205px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);animation:spin 15s linear infinite}.meta-loop span{font-size:115px;font-weight:300;line-height:1;background:linear-gradient(90deg,var(--m3),var(--m1));-webkit-background-clip:text;color:transparent;animation:spin 15s linear infinite reverse}.meta-card{position:absolute;width:128px;height:150px;padding:10px;border-radius:16px;background:rgba(13,9,20,.82);border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 45px rgba(0,0,0,.22);animation:floatY 4s ease-in-out infinite}.meta-card i{display:block;height:88px;border-radius:10px;background:linear-gradient(135deg,var(--m3),var(--m1));opacity:.65}.meta-card b{display:block;width:55px;height:5px;background:rgba(255,255,255,.16);margin:9px 0 6px}.meta-card em{font-size:8px;font-style:normal;color:var(--m2)}.mc1{left:8%;top:29%;transform:rotate(-7deg)}.mc2{right:7%;bottom:14%;transform:rotate(7deg);animation-delay:-2s}.meta-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--m1);animation:orbitPulse 2s infinite}.md1{right:22%;top:20%}.md2{left:18%;bottom:15%;animation-delay:-.7s}.md3{right:10%;top:48%;animation-delay:-1.3s} .globe{position:absolute;width:230px;height:230px;left:50%;top:52%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,255,255,.18);background:radial-gradient(circle at 38% 35%,rgba(139,92,255,.32),rgba(255,51,71,.08) 54%,transparent 72%);box-shadow:inset 0 0 50px rgba(139,92,255,.16),0 0 70px rgba(139,92,255,.08);animation:pulse 6s ease-in-out infinite}.globe .lat{position:absolute;left:7%;right:7%;height:34%;border:1px solid rgba(255,255,255,.17);border-radius:50%}.globe .l1{top:18%}.globe .l2{bottom:18%}.globe .lon{position:absolute;left:35%;top:2%;bottom:2%;width:30%;border:1px solid rgba(255,255,255,.17);border-radius:50%}.globe b{position:absolute;left:43%;top:37%;font-size:34px;color:var(--m1)}.health-orbit{position:absolute;width:300px;height:300px;left:50%;top:52%;transform:translate(-50%,-50%);border:1px dashed rgba(255,154,50,.35);border-radius:50%;animation:spin 9s linear infinite}.plane{position:absolute;right:24px;top:28px;color:var(--m2);font-style:normal;font-size:22px;transform:rotate(40deg);filter:drop-shadow(0 0 8px var(--m2))}.patient-dot{position:absolute;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--m1);font-weight:900;animation:pulse 3s ease-in-out infinite}.pd1{left:16%;top:37%}.pd2{right:13%;top:42%;animation-delay:-1s}.pd3{right:28%;bottom:12%;animation-delay:-2s}.country-chip{position:absolute;padding:7px 9px;border-radius:8px;background:rgba(255,255,255,.07);font-size:8px;font-weight:800}.cc1{left:12%;bottom:18%}.cc2{right:17%;top:22%}.cc3{left:27%;top:20%} .funnel{position:absolute;left:17%;top:28%;width:210px;display:grid;gap:7px}.funnel div{height:43px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(90deg,rgba(139,92,255,.28),rgba(255,51,71,.12));border:1px solid rgba(255,255,255,.08);font-size:8px;letter-spacing:.14em;animation:slideX 4s ease-in-out infinite}.funnel div:nth-child(2){width:82%;margin:auto;animation-delay:-1s}.funnel div:nth-child(3){width:64%;margin:auto;animation-delay:-2s}.funnel .funnel-end{width:46%;margin:auto;background:var(--m1);animation-delay:-3s}.target-ring{position:absolute;right:12%;bottom:18%;width:120px;height:120px;border:1px solid rgba(255,255,255,.16);border-radius:50%;display:grid;place-items:center;animation:pulse 4s infinite}.target-ring i{position:absolute;inset:18px;border:1px solid var(--m2);border-radius:50%}.target-ring b{font-size:30px;color:var(--m1)}.flow-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--m2);animation:flowMove 3s linear infinite}@keyframes flowMove{0%{transform:translate(0,0);opacity:0}20%{opacity:1}100%{transform:translate(185px,190px);opacity:0}}.fd1{left:18%;top:24%}.fd2{left:27%;top:22%;animation-delay:-1s}.fd3{left:34%;top:20%;animation-delay:-2s} .browser{position:absolute;left:8%;right:8%;top:20%;height:265px;border-radius:17px;background:rgba(13,9,20,.75);border:1px solid rgba(255,255,255,.12);overflow:hidden;box-shadow:0 25px 65px rgba(0,0,0,.24);animation:floatY 6s ease-in-out infinite}.browser header{height:34px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:6px;padding:0 12px}.browser header i{width:6px;height:6px;border-radius:50%;background:var(--m1)}.browser header i:nth-child(2){background:var(--m2)}.browser header i:nth-child(3){background:var(--m3)}.browser header span{margin-left:12px;font-size:7px;opacity:.42}.browser-body{height:calc(100% - 34px);display:grid;grid-template-columns:74px 1fr}.browser-body aside{border-right:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(139,92,255,.13),transparent)}.browser-body main{padding:28px}.browser-body main b{display:block;width:57%;height:18px;border-radius:4px;background:linear-gradient(90deg,var(--m3),var(--m1));margin-bottom:20px}.browser-body main p{height:6px;width:85%;background:rgba(255,255,255,.13);border-radius:5px}.browser-body main p:nth-of-type(2){width:62%}.ui-cards{display:flex;gap:8px;margin-top:24px}.ui-cards i{height:62px;flex:1;border-radius:9px;background:linear-gradient(145deg,rgba(255,51,71,.22),rgba(139,92,255,.15));animation:pulse 4s ease-in-out infinite}.ui-cards i:nth-child(2){animation-delay:-1s}.ui-cards i:nth-child(3){animation-delay:-2s}.code-cursor{position:absolute;width:2px;height:21px;background:var(--m2);left:42%;top:88px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.device{position:absolute;border:2px solid rgba(255,255,255,.22);background:rgba(10,7,16,.85);box-shadow:0 15px 35px rgba(0,0,0,.25);animation:floatY 4s ease-in-out infinite}.phone-mini{width:58px;height:105px;border-radius:12px;right:6%;bottom:8%}.tablet-mini{width:100px;height:72px;border-radius:9px;left:6%;bottom:7%;animation-delay:-2s} .shop-card{position:absolute;width:145px;height:185px;padding:12px;border-radius:17px;background:rgba(13,9,20,.78);border:1px solid rgba(255,255,255,.1);box-shadow:0 22px 55px rgba(0,0,0,.22);animation:floatY 5s ease-in-out infinite}.shop-card i{display:block;height:105px;border-radius:12px;background:linear-gradient(145deg,var(--m3),var(--m1));opacity:.55}.shop-card b,.shop-card span{display:block;font-size:8px;margin-top:10px}.shop-card span{color:var(--m2);margin-top:5px}.sc1{left:13%;top:25%;transform:rotate(-5deg)}.sc2{right:12%;top:29%;transform:rotate(6deg);animation-delay:-2.2s}.cart-orbit{position:absolute;left:50%;bottom:13%;width:88px;height:88px;transform:translateX(-50%);border:1px dashed var(--m2);border-radius:50%;animation:spin 6s linear infinite}.cart-orbit b{position:absolute;right:-5px;top:31px;font-size:20px}.checkout{position:absolute;left:50%;bottom:9%;transform:translateX(-50%);padding:8px 12px;border-radius:9px;background:var(--m1);font-size:8px;font-weight:900;letter-spacing:.12em}.checkout i{display:inline-block;width:5px;height:5px;border-radius:50%;background:white;margin-left:5px;animation:pulse 1s infinite}.sale-chip{position:absolute;right:6%;top:17%;padding:8px 10px;border-radius:9px;background:var(--m2);color:#1a0e11;font-size:9px;font-weight:900;animation:pulse 3s ease-in-out infinite} .calendar{position:absolute;left:11%;right:11%;top:24%;bottom:17%;border-radius:18px;background:rgba(13,9,20,.73);border:1px solid rgba(255,255,255,.1);overflow:hidden}.calendar header{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.08);font-size:8px;letter-spacing:.13em}.cal-grid{padding:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cal-grid i{height:68px;border-radius:10px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.05);animation:pulse 4s ease-in-out infinite}.cal-grid i:nth-child(2n){background:linear-gradient(145deg,rgba(255,51,71,.19),rgba(139,92,255,.13));animation-delay:-1.2s}.post-float{position:absolute;width:100px;height:85px;border-radius:13px;padding:8px;background:rgba(17,11,25,.92);border:1px solid rgba(255,255,255,.11);animation:floatY 4s ease-in-out infinite}.post-float i{display:block;height:51px;border-radius:8px;background:linear-gradient(135deg,var(--m3),var(--m1));opacity:.7}.post-float span{display:block;width:55%;height:4px;background:rgba(255,255,255,.14);margin-top:7px}.pf1{left:5%;bottom:7%;transform:rotate(-6deg)}.pf2{right:5%;top:16%;transform:rotate(7deg);animation-delay:-2s}.notify{position:absolute;right:5%;bottom:13%;width:42px;height:42px;border-radius:50%;background:var(--m1);display:grid;place-items:center;font-size:10px;font-weight:900;animation:pulse 2.5s infinite} .expo-floor{position:absolute;left:12%;right:12%;bottom:13%;height:180px;background:linear-gradient(135deg,rgba(139,92,255,.13),rgba(255,51,71,.08));clip-path:polygon(50% 0,100% 52%,50% 100%,0 52%);border:1px solid rgba(255,255,255,.08)}.booth{position:absolute;left:50%;top:49%;width:230px;height:195px;transform:translate(-50%,-50%);perspective:600px;animation:floatY 6s ease-in-out infinite}.booth-top{height:40px;background:linear-gradient(90deg,var(--m3),var(--m1));display:grid;place-items:center;font-size:18px;font-weight:950;letter-spacing:.12em;clip-path:polygon(8% 0,92% 0,100% 100%,0 100%)}.booth-wall{height:145px;margin:0 18px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.025));border-left:1px solid rgba(255,255,255,.14);border-right:1px solid rgba(255,255,255,.14)}.spot{position:absolute;width:4px;height:115px;top:35px;background:linear-gradient(var(--m2),transparent);filter:blur(1px);opacity:.45;transform-origin:top}.s1{left:20px;transform:rotate(24deg)}.s2{right:20px;transform:rotate(-24deg)}.visitor{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--m2);bottom:16%;animation:visitorMove 5s ease-in-out infinite}@keyframes visitorMove{50%{transform:translateX(65px)}}.v1{left:16%}.v2{left:34%;animation-delay:-2s;background:var(--m1)}.v3{right:22%;animation-delay:-3.5s;background:var(--m3)}.expo-tag{position:absolute;right:5%;top:18%;font-size:8px;letter-spacing:.14em;padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:8px} .brand-board{position:absolute;left:13%;right:13%;top:23%;bottom:16%;display:grid;grid-template-columns:1fr 1.25fr;grid-template-rows:1fr auto;gap:16px;padding:22px;border-radius:20px;background:rgba(13,9,20,.72);border:1px solid rgba(255,255,255,.1);animation:floatY 6s ease-in-out infinite}.brand-mark{position:relative;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,rgba(139,92,255,.25),rgba(255,51,71,.12));overflow:hidden}.brand-mark i{position:absolute;width:75px;height:75px;border:2px solid var(--m1);transform:rotate(45deg);animation:spin 10s linear infinite}.brand-mark i:nth-child(2){width:50px;height:50px;border-color:var(--m2);animation-direction:reverse}.brand-mark b{font-size:37px;z-index:2}.type-lines{padding:15px 5px}.type-lines strong{display:block;font-size:28px;letter-spacing:-.04em}.type-lines span{display:block;width:88%;height:6px;background:rgba(255,255,255,.13);border-radius:7px;margin-top:14px}.type-lines span:last-child{width:56%}.swatches{grid-column:1/-1;display:flex;gap:8px}.swatches i{height:32px;flex:1;border-radius:9px;background:var(--m1);animation:pulse 4s ease-in-out infinite}.swatches i:nth-child(2){background:var(--m2);animation-delay:-1s}.swatches i:nth-child(3){background:var(--m3);animation-delay:-2s}.swatches i:nth-child(4){background:#f7efff;animation-delay:-3s}.identity-orbit{position:absolute;border:1px dashed rgba(255,255,255,.15);border-radius:50%;animation:spin 13s linear infinite}.io1{width:110px;height:110px;right:4%;bottom:5%}.io2{width:75px;height:75px;right:7.5%;bottom:8.5%;animation-direction:reverse}.brand-chip{position:absolute;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);font-weight:900;animation:floatY 4s ease-in-out infinite}.bc1{left:6%;top:17%}.bc2{right:6%;top:18%;animation-delay:-2s;color:var(--m2)} html[data-theme="light"] .service-motion .search-box, html[data-theme="light"] .service-motion .rank-panel, html[data-theme="light"] .service-motion .phone, html[data-theme="light"] .service-motion .ad-window, html[data-theme="light"] .service-motion .meta-card, html[data-theme="light"] .service-motion .browser, html[data-theme="light"] .service-motion .shop-card, html[data-theme="light"] .service-motion .calendar, html[data-theme="light"] .service-motion .brand-board{background:rgba(255,255,255,.82);border-color:rgba(61,36,75,.10)} html[data-theme="light"] .service-motion .roas-ring:after{background:#fff} html[data-theme="light"] .service-motion .metric-chip{background:rgba(255,255,255,.84);border-color:rgba(61,36,75,.12)} @media(max-width:900px){.motion-wrap{min-height:420px!important}.service-motion{width:min(500px,95vw)}}@media(max-width:560px){.motion-wrap{min-height:370px!important}.service-motion{border-radius:24px;transform:scale(.94)}} @media(min-width:761px){ .site-header>.brand,.site-header>.nav,.site-header>.theme-toggle,.site-header>.nav-cta{grid-row:1!important} .site-header>.theme-toggle{grid-column:3!important;justify-self:end!important;align-self:center!important;margin:0!important} .site-header>.nav-cta{grid-column:3!important;justify-self:end!important;align-self:center!important;margin:0 112px 0 0!important;transform:none!important;top:auto!important} } html[data-theme="light"] .site-header .dropdown{ background:rgba(255,255,255,.96)!important; border-color:rgba(54,34,65,.12)!important; box-shadow:0 28px 70px rgba(48,31,58,.15)!important; backdrop-filter:blur(22px) saturate(1.08)!important; -webkit-backdrop-filter:blur(22px) saturate(1.08)!important; } html[data-theme="light"] .site-header .dropdown a{ color:#211827!important; } html[data-theme="light"] .site-header .dropdown a:hover{ background:linear-gradient(90deg,rgba(255,51,71,.09),rgba(139,92,255,.08))!important; color:#17121c!important; } html[data-theme="light"] .site-header .dropdown b{ color:#ff7a22!important; } html[data-theme="light"] .site-header .dropdown span{ color:inherit!important; } .conn-wa{--wa-red:#ff3347;--wa-orange:#ff9a32;--wa-purple:#8b5cff;--wa-ink:#160d1d;position:fixed;right:24px;bottom:24px;z-index:9999;font-family:inherit} .conn-wa-launch{position:relative;height:62px;min-width:62px;padding:0 20px 0 17px;border:0;border-radius:22px;display:flex;align-items:center;gap:10px;color:#fff;cursor:pointer;background:linear-gradient(120deg,var(--wa-purple) 0%,var(--wa-red) 52%,var(--wa-orange) 115%);box-shadow:0 18px 50px rgba(255,51,71,.28),0 7px 24px rgba(91,38,126,.28);transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s} .conn-wa-launch:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 24px 60px rgba(255,51,71,.34),0 9px 30px rgba(91,38,126,.3)} .conn-wa-launch svg{width:28px;height:28px;fill:#fff;position:relative;z-index:2} .conn-wa-launchtext{font-size:12px;font-weight:800;letter-spacing:.02em;white-space:nowrap;position:relative;z-index:2} .conn-wa-rings{position:absolute;left:13px;top:13px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.38);animation:connWaRing 2.3s ease-out infinite} .conn-wa-rings:after{content:"";position:absolute;inset:-1px;border:1px solid rgba(255,154,50,.5);border-radius:inherit;animation:connWaRing 2.3s ease-out .9s infinite} @keyframes connWaRing{0%{transform:scale(.7);opacity:.7}80%,100%{transform:scale(1.8);opacity:0}} .conn-wa-panel{position:absolute;right:0;bottom:78px;width:370px;border-radius:24px;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(18px) scale(.96);transform-origin:bottom right;transition:.35s cubic-bezier(.16,1,.3,1);background:rgba(20,12,28,.96);border:1px solid rgba(255,255,255,.11);box-shadow:0 35px 100px rgba(7,2,12,.46);backdrop-filter:blur(26px) saturate(1.14);-webkit-backdrop-filter:blur(26px) saturate(1.14)} .conn-wa.open .conn-wa-panel{opacity:1;visibility:visible;pointer-events:auto;transform:none} .conn-wa-head{position:relative;min-height:90px;padding:18px 54px 17px 18px;display:flex;align-items:center;gap:13px;background:radial-gradient(circle at 85% 10%,rgba(255,154,50,.34),transparent 34%),linear-gradient(120deg,rgba(139,92,255,.95),rgba(255,51,71,.92))} .conn-wa-head:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent)} .conn-wa-avatar{position:relative;width:50px;height:50px;border-radius:16px;background:#fff;display:grid;place-items:center;padding:8px;box-shadow:0 8px 24px rgba(0,0,0,.18)} .conn-wa-avatar img{width:100%;height:100%;object-fit:contain} .conn-wa-avatar>i{position:absolute;width:12px;height:12px;border-radius:50%;right:-3px;bottom:-2px;background:#ffb02e;border:3px solid #8b3c78;box-shadow:0 0 0 3px rgba(255,176,46,.16)} .conn-wa-headcopy{display:grid;gap:4px;color:#fff}.conn-wa-headcopy strong{font-size:14px}.conn-wa-headcopy span{font-size:10px;opacity:.85;display:flex;align-items:center;gap:6px}.conn-wa-headcopy span i{width:6px;height:6px;border-radius:50%;background:#ffbf4b;box-shadow:0 0 10px #ffbf4b} .conn-wa-close{position:absolute;right:16px;top:16px;width:32px;height:32px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font-size:22px;line-height:1;cursor:pointer;transition:.2s}.conn-wa-close:hover{background:rgba(255,255,255,.16);transform:rotate(5deg)} .conn-wa-body{padding:18px;background:radial-gradient(circle at 95% 96%,rgba(139,92,255,.12),transparent 36%)} .conn-wa-bubble{position:relative;margin:0 28px 19px 0;padding:13px 14px 10px;border-radius:5px 16px 16px 16px;background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.055));border:1px solid rgba(255,255,255,.09)} .conn-wa-bubble:before{content:"";position:absolute;left:-7px;top:-1px;border-top:8px solid rgba(255,255,255,.10);border-left:8px solid transparent} .conn-wa-bubble small{font-size:7px;letter-spacing:.16em;color:#ff9a32;font-weight:900}.conn-wa-bubble p{margin:6px 0 7px;color:#f8f1fa;font-size:12px;line-height:1.5}.conn-wa-bubble time{display:block;text-align:right;color:rgba(255,255,255,.4);font-size:8px} .conn-wa-label{display:block;margin:11px 0 7px;color:rgba(255,255,255,.6);font-size:9px;font-weight:700;letter-spacing:.06em} .conn-wa-selectwrap{position:relative}.conn-wa-selectwrap select,.conn-wa textarea{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.10);outline:0;background:rgba(255,255,255,.055);color:#fff;border-radius:12px;font:inherit;font-size:11px;transition:.2s}.conn-wa-selectwrap select{height:43px;padding:0 39px 0 12px;appearance:none;-webkit-appearance:none;cursor:pointer}.conn-wa-selectwrap span{position:absolute;right:14px;top:50%;transform:translateY(-55%);color:#ff9a32;pointer-events:none}.conn-wa-selectwrap select option{background:#1c1125;color:#fff}.conn-wa textarea{padding:11px 12px;resize:none;line-height:1.45}.conn-wa textarea::placeholder{color:rgba(255,255,255,.3)}.conn-wa-selectwrap select:focus,.conn-wa textarea:focus{border-color:rgba(255,51,71,.6);box-shadow:0 0 0 3px rgba(255,51,71,.08)} .conn-wa-send{width:100%;height:49px;margin-top:14px;padding:0 14px;border:0;border-radius:14px;display:flex;align-items:center;gap:9px;color:#fff;cursor:pointer;font:inherit;font-size:11px;font-weight:900;background:linear-gradient(105deg,#8b5cff 0%,#ff3347 54%,#ff9a32 120%);box-shadow:0 12px 30px rgba(255,51,71,.19);transition:.25s}.conn-wa-send:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(255,51,71,.28)}.conn-wa-send b{margin-left:auto;font-size:15px}.conn-wa-sendicon{width:27px;height:27px;border-radius:9px;background:rgba(255,255,255,.14);display:grid;place-items:center}.conn-wa-sendicon svg{width:19px;height:19px;fill:#fff} .conn-wa-note{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:10px;color:rgba(255,255,255,.35);font-size:8px}.conn-wa-note span{width:5px;height:5px;border-radius:50%;background:#ff9a32} html[data-theme="light"] .conn-wa-panel{background:rgba(255,255,255,.97);border-color:rgba(59,31,69,.12);box-shadow:0 30px 85px rgba(62,34,78,.2)} html[data-theme="light"] .conn-wa-body{background:radial-gradient(circle at 95% 96%,rgba(139,92,255,.08),transparent 40%)} html[data-theme="light"] .conn-wa-bubble{background:linear-gradient(145deg,rgba(139,92,255,.08),rgba(255,51,71,.045));border-color:rgba(63,37,76,.08)} html[data-theme="light"] .conn-wa-bubble p{color:#24162b}html[data-theme="light"] .conn-wa-bubble time{color:rgba(35,22,43,.4)} html[data-theme="light"] .conn-wa-label{color:rgba(35,22,43,.58)} html[data-theme="light"] .conn-wa-selectwrap select,html[data-theme="light"] .conn-wa textarea{background:#fbf8fd;border-color:rgba(61,35,73,.12);color:#24162b} html[data-theme="light"] .conn-wa-selectwrap select option{background:#fff;color:#24162b} html[data-theme="light"] .conn-wa textarea::placeholder{color:rgba(35,22,43,.32)} html[data-theme="light"] .conn-wa-note{color:rgba(35,22,43,.42)} @media(max-width:560px){ .conn-wa{right:14px;bottom:14px} .conn-wa-panel{position:fixed;left:12px;right:12px;bottom:88px;width:auto;max-height:calc(100vh - 110px);overflow:auto;transform:translateY(20px) scale(.98)} .conn-wa-launch{height:58px;min-width:58px;padding:0 16px} .conn-wa-launchtext{display:none} } .conn-wa-panel-v14{width:420px!important;border-radius:22px!important;overflow:hidden!important;background:#fff!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 28px 80px rgba(0,0,0,.32)!important} .conn-wa-welcome{min-height:116px;padding:20px 58px 18px 20px;display:grid;grid-template-columns:48px 1fr;gap:13px;align-items:start;position:relative;color:#fff;background:linear-gradient(115deg,#8b5cff 0%,#ff3347 58%,#ff9a32 120%)} .conn-wa-headset{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;position:relative;background:rgba(255,255,255,.15)} .conn-wa-headset svg{width:26px;height:26px;stroke:#fff;fill:none;stroke-width:1.8} .conn-wa-headset i{position:absolute;right:-2px;bottom:1px;width:11px;height:11px;border-radius:50%;background:#ffb13b;border:3px solid #d2486c} .conn-wa-welcome-copy strong{display:block;font-size:16px;line-height:1.28;margin-bottom:6px} .conn-wa-welcome-copy span{display:block;font-size:11px;line-height:1.45;opacity:.92} .conn-wa-panel-v14 .conn-wa-close{right:15px;top:15px;width:34px;height:34px;border:0;background:rgba(255,255,255,.16);border-radius:50%;font-size:22px} .conn-wa-status{height:54px;padding:0 20px;display:flex;align-items:center;gap:9px;color:#4a3e4d;border-bottom:1px solid #eee8f0;background:#faf8fb;font-size:11px;font-weight:700} .conn-wa-status i{width:8px;height:8px;border-radius:50%;background:#ff9a32;box-shadow:0 0 0 4px rgba(255,154,50,.12)} .conn-wa-agent{margin:13px;padding:13px 14px;border-radius:16px;border:1px solid rgba(255,51,71,.38);display:grid;grid-template-columns:54px 1fr 40px;gap:12px;align-items:center;background:#fff;transition:.25s} .conn-wa-agent:hover{transform:translateY(-2px);border-color:#ff3347;box-shadow:0 12px 30px rgba(77,39,90,.10)} .conn-wa-agent-photo{width:54px;height:54px;border-radius:50%;position:relative;overflow:visible} .conn-wa-agent-photo img{width:54px;height:54px;border-radius:50%;object-fit:cover;display:block} .conn-wa-agent-photo span{position:absolute;right:-1px;bottom:0;width:11px;height:11px;border-radius:50%;background:#ff9a32;border:3px solid #fff} .conn-wa-agent-copy{min-width:0}.conn-wa-agent-copy strong{display:block;color:#261b2b;font-size:13px;line-height:1.2}.conn-wa-agent-copy b{display:block;color:#46394b;font-size:11px;line-height:1.25;margin-top:2px}.conn-wa-agent-copy small{display:block;color:#938997;font-size:9px;margin-top:6px} .conn-wa-agent-btn{width:40px;height:40px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:linear-gradient(135deg,#8b5cff,#ff3347 62%,#ff9a32);box-shadow:0 8px 18px rgba(255,51,71,.25);transition:.2s} .conn-wa-agent-btn:hover{transform:scale(1.08) rotate(-4deg)}.conn-wa-agent-btn svg{width:24px;height:24px;fill:#fff} .conn-wa-launch-v14{width:58px!important;min-width:58px!important;height:58px!important;padding:0!important;border-radius:50%!important;justify-content:center!important} .conn-wa-launch-v14 svg{width:28px!important;height:28px!important} html[data-theme="light"] .conn-wa-panel-v14{background:#fff!important} html[data-theme="dark"] .conn-wa-panel-v14{background:#fff!important} @media(max-width:560px){ .conn-wa-panel-v14{width:auto!important;left:12px!important;right:12px!important} .conn-wa-welcome{grid-template-columns:44px 1fr;padding:18px 54px 17px 17px} .conn-wa-agent{grid-template-columns:50px 1fr 38px} } .motion-server .server-cloud{position:absolute;left:50%;top:18%;transform:translateX(-50%);width:150px;height:62px;border-radius:34px;background:linear-gradient(135deg,rgba(139,92,255,.28),rgba(255,51,71,.18));border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;font-size:10px;font-weight:900;letter-spacing:.18em;animation:serverFloat 4.8s ease-in-out infinite} .motion-server .server-cloud:before,.motion-server .server-cloud:after{content:"";position:absolute;border-radius:50%;background:inherit;border:inherit}.motion-server .server-cloud:before{width:58px;height:58px;left:18px;top:-23px}.motion-server .server-cloud:after{width:74px;height:74px;right:18px;top:-33px}.motion-server .server-cloud span{position:relative;z-index:3}.motion-server .server-cloud i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--m2);box-shadow:0 0 14px var(--m2);z-index:4;animation:serverBlink 1.8s ease-in-out infinite}.motion-server .server-cloud i:nth-of-type(1){left:28px;bottom:14px}.motion-server .server-cloud i:nth-of-type(2){left:50%;bottom:10px;animation-delay:-.6s}.motion-server .server-cloud i:nth-of-type(3){right:27px;bottom:14px;animation-delay:-1.2s} .server-rack{position:absolute;left:50%;top:53%;width:235px;padding:12px;transform:translate(-50%,-50%);border-radius:18px;background:rgba(11,8,18,.72);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px rgba(0,0,0,.27);animation:serverRackFloat 6s ease-in-out infinite}.rack-unit{height:46px;margin:7px 0;padding:0 12px;border-radius:10px;display:flex;align-items:center;gap:8px;background:linear-gradient(90deg,rgba(139,92,255,.13),rgba(255,51,71,.07));border:1px solid rgba(255,255,255,.07);position:relative;overflow:hidden}.rack-unit:after{content:"";position:absolute;left:-70%;top:0;width:55%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:serverScan 3.7s linear infinite}.rack-unit:nth-child(2):after{animation-delay:-.9s}.rack-unit:nth-child(3):after{animation-delay:-1.8s}.rack-unit:nth-child(4):after{animation-delay:-2.7s}.rack-unit b{width:9px;height:9px;border-radius:50%;background:#ff9a32;box-shadow:0 0 12px rgba(255,154,50,.8);animation:serverBlink 1.3s ease-in-out infinite}.rack-unit i{width:5px;height:5px;border-radius:50%;background:#8b5cff;animation:serverBlink 1.7s ease-in-out infinite}.rack-unit i:nth-of-type(2){background:#ff3347;animation-delay:-.7s}.rack-unit span{margin-left:auto;font-size:8px;letter-spacing:.14em;opacity:.62} .server-panel{position:absolute;right:5%;top:34%;width:145px;padding:13px;border-radius:15px;background:rgba(15,10,23,.88);border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 42px rgba(0,0,0,.24);animation:serverFloat 5s ease-in-out -2s infinite}.server-panel small{display:block;font-size:6px;letter-spacing:.16em;color:var(--m2)}.server-panel strong{display:block;font-size:10px;margin:6px 0 11px}.server-panel div{display:flex;gap:5px}.server-panel div i{height:18px;flex:1;border-radius:5px;background:linear-gradient(180deg,var(--m3),var(--m1));transform-origin:bottom;animation:serverBar 2.4s ease-in-out infinite}.server-panel div i:nth-child(2){animation-delay:-.5s}.server-panel div i:nth-child(3){animation-delay:-1s}.server-panel div i:nth-child(4){animation-delay:-1.5s} .server-metric{position:absolute;padding:10px 12px;border-radius:12px;background:rgba(16,10,24,.78);border:1px solid rgba(255,255,255,.1);box-shadow:0 14px 35px rgba(0,0,0,.2);animation:serverFloat 4.4s ease-in-out infinite}.server-metric b{display:block;font-size:16px}.server-metric span{display:block;font-size:6px;letter-spacing:.16em;opacity:.55;margin-top:2px}.sm1{left:6%;top:31%}.sm2{left:8%;bottom:13%;animation-delay:-2s}.server-shield{position:absolute;right:10%;bottom:12%;width:52px;height:58px;clip-path:polygon(50% 0,92% 16%,84% 74%,50% 100%,16% 74%,8% 16%);display:grid;place-items:center;background:linear-gradient(145deg,var(--m3),var(--m1));font-size:20px;font-weight:900;color:#fff;animation:serverPulse 3s ease-in-out infinite} .server-route{position:absolute;border:1px dashed rgba(255,154,50,.28);border-radius:50%;pointer-events:none}.route-a{width:340px;height:250px;left:50%;top:52%;transform:translate(-50%,-50%) rotate(16deg);animation:serverRoute 14s linear infinite}.route-b{width:405px;height:320px;left:50%;top:52%;transform:translate(-50%,-50%) rotate(-18deg);animation:serverRoute 19s linear infinite reverse} .packet{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--m2);box-shadow:0 0 16px var(--m2);animation:packetMove 4.3s linear infinite}.pk1{left:19%;top:28%}.pk2{right:20%;top:25%;animation-delay:-1.4s;background:var(--m1)}.pk3{left:22%;bottom:18%;animation-delay:-2.8s;background:var(--m3)} .server-feature{min-height:420px!important;display:grid!important;place-items:center!important;background:radial-gradient(circle at 50% 50%,rgba(139,92,255,.13),transparent 55%)!important}.infra-map{position:relative;width:330px;height:300px}.infra-node{position:absolute;width:82px;height:82px;border-radius:50%;display:grid;place-items:center;font-size:8px;font-weight:900;letter-spacing:.12em;background:rgba(20,13,29,.88);border:1px solid rgba(255,255,255,.12);box-shadow:0 15px 40px rgba(0,0,0,.2);animation:serverFloat 5s ease-in-out infinite}.cloud-node{left:124px;top:0;background:linear-gradient(145deg,rgba(139,92,255,.7),rgba(255,51,71,.52))}.web-node{left:0;top:114px}.db-node{right:0;top:114px;animation-delay:-1s}.mail-node{left:45px;bottom:0;animation-delay:-2s}.backup-node{right:45px;bottom:0;animation-delay:-3s}.infra-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--m2),transparent);transform-origin:left;opacity:.6;animation:serverLine 2.4s ease-in-out infinite}.il1{width:125px;left:77px;top:92px;transform:rotate(-34deg)}.il2{width:125px;right:74px;top:92px;transform:rotate(214deg)}.il3{width:105px;left:89px;bottom:84px;transform:rotate(32deg)}.il4{width:105px;right:86px;bottom:84px;transform:rotate(148deg)} @keyframes serverFloat{50%{transform:translateY(-10px)}}@keyframes serverRackFloat{50%{transform:translate(-50%,-54%)}}@keyframes serverBlink{50%{opacity:.28;transform:scale(.72)}}@keyframes serverScan{to{left:140%}}@keyframes serverBar{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes serverPulse{50%{transform:scale(1.08);filter:drop-shadow(0 0 18px rgba(255,51,71,.38))}}@keyframes serverRoute{to{transform:translate(-50%,-50%) rotate(376deg)}}@keyframes packetMove{0%{transform:translate(0,0);opacity:0}20%{opacity:1}80%{opacity:1}100%{transform:translate(250px,170px);opacity:0}}@keyframes serverLine{50%{opacity:1;filter:drop-shadow(0 0 6px var(--m2))}} html[data-theme="light"] .motion-server .server-rack,html[data-theme="light"] .motion-server .server-panel,html[data-theme="light"] .motion-server .server-metric,html[data-theme="light"] .infra-node{background:rgba(255,255,255,.88);border-color:rgba(61,35,73,.12);color:#24162b} .service-page .service-reveal{opacity:0;filter:blur(var(--sr-blur,9px));transform:translate3d(var(--sr-x,0),var(--sr-y,36px),0) scale(var(--sr-scale,.975)) rotate(var(--sr-rot,0deg));transition:opacity .92s var(--sr-delay,0ms) cubic-bezier(.16,1,.3,1),transform 1.02s var(--sr-delay,0ms) cubic-bezier(.16,1,.3,1),filter .88s var(--sr-delay,0ms) cubic-bezier(.16,1,.3,1)!important;will-change:transform,opacity,filter} .service-page .service-reveal.in{opacity:1!important;filter:blur(0)!important;transform:translate3d(0,0,0) scale(1) rotate(0)!important} .service-page .service-art-enter{opacity:0;filter:blur(12px);transform:translate3d(54px,18px,0) scale(.96) rotate(1.2deg);transition:opacity 1s .12s cubic-bezier(.16,1,.3,1),transform 1.15s .12s cubic-bezier(.16,1,.3,1),filter .95s .12s cubic-bezier(.16,1,.3,1)} .service-page .service-art-enter.in{opacity:1;filter:none;transform:none} .service-page .service-motion{animation:serviceCardBreathV23 7.6s ease-in-out infinite!important;transform-origin:50% 60%;will-change:transform,box-shadow} @keyframes serviceCardBreathV23{0%,100%{transform:translate3d(0,0,0) rotateZ(0)}45%{transform:translate3d(0,-9px,0) rotateZ(.22deg)}68%{transform:translate3d(0,-5px,0) rotateZ(-.14deg)}} .service-page .service-reveal.in .capability-card,.service-page .service-reveal.in .process-step{animation:serviceInnerRiseV23 .72s cubic-bezier(.16,1,.3,1) both} .service-page .service-reveal.in .capability-card:nth-child(2),.service-page .service-reveal.in .process-step:nth-child(2){animation-delay:.06s} .service-page .service-reveal.in .capability-card:nth-child(3),.service-page .service-reveal.in .process-step:nth-child(3){animation-delay:.12s} .service-page .service-reveal.in .capability-card:nth-child(4),.service-page .service-reveal.in .process-step:nth-child(4){animation-delay:.18s} @keyframes serviceInnerRiseV23{from{opacity:.35;filter:blur(4px);transform:translateY(20px) scale(.985)}to{opacity:1;filter:none;transform:none}} .related-viewport{overflow:hidden!important} .related-track{will-change:transform;transform:translate3d(0,0,0);transition-property:transform!important} .related-card{transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s!important} .related-card:hover{transform:translateY(-7px) scale(1.012)!important} @media(prefers-reduced-motion:reduce){.service-page .service-motion{animation:none!important}.service-page .service-reveal,.service-page .service-art-enter{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}} .service-page .service-reveal-ready{ opacity:0!important; filter:blur(var(--sr-blur,10px))!important; transform:translate3d(var(--sr-x,0),var(--sr-y,40px),0) scale(var(--sr-scale,.97)) rotate(var(--sr-rot,0deg))!important; transition: opacity .95s var(--sr-delay,0ms) cubic-bezier(.16,1,.3,1), transform 1.08s var(--sr-delay,0ms) cubic-bezier(.16,1,.3,1), filter .9s var(--sr-delay,0ms) cubic-bezier(.16,1,.3,1)!important; } .service-page .service-reveal-ready.in{ opacity:1!important; filter:blur(0)!important; transform:translate3d(0,0,0) scale(1) rotate(0)!important; } .service-page .service-art-enter{ opacity:0!important; filter:blur(12px)!important; transform:translate3d(60px,18px,0) scale(.955) rotate(1.2deg)!important; transition:opacity 1s .08s cubic-bezier(.16,1,.3,1),transform 1.12s .08s cubic-bezier(.16,1,.3,1),filter .94s .08s cubic-bezier(.16,1,.3,1)!important; } .service-page .service-art-enter.in{ opacity:1!important;filter:blur(0)!important;transform:none!important; } .service-page .motion-wrap{ animation:serviceWrapFloatV24 7s ease-in-out infinite!important; transform-origin:50% 60%; will-change:transform; } @keyframes serviceWrapFloatV24{ 0%,100%{transform:translate3d(0,0,0) rotateZ(0)} 45%{transform:translate3d(0,-10px,0) rotateZ(.18deg)} 72%{transform:translate3d(0,-5px,0) rotateZ(-.12deg)} } .service-page .service-motion .motion-grid{animation:gridDrift 12s linear infinite!important} .service-page .service-motion .motion-glow.g1{animation:glowFloat 7s ease-in-out infinite!important} .service-page .service-motion .motion-glow.g2{animation:glowFloat 9s ease-in-out -2s infinite reverse!important} .service-page .motion-strategy .orbit-a{animation:spin 18s linear infinite!important} .service-page .motion-strategy .orbit-b{animation:spin 12s linear infinite reverse!important} .service-page .service-motion:after{ content:""; position:absolute; inset:-30%; z-index:0; pointer-events:none; background:conic-gradient(from 0deg,transparent 0 75%,rgba(255,255,255,.08) 82%,transparent 89% 100%); animation:serviceSweepV24 9s linear infinite!important; mix-blend-mode:screen; } @keyframes serviceSweepV24{to{transform:rotate(360deg)}} .service-page .service-reveal-ready.in .capability-card, .service-page .service-reveal-ready.in .process-step, .service-page .service-reveal-ready.in .service-prose p, .service-page .service-reveal-ready.in .feature-copy>*{ animation:serviceInnerV24 .72s cubic-bezier(.16,1,.3,1) both!important; } .service-page .service-reveal-ready.in .capability-card:nth-child(2), .service-page .service-reveal-ready.in .process-step:nth-child(2), .service-page .service-reveal-ready.in .service-prose p:nth-child(2){animation-delay:.07s!important} .service-page .service-reveal-ready.in .capability-card:nth-child(3), .service-page .service-reveal-ready.in .process-step:nth-child(3), .service-page .service-reveal-ready.in .service-prose p:nth-child(3){animation-delay:.14s!important} .service-page .service-reveal-ready.in .capability-card:nth-child(4), .service-page .service-reveal-ready.in .process-step:nth-child(4){animation-delay:.21s!important} @keyframes serviceInnerV24{ from{opacity:.15;filter:blur(5px);transform:translateY(22px) scale(.985)} to{opacity:1;filter:blur(0);transform:none} } @media(prefers-reduced-motion:reduce){ .service-page .service-reveal-ready,.service-page .service-art-enter{opacity:1!important;filter:none!important;transform:none!important;transition:none!important} .service-page .motion-wrap,.service-page .service-motion:after{animation:none!important} } .service-page .service-cinematic-v25{ opacity:1; filter:blur(0); transform:none; transition:none!important; } .service-page .service-cinematic-v25.in, .service-page .service-reveal-ready, .service-page .service-reveal-ready.in{ transition:none!important; } .service-page .service-art-enter-v25{ opacity:0; filter:blur(12px); transform:translate3d(52px,16px,0) scale(.96); transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1.12s cubic-bezier(.16,1,.3,1),filter 1s cubic-bezier(.16,1,.3,1)!important; } .service-page .service-art-enter-v25.in{opacity:1;filter:none;transform:none} .service-page .related-viewport{overflow:hidden!important} .service-page .related-track{ display:flex!important; flex-wrap:nowrap!important; width:max-content!important; gap:14px!important; transition:none!important; will-change:transform; } .service-page .related-card{ flex:0 0 clamp(260px,29vw,390px)!important; width:clamp(260px,29vw,390px)!important; } @media(max-width:980px){ .service-page .related-card{flex-basis:330px!important;width:330px!important} } @media(max-width:620px){ .service-page .related-card{flex-basis:84vw!important;width:84vw!important} } .conn-wa:not(.open) .conn-wa-launch{ animation:waButtonDriftV25 4.4s ease-in-out infinite!important; will-change:transform; } .conn-wa:not(.open) .conn-wa-launch:hover{ animation-play-state:paused!important; transform:translateY(-4px) scale(1.02)!important; } @keyframes waButtonDriftV25{ 0%,100%{transform:translate3d(0,0,0) rotate(0deg)} 24%{transform:translate3d(-5px,-1px,0) rotate(-.5deg)} 52%{transform:translate3d(4px,0,0) rotate(.45deg)} 76%{transform:translate3d(-2px,-1px,0) rotate(-.2deg)} } @media(prefers-reduced-motion:reduce){ .conn-wa:not(.open) .conn-wa-launch{animation:none!important} } .service-page .service-intro-grid.service-reveal, .service-page .service-feature.service-reveal, .service-page .service-cta.service-reveal, .service-page .svc-v26-wrapper-live{ opacity:1!important; filter:none!important; transform:none!important; transition:none!important; } .service-page .svc-v26-reveal{ --svc-x:0px; --svc-y:0px; --svc-r:0deg; opacity:0!important; filter:blur(14px)!important; transform: perspective(1200px) translate3d(var(--svc-x),var(--svc-y),-95px) rotateZ(var(--svc-r)) scale(.972)!important; transition: opacity .90s var(--svc-delay,0ms) cubic-bezier(.16,1,.3,1), filter 1.02s var(--svc-delay,0ms) cubic-bezier(.16,1,.3,1), transform 1.08s var(--svc-delay,0ms) cubic-bezier(.16,1,.3,1)!important; will-change:transform,opacity,filter; backface-visibility:hidden; } .service-page .svc-v26-left{ --svc-x:-92px; --svc-y:8px; --svc-r:-1.25deg; } .service-page .svc-v26-right{ --svc-x:92px; --svc-y:8px; --svc-r:1.25deg; } .service-page .svc-v26-bottom{ --svc-x:0px; --svc-y:70px; --svc-r:0deg; } .service-page .svc-v26-reveal.svc-v26-in{ opacity:1!important; filter:blur(0)!important; transform:perspective(1200px) translate3d(0,0,0) rotateZ(0deg) scale(1)!important; } .service-page .service-hero-art.svc-v26-reveal.svc-v26-in{ overflow:visible; } .service-page .motion-wrap{ animation:serviceWrapFloatV24 7s ease-in-out infinite!important; } .service-page .process-strip.svc-v26-in .process-step{ animation:svcV26Inner .64s cubic-bezier(.16,1,.3,1) both!important; } .service-page .process-strip.svc-v26-in .process-step:nth-child(2){animation-delay:.06s!important} .service-page .process-strip.svc-v26-in .process-step:nth-child(3){animation-delay:.12s!important} .service-page .process-strip.svc-v26-in .process-step:nth-child(4){animation-delay:.18s!important} @keyframes svcV26Inner{ from{opacity:.15;filter:blur(5px);transform:translateY(18px)} to{opacity:1;filter:blur(0);transform:none} } @media(max-width:760px){ .service-page .svc-v26-left, .service-page .svc-v26-right, .service-page .svc-v26-bottom{ --svc-x:0px; --svc-y:48px; --svc-r:0deg; } .service-page .svc-v26-reveal{ filter:blur(10px)!important; transform:translate3d(var(--svc-x),var(--svc-y),0) scale(.982)!important; } .service-page .svc-v26-reveal.svc-v26-in{ filter:blur(0)!important; transform:translate3d(0,0,0) scale(1)!important; } } @media(prefers-reduced-motion:reduce){ .service-page .svc-v26-reveal{ opacity:1!important; filter:none!important; transform:none!important; transition:none!important; } } .service-page .service-hero-art.motion-wrap{ animation:none!important; } .service-page .service-hero-art .service-motion{ animation:svcHeroCardFloatV27 6.8s ease-in-out infinite!important; transform-origin:50% 58%; will-change:transform,box-shadow; } @keyframes svcHeroCardFloatV27{ 0%,100%{ transform:translate3d(0,0,0) rotateX(0deg) rotateY(0deg) rotateZ(0deg); box-shadow:0 40px 110px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.05); } 28%{ transform:translate3d(-4px,-8px,0) rotateX(.35deg) rotateY(-.65deg) rotateZ(-.14deg); } 55%{ transform:translate3d(4px,-12px,0) rotateX(-.25deg) rotateY(.7deg) rotateZ(.18deg); box-shadow:0 52px 126px rgba(0,0,0,.27),0 0 42px rgba(139,92,255,.08),inset 0 1px rgba(255,255,255,.07); } 78%{ transform:translate3d(1px,-6px,0) rotateX(.18deg) rotateY(-.3deg) rotateZ(-.08deg); } } html[data-theme="light"] .service-page .service-hero-art .service-motion{ animation-name:svcHeroCardFloatLightV27!important; } @keyframes svcHeroCardFloatLightV27{ 0%,100%{ transform:translate3d(0,0,0); box-shadow:0 34px 80px rgba(75,42,92,.12); } 50%{ transform:translate3d(3px,-10px,0) rotateZ(.14deg); box-shadow:0 46px 102px rgba(75,42,92,.17),0 0 36px rgba(139,92,255,.08); } } .service-page .service-motion .motion-grid{animation:gridDrift 12s linear infinite!important} .service-page .service-motion .motion-glow.g1{animation:glowFloat 7s ease-in-out infinite!important} .service-page .service-motion .motion-glow.g2{animation:glowFloat 9s ease-in-out -2s infinite reverse!important} .service-page .motion-strategy .orbit-a{animation:spin 18s linear infinite!important} .service-page .motion-strategy .orbit-b{animation:spin 12s linear infinite reverse!important} .service-page .motion-strategy .strategy-core{animation:pulse 4s ease-in-out infinite!important} .service-page .motion-strategy .radar-sweep{animation:spin 5s linear infinite!important} .service-page .motion-server .server-cloud{animation:serverFloat 4.8s ease-in-out infinite!important} .service-page .motion-server .server-rack{animation:serverRackFloat 6s ease-in-out infinite!important} .service-page .service-motion *, .service-page .service-motion *::before, .service-page .service-motion *::after{ animation-play-state:running!important; } @media(prefers-reduced-motion:reduce){ .service-page .service-hero-art .service-motion{animation:none!important} } .service-page .service-intro-grid.service-reveal, .service-page .service-feature.service-reveal, .service-page .service-cta.service-reveal, .service-page .service-hero-copy.service-reveal, .service-page .service-hero-art.service-reveal, .service-page .capability-card.service-reveal, .service-page .process-strip.service-reveal{ transition:none!important; } .service-page .service-intro-grid.service-reveal, .service-page .service-feature.service-reveal, .service-page .service-cta.service-reveal{ opacity:1!important; filter:none!important; transform:none!important; } .service-page .service-hero-art > .service-motion{ animation:svcHeroCardFloatV27 6.8s ease-in-out infinite!important; } .service-page .v29-static-wrapper{ opacity:1!important; filter:none!important; transform:none!important; transition:none!important; } .service-page .v29-reveal{ opacity:0!important; filter:blur(18px)!important; will-change:transform,opacity,filter!important; backface-visibility:hidden!important; transition: opacity 1.05s var(--v29-delay,0ms) cubic-bezier(.16,1,.3,1)!important, filter 1.15s var(--v29-delay,0ms) cubic-bezier(.16,1,.3,1)!important, transform 1.18s var(--v29-delay,0ms) cubic-bezier(.16,1,.3,1)!important; } .service-page .v29-reveal.v29-left{ transform:translate3d(-120px,18px,0) scale(.96)!important; } .service-page .v29-reveal.v29-right{ transform:translate3d(120px,18px,0) scale(.96)!important; } .service-page .v29-reveal.v29-bottom{ transform:translate3d(0,90px,0) scale(.97)!important; } .service-page .v29-reveal.v29-in{ opacity:1!important; filter:blur(0)!important; transform:translate3d(0,0,0) scale(1)!important; } .service-page .service-hero-art.v29-reveal > .service-motion{ animation:svcHeroCardFloatV27 6.8s ease-in-out infinite!important; } @media(max-width:760px){ .service-page .v29-reveal.v29-left, .service-page .v29-reveal.v29-right, .service-page .v29-reveal.v29-bottom{ transform:translate3d(0,58px,0) scale(.975)!important; } .service-page .v29-reveal.v29-in{ transform:translate3d(0,0,0) scale(1)!important; } } .service-page .svc-reveal-left, .service-page .svc-reveal-right, .service-page .svc-reveal-bottom{ opacity:0!important; filter:blur(18px)!important; will-change:transform,opacity,filter!important; transition: transform 1.15s var(--svc-delay,0ms) cubic-bezier(.16,1,.3,1), filter 1.05s var(--svc-delay,0ms) cubic-bezier(.16,1,.3,1), opacity .95s var(--svc-delay,0ms) cubic-bezier(.16,1,.3,1)!important; } .service-page .svc-reveal-left{ transform:translate3d(-120px,18px,0) scale(.965)!important; } .service-page .svc-reveal-right{ transform:translate3d(120px,18px,0) scale(.965)!important; } .service-page .svc-reveal-bottom{ transform:translate3d(0,86px,0) scale(.972)!important; } .service-page .svc-reveal-left.svc-reveal-in, .service-page .svc-reveal-right.svc-reveal-in, .service-page .svc-reveal-bottom.svc-reveal-in{ opacity:1!important; filter:blur(0)!important; transform:translate3d(0,0,0) scale(1)!important; } .service-page .service-hero-art.svc-reveal-right > .service-motion{ animation:svcHeroCardFloatV27 6.8s ease-in-out infinite!important; } @media(max-width:760px){ .service-page .svc-reveal-left, .service-page .svc-reveal-right, .service-page .svc-reveal-bottom{ transform:translate3d(0,58px,0) scale(.976)!important; } .service-page .svc-reveal-left.svc-reveal-in, .service-page .svc-reveal-right.svc-reveal-in, .service-page .svc-reveal-bottom.svc-reveal-in{ transform:translate3d(0,0,0) scale(1)!important; } } .v31-grain{position:fixed;inset:0;pointer-events:none;z-index:9990;opacity:.055;mix-blend-mode:soft-light;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")} .v31-page-transition{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;background:#100a18;clip-path:inset(100% 0 0 0);pointer-events:none;transition:clip-path .72s cubic-bezier(.76,0,.24,1)} .v31-page-transition.active{clip-path:inset(0 0 0 0);pointer-events:auto} .v31-page-transition span{position:relative;z-index:2;font-size:11px;font-weight:900;letter-spacing:.28em;color:#fff} .v31-transition-orb{position:absolute;width:46vw;height:46vw;border-radius:50%;filter:blur(75px);background:radial-gradient(circle,#ff3347 0,#8b5cff 34%,transparent 70%);opacity:.38;animation:v31Orb 4s ease-in-out infinite} @keyframes v31Orb{50%{transform:scale(1.2) translate3d(5%,-4%,0);opacity:.55}} html[data-theme="light"] @media(pointer:coarse){} .v31-chapters{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:9000;display:grid;gap:12px} .v31-chapters a{display:flex;justify-content:flex-end;align-items:center;gap:9px;text-decoration:none;color:inherit;opacity:.38;transition:.35s} .v31-chapters b{font-size:9px;letter-spacing:.08em}.v31-chapters span{width:0;overflow:hidden;white-space:nowrap;font-size:8px;font-weight:900;letter-spacing:.13em;transition:.35s} .v31-chapters a.active{opacity:1}.v31-chapters a.active span,.v31-chapters a:hover span{width:92px} @media(max-width:1100px){.v31-chapters{display:none}} .v31-premium .site-header{transition:transform .45s cubic-bezier(.16,1,.3,1),background .45s,backdrop-filter .45s,border-radius .45s,width .45s,left .45s,right .45s} .v31-premium.header-compact .site-header{backdrop-filter:blur(22px);background:rgba(15,9,23,.72);border:1px solid rgba(255,255,255,.08);border-radius:0 0 24px 24px} html[data-theme="light"] .v31-premium.header-compact .site-header{background:rgba(255,255,255,.76);border-color:rgba(50,25,65,.08)} .v31-manifesto{position:relative;overflow:hidden;padding:12vh 4vw 15vh;background:#0d0813;color:#fff} .v31-manifesto:before{content:"";position:absolute;inset:5% 15%;background:radial-gradient(circle at 30% 40%,rgba(255,51,71,.18),transparent 38%),radial-gradient(circle at 70% 55%,rgba(139,92,255,.19),transparent 42%);filter:blur(55px);animation:v31ManifestGlow 8s ease-in-out infinite alternate} @keyframes v31ManifestGlow{to{transform:scale(1.15) translateX(4%)}} .v31-manifesto-kicker{position:relative;font-size:10px;letter-spacing:.25em;font-weight:900;opacity:.55;margin-bottom:7vh} .v31-word{position:relative;display:flex;align-items:flex-start;justify-content:space-between;border-top:1px solid rgba(255,255,255,.12);padding:1.2vh 0;overflow:hidden} .v31-word span{font-size:clamp(58px,10.4vw,178px);font-weight:900;line-height:.9;letter-spacing:-.065em;filter:blur(9px);opacity:.42;transform:translateX(var(--word-x,0));transition:filter .55s,opacity .55s} .v31-word small{font-size:10px;letter-spacing:.16em;margin-top:12px;opacity:.45} .v31-word.hot span{filter:blur(0);opacity:1} .v31-universe{position:relative;min-height:850px;padding:10vh 5vw;overflow:hidden} .v31-universe-stage{position:relative;width:min(900px,90vw);height:650px;margin:5vh auto 0;display:grid;place-items:center} .v31-universe-core{position:relative;z-index:5;width:210px;height:210px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.14),rgba(139,92,255,.12) 45%,rgba(255,51,71,.08));border:1px solid rgba(255,255,255,.14);box-shadow:0 0 100px rgba(139,92,255,.16);animation:v31Core 6s ease-in-out infinite} .v31-universe-core img{width:125px;max-height:55px;object-fit:contain}.v31-universe-core span{font-size:8px;letter-spacing:.18em;opacity:.55} @keyframes v31Core{50%{transform:translateY(-10px) scale(1.025);box-shadow:0 0 130px rgba(255,51,71,.17)}} .v31-orbit{position:absolute;border:1px solid rgba(139,92,255,.18);border-radius:50%;pointer-events:none}.v31-orbit.o1{width:380px;height:380px}.v31-orbit.o2{width:570px;height:570px}.v31-orbit.o3{width:760px;height:600px} .v31-node{position:absolute;z-index:6;text-decoration:none;color:inherit;padding:16px 20px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.045);backdrop-filter:blur(16px);font-size:11px;font-weight:900;letter-spacing:.1em;transition:.35s} .v31-node small{display:block;font-size:8px;font-weight:600;opacity:.48;margin-top:6px}.v31-node:hover{transform:translateY(-7px) scale(1.04);border-color:rgba(255,51,71,.45);box-shadow:0 20px 60px rgba(0,0,0,.16)} .v31-node.n1{left:7%;top:18%}.v31-node.n2{right:5%;top:20%}.v31-node.n3{right:0;bottom:20%}.v31-node.n4{left:2%;bottom:20%}.v31-node.n5{left:50%;transform:translateX(-50%);bottom:2%} .v31-node.n5:hover{transform:translateX(-50%) translateY(-7px) scale(1.04)} html[data-theme="light"] .v31-node{background:rgba(255,255,255,.72);border-color:rgba(60,30,75,.11)} .v31-project-stack{display:block!important;position:relative;perspective:1200px} .v31-project-stack .featured-brand-card{position:sticky!important;top:15vh!important;min-height:66vh!important;margin:0 0 18vh!important;border-radius:38px!important;transform-origin:50% 15%;overflow:hidden} .v31-project-stack .featured-brand-card:nth-child(2){top:18vh!important}.v31-project-stack .featured-brand-card:nth-child(3){top:21vh!important} .v31-project-stack .featured-brand-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.17),transparent 30%);opacity:0;transition:.35s;pointer-events:none} .v31-project-stack .featured-brand-card:hover:after{opacity:1} .v31-view-project{position:absolute;right:30px;top:28px;padding:11px 15px;border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.13em;opacity:0;transform:translateY(8px);transition:.35s} .v31-project-stack .featured-brand-card:hover .v31-view-project{opacity:1;transform:none} .v31-project-note{text-align:center;font-size:8px;letter-spacing:.24em;opacity:.45;margin:-8vh 0 12vh} .v31-final-scene{position:relative;min-height:88vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden;background:#0c0712;color:#fff;padding:8vh 5vw} .v31-final-scene>span{font-size:9px;letter-spacing:.28em;opacity:.5;z-index:2} .v31-final-scene h2{position:relative;z-index:2;font-size:clamp(66px,11vw,170px);line-height:.82;letter-spacing:-.07em;margin:5vh 0} .v31-final-scene h2 em{font-style:normal;color:#ff3347} .v31-final-orb{position:absolute;width:60vw;height:60vw;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,154,50,.75),rgba(255,51,71,.48) 25%,rgba(139,92,255,.35) 52%,transparent 72%);filter:blur(50px);opacity:.35;animation:v31FinalOrb 9s ease-in-out infinite alternate} @keyframes v31FinalOrb{to{transform:translate3d(8%,-5%,0) scale(1.18) rotate(12deg)}} .v31-final-cta{position:relative;z-index:3;display:inline-flex;gap:35px;align-items:center;padding:19px 25px;border:1px solid rgba(255,255,255,.26);border-radius:999px;color:#fff;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:.15em;backdrop-filter:blur(15px)} .v31-final-cta b{font-size:20px} .v31-premium .btn,.v31-premium .brand-projects-arrow,.v31-premium .related-arrow,.v31-premium .v31-final-cta{will-change:transform} .service-page.v31-premium .service-hero{position:relative} @media(max-width:760px){ .v31-manifesto{padding-left:20px;padding-right:20px}.v31-word span{font-size:15vw} .v31-universe{min-height:auto}.v31-universe-stage{height:auto;display:flex;flex-direction:column;gap:12px;margin-top:40px} .v31-universe-core{margin-bottom:20px}.v31-orbit{display:none}.v31-node{position:static!important;width:min(420px,90vw);transform:none!important} .v31-project-stack .featured-brand-card{position:relative!important;top:auto!important;min-height:520px!important;margin-bottom:24px!important} .v31-final-scene{min-height:72vh} } .v31-chapters{ right:16px!important; gap:13px!important; width:18px!important; align-items:center!important; } .v31-chapters a{ width:18px!important; height:18px!important; display:grid!important; place-items:center!important; padding:0!important; opacity:.40!important; } .v31-chapters a b, .v31-chapters a span{ display:none!important; } .v31-chapters a::before{ content:""; width:6px; height:6px; border-radius:50%; background:currentColor; opacity:.72; transform:scale(1); transition:transform .28s ease,opacity .28s ease,box-shadow .28s ease; } .v31-chapters a.active{ opacity:1!important; } .v31-chapters a.active::before{ transform:scale(1.6); opacity:1; box-shadow:0 0 0 5px rgba(255,255,255,.08); } html[data-theme="light"] .v31-chapters a.active::before{ box-shadow:0 0 0 5px rgba(30,15,45,.07); } .v31-chapters a.active::before{ background:#ff3347!important; opacity:1!important; transform:scale(1.65)!important; box-shadow:0 0 0 5px rgba(255,51,71,.16),0 0 18px rgba(255,51,71,.38)!important; } html[data-theme="light"] .v31-chapters a.active::before{ box-shadow:0 0 0 5px rgba(255,51,71,.12),0 0 15px rgba(255,51,71,.25)!important; } .v31-page-transition{display:none!important;pointer-events:none!important} .project-page{padding-top:86px}.project-related{overflow:hidden}.project-related .brand-projects-viewport{overflow:hidden}.project-related .brand-projects-track{display:flex;gap:14px;width:max-content;will-change:transform}.project-related .brand-project-card{flex:0 0 min(320px,78vw);text-decoration:none}.project-related .brand-projects-controls{display:flex;justify-content:flex-end;gap:10px;margin:18px 0}.project-related .brand-projects-arrow{pointer-events:auto;z-index:20} .conn-wa-panel.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important}.conn-wa-launch,.conn-wa-close{pointer-events:auto!important;cursor:pointer!important} .project-success-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:46px 0 70px} .project-success-card{min-height:190px;padding:28px;border:1px solid rgba(255,255,255,.10);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));display:flex;flex-direction:column;justify-content:space-between} .project-success-card span{font-size:12px;letter-spacing:.16em;opacity:.48}.project-success-card h3{font-size:clamp(20px,2vw,30px);line-height:1.08;letter-spacing:-.03em;margin:42px 0 0} .project-impact-panel{min-height:390px;padding:34px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 78% 15%,rgba(255,51,71,.18),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018))} .project-impact-panel small{letter-spacing:.14em;opacity:.55}.project-impact-panel strong{font-size:clamp(38px,5vw,76px);line-height:.9;letter-spacing:-.06em} html[data-theme="light"] .project-success-card,html[data-theme="light"] .project-impact-panel{border-color:rgba(22,12,36,.10);background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(247,244,250,.9))} @media(max-width:760px){.project-success-grid{grid-template-columns:1fr;margin:30px 0 46px}.project-success-card{min-height:145px}.project-impact-panel{min-height:300px}} #connWa{position:fixed;z-index:99960} #connWaLaunch,#connWaClose,#connWaAgentBtn{pointer-events:auto!important;cursor:pointer!important} #connWaPanel{ display:block!important; transition:opacity .28s ease,transform .34s cubic-bezier(.16,1,.3,1),visibility .28s ease!important; } #connWa:not(.open):not(.is-open) #connWaPanel:not(.open):not(.is-open){ opacity:0!important; visibility:hidden!important; pointer-events:none!important; transform:translate3d(0,18px,0) scale(.965)!important; } #connWa.open #connWaPanel, #connWa.is-open #connWaPanel, #connWaPanel.open, #connWaPanel.is-open{ opacity:1!important; visibility:visible!important; pointer-events:auto!important; transform:translate3d(0,0,0) scale(1)!important; } #connWa:not(.open):not(.is-open) #connWaLaunch{ animation:waLaunchFloatV315 3.2s ease-in-out infinite!important; } #connWaLaunch svg{ animation:waIconPulseV315 2.4s ease-in-out infinite!important; transform-origin:center center; } #connWa .conn-wa-rings{ animation:connWaRing 2.1s ease-out infinite!important; } @keyframes waLaunchFloatV315{ 0%,100%{transform:translate3d(0,0,0)} 35%{transform:translate3d(-5px,-3px,0)} 70%{transform:translate3d(3px,-1px,0)} } @keyframes waIconPulseV315{ 0%,100%{transform:scale(1) rotate(0deg)} 45%{transform:scale(1.08) rotate(-4deg)} 72%{transform:scale(1.02) rotate(3deg)} } .project-page .service-hero-art img, .project-page .project-brand-logo-card, .project-page .brand-project-logo, .brand-project-logo{ background:#fff!important; border-radius:18px!important; } .project-page .service-hero-art img{padding:18px!important;box-sizing:border-box} .brand-project-logo{padding:12px!important} .brand-project-logo img{filter:none!important;mix-blend-mode:normal!important} @media(min-width:761px){ .project-page .v31-final-scene h2{font-size:clamp(42px,5.2vw,82px)!important;line-height:.92!important;letter-spacing:-.055em!important} .project-page .v31-final-scene h2 em{white-space:nowrap} } #brandProjectsCarousel .brand-project-logo,.project-related .brand-project-logo{background:#fff!important;border-radius:16px!important;padding:14px!important;display:grid!important;place-items:center!important;box-sizing:border-box!important} #brandProjectsCarousel .brand-project-logo img,.project-related .brand-project-logo img{width:64px!important;height:64px!important;max-width:64px!important;max-height:64px!important;object-fit:contain!important;filter:none!important;mix-blend-mode:normal!important} #brandProjectsCarousel .brand-project-logo strong,.project-related .brand-project-logo strong{display:none!important} #brandProjectsCarousel .brand-projects-viewport,.project-related .brand-projects-viewport{overflow:hidden!important;touch-action:pan-y!important} #brandProjectsCarousel .brand-projects-track,.project-related .brand-projects-track{display:flex!important;flex-wrap:nowrap!important;gap:14px!important;width:max-content!important;min-width:max-content!important;will-change:transform!important} #brandProjectsCarousel .brand-project-card,.project-related .brand-project-card{flex:0 0 260px!important;width:260px!important} #brandProjectsCarousel img[src*="-white"],.project-related img[src*="-white"]{filter:brightness(0)!important} #brandProjectsCarousel .brand-projects-viewport, .project-related .brand-projects-viewport{overflow:hidden!important;position:relative!important;touch-action:pan-y!important} #brandProjectsCarousel .brand-projects-track, .project-related .brand-projects-track{ display:flex!important;flex-wrap:nowrap!important;gap:14px!important;width:max-content!important; min-width:max-content!important;transform:translate3d(0,0,0);transition:none!important;will-change:transform!important; } #brandProjectsCarousel .brand-project-card, .project-related .brand-project-card{ flex:0 0 260px!important;width:260px!important;display:block!important;text-decoration:none!important; pointer-events:auto!important;cursor:pointer!important; } #brandProjectsCarousel .brand-project-logo, .project-related .brand-project-logo{ background:#fff!important;border-radius:16px!important;padding:14px!important;display:grid!important;place-items:center!important; } #brandProjectsCarousel .brand-project-logo img, .project-related .brand-project-logo img{ width:64px!important;height:64px!important;max-width:64px!important;max-height:64px!important; object-fit:contain!important;mix-blend-mode:normal!important; } #brandProjectsCarousel .brand-projects-arrow, .project-related .brand-projects-arrow{pointer-events:auto!important;z-index:100!important;cursor:pointer!important} #brandProjectsCarousel .brand-projects-track, .project-related .brand-projects-track{ transform:translate3d(0,0,0); transition:none!important; } #brandProjectsCarousel .brand-project-card, .project-related .brand-project-card{ pointer-events:auto!important; position:relative!important; z-index:2!important; } #brandProjectsCarousel .brand-projects-viewport, .project-related .brand-projects-viewport{ pointer-events:auto!important; } #brandProjectsCarousel .brand-project-card, .project-related .brand-project-card{ flex:0 0 calc((min(1180px, 100vw - 80px) - 56px)/5)!important; width:calc((min(1180px, 100vw - 80px) - 56px)/5)!important; pointer-events:auto!important;position:relative!important;z-index:3!important; } #brandProjectsCarousel .brand-card-sheen, .project-related .brand-card-sheen{pointer-events:none!important} #brandProjectsCarousel .brand-project-card *, .project-related .brand-project-card *{pointer-events:none!important} @media(max-width:900px){ #brandProjectsCarousel .brand-project-card,.project-related .brand-project-card{ flex-basis:calc((100vw - 76px)/3)!important;width:calc((100vw - 76px)/3)!important; } } @media(max-width:600px){ #brandProjectsCarousel .brand-project-card,.project-related .brand-project-card{ flex-basis:72vw!important;width:72vw!important; } } a.brand-project-card, a[data-project-link="1"]{pointer-events:auto!important;cursor:pointer!important;position:relative!important;z-index:50!important} a.brand-project-card::after,a[data-project-link="1"]::after{pointer-events:none!important} .brand-project-logo{position:relative!important} .brand-project-logo .brand-logo-fallback{ display:none;color:#111!important;font-size:14px!important;font-weight:800!important; line-height:1.05!important;text-align:center!important;letter-spacing:-.02em!important; } .brand-project-logo.logo-missing .brand-logo-fallback{display:block!important} .brand-project-logo.logo-missing{min-height:92px!important} a.featured-brand-card{ display:block!important; color:inherit!important; text-decoration:none!important; cursor:pointer!important; } a.featured-brand-card, a.brand-project-card{ pointer-events:auto!important; } a.featured-brand-card *, a.brand-project-card *{ pointer-events:none!important; } #connWa{position:fixed!important;right:24px!important;bottom:24px!important;z-index:999999!important;display:block!important} #connWaPanel{display:block!important;transition:opacity .28s ease,transform .3s ease,visibility .28s ease!important} #connWa:not(.open) #connWaPanel{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(16px) scale(.97)!important} #connWa.open #connWaPanel{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important} #connWaLaunch,#connWaClose,#connWaAgentBtn{pointer-events:auto!important;cursor:pointer!important} #brandProjectsCarousel .brand-project-logo,.project-related .brand-project-logo{min-height:96px!important} #brandProjectsCarousel .brand-project-logo img,.project-related .brand-project-logo img{ width:auto!important;height:auto!important;max-width:92%!important;max-height:72px!important;object-fit:contain!important; } #brandProjectsCarousel .brand-project-logo, .project-related .brand-project-logo{overflow:hidden!important} #brandProjectsCarousel .brand-project-logo img, .project-related .brand-project-logo img{ width:auto!important;height:auto!important; max-width:94%!important;max-height:72px!important; object-fit:contain!important; } #connWa{position:fixed!important;right:24px!important;bottom:24px!important;z-index:999999!important;display:block!important} #connWaPanel{ display:block!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; transform:translateY(16px) scale(.97)!important; transition:opacity .28s ease,transform .3s ease,visibility .28s ease!important; } #connWa.open #connWaPanel, #connWa.is-open #connWaPanel{ opacity:1!important; visibility:visible!important; pointer-events:auto!important; transform:none!important; } #connWaLaunch,#connWaClose,#connWaAgentBtn{ pointer-events:auto!important; cursor:pointer!important; position:relative!important; z-index:2!important; } @media(max-width:600px){ #connWa{right:14px!important;bottom:14px!important} } .project-filter{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 28px} .project-filter button{appearance:none;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.04);color:inherit;border-radius:999px;padding:10px 15px;font:700 11px/1 Manrope,sans-serif;letter-spacing:.06em;cursor:pointer;transition:.25s ease} .project-filter button:hover,.project-filter button.active{background:#ff3347;border-color:#ff3347;color:#fff;transform:translateY(-1px)} .brand-project-card[hidden]{display:none!important} .process-v329 .process-steps-v329 .step{position:relative;transition:opacity .35s ease,transform .35s ease,border-color .35s ease} .process-v329 .process-steps-v329 .step:not(.active){opacity:.54} .process-v329 .process-steps-v329 .step.active{opacity:1;transform:translateX(-8px)} .process-v329 .process-steps-v329 .step.active b{color:#ff3347} .process-progress-v329{height:2px;background:rgba(255,255,255,.12);margin-top:28px;overflow:hidden} .process-progress-v329 i{display:block;width:100%;height:100%;background:#ff3347;transform:scaleX(.1667);transform-origin:left;transition:transform .45s cubic-bezier(.16,1,.3,1)} .sector-expertise-v329{padding:clamp(80px,10vw,150px) max(24px,calc((100vw - 1180px)/2));position:relative;overflow:hidden} .sector-head-v329{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;margin:30px 0 50px} .sector-head-v329 h2{font-size:clamp(42px,6vw,84px);line-height:.93;letter-spacing:-.055em;margin:0}.sector-head-v329 h2 em{font-style:normal;color:#ff3347} .sector-head-v329 p{max-width:520px;opacity:.68;line-height:1.75} .sector-grid-v329{display:grid;grid-template-columns:repeat(5,1fr);gap:12px} .sector-card-v329{appearance:none;text-align:left;color:inherit;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:24px;min-height:250px;display:flex;flex-direction:column;cursor:pointer;transition:.35s cubic-bezier(.16,1,.3,1)} .sector-card-v329:hover{transform:translateY(-8px);border-color:rgba(255,51,71,.65);background:rgba(255,51,71,.06)} .sector-card-v329 span{font:700 11px/1 Space Mono,monospace;opacity:.45}.sector-card-v329 strong{font-size:19px;line-height:1.05;margin:38px 0 14px}.sector-card-v329 p{font-size:13px;line-height:1.6;opacity:.6;margin:0}.sector-card-v329 i{font:700 10px/1 Space Mono,monospace;font-style:normal;margin-top:auto;padding-top:24px;color:#ff3347} .project-service-tags-v329{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 4px} .project-service-tags-v329>span{font:700 10px/32px Space Mono,monospace;opacity:.42;margin-right:4px} .project-service-tags-v329 a{border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 12px;color:inherit;text-decoration:none;font-size:11px;font-weight:700;transition:.25s ease} .project-service-tags-v329 a:hover{border-color:#ff3347;color:#ff3347} .project-mid-cta-v329{padding-top:30px!important;padding-bottom:30px!important} .project-mid-cta-inner{border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:clamp(32px,5vw,70px);background:linear-gradient(135deg,rgba(255,51,71,.09),rgba(98,59,255,.06));position:relative;overflow:hidden} .project-mid-cta-inner>span{font:700 10px/1 Space Mono,monospace;letter-spacing:.12em;opacity:.5} .project-mid-cta-inner h2{font-size:clamp(34px,5vw,66px);line-height:.96;letter-spacing:-.05em;margin:20px 0}.project-mid-cta-inner h2 em{font-style:normal;color:#ff3347} .project-mid-cta-inner p{max-width:700px;line-height:1.7;opacity:.66} .project-mid-cta-inner a{display:inline-flex;margin-top:22px;padding:14px 18px;border-radius:999px;background:#ff3347;color:white!important;text-decoration:none;font-weight:800;font-size:12px} .smart-related-services-v329{padding-top:60px!important;padding-bottom:80px!important} .smart-related-head-v329 h2{font-size:clamp(34px,5vw,64px);line-height:.98;letter-spacing:-.045em}.smart-related-head-v329 h2 em{font-style:normal;color:#ff3347} .smart-related-grid-v329{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px} .smart-related-grid-v329 a{min-height:160px;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:22px;color:inherit;text-decoration:none;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;transition:.3s ease;background:rgba(255,255,255,.025)} .smart-related-grid-v329 a:hover{transform:translateY(-5px);border-color:#ff3347} .smart-related-grid-v329 span{font:700 9px/1 Space Mono,monospace;opacity:.4}.smart-related-grid-v329 strong{font-size:20px;align-self:end}.smart-related-grid-v329 i{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;color:#ff3347;font-size:22px} @media(max-width:900px){ .sector-head-v329{grid-template-columns:1fr;gap:20px} .sector-grid-v329{grid-template-columns:repeat(2,1fr)} .smart-related-grid-v329{grid-template-columns:1fr} .process-v329 .process-steps-v329 .step.active{transform:none} } @media(max-width:600px){ .hero h1{font-size:clamp(48px,15vw,72px)!important;line-height:.88!important} .hero-inner{padding-top:22px!important} .hero-actions{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important} .hero-actions .btn{justify-content:center!important;text-align:center!important} .project-filter{gap:7px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px;scrollbar-width:none} .project-filter::-webkit-scrollbar{display:none}.project-filter button{flex:0 0 auto;padding:9px 12px} .sector-expertise-v329{padding-left:18px;padding-right:18px} .sector-grid-v329{grid-template-columns:1fr} .sector-card-v329{min-height:190px} .sector-card-v329 strong{margin-top:28px} .process-v329 .process-grid{gap:28px!important} .process-v329 .steps{gap:8px!important} .project-mid-cta-inner{border-radius:20px;padding:28px 22px} .project-service-tags-v329{gap:6px}.project-service-tags-v329 a{font-size:10px;padding:7px 10px} .brand-projects-controls{gap:8px!important} .brand-projects-arrow{width:42px!important;height:42px!important} .v31-final-scene h2{font-size:clamp(40px,12vw,60px)!important} #connWa{right:12px!important;bottom:12px!important} #connWaPanel{max-width:calc(100vw - 24px)!important} } html,body{max-width:100%;overflow-x:clip} img,svg,video,canvas{max-width:100%} .site-header .header-inner{width:min(100% - 40px,1280px);margin-inline:auto} main>section{box-sizing:border-box} @media(min-width:1440px){ .hero-inner,.work,.process,.brand-projects-section{max-width:1440px;margin-inline:auto} } @media(max-width:1180px){ .site-header .header-inner{width:calc(100% - 32px)} .nav{gap:18px!important} .hero-inner{padding-left:32px!important;padding-right:32px!important} .sector-grid-v329{grid-template-columns:repeat(3,1fr)!important} #brandProjectsCarousel .brand-project-card,.project-related .brand-project-card{ flex-basis:calc((100vw - 100px)/4)!important;width:calc((100vw - 100px)/4)!important } } @media(max-width:900px){ .site-header{padding-inline:0!important} .site-header .header-inner{width:calc(100% - 28px)} .nav{max-width:min(92vw,520px)} .hero-inner{padding-left:22px!important;padding-right:22px!important} .hero-copy,.hero-side{min-width:0!important} .project-featured-v18,.projects-grid{grid-template-columns:1fr!important} .sector-grid-v329{grid-template-columns:repeat(2,1fr)!important} .process-grid{grid-template-columns:1fr!important} .service-hero-grid,.service-split,.service-grid{grid-template-columns:1fr!important} .service-content{padding-left:22px!important;padding-right:22px!important} #brandProjectsCarousel .brand-project-card,.project-related .brand-project-card{ flex-basis:calc((100vw - 72px)/3)!important;width:calc((100vw - 72px)/3)!important } .project-page .service-hero h1{font-size:clamp(48px,9vw,78px)!important} .project-page .service-hero{min-height:auto!important;padding-top:140px!important} } @media(max-width:600px){ body{font-size:15px} .site-header .header-inner{width:calc(100% - 24px)} .brand img,.logo img{max-width:150px!important;height:auto!important} .hero{min-height:auto!important} .hero-inner{padding:120px 16px 64px!important} .hero h1{font-size:clamp(44px,14vw,66px)!important;line-height:.9!important;max-width:100%!important} .hero p{font-size:14px!important;line-height:1.65!important} .hero-actions{width:100%!important} .hero-actions a{width:100%!important;box-sizing:border-box!important} .section-label{font-size:9px!important;letter-spacing:.08em!important} .work,.process,.service-content{padding-left:16px!important;padding-right:16px!important} .projects-grid,.project-featured-v18{gap:14px!important} .project{min-height:390px!important} .project h3{font-size:clamp(30px,10vw,46px)!important} .project-filter{margin:18px -2px 22px!important;padding:0 2px 8px!important} .sector-grid-v329{grid-template-columns:1fr!important} .sector-head-v329 h2{font-size:clamp(40px,12vw,58px)!important} .sector-card-v329{padding:20px!important} #brandProjectsCarousel .brand-project-card,.project-related .brand-project-card{ flex:0 0 78vw!important;width:78vw!important } .brand-projects-viewport{margin-right:-16px!important} .brand-projects-controls{justify-content:flex-start!important} .process-intro h2,.smart-related-head-v329 h2{font-size:clamp(38px,11vw,54px)!important} .process-steps-v329 .step{padding:20px 0!important} .project-page .service-hero{padding:116px 16px 56px!important} .project-page .service-hero h1{font-size:clamp(42px,12vw,60px)!important;overflow-wrap:anywhere} .project-page .service-lead{font-size:16px!important} .project-service-tags-v329{margin-top:18px!important} .project-mid-cta-v329{padding-left:16px!important;padding-right:16px!important} .project-mid-cta-inner h2{font-size:clamp(34px,10vw,48px)!important} .smart-related-services-v329{padding-left:16px!important;padding-right:16px!important} .smart-related-grid-v329 a{min-height:130px!important} .v31-final-scene{padding-left:16px!important;padding-right:16px!important} .v31-final-scene h2{font-size:clamp(38px,11vw,54px)!important;line-height:.94!important} .v31-final-scene h2 em{white-space:normal!important} #connWaPanel{width:min(360px,calc(100vw - 24px))!important;right:0!important} } @media(max-width:380px){ .hero h1{font-size:42px!important} #brandProjectsCarousel .brand-project-card,.project-related .brand-project-card{flex-basis:82vw!important;width:82vw!important} .project-filter button{font-size:10px!important;padding:8px 10px!important} .project-page .service-hero h1{font-size:40px!important} } .v31-manifesto.v334-manifesto-independent{ filter:none!important; opacity:1!important; transform:none!important; } .v34-manifesto-portrait{ opacity:.27!important; } @media(max-width:760px){ .v34-manifesto-portrait{opacity:.18!important} } .v31-manifesto .v31-word span{ transition:filter .18s linear,opacity .18s linear,transform .18s linear!important; will-change:filter,opacity,transform; } #manifesto{ filter:none!important; opacity:1!important; } #manifesto .v31-word span{ will-change:filter,opacity,transform; } .project-page .project-mid-cta-v329{ display:block!important; padding:30px 6vw!important; position:relative!important; } .project-page .project-mid-cta-inner{ display:block!important; border:1px solid rgba(255,255,255,.12)!important; border-radius:28px!important; padding:clamp(32px,5vw,70px)!important; background: radial-gradient(circle at 88% 12%,rgba(255,51,71,.24),transparent 34%), linear-gradient(135deg,rgba(255,51,71,.14),rgba(98,59,255,.08))!important; position:relative!important; overflow:hidden!important; } .project-page .project-mid-cta-inner:after{ content:"";position:absolute;width:260px;height:260px;border-radius:50%; right:-80px;top:-110px;background:rgba(255,51,71,.12);filter:blur(12px);pointer-events:none } .project-page .project-mid-cta-inner>span{ font:700 10px/1 "Space Mono",monospace!important;letter-spacing:.12em!important;opacity:.5!important } .project-page .project-mid-cta-inner h2{ font-size:clamp(34px,5vw,66px)!important;line-height:.96!important;letter-spacing:-.05em!important;margin:20px 0!important } .project-page .project-mid-cta-inner h2 em{font-style:normal!important;color:#ff3347!important} .project-page .project-mid-cta-inner p{max-width:700px!important;line-height:1.7!important;opacity:.66!important} .project-page .project-mid-cta-inner a{ display:inline-flex!important;margin-top:22px!important;padding:14px 18px!important;border-radius:999px!important; background:#ff3347!important;color:#fff!important;text-decoration:none!important;font-weight:800!important;font-size:12px!important } .project-page .project-related{ display:block!important; padding:72px 6vw 96px!important; overflow:hidden!important; } .project-page .project-related>.section-label{margin-bottom:26px!important} .project-page .project-related .brand-projects-carousel{display:block!important;width:100%!important;overflow:visible!important} .project-page .project-related .brand-projects-viewport{overflow:hidden!important;width:100%!important;position:relative!important} .project-page .project-related .brand-projects-track{ display:flex!important;flex-wrap:nowrap!important;gap:14px!important;width:max-content!important;min-width:max-content!important; will-change:transform!important } .project-page .project-related .brand-project-card{ position:relative!important; flex:0 0 calc((min(1180px,100vw - 12vw) - 56px)/5)!important; width:calc((min(1180px,100vw - 12vw) - 56px)/5)!important; min-height:190px!important;height:190px!important; padding:15px!important;border-radius:17px!important;overflow:hidden!important; display:flex!important;flex-direction:column!important; color:#fff!important;text-decoration:none!important; background:linear-gradient(145deg,rgba(139,92,255,.12),rgba(255,51,71,.055))!important; border:1px solid rgba(255,255,255,.09)!important; box-sizing:border-box!important;transition:transform .32s,border-color .32s,box-shadow .32s!important } .project-page .project-related .brand-project-card:nth-child(4n+2){background:linear-gradient(145deg,rgba(255,87,51,.14),rgba(255,154,50,.055))!important} .project-page .project-related .brand-project-card:nth-child(4n+3){background:linear-gradient(145deg,rgba(60,111,255,.14),rgba(139,92,255,.055))!important} .project-page .project-related .brand-project-card:nth-child(4n+4){background:linear-gradient(145deg,rgba(255,154,50,.13),rgba(255,51,71,.05))!important} .project-page .project-related .brand-project-card:hover{ transform:translateY(-5px)!important;border-color:rgba(255,255,255,.2)!important;box-shadow:0 18px 42px rgba(0,0,0,.16)!important } .project-page .project-related .brand-project-logo{ height:96px!important;min-height:96px!important;background:#fff!important;border-radius:16px!important; padding:14px!important;display:grid!important;place-items:center!important;box-sizing:border-box!important;overflow:hidden!important } .project-page .project-related .brand-project-logo img{ width:auto!important;height:auto!important;max-width:94%!important;max-height:72px!important;object-fit:contain!important; filter:none!important;mix-blend-mode:normal!important } .project-page .project-related .brand-logo-fallback{ display:none;color:#111!important;font-size:14px!important;font-weight:800!important;line-height:1.05!important;text-align:center!important } .project-page .project-related .brand-project-logo.logo-missing .brand-logo-fallback{display:block!important} .project-page .project-related .brand-project-meta{display:block!important;margin-top:auto!important;padding-top:10px!important} .project-page .project-related .brand-project-meta h4{ display:block!important;font-size:11px!important;line-height:1.2!important;color:#fff!important;margin:0 0 4px!important; white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important } .project-page .project-related .brand-project-meta span{ display:block!important;font:400 7px/1.2 "Space Mono",monospace!important;color:rgba(255,255,255,.48)!important } .project-page .project-related .brand-projects-controls{ display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:9px!important;margin:0 0 18px!important } .project-page .project-related .brand-projects-arrow{ appearance:none!important;width:42px!important;height:42px!important;min-width:42px!important; display:grid!important;place-items:center!important;padding:0!important;border-radius:12px!important; border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.04)!important;color:#fff!important; cursor:pointer!important;font-size:17px!important;line-height:1!important;transition:.25s!important;pointer-events:auto!important;z-index:20!important } .project-page .project-related .brand-projects-arrow:hover{transform:translateY(-2px)!important;background:rgba(255,255,255,.1)!important} html[data-theme="light"] .project-page .project-related .brand-project-card{ border-color:rgba(54,35,65,.1)!important;box-shadow:0 15px 36px rgba(55,36,67,.06)!important } html[data-theme="light"] .project-page .project-related .brand-project-meta h4{color:#271a2e!important} html[data-theme="light"] .project-page .project-related .brand-project-meta span{color:#766a7a!important} html[data-theme="light"] .project-page .project-related .brand-projects-arrow{ background:#fff!important;border-color:rgba(50,31,61,.12)!important;color:#271a2e!important } @media(max-width:1180px){ .project-page .project-related .brand-project-card{ flex-basis:calc((100vw - 100px)/4)!important;width:calc((100vw - 100px)/4)!important } } @media(max-width:900px){ .project-page .project-related{padding-left:22px!important;padding-right:22px!important} .project-page .project-related .brand-project-card{ flex-basis:calc((100vw - 72px)/3)!important;width:calc((100vw - 72px)/3)!important } } @media(max-width:600px){ .project-page .project-mid-cta-v329{padding-left:16px!important;padding-right:16px!important} .project-page .project-related{padding:56px 16px 72px!important} .project-page .project-related .brand-project-card{flex:0 0 78vw!important;width:78vw!important} .project-page .project-related .brand-projects-controls{justify-content:flex-start!important} } .project-page .service-hero-art{ display:flex!important; align-items:center!important; justify-content:center!important; } .project-page .service-hero-art img{ display:block!important; width:auto!important; height:auto!important; max-width:min(82%,560px)!important; max-height:280px!important; object-fit:contain!important; aspect-ratio:auto!important; background:#fff!important; border-radius:20px!important; padding:26px 32px!important; box-sizing:border-box!important; filter:none!important; mix-blend-mode:normal!important; } @media(max-width:900px){ .project-page .service-hero-art img{ max-width:min(88%,480px)!important; max-height:240px!important; padding:22px 26px!important; } } @media(max-width:600px){ .project-page .service-hero-art img{ max-width:92%!important; max-height:210px!important; padding:18px 20px!important; border-radius:16px!important; } } .site-header{ padding-left:clamp(22px,4.5vw,76px)!important; padding-right:clamp(22px,4.5vw,76px)!important; } @media(max-width:760px){ .site-header{ height:72px!important; min-height:72px!important; padding:0 18px!important; display:flex!important; align-items:center!important; gap:12px!important; z-index:10020!important; background:rgba(12,8,18,.74)!important; border-bottom:1px solid rgba(255,255,255,.08)!important; backdrop-filter:blur(20px) saturate(1.12)!important; -webkit-backdrop-filter:blur(20px) saturate(1.12)!important; } .site-header>.brand{ margin:0 auto 0 0!important; padding:0!important; z-index:2!important; } .site-header .brand-logo{ width:138px!important; max-height:42px!important; object-fit:contain!important; object-position:left center!important; } .site-header>.nav-cta{display:none!important} .site-header>.theme-toggle{ position:relative!important; inset:auto!important; margin:0 2px 0 0!important; flex:0 0 auto!important; z-index:2!important; transform:scale(.88)!important; transform-origin:right center!important; } .site-header>.menu{ display:grid!important; place-items:center!important; position:relative!important; width:46px!important; height:46px!important; flex:0 0 46px!important; margin:0!important; padding:0!important; border:1px solid rgba(255,255,255,.14)!important; border-radius:15px!important; background:rgba(255,255,255,.065)!important; color:transparent!important; font-size:0!important; cursor:pointer!important; z-index:10022!important; transition:background .25s ease,border-color .25s ease,transform .25s ease!important; } .site-header>.menu:before, .site-header>.menu:after, .site-header>.menu span{ content:""; position:absolute; left:13px; width:18px; height:1.5px; border-radius:5px; background:currentColor; color:#fff; transition:transform .34s cubic-bezier(.16,1,.3,1),top .34s cubic-bezier(.16,1,.3,1),opacity .2s ease!important; } .site-header>.menu:before{top:16px} .site-header>.menu span{top:22px} .site-header>.menu:after{top:28px} .site-header>.menu.is-open{ background:linear-gradient(135deg,rgba(255,51,71,.22),rgba(139,92,255,.18))!important; border-color:rgba(255,255,255,.23)!important; } .site-header>.menu.is-open:before{top:22px;transform:rotate(45deg)} .site-header>.menu.is-open span{opacity:0;transform:scaleX(.3)} .site-header>.menu.is-open:after{top:22px;transform:rotate(-45deg)} .site-header .nav{ position:fixed!important; top:72px!important; left:0!important; right:0!important; bottom:0!important; width:100%!important; height:calc(100dvh - 72px)!important; max-height:none!important; margin:0!important; padding:22px 18px max(28px,env(safe-area-inset-bottom))!important; display:flex!important; flex-direction:column!important; align-items:stretch!important; justify-content:flex-start!important; gap:0!important; overflow-y:auto!important; overscroll-behavior:contain!important; background: radial-gradient(circle at 92% 8%,rgba(255,51,71,.16),transparent 30%), radial-gradient(circle at 10% 88%,rgba(103,37,200,.18),transparent 34%), rgba(12,8,18,.985)!important; backdrop-filter:blur(26px) saturate(1.15)!important; -webkit-backdrop-filter:blur(26px) saturate(1.15)!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; transform:translate3d(0,-14px,0)!important; transition:opacity .28s ease,transform .4s cubic-bezier(.16,1,.3,1),visibility .28s ease!important; z-index:10018!important; } .site-header .nav.open{ opacity:1!important; visibility:visible!important; pointer-events:auto!important; transform:translate3d(0,0,0)!important; } body.mobile-menu-open{overflow:hidden!important;touch-action:none} body.mobile-menu-open .site-header{background:rgba(12,8,18,.985)!important} .site-header .nav>a, .site-header .nav-item>.dropdown-trigger{ display:flex!important; align-items:center!important; justify-content:space-between!important; width:100%!important; min-height:64px!important; height:auto!important; margin:0!important; padding:15px 4px!important; border-bottom:1px solid rgba(255,255,255,.085)!important; color:#fff!important; text-decoration:none!important; font-size:clamp(24px,7vw,34px)!important; line-height:1!important; font-weight:700!important; letter-spacing:-.035em!important; } .site-header .nav>a:after{ content:"↗"; font:500 15px/1 "Space Mono",monospace; color:rgba(255,255,255,.34); margin-left:15px; } .site-header .nav-item.has-dropdown{ display:block!important; height:auto!important; min-height:0!important; margin:0!important; padding:0!important; } .site-header .nav-item.has-dropdown>.dropdown-trigger{ padding:15px 4px!important; } .site-header .nav-item.has-dropdown>.dropdown-trigger:after{display:none!important} .site-header .menu-caret{ position:relative!important; left:auto!important; bottom:auto!important; width:11px!important; height:11px!important; margin:0 7px 0 auto!important; border-right:1.5px solid rgba(255,255,255,.65)!important; border-bottom:1.5px solid rgba(255,255,255,.65)!important; transform:rotate(45deg)!important; transition:transform .28s cubic-bezier(.16,1,.3,1)!important; } .site-header .nav-item.has-dropdown.open .menu-caret{ transform:rotate(225deg)!important; } .site-header .dropdown{ position:static!important; inset:auto!important; width:100%!important; max-width:none!important; max-height:0!important; margin:0!important; padding:0 0!important; display:grid!important; grid-template-columns:1fr!important; gap:0!important; overflow:hidden!important; opacity:1!important; visibility:visible!important; pointer-events:none!important; transform:none!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; transition:max-height .48s cubic-bezier(.16,1,.3,1),padding .35s ease!important; } .site-header .nav-item.has-dropdown.open .dropdown{ max-height:900px!important; padding:8px 0 14px!important; pointer-events:auto!important; } .site-header .nav-item.has-dropdown:hover .dropdown{max-height:0!important;padding:0!important} .site-header .nav-item.has-dropdown.open:hover .dropdown{max-height:900px!important;padding:8px 0 14px!important} .site-header .dropdown a{ display:grid!important; grid-template-columns:38px 1fr auto!important; align-items:center!important; gap:8px!important; min-height:48px!important; padding:11px 5px!important; margin:0!important; border-bottom:1px solid rgba(255,255,255,.055)!important; border-radius:0!important; background:transparent!important; color:rgba(255,255,255,.78)!important; text-decoration:none!important; } .site-header .dropdown a:after{ content:"↗"; font:500 11px/1 "Space Mono",monospace; opacity:.28; } .site-header .dropdown b{ font:700 10px/1 "Space Mono",monospace!important; color:#ff6b2c!important; opacity:.8!important; } .site-header .dropdown span{ font-size:14px!important; line-height:1.25!important; font-weight:650!important; letter-spacing:-.01em!important; color:inherit!important; } .site-header .mobile-nav-cta{ display:flex!important; align-items:center!important; justify-content:center!important; min-height:56px!important; margin:22px 0 4px!important; padding:15px 18px!important; border:0!important; border-radius:16px!important; background:linear-gradient(115deg,#8b5cff,#ff3347 56%,#ff8a2d)!important; color:#fff!important; font-size:13px!important; font-weight:850!important; letter-spacing:.02em!important; text-decoration:none!important; box-shadow:0 18px 45px rgba(255,51,71,.17)!important; } .site-header .mobile-nav-cta:after{content:"↗";margin-left:10px;font:700 13px/1 "Space Mono",monospace;color:#fff} html[data-theme="light"] .site-header{ background:rgba(250,248,246,.86)!important; border-bottom-color:rgba(35,22,40,.09)!important; } html[data-theme="light"] .site-header>.menu{ color:transparent!important; border-color:rgba(35,22,40,.12)!important; background:rgba(255,255,255,.72)!important; } html[data-theme="light"] .site-header>.menu:before, html[data-theme="light"] .site-header>.menu:after, html[data-theme="light"] .site-header>.menu span{color:#241729!important} html[data-theme="light"] .site-header .nav{ background: radial-gradient(circle at 92% 8%,rgba(255,51,71,.09),transparent 30%), radial-gradient(circle at 10% 88%,rgba(103,37,200,.09),transparent 34%), rgba(250,248,246,.985)!important; } html[data-theme="light"] .site-header .nav>a, html[data-theme="light"] .site-header .nav-item>.dropdown-trigger{ color:#241729!important; border-bottom-color:rgba(35,22,40,.09)!important; } html[data-theme="light"] .site-header .nav>a:after{color:rgba(36,23,41,.35)} html[data-theme="light"] .site-header .menu-caret{ border-color:rgba(36,23,41,.62)!important; } html[data-theme="light"] .site-header .dropdown a{ color:#4d4252!important; border-bottom-color:rgba(35,22,40,.06)!important; } } @media(max-width:760px){ .site-header .nav{ overflow-y:auto!important; overflow-x:hidden!important; -webkit-overflow-scrolling:touch!important; padding-bottom:max(34px,env(safe-area-inset-bottom))!important; } .site-header .nav-item.has-dropdown{ flex:0 0 auto!important; width:100%!important; overflow:visible!important; } .site-header .dropdown{ flex:none!important; overflow:hidden!important; } .site-header .nav-item.has-dropdown.open .dropdown, .site-header .nav-item.has-dropdown.open:hover .dropdown{ max-height:none!important; height:auto!important; overflow:visible!important; } .site-header .mobile-nav-cta{ position:static!important; flex:0 0 auto!important; order:999!important; margin-top:24px!important; margin-bottom:18px!important; } } .service-page .service-hero-art > .service-motion{ animation:svcHeroCardFloatV27 6.8s ease-in-out infinite!important; animation-play-state:running!important; } .service-page .service-hero-art > .service-motion *, .service-page .service-hero-art > .service-motion *::before, .service-page .service-hero-art > .service-motion *::after{ animation-play-state:running!important; } @media(prefers-reduced-motion:reduce){ .service-page .service-hero-art > .service-motion{ animation:svcHeroCardFloatV27 6.8s ease-in-out infinite!important; } } .error-page .v31-final-scene{display:none!important} .error-page .error-main{overflow:hidden} .error-page .error-hero{ min-height:100svh; padding:clamp(132px,14vw,190px) clamp(22px,5vw,82px) clamp(76px,8vw,118px); display:grid; grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr); gap:clamp(46px,7vw,120px); align-items:center; position:relative; } .error-page .error-hero:before{ content:"";position:absolute;inset:0;pointer-events:none; background: radial-gradient(circle at 76% 38%,rgba(139,92,255,.12),transparent 28%), radial-gradient(circle at 87% 64%,rgba(255,51,71,.09),transparent 24%); } .error-page .error-hero-copy,.error-page .error-hero-art{position:relative;z-index:1} .error-page .error-brand-mark{display:inline-flex;width:min(235px,58vw);margin-bottom:clamp(30px,4vw,56px)} .error-page .error-brand-mark img{display:block;width:100%;height:auto;object-fit:contain} .error-page .error-hero h1{font-size:clamp(54px,7.3vw,132px);line-height:.87;letter-spacing:-.075em;margin:18px 0 28px;max-width:900px} .error-page .error-hero h1 em{font-style:normal;background:linear-gradient(100deg,#8b5cff 3%,#ff3347 55%,#ff8a2d);-webkit-background-clip:text;background-clip:text;color:transparent} .error-page .error-hero .service-lead{max-width:720px} .error-page .error-motion-card{ width:min(100%,720px);aspect-ratio:1.12/1;min-height:480px;margin-left:auto; position:relative;overflow:hidden;border-radius:38px; border:1px solid rgba(255,255,255,.11); background:linear-gradient(145deg,rgba(30,19,41,.88),rgba(12,9,18,.96)); box-shadow:0 55px 150px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08); transform-style:preserve-3d; animation:errorCardFloat 7s ease-in-out infinite!important; } .error-page .error-card-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 88%)} .error-page .error-card-glow{position:absolute;border-radius:50%;filter:blur(10px);opacity:.8;animation:errorGlow 5.8s ease-in-out infinite alternate!important} .error-page .error-card-glow-a{width:330px;height:330px;right:-80px;top:-70px;background:radial-gradient(circle,rgba(139,92,255,.34),transparent 67%)} .error-page .error-card-glow-b{width:310px;height:310px;left:-90px;bottom:-110px;background:radial-gradient(circle,rgba(255,51,71,.24),transparent 68%);animation-delay:-2.4s!important} .error-page .error-code-wrap{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3;transform:translateZ(54px)} .error-page .error-code-kicker{font:700 11px/1 "Space Mono",monospace;letter-spacing:.22em;color:rgba(255,255,255,.48);margin-bottom:9px} .error-page .error-code{font:800 clamp(118px,17vw,250px)/.78 Manrope,sans-serif;letter-spacing:-.085em;color:#fff;text-shadow:0 0 58px rgba(139,92,255,.18);animation:errorCodePulse 3.8s ease-in-out infinite!important} .error-page .error-code-line{width:min(230px,42%);height:1px;background:rgba(255,255,255,.16);overflow:hidden;margin:28px 0 18px;position:relative} .error-page .error-code-line i{display:block;width:38%;height:100%;background:linear-gradient(90deg,transparent,#ff3347,#ff8a2d,transparent);animation:errorScan 2.3s linear infinite!important} .error-page .error-code-wrap small{font:700 9px/1.5 "Space Mono",monospace;letter-spacing:.16em;color:rgba(255,255,255,.34);text-align:center} .error-page .error-orbit{position:absolute;z-index:2;border:1px solid rgba(255,255,255,.08);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);animation:errorOrbitSpin 12s linear infinite!important} .error-page .error-orbit-a{width:70%;aspect-ratio:1} .error-page .error-orbit-b{width:88%;aspect-ratio:1;animation-duration:19s!important;animation-direction:reverse!important} .error-page .error-orbit i{position:absolute;width:10px;height:10px;border-radius:50%;left:50%;top:-5px;background:#ff3347;box-shadow:0 0 24px rgba(255,51,71,.85)} .error-page .error-orbit-b i{background:#8b5cff;box-shadow:0 0 24px rgba(139,92,255,.85)} .error-page .error-signal{position:absolute;width:7px;height:7px;border-radius:50%;background:#ff8a2d;box-shadow:0 0 18px rgba(255,138,45,.8);z-index:4;animation:errorSignal 3s ease-in-out infinite!important} .error-page .error-signal-a{top:21%;left:18%}.error-page .error-signal-b{top:72%;right:19%;animation-delay:-1.1s!important}.error-page .error-signal-c{top:18%;right:25%;background:#8b5cff;animation-delay:-2s!important} .error-page .error-mini-card{position:absolute;z-index:5;min-width:118px;padding:13px 15px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:rgba(13,9,19,.66);backdrop-filter:blur(15px);box-shadow:0 18px 60px rgba(0,0,0,.2);animation:errorMiniFloat 5.2s ease-in-out infinite!important} .error-page .error-mini-card b{display:block;font:700 18px/1 Manrope,sans-serif}.error-page .error-mini-card span{display:block;font:700 8px/1 "Space Mono",monospace;letter-spacing:.14em;color:rgba(255,255,255,.4);margin-top:7px}.error-page .error-mini-card i{display:block;width:32px;height:2px;margin-top:10px;background:linear-gradient(90deg,#8b5cff,#ff3347,#ff8a2d);border-radius:9px} .error-page .error-mini-card-a{left:6%;bottom:9%}.error-page .error-mini-card-b{right:6%;top:9%;animation-delay:-2.4s!important} .error-page .error-services{padding:clamp(84px,10vw,150px) clamp(22px,5vw,82px) clamp(110px,12vw,170px);border-top:1px solid var(--border);position:relative} .error-page .error-services:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 28% 10%,rgba(139,92,255,.08),transparent 30%)} .error-page .service-related-inner{position:relative;z-index:1;max-width:1840px;margin:0 auto} .error-page .error-services-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin:22px 0 50px} .error-page .error-services-head h2{font-size:clamp(44px,5.8vw,96px);line-height:.92;letter-spacing:-.065em;margin:0;max-width:940px} .error-page .error-services-head h2 em{font-style:normal;color:var(--conn-red)} .error-page .error-services-head p{max-width:480px;margin:0 0 8px;color:var(--muted);line-height:1.65} .error-page .related-card{min-height:300px} @keyframes errorCardFloat{0%,100%{transform:translate3d(0,0,0) rotateX(0deg) rotateY(0deg)}30%{transform:translate3d(-4px,-9px,0) rotateX(.45deg) rotateY(-.8deg)}62%{transform:translate3d(5px,-14px,0) rotateX(-.35deg) rotateY(.85deg)}80%{transform:translate3d(1px,-7px,0) rotateX(.2deg) rotateY(-.3deg)}} @keyframes errorGlow{from{transform:scale(.88);opacity:.45}to{transform:scale(1.14);opacity:.92}} @keyframes errorCodePulse{0%,100%{transform:scale(1);filter:blur(0)}48%{transform:scale(1.025);filter:blur(.25px)}52%{transform:scale(.995);filter:blur(0)}} @keyframes errorScan{from{transform:translateX(-150%)}to{transform:translateX(360%)}} @keyframes errorOrbitSpin{to{transform:translate(-50%,-50%) rotate(360deg)}} @keyframes errorSignal{0%,100%{transform:scale(.7);opacity:.35}50%{transform:scale(1.55);opacity:1}} @keyframes errorMiniFloat{0%,100%{transform:translate3d(0,0,28px)}50%{transform:translate3d(0,-12px,44px)}} html[data-theme="light"] .error-page .error-motion-card{background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(244,239,247,.98));border-color:rgba(38,22,42,.12);box-shadow:0 50px 130px rgba(68,36,83,.13),inset 0 1px #fff} html[data-theme="light"] .error-page .error-card-grid{background-image:linear-gradient(rgba(38,22,42,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(38,22,42,.06) 1px,transparent 1px)} html[data-theme="light"] .error-page .error-code{color:#241729} html[data-theme="light"] .error-page .error-code-kicker,html[data-theme="light"] .error-page .error-code-wrap small{color:rgba(36,23,41,.45)} html[data-theme="light"] .error-page .error-mini-card{background:rgba(255,255,255,.72);border-color:rgba(38,22,42,.1)} html[data-theme="light"] .error-page .error-mini-card span{color:rgba(36,23,41,.46)} @media(max-width:980px){ .error-page .error-hero{grid-template-columns:1fr;min-height:auto;padding-top:128px;gap:54px} .error-page .error-hero-copy{max-width:760px} .error-page .error-motion-card{margin:0 auto;width:min(100%,680px)} .error-page .error-services-head{display:block}.error-page .error-services-head p{margin-top:24px} } @media(max-width:620px){ .error-page .error-hero{padding:112px 18px 68px;gap:42px} .error-page .error-brand-mark{width:176px;margin-bottom:28px} .error-page .error-hero h1{font-size:clamp(52px,17vw,78px);line-height:.9} .error-page .error-motion-card{min-height:0;aspect-ratio:.9/1;border-radius:28px} .error-page .error-code{font-size:clamp(112px,36vw,165px)} .error-page .error-mini-card{min-width:92px;padding:11px 12px}.error-page .error-mini-card b{font-size:15px}.error-page .error-mini-card span{font-size:7px} .error-page .error-services{padding:80px 18px 112px}.error-page .error-services-head{margin-bottom:36px}.error-page .error-services-head h2{font-size:clamp(42px,13vw,66px)} .error-page .related-card{min-height:260px} } @media(prefers-reduced-motion:reduce){ .error-page .error-motion-card{animation:errorCardFloat 7s ease-in-out infinite!important} .error-page .error-code{animation:errorCodePulse 3.8s ease-in-out infinite!important} .error-page .error-orbit{animation:errorOrbitSpin 12s linear infinite!important} .error-page .error-orbit-b{animation-duration:19s!important} .error-page .error-code-line i{animation:errorScan 2.3s linear infinite!important} .error-page .error-signal{animation:errorSignal 3s ease-in-out infinite!important} .error-page .error-mini-card{animation:errorMiniFloat 5.2s ease-in-out infinite!important} }