:root{--bg:#090b0d;--surface:#111518;--text:#f3f5f1;--muted:#99a2a4;--line:#293033;--accent:#c9f35b;--max:1240px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}
.scroll-progress{position:fixed;z-index:99;left:0;top:0;height:2px;width:0;background:var(--accent)}
.header{height:76px;max-width:var(--max);margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.logo span{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font:700 14px "Space Grotesk"}.nav{display:flex;gap:27px;font-size:13px;color:#c3c8c8}.nav a:hover{color:var(--accent)}.top-link{font-size:13px;border-bottom:1px solid var(--accent);padding-bottom:3px}.menu{display:none;background:none;border:0;color:white;font-size:23px}
.hero{max-width:var(--max);margin:auto;min-height:calc(100vh - 76px);padding:90px 28px 100px;display:grid;grid-template-columns:1.15fr .85fr;gap:45px;align-items:center}.eyebrow,.kicker,.label,.project small,.mini{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.hero h1{font:700 clamp(48px,6.5vw,90px)/.98 "Space Grotesk";letter-spacing:-.055em;max-width:900px}.hero h1 em,.contact h2 em{font-family:Georgia,serif;font-weight:400}.hero-intro{max-width:700px;color:#b4bbbc;font-size:18px;margin:30px 0}.actions{display:flex;gap:12px;margin:28px 0}.btn{padding:13px 19px;border-radius:999px;font-size:13px;font-weight:700}.primary{background:var(--accent);color:#11150c}.ghost{border:1px solid var(--line)}.tags{display:flex;gap:18px;flex-wrap:wrap;color:#70797b;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.hero-art{min-height:450px;display:grid;place-items:center;position:relative}.system-card{width:min(390px,90%);aspect-ratio:1/1.15;background:linear-gradient(145deg,#181e20,#0e1113);border:1px solid #30383a;padding:24px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 35px 90px #000b;transform:rotate(3deg)}.mini,.card-title{display:flex;justify-content:space-between}.network{height:240px;position:relative}.p{position:absolute;width:17px;height:17px;border-radius:50%;background:var(--accent);box-shadow:0 0 25px #c9f35b55}.p1{left:10%;top:28%}.p2{left:47%;top:8%}.p3{right:10%;top:38%}.p4{left:34%;bottom:7%}.p5{right:25%;bottom:24%}.ln{height:1px;background:#697274;position:absolute;transform-origin:left}.a{width:43%;left:14%;top:32%;transform:rotate(-25deg)}.b{width:44%;left:50%;top:15%;transform:rotate(25deg)}.c{width:36%;left:45%;top:72%;transform:rotate(-48deg)}.d{width:39%;left:45%;top:75%;transform:rotate(-3deg)}.card-title{align-items:end}.card-title strong{font:600 28px/1.05 "Space Grotesk"}.card-title span{font-size:22px}.glow{position:absolute;border-radius:50%;filter:blur(3px);opacity:.14}.g1{width:260px;height:260px;background:var(--accent);right:0;top:7%}.g2{width:150px;height:150px;background:#55d8e9;left:0;bottom:8%}
.ticker{border-block:1px solid var(--line);padding:16px;display:flex;justify-content:center;gap:22px;flex-wrap:wrap;color:#737b7d;font-size:9px;letter-spacing:.15em}.ticker b{color:#485052}
.section{max-width:var(--max);margin:auto;padding:120px 28px;display:grid;grid-template-columns:180px 1fr;gap:60px}.body h2{font:600 clamp(39px,5vw,68px)/1.03 "Space Grotesk";letter-spacing:-.045em;max-width:950px;margin:12px 0 25px}.lead{font-size:23px;color:#d1d6d5;max-width:850px;margin-bottom:17px}.body>p:not(.kicker){color:var(--muted);max-width:820px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:55px}.stats div{padding:22px 15px;border-right:1px solid var(--line)}.stats div:first-child{padding-left:0}.stats strong{display:block;font:700 28px "Space Grotesk"}.stats span{color:var(--muted);font-size:11px}
.research{background:linear-gradient(90deg,transparent,#0e1214 50%,transparent)}.research-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:55px}.research-grid article{padding:26px 24px 27px 0;border-bottom:1px solid var(--line)}.research-grid article:nth-child(even){border-left:1px solid var(--line);padding-left:24px}.research-grid article>span{color:var(--accent);font-size:10px}.research-grid h3{font:600 22px "Space Grotesk";margin:7px 0}.research-grid p{color:var(--muted);font-size:14px;max-width:440px}
.projects{border-top:1px solid var(--line);margin-top:55px}.project{display:grid;grid-template-columns:65px 1fr 30px;gap:15px;align-items:center;padding:27px 0;border-bottom:1px solid var(--line);transition:.2s}.project:hover{padding-left:14px;background:#0f1315}.num{color:#626a6c;font-family:"Space Grotesk"}.project h3{font:600 clamp(20px,2.5vw,31px) "Space Grotesk";margin:3px 0}.project p{color:var(--muted);font-size:12px}.project b{font-size:20px}
.timeline{border-top:1px solid var(--line)}.job{display:grid;grid-template-columns:125px 1fr;padding:27px 0;border-bottom:1px solid var(--line)}.job>span{color:var(--accent);font-size:11px;letter-spacing:.08em}.job h3{font:600 23px "Space Grotesk";margin-bottom:5px}.job p{color:var(--muted);max-width:730px}
.cloud{display:flex;flex-wrap:wrap;gap:9px;margin-top:48px}.cloud span{border:1px solid var(--line);border-radius:999px;padding:9px 13px;color:#b9c0c1;font-size:12px}.cloud span:hover{border-color:var(--accent);color:var(--accent)}
.edu{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:50px}.edu article{background:var(--bg);padding:28px}.edu span{color:var(--accent);font-size:10px;letter-spacing:.1em}.edu h3{font:600 21px/1.15 "Space Grotesk";margin:18px 0 9px}.edu p{color:var(--muted);font-size:13px}
.contact{background:var(--accent);color:#11150c;text-align:center;padding:125px 28px}.contact-inner{max-width:900px;margin:auto}.contact .eyebrow{color:#4c5b21}.contact h2{font:600 clamp(48px,8vw,100px)/.92 "Space Grotesk";letter-spacing:-.06em;margin:18px auto 45px}.email{font:600 clamp(18px,3vw,30px) "Space Grotesk";border-bottom:2px solid #11150c;padding-bottom:5px}.socials{display:flex;justify-content:center;gap:25px;margin-top:45px;font-size:12px}.socials a:hover{text-decoration:underline}footer{max-width:var(--max);margin:auto;padding:28px;color:#697174;font-size:10px;display:flex;justify-content:space-between}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:55px}.hero-art{min-height:370px}.section{grid-template-columns:1fr;gap:20px;padding:85px 22px}.stats{grid-template-columns:1fr 1fr}.edu{grid-template-columns:1fr}.top-link{display:none}}
@media(max-width:650px){.header{padding:0 18px}.nav{display:none;position:absolute;top:68px;left:18px;right:18px;flex-direction:column;gap:0;background:#111518;border:1px solid var(--line);padding:8px}.nav.open{display:flex}.nav a{padding:11px}.menu{display:block}.hero{padding:55px 18px 70px}.hero h1{font-size:clamp(43px,13vw,65px)}.hero-intro{font-size:16px}.hero-art{min-height:315px}.system-card{width:280px}.network{height:170px}.card-title strong{font-size:22px}.section{padding:72px 18px}.body h2{font-size:39px}.lead{font-size:19px}.research-grid{grid-template-columns:1fr}.research-grid article:nth-child(even){border-left:0;padding-left:0}.project{grid-template-columns:38px 1fr 18px;gap:10px}.project h3{font-size:20px}.job{grid-template-columns:78px 1fr}.contact{padding:90px 18px}footer{padding:24px 18px;display:block}footer span{display:block;margin:4px 0}}