/* ASTECH universal metallic premium system */
:root{
  --astech-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;
  --astech-text:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;
  --metal-ice:#f8fbff;
  --metal-silver:#d7e2ee;
  --metal-steel:#9bb4ca;
  --metal-cyan:#79e6ff;
  --metal-blue:#4d9dff;
  --metal-deep:#365f83;
  --measure:62ch;
}
body{font-family:var(--astech-text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}

.hero h1,.section-head h2,.platform-copy h2,.contact-box h2,.serious h3,.about-copy h2,
.auth-visual h1,.sidebar .brand,.footer .logo,.nav .logo{
  font-family:var(--astech-display);font-variation-settings:"wght" 650;letter-spacing:-.055em;
}
.hero h1{color:#f8fbff!important;background:linear-gradient(112deg,#ffffff 0%,#dce9f5 23%,#ffffff 46%,#a9cfe9 70%,#edf8ff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 1px 0 rgba(255,255,255,.08),0 18px 55px rgba(55,140,255,.12)}
.hero h1 span{background:linear-gradient(105deg,#eefaff 0%,#a7efff 30%,#5ebdff 56%,#dff9ff 82%,#82dcff 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;filter:drop-shadow(0 10px 28px rgba(43,158,255,.2))}
.section-head h2,.platform-copy h2,.contact-box h2,.serious h3,.about-copy h2{color:#f6faff!important;background:linear-gradient(110deg,#ffffff 0%,#dce8f3 44%,#a9c7de 70%,#f1f9ff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-lead,.section-head p,.platform-copy p,.contact-box p,.flow-step p,.price-card>p,.trusted,.serious .section-inner>div,.about p{color:#a5b9cc!important}
.eyebrow,.kicker,.auth-kicker,.section-kicker{background:linear-gradient(90deg,#70e7ff,#8fbaff,#d7f5ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:780!important}
.nav-links a{color:#b8c7d7!important}.nav-links a:hover{color:#ffffff!important;text-shadow:0 0 22px rgba(110,205,255,.28)}
.logo,.auth-logo,.brand{font-family:var(--astech-display);letter-spacing:-.035em!important}
.logo-mark,.auth-logo-mark,.brand-mark,.dash-brand{color:#effbff!important;background:linear-gradient(145deg,#166edc 0%,#27a8f7 46%,#93edff 100%)!important;border:1px solid rgba(180,232,255,.5)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 10px 28px rgba(22,125,255,.24)!important}
.btn-primary,.auth-btn,.btn:not(.ghost):not(.btn-outline){background:linear-gradient(115deg,#1479f5 0%,#249cf5 42%,#50cff7 78%,#9bedff 130%)!important;color:#fff!important;border:1px solid rgba(190,235,255,.25)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 12px 30px rgba(16,113,255,.22)!important}
.btn-outline{border-color:rgba(135,190,232,.36)!important;background:linear-gradient(180deg,rgba(27,53,78,.8),rgba(14,35,56,.78))!important;color:#eef8ff!important}

.site,.site main,.hero,.approach,.platform-showcase,.serious,.pricing,.integrations,.about,.contact-cta,.footer{color:#edf6ff}
.flow-step h3,.price-card small,.price-card h3,.price-card h3 b,.dashboard-shot,.dashboard-shot h4,.dash-title,.dash-kpis strong,.dash-score,.about-points h3,.about-points span,.integration-list span,.hero-benefits strong{color:#eaf4ff!important}
.flow-step p,.price-card li,.dash-bottom p,.dash-kpis small,.float-card small,.hero-benefits small{color:#91a9be!important}
.float-card>strong{color:#f2f8ff!important}

/* Reading rhythm: deliberate measure, left alignment, predictable spacing. */
.hero-lead,.section-head p,.platform-copy p,.contact-box p,.about-prose p{max-width:var(--measure);text-align:left;text-wrap:pretty}
.section-head.center p{margin-left:auto;margin-right:auto;text-align:center}
.flow-step p,.about-points p{max-width:34ch;text-wrap:pretty}
.about-prose{display:grid;gap:18px;max-width:var(--measure)}
.about-prose p{margin:0;font-size:15px;line-height:1.72;letter-spacing:-.006em}

.auth-visual h1{color:#f7fbff!important;background:linear-gradient(110deg,#ffffff 0%,#dceaf5 40%,#a9d0e8 68%,#eefaff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 16px 46px rgba(20,102,215,.12)}
.auth-visual h1 span{background:linear-gradient(95deg,#f6fbff,#9aeaff 46%,#66b9ff 78%,#d9f6ff)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}
.auth-visual p{color:#a4b8ca!important}
.auth-card{color:#38536a!important}
.auth-card h2{font-family:var(--astech-display);color:#557c9d!important;background:linear-gradient(105deg,#6c8da8 0%,#3f83b7 42%,#76a8cb 72%,#4f7697 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.auth-card>p,.auth-note,.auth-link{color:#718699!important}.auth-form label{color:#557086!important}.auth-form input{color:#456177!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}

.page-head h1,.console-head h1,.panel-head h2,.price-card h2,.empty-state h3,.project-top h3,.kpi-card strong,.kpi-row article b,.score-ring strong,.ops-card strong,.topbar b{font-family:var(--astech-display)!important}
.page-head h1,.console-head h1{background:linear-gradient(105deg,#6e8da7 0%,#3d82b8 38%,#6ea6cf 68%,#547993 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:730!important}
.panel-head h2,.price-card h2,.empty-state h3,.project-top h3,.topbar b{color:#496b86!important;letter-spacing:-.03em!important}
.kpi-card strong,.kpi-row article b,.score-ring strong,.ops-card strong{background:linear-gradient(110deg,#6a8ca7,#3c82b6 42%,#68a9d5 74%,#587891);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.app-main,.content{color:#4e667c}.sidebar{background:linear-gradient(180deg,#061523 0%,#0b2035 48%,#071725 100%)!important}.topbar{background:rgba(248,251,254,.96)!important;box-shadow:0 1px 0 rgba(255,255,255,.8)}
.panel,.kpi-card,.kpi-row article,.project-card,.price-card{box-shadow:0 12px 32px rgba(14,39,65,.055),inset 0 1px 0 rgba(255,255,255,.95)!important}

.about{padding:108px 0;background:radial-gradient(circle at 78% 36%,rgba(39,135,225,.14),transparent 28%),linear-gradient(180deg,#04101d,#061523);border-top:1px solid rgba(116,184,236,.1);border-bottom:1px solid rgba(116,184,236,.1)}
.about-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:88px;align-items:center}
.about-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.about-copy h2{font-size:clamp(38px,4vw,58px);line-height:1.02;margin:12px 0 26px;max-width:620px;text-wrap:balance;text-align:left}
.about-points{display:grid;gap:14px}
.about-points article{position:relative;padding:24px 26px 24px 78px;border:1px solid rgba(104,178,235,.17);border-radius:16px;background:linear-gradient(145deg,rgba(12,35,58,.86),rgba(7,23,40,.82));box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 22px 60px rgba(0,0,0,.16)}
.about-points span{position:absolute;left:24px;top:25px;font-family:var(--astech-display);font-size:13px;color:#77ddff!important}
.about-points h3{font-family:var(--astech-display);font-size:18px;letter-spacing:-.025em;margin:0 0 7px;color:#eef8ff!important}
.about-points p{font-size:12px;line-height:1.6;margin:0;color:#91a9be!important}

p,li,td,th,input,label,small{font-family:var(--astech-text)}
@media(max-width:1000px){.about-layout{grid-template-columns:1fr;gap:42px}.about-prose{max-width:68ch}}
@media(max-width:720px){.hero h1{letter-spacing:-.045em!important}.page-head h1,.console-head h1{letter-spacing:-.04em!important}.about{padding:74px 0}.about-points article{padding-left:68px}.about-prose p{font-size:14px;line-height:1.68}}