@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#08090b;--panel:#101316;--ink:#f0f4f3;--muted:#899394;--line:#252b2d;--cyan:#24dbef;--red:#ff3156;--yellow:#d9ed4a;--mono:'DM Mono',monospace;--sans:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.5}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 80% 20%,rgba(18,144,163,.11),transparent 28%),radial-gradient(circle at 80% 80%,rgba(137,18,29,.12),transparent 27%)}a{color:inherit;text-decoration:none}.shell{width:min(1180px,calc(100% - 60px));margin:auto}.nav{display:flex;align-items:center;justify-content:space-between;height:88px}.logo img{width:135px;height:auto;display:block}.nav nav{display:flex;align-items:center;gap:35px;font:500 .64rem var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#a8b0b0}.nav nav a:hover{color:var(--cyan)}.download-top{border:1px solid var(--line);padding:12px 20px;color:#fff}.download-top span{color:var(--red);font-size:1rem;margin-left:7px}.menu{display:none;background:none;border:0;color:#fff;font-size:1.2rem}
.hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;padding:70px 0 90px}.overline{margin:0 0 25px;color:var(--cyan);font:500 .62rem var(--mono);letter-spacing:.15em}.hero h1,.section h2{margin:0;font-size:clamp(3.9rem,7vw,7.3rem);line-height:.86;letter-spacing:-.09em;text-transform:uppercase}.hero h1 em,.section h2 em{font-style:normal;color:var(--red)}.lead{max-width:500px;color:#929a9b;margin:30px 0;font-size:.95rem}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:22px;padding:14px 17px;font:500 .62rem var(--mono);letter-spacing:.08em;text-transform:uppercase;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.cyan{background:var(--cyan);color:#061012}.button.outline{border:1px solid var(--line);color:#d8dddd}.button span{font-size:1rem}.status-line{display:flex;gap:25px;margin-top:30px;color:#788081;font:500 .58rem var(--mono);letter-spacing:.1em}.status-line span:first-child{color:var(--cyan)}.hero-screen{position:relative}.hero-screen img{width:100%;display:block;border:1px solid #19313a;box-shadow:0 0 38px rgba(0,174,213,.18)}.screen-label{position:absolute;z-index:1;left:18px;top:13px;color:var(--cyan);font:500 .57rem var(--mono);letter-spacing:.13em}.screen-float{position:absolute;right:-12px;bottom:20px;background:rgba(12,18,21,.92);border-left:2px solid var(--cyan);padding:12px 18px;font-family:var(--mono);display:grid;gap:3px}.screen-float span{font-size:.51rem;color:#849193}.screen-float strong{font-size:.8rem;color:var(--cyan);font-weight:400}
.metric-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:20px 0;gap:20px}.metric-bar div{display:flex;gap:18px;align-items:center;font:500 .62rem var(--mono);text-transform:uppercase}.metric-bar b{color:var(--red);font-size:.55rem}.metric-bar span{color:#9ca6a5}
.section{padding:145px 0}.section-intro{max-width:680px}.section-intro h2{font-size:clamp(3.3rem,6vw,6.1rem)}.section-intro>p:not(.overline){max-width:430px;color:#899294;font-size:.91rem;margin:27px 0 50px}.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.capability{min-height:375px;background:var(--panel);border:1px solid var(--line);padding:19px;display:flex;flex-direction:column}.capability.live{background:#111b20}.cap-top{display:flex;justify-content:space-between;color:#6c797b;font:500 .58rem var(--mono)}.cap-top i{color:var(--cyan);font-style:normal;font-size:1.1rem}.capability h3{font-size:1.35rem;letter-spacing:-.05em;margin:22px 0 9px;text-transform:uppercase}.capability p{color:#808b8d;font-size:.83rem;margin:0}.capability a{margin-top:auto;color:var(--cyan);font:500 .6rem var(--mono);text-transform:uppercase}.icon-mark{height:155px;display:grid;place-items:center;color:var(--cyan);font-size:5rem}.terminal{font-family:var(--mono);font-size:3.5rem}.mini-chart{height:155px;margin:25px 0 0;display:flex;align-items:end;gap:8px;background:repeating-linear-gradient(0deg,transparent,transparent 30px,rgba(60,98,106,.2) 31px)}.mini-chart span{flex:1;background:linear-gradient(var(--cyan),#135766);height:40%}.mini-chart span:nth-child(2){height:65%}.mini-chart span:nth-child(3){height:48%}.mini-chart span:nth-child(4){height:87%}.mini-chart span:nth-child(5){height:57%}.mini-chart span:nth-child(6){height:76%}
.downloads{padding-top:40px}.tabs{display:flex;gap:12px;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:15px}.tabs button{background:transparent;border:0;color:#778183;font:500 .62rem var(--mono);text-transform:uppercase;padding:8px 13px;cursor:pointer}.tabs .active,.tabs button:hover{background:var(--cyan);color:#081113}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.download-card{min-height:300px;background:var(--panel);border:1px solid var(--line);padding:23px;display:flex;flex-direction:column}.file-type{color:#818d8d;font:500 .58rem var(--mono);letter-spacing:.06em}.file-type i{float:right;color:var(--cyan);font-size:1.1rem;font-style:normal}.download-card h3{font-size:1.45rem;text-transform:uppercase;letter-spacing:-.05em;margin:60px 0 8px}.download-card p{color:#8b9596;font-size:.8rem;max-width:270px}.download-card small{color:#687274;font:400 .6rem var(--mono);margin-top:auto}.download-card a{display:inline-block;color:var(--cyan);font:500 .6rem var(--mono);text-transform:uppercase;margin-top:19px}
.pi-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding:55px 0 150px}.pi-art{height:440px;border:1px solid var(--line);position:relative;display:grid;place-items:center;background:radial-gradient(circle,rgba(28,71,75,.34),transparent 60%)}.pi-art:before,.pi-art:after{content:"";position:absolute;border:1px solid #26474b;border-radius:50%;width:330px;height:180px;transform:rotate(-25deg)}.pi-art:after{width:470px;height:270px;transform:rotate(47deg);border-color:#4e252b}.pi-circle{z-index:2;width:140px;height:140px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--cyan);color:var(--cyan);font-size:5rem;line-height:1}.pi-tag{position:absolute;z-index:2;background:var(--bg);color:var(--cyan);font:500 .55rem var(--mono);padding:5px 8px}.tag-a{top:22%;left:17%}.tag-b{right:10%;top:50%}.tag-c{bottom:20%;left:34%}.pi-section h2{font-size:clamp(3.5rem,6vw,6rem)}.pi-section>div:last-child>p:not(.overline){color:#899294;max-width:420px;margin:25px 0}.pi-stats{display:flex;gap:25px;border-top:1px solid var(--line);margin-top:42px;padding-top:18px}.pi-stats span{font:500 .58rem var(--mono);color:#708082;display:grid;gap:4px}.pi-stats b{color:var(--cyan);font-weight:400}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gallery-grid figure{margin:0;background:var(--panel);border:1px solid var(--line)}.gallery-grid img{display:block;width:100%;aspect-ratio:1.08;object-fit:cover;filter:saturate(.8)}figcaption{padding:15px 17px;display:grid;gap:4px}.gallery-grid figcaption span{font:500 .56rem var(--mono);color:var(--cyan)}.gallery-grid figcaption b{font-size:.84rem;font-weight:500;text-transform:uppercase}.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px;padding-top:65px}.faq .section-intro h2{font-size:clamp(3.4rem,5vw,5.7rem)}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:21px 0}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;font-size:.9rem;font-weight:500}summary::-webkit-details-marker{display:none}summary span{color:var(--red);font-size:1.2rem;font-family:var(--mono)}details p{color:#7e8a8c;font-size:.83rem;max-width:600px;margin:18px 0 0}.footer{border-top:1px solid var(--line);padding:28px 0 45px;display:flex;align-items:center;gap:35px;color:#7e898a;font-size:.75rem}.footer .logo img{width:135px}.footer p{flex:1}.footer div{display:flex;gap:25px;font:500 .61rem var(--mono);text-transform:uppercase}.footer a:hover{color:var(--cyan)}
@media(max-width:900px){.shell{width:calc(100% - 38px)}.nav nav{gap:15px}.hero{gap:35px}.capability-grid{grid-template-columns:repeat(2,1fr)}.download-grid{grid-template-columns:repeat(2,1fr)}.pi-section{gap:50px}.faq{gap:50px}}@media(max-width:680px){.nav{height:72px}.nav nav{display:none}.menu{display:block}.hero{grid-template-columns:1fr;padding:55px 0 70px}.hero h1,.section h2{font-size:3.65rem}.hero-screen{margin-top:15px}.metric-bar{grid-template-columns:repeat(2,1fr);gap:15px}.section{padding:90px 0}.capability-grid,.download-grid,.gallery-grid,.pi-section,.faq{grid-template-columns:1fr}.capability{min-height:310px}.pi-art{height:330px}.pi-section{padding:20px 0 100px}.faq{gap:50px}.footer{flex-wrap:wrap}.footer p{flex-basis:calc(100% - 170px)}.footer div{width:100%;justify-content:space-between}.status-line{gap:11px;flex-wrap:wrap;font-size:.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}