@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#080b12;--panel:#10151f;--panel2:#0c111a;--text:#f4f7fb;--muted:#98a2b3;--line:#202838;--accent:#70e1f5;--accent2:#8b8cff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 48px));margin:auto}.nav-wrap{position:fixed;z-index:20;top:0;width:100%;background:rgba(8,11,18,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-family:"Space Grotesk";font-weight:700;letter-spacing:.13em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #55617a;border-radius:9px;background:linear-gradient(145deg,#151c29,#0a0e16);color:var(--accent)}.nav-links{display:flex;align-items:center;gap:32px;color:#c5cbd6;font-size:14px}.nav-links>a:hover{color:white}.menu-btn{display:none;background:none;border:0;color:white;font-size:25px}.btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(110deg,var(--accent),#91a8ff);color:#071018;padding:14px 22px;border-radius:9px;font-weight:700;box-shadow:0 10px 35px rgba(112,225,245,.12)}.btn-small{padding:10px 16px}.hero{position:relative;overflow:hidden;padding:190px 0 120px;background:radial-gradient(circle at 70% 35%,rgba(90,92,200,.13),transparent 35%)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:80px}.eyebrow{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.2em}.hero h1,.section h2,.contact h2{font-family:"Space Grotesk";font-size:clamp(48px,6vw,82px);line-height:.98;letter-spacing:-.045em;margin:22px 0}.hero h1 span,.approach-grid h2 span{color:#7f8aa0}.lead{max-width:650px;color:#aab3c2;font-size:19px}.actions{display:flex;align-items:center;gap:28px;margin-top:36px}.text-link{font-size:14px;color:#dbe1ea}.hero-card{border:1px solid #263047;border-radius:14px;background:linear-gradient(145deg,rgba(22,29,44,.85),rgba(10,14,22,.9));box-shadow:0 35px 80px rgba(0,0,0,.35);transform:perspective(900px) rotateY(-4deg)}.terminal-bar{padding:14px 18px;border-bottom:1px solid var(--line)}.terminal-bar i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#394257;margin-right:7px}.terminal{padding:30px;font-family:monospace;color:#c2cad7}.terminal p{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04)}.terminal p span{color:#58657a;margin-right:25px}.terminal p b{color:var(--accent)}.status{margin-top:25px;color:#8ff0b0;font-size:12px}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#65e493;margin-right:8px;box-shadow:0 0 12px #65e493}.orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.25}.orb-one{width:330px;height:330px;right:-180px;top:80px;border:1px solid #6d74ff}.orb-two{width:160px;height:160px;left:-100px;bottom:0;border:1px solid var(--accent)}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0b0f17}.strip-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 0}.strip-grid div{padding:0 25px;border-right:1px solid var(--line)}.strip-grid div:first-child{padding-left:0}.strip-grid div:last-child{border:0}.strip strong,.strip span{display:block}.strip strong{font-size:14px}.strip span{font-size:12px;color:#707b8e;margin-top:4px}.section{padding-top:120px;padding-bottom:120px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:55px}.section h2{font-size:clamp(38px,5vw,62px);margin:16px 0}.section-head p{max-width:430px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.card{position:relative;min-height:310px;padding:35px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#101620,#0b1018);transition:.25s}.card:hover{transform:translateY(-4px);border-color:#394761}.card .num{position:absolute;right:25px;top:20px;color:#4e5a70;font-family:monospace}.icon{font-size:26px;color:var(--accent)}.card h3{font-family:"Space Grotesk";font-size:23px;margin:22px 0 10px}.card p{max-width:510px;color:var(--muted)}.tags{position:absolute;bottom:28px;color:#667287;font-size:10px;letter-spacing:.12em}.alt{background:var(--panel2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.approach-grid h2{font-size:58px}.steps article{display:flex;gap:25px;padding:25px 0;border-bottom:1px solid var(--line)}.steps b{color:#566279;font-family:monospace}.steps h3{margin:0;font-family:"Space Grotesk"}.steps p{margin:4px 0;color:var(--muted)}.tech{text-align:center}.tech h2{font-size:50px}.tech-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:45px}.tech-list span{padding:11px 17px;border:1px solid var(--line);border-radius:99px;color:#9ea8b8;font-size:13px;background:#0c1119}.contact{padding-top:30px}.contact-box{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:65px;background:linear-gradient(115deg,#4fc9de,#7886f7);border-radius:20px;color:#071018}.contact h2{font-size:55px;margin:12px 0}.contact .eyebrow{color:#172b3a}.contact p{max-width:600px}.btn-light{background:#071018;color:white;white-space:nowrap}.footer{min-height:150px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#707b8e;font-size:12px}footer .brand{color:#cbd2dd}
@media(max-width:800px){.container{width:min(100% - 32px,var(--max))}.nav-links{display:none;position:absolute;top:76px;left:0;right:0;padding:25px;background:#0b1018;flex-direction:column;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.menu-btn{display:block}.hero{padding:140px 0 80px}.hero-grid,.approach-grid{grid-template-columns:1fr;gap:55px}.hero-card{transform:none}.strip-grid{grid-template-columns:1fr 1fr;gap:25px}.strip-grid div{border:0;padding:0}.section{padding-top:80px;padding-bottom:80px}.section-head{display:block}.cards{grid-template-columns:1fr}.contact-box{display:block;padding:40px 28px}.contact .btn{margin-top:20px}.footer{padding:35px 0;gap:25px;flex-direction:column;align-items:flex-start}.approach-grid h2{font-size:44px}}