*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-light:#fff;--bg-alt:#f5f5f3;--text-dark:#111;--text-body:#555;--text-muted:#767672;--teal:#1fb6c1;--teal-dark:#128089;--accent:#ff6a3d;--line:#00000014;--radius-pill:999px;--ease:cubic-bezier(.16,1,.3,1);--font-display:"Inter Tight","Inter",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--font-mono:"Roboto Mono","Fragment Mono",monospace}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);color:var(--text-body);background:var(--bg-light);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}.container{max-width:1320px;margin:0 auto;padding:0 32px}.section-pad{padding:clamp(5rem,12vh,10rem) 0}.section-alt{background:var(--bg-alt)}.label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.16em;color:var(--text-muted);align-items:center;gap:8px;font-size:.72rem;display:inline-flex}.label:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-dark);font-weight:600}.title-xl{margin:20px 0 24px;font-size:clamp(2.5rem,6vw,5.5rem);font-weight:600;line-height:1.05}.title-xl em{color:var(--teal);font-style:normal}.title-lg{margin:16px 0 18px;font-size:clamp(1.9rem,3.6vw,3.1rem);line-height:1.08}.desc{color:var(--text-body);max-width:560px;font-size:clamp(1rem,1.2vw,1.15rem)}.section-head{max-width:640px;margin-bottom:56px}.btn{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-pill);transition:transform .3s var(--ease),background .3s,color .3s;cursor:pointer;border:none;align-items:center;gap:10px;padding:15px 28px;font-size:.78rem;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#e85a2e;transform:scale(1.04)}.btn-outline{background:var(--bg-alt);color:var(--text-dark);border:1px solid #0000}.btn-outline:hover{background:#ebebe8;transform:scale(1.04)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.hvm-track{background:#050a12;height:475vh;position:relative}.hvm-pin{background:#050a12;height:100vh;position:sticky;top:0;overflow:hidden}@property --loop-brightness{syntax:"<number>";inherits:false;initial-value:1}.hvm-video-glow{width:calc(var(--logo-size,340px) * 1.5);height:calc(var(--logo-size,340px) * 1.5);z-index:-1;filter:blur(30px);pointer-events:none;will-change:width, height, opacity;background:radial-gradient(circle,#22d3ee59,#22d3ee1a 45%,#0000 72%);border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.hvm-video-static{object-fit:cover;z-index:0;width:100%;height:100%;filter:brightness(calc(.6 * var(--loop-brightness,1))) contrast(1.15) saturate(1.2);transition:--loop-brightness .3s;position:absolute;inset:0;transform:scale(1.06)}.hvm-video-square{object-fit:cover;z-index:0;width:100%;height:100%;filter:brightness(calc(.6 * var(--loop-brightness,1))) contrast(1.15) saturate(1.2);-webkit-mask:linear-gradient(#000 0 0) center / var(--logo-size,340px) var(--logo-size,340px) no-repeat;-webkit-mask:linear-gradient(#000 0 0) center / var(--logo-size,340px) var(--logo-size,340px) no-repeat;mask:linear-gradient(#000 0 0) center / var(--logo-size,340px) var(--logo-size,340px) no-repeat;will-change:-webkit-mask-size, mask-size, opacity;transition:--loop-brightness .3s;position:absolute;inset:0}.hvm-video-mask{object-fit:cover;z-index:1;width:100%;height:100%;filter:brightness(calc(.75 * var(--loop-brightness,1))) contrast(1.2) saturate(1.3) drop-shadow(0 0 55px #22d3ee80);-webkit-mask:url(/logo-4.svg) center / var(--logo-size,340px) no-repeat;-webkit-mask:url(/logo-4.svg) center / var(--logo-size,340px) no-repeat;mask:url(/logo-4.svg) center / var(--logo-size,340px) no-repeat;will-change:-webkit-mask-size, mask-size, opacity;transition:--loop-brightness .3s;position:absolute;inset:0}.hvm-vignette{z-index:2;background:radial-gradient(circle,#0000 0%,#00000059 55%,#000c 100%);position:absolute;inset:0}.hvm-grain{z-index:3;opacity:.08;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;position:absolute;inset:0}.hvm-content{z-index:4;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.hvm-content>*{pointer-events:auto}.hvm-title{max-width:720px;font-family:var(--font-display);letter-spacing:-.01em;color:#fff;text-shadow:0 4px 30px #00000073;font-size:clamp(2rem,4.4vw,3.4rem);font-weight:500;line-height:1.12}.hvm-title mark{color:var(--teal);background:0 0}.hvm-desc{color:#ffffffc7;max-width:560px;margin-top:20px;font-size:1rem;line-height:1.6}.hvm-stats{flex-wrap:wrap;justify-content:center;gap:clamp(24px,4vw,48px);margin-top:40px;display:flex}.hvm-stat strong{font-family:var(--font-display);color:#fff;font-size:clamp(1.2rem,2vw,1.7rem);font-weight:600;display:block}.hvm-stat span{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:#fff9;font-size:.68rem}.hvm-cta{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;background:var(--accent);color:#fff;border-radius:var(--radius-pill);transition:transform .3s var(--ease), background .3s;align-items:center;gap:8px;margin-top:40px;padding:16px 30px;font-size:.8rem;display:inline-flex}.hvm-cta:hover{background:#e85a2e;transform:scale(1.04)}.hvm-tunnel{z-index:7;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hvm-tunnel-square{will-change:transform, opacity;border:1.5px solid #22d3ee8c;border-radius:14px;width:220px;height:220px;position:absolute;box-shadow:0 0 40px #22d3ee2e,inset 0 0 40px #22d3ee1a}.hvm-tunnel-fill{background:var(--bg-light,#fff);will-change:transform, opacity;border-radius:0;justify-content:center;align-items:center;width:100vmax;height:100vmax;display:flex;position:absolute;box-shadow:0 0 120px #ffffff80}.hvm-tunnel-preview{text-align:center;will-change:transform, opacity;width:min(920px,100vw);padding:0 24px}.hvm-tunnel-preview .label{justify-content:center;margin-bottom:20px}.hvm-tunnel-preview-statement{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-dark,#111);font-size:clamp(1.9rem,4.4vw,3.4rem);font-weight:500;line-height:1.18}.hvm-tunnel-preview-statement mark{color:var(--teal);background:0 0}@media (width<=760px){.hvm-track{height:420vh}.hvm-stats{gap:24px}.hvm-tunnel-square{width:160px;height:160px}}@media (prefers-reduced-motion:reduce){.hvm-track{height:100vh}}.hero-pin{height:100vh;position:sticky;top:0;overflow:hidden}.hero-act-copy{z-index:1;flex-direction:column;justify-content:center;display:flex;position:absolute;inset:0}.hero-cutout{z-index:2;-webkit-mask-composite:xor;background:#0a0f1e;position:absolute;inset:0;-webkit-mask-image:url(/logo-4.svg),linear-gradient(#000 0 0);mask-image:url(/logo-4.svg),linear-gradient(#000 0 0);-webkit-mask-position:50%,50%;mask-position:50%,50%;-webkit-mask-repeat:no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat;-webkit-mask-composite:xor;mask-composite:exclude}.nav{z-index:100;transition:all .4s var(--ease);padding:22px 0;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#ffffffd9;padding:14px 0}.nav-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;max-width:1320px;margin:0 auto;padding:0 32px;display:grid}.nav-logo{justify-self:center;align-items:center;display:flex}.nav-links-left{align-items:center;gap:32px;display:flex}.nav-links-left a{color:#fff;opacity:.9;font-size:.85rem;transition:opacity .25s,color .4s}.nav-links-left a:hover{opacity:1}.nav.scrolled .nav-links-left a{color:var(--text-dark);opacity:.7}.nav-right{justify-content:flex-end;display:flex}.nav-links-mobile{display:none}.nav-cta{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-dark);border-radius:var(--radius-pill);transition:transform .3s var(--ease),background .3s,color .3s;background:#fff;padding:12px 22px;font-size:.75rem}.nav-cta:hover{background:var(--accent);color:#fff;transform:scale(1.04)}.nav.scrolled .nav-cta{background:var(--text-dark);color:#fff}.nav-menu-btn{cursor:pointer;z-index:1;background:0 0;border:0;flex-direction:column;gap:5px;padding:4px;display:none;position:relative}.nav-menu-btn span{width:22px;height:2px;transition:transform .3s var(--ease),opacity .3s,background .4s;background:#fff}.nav.scrolled .nav-menu-btn span{background:var(--text-dark)}.nav-menu-btn.open span{background:#fff!important}.nav-menu-btn.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-menu-btn.open span:nth-child(2){opacity:0}.nav-menu-btn.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav:not(.scrolled) .nav-logo .vector-logo-word{color:#fff;transition:color .4s}@media (width<=860px){.nav-inner{justify-content:space-between;display:flex}.nav-links-left,.nav-right{display:none}.nav-links-mobile{background:var(--text-dark);transition:transform .4s var(--ease),visibility .4s;visibility:hidden;flex-direction:column;justify-content:center;gap:28px;padding:0 32px;display:flex;position:fixed;inset:0 0 0 30%;transform:translate(100%)}.nav-links-mobile.open{visibility:visible;transform:translate(0)}.nav-links-mobile a{color:#fff;opacity:1;font-size:1.1rem}.nav-links-mobile .nav-cta{color:var(--text-dark);align-self:flex-start}.nav-menu-btn{display:flex}}.vector-logo{align-items:center;gap:.32em;line-height:1;display:flex}.vector-logo-icon{flex-shrink:0;width:auto;height:1em;display:block}.vector-logo-text{flex-direction:column;display:flex}.vector-logo-word{font-family:var(--font-display);color:var(--text-dark);white-space:nowrap;font-size:.62em;font-weight:800;line-height:1}.vector-logo-slogan{font-family:var(--font-mono);color:var(--teal);white-space:nowrap;margin-top:.2em;font-size:.17em}.animated-logo{cursor:pointer;flex-direction:column;align-items:flex-start;display:inline-flex}.animated-logo-sm .vector-logo{font-size:52px}.animated-logo-md .vector-logo{font-size:64px}.animated-logo-lg .vector-logo{font-size:80px}.animated-logo-slogan{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-muted);margin-top:8px;font-size:.68rem}.services-grid{perspective:1400px;grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.services-grid>*{min-width:0}.service-card{background:var(--bg-light);border:1px solid var(--line);transform-style:preserve-3d;will-change:transform;transform-origin:bottom;border-radius:18px;padding:40px 30px;position:relative;overflow:hidden;box-shadow:0 1px 2px #11111108}.service-accent{background:linear-gradient(90deg,var(--teal),var(--teal-dark));transform-origin:0;height:3px;transition:transform .5s var(--ease);position:absolute;top:0;left:0;right:0;transform:scaleX(.22)}.service-card:hover .service-accent{transform:scaleX(1)}.service-card:hover{border-color:#0000;box-shadow:0 30px 60px -24px #11111138}.service-card.featured{background:var(--text-dark);color:#fff;border-color:var(--text-dark)}.service-card.featured .service-accent{background:linear-gradient(90deg,var(--accent),#ffb199)}.service-card h3{letter-spacing:-.01em;margin:26px 0 12px;font-size:1.28rem}.service-card p{color:var(--text-body);font-size:.94rem;line-height:1.6}.service-card.featured p{color:#ffffffa6}.service-tag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-pill);padding:4px 10px;font-size:.62rem;position:absolute;top:32px;right:30px}.service-card:after{content:"→";font-family:var(--font-display);color:var(--teal);opacity:0;transition:opacity .35s var(--ease),transform .35s var(--ease);font-size:1.2rem;position:absolute;bottom:30px;right:30px;transform:translate(-8px)translateZ(20px)}.service-card.featured:after{color:var(--accent)}.service-card:hover:after{opacity:1;transform:translate(0)translateZ(20px)}@media (width<=860px){.services-grid{grid-template-columns:1fr}}.why-grid{grid-template-columns:1fr 1fr;align-items:start;gap:64px;display:grid}.why-grid>*{min-width:0}.why-list{flex-direction:column;gap:32px;margin-top:36px;display:flex}.why-item{grid-template-columns:20px 1fr;gap:18px;display:grid}.why-dot{background:var(--teal);border-radius:50%;width:9px;height:9px;margin-top:8px;box-shadow:0 0 0 4px #1fb6c126}.why-item h4{color:var(--text-dark);margin-bottom:8px;font-size:1.1rem}.why-item p{color:var(--text-body);font-size:.92rem}.why-panel-wrap{perspective:1000px}.why-panel{border:1px solid var(--line);background:var(--bg-light);will-change:transform;border-radius:20px;padding:40px;box-shadow:0 30px 70px -40px #11111140}.why-panel h3{color:var(--text-dark)}.why-numbers{grid-template-columns:1fr 1fr;gap:28px;margin-top:28px;display:grid}.why-number strong{font-family:var(--font-display);color:var(--teal);font-variant-numeric:tabular-nums;font-size:2rem;display:block}.why-number span{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.68rem}@media (width<=860px){.why-grid{grid-template-columns:1fr}}.process-grid{grid-template-columns:repeat(4,1fr);gap:32px;display:grid;position:relative}.process-grid>.process-step{min-width:0}.process-step{padding-top:8px;position:relative}.process-num{font-family:var(--font-mono);color:var(--teal-dark);border:1.5px solid var(--teal);background:var(--bg-light);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:20px;font-size:.85rem;display:flex;position:relative}.process-line-track{background:var(--line);z-index:0;height:1px;position:absolute;top:20px;left:20px;right:20px}.process-line-fill{background:linear-gradient(90deg,var(--teal),var(--accent));transform-origin:0;will-change:transform;position:absolute;inset:0}.process-line-dot{background:var(--accent);will-change:left;border-radius:50%;width:9px;height:9px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #ff6a3d33,0 0 16px #ff6a3d99}.process-step h4{color:var(--text-dark);margin-bottom:10px;font-size:1.15rem}.process-step p{color:var(--text-body);font-size:.9rem}@media (width<=860px){.process-grid{grid-template-columns:1fr 1fr;row-gap:44px}.process-line-track{display:none}}.marquee{flex-direction:column;gap:16px;margin-top:48px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.marquee-row{overflow:hidden}.marquee-track{gap:12px;width:max-content;animation-name:marqueeScroll;animation-timing-function:linear;animation-iteration-count:infinite;display:flex}.marquee-row--reverse .marquee-track{animation-direction:reverse}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-item{font-family:var(--font-mono);border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--text-body);white-space:nowrap;flex-shrink:0;padding:12px 22px;font-size:.85rem;transition:border-color .3s,color .3s,transform .3s}.marquee-item:hover{border-color:var(--teal);color:var(--teal);transform:translateY(-2px)}.marquee-row--reverse .marquee-item{opacity:.55}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.marquee-track{flex-wrap:wrap;width:100%;animation:none}}.cta-final{text-align:center;position:relative;overflow:hidden}.cta-final .container{position:relative}.cta-mark{fill:none;width:min(70vw,780px);height:auto;stroke:var(--teal);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;opacity:.16;pointer-events:none;position:absolute;top:50%;left:50%;translate:-50% -50%}.cta-final h2{max-width:820px;color:var(--text-dark);margin:0 auto 20px;font-size:clamp(2.2rem,4.5vw,4rem)}.cta-final p{color:var(--text-body);max-width:520px;margin:0 auto 40px}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.cta-buttons .btn-outline{text-transform:uppercase}.footer{padding:80px 0 32px}.footer-grid{border-bottom:1px solid var(--line);grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px;padding-bottom:56px;display:grid}.footer-grid>*{min-width:0}.footer-brand .animated-logo{margin-bottom:14px}.footer-brand p{color:var(--text-muted);max-width:280px;font-size:.9rem}.footer-grid h4{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:18px;font-size:.72rem}.footer-grid a{color:var(--text-dark);opacity:.75;padding:6px 0;font-size:.9rem;display:block}.footer-grid a:hover{opacity:1;color:var(--teal)}.footer-bottom{font-family:var(--font-mono);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:28px;font-size:.72rem;display:flex}@media (width<=760px){.footer-grid{grid-template-columns:1fr 1fr;row-gap:36px}}@media (width<=520px){.footer-grid{grid-template-columns:1fr}}.wa-float{z-index:50;width:58px;height:58px;transition:transform .3s var(--ease);background:#25d366;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 8px 30px #25d36666}.wa-float:hover{transform:scale(1.1)}@media (prefers-reduced-motion:reduce){.service-card{transition:background .35s}.service-card:hover{box-shadow:none;transform:none}}
