:root{--bg:#060a13;--mint:#b6ffed;--cyan:#70bff5;--white:#edf7f6;--line:#b4d1ef25}body{background:var(--bg);color:var(--white);font-family:'Space Grotesk',sans-serif;overflow-x:hidden}h1,h2,h3,p{margin:0}.demo-ribbon{background:#b7ffee;color:#081311}.tech-grain{position:fixed;inset:0;z-index:80;pointer-events:none;opacity:.035;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=".7" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23n)"/%3E%3C/svg%3E')}header{position:absolute;z-index:40;top:35px;left:0;right:0;padding:0 5vw;height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);backdrop-filter:blur(3px)}header.scrolled{background:#08121bea;backdrop-filter:blur(20px)}.logo{font-weight:700;letter-spacing:-.08em;font-size:clamp(20px,2.1vw,32px)}.logo-symbol{display:inline-grid;place-items:center;border:1px solid var(--mint);color:var(--mint);width:33px;height:33px;font-size:24px;margin-right:12px}.logo-slash{color:var(--mint)}header nav{display:flex;gap:40px}header nav a{font-size:10px;letter-spacing:.14em;font-weight:700}header nav a:hover{color:var(--mint)}.get-access{border:1px solid #93ecda77;padding:16px 17px;font-size:10px;letter-spacing:.12em}.pulse{display:inline-block;background:var(--mint);width:7px;height:7px;border-radius:50%;box-shadow:0 0 14px #7cf9d9;animation:pulse 2s infinite;margin-right:8px}@keyframes pulse{50%{opacity:.25;box-shadow:0 0 2px #7cf9d9}}.tech-hero{height:930px;min-height:780px;position:relative;overflow:hidden;background:radial-gradient(circle at 74% 46%,#0d3b36 0%,#061522 33%,#060a13 72%)}#particleCanvas{position:absolute;inset:0;width:100%;height:100%;opacity:.75}.hero-grid-lines{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 49.8%,#99ffed0c 50%,transparent 50.2%),repeating-linear-gradient(90deg,transparent 0 130px,#afefe90a 131px),repeating-linear-gradient(0deg,transparent 0 130px,#afefe907 131px);mask-image:linear-gradient(90deg,transparent,#000)}.hero-label{position:absolute;left:5vw;top:172px;font-size:10px;letter-spacing:.16em;color:var(--mint)}.hero-label b{color:#91a3b1;margin-left:35px;font-weight:500}.hero-content{position:absolute;z-index:7;left:5vw;top:29%;width:65%;pointer-events:none}.supra{font:600 11px 'Space Grotesk';letter-spacing:.17em;color:#a0bdbf}.supra i{color:var(--mint);font-style:normal;margin:0 8px}.hero-content h1{font:700 clamp(98px,13vw,224px)/.81 'Space Grotesk';letter-spacing:-.11em;margin:34px 0 35px;white-space:nowrap;position:relative}.hero-content .dot{color:var(--mint)}.hero-body{display:flex;gap:55px;align-items:center;pointer-events:auto}.hero-body p{font:500 clamp(18px,1.5vw,24px)/1.5 'Space Grotesk';letter-spacing:-.04em}.hero-body p span{color:var(--mint)}.hex-link{background:var(--mint);color:#081111;padding:19px 21px;display:flex;gap:32px;align-items:center;clip-path:polygon(0 0,95% 0,100% 25%,100% 100%,0 100%);font:700 11px 'Space Grotesk';letter-spacing:.11em}.hex-link b{font-size:21px}.machine-wrap{width:min(60vw,850px);aspect-ratio:1;position:absolute;right:-5vw;top:17%;transform-style:preserve-3d;transform:perspective(850px) rotateX(-10deg);pointer-events:none}.machine-glow{position:absolute;inset:13%;background:radial-gradient(circle,#65e9d333,#0d7b9144 30%,transparent 65%);filter:blur(14px)}.orbit{position:absolute;inset:10%;border:5px solid #bafbee7d;border-left-color:transparent;border-bottom-color:#a2e9fe13;border-radius:50%;box-shadow:inset 0 0 25px #4dd6f42e,0 0 40px #1bdabb31;animation:orbit 13s linear infinite;transform-style:preserve-3d}.orbit-one{transform:rotateX(72deg) rotateZ(20deg);animation:orbit 12s linear infinite}.orbit-two{inset:19%;border-width:9px;border-top-color:#a1ffe9;border-right-color:#42d5f2;transform:rotateY(76deg) rotateX(24deg);animation:orbit2 8s linear infinite reverse}.orbit-three{inset:4%;border-width:2px;border-color:#c2e6ff45;border-bottom-color:transparent;transform:rotateY(42deg) rotateZ(-25deg);animation:orbit3 22s linear infinite}@keyframes orbit{to{transform:rotateX(72deg) rotateZ(380deg)}}@keyframes orbit2{to{transform:rotateY(436deg) rotateX(24deg)}}@keyframes orbit3{to{transform:rotateY(402deg) rotateZ(335deg)}}.machine-core{position:absolute;inset:34%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 32%,#b5fff3 0,#2dbeac 30%,#074454 68%,#06141b 75%);box-shadow:0 0 80px #20efd594,inset -13px -15px 38px #02212b;animation:corefloat 5s ease-in-out infinite}@keyframes corefloat{50%{transform:translateY(-25px) scale(1.04)}}.core-inner{font:bold 80px 'Space Grotesk';letter-spacing:-.2em;color:#002b2c;text-shadow:0 1px 12px #9dffff;font-size:clamp(38px,5vw,90px)}.orbit-crosshair{position:absolute;right:6%;top:18%;font-size:39px;font-weight:200;color:var(--mint)}.machine-label{position:absolute;border:1px solid #9bf5ec50;color:#a6f7ee;padding:10px 15px;background:#0715208a;font:600 9px 'Space Grotesk';letter-spacing:.13em}.label-a{top:22%;left:8%}.label-b{right:12%;bottom:21%}.hero-numbers{position:absolute;left:5vw;right:5vw;bottom:35px;display:flex;justify-content:space-between;color:#9ac0c8;font:600 10px 'Space Grotesk';letter-spacing:.15em}.ticker{overflow:hidden;background:var(--mint);color:#061019;white-space:nowrap}.ticker div{font:700 29px 'Space Grotesk';padding:15px 0;width:max-content;animation:marquee 28s linear infinite}.ticker b{margin:0 25px;font-weight:400}@keyframes marquee{to{transform:translateX(-50%)}}.system{background:#f0f5f2;color:#0b1723;padding:140px 6vw 150px}.system-header{max-width:1500px;margin:0 auto 70px;display:flex;justify-content:space-between;align-items:end;gap:30px}.eyebrow{font:700 10px 'Space Grotesk';letter-spacing:.2em}.system h2,.capabilities h2{font:700 clamp(65px,8vw,130px)/.95 'Space Grotesk';letter-spacing:-.085em;margin-top:30px}.system h2 i{color:#2a9c94;font-style:normal}.system-header p{max-width:320px;font-size:14px;line-height:1.8;color:#596971}.os-frame{display:grid;grid-template-columns:230px 1fr;max-width:1500px;margin:auto;background:#0c1522;color:#f0fbf7;border:1px solid #1d3740;min-height:620px;box-shadow:0 50px 120px #061a2540,0 0 0 11px #c3d4d353;border-radius:11px;overflow:hidden}.os-sidebar{display:flex;flex-direction:column;padding:28px 16px;background:#0a141d;border-right:1px solid #243844}.os-id{font-size:32px;font-weight:700;letter-spacing:-.1em;padding:0 16px}.os-id span{color:var(--mint)}.os-caption{font-size:9px;letter-spacing:.16em;margin:20px 16px 55px;color:#627c8a}.os-nav{display:grid;gap:10px}.os-mode{border:1px solid transparent;text-align:left;padding:15px 15px;background:none;color:#8cabb1;display:flex;gap:16px;align-items:center;font-size:13px}.os-mode.active{color:#cafff0;background:#2b766e38;border-color:#61c9b244}.os-mode i{font-style:normal;font-size:20px}.os-side-foot{margin-top:auto;color:#b7fbea;font-size:9px;letter-spacing:.08em}.os-side-foot small{display:block;margin:10px 0 0 17px;color:#67838d}.os-main{padding:35px}.os-top{display:flex;justify-content:space-between;gap:20px;align-items:start}.os-top span{display:block;color:#95abb9;font-size:10px;letter-spacing:.14em}.os-top span b{color:#a4fae8}.os-top strong{display:block;font-size:24px;margin-top:12px;letter-spacing:-.06em}.os-top-right{font:700 10px 'Space Grotesk';color:#8be7cb}.os-top-right span{margin-left:25px;font-size:24px;color:#9ba8b6}.os-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:40px}.os-stats>div{background:#101f2b;border:1px solid #263945;padding:22px}.os-stats>div span{display:block;color:#9ab3c0;font-size:9px;letter-spacing:.13em}.os-stats strong{display:block;font-size:clamp(26px,3vw,49px);letter-spacing:-.07em;margin:12px 0;color:#d7fff3}.os-stats strong span{display:inline;color:#95c5cb;font-size:.5em}.os-stats small{color:#5d8c88;font-size:9px;letter-spacing:.08em}.chart-wrap{margin-top:15px;padding:20px;background:#101f2b;border:1px solid #263945}.chart-top{display:flex;justify-content:space-between;align-items:start}.chart-top span{font-size:9px;letter-spacing:.1em;color:#7a98a1}.chart-top h3{margin:7px 0 0;font-size:22px;letter-spacing:-.05em}.chart-led{color:#bbfff3!important}.chart-led i{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;margin-right:7px;box-shadow:0 0 10px var(--mint)}#graphCanvas{width:100%;height:175px;display:block;margin:10px 0}.chart-bottom{display:flex;justify-content:space-between;color:#65808d;font-size:9px}.os-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:20px;font-size:9px;color:#708994;letter-spacing:.1em}.os-bottom i{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;margin-right:8px}.capabilities{padding:130px 6vw;background:#07111b}.section-meta{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.15em;color:var(--mint)}.capabilities h2{margin:90px 0 110px;max-width:1250px}.capabilities h2 span{color:var(--mint)}.feature-cut{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;align-items:center;padding:80px 0;border-top:1px solid #ffffff20}.feature-cut.reversed .feature-scene{order:2}.feature-scene{height:550px;min-width:0;position:relative;overflow:hidden;background:radial-gradient(circle at center,#16544f,#0b2935 42%,#06101b 75%);border:1px solid #7cf4de3d}.feature-scene>span{position:absolute;left:25px;top:25px;font-size:10px;letter-spacing:.15em;color:#c8fff1}.feature-copy>span{font-size:10px;letter-spacing:.2em;color:var(--mint)}.feature-copy h3{font-size:clamp(40px,4.4vw,75px);letter-spacing:-.07em;line-height:1.04;margin:28px 0}.feature-copy h3 em{color:var(--mint);font-style:normal}.feature-copy p{max-width:420px;color:#a0b4bc;line-height:1.9;font-size:15px}.feature-copy a{display:inline-block;border-bottom:1px solid var(--mint);margin-top:40px;padding-bottom:13px;font-size:11px;letter-spacing:.1em}.feature-ring{width:65%;aspect-ratio:1;border:3px solid #b9ffe9;border-radius:35%;position:absolute;left:18%;top:19%;transform:rotateX(70deg) rotateZ(35deg);box-shadow:0 0 90px #7affd36c,inset 0 0 55px #7affd343;animation:ringroll 13s linear infinite}.feature-ring i{position:absolute;inset:18%;border:15px solid #b9ffe9;border-radius:50%;border-top-color:transparent;transform:rotateX(55deg);box-shadow:0 0 50px #7affd3aa}.feature-ring b{position:absolute;top:40%;left:45%;font-size:60px;font-weight:300}@keyframes ringroll{to{transform:rotateX(70deg) rotateZ(395deg)}}.feature-scene-b{background:repeating-linear-gradient(90deg,transparent 0 60px,#adfdec08 61px),radial-gradient(circle at 55% 50%,#27396d,#0b1225 75%)}.beam-container{position:absolute;inset:10%;transform:perspective(600px) rotateX(23deg) rotateY(-25deg);transform-style:preserve-3d}.beam{position:absolute;left:50%;top:50%;border:2px solid #8ff7ed;width:65%;height:65%;transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 30px #85ffe9aa;animation:beampulse 5s ease-in-out infinite}.beam2{width:42%;height:42%;border-color:#b9d1fc;animation-delay:-1s}.beam3{width:20%;height:20%;background:#b9ffee33;animation-delay:-2s}@keyframes beampulse{50%{transform:translate(-50%,-50%) rotate(115deg) scale(.8)}}.the-vision{text-align:center;padding:180px 20px 155px;position:relative;background:radial-gradient(circle,#103f44,#07121f 65%)}.vision-cross{position:absolute;top:45px;right:8%;font-size:40px;color:var(--mint)}.the-vision>span{font-size:10px;letter-spacing:.16em;color:var(--mint)}.the-vision h2{font-size:clamp(77px,10vw,170px);letter-spacing:-.095em;line-height:.92;margin:55px 0 38px}.the-vision h2 em{color:var(--mint);font-style:normal}.the-vision p{max-width:560px;margin:auto;line-height:1.9;color:#a2bfc1}.the-vision a{display:inline-flex;background:var(--mint);color:#07131c;gap:70px;margin-top:45px;padding:20px 25px;font-size:11px;font-weight:700;letter-spacing:.14em}.the-vision a b{font-size:22px}.the-vision .vision-signature{display:block;margin-top:125px;color:#658e9a}footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:40px 5vw 110px;font-size:10px;letter-spacing:.12em;color:#a9bbc4}footer .logo{font-size:25px;color:#fff}
@media(max-width:950px){header nav{display:none}.tech-hero{height:820px}.hero-content{top:32%;width:90%}.hero-content h1{font-size:clamp(83px,13vw,145px)}.machine-wrap{width:75vw;right:-22vw;top:20%}.os-frame{grid-template-columns:165px 1fr}.os-main{padding:20px}.os-sidebar{padding:20px 10px}.feature-cut{gap:5vw}.feature-scene{height:460px}}
@media(max-width:650px){header{top:33px;height:74px;padding:0 15px}.logo{font-size:20px}.logo-symbol{width:24px;height:24px;margin-right:6px;font-size:16px}.get-access{font-size:8px;letter-spacing:0;padding:12px 7px}.tech-hero{height:785px;min-height:750px}.hero-label{top:150px;left:20px;font-size:8px}.hero-label b{display:none}.hero-content{top:31%;left:18px;right:18px;width:auto}.supra{font-size:8px}.hero-content h1{font-size:clamp(73px,16vw,108px);margin:27px 0;letter-spacing:-.12em}.hero-body{display:block}.hero-body p{font-size:17px}.hex-link{display:inline-flex;margin-top:25px;font-size:10px;padding:16px}.machine-wrap{width:100vw;right:-42vw;top:11%;opacity:.75}.hero-numbers{left:18px;right:18px;font-size:8px}.hero-numbers span:last-child{display:none}.ticker div{font-size:19px}.system{padding:95px 12px}.system-header{display:block;padding:0 10px}.system h2{font-size:clamp(53px,12vw,85px)}.system-header p{margin-top:20px;font-size:13px}.os-frame{grid-template-columns:1fr;min-height:0;border-radius:4px}.os-sidebar{padding:15px}.os-id{font-size:22px;padding:0}.os-caption{display:none}.os-nav{display:flex;margin-top:15px;gap:3px}.os-mode{font-size:10px;padding:12px 8px;gap:6px}.os-mode i{font-size:16px}.os-side-foot{display:none}.os-main{padding:13px}.os-top strong{font-size:18px}.os-top-right{font-size:7px}.os-top-right span{display:none}.os-stats{gap:5px;margin-top:22px}.os-stats>div{padding:12px 7px}.os-stats>div span{font-size:7px}.os-stats strong{font-size:26px}.os-stats small{font-size:7px}.chart-wrap{padding:13px}.chart-top h3{font-size:18px}.chart-top span{font-size:7px}#graphCanvas{height:135px}.os-bottom{font-size:7px}.os-bottom span:last-child{display:none}.capabilities{padding:100px 20px}.section-meta{font-size:8px}.section-meta span:last-child{text-align:right}.capabilities h2{font-size:clamp(55px,13vw,88px);margin:75px 0}.feature-cut{grid-template-columns:1fr;gap:32px;padding:60px 0}.feature-cut.reversed .feature-scene{order:0}.feature-scene{height:360px}.feature-copy h3{font-size:47px}.the-vision{padding:120px 20px 100px}.the-vision h2{font-size:clamp(68px,12vw,98px)}.the-vision .vision-signature{margin-top:80px}footer{padding:35px 20px 110px;flex-wrap:wrap}footer span{order:3;width:100%;font-size:8px}}