@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');
:root{--black:#090b0e;--white:#e9edf0;--blue:#65a9ff;--cyan:#69e2d2;--muted:#8b949c;--line:rgba(233,237,240,.17)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Manrope,Arial,sans-serif}
header{height:72px;border-bottom:1px solid var(--line);padding:0 5vw;display:flex;align-items:center;gap:30px;position:relative;z-index:5}.logo{color:var(--white);text-decoration:none;font:500 12px 'DM Mono',monospace;letter-spacing:.1em;display:flex;align-items:center}.cube{width:14px;height:14px;border:1px solid var(--cyan);transform:rotate(45deg);margin-right:12px;box-shadow:0 0 15px rgba(105,226,210,.25)}.version{margin-left:auto;color:#687179;font:9px 'DM Mono',monospace}.version+nav{margin-left:0}nav{display:flex;gap:26px}nav a{color:#c5cbd0;text-decoration:none;font:10px 'DM Mono',monospace;letter-spacing:.1em}
.hero{min-height:730px;padding:75px 5vw;display:flex;align-items:center;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,11,14,.98) 0%,rgba(9,11,14,.9) 48%,rgba(9,11,14,.35) 100%),radial-gradient(circle at 75% 50%,rgba(101,169,255,.17),transparent 32%)}.hero-content{position:relative;z-index:2;max-width:650px}.eyebrow{font:500 10px 'DM Mono',monospace;letter-spacing:.17em;color:var(--cyan)}h1{font-size:clamp(67px,10vw,145px);line-height:.82;letter-spacing:-.075em;margin:24px 0 35px;font-weight:600}h1 em{font-style:normal;color:var(--blue)}.intro{font-size:18px;line-height:1.7;color:#b9c0c5;max-width:570px}.button{display:inline-flex;gap:38px;margin-top:28px;border:1px solid #5c666e;padding:14px 17px;color:var(--white);text-decoration:none;font:500 10px 'DM Mono',monospace;letter-spacing:.12em}.button span{color:var(--cyan)}
.diagram{position:absolute;width:590px;height:590px;right:2%;top:50%;transform:translateY(-50%);border:1px solid rgba(105,226,210,.13);border-radius:50%;z-index:1}.diagram:before,.diagram:after{content:"";position:absolute;inset:50px;border:1px solid rgba(101,169,255,.16);border-radius:50%;transform:rotate(32deg)}.diagram:after{inset:105px;transform:rotate(-51deg)}.center-node{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80px;height:80px;border:1px solid var(--cyan);border-radius:50%;display:grid;place-items:center;color:var(--cyan);font:500 12px 'DM Mono',monospace;background:#0b1114;box-shadow:0 0 50px rgba(105,226,210,.13)}.node{position:absolute;width:31px;height:31px;border:1px solid var(--blue);border-radius:50%;display:grid;place-items:center;font:9px 'DM Mono',monospace;color:var(--blue);background:var(--black)}.n1{left:20%;top:24%}.n2{right:14%;top:30%}.n3{left:13%;bottom:23%}.n4{right:20%;bottom:17%}.line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--blue),transparent);transform-origin:left}.l1{width:245px;left:24%;top:29%;transform:rotate(16deg)}.l2{width:280px;left:24%;top:69%;transform:rotate(-22deg)}.l3{width:225px;left:51%;top:48%;transform:rotate(-28deg)}.l4{width:205px;left:50%;top:53%;transform:rotate(38deg)}
.statement{background:var(--white);color:var(--black);padding:115px 5vw;display:grid;grid-template-columns:1fr 2fr;gap:8vw}.statement .number{font:500 10px 'DM Mono',monospace;color:#4c78a8}.statement h2{font-size:clamp(48px,7vw,92px);line-height:.9;letter-spacing:-.065em;margin:0 0 30px}.statement p{max-width:670px;font-size:18px;line-height:1.75;color:#505961}
.systems{padding:115px 5vw;background:#11151a}.system-grid{margin-top:50px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.system-grid article{min-height:300px;padding:28px 30px;border-bottom:1px solid var(--line);position:relative}.system-grid article:nth-child(odd){border-right:1px solid var(--line)}.system-grid span{font:9px 'DM Mono',monospace;color:var(--blue);letter-spacing:.1em}.system-grid h3{font-size:30px;margin:75px 0 14px}.system-grid p{max-width:420px;color:var(--muted);line-height:1.65}.system-grid b{position:absolute;right:30px;bottom:25px;color:var(--cyan);font:20px 'DM Mono',monospace}
.approach{background:#0d2830;padding:120px 5vw;display:grid;grid-template-columns:1fr 2fr;gap:8vw;position:relative;overflow:hidden}.approach:after{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(105,226,210,.13);border-radius:50%;right:-120px;top:-150px}.approach-main{position:relative;z-index:2}.meter{display:flex;gap:7px;margin-bottom:30px}.meter span{display:block;width:34px;height:4px;background:var(--cyan);opacity:.75}.meter span:nth-child(4),.meter span:nth-child(5){background:#48626a;opacity:1}.approach h2{font-size:clamp(58px,8vw,105px);line-height:.84;letter-spacing:-.07em;margin:0 0 38px}.approach p{max-width:690px;color:#b6c7c9;line-height:1.75}
.contact{padding:120px 5vw;display:grid;grid-template-columns:1fr 2fr;gap:8vw}.contact h2{font-size:clamp(55px,7vw,95px);line-height:.86;letter-spacing:-.07em;margin:18px 0 35px}.contact a{color:var(--cyan);text-decoration:none;font:11px 'DM Mono',monospace}
footer{border-top:1px solid var(--line);padding:22px 5vw;display:flex;justify-content:space-between;color:#687179;font:9px 'DM Mono',monospace;letter-spacing:.12em}
@media(max-width:850px){.version{display:none}nav{margin-left:auto}.hero{min-height:680px}.diagram{width:450px;height:450px;right:-180px;opacity:.65}.statement,.approach,.contact{grid-template-columns:1fr;gap:45px}.system-grid{grid-template-columns:1fr}.system-grid article:nth-child(odd){border-right:0}.system-grid article{min-height:270px}.contact{padding-bottom:90px}footer{gap:15px;flex-wrap:wrap}}