:root{--bg:#07111f;--bg2:#0a1627;--panel:#0e1c2e;--line:rgba(168,205,240,.14);--text:#eaf3fb;--muted:#9db0c5;--accent:#44d3ff;--accent2:#35b8e7;--white:#fff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(var(--max),calc(100% - 48px));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(7,17,31,.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;border:1px solid rgba(68,211,255,.5);display:grid;place-items:center;color:var(--accent);font-weight:800;letter-spacing:-1px}.brand strong{display:block;letter-spacing:2px;font-size:14px}.brand small{display:block;color:var(--muted);letter-spacing:1.7px;font-size:8px;margin-top:-1px}.site-header nav{display:flex;gap:28px;align-items:center;color:#b9cadb;font-size:13px;font-weight:600}.site-header nav a:hover{color:var(--accent)}.nav-cta{padding:10px 16px;border:1px solid rgba(68,211,255,.4);color:var(--accent)!important}.menu-toggle{display:none;background:none;border:0;color:var(--text);font-size:24px}
.hero{min-height:calc(100vh - 76px);display:grid;place-items:center;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 78% 40%,rgba(37,142,188,.14),transparent 34%),linear-gradient(180deg,#091525 0%,#07111f 100%)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 90%)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:60px;align-items:center;padding:90px 0;position:relative}.eyebrow,.section-kicker{font-size:11px;letter-spacing:2.4px;text-transform:uppercase;color:var(--accent);font-weight:700}.eyebrow{display:flex;gap:8px;align-items:center;margin-bottom:20px}.eyebrow span{width:26px;height:1px;background:var(--accent)}h1{font-size:clamp(52px,7vw,92px);line-height:.95;letter-spacing:-4px;margin:0 0 28px;font-weight:800}h1 em{font-style:normal;color:var(--accent)}.hero-text{max-width:620px;font-size:18px;color:var(--muted);margin:0 0 32px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:12px;padding:14px 20px;font-weight:700;font-size:13px;border:1px solid transparent;transition:.25s}.btn-primary{background:var(--accent);color:#05111a}.btn-primary:hover{transform:translateY(-2px);background:#71defe}.btn-ghost{border-color:var(--line);color:var(--text)}.btn-ghost:hover{border-color:rgba(68,211,255,.4);color:var(--accent)}.hero-meta{margin-top:28px;display:flex;gap:18px;flex-wrap:wrap;color:#7890a8;font-size:11px}.hero-visual{position:relative;min-height:500px;display:grid;place-items:center}.terminal-card{width:min(480px,100%);background:#07101b;border:1px solid rgba(68,211,255,.2);box-shadow:0 30px 90px rgba(0,0,0,.35);position:relative;z-index:2}.terminal-top{height:44px;display:flex;align-items:center;gap:7px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.07);color:#60758b;font-size:10px}.terminal-top span{width:8px;height:8px;border-radius:50%;background:#2a3a4a}.terminal-top code{margin-left:auto}.terminal-body{padding:28px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:2.15;color:#8fa3b8}.terminal-body b{color:var(--accent)}.terminal-body .ok{color:#88bfa1;margin:0 0 5px}.cursor{display:inline-block;width:8px;height:15px;background:var(--accent);vertical-align:-2px;animation:blink 1s step-end infinite}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-1{width:330px;height:330px;border:1px solid rgba(68,211,255,.1);box-shadow:0 0 100px rgba(68,211,255,.08)}.orb-2{width:440px;height:440px;border:1px solid rgba(68,211,255,.05)}.floating-stat{position:absolute;z-index:3;bottom:42px;right:0;background:rgba(10,24,39,.9);border:1px solid var(--line);padding:14px 16px;display:flex;align-items:center;gap:10px}.floating-stat strong{color:var(--accent);font-size:20px}.floating-stat span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1.3px}
.section{padding:110px 0;border-bottom:1px solid var(--line)}.two-col{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.section-heading h2,.stack-intro h2,.contact-card h2{font-size:clamp(34px,4vw,56px);letter-spacing:-2.3px;line-height:1.06;margin:14px 0 0}.section-heading h2 span,.contact-card h2 span{color:var(--accent)}.about-copy{color:var(--muted);font-size:16px}.about-copy p{margin:0 0 18px}.about-copy strong{color:var(--text)}.quote{border-left:2px solid var(--accent);padding:16px 0 16px 20px;color:#d8e5f0;margin-top:28px;font-size:14px}.services{background:var(--bg2)}.center{text-align:center;max-width:760px;margin:0 auto 54px}.center p{color:var(--muted);margin:16px 0 0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card,.diff-card{background:linear-gradient(180deg,rgba(15,29,45,.92),rgba(10,21,35,.88));border:1px solid var(--line);padding:28px;position:relative;overflow:hidden;transition:.25s}.service-card:hover,.diff-card:hover{transform:translateY(-5px);border-color:rgba(68,211,255,.35)}.service-card .icon{color:var(--accent);font-size:23px}.service-card .num{position:absolute;top:22px;right:22px;color:#4d6175;font-size:10px;letter-spacing:1.5px}.service-card h3{font-size:22px;margin:34px 0 10px}.service-card p,.diff-card p{color:var(--muted);font-size:13px;margin:0}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:24px}.tags span{font-size:9px;text-transform:uppercase;letter-spacing:1px;padding:5px 7px;border:1px solid rgba(157,176,197,.12);color:#7890a8}.diff-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.diff-card strong{font-size:12px;color:var(--accent);letter-spacing:1.2px}.diff-card h3{font-size:19px;margin:35px 0 12px}.stack-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.tech-cloud{display:flex;flex-wrap:wrap;gap:10px}.tech-cloud span{border:1px solid var(--line);padding:11px 13px;color:#b6c8d9;font-size:12px}.contact{background:linear-gradient(135deg,#0a1726,#07111f)}.contact-card{display:flex;justify-content:space-between;gap:40px;align-items:end;border:1px solid rgba(68,211,255,.18);padding:46px;background:rgba(8,18,30,.7);position:relative;overflow:hidden}.contact-card:after{content:"";position:absolute;width:320px;height:320px;border:1px solid rgba(68,211,255,.08);border-radius:50%;right:-140px;top:-140px}.contact-card h2{max-width:720px}.contact-card p{color:var(--muted);max-width:600px;margin:18px 0 0}.contact-actions{display:flex;flex-direction:column;align-items:flex-end;gap:16px;position:relative;z-index:2}.contact-link{color:var(--muted);font-size:12px}.contact-link:hover{color:var(--accent)}.footer{padding:26px 0;background:#050d17;color:#778b9e;font-size:10px}.footer-wrap{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer strong{color:#c7d5e2;letter-spacing:1.4px;display:block}.footer span{display:block;margin-top:4px}
.reveal{animation:rise .75s ease both}.reveal-delay{animation:rise .9s .12s ease both}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes blink{50%{opacity:0}}
@media(max-width:980px){.hero-grid,.two-col,.stack-layout{grid-template-columns:1fr}.hero-grid{padding:70px 0}.hero-visual{min-height:430px}.service-grid,.diff-grid{grid-template-columns:repeat(2,1fr)}.contact-card{display:block}.contact-actions{align-items:flex-start;margin-top:28px}.site-header nav{gap:16px}}
@media(max-width:700px){.container{width:min(var(--max),calc(100% - 32px))}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;left:16px;right:16px;top:72px;padding:14px;background:#0a1726;border:1px solid var(--line);flex-direction:column;align-items:stretch}.site-header nav.open{display:flex}.site-header nav a{padding:10px 8px}.nav-cta{text-align:center}.hero{min-height:auto}.hero-grid{padding:68px 0 60px}.hero-visual{min-height:390px}.floating-stat{right:0;bottom:12px}.terminal-body{padding:20px;font-size:11px}h1{letter-spacing:-2.5px;font-size:58px}.section{padding:78px 0}.service-grid,.diff-grid{grid-template-columns:1fr}.footer-wrap{display:block}.footer-wrap>div+div{margin-top:14px}.hero-meta{flex-direction:column;gap:8px}}