:root{--astech-blue:#1677ff;--astech-blue-2:#2f9cff;--astech-cyan:#63d8ff;--astech-deep:#020711;--astech-panel:#07111d;--astech-line:#153553;--astech-text:#f5f9ff;--astech-muted:#8fa9bf}
body{background:#020711;color:var(--astech-text)}
.site{background:radial-gradient(900px 520px at 75% 4%,rgba(22,119,255,.14),transparent 68%),linear-gradient(180deg,#020711 0%,#030a14 52%,#020711 100%)}
.nav{background:rgba(2,7,17,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(47,156,255,.10)}
.logo-mark{color:#fff;text-shadow:0 0 22px rgba(47,156,255,.75)}
.nav-links a:hover,.kicker,.step-index,.stack-card>span{color:var(--astech-cyan)}
.btn-primary{background:linear-gradient(135deg,#126fff,#2d9cff)!important;border-color:#298fff!important;box-shadow:0 14px 36px rgba(22,119,255,.22)}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 18px 44px rgba(22,119,255,.30)}
.btn-secondary{background:rgba(7,17,29,.72)!important;border-color:#1b4567!important;color:#e8f5ff!important}
.hero{position:relative;overflow:hidden;min-height:760px;background:radial-gradient(620px 420px at 72% 42%,rgba(30,126,255,.17),transparent 72%)}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(52,145,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(52,145,255,.035) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 82%)}
.hero-inner{position:relative;z-index:2;grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr)!important;gap:34px!important;min-height:720px!important;padding-top:58px!important;padding-bottom:46px!important}
.hero-copy{max-width:700px!important}
.hero h1{font-size:clamp(52px,5.2vw,82px)!important;line-height:.96!important;letter-spacing:-.06em!important;max-width:760px!important}
.hero h1 .accent{color:#268cff!important;text-shadow:0 0 30px rgba(38,140,255,.18)}
.hero-lead{max-width:650px!important;color:#9bb0c3!important;font-size:17px!important;line-height:1.68!important}
.hero-actions{gap:12px!important;margin-top:30px!important}
.hero-emblem{min-height:610px!important;transform:scale(1.13)!important;background:radial-gradient(340px 270px at 52% 54%,rgba(29,125,255,.24),transparent 72%)!important;filter:drop-shadow(0 36px 55px rgba(0,0,0,.42))}
.hero-emblem:after{content:"";position:absolute;left:12%;right:8%;bottom:12%;height:90px;background:radial-gradient(ellipse,rgba(35,134,255,.28),transparent 68%);filter:blur(20px);z-index:0}
.hero-emblem .webgl-canvas{inset:-7% -11% -7%!important;width:122%!important;height:116%!important;filter:saturate(1.18) contrast(1.04)}
.capability-strip{position:relative;z-index:3;max-width:1420px;margin:-28px auto 0;padding:0 28px 72px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.capability-card{position:relative;min-height:170px;padding:22px;border:1px solid #112f4a;border-radius:14px;background:linear-gradient(180deg,rgba(8,22,37,.93),rgba(5,14,24,.96));overflow:hidden}
.capability-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(#2f9cff,transparent)}
.capability-card:hover{border-color:#235b89;transform:translateY(-2px);transition:.18s ease}
.capability-card span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #1f4f77;border-radius:9px;background:rgba(22,119,255,.09);color:#6cdcff;font:800 12px ui-monospace,monospace}
.capability-card h3{margin:17px 0 8px;font-size:16px}.capability-card p{margin:0;color:#7896ad;font-size:12px;line-height:1.65}
.section{border-top-color:#0f2840!important}.section-head h2,.platform-copy h2,.pricing-intro-premium h2,.cta h2{letter-spacing:-.052em}
.workflow-grid,.stack-grid{gap:14px!important}.step,.stack-card{background:linear-gradient(180deg,#071522,#05101b)!important;border-color:#143650!important;border-radius:12px!important}
.step:hover,.stack-card:hover{border-color:#245b84!important;box-shadow:0 18px 42px rgba(0,0,0,.16)}
.platform{background:radial-gradient(760px 420px at 75% 48%,rgba(25,113,225,.10),transparent 74%),#020711!important}
.platform-shell>.product-window{border-color:#1a4465!important;background:#04101b!important;box-shadow:0 34px 90px rgba(0,0,0,.42),0 0 0 1px rgba(40,139,255,.08)!important}
.product-top{background:#061522!important;border-color:#153a57!important}.product-side{background:#04101b!important;border-color:#153a57!important}.product-side b{background:rgba(22,119,255,.15)!important;color:#eaf7ff!important}.product-side span{color:#6f8da5!important}
.product-heading>div,.product-risk{background:#061522!important;border-color:#153b59!important}.product-heading strong{color:#fff}.product-heading span{color:#6bdcff!important}.risk-progress i{background:linear-gradient(90deg,#1677ff,#5bd5ff)!important}
.visual-console{border-color:#174363!important;background:linear-gradient(180deg,#051421,#030d17)!important;box-shadow:0 30px 80px rgba(0,0,0,.34)}
.console-header{border-color:#15364f!important}.console-dot{background:#2b8fff!important;box-shadow:0 0 16px rgba(43,143,255,.72)!important}.terminal-line strong{color:#77dcff!important}
.metric{border-color:#173d5a!important;background:#061522!important}.metric strong{color:#f6fbff}.metric em{color:#6f8da5!important}
.plan-premium{border-color:#163c59!important;background:linear-gradient(180deg,#061421,#040d17)!important}.plan-premium.pro{border-color:#287dcc!important;background:linear-gradient(180deg,#08213a,#061320)!important;box-shadow:0 24px 60px rgba(10,91,190,.16)}.plan-premium.pro:before{background:linear-gradient(90deg,#1677ff,#63d8ff)!important}
.faq details{border-color:#14344d!important;background:#05101a!important}.faq summary:after{color:#63d8ff!important}
.cta{background:radial-gradient(540px 250px at 50% 30%,rgba(22,119,255,.16),transparent 75%),#020711!important;border-color:#14344d!important}
.footer{border-color:#0f2840!important;background:#02060d!important}
@media(max-width:1100px){.hero-inner{grid-template-columns:1fr!important}.hero-emblem{min-height:520px!important;transform:scale(1.06)!important}.capability-strip{grid-template-columns:1fr 1fr;margin-top:-10px}}
@media(max-width:620px){.hero{min-height:auto}.hero-inner{padding-top:44px!important}.hero h1{font-size:clamp(43px,12.8vw,60px)!important}.hero-emblem{min-height:420px!important}.capability-strip{grid-template-columns:1fr;padding:0 17px 54px}.capability-card{min-height:0}.nav{background:rgba(2,7,17,.94)}}