@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;500;700;800&display=swap');:root{--ink:#eef0ff;--muted:#9ca6c7;--line:#d7e0ff24;--lime:#cdff82}*{box-sizing:border-box}body{margin:0;background:#070914;color:var(--ink);font-family:Manrope,Arial;background-image:radial-gradient(circle at 20% 0,#29357455,transparent 26%)}header,main{max-width:1440px;margin:auto;padding-left:clamp(22px,5vw,80px);padding-right:clamp(22px,5vw,80px)}header{height:85px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand,.back{color:var(--ink);font:14px 'DM Mono';text-decoration:none}.brand span,.back{color:var(--muted)}.brand i{display:inline-block;width:9px;height:9px;background:var(--lime);box-shadow:0 0 16px var(--lime);border-radius:50%;margin-right:8px}main{padding-top:80px}.eyebrow,.meta{font:10px 'DM Mono';letter-spacing:.12em;color:var(--lime)}h1{font-size:clamp(52px,8vw,112px);line-height:.9;letter-spacing:-.08em;margin:17px 0 25px}h1 em{font:400 1em Georgia;color:#aebaff}.intro{max-width:530px;color:var(--muted);line-height:1.65;margin-bottom:66px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.card{border:1px solid var(--line);padding:16px 16px 22px;background:#1015299c;border-radius:16px}.visual{height:280px;position:relative;overflow:hidden;border-radius:10px;margin-bottom:20px;background:#151b37}.card:hover .visual{filter:brightness(1.2)}.meta{display:flex;justify-content:space-between;gap:10px;color:#bac5f6}.card h2{font-size:29px;letter-spacing:-.06em;margin:15px 0 10px}.card p{color:var(--muted);line-height:1.6;max-width:440px}.card ul{display:flex;gap:7px;flex-wrap:wrap;padding:0;margin:18px 0 0;list-style:none}.card li{font:10px 'DM Mono';padding:7px 9px;border:1px solid var(--line);border-radius:99px;color:#cbd4f5}.chart{position:absolute;inset:30px;background:linear-gradient(155deg,transparent 45%,#93ffae 46% 48%,transparent 49%),linear-gradient(145deg,transparent 58%,#6b7dff 59% 61%,transparent 62%);border-bottom:1px solid #ffffff36}.ticker{position:absolute;bottom:20px;left:20px;font:12px 'DM Mono';color:var(--lime)}.ai{background:#15132d}.orb{position:absolute;width:180px;height:180px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#eef4ff,#9f78ff 29%,#382376 65%,#17142e);box-shadow:0 0 70px #8a5dff88}.nodes{position:absolute;inset:0;display:grid;place-items:center;text-align:center;font:18px 'DM Mono';letter-spacing:.2em;color:#121326}.screen{position:absolute;left:17%;top:17%;width:66%;height:66%;border:1px solid #d8e3ff77;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,#2a335a,#171c33)}.screen b{display:grid;place-items:center;width:65px;height:65px;border-radius:50%;background:var(--lime);color:#17202e;font:12px 'DM Mono'}.wave{position:absolute;bottom:20px;left:20px;right:20px;height:45px;background:repeating-linear-gradient(90deg,transparent 0 5px,#77a5ff 6px 8px,transparent 9px 14px);clip-path:polygon(0 40%,10% 20%,20% 75%,30% 5%,40% 70%,50% 10%,60% 90%,70% 30%,80% 70%,90% 15%,100% 45%,100% 100%,0 100%)}.window{position:absolute;inset:32px;border:1px solid #cbd5ff66;border-radius:8px;padding:16px;background:#0e1327}.window i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff8e89;margin-right:5px}.window i:nth-child(2){background:#ffe28a}.window i:nth-child(3){background:#b8ff8c}.window div{height:19%;margin-top:18px;border-radius:4px;background:linear-gradient(90deg,#8091f044 70%,transparent 70%)}.contact{margin:75px 0;padding:38px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.contact p{font-size:22px;margin:0}.contact a{padding:13px 17px;border-radius:99px;background:var(--lime);color:#152033;text-decoration:none;font-weight:700;font-size:13px}@media(max-width:700px){main{padding-top:55px}.grid{grid-template-columns:1fr}.visual{height:220px}.meta{font-size:8px}.contact{display:block}.contact a{display:inline-block;margin-top:16px}}
@media(max-width:700px){.card ul{gap:5px;flex-wrap:nowrap}.card li{font-size:9px;padding:6px 7px;white-space:nowrap}}
/* Keep the three decorative interface rows inside their preview window. */
.window{overflow:hidden}.window div{height:15%!important;margin-top:13px!important}