:root{--bg:#0a1020;--panel:#0f172b;--text:#eef2f7;--muted:#98a4b8;--line:#ffffff1a;--hot:#d5823a;--hot2:#f0b070;--steel:#4f86b8;--steel2:#8dbbe4;--navy:#132445;--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 75% 15%, #d5823a1f, transparent 26rem), radial-gradient(circle at 15% 85%, #4f86b81a, transparent 30rem), var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:20;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' 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='.22'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}nav{z-index:30;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(#0a1020e6,#0a10204d,#0000);position:fixed;top:0;left:0;right:0}.navin{justify-content:space-between;align-items:center;height:88px;display:flex}.logo{align-items:center;gap:14px;display:flex}.logo svg{flex:none;width:44px;height:44px}.logoText{flex-direction:column;line-height:1.05;display:flex}.logoText b{letter-spacing:.12em;font-size:15px;font-weight:850}.logoText small{letter-spacing:.14em;text-transform:uppercase;color:var(--steel2);margin-top:4px;font-size:9.5px;font-weight:600}.navlinks{color:#c0c9d8;align-items:center;gap:28px;font-size:14px;display:flex}.navlinks a:hover{color:#fff}.navcta{border:1px solid var(--line);background:#ffffff0a;border-radius:999px;padding:11px 17px}.hero{align-items:center;min-height:100svh;padding:130px 0 70px;display:flex;position:relative}.gridlines{opacity:.22;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}.heroGrid{z-index:2;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px;display:grid;position:relative}.eyebrow{color:#c3ccdb;text-transform:uppercase;letter-spacing:.18em;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.eyebrow i{background:var(--hot);width:42px;height:1px;box-shadow:0 0 12px var(--hot);display:block}h1{letter-spacing:-.065em;margin:28px 0 30px;font-size:clamp(56px,8.2vw,116px);font-weight:850;line-height:.88}h1 span{color:#0000;-webkit-text-stroke:1px #8dbbe4bf;display:block}.lead{color:#aab4c6;max-width:650px;font-size:clamp(17px,1.5vw,21px);line-height:1.7}.actions{flex-wrap:wrap;gap:12px;margin-top:38px;display:flex}.btn{border:1px solid var(--line);border-radius:4px;padding:15px 21px;font-size:14px;font-weight:750;transition:all .25s}.btn.hot{background:var(--hot);border-color:var(--hot);color:#160d05;box-shadow:0 0 30px #d5823a38}.btn:hover{transform:translateY(-2px)}.machine{place-items:center;height:530px;display:grid;position:relative}.sun{aspect-ratio:1;background:radial-gradient(circle,var(--hot2),var(--hot) 45%,transparent 72%);filter:blur(6px);opacity:.75;border-radius:50%;width:38%;animation:5s ease-in-out infinite pulse;position:absolute;top:6%;left:6%}.disc{aspect-ratio:1;background:repeating-linear-gradient(#0000 0 22px,#0a1020 22px 30px),linear-gradient(160deg,#c8d0d8,#5d6773 35%,#a7b1bc 55%,#3d4650 80%,#8d97a2);border-radius:50%;width:min(440px,90%);animation:6s ease-in-out infinite float;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff47,0 40px 90px #0009}.disc:before{content:"";mix-blend-mode:multiply;background:repeating-linear-gradient(#00000059 0 6px,#0000 6px 22px,#0000 22px 30px);border-radius:50%;position:absolute;inset:0}.disc:after{content:"";background:linear-gradient(105deg,#0000 40%,#d5823a40 50%,#0000 62%);border-radius:50%;animation:6s ease-in-out infinite sweep;position:absolute;inset:0}.ring{aspect-ratio:1;border:14px solid #0000;border-top-color:var(--hot);border-right-color:var(--hot2);width:min(500px,100%);-webkit-mask:conic-gradient(from -30deg,black 0 150deg,transparent 150deg 360deg);mask:conic-gradient(from -30deg,black 0 150deg,transparent 150deg 360deg);-webkit-mask:conic-gradient(from -30deg,black 0 150deg,transparent 150deg 360deg);border-radius:50%;animation:22s linear infinite spin;position:absolute}.ring.steel{border-width:2px;border-top-color:var(--steel);border-right-color:var(--steel2);opacity:.7;width:min(560px,110%);animation-duration:30s;animation-direction:reverse}.stars{pointer-events:none;position:absolute;inset:0}.stars i{width:4px;height:4px;box-shadow:0 0 8px #fff,0 0 16px var(--steel2);background:#fff;border-radius:50%;position:absolute}@keyframes float{50%{transform:translateY(-16px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:1;transform:scale(1.06)}}@keyframes sweep{0%,to{transform:translate(-30%)}50%{transform:translate(30%)}}section{padding:115px 0}.sectionHead{justify-content:space-between;align-items:end;gap:30px;margin-bottom:52px;display:flex}.kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--hot);font-size:12px;font-weight:800}h2{letter-spacing:-.045em;margin:13px 0 0;font-size:clamp(38px,5vw,70px);line-height:1}.sectionHead p{max-width:470px;color:var(--muted);margin:0;line-height:1.7}.cards{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffff04;min-height:275px;padding:32px;transition:all .3s;position:relative;overflow:hidden}.card:hover{background:#4f86b814;transform:translateY(-4px)}.num{color:#6b7891;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.card h3{margin:74px 0 12px;font-size:23px}.card p{color:var(--muted);margin:0;line-height:1.6}.card:after{content:"";background:var(--hot);opacity:0;width:90px;height:1px;box-shadow:0 0 12px var(--hot);transition:all .3s;position:absolute;top:35px;right:-25px;transform:rotate(-45deg)}.card:hover:after{opacity:1}.products{background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.productGrid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.product{border:1px solid var(--line);background:linear-gradient(135deg,#182a4d,#0b1224);flex-direction:column;justify-content:flex-end;min-height:320px;padding:34px;display:flex;position:relative;overflow:hidden}.product.wide{grid-column:1/-1;min-height:380px}.product .shape{background:repeating-linear-gradient(#8dbbe459 0 8px,#0000 8px 26px);width:240px;height:200px;transition:all .5s;position:absolute;top:10%;right:8%;transform:skewY(-12deg)}.product:nth-child(2) .shape{background:repeating-linear-gradient(#8dbbe459 0 8px,#0000 8px 26px);border-radius:50%;width:220px;height:220px;transform:none}.product.wide .shape{background:repeating-linear-gradient(90deg,#d5823a66 0 6px,#0000 6px 28px);width:360px;height:180px;right:10%;transform:skew(-18deg)}.product:hover .shape{filter:drop-shadow(0 0 20px #d5823a40);transform:scale(1.05)skewY(-12deg)}.product:nth-child(2):hover .shape{transform:scale(1.05)}.product.wide:hover .shape{transform:scale(1.05)skew(-18deg)}.product h3{margin:0 0 8px;font-size:30px;position:relative}.product p{color:var(--muted);max-width:500px;margin:0;position:relative}.soon{text-align:center;padding:150px 0;position:relative}.soon .tiny{letter-spacing:.25em;text-transform:uppercase;color:var(--hot);font-size:12px;font-weight:800}.soon h2{letter-spacing:-.065em;margin:18px 0;font-size:clamp(54px,9vw,125px)}.soon p{color:var(--muted);max-width:620px;margin:0 auto 34px;font-size:18px;line-height:1.7}footer{border-top:1px solid var(--line);color:#7a869c;padding:30px 0;font-size:13px}.foot{justify-content:space-between;gap:20px;display:flex}@media (max-width:900px){.navlinks a:not(.navcta),.logoText small{display:none}.heroGrid{grid-template-columns:1fr}.machine{height:390px}.disc{width:330px}.ring{width:380px}.ring.steel{width:420px}.cards,.productGrid{grid-template-columns:1fr}.product.wide{grid-column:auto}.sectionHead{flex-direction:column;align-items:start}}@media (max-width:560px){.wrap{width:min(calc(100% - 28px),var(--max))}.navin{height:72px}.hero{padding-top:105px}h1{font-size:54px}.machine{height:320px}.disc{width:270px}.ring{width:310px}.ring.steel{width:340px}section{padding:80px 0}.product,.product.wide{min-height:290px}.foot{flex-direction:column}}
