@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--p-bg:#050816;--p-bg2:#0a1022;--p-card:#0d1428;--p-line:rgba(255,255,255,.10);--p-text:#f8fafc;--p-muted:#9aa7bd;--p-cyan:#55e7ff;--p-violet:#8b6cff;--p-green:#39e6a0}
*{scrollbar-width:thin}body{font-family:"DM Sans",system-ui,sans-serif}h1,h2,h3,.logo{font-family:Manrope,system-ui,sans-serif}
.site-header{background:rgba(5,8,22,.76);border-bottom:1px solid rgba(255,255,255,.08)}
.nav{height:82px}.logo{font-size:21px;letter-spacing:.06em}.logo span{color:var(--p-cyan)}
.hero{min-height:720px;display:flex;align-items:center;background:
radial-gradient(600px 420px at 12% 12%,rgba(85,231,255,.13),transparent 65%),
radial-gradient(600px 420px at 88% 25%,rgba(139,108,255,.16),transparent 65%),
linear-gradient(135deg,#050816,#0a1022 60%,#070b18);position:relative}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,black,transparent)}
.hero-grid,.hero-card{position:relative;z-index:1}.eyebrow{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.11);box-shadow:0 0 30px rgba(85,231,255,.06)}
.hero h1{font-size:clamp(48px,6.4vw,82px);letter-spacing:-.055em}.hero h1 em{background:linear-gradient(90deg,var(--p-cyan),#b4f5ff,var(--p-violet));-webkit-background-clip:text;color:transparent}
.hero p{font-size:19px;max-width:720px}.btn-primary{background:linear-gradient(135deg,var(--p-cyan),#b9f7ff);box-shadow:0 14px 40px rgba(85,231,255,.15)}.btn-outline{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.04);backdrop-filter:blur(10px)}
.hero-card{border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035));box-shadow:0 40px 100px rgba(0,0,0,.35);backdrop-filter:blur(20px)}
.mini{border:1px solid rgba(255,255,255,.06)}.section{padding:100px 0}.section h2{letter-spacing:-.04em}.service{border-radius:20px;transition:transform .25s,box-shadow .25s,border-color .25s}.service:hover{transform:translateY(-8px);border-color:rgba(85,231,255,.28);box-shadow:0 28px 70px rgba(16,24,40,.11)}
.kicker{letter-spacing:.16em}.cta{border:1px solid rgba(255,255,255,.09);box-shadow:0 30px 90px rgba(0,0,0,.16)}