* { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: hidden; }
body { margin: 0; background: var(--bg); color: var(--text); font-family: Inter, Manrope, "Segoe UI", Arial, sans-serif; overflow-x: hidden; }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: -2; background: radial-gradient(circle at 50% -10%, rgba(140,61,255,.16), transparent 34%), #050507; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, input { font: inherit; }
::selection { background: var(--purple); color: white; }

.skip-link { position: fixed; left: 16px; top: -60px; z-index: 100; background: white; color: #111; padding: 12px 18px; border-radius: 10px; transition: top .2s; }
.skip-link:focus { top: 16px; }
.page-noise { position: fixed; inset: 0; pointer-events: none; z-index: 20; opacity: .035; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='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: 420px; height: 420px; border-radius: 50%; background: radial-gradient(circle, rgba(140,61,255,.095), transparent 68%); transform: translate(-50%,-50%); pointer-events: none; z-index: -1; transition: opacity .3s; }
.section-shell { width: min(var(--max), calc(100% - 56px)); margin: 0 auto; }

.site-header { position: fixed; z-index: 30; top: 16px; left: 50%; transform: translateX(-50%); width: min(var(--max), calc(100% - 32px)); min-height: 70px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 10px 14px 10px 20px; border: 1px solid rgba(255,255,255,.1); border-radius: 18px; background: rgba(7,7,10,.72); backdrop-filter: blur(22px) saturate(140%); box-shadow: 0 16px 50px rgba(0,0,0,.28); }
.brand img { width: 116px; height: auto; }
.nav { display: flex; align-items: center; gap: 34px; }
.nav a { color: #c7c3d0; font-size: .88rem; transition: color .2s; }
.nav a:hover { color: white; }
.site-header > .button { justify-self: end; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 54px; padding: 0 24px; border: 1px solid transparent; border-radius: 100px; font-weight: 700; font-size: .92rem; transition: transform .25s var(--ease), background .25s, border-color .25s, box-shadow .25s; }
.button:hover { transform: translateY(-2px); }
.button-small { min-height: 46px; padding: 0 20px; background: linear-gradient(135deg,var(--purple),#6924db); }
.button-primary { background: linear-gradient(135deg,#a35dff 0%,#7428e8 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 12px 34px rgba(120,38,236,.26); }
.button-glow:hover { box-shadow: 0 0 0 6px rgba(140,61,255,.10), 0 18px 44px rgba(104,33,205,.4); }
.button-quiet { border-color: var(--line); background: rgba(255,255,255,.025); color: #e3dfeb; }
.button-quiet:hover { background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.2); }
.play-icon { display: grid; place-items: center; width: 26px; height: 26px; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; font-size: .58rem; padding-left: 2px; }
.menu-toggle, .mobile-menu { display: none; }

.hero { min-height: 920px; padding-top: 168px; position: relative; display: flex; flex-direction: column; justify-content: center; }
.hero::before { content: ""; position: absolute; width: 800px; height: 800px; right: -200px; top: 20px; border-radius: 50%; border: 1px solid rgba(255,255,255,.035); box-shadow: 0 0 0 110px rgba(255,255,255,.012), 0 0 0 220px rgba(255,255,255,.008); pointer-events: none; }
.hero-grid { display: grid; grid-template-columns: 1.04fr .96fr; align-items: center; gap: 54px; }
.eyebrow, .kicker { color: #bca8d7; text-transform: uppercase; letter-spacing: .16em; font-size: .72rem; font-weight: 750; }
.eyebrow { display: inline-flex; align-items: center; gap: 10px; padding: 9px 14px; border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.025); border-radius: 999px; }
.status-dot { width: 7px; height: 7px; border-radius: 50%; background: #a75dff; box-shadow: 0 0 0 5px rgba(167,93,255,.12), 0 0 14px #9e55ff; }
h1, h2, h3, p { margin-top: 0; }
h1 { max-width: 840px; margin: 30px 0 26px; font-size: clamp(3.4rem, 6vw, 6.75rem); line-height: .93; letter-spacing: -.065em; font-weight: 640; }
.gradient-text { color: transparent; background: linear-gradient(105deg,#fff 4%,#c997ff 38%,#8e3fff 76%,#e0c5ff); background-clip: text; -webkit-background-clip: text; }
.hero-lede { max-width: 650px; color: var(--muted); font-size: clamp(1rem,1.4vw,1.22rem); line-height: 1.75; }
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; margin: 36px 0 34px; }
.hero-trust { display: flex; gap: 16px; align-items: center; color: #8f8a9c; font-size: .78rem; line-height: 1.5; }
.hero-trust p { margin: 0; }
.hero-trust strong { color: #ded9e8; font-weight: 650; }
.avatar-stack { display: flex; }
.avatar-stack span { width: 38px; height: 38px; display: grid; place-items: center; margin-right: -8px; border: 2px solid #09090d; border-radius: 50%; background: #25222e; color: #d9cede; font-size: .68rem; }
.avatar-stack span:nth-child(2) { background: #6530ad; }.avatar-stack span:nth-child(3) { background: #f2eafa; color: #15111c; }

.hero-visual { position: relative; min-height: 650px; display: grid; place-items: center; isolation: isolate; }
.hero-halo { position: absolute; width: min(92%,590px); aspect-ratio: 1; border-radius: 50%; z-index: -1; background: radial-gradient(circle at 45% 35%, #c99dff 0%, #8c43ee 27%, #471178 66%, rgba(36,10,56,.2) 72%); filter: saturate(120%); box-shadow: 0 0 100px rgba(121,43,227,.28); }
.hero-halo::after { content:""; position:absolute; inset:10%; border-radius:50%; background: radial-gradient(circle at 30% 15%,rgba(255,255,255,.2),transparent 36%); }
.hero-portrait { align-self: end; width: min(98%,670px); z-index: 1; filter: drop-shadow(0 35px 45px rgba(0,0,0,.55)); }
.hero-portrait img { width: 100%; }
.hero-icon-field{position:absolute;inset:0;z-index:3;pointer-events:none}
.hero-social{position:absolute;display:grid;place-items:center;width:58px;aspect-ratio:1;border:1px solid rgba(255,255,255,.24);border-radius:50%;box-shadow:inset 0 2px 1px rgba(255,255,255,.34),inset 0 -9px 16px rgba(0,0,0,.22),0 14px 28px rgba(0,0,0,.38),0 0 20px color-mix(in srgb,var(--orb) 32%,transparent);background:radial-gradient(circle at 32% 22%,color-mix(in srgb,var(--orb) 65%,white),var(--orb) 48%,color-mix(in srgb,var(--orb) 76%,black));animation:hero-icon-float var(--float-time,7s) ease-in-out infinite;animation-delay:var(--float-delay,0s)}
.hero-social::after{content:"";position:absolute;inset:5px;border-radius:50%;border:1px solid rgba(255,255,255,.12)}
.hero-social svg{position:relative;z-index:2;width:53%;height:53%;overflow:visible}.hero-social svg path,.hero-social svg rect,.hero-social svg circle{fill:none;stroke:white;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hero-social svg path{fill:white;stroke:none}.hero-social svg .solid{fill:white;stroke:none}
.hero-hash{--orb:#08c8dd;--float-time:7.6s;--float-delay:-1.2s;left:40%;top:2%;width:50px}.hero-hash b{position:relative;z-index:2;color:white;font-size:1.55rem;line-height:1;text-shadow:0 2px 8px rgba(0,0,0,.22)}
.hero-like{--orb:#2479e9}.hero-like-left{--float-time:8.1s;--float-delay:-4.3s;left:3%;top:9%;width:51px}.hero-like-right{--float-time:7.3s;--float-delay:-2.1s;right:2%;bottom:16%;width:59px}
.hero-instagram{--orb:#e6247c;--float-time:7.8s;--float-delay:-5.4s;left:13%;top:28%;width:72px;background:radial-gradient(circle at 68% 70%,#ffd15c,#fa4d4d 34%,#d8248a 62%,#7441d3)}.hero-instagram svg rect,.hero-instagram svg circle{fill:none;stroke:white;stroke-width:2}
.hero-youtube{--orb:#f12440;--float-time:6.9s;--float-delay:-3.2s;left:1%;top:43%;width:54px}.hero-youtube svg{width:48%}
.hero-twitter{--orb:#08bfe8;--float-time:8.4s;--float-delay:-6.1s;left:6%;top:56%;width:78px}.hero-twitter svg{width:56%}
.hero-tiktok{--orb:#111118;--float-time:7.1s;--float-delay:-1.8s;right:7%;top:16%;width:62px;background:radial-gradient(circle at 32% 22%,#4b4b55,#101015 54%,#030305)}.hero-tiktok b{position:relative;z-index:2;font-size:2rem;color:white;text-shadow:-3px -1px 0 #20e9e6,3px 1px 0 #ff295d}
.hero-heart{--orb:#ee244a;--float-time:7.9s;--float-delay:-4.9s;right:3%;top:57%;width:51px}
.hero-rss{position:absolute;right:9%;top:39%;width:62px;height:62px;animation:hero-icon-float 8.3s ease-in-out infinite -3.7s}.hero-rss i{position:absolute;left:3px;bottom:3px;border:8px solid #ff3959;border-left-color:transparent;border-bottom-color:transparent;border-radius:0 100% 0 0;rotate:-45deg}.hero-rss i:first-child{width:46px;height:46px}.hero-rss i:nth-child(2){width:27px;height:27px}.hero-rss b{position:absolute;left:5px;bottom:5px;width:10px;height:10px;border-radius:50%;background:#ff3959;box-shadow:0 0 15px rgba(255,57,89,.5)}
.hero-growth{position:absolute;right:-1%;top:20%;width:82px;filter:drop-shadow(0 12px 16px rgba(0,0,0,.4));animation:hero-icon-float 8.6s ease-in-out infinite -5.8s}.hero-growth svg{width:100%}.growth-arrow{fill:#ff2e44;stroke:#a90f23;stroke-width:2}.growth-bar{fill:#ffae17}.bar-one{animation:growth-bars 2.9s ease-in-out infinite}.bar-two{animation:growth-bars 2.9s ease-in-out infinite -.55s}.bar-three{animation:growth-bars 2.9s ease-in-out infinite -1.1s}
@keyframes hero-icon-float{0%,100%{transform:translate3d(0,2px,0) rotate(-1.5deg)}50%{transform:translate3d(0,-7px,0) rotate(1.5deg)}}
@keyframes growth-bars{0%,100%{transform:scaleY(.9);transform-origin:bottom;opacity:.82}50%{transform:scaleY(1);opacity:1}}
.orbit { position: absolute; border: 1px solid rgba(195,151,255,.22); border-radius: 50%; z-index: -1; animation: orbit-spin 22s linear infinite; }
.orbit::after { content:""; position:absolute; width:9px; height:9px; border-radius:50%; top:10%; left:17%; background:#d8baff; box-shadow:0 0 18px #b879ff; }
.orbit-one { width: 630px; height: 630px; transform: rotate(20deg); }
.orbit-two { width: 720px; height: 470px; transform: rotate(-25deg); animation-direction: reverse; animation-duration: 30s; opacity:.55; }
@keyframes orbit-spin { to { rotate: 360deg; } }
.glass-card { border: 1px solid rgba(255,255,255,.16); background: linear-gradient(135deg,rgba(27,25,34,.78),rgba(9,9,14,.6)); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 24px 50px rgba(0,0,0,.35); backdrop-filter: blur(18px); }
.float-card { position: absolute; z-index: 4; display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 16px; min-width: 215px; }
.float-card small,.float-card strong { display:block; }.float-card small { color:#96909f; font-size:.65rem; margin-bottom:3px; }.float-card strong{font-size:.76rem;}
.float-card-top { right: -8px; top: 26%; }.float-card-bottom { left: -12px; bottom: 16%; }
.mini-icon { width:32px;height:32px;display:grid;place-items:center;border-radius:10px;font-size:1rem; }.mini-icon.purple{background:linear-gradient(135deg,#b878ff,#6922d8);}
.pulse-dot{margin-left:auto;width:7px;height:7px;border-radius:50%;background:#b66aff;box-shadow:0 0 0 5px rgba(182,106,255,.12);}
.signal{display:flex;gap:3px;align-items:end;height:28px;padding:7px;border-radius:9px;background:rgba(140,61,255,.18)}.signal b{width:3px;border-radius:3px;background:#b66cff}.signal b:nth-child(1){height:7px}.signal b:nth-child(2){height:13px}.signal b:nth-child(3){height:10px}.signal b:nth-child(4){height:17px}
.channel-pill{position:absolute;z-index:3;display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(17,14,24,.82);box-shadow:0 15px 35px rgba(0,0,0,.4);font-size:.62rem;font-weight:800;color:#d7b6ff;animation:float 5s ease-in-out infinite}.channel-one{left:5%;top:19%;transform:rotate(-8deg)}.channel-two{right:4%;bottom:25%;animation-delay:-1.7s;transform:rotate(7deg)}.channel-three{right:13%;top:12%;animation-delay:-3s;transform:rotate(9deg)}
@keyframes float{50%{translate:0 -12px}}
.scroll-cue { position:absolute; bottom:28px; left:0; display:flex;align-items:center;gap:10px;color:#74707d;text-transform:uppercase;letter-spacing:.14em;font-size:.64rem; }.scroll-cue span{width:32px;height:1px;background:#4d4954;}

.logo-rail { border-block: 1px solid rgba(255,255,255,.07); padding: 28px 0; background: #08080b; overflow:hidden; }
.rail-label { text-align:center;color:#726d79;font-size:.67rem;text-transform:uppercase;letter-spacing:.18em;margin-bottom:24px; }
.logo-marquee { position:relative;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent); }
.logo-track { width:max-content;display:flex;align-items:center;gap:88px;animation:marquee 28s linear infinite; }
.logo-track img { width:160px;height:42px;object-fit:contain;filter:grayscale(1) brightness(1.7);opacity:.65; }
@keyframes marquee { to { transform:translateX(calc(-50% - 44px)); } }

.services,.work { padding-block: 150px; }
.section-heading { display:grid;grid-template-columns:1.4fr .6fr;gap:80px;align-items:end;margin-bottom:58px; }
.section-heading h2,.growth-copy h2 { margin:16px 0 0;font-size:clamp(2.5rem,4.6vw,5.15rem);line-height:1.02;letter-spacing:-.055em;font-weight:580; }
.section-heading > p { color:var(--muted);line-height:1.7;margin:0;font-size:.97rem;max-width:430px; }
.muted{color:#706b79;}
.service-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:16px; }
.service-card { position:relative;min-height:545px;padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(160deg,rgba(255,255,255,.035),rgba(255,255,255,.008));overflow:hidden;transition:transform .45s var(--ease),border-color .35s,background .35s; }
.service-card:hover { transform:translateY(-8px);border-color:rgba(181,114,255,.38);background:linear-gradient(160deg,rgba(142,61,255,.09),rgba(255,255,255,.012)); }
.service-card.featured { background:radial-gradient(circle at 50% 32%,rgba(143,58,255,.19),transparent 36%),linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.012)); }
.service-top { display:flex;justify-content:space-between;align-items:center;color:#8b8593;font-size:.75rem; }
.service-icon { width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:#ccb0ed; }
.service-card h3 { font-size:1.65rem;letter-spacing:-.035em;margin-bottom:14px; }.service-card p{color:var(--muted);line-height:1.7;font-size:.92rem;max-width:360px;}
.service-art { height:230px;margin:26px -2px 22px;display:grid;place-items:center;position:relative; }
.service-art-marketing{isolation:isolate}
.marketing-network{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.market-orbit{fill:none;stroke:rgba(180,103,255,.25);stroke-width:1;stroke-dasharray:3 6;transform-origin:180px 115px}
.orbit-alpha{animation:market-orbit-alpha 18s linear infinite}.orbit-beta{stroke:rgba(255,255,255,.09);stroke-dasharray:2 9;animation:market-orbit-beta 14s linear infinite reverse}
.market-spoke{fill:none;stroke:rgba(173,91,255,.34);stroke-width:1;stroke-dasharray:5 8;animation:signal-flow 8s linear infinite}.spoke-b{animation-delay:-2.4s}.spoke-c{animation-delay:-4.6s}
.market-energy,.orbit-particle{fill:#ddb6ff;filter:drop-shadow(0 0 6px #a74fff)}.orbit-particle{fill:#a84eff}
.market-core{position:relative;z-index:2;width:82px;height:82px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:radial-gradient(circle at 34% 26%,#d9a9ff 0%,#9d4df4 35%,#6320ca 74%,#3c0e75 100%);box-shadow:inset -10px -12px 24px rgba(45,4,96,.38),0 0 0 9px rgba(151,60,246,.05),0 0 55px rgba(131,42,226,.45);animation:market-core-float 5.6s ease-in-out infinite;overflow:hidden}
.market-core::after{content:"";position:absolute;width:115%;height:38%;top:-6%;left:-25%;rotate:-25deg;background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);animation:planet-glint 6s ease-in-out infinite}
.market-core>b{position:absolute;right:17px;top:16px;font-size:.7rem;color:#fff;text-shadow:0 0 10px white}
.market-bars{position:absolute;left:19px;bottom:20px;display:flex;align-items:end;gap:3px;height:23px}.market-bars i{display:block;width:4px;border-radius:3px;background:rgba(255,255,255,.86);box-shadow:0 0 8px rgba(255,255,255,.4);animation:bar-rise 2.8s ease-in-out infinite}.market-bars i:nth-child(1){height:28%}.market-bars i:nth-child(2){height:53%;animation-delay:-.5s}.market-bars i:nth-child(3){height:72%;animation-delay:-1s}.market-bars i:nth-child(4){height:100%;animation-delay:-1.5s}
.market-badge{position:absolute;z-index:3;display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(255,255,255,.11);border-radius:9px;background:rgba(13,11,19,.78);backdrop-filter:blur(10px);box-shadow:0 10px 25px rgba(0,0,0,.28);color:#a9a2b2;font-size:.52rem;font-weight:750;letter-spacing:.08em;animation:market-badge-float 4.8s ease-in-out infinite}.market-badge i{width:5px;height:5px;border-radius:50%;background:#ad58ff;box-shadow:0 0 9px #a64cff}.badge-seo{left:7%;top:16%;rotate:-7deg}.badge-ads{right:6%;top:22%;rotate:6deg;animation-delay:-1.6s}.badge-social{left:37%;bottom:3%;rotate:-2deg;animation-delay:-3.1s}
@keyframes market-orbit-alpha{to{transform:rotate(360deg)}}
@keyframes market-orbit-beta{to{transform:rotate(360deg)}}
@keyframes market-core-float{0%,100%{transform:translateY(4px) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}
@keyframes market-badge-float{0%,100%{translate:0 2px}50%{translate:0 -6px}}
@keyframes planet-glint{0%,30%{translate:-55% 0}65%,100%{translate:85% 0}}
@keyframes bar-rise{0%,100%{scale:1 .75;opacity:.6}50%{scale:1 1;opacity:1}}
.service-art-ai{isolation:isolate}
.ai-network{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.network-line{fill:none;stroke:url(#network-line);stroke-width:1.2;stroke-linecap:round;stroke-dasharray:7 10;animation:signal-flow 9s linear infinite}
.line-b{animation-delay:-2.4s}.line-c{animation-delay:-4.8s}.line-d{animation-delay:-6.7s}
.network-orbit{fill:none;stroke:rgba(187,113,255,.15);stroke-width:1;stroke-dasharray:2 8;transform-origin:180px 115px;animation:network-orbit 18s linear infinite}
.network-node{transform-box:view-box;transform-origin:center;animation:node-drift 4.8s ease-in-out infinite}
.network-node circle:first-child{fill:rgba(124,46,218,.08);stroke:rgba(188,115,255,.2);stroke-width:1}
.network-node circle:last-child{fill:#a94fff;filter:url(#node-glow)}
.node-b{animation-delay:-1.3s}.node-c{animation-delay:-2.8s}.node-d{animation-delay:-4s}
.energy-dot{fill:#e0bdff;opacity:.95}
.service-art-ai .core{position:relative;z-index:2;width:84px;height:84px;border-radius:25px;display:grid;place-items:center;background:linear-gradient(145deg,#d39bff 0%,#8a39f4 56%,#6121bf 100%);font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 0 10px rgba(142,55,242,.06),0 0 54px rgba(151,64,248,.5);animation:core-float 5s ease-in-out infinite;overflow:hidden}
.service-art-ai .core::before{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.42) 50%,transparent 65%);transform:translateX(-55%) rotate(8deg);animation:core-shine 5.5s ease-in-out infinite}
.service-art-ai .core span{position:relative;z-index:2;letter-spacing:-.06em;text-shadow:0 1px 12px rgba(55,7,106,.45)}
.service-art-ai .core i{position:absolute;inset:8px;border:1px solid rgba(255,255,255,.17);border-radius:20px}
.service-card:hover .network-line{stroke-width:1.7}.service-card:hover .service-art-ai .core{box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 0 0 13px rgba(142,55,242,.08),0 0 70px rgba(151,64,248,.65)}
@keyframes signal-flow{to{stroke-dashoffset:-136}}
@keyframes network-orbit{to{transform:rotate(360deg)}}
@keyframes node-drift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-7px,0)}}
@keyframes core-float{0%,100%{transform:translate3d(0,3px,0) rotate(-1deg)}50%{transform:translate3d(0,-6px,0) rotate(1deg)}}
@keyframes core-shine{0%,28%{transform:translateX(-70%) rotate(8deg)}55%,100%{transform:translateX(70%) rotate(8deg)}}
.service-art-web{isolation:isolate}
.web-network{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.web-link{fill:none;stroke:rgba(172,92,255,.35);stroke-width:1;stroke-dasharray:5 8;animation:signal-flow 8s linear infinite}.link-speed{animation-delay:-3s}.web-energy{fill:#e4c3ff;filter:drop-shadow(0 0 6px #ae58ff)}
.dev-layer{position:absolute;width:222px;height:132px;border-radius:15px;border:1px solid rgba(158,70,240,.16);background:rgba(100,29,183,.13);transform-origin:center;animation:dev-layer-float 6.2s ease-in-out infinite}.dev-layer-back{translate:24px 19px;rotate:4deg}.dev-layer-mid{translate:12px 10px;rotate:2deg;background:rgba(131,46,221,.16);animation-delay:-2s}
.dev-window{position:relative;z-index:2;width:245px;height:150px;border:1px solid rgba(255,255,255,.2);border-radius:15px;background:linear-gradient(145deg,rgba(20,18,29,.98),rgba(10,10,15,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 28px 60px rgba(0,0,0,.44),0 0 50px rgba(120,38,221,.14);padding:12px;transform:perspective(600px) rotateY(-5deg) rotateX(3deg);animation:dev-window-float 5.4s ease-in-out infinite}
.window-bar{height:18px;display:flex;align-items:start;justify-content:space-between}.window-bar>span{display:flex;gap:4px}.window-bar i{display:block;width:6px;height:6px;border-radius:50%;background:#48434f}.window-bar small{display:flex;align-items:center;gap:5px;color:#756f7e;font-size:.48rem;letter-spacing:.1em}.window-bar small b{width:5px;height:5px;border-radius:50%;background:#a650ff;box-shadow:0 0 8px #a650ff;animation:live-pulse 1.8s ease-in-out infinite}
.code-screen{position:relative;height:104px;padding:16px;border:1px solid rgba(151,74,229,.12);border-radius:9px;background:linear-gradient(120deg,rgba(112,35,194,.18),rgba(255,255,255,.015)),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,100% 16px;overflow:hidden}.code-line{display:flex;align-items:center;gap:7px;margin-bottom:9px}.code-line i,.code-line b{display:block;height:3px;border-radius:4px}.code-line i{width:19%;background:#9348de}.code-line b{width:54%;background:rgba(213,183,238,.22)}.code-line:nth-child(2) b{width:40%}.code-line:nth-child(3){padding-left:12px}.code-line:nth-child(3) i{width:13%}.code-line:nth-child(3) b{width:48%}.code-line:nth-child(4) b{width:31%}.code-screen em{position:absolute;left:0;right:0;top:-20%;height:22px;background:linear-gradient(transparent,rgba(171,83,255,.14),transparent);filter:blur(2px);animation:code-scan 3.8s linear infinite}
.dev-chip{position:absolute;z-index:4;min-width:62px;display:flex;align-items:center;gap:6px;padding:7px 8px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(12,10,17,.84);backdrop-filter:blur(12px);box-shadow:0 12px 24px rgba(0,0,0,.35);animation:dev-chip-float 4.6s ease-in-out infinite}.dev-chip span{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:rgba(147,61,239,.18);color:#c98fff;font-size:.57rem;font-weight:800}.dev-chip small{color:#948e9e;font-size:.5rem;text-transform:uppercase;letter-spacing:.08em}.chip-code{left:2%;top:15%;rotate:-6deg}.chip-speed{right:0;bottom:16%;rotate:5deg;animation-delay:-2.1s}
.service-card:hover .dev-window{box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 32px 70px rgba(0,0,0,.48),0 0 65px rgba(133,44,234,.25)}
@keyframes dev-window-float{0%,100%{transform:perspective(600px) rotateY(-5deg) rotateX(3deg) translateY(3px)}50%{transform:perspective(600px) rotateY(-2deg) rotateX(1deg) translateY(-7px)}}
@keyframes dev-layer-float{0%,100%{transform:translateY(2px)}50%{transform:translateY(-7px)}}
@keyframes dev-chip-float{0%,100%{translate:0 2px}50%{translate:0 -7px}}
@keyframes live-pulse{50%{opacity:.38;box-shadow:0 0 3px #a650ff}}
@keyframes code-scan{to{top:110%}}
.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.tag-row span{border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:7px 10px;color:#8e8997;font-size:.65rem}

.growth { padding-bottom:150px; }
.growth-panel { min-height:680px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:70px;border:1px solid rgba(255,255,255,.11);border-radius:38px;background:radial-gradient(circle at 78% 38%,rgba(129,41,229,.25),transparent 34%),linear-gradient(145deg,#0c0c11,#08080b 70%);overflow:hidden; }
.growth-copy p{color:var(--muted);line-height:1.75;margin:26px 0 30px;max-width:590px}.check-list{list-style:none;padding:0;margin:0 0 36px;display:grid;gap:15px;color:#d2ced9;font-size:.9rem}.check-list span{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:10px;border-radius:50%;background:rgba(150,70,255,.14);color:#bd82ff}.text-link{display:inline-flex;gap:10px;align-items:center;padding-bottom:5px;border-bottom:1px solid rgba(179,113,255,.45);color:#c48bff;font-weight:700;font-size:.86rem}.text-link span{transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}
.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.metric-card{min-height:220px;padding:25px;border-radius:22px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.metric-card::before{content:"";position:absolute;inset:auto -25% -60% auto;width:190px;height:190px;border-radius:50%;background:rgba(147,62,255,.16);filter:blur(20px)}.metric-card.wide{grid-column:1/-1;min-height:170px;justify-content:space-between}.metric-value{font-size:4.6rem;line-height:.9;letter-spacing:-.07em;font-weight:650}.metric-card small{color:#9b95a6;margin-top:10px}.rating{margin-top:25px;letter-spacing:5px;color:#a75dff;font-size:.78rem}.spark{height:50px;display:flex;align-items:end;gap:5px;margin-top:20px}.spark i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(#b56aff,#5520a7)}.spark i:nth-child(1){height:20%}.spark i:nth-child(2){height:37%}.spark i:nth-child(3){height:31%}.spark i:nth-child(4){height:58%}.spark i:nth-child(5){height:72%}.spark i:nth-child(6){height:100%}.growth-line{display:flex;align-items:center;gap:8px;font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;color:#c8c2d1}.growth-line i{flex:1;height:1px;background:linear-gradient(90deg,#7f36df,#ca9bff);position:relative}.growth-line i::after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:#d3adff}

.work { border-top:1px solid rgba(255,255,255,.06); }
.work-grid{display:grid;grid-template-columns:1.35fr .65fr;grid-template-rows:repeat(2,360px);gap:18px}.project-card{position:relative;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#0e0e13;}.project-large{grid-row:1/3}.project-image{position:absolute;inset:0;overflow:hidden}.project-image::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(4,4,6,.95))}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease),filter .5s;filter:saturate(.8) brightness(.73)}.project-card:hover img{transform:scale(1.045);filter:saturate(1) brightness(.84)}.project-meta{position:absolute;z-index:2;inset:auto 0 0;padding:28px;display:flex;align-items:end;justify-content:space-between}.project-meta span{color:#a49fac;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.project-meta h3{font-size:1.9rem;margin:8px 0 0;letter-spacing:-.04em}.project-meta b{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:white;color:#09090b;font-size:1rem;transition:transform .25s}.project-card:hover .project-meta b{transform:rotate(45deg)}
.testimonials{padding-bottom:150px}.testimonial-panel{position:relative;max-width:1050px;margin:0 auto;padding:70px 80px;border:1px solid var(--line);border-radius:32px;text-align:center;background:radial-gradient(circle at 50% 110%,rgba(136,49,232,.18),transparent 45%),#0a0a0e}.quote-mark{font-family:Georgia,serif;color:#a45eff;font-size:6rem;height:60px;line-height:1}.quote{font-size:clamp(1.55rem,3.1vw,3rem);line-height:1.32;letter-spacing:-.035em;max-width:880px;margin:10px auto 35px}.quote-person{display:flex;justify-content:center;align-items:center;gap:12px}.quote-person>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#b678ff,#6323bf);font-size:.72rem;font-weight:800}.quote-person div{text-align:left}.quote-person strong,.quote-person small{display:block}.quote-person small{color:#827d8a;font-size:.7rem;margin-top:4px}.quote-nav{display:flex;justify-content:center;gap:5px;margin-top:34px}.quote-nav i{width:5px;height:5px;border-radius:5px;background:#4d4853}.quote-nav .active{width:24px;background:#9d52f2}

.contact{padding-bottom:100px}.contact-panel{position:relative;isolation:isolate;overflow:hidden;min-height:550px;padding:82px;border-radius:38px;background:linear-gradient(120deg,#7e30ec,#4c118f 70%,#32105a);box-shadow:0 40px 90px rgba(78,18,145,.25)}.contact-panel::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,#000,transparent 80%)}.contact-orb{position:absolute;z-index:-1;width:520px;height:520px;right:-40px;top:-80px;border-radius:50%;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 0 80px rgba(255,255,255,.1),0 0 0 80px rgba(255,255,255,.035),0 0 0 160px rgba(255,255,255,.018)}.contact-panel .kicker{color:#eadcff}.contact-panel h2{max-width:860px;margin:22px 0 20px;font-size:clamp(3rem,6vw,6.4rem);line-height:.95;letter-spacing:-.06em;font-weight:620}.contact-panel>p{font-size:1.1rem;color:#ded0ed;max-width:540px;line-height:1.65}.contact-actions{display:flex;align-items:center;gap:28px;margin-top:42px;flex-wrap:wrap}.button-light{background:white;color:#251032;box-shadow:0 14px 35px rgba(29,3,51,.25)}.contact-email{border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:5px}.contact-details{position:absolute;left:82px;right:82px;bottom:38px;padding-top:22px;border-top:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;color:#d8c9e8;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}
.site-footer{padding:55px 0 30px;display:grid;grid-template-columns:1fr 1fr auto;gap:38px;align-items:start}.footer-brand img{width:140px}.site-footer>p{color:#898491;font-size:.84rem;line-height:1.6;max-width:350px}.footer-links{display:flex;gap:24px;font-size:.8rem;color:#c7c1ce}.footer-bottom{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.08);padding-top:24px;margin-top:22px;display:flex;justify-content:space-between;color:#65616b;font-size:.69rem}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.is-visible{opacity:1;transform:none}

@media (max-width: 1100px){
  .nav{gap:20px}.hero{min-height:auto;padding-top:150px;padding-bottom:90px}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:850px}.hero-visual{min-height:610px;max-width:720px;width:100%;margin:0 auto}.section-heading{grid-template-columns:1fr;gap:20px}.service-grid{grid-template-columns:1fr 1fr}.service-card:last-child{grid-column:1/-1}.growth-panel{padding:48px;grid-template-columns:1fr;}.work-grid{grid-template-columns:1fr 1fr;grid-template-rows:570px 380px}.project-large{grid-column:1/-1;grid-row:auto}.site-footer{grid-template-columns:1fr auto}.site-footer>p{grid-column:1/-1;grid-row:2}.footer-links{grid-column:2;grid-row:1}
}
@media (max-width: 760px){
  .section-shell{width:min(100% - 30px,var(--max))}.site-header{top:8px;min-height:62px;padding:8px 10px 8px 14px;grid-template-columns:1fr auto}.brand img{width:98px}.nav,.site-header>.button{display:none}.menu-toggle{display:grid;place-items:center;gap:5px;width:42px;height:42px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.04)}.menu-toggle span{width:17px;height:1px;background:white;transition:.25s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3px) rotate(-45deg)}.mobile-menu{position:absolute;display:grid;gap:4px;left:0;right:0;top:68px;padding:12px;border:1px solid var(--line);border-radius:16px;background:rgba(8,8,12,.96);backdrop-filter:blur(20px);opacity:0;transform:translateY(-8px);pointer-events:none;transition:.25s}.mobile-menu.open{opacity:1;transform:none;pointer-events:auto}.mobile-menu a{padding:13px;border-radius:10px;color:#c8c3cf}.mobile-menu a:hover{background:rgba(255,255,255,.06);color:white}
  .hero{padding-top:120px;padding-bottom:70px}.hero::before{display:none}.hero-grid{gap:18px}.hero h1{font-size:clamp(3.2rem,15vw,5.2rem)}.hero-lede{font-size:1rem}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-visual{min-height:440px}.hero-halo{width:88%}.orbit-one{width:430px;height:430px}.orbit-two{width:470px;height:330px}.float-card{transform:scale(.82);min-width:200px}.float-card-top{right:-25px;top:23%}.float-card-bottom{left:-30px;bottom:7%}.channel-pill{width:46px;height:46px;border-radius:14px}.channel-one{left:0}.channel-two{right:0}.channel-three{right:9%;top:8%}.hero-social{scale:.74}.hero-instagram{left:8%}.hero-twitter{left:1%}.hero-tiktok{right:2%}.hero-rss{right:3%;scale:.75}.hero-growth{right:-6%;scale:.75}.scroll-cue{display:none}
  .logo-rail{padding:22px 0}.logo-track{gap:48px}.logo-track img{width:130px}.services,.work{padding-block:95px}.section-heading{margin-bottom:36px}.section-heading h2,.growth-copy h2{font-size:clamp(2.5rem,12vw,4rem)}.service-grid{grid-template-columns:1fr}.service-card,.service-card:last-child{grid-column:auto;min-height:510px}.growth{padding-bottom:95px}.growth-panel{padding:32px 20px;border-radius:26px;gap:42px}.metrics-grid{grid-template-columns:1fr}.metric-card.wide{grid-column:auto}.growth-line{gap:4px;font-size:.56rem}.work-grid{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,430px)}.project-large{grid-column:auto}.testimonials{padding-bottom:95px}.testimonial-panel{padding:50px 24px}.contact{padding-bottom:60px}.contact-panel{min-height:620px;padding:52px 24px;border-radius:26px}.contact-panel h2{font-size:clamp(3rem,14vw,4.9rem)}.contact-actions{align-items:flex-start;flex-direction:column}.contact-details{left:24px;right:24px;bottom:28px;display:grid;gap:10px}.site-footer{grid-template-columns:1fr}.footer-links{grid-column:1;grid-row:auto}.site-footer>p{grid-column:1;grid-row:auto}.footer-bottom{flex-direction:column;gap:12px}.cursor-glow{display:none}
}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.energy-dot,.market-energy,.orbit-particle,.web-energy{display:none}.reveal{opacity:1;transform:none}}

/* Growth × Modern fusion: Modern portfolio language inside the Growth system. */
.fusion-work{position:relative;isolation:isolate;overflow:hidden}
.fusion-work::before{content:"";position:absolute;z-index:-1;width:720px;height:720px;right:-280px;top:80px;border-radius:50%;background:radial-gradient(circle,#7b2cbf24,transparent 68%);filter:blur(10px)}
.fusion-work-intro{max-width:430px;justify-self:end}
.fusion-work-intro p{margin:0 0 22px;color:var(--muted);line-height:1.75}
.fusion-projects{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.fusion-project{display:block;min-width:0}
.fusion-project-wide{grid-column:1/-1}
.fusion-stage{position:relative;height:390px;padding:62px 6% 0;border:1px solid rgba(255,255,255,.13);border-radius:26px;overflow:hidden;box-shadow:0 26px 70px rgba(0,0,0,.25)}
.fusion-project-wide .fusion-stage{height:540px;padding-inline:10%}
.fusion-lavender{background:radial-gradient(circle at 30% 10%,#c77dff,#7b2cbf 55%,#351052)}
.fusion-charcoal{background:radial-gradient(circle at 50% 0,#332a3d,#151319 65%,#0d0c10)}
.fusion-pearl{background:linear-gradient(135deg,#f1e8f7,#c8b7d4 58%,#9b83ac)}
.fusion-tag{position:absolute;left:24px;top:22px;z-index:3;font-size:.65rem;font-weight:700;letter-spacing:.14em;color:#271232}
.fusion-charcoal .fusion-tag{color:#ffffff}
.fusion-browser{height:100%;max-width:1020px;margin:auto;border:5px solid #17121d;border-radius:15px 15px 0 0;overflow:hidden;background:#0d0c10;box-shadow:0 30px 70px rgba(13,12,16,.48);transform:rotate(-2deg) translateY(8px);transition:transform .7s var(--ease),box-shadow .7s var(--ease)}
.fusion-project:hover .fusion-browser{transform:rotate(0) translateY(-7px);box-shadow:0 38px 85px rgba(13,12,16,.56)}
.fusion-browser-bar{height:30px;display:flex;align-items:center;gap:6px;padding:0 12px;background:#17121d;color:#8f8498;font-size:.56rem;letter-spacing:.08em}
.fusion-browser-bar i{width:5px;height:5px;border-radius:50%;background:#665a70}
.fusion-browser-bar span{margin-left:auto;margin-right:auto}
.fusion-browser img{display:block;width:100%;height:calc(100% - 30px);object-fit:cover;object-position:top}
.fusion-open{position:absolute;right:25px;bottom:24px;z-index:3;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#ffffff;color:#0d0c10;font-size:1.35rem;box-shadow:0 14px 35px rgba(13,12,16,.25);transition:transform .3s var(--ease)}
.fusion-project:hover .fusion-open{transform:rotate(45deg)}
.fusion-meta{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:24px;padding:22px 4px 8px}
.fusion-meta h3{margin:0;font-size:clamp(1.45rem,2.2vw,2.15rem);letter-spacing:-.045em}
.fusion-meta span{color:var(--muted);font-size:.78rem}
.fusion-meta b{color:#c77dff;font-size:.72rem;font-weight:700}
@media(max-width:1100px){.fusion-projects{gap:22px}.fusion-project-wide .fusion-stage{height:470px}.fusion-stage{height:340px}.fusion-work-intro{justify-self:start}}
@media(max-width:760px){.fusion-projects{grid-template-columns:1fr}.fusion-project-wide{grid-column:auto}.fusion-project-wide .fusion-stage,.fusion-stage{height:330px;padding:54px 20px 0}.fusion-browser{transform:rotate(-1deg) translateY(5px)}.fusion-meta{grid-template-columns:1fr auto;gap:8px 18px}.fusion-meta span{grid-column:1/-1}.fusion-open{width:48px;height:48px;right:18px;bottom:18px}.fusion-tag{left:18px;top:18px;font-size:.58rem}}