@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:#080a0b;--panel:#101415;--ink:#e8eee9;--muted:#89958e;--lime:#c7ff45;--cyan:#63e4dc;--line:rgba(232,238,233,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Space Grotesk",sans-serif}
header{height:76px;padding:0 6vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5;background:rgba(8,10,11,.88);backdrop-filter:blur(14px)}
.logo{font-weight:700;letter-spacing:.06em;color:var(--ink);text-decoration:none}.logo span{color:var(--lime)}nav{display:flex;gap:30px}nav a{font:10px "DM Mono",monospace;letter-spacing:.12em;text-decoration:none;color:var(--muted);text-transform:uppercase}
.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:7vw 6vw;gap:5vw}.kicker,.label-top{font:10px "DM Mono",monospace;letter-spacing:.16em;color:var(--lime);text-transform:uppercase}
.hero h1{font-size:clamp(65px,9vw,135px);line-height:.78;letter-spacing:-.075em;margin:28px 0 36px}.hero h1 i{font-weight:400;color:var(--cyan)}.intro{max-width:560px;color:var(--muted);font-size:17px;line-height:1.7;margin-bottom:34px}
.btn{display:inline-flex;gap:35px;padding:15px 18px;border:1px solid var(--lime);color:var(--lime);font:10px "DM Mono",monospace;text-decoration:none;letter-spacing:.12em}.btn b{font-size:15px}
.scanner{height:570px;position:relative;overflow:hidden;background:#0c1010;border:1px solid var(--line);box-shadow:inset 0 0 80px rgba(99,228,220,.04)}
.grid{position:absolute;inset:0;background-image:linear-gradient(rgba(99,228,220,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(99,228,220,.07) 1px,transparent 1px);background-size:38px 38px;transform:perspective(500px) rotateX(55deg) scale(1.5);transform-origin:center bottom}
.scanline{position:absolute;left:0;right:0;height:1px;top:45%;background:var(--lime);box-shadow:0 0 18px var(--lime)}
.circle{position:absolute;border:1px solid rgba(99,228,220,.45);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.c1{width:390px;height:390px}.c2{width:250px;height:250px;border-color:rgba(199,255,69,.6)}.c3{width:110px;height:110px;background:radial-gradient(circle,rgba(199,255,69,.3),transparent 65%)}
.node{position:absolute;width:36px;height:36px;border:1px solid var(--cyan);display:grid;place-items:center;font:11px "DM Mono";color:var(--cyan);background:#080a0b}.n1{left:16%;top:25%}.n2{right:13%;top:63%;border-color:var(--lime);color:var(--lime)}.n3{left:30%;bottom:13%}
.label{position:absolute;right:20px;top:20px;font:11px "DM Mono";line-height:1.7;text-align:right}.label small{color:var(--lime)}
.research{background:#eef1ea;color:#101514;padding:120px 7vw}.research .label-top{color:#526b5d}.research-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:10vw;margin-top:60px}
.research h2,.contact h2{font-size:clamp(48px,7vw,105px);line-height:.86;letter-spacing:-.07em;margin:0}.research h2 strong{font-weight:500;color:#587465}.copy{font-size:16px;line-height:1.8;color:#59645e;max-width:560px}
.systems{padding:120px 7vw;border-top:1px solid var(--line)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:60px}.cards article{background:var(--bg);padding:38px;min-height:330px}.cards span{font:11px "DM Mono";color:var(--lime)}.cards h3{font-size:25px;letter-spacing:.03em;margin:80px 0 15px}.cards p{color:var(--muted);line-height:1.7}
.notes{background:#151a18;padding:120px 7vw}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:55px}.note{background:#e8eee9;color:#111715;padding:28px;min-height:300px;position:relative}.note:nth-child(2){transform:translateY(28px);background:#d9e7de}.note small,.note em{font:10px "DM Mono";letter-spacing:.1em}.note h3{font-size:30px;letter-spacing:-.04em;margin:75px 0 16px}.note p{color:#56615b;line-height:1.65}.note em{position:absolute;bottom:25px;left:28px;color:#557263;font-style:normal}
.quote{padding:100px 7vw;display:grid;grid-template-columns:180px 1fr;align-items:center;border-top:1px solid var(--line)}.mark{font-size:110px;font-weight:700;letter-spacing:-.12em;color:#26332e}.quote p{font-size:clamp(28px,4vw,57px);line-height:1.05;letter-spacing:-.04em;max-width:900px}
.contact{padding:120px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#e6ece7;color:#101514}.contact .label-top{color:#527060}.contact h2{margin-top:55px}.contact-box{align-self:end;border-top:1px solid #a9b6ae;padding-top:25px;max-width:520px}.contact-box p{line-height:1.7;color:#5b6660}.contact-box a{color:#101514;font:12px "DM Mono";text-decoration:none;border-bottom:1px solid #101514;padding-bottom:4px}
footer{display:flex;justify-content:space-between;padding:28px 7vw;font:10px "DM Mono";letter-spacing:.12em;color:#7f8b84}
@media(max-width:850px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:75px}.scanner{height:430px;order:-1}.research-grid,.contact,.quote{grid-template-columns:1fr;gap:45px}.cards,.notes-grid{grid-template-columns:1fr}.note:nth-child(2){transform:none}.research,.systems,.notes,.contact{padding-top:80px;padding-bottom:80px}.quote{padding:80px 7vw}.quote p{margin:0}}