@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:#0b0e12;--panel:#121820;--text:#eef2f4;--muted:#9ba9b5;--line:#2a3742;--lime:#c8f36a;--orange:#ff9d61}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% -10%,#22323b 0,#0b0e12 40%);color:var(--text);font:16px/1.6 'Space Grotesk',sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:auto;padding:0 28px}nav{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff10}.brand{font-weight:700;letter-spacing:.08em;font-size:14px}.brand span{color:var(--lime)}.navlinks{display:flex;gap:22px;color:var(--muted);font-size:14px}.navlinks a:hover,.navlinks .active{color:var(--lime)}.hero{padding:100px 0 78px;display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:end}.kicker,.label{color:var(--lime);font:500 12px 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase}.hero h1{font-size:clamp(42px,7vw,82px);line-height:.98;letter-spacing:-.07em;margin:18px 0 26px;max-width:760px}.hero p{color:var(--muted);font-size:19px;max-width:650px}.signal{border:1px solid var(--line);padding:24px;border-radius:18px;background:#ffffff06}.signal strong{font-size:42px;display:block;color:var(--lime);letter-spacing:-.05em}.signal small{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:88px}.project{min-height:260px;padding:23px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#18212a,#10151b);display:flex;flex-direction:column;justify-content:space-between;transition:.2s}.project:hover{transform:translateY(-4px);border-color:#80935b}.project h2{font-size:25px;margin:14px 0 4px}.project p{color:var(--muted);margin:0}.num{font:500 13px 'DM Mono';color:var(--orange)}.arrow{color:var(--lime);font-size:22px}.footer{padding:25px 0 50px;color:var(--muted);font-size:13px;border-top:1px solid #ffffff10}.pagehead{padding:80px 0 55px;border-bottom:1px solid #ffffff10}.pagehead h1{font-size:clamp(42px,6vw,70px);line-height:1;margin:15px 0}.pagehead p{max-width:760px;color:var(--muted);font-size:18px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.chip{padding:6px 10px;border:1px solid var(--line);border-radius:30px;color:var(--muted);font:12px 'DM Mono'}.content{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:40px 0 70px}.card{background:#111820;border:1px solid var(--line);border-radius:16px;padding:25px}.card h2{margin:0 0 13px;font-size:21px}.card p,.card li{color:var(--muted)}.card ul{padding-left:20px}.wide{grid-column:1/-1}.code{background:#0a0d10;padding:18px;border-radius:10px;color:#bfe889;font:13px/1.7 'DM Mono';overflow:auto}.video{min-height:270px;border:1px dashed #60707c;border-radius:12px;background:linear-gradient(135deg,#101820,#1a242c);display:grid;place-items:center;text-align:center;padding:25px}.video .play{font-size:42px;color:var(--lime);display:block}.video p{margin:4px 0;font-size:14px}.video small{color:#71808b}.quote{border-left:3px solid var(--lime);padding-left:17px;color:var(--text)!important}.credit{font-size:12px!important;color:#85939d!important}.back{display:inline-block;margin-top:25px;color:var(--lime);font:13px 'DM Mono' }@media(max-width:800px){.hero,.content{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.navlinks{gap:10px}.hero{padding-top:60px}.wide{grid-column:auto}}

.demo-video{width:100%;max-height:520px;border-radius:12px;background:#080b0d;display:block}

.demo-video{width:100%;max-height:520px;border-radius:12px;background:#080b0d;display:block}