:root{--bg: #15181d;--ink: #f4f8fb;--ink-dim: #a4b2bb;--hairline: rgba(244, 248, 251, .16);--accent: #3bb5ff;--accent-2: #4ee0a1;--serif: "Fraunces", Georgia, serif;--sans: "Inter", -apple-system, sans-serif;--ease: cubic-bezier(.22, 1, .36, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--accent);color:var(--bg)}#scene{position:fixed;inset:0;width:100%;height:100%;z-index:0}.grain{position:fixed;inset:-50%;z-index:1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 9s steps(10) infinite}@keyframes grain{0%,to{transform:translate(0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-4%)}60%{transform:translate(-3%,-2%)}80%{transform:translate(4%,2%)}}.nav{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:1.35rem clamp(1.5rem,5vw,4rem);isolation:isolate}.nav:before{content:"";position:absolute;inset:0 0 -5rem;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,var(--bg) 0%,var(--bg) calc(100% - 5rem),rgba(21,24,29,0) 100%)}.wordmark{display:inline-flex;flex-direction:column;align-items:center;width:clamp(8.5rem,12vw,10.5rem);gap:.3rem;color:var(--ink);text-decoration:none}.vectra-wordmark{display:block;width:100%;height:auto;flex:none}.wordmark-subline{display:grid;grid-template-columns:clamp(1rem,1.8vw,1.5rem) auto clamp(1rem,1.8vw,1.5rem);align-items:center;gap:.38rem}.wordmark-rule{position:relative;top:1px;display:block;height:1px;background:linear-gradient(90deg,var(--accent),#65cfff);opacity:.9;transform-origin:left center}.wordmark-rule:last-child{background:linear-gradient(90deg,#65cfff,var(--accent));transform-origin:right center}.js .wordmark-rule{opacity:0;transform:scaleX(0)}.wordmark-subline.is-assembling .wordmark-rule{animation:wordmark-rule-in 1.15s var(--ease) .18s forwards}.systems-word{position:relative;top:1px;display:inline-block;font-family:"Michroma",var(--sans);font-size:clamp(.38rem,.55vw,.48rem);line-height:1;letter-spacing:.4em;padding-left:.4em;text-transform:uppercase;color:var(--accent)}.js .systems-word{opacity:0;filter:blur(10px);transform:translateY(.32em)}.js .systems-word.is-assembling{animation:systems-assemble 1.45s var(--ease) forwards}.nav-cta{font-size:.72rem;text-transform:uppercase;letter-spacing:.22em;color:var(--ink);text-decoration:none;padding-bottom:2px;border-bottom:1px solid var(--hairline);transition:border-color .4s var(--ease)}.nav-cta:hover{border-color:var(--ink)}.systems-particle-layer{position:fixed;inset:0;z-index:11;pointer-events:none;overflow:hidden}.systems-particle{position:absolute;left:0;top:0;width:var(--size);height:var(--size);border-radius:50%;background:#65cfff;box-shadow:0 0 10px #65cfffe6;opacity:0;transform:translate3d(var(--sx),var(--sy),0) scale(.6);animation:systems-from-wave var(--dur) cubic-bezier(.18,.72,.12,1) var(--delay) forwards}@keyframes systems-assemble{0%{opacity:0;filter:blur(10px);transform:translateY(.32em);color:var(--accent)}52%{opacity:.88;filter:blur(3px);transform:translateY(.08em);color:var(--accent)}to{opacity:1;filter:blur(0);transform:translate(0);color:var(--accent)}}@keyframes wordmark-rule-in{0%{opacity:0;transform:scaleX(0);filter:blur(2px)}55%{opacity:1;filter:blur(0)}to{opacity:.9;transform:scaleX(1);filter:blur(0)}}@keyframes systems-from-wave{0%{opacity:0;transform:translate3d(var(--sx),var(--sy),0) scale(.55)}16%{opacity:.95;transform:translate3d(var(--sx),var(--sy),0) scale(.9)}36%{opacity:.95;transform:translate3d(var(--sx),var(--sy),0) scale(1)}84%{opacity:.95;transform:translate3d(var(--mx),var(--my),0) scale(1.05)}to{opacity:0;transform:translate3d(var(--tx),var(--ty),0) scale(.22)}}main{position:relative;z-index:2}section{padding:0 clamp(1.5rem,8vw,9rem)}.eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.28em;color:var(--ink-dim);margin-bottom:2.5rem}em{font-style:italic;color:var(--accent)}html.js .reveal{opacity:0;transform:translateY(28px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}html.js .reveal.in{opacity:1;transform:none}.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;position:relative}.hero .eyebrow{margin-bottom:1.75rem}.hero h1{font-family:Playfair Display,Georgia,serif;font-weight:400;font-size:clamp(3rem,9.5vw,8.5rem);line-height:1.04;letter-spacing:-.015em}.hero h1 em{font-family:Playfair Display,Georgia,serif;font-weight:400}.hero h1 .line{display:block;white-space:nowrap}#headline .ch{display:inline-block;opacity:0;filter:blur(10px);transform:translateY(.35em)}#headline .ch.in{opacity:1;filter:blur(0);transform:none;transition:opacity .9s var(--ease),filter .9s var(--ease),transform .9s var(--ease)}.hero .lede{max-width:26rem;margin-top:2.25rem;color:var(--ink-dim);font-size:1.02rem}.cta{display:inline-flex;align-items:center;gap:.9rem;margin-top:3rem;width:fit-content;color:var(--ink);text-decoration:none;font-size:.78rem;text-transform:uppercase;letter-spacing:.22em;padding:1.05rem 1.8rem;border:1px solid var(--hairline);border-radius:100px;transition:background .5s var(--ease),color .5s var(--ease),border-color .5s var(--ease)}.cta svg{width:16px;height:16px;transition:transform .5s var(--ease)}.cta:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}.cta:hover svg{transform:translate(5px)}.scroll-hint{position:absolute;bottom:2.5rem;left:50%;width:1px;height:56px;background:var(--hairline);overflow:hidden}.scroll-hint span{position:absolute;top:-50%;left:0;width:100%;height:50%;background:var(--accent);animation:drop 2.4s var(--ease) infinite}@keyframes drop{to{top:110%}}.capabilities{padding-top:22vh;padding-bottom:14vh}.capabilities ul{list-style:none}.capabilities li{display:grid;grid-template-columns:4rem 1fr 1.4fr;gap:2rem;align-items:baseline;padding:3rem 0;border-top:1px solid var(--hairline)}.capabilities li:last-child{border-bottom:1px solid var(--hairline)}.capabilities .index{font-size:.72rem;letter-spacing:.18em;color:var(--ink-dim)}.capabilities h2{font-family:var(--serif);font-weight:300;font-size:clamp(1.7rem,3.2vw,2.6rem)}.capabilities p{color:var(--ink-dim);font-size:.95rem;max-width:30rem}.ethos{padding-top:16vh;padding-bottom:16vh;display:flex;justify-content:center}.ethos p{font-family:var(--serif);font-weight:300;font-size:clamp(1.6rem,3.6vw,3.1rem);line-height:1.3;max-width:48rem;text-align:center}.contact{padding-top:14vh;padding-bottom:20vh;text-align:center}.contact .eyebrow{margin-bottom:1.5rem}.big-link{font-family:var(--serif);font-weight:300;font-size:clamp(1.9rem,6.5vw,5.5rem);color:var(--ink);text-decoration:none;letter-spacing:-.01em;background-image:linear-gradient(var(--accent),var(--accent));background-repeat:no-repeat;background-size:0% 1px;background-position:0 96%;transition:background-size .7s var(--ease),color .7s var(--ease)}.big-link:hover{color:var(--accent);background-size:100% 1px}footer{position:relative;z-index:2;display:flex;justify-content:space-between;padding:2rem clamp(1.5rem,5vw,4rem);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);border-top:1px solid var(--hairline)}@media(max-width:720px){.capabilities li{grid-template-columns:1fr;gap:.7rem;padding:2.2rem 0}.nav{padding:1rem 1.25rem}.nav-cta{font-size:.66rem;letter-spacing:.16em}section{padding-left:1.25rem;padding-right:1.25rem}.hero h1{font-size:3rem}.hero .lede{font-size:.95rem;margin-top:1.75rem}.cta{margin-top:2.4rem;padding:.95rem 1.5rem}.scroll-hint{height:42px;bottom:1.6rem}.ethos p{font-size:clamp(1.35rem,6.2vw,1.9rem)}.big-link{font-size:clamp(1.5rem,8.5vw,2.6rem)}footer{flex-direction:column;gap:.4rem;padding:1.6rem 1.25rem}}@media(max-width:560px){.hero h1{font-size:2.15rem}}@media(hover:none){.cta:active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.big-link:active{color:var(--accent)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.grain,.scroll-hint span{animation:none}.systems-word,.systems-word:before,.wordmark-rule{animation:none;opacity:1;filter:none;transform:none}.systems-word:before{opacity:0}.reveal{opacity:1;transform:none;transition:none}}