:root{--ink:#050505;--paper:#f4f8ff;--muted:#667da3;--line:rgba(5,5,5,0.18);--blue:#005cff;--blue-2:#18a0ff;--blue-3:#7bd7ff;--white:#fff;--body-font:"DM Sans",Arial,"PingFang SC","Microsoft YaHei",sans-serif;--display-font:"Syne","DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper);width:100%;max-width:100%;overflow-x:hidden}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--body-font);overflow-x:hidden;width:100%;max-width:100%}::selection{color:var(--white);background:var(--blue)}main{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea{font:inherit}button{color:inherit;-webkit-appearance:none;appearance:none}.cursor-dot{position:fixed;z-index:2000;width:18px;height:18px;border:1px solid var(--white);border-radius:999px;pointer-events:none;mix-blend-mode:difference;transform:translate(-50%,-50%);transition:width 0.2s ease,height 0.2s ease,opacity 0.2s ease}.site-header{position:fixed;z-index:1000;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:22px 30px;color:var(--white);mix-blend-mode:normal;transition:padding 0.35s ease,background 0.35s ease,color 0.35s ease}.site-header.scrolled{padding-top:14px;padding-bottom:14px;color:var(--ink);background:rgba(244,248,255,0.9);backdrop-filter:blur(18px)}.brand,.desktop-nav,.menu-toggle{display:flex;align-items:center;gap:12px}.brand{width:max-content;font-weight:800;letter-spacing:0}.brand img{display:block;width:148px;height:auto;filter:brightness(0) invert(1);transition:filter 0.35s ease,transform 0.35s ease}.brand:hover img{transform:translateY(-1px)}.site-header.scrolled .brand img{filter:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid currentColor;border-radius:50%;font-family:var(--display-font);font-size:13px}.desktop-nav{gap:38px;font-size:12px;font-weight:normal;letter-spacing:0.08em;text-transform:uppercase}.desktop-nav a,.menu-toggle span,.menu-close{position:relative}.desktop-nav a::after,.menu-toggle span::after,.menu-close::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform 0.35s ease}.desktop-nav a:hover::after,.menu-toggle:hover span::after,.menu-close:hover::after{transform:scaleX(1);transform-origin:left}.menu-toggle{justify-self:end;border:0;color:inherit;background:transparent;cursor:pointer;text-transform:uppercase;font-size:13px}.mobile-menu-toggle{display:none}.menu-toggle i,.mobile-menu-toggle i{width:42px;height:42px;border:1px solid currentColor;border-radius:50%;position:relative;display:block}.menu-toggle i::before,.menu-toggle i::after,.mobile-menu-toggle i::before,.mobile-menu-toggle i::after{content:"";position:absolute;left:12px;right:12px;height:1px;background:currentColor;transition:transform 0.3s ease}.menu-toggle i::before,.mobile-menu-toggle i::before{top:16px}.menu-toggle i::after,.mobile-menu-toggle i::after{bottom:16px}.menu-panel{position:fixed;z-index:1500;inset:0;background:var(--ink);color:var(--paper);visibility:hidden;clip-path:inset(0 0 100% 0);transition:clip-path 0.75s cubic-bezier(0.77,0,0.18,1),visibility 0.75s}.menu-panel.open{visibility:visible;clip-path:inset(0 0 0 0)}.menu-panel__inner{min-height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:32px}.menu-close{margin-left:auto;border:0;color:inherit;background:transparent;text-transform:uppercase;cursor:pointer}.menu-grid{display:grid;grid-template-columns:1.2fr 0.8fr;gap:60px;border-top:1px solid rgba(239,238,232,0.22);border-bottom:1px solid rgba(239,238,232,0.22);padding:60px 0}.menu-grid a{display:block;width:max-content;font-family:var(--display-font);font-size:clamp(42px,8vw,112px);line-height:0.95;margin:10px 0}.menu-grid p{max-width:360px;color:rgba(239,238,232,0.74)}.hero{min-height:100svh;position:relative;display:flex;align-items:center;padding:118px 30px 52px;color:var(--white);background:radial-gradient(circle at 78% 22%,rgba(123,215,255,0.92),transparent 24vw),radial-gradient(circle at 18% 80%,rgba(24,160,255,0.84),transparent 30vw),linear-gradient(135deg,#0047ff 0%,#006dff 42%,#0099ff 100%);border-bottom:0;overflow:hidden;--mouse-x:50%;--mouse-y:50%}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,0.14) 42.2% 42.6%,transparent 42.8%),linear-gradient(295deg,transparent 0 56%,rgba(255,255,255,0.12) 56.2% 56.6%,transparent 56.8%);opacity:0.8;pointer-events:none}.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),rgba(255,255,255,0.38),rgba(123,215,255,0.2) 10vw,transparent 28vw);opacity:0.9;pointer-events:none;transition:background-position 0.12s ease}.hero-tech{position:absolute;inset:0;overflow:hidden;pointer-events:none}.tech-grid{position:absolute;inset:-20%;background-image:linear-gradient(rgba(255,255,255,0.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.14) 1px,transparent 1px);background-size:64px 64px;transform:perspective(700px) rotateX(58deg) translateY(18%);transform-origin:center bottom;animation:gridDrift 9s linear infinite;mask-image:linear-gradient(to top,rgba(0,0,0,0.95),transparent 78%)}.tech-glow{position:absolute;width:42vw;aspect-ratio:1;border-radius:50%;filter:blur(14px);border:1px solid rgba(255,255,255,0.3);background:radial-gradient(circle,rgba(255,255,255,0.42),rgba(123,215,255,0.14) 38%,transparent 68%);animation:pulseGlow 4.8s ease-in-out infinite}.tech-glow--one{right:7vw;top:13vh}.tech-glow--two{left:-10vw;bottom:-8vw;animation-delay:-1.7s}.orbit{position:absolute;border:1px solid rgba(255,255,255,0.28);border-radius:50%;animation:rotateOrbit 14s linear infinite}.orbit--one{width:32vw;height:32vw;right:8vw;top:23vh}.orbit--two{width:18vw;height:18vw;right:26vw;top:12vh;animation-duration:9s;animation-direction:reverse}.orbit span{position:absolute;top:10%;left:50%;width:12px;height:12px;border-radius:50%;background:var(--white);box-shadow:0 0 22px rgba(255,255,255,0.85)}.data-stream{position:absolute;display:flex;gap:12px;transform:rotate(-24deg)}.stream--one{right:5vw;bottom:18vh}.stream--two{left:12vw;top:24vh;animation-delay:-1s}.data-stream i{display:block;width:76px;height:8px;border-radius:999px;background:rgba(255,255,255,0.52);animation:dataBlink 1.8s ease-in-out infinite}.data-stream i:nth-child(2){animation-delay:0.2s}.data-stream i:nth-child(3){animation-delay:0.4s}.data-stream i:nth-child(4){animation-delay:0.6s}.data-stream i:nth-child(5){animation-delay:0.8s}.node{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--white);box-shadow:0 0 0 12px rgba(255,255,255,0.1),0 0 34px rgba(255,255,255,0.9);animation:nodeFloat 5s ease-in-out infinite}.node--one{left:20vw;top:34vh}.node--two{right:18vw;bottom:22vh;animation-delay:-1.4s}.node--three{left:46vw;bottom:14vh;animation-delay:-2.5s}.hero__copy{position:relative;z-index:2;align-self:center;min-width:0;width:min(1120px,100%);margin:0;padding-left:clamp(18px,8vw,132px)}.kicker,.eyebrow,.code-label{margin:0 0 18px;font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase}.split-title,.section-head h2,.process h2,.testimonial-copy h2,.contact h2,.footer h2{margin:0;font-family:var(--display-font);font-weight:600;letter-spacing:0}.split-title{font-size:clamp(72px,10.5vw,172px);line-height:0.82;max-width:1180px;overflow-wrap:anywhere}.split-title span{display:block;max-width:100%;overflow-wrap:break-word}.lead{max-width:850px;margin:36px 0 0;font-size:clamp(24px,2.5vw,42px);line-height:1.08;white-space:pre-line}.lead.typing-active::after{content:"";display:inline-block;width:0.08em;height:0.82em;margin-left:0.12em;background:currentColor;animation:caretBlink 0.8s steps(1) infinite;vertical-align:-0.08em}.hero__notes{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:52px;padding-top:24px;border-top:1px solid rgba(255,255,255,0.35);color:rgba(255,255,255,0.74);line-height:1.55}section{padding:112px 30px}.section-head{display:grid;grid-template-columns:0.4fr 1fr;gap:44px;align-items:end;margin-bottom:58px;transform:translate3d(0,var(--parallax-y,0),0)}.section-head h2,.process h2,.testimonial-copy h2,.contact h2,.footer h2{font-size:clamp(44px,6.8vw,116px);line-height:0.94}.services{position:relative;background:#eef6ff;border-bottom:1px solid rgba(0,92,255,0.18)}.service-stack{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid rgba(0,92,255,0.2)}.service-card{position:relative;min-height:430px;display:flex;flex-direction:column;padding:24px;border-right:1px solid rgba(0,92,255,0.2);cursor:crosshair;transition:background 0.35s ease,color 0.35s ease}.service-card:last-child{border-right:0}.service-card:hover{background:var(--blue);color:var(--white)}.service-card span{position:absolute;top:22px;left:18px;color:var(--blue);opacity:0.18;font-family:var(--display-font);font-size:clamp(72px,9vw,132px);font-weight:700;line-height:0.8;transform:rotate(-12deg);transform-origin:left top;pointer-events:none}.service-card:hover span{color:rgba(255,255,255,0.72)}.service-card h3{margin:auto 0 22px;font-family:var(--display-font);font-size:clamp(24px,2.2vw,36px);line-height:0.98;overflow-wrap:anywhere;word-break:break-word}.service-card p{min-height:80px;color:currentColor;opacity:0.72;line-height:1.4}.service-icon-card{align-self:flex-end;width:58px;height:58px;object-fit:contain;opacity:0.5;filter:saturate(1.2);transition:opacity 0.3s ease,filter 0.3s ease,transform 0.3s ease}.service-card:hover .service-icon-card{opacity:0.9;filter:brightness(0) invert(1);transform:rotate(-8deg) scale(1.08)}.service-preview{position:fixed;z-index:900;top:0;left:0;width:180px;height:180px;display:grid;place-items:center;opacity:0;pointer-events:none;transform:translate(-50%,-50%) rotate(-9deg) scale(0.92);transition:opacity 0.2s ease,transform 0.2s ease}.service-preview.visible{opacity:1;transform:translate(-50%,-50%) rotate(-9deg) scale(1)}.service-preview img{width:126px;height:126px;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 18px 28px rgba(0,55,180,0.28))}.service-icon-line{position:relative;width:112px;height:112px;border:2px solid currentColor;border-radius:28px;color:var(--blue);opacity:0.72}.service-card>.service-icon-line{align-self:flex-end;width:62px;height:62px;border-radius:18px;margin-top:6px}.service-card:hover>.service-icon-line,.service-preview .service-icon-line{color:var(--white)}.service-preview .service-icon-line{width:132px;height:132px;border-radius:34px;filter:drop-shadow(0 18px 28px rgba(0,55,180,0.28))}.service-icon-line::before,.service-icon-line::after,.service-icon-line i{content:"";position:absolute;display:block;border:2px solid currentColor}.service-icon-line i:nth-child(1){left:22%;top:30%;width:42%;height:0}.service-icon-line i:nth-child(2){left:22%;top:48%;width:56%;height:0}.service-icon-line i:nth-child(3){left:22%;top:66%;width:34%;height:0}.service-icon-code::before,.service-icon-code::after{top:42%;width:18%;height:18%;border-width:0 0 2px 2px}.service-icon-code::before{left:15%;transform:rotate(45deg)}.service-icon-code::after{right:15%;transform:rotate(-135deg)}.service-icon-campaign::before{width:46%;height:46%;left:18%;top:22%;border-radius:50%}.service-icon-campaign::after{width:30%;height:2px;right:16%;bottom:24%;border-width:2px 0 0;transform:rotate(34deg)}.service-icon-design::before{inset:24%;border-radius:50% 50% 50% 8%;transform:rotate(-35deg)}.service-icon-design::after{width:34%;height:34%;right:15%;bottom:15%}.service-icon-immersive::before{inset:22%;border-radius:50%}.service-icon-immersive::after{left:50%;top:12%;width:0;height:76%;border-width:0 0 0 2px}.service-icon-crm::before{left:20%;top:25%;width:24%;height:24%}.service-icon-crm::after{right:20%;bottom:22%;width:24%;height:24%}.process{display:grid;grid-template-columns:0.9fr 1.1fr;gap:80px;background:var(--white);border-bottom:1px solid rgba(0,92,255,0.16)}.process__intro{position:sticky;top:120px;align-self:start;transform:translate3d(0,var(--parallax-y,0),0)}.process__intro p:last-child{max-width:520px;color:var(--muted);line-height:1.55;font-size:18px}.steps{border-top:1px solid var(--line)}.step{width:100%;display:grid;grid-template-columns:1fr auto;gap:20px;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;padding:28px 0;cursor:pointer}.step span{font-family:var(--display-font);font-size:clamp(34px,4vw,74px);line-height:1}.step strong{display:grid;place-items:center;width:42px;height:42px;font-size:30px;font-weight:400;line-height:1;transition:transform 0.28s ease}.step.active strong{transform:rotate(45deg)}.step em{grid-column:1 / -1;max-height:0;max-width:640px;overflow:hidden;color:var(--muted);font-style:normal;line-height:1.55;transition:max-height 0.4s ease}.step.active em{max-height:260px}.projects{background:#f4f8ff;border-bottom:1px solid rgba(0,92,255,0.16)}.project-list{border-top:1px solid var(--line)}.project-row{position:relative;display:grid;grid-template-columns:80px 0.35fr 1fr;gap:24px;align-items:center;min-height:180px;border-bottom:1px solid var(--line);padding:26px 0;cursor:pointer;transition:background 0.28s ease}.project-row p{color:var(--muted);text-transform:uppercase;font-size:12px}.project-row h3{margin:0;font-family:var(--display-font);font-size:clamp(36px,5.3vw,96px);line-height:0.92}.project-row img{display:none}.project-row:hover{background:rgba(0,92,255,0.06)}.project-detail{grid-column:3 / -1;max-height:0;overflow:hidden;color:var(--muted);line-height:1.55;transition:max-height 0.35s ease,padding 0.35s ease}.project-detail p{max-width:760px;margin:0;color:var(--muted);text-transform:none;font-size:17px}.project-row.open .project-detail{max-height:180px;padding-bottom:10px}.project-preview{position:fixed;z-index:850;top:0;left:0;width:min(34vw,420px);aspect-ratio:1.55;opacity:0;pointer-events:none;transform:translate(-50%,-50%) rotate(-2deg) scale(0.94);transition:opacity 0.18s ease,transform 0.18s ease}.project-preview.visible{opacity:1;transform:translate(-50%,-50%) rotate(-2deg) scale(1)}.project-preview img{width:100%;height:100%;object-fit:cover;border:1px solid rgba(0,92,255,0.45);box-shadow:0 28px 70px rgba(0,55,180,0.24)}.testimonials{display:grid;grid-template-columns:0.9fr 1.1fr;gap:70px;color:var(--paper);background:radial-gradient(circle at 85% 20%,rgba(123,215,255,0.55),transparent 28vw),linear-gradient(135deg,#003fff,#0078ff 72%,#19b3ff)}.testimonial-copy .eyebrow{color:rgba(239,238,232,0.6)}.testimonial-copy{transform:translate3d(0,var(--parallax-y,0),0)}.testimonial-slider{align-self:end;border-top:1px solid rgba(239,238,232,0.22);padding-top:36px}.testimonial-slider blockquote{display:none;margin:0;font-family:var(--display-font);font-size:clamp(34px,4.6vw,76px);line-height:1}.testimonial-slider blockquote.active{display:block;animation:slideIn 0.45s ease both}.slider-meta{display:flex;gap:18px;align-items:center;margin-top:42px}.slider-meta span{margin-right:auto;color:rgba(239,238,232,0.6)}.slider-meta button{color:var(--paper);border:1px solid rgba(239,238,232,0.32);background:transparent;padding:12px 18px;border-radius:999px;cursor:pointer}.contact{display:grid;grid-template-columns:0.8fr 1.2fr;gap:70px;background:var(--white);border-bottom:1px solid rgba(0,92,255,0.16)}.contact__intro{position:sticky;top:120px;align-self:start;transform:translate3d(0,var(--parallax-y,0),0)}.contact__intro p:last-child{max-width:420px;color:var(--muted);line-height:1.55}.contact__intro a{color:var(--ink);border-bottom:1px solid var(--ink)}.contact-form{display:grid;gap:24px}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-form label{display:grid;gap:8px;font-size:13px;text-transform:uppercase}.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:16px 0;outline:0;font-size:18px}.contact-form textarea{min-height:140px;resize:vertical}.contact-form p{margin:0 0 12px;font-size:13px;text-transform:uppercase}.chips{display:flex;flex-wrap:wrap;gap:10px}.chips button{border:1px solid var(--line);background:transparent;padding:12px 18px;border-radius:999px;cursor:pointer;transition:background 0.25s ease,color 0.25s ease}.chips button.active{color:var(--paper);background:var(--ink)}.submit,.footer-cta{width:max-content;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:var(--paper);padding:17px 28px;cursor:pointer;text-transform:uppercase}.submit{position:relative;min-width:102px}.submit.loading{color:transparent;pointer-events:none}.submit.loading::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;margin-left:-9px;margin-top:-9px;border:2px solid rgba(255,255,255,0.38);border-top-color:var(--white);border-radius:50%;animation:spin 0.8s linear infinite}.form-status{min-height:22px;color:var(--blue);text-transform:none}.footer{position:relative;display:grid;grid-template-columns:0.8fr 1.2fr;gap:70px;padding:92px 30px 34px;color:var(--paper);background:var(--ink);overflow:hidden}.footer::before{content:"";position:absolute;right:-12vw;top:-14vw;width:42vw;aspect-ratio:1;border:1px solid rgba(239,238,232,0.18);border-radius:50%;animation:footerOrbit 9s ease-in-out infinite}.footer::after{content:"";position:absolute;right:11vw;top:76px;width:10px;height:10px;border-radius:50%;background:#dcecff;box-shadow:0 0 26px rgba(220,236,255,0.8);animation:footerNode 6s linear infinite}.brand--footer img{filter:brightness(0) invert(1);opacity:0.9}.footer p{color:rgba(239,238,232,0.66)}.footer-cta{display:inline-block;margin-top:22px;border-color:var(--paper);background:var(--paper);color:var(--ink)}.copyright{grid-column:1 / -1;margin-top:72px;padding-top:24px;border-top:1px solid rgba(239,238,232,0.18)}.reveal{opacity:0;transform:translateY(38px);transition:opacity 0.8s ease,transform 0.8s cubic-bezier(0.22,1,0.36,1)}.reveal.in-view{opacity:1;transform:translateY(0)}.section-head.reveal.in-view,.process__intro.reveal.in-view,.testimonial-copy.reveal.in-view,.contact__intro.reveal.in-view{transform:translate3d(0,var(--parallax-y,0),0)}@keyframes floatImage{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-18px) rotate(1deg)}}@keyframes gridDrift{from{background-position:0 0,0 0}to{background-position:0 64px,64px 0}}@keyframes pulseGlow{0%,100%{opacity:0.55;transform:scale(0.96)}50%{opacity:1;transform:scale(1.08)}}@keyframes rotateOrbit{to{transform:rotate(360deg)}}@keyframes dataBlink{0%,100%{opacity:0.18;transform:translateX(-10px)}50%{opacity:0.9;transform:translateX(10px)}}@keyframes nodeFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(18px,-22px,0)}}@keyframes caretBlink{0%,49%{opacity:1}50%,100%{opacity:0}}@keyframes footerOrbit{0%,100%{transform:translate3d(0,0,0) rotate(0deg) scale(1);opacity:0.65}50%{transform:translate3d(-18px,12px,0) rotate(18deg) scale(1.06);opacity:1}}@keyframes footerNode{0%{transform:translate3d(0,0,0)}33%{transform:translate3d(-120px,60px,0)}66%{transform:translate3d(-40px,150px,0)}100%{transform:translate3d(0,0,0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:1000px){.desktop-nav{display:none}.site-header{grid-template-columns:1fr auto;width:100vw;max-width:100vw;min-height:80px}.menu-toggle{display:none}.mobile-menu-toggle{display:block;position:absolute;z-index:3000;top:50%;right:30px;transform:translateY(-50%);border:0;color:inherit;background:transparent;padding:0;cursor:pointer}.hero,.process,.testimonials,.contact,.footer,.section-head{grid-template-columns:minmax(0,1fr)}.hero{padding-top:98px}.hero__media,.process__intro,.contact__intro{position:relative;top:auto;bottom:auto}.service-stack{grid-template-columns:1fr}.service-card{min-height:280px;border-right:0;border-bottom:1px solid var(--line)}.project-row{grid-template-columns:48px 1fr}.project-row h3{grid-column:1 / -1}.project-row img{display:none}.project-detail{grid-column:1 / -1}.project-preview{width:min(78vw,340px)}}@media (max-width:640px){a,a:visited,a:hover,a:active{color:currentColor}.site-header,.footer,.menu-panel__inner{padding-left:18px;padding-right:18px}.site-header{min-height:72px;padding-top:14px;padding-bottom:14px}section{padding-left:18px;padding-right:18px}.hero{padding-left:30px;padding-right:30px}.hero__notes,.input-row,.menu-grid{grid-template-columns:1fr}.split-title{font-size:clamp(56px,18vw,92px)}.hero__media{min-height:auto;overflow:hidden}.hero__media img{width:100%;max-width:460px;margin-left:auto;margin-right:auto;transform:none;animation:none}.menu-grid a{font-size:clamp(44px,16vw,78px)}.mobile-menu-toggle{right:max(18px,calc(100vw - 412px))}.split-title{font-size:clamp(40px,12.8vw,50px);line-height:0.94}.lead{font-size:17px;max-width:min(300px,calc(100vw - 90px))}.hero__notes,.hero__copy,.split-title{width:min(300px,calc(100vw - 90px));max-width:min(300px,calc(100vw - 90px));margin-left:0;margin-right:0}.hero__copy{padding-left:0}.hero__notes{font-size:14px}.cursor-dot{display:none}}@media (hover:none),(pointer:coarse),(max-width:640px){.service-preview,.project-preview,.service-preview.visible,.project-preview.visible{display:none;opacity:0}}