:root{--bg: #0b0c12;--card: #161629;--accent-1: #6fd0ff;--accent-2: #8b64ff;--accent-3: #ff4cc9;--text: #e9ecf2;--muted: #a9afbb;--ring: rgba(255, 255, 255, .12)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--text)}main{min-height:100%}.site-header{position:sticky;top:0;z-index:50;backdrop-filter:saturate(1.2) blur(10px);background:linear-gradient(180deg,#0c0e18cc,#0c0e1866);border-bottom:1px solid var(--ring)}.site-header .container{max-width:1200px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none}.brand-text{letter-spacing:.28em;font-weight:700;color:#fff}.nav{display:flex;gap:22px;align-items:center}.nav-link{color:#c7ccda;text-decoration:none;font-weight:600;font-size:.94rem;position:relative}.nav-link.active{color:#fff}.nav-link.active:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--accent-2),var(--accent-3))}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem .9rem;border-radius:999px;font-weight:700;text-decoration:none;white-space:nowrap}.btn-outline{color:#e9ecf2;border:1px solid var(--ring);background:radial-gradient(120% 120% at 0% 0%,rgba(139,100,255,.1),transparent 40%) border-box}.btn-outline:hover{border-color:#fff3}.container-xl{max-width:1200px;margin:0 auto;padding:0 20px}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}@media(max-width:960px){.nav{display:none}}.hero{position:relative;isolation:isolate;padding:180px 80px}#background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 60% at 50% 30%,#100c2600,#0b0c1259 45%,#0b0c12d9)}.kicker{margin:0 0 18px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;font-size:clamp(1rem,1.4vw,1.1rem)}.gradient-text{background:linear-gradient(90deg,#7cc6ff,#8b64ff 40%,#ff4cc9 85%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.headline{margin:0 0 14px;line-height:1.05;font-size:clamp(2.4rem,6vw,4.6rem);font-weight:900;letter-spacing:-.02em;text-transform:uppercase}.headline span{display:block}.subcopy{margin:10px 0 0;max-width:950px;color:#d7dbe6;font-size:clamp(1rem,1.4vw,1.125rem);line-height:1.7}.services{background:#f6f0fa0a;padding:24px 0 80px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:0 20px}.card{position:relative;border-radius:20px;background:radial-gradient(120% 140% at 100% 0%,#231b41,#131426 60%);border:1px solid rgba(255,255,255,.06);padding:28px 0 20px 40px;overflow:hidden;min-height:300px}.card .num{position:absolute;inset:-.2rem auto auto .75rem;font-weight:800;font-size:clamp(8rem,7vw,5.6rem);line-height:1;color:#2b2a45;letter-spacing:.02em;opacity:.75;user-select:none;z-index:1}.card header h3{position:relative;margin:0 0 10px;text-transform:uppercase;font-size:clamp(2rem,2vw,1.6rem);color:#74e5ff;font-weight:800;letter-spacing:.02em;z-index:2}.card header p{position:relative;margin:0;color:#bfc4d3;font-size:.8rem;line-height:1.6;max-width:36ch;z-index:3}.card .media{position:absolute;left:-1rem;bottom:-2rem;max-width:40%}.card .media img{display:block;width:100%;height:auto}.card .media-gradient{position:absolute;right:-30px;bottom:-30px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#6fd0ff,#8b64ff 40%,#ff4cc9 80%);filter:blur(6px);opacity:.5}.card .pill{position:absolute;right:18px;bottom:18px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;color:#e9ecf2;text-decoration:none;background:#1e1e35;border:1px solid rgba(255,255,255,.08)}.card .pill:hover{transform:translateY(-1px)}.sr,.sr-only,.sr-text{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}@media(max-width:1024px){.cards{grid-template-columns:1fr 1fr}}@media(max-width:640px){.hero{padding:92px 0 24px}.cards{grid-template-columns:1fr}.card{padding:22px}.card .media{position:relative;right:auto;bottom:auto;max-width:60%;margin:14px 0 52px}.card .num{font-size:4rem}}
