@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap');
:root{--black:#080b0e;--white:#eef2f1;--lime:#c5e86c;--cyan:#5dd4d0;--gray:#8d9799;--line:rgba(238,242,241,.17);--dark:#e8ede7;--darkline:rgba(8,11,14,.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:74px;padding:0 5vw;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:30px}.logo{color:var(--white);text-decoration:none;font:500 12px 'DM Mono',monospace;letter-spacing:.12em}.logo span{display:inline-grid;place-items:center;width:30px;height:30px;background:var(--lime);color:var(--black);margin-right:9px;border-radius:50%;font-size:9px}.signal{margin-left:auto;color:#687277;font:9px 'DM Mono',monospace}.signal+nav{margin-left:0}nav{display:flex;gap:27px}nav a{color:#c8cece;text-decoration:none;font:10px 'DM Mono',monospace;letter-spacing:.1em}
.hero{min-height:735px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:6vw;padding:75px 5vw;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 50%,rgba(93,212,208,.13),transparent 30%),var(--black)}.hero-copy{position:relative;z-index:2}.eyebrow,.label{font:500 10px 'DM Mono',monospace;letter-spacing:.16em;color:var(--lime)}h1{font:600 clamp(70px,10vw,145px) Outfit,sans-serif;line-height:.82;letter-spacing:-.075em;margin:24px 0 35px}h1 em{font-style:normal;color:var(--cyan)}.hero-copy>p:not(.eyebrow){max-width:580px;color:#b9c1c2;font-size:18px;line-height:1.7}.button{display:inline-flex;gap:42px;margin-top:28px;border:1px solid #5c6869;color:var(--white);text-decoration:none;padding:14px 17px;font:500 10px 'DM Mono',monospace;letter-spacing:.11em}.button span{color:var(--lime)}
.system-visual{height:500px;position:relative;border:1px solid rgba(93,212,208,.17);background:#0c1113;overflow:hidden}.grid{position:absolute;inset:0;background-image:linear-gradient(rgba(238,242,241,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(238,242,241,.07) 1px,transparent 1px);background-size:38px 38px}.pulse{position:absolute;border:1px solid rgba(93,212,208,.4);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.p1{width:350px;height:350px}.p2{width:250px;height:410px;transform:translate(-50%,-50%) rotate(55deg)}.p3{width:440px;height:210px;transform:translate(-50%,-50%) rotate(-30deg)}.core{position:absolute;width:85px;height:85px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--lime);color:var(--black);display:grid;place-items:center;font:500 14px 'DM Mono',monospace;box-shadow:0 0 70px rgba(197,232,108,.25)}.data{position:absolute;color:#8e9c9d;font:9px 'DM Mono',monospace}.d1{top:22px;left:22px;color:var(--lime)}.d2{top:22px;right:22px}.d3{bottom:22px;left:22px}
.bar{display:flex;justify-content:space-around;gap:20px;padding:15px 5vw;background:var(--lime);color:var(--black);font:500 9px 'DM Mono',monospace;letter-spacing:.15em}.bar b{font-size:13px}
.focus{background:var(--dark);color:var(--black);padding:120px 5vw;display:grid;grid-template-columns:1fr 2fr;gap:8vw}.focus .label{color:#657b40}.focus h2{font:600 clamp(52px,7vw,95px) Outfit,sans-serif;line-height:.88;letter-spacing:-.065em;margin:0 0 34px}.focus p{max-width:680px;color:#596266;font-size:18px;line-height:1.75}
.modules{padding:115px 5vw;background:#11171a}.cards{display:grid;grid-template-columns:repeat(3,1fr);margin-top:52px;border-top:1px solid var(--line)}.cards article{min-height:330px;padding:28px 30px;border-right:1px solid var(--line);position:relative}.cards article:last-child{border-right:0}.cards span{font:9px 'DM Mono',monospace;color:var(--cyan)}.cards h3{font:500 30px Outfit,sans-serif;margin:82px 0 15px}.cards p{color:#a9b2b3;line-height:1.65}.cards i{position:absolute;right:28px;bottom:24px;font:500 30px Outfit,sans-serif;color:#303c3f}
.model{background:#dfe7e1;color:var(--black);padding:120px 5vw}.model .label{color:#617b65}.model-main{display:grid;grid-template-columns:1fr 2fr;gap:8vw;align-items:center;margin-top:30px}.rings{width:210px;height:210px;border:1px solid #7e9482;border-radius:50%;position:relative;display:grid;place-items:center}.rings span{position:absolute;border:1px solid #9daf9f;border-radius:50%}.rings span:nth-child(1){width:150px;height:150px}.rings span:nth-child(2){width:95px;height:180px;transform:rotate(55deg)}.rings span:nth-child(3){width:170px;height:75px;transform:rotate(-25deg)}.rings b{font:500 13px 'DM Mono',monospace;color:#617b65}.model h2{font:600 clamp(52px,7vw,94px) Outfit,sans-serif;line-height:.85;letter-spacing:-.065em;margin:0 0 35px}.model h2 em{font-style:normal;color:#617b65}.model p{max-width:690px;color:#56615a;line-height:1.75}
.contact{padding:120px 5vw;display:grid;grid-template-columns:1fr 2fr;gap:8vw}.contact h2{font:600 clamp(60px,8vw,110px) Outfit,sans-serif;line-height:.84;letter-spacing:-.07em;margin:0 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:#697476;font:9px 'DM Mono',monospace;letter-spacing:.12em}
@media(max-width:850px){.signal{display:none}nav{margin-left:auto}.hero{display:block;min-height:760px;padding-top:85px}.system-visual{height:400px;margin-top:35px}.focus,.model,.contact{grid-template-columns:1fr;gap:45px}.cards{grid-template-columns:1fr}.cards article{border-right:0;border-bottom:1px solid var(--line)}.contact{padding-bottom:90px}footer{gap:15px;flex-wrap:wrap}}
