@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#05080d;--panel:#0a1119;--line:rgba(155,213,229,.16);--cyan:#49e8ff;--blue:#149dff;--white:#edfaff;--muted:#91a6af;--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:var(--sans);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 72% 14%,rgba(0,183,255,.12),transparent 28rem),linear-gradient(rgba(73,232,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(73,232,255,.025) 1px,transparent 1px);background-size:auto,72px 72px,72px 72px;z-index:-2}#field{position:fixed;inset:0;z-index:-1;pointer-events:none}.noise{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' 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='.8'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.nav{position:fixed;z-index:10;top:0;left:0;width:100%;height:92px;padding:0 clamp(24px,4.5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent;transition:.4s}.nav.scrolled{height:72px;background:rgba(5,8,13,.82);backdrop-filter:blur(18px);border-color:var(--line)}.brand{width:174px;height:44px;overflow:hidden;display:flex;align-items:center}.brand img{width:100%;filter:invert(1) brightness(2) grayscale(1)}.nav nav{display:flex;gap:36px;font:400 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.nav nav a{transition:.2s}.nav nav a:hover{color:var(--cyan)}.nav-cta,.primary{border:1px solid rgba(73,232,255,.5);background:rgba(73,232,255,.08);font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;display:inline-flex;align-items:center;gap:35px;padding:16px 20px;transition:.25s}.nav-cta span,.primary span{color:var(--cyan)}.nav-cta:hover,.primary:hover{background:var(--cyan);color:#031015;box-shadow:0 0 35px rgba(73,232,255,.22)}.nav-cta:hover span,.primary:hover span{color:#031015}.hero{min-height:100svh;position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:140px clamp(24px,7vw,120px) 80px;overflow:hidden}.hero:after{content:"";position:absolute;left:7vw;right:7vw;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}.signal,.label{font:400 10px var(--mono);letter-spacing:.18em;color:var(--cyan);text-transform:uppercase}.signal{display:flex;align-items:center;gap:10px}.signal i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan);animation:blink 1.8s infinite}.hero h1{font-size:clamp(4.6rem,8.5vw,9.6rem);line-height:.82;letter-spacing:-.085em;margin:32px 0 38px;font-weight:600}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--cyan);text-shadow:0 0 50px rgba(73,232,255,.18)}.lede{max-width:590px;font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.75;color:var(--muted)}.actions{display:flex;align-items:center;gap:32px;margin-top:36px}.text-link{font:400 11px var(--mono);letter-spacing:.08em;color:var(--muted)}.text-link span{color:var(--cyan);margin-left:10px}.core{height:min(620px,62vw);position:relative;display:grid;place-items:center}.core:before{content:"";position:absolute;width:58%;aspect-ratio:1;border-radius:50%;background:var(--blue);filter:blur(110px);opacity:.14}.core-rings i,.core-orbit{position:absolute;border-radius:50%;border:1px solid rgba(73,232,255,.17)}.core-rings i:nth-child(1){width:76%;height:76%}.core-rings i:nth-child(2){width:57%;height:57%;border-style:dashed;animation:spin 40s linear infinite}.core-rings i:nth-child(3){width:38%;height:38%;box-shadow:inset 0 0 55px rgba(73,232,255,.05),0 0 55px rgba(73,232,255,.05)}.core-orbit{width:76%;height:76%;animation:spin 18s linear infinite}.core-orbit:before{content:"";position:absolute;top:7%;left:19%;width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 18px var(--cyan)}.core-orbit b{position:absolute;top:2%;left:24%;font:400 8px var(--mono);letter-spacing:.18em;color:var(--cyan);animation:counterspin 18s linear infinite}.orbit-b{transform:rotate(120deg);animation-delay:-6s}.orbit-c{transform:rotate(240deg);animation-delay:-12s}.core-mark{width:44%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(73,232,255,.13),rgba(5,8,13,.3) 60%,transparent 61%);filter:drop-shadow(0 0 32px rgba(73,232,255,.15))}.core-mark img{width:95%;filter:invert(1) sepia(1) saturate(8) hue-rotate(145deg) brightness(1.5);animation:breathe 4s ease-in-out infinite}.readout{position:absolute;border-left:1px solid var(--cyan);padding:6px 12px;background:linear-gradient(90deg,rgba(73,232,255,.07),transparent);font-family:var(--mono);min-width:130px}.readout-a{top:21%;right:0}.readout-b{bottom:16%;left:2%}.readout span{color:var(--cyan);font-size:8px}.readout strong{display:block;font-size:9px;letter-spacing:.15em;margin:3px 0}.readout small{font-size:8px;color:var(--muted)}.scroll-cue{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);font:400 8px var(--mono);letter-spacing:.18em;color:#667983}.scroll-cue span{display:inline-block;width:44px;height:1px;background:var(--cyan);vertical-align:middle;margin-right:10px}.manifesto{padding:clamp(110px,14vw,220px) 7vw;text-align:center}.manifesto h2{font-size:clamp(2.5rem,5.4vw,6rem);letter-spacing:-.055em;line-height:1.08;margin:30px auto;max-width:1300px;font-weight:500}.manifesto h2 span,.method h2 span,.contact h2 span{color:var(--cyan)}.manifesto>p:last-child{max-width:670px;margin:36px auto 0;color:var(--muted);font-size:1.05rem;line-height:1.8}.services{padding:110px 7vw}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:64px}.section-head h2,.method h2{font-size:clamp(3rem,5.5vw,6.2rem);line-height:.96;letter-spacing:-.065em;margin:20px 0 0;font-weight:600}.section-head>p{max-width:360px;color:var(--muted);line-height:1.7}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service{min-height:520px;padding:45px;position:relative;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:70px 1fr;gap:26px;overflow:hidden;transition:.4s}.service:before{content:attr(data-index);position:absolute;right:18px;top:0;font:300 9rem var(--mono);color:rgba(73,232,255,.025);transition:.4s}.service:hover{background:linear-gradient(135deg,rgba(73,232,255,.08),transparent 55%);box-shadow:inset 0 0 70px rgba(73,232,255,.025)}.service:hover:before{color:rgba(73,232,255,.07);transform:translateY(8px)}.service-icon{width:54px;height:54px;border:1px solid rgba(73,232,255,.35);display:grid;place-items:center;color:var(--cyan);font:400 18px var(--mono)}.meta{font:400 9px var(--mono);letter-spacing:.18em;color:var(--cyan);margin:4px 0 30px}.service h3{font-size:clamp(2rem,3.2vw,3.8rem);line-height:1;letter-spacing:-.05em;margin:0 0 26px}.service div>p:not(.meta){color:var(--muted);line-height:1.75;max-width:480px}.service ul{list-style:none;padding:0;margin:38px 0 0;font:400 10px var(--mono);letter-spacing:.08em;color:#b8c8ce}.service li{padding:10px 0;border-bottom:1px solid rgba(155,213,229,.09)}.service li:before{content:"+";color:var(--cyan);margin-right:12px}.service>a{position:absolute;right:34px;bottom:32px;width:48px;height:48px;border:1px solid var(--line);display:grid;place-items:center;color:var(--cyan);transition:.2s}.service>a:hover{background:var(--cyan);color:var(--ink)}.method{display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding:160px 7vw;background:linear-gradient(90deg,rgba(10,17,25,.95),rgba(5,8,13,.6));border-block:1px solid var(--line)}.method-copy>p:last-child{color:var(--muted);line-height:1.8;max-width:560px;margin-top:40px}.steps{list-style:none;padding:0;margin:0}.steps li{display:grid;grid-template-columns:65px 1fr;gap:20px;padding:26px 0;border-bottom:1px solid var(--line)}.steps span{font:400 10px var(--mono);color:var(--cyan)}.steps strong{font-size:1.45rem}.steps p{color:var(--muted);margin:8px 0 0}.telemetry{margin:140px 7vw;padding:45px;border:1px solid var(--line);position:relative;background:rgba(8,15,22,.7)}.telemetry-top{display:flex;justify-content:space-between;font:400 9px var(--mono);color:var(--muted);letter-spacing:.12em}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px}.metrics>div{text-align:center;border-right:1px solid var(--line)}.metrics>div:last-child{border:0}.metrics strong{font:300 clamp(4rem,9vw,9rem) var(--mono);letter-spacing:-.08em}.metrics sup{color:var(--cyan);font:400 1.2rem var(--mono)}.metrics p{font:400 9px var(--mono);letter-spacing:.18em;color:var(--muted)}.pulse-line{height:36px;margin-top:35px;background:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 12px);position:relative;overflow:hidden}.pulse-line i{position:absolute;inset:17px 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);animation:scan 3s linear infinite}.contact{min-height:760px;padding:140px 7vw;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden}.contact-glow{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(15,166,255,.16),transparent 65%);filter:blur(20px);pointer-events:none}.contact h2{position:relative;font-size:clamp(3.3rem,7vw,8rem);letter-spacing:-.07em;line-height:.95;margin:28px 0 50px}.contact-link{position:relative;font:400 clamp(1rem,1.5vw,1.4rem) var(--mono);letter-spacing:.04em;border-bottom:1px solid var(--cyan);padding:14px 3px;color:var(--cyan)}.contact-link b{margin-left:35px}.contact-note{position:relative;margin-top:55px;color:var(--muted);font:400 9px var(--mono);letter-spacing:.14em}footer{padding:35px 7vw;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font:400 9px var(--mono);letter-spacing:.14em}footer .brand{width:130px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes counterspin{to{transform:rotate(-360deg)}}@keyframes breathe{50%{transform:scale(1.04);filter:invert(1) sepia(1) saturate(8) hue-rotate(145deg) brightness(1.8) drop-shadow(0 0 16px var(--cyan))}}@keyframes blink{50%{opacity:.3}}@keyframes scan{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@media(max-width:900px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:130px}.hero-copy{z-index:2}.core{height:500px;margin-top:-60px;opacity:.75}.manifesto{padding-top:100px}.section-head{display:block}.section-head>p{margin-top:25px}.service-grid,.method{grid-template-columns:1fr}.method{gap:70px}.metrics strong{font-size:clamp(3rem,12vw,6rem)}}
@media(max-width:600px){.nav{padding-inline:18px}.nav .brand{width:135px}.nav-cta{padding:13px;gap:8px;font-size:0}.nav-cta span{font-size:14px}.hero{padding-inline:22px}.hero h1{font-size:clamp(4rem,21vw,6.5rem)}.actions{align-items:flex-start;flex-direction:column}.core{height:380px;margin-top:-20px}.readout{display:none}.services,.method{padding:90px 22px}.service-grid{display:block;border-left:1px solid var(--line)}.service{min-height:auto;padding:32px 25px 90px;grid-template-columns:1fr}.service-icon{margin-bottom:10px}.telemetry{margin:90px 22px;padding:28px 18px}.metrics{grid-template-columns:1fr;gap:30px}.metrics>div{border-right:0;border-bottom:1px solid var(--line);padding-bottom:24px}.telemetry-top span{display:none}.contact{padding-inline:22px;min-height:620px}footer{flex-direction:column;gap:20px;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Contact enquiry system */
.contact{min-height:1080px;padding-block:140px 110px}.contact h2{margin-bottom:64px}.contact-form{position:relative;width:min(100%,980px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 34px;text-align:left;padding:clamp(28px,4vw,52px);border:1px solid var(--line);background:linear-gradient(135deg,rgba(10,24,34,.92),rgba(5,8,13,.78));box-shadow:0 24px 90px rgba(0,0,0,.28),inset 0 0 80px rgba(73,232,255,.025);backdrop-filter:blur(14px)}.contact-form:before,.contact-form:after{content:"";position:absolute;width:30px;height:30px;pointer-events:none}.contact-form:before{top:-1px;left:-1px;border-top:1px solid var(--cyan);border-left:1px solid var(--cyan)}.contact-form:after{right:-1px;bottom:-1px;border-right:1px solid var(--cyan);border-bottom:1px solid var(--cyan)}.form-field{display:grid;gap:10px;min-width:0}.form-field-wide,.form-actions,.form-status{grid-column:1/-1}.form-field label{font:400 9px var(--mono);letter-spacing:.15em;text-transform:uppercase;color:#bdd0d7}.form-field label span{color:var(--cyan)}.form-field label small{font:300 8px var(--mono);color:#6f848e;letter-spacing:.09em;margin-left:8px}.form-field input,.form-field textarea{width:100%;border:1px solid rgba(155,213,229,.2);border-radius:0;background:rgba(3,11,17,.72);color:var(--white);font:400 1rem var(--sans);padding:15px 16px;outline:none;caret-color:var(--cyan);transition:border-color .2s,box-shadow .2s,background .2s}.form-field textarea{min-height:150px;line-height:1.6;resize:vertical}.form-field input:hover,.form-field textarea:hover{border-color:rgba(73,232,255,.42)}.form-field input:focus-visible,.form-field textarea:focus-visible{border-color:var(--cyan);background:rgba(6,20,29,.9);box-shadow:0 0 0 3px rgba(73,232,255,.1),0 0 28px rgba(73,232,255,.08)}.form-field input:user-invalid,.form-field textarea:user-invalid{border-color:rgba(255,104,104,.65)}.form-trap{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:4px}.form-actions>p{margin:0;color:var(--muted);font:300 9px var(--mono);letter-spacing:.08em;line-height:1.6;text-align:right}.form-submit{min-width:205px;border:1px solid rgba(73,232,255,.55);border-radius:0;background:rgba(73,232,255,.09);color:var(--white);font:500 10px var(--mono);letter-spacing:.13em;text-transform:uppercase;padding:16px 18px;display:inline-flex;justify-content:space-between;align-items:center;gap:36px;cursor:pointer;transition:background .25s,color .25s,box-shadow .25s,opacity .25s}.form-submit b{color:var(--cyan)}.form-submit:hover:not(:disabled),.form-submit:focus-visible{background:var(--cyan);color:#031015;box-shadow:0 0 35px rgba(73,232,255,.22);outline:none}.form-submit:hover:not(:disabled) b,.form-submit:focus-visible b{color:#031015}.form-submit:disabled{cursor:wait;opacity:.58}.form-status{min-height:22px;margin:0;font:400 10px var(--mono);letter-spacing:.06em;line-height:1.6}.form-status:empty{display:none}.form-status[data-state="sending"]{color:var(--muted)}.form-status[data-state="success"]{color:var(--cyan)}.form-status[data-state="error"]{color:#ff9292}.contact-note{margin-top:46px}
.contact-form,.contact-form:before,.contact-form:after{transition:border-color .35s ease,background .55s ease,box-shadow .55s ease,top .72s cubic-bezier(.76,0,.24,1),right .72s cubic-bezier(.76,0,.24,1),bottom .72s cubic-bezier(.76,0,.24,1),left .72s cubic-bezier(.76,0,.24,1),width .72s cubic-bezier(.76,0,.24,1),height .72s cubic-bezier(.76,0,.24,1),transform .72s cubic-bezier(.76,0,.24,1)}.contact-form:before,.contact-form:after{z-index:4}.contact-form>.form-field,.contact-form>.form-actions{transition:opacity .32s ease,transform .55s cubic-bezier(.2,.8,.2,1),filter .4s ease}.contact-form.is-sending{border-color:transparent;background:rgba(5,12,18,.42);box-shadow:inset 0 0 110px rgba(73,232,255,.025)}.contact-form.is-sending>.form-field,.contact-form.is-sending>.form-actions,.contact-form.is-success>.form-field,.contact-form.is-success>.form-actions{opacity:0;transform:scale(.965);filter:blur(5px);pointer-events:none}.contact-form.is-sending:before{top:50%;left:50%;width:120px;height:74px;transform:translate(-50%,-50%)}.contact-form.is-sending:after{right:50%;bottom:50%;width:120px;height:74px;transform:translate(50%,50%)}.form-transmission,.form-success{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;pointer-events:none;opacity:0;visibility:hidden}.form-transmission{gap:30px;color:var(--cyan);font:400 8px var(--mono);letter-spacing:.28em}.contact-form.is-sending .form-transmission{opacity:1;visibility:visible;transition:opacity .25s ease .3s}.mail-glyph{position:relative;width:120px;height:74px}.mail-glyph:before,.mail-glyph:after{content:"";position:absolute;top:18px;width:70px;height:1px;background:var(--cyan);box-shadow:0 0 12px rgba(73,232,255,.65);opacity:0}.mail-glyph:before{left:1px;transform-origin:left;transform:rotate(31deg)}.mail-glyph:after{right:1px;transform-origin:right;transform:rotate(-31deg)}.contact-form.is-sending .mail-glyph:before,.contact-form.is-sending .mail-glyph:after{animation:mail-fold .55s cubic-bezier(.2,.8,.2,1) .68s forwards}.form-transmission span{opacity:0;animation:transmission-pulse 1s ease-in-out .95s infinite alternate}.form-success{padding:40px;transform:scale(.92);transition:opacity .38s ease,transform .62s cubic-bezier(.2,.8,.2,1),visibility 0s linear .62s}.contact-form.is-success .form-success{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition-delay:.34s}.form-success .label{margin:0 0 20px}.form-success h3{margin:0;color:var(--white);font-size:clamp(3rem,6vw,6rem);font-weight:500;letter-spacing:-.06em;line-height:1}.form-success>p:not(.label){margin:20px 0 30px;color:var(--muted);font-size:1rem}.form-reset{border:0;border-bottom:1px solid var(--cyan);background:transparent;color:var(--cyan);padding:12px 2px;font:400 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.form-reset span{margin-left:18px}.form-reset:focus-visible{outline:1px solid var(--cyan);outline-offset:6px}.contact-form.is-error{animation:form-error .34s ease}.contact-form.is-sending>.form-status,.contact-form.is-success>.form-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes mail-fold{from{opacity:0;transform:rotate(0) scaleX(.2)}to{opacity:1}}@keyframes transmission-pulse{from{opacity:.35;text-shadow:none}to{opacity:1;text-shadow:0 0 14px var(--cyan)}}@keyframes form-error{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.form-field input:autofill,.form-field input:-webkit-autofill,.form-field input:-webkit-autofill:hover,.form-field input:-webkit-autofill:active{-webkit-text-fill-color:var(--white);caret-color:var(--cyan);border-color:rgba(155,213,229,.2);box-shadow:0 0 0 1000px #06111a inset;-webkit-box-shadow:0 0 0 1000px #06111a inset}.form-field input:autofill:focus,.form-field input:-webkit-autofill:focus{-webkit-text-fill-color:var(--white);border-color:var(--cyan);box-shadow:0 0 0 1000px #06141d inset,0 0 0 3px rgba(73,232,255,.1),0 0 28px rgba(73,232,255,.08);-webkit-box-shadow:0 0 0 1000px #06141d inset,0 0 0 3px rgba(73,232,255,.1),0 0 28px rgba(73,232,255,.08)}
@media(max-width:700px){.contact{min-height:auto;padding-block:110px 90px}.contact h2{margin-bottom:46px}.contact-form{grid-template-columns:1fr;gap:22px;padding:28px 22px}.form-field-wide,.form-actions,.form-status{grid-column:1}.form-actions{align-items:stretch;flex-direction:column}.form-actions>p{text-align:left}.form-submit{width:100%}}
