/* critical-layout.css - ASCII only for FTP/hosting */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:'Plus Jakarta Sans',Inter,system-ui,sans-serif;color:#142A40;background:#F4F8FC;line-height:1.5}
body.site-body{font-family:'DM Sans',ui-sans-serif,system-ui,sans-serif;background:#F4F8FC}
a{color:inherit}
img,svg{display:block;max-width:100%}
.surabhi-logo-wrap{display:inline-flex;align-items:center;flex-shrink:0;line-height:0}
.surabhi-logo{display:block;object-fit:contain;background:transparent}
.surabhi-logo--sm{width:2.5rem;height:2.5rem;max-width:2.5rem;max-height:2.5rem}
.surabhi-logo--md{width:3.25rem;height:3.25rem;max-width:3.25rem;max-height:3.25rem}
.surabhi-logo--lg{width:4.75rem;height:4.75rem;max-width:4.75rem;max-height:4.75rem}
.site-main{padding-top:0}
.container-app{max-width:100rem;margin:0 auto;padding:0 1.25rem}
@media(min-width:640px){.container-app{padding:0 2rem}}
@media(min-width:1024px){.container-app{padding:0 2.5rem}}
@media(min-width:1280px){.container-app{padding:0 3rem}}

/* Nav */
.glass-nav{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(248,250,252,.92);border-bottom:1px solid rgba(16, 45, 79,.08);backdrop-filter:blur(16px)}
.glass-nav.is-scrolled{background:rgba(255,255,255,.96);box-shadow:0 12px 32px rgba(16, 45, 79,.08)}
.nav-header-row{display:flex;align-items:center;justify-content:space-between;height:4.25rem;gap:1.5rem}
.main-nav{display:none;align-items:center;gap:.125rem}
@media(min-width:1024px){.main-nav{display:flex}}
.nav-link{display:inline-block;padding:.5rem 1rem;font-size:.9375rem;font-weight:500;color:#4a5568;text-decoration:none;border-radius:.5rem}
.nav-link:hover{background:rgba(16, 45, 79,.04);color:#142A40}
.nav-link.is-active{background:transparent;color:#102D4F;font-weight:600;box-shadow:inset 0 -2px 0 0 #102D4F;border-radius:0}
.text-brand-600{color:#123D68}
.bg-brand-600{background:#123D68}
.bg-brand-50{background:#F4F8FC}
.text-brand-700{color:#123D68}
.border-brand-600{border-color:#123D68}
.text-navy-950{color:#102D4F}
.bg-navy-950{background:#102D4F}
.bg-cream-50{background:#F4F8FC}
.btn-primary{background:#102D4F;color:#fff;border:none}
.btn-secondary{background:#fff;color:#142A40;border:1px solid rgba(16, 45, 79,.15)}
.btn-lg{padding:.875rem 1.75rem;font-size:1rem}
.nav-actions{display:none;align-items:center;gap:.5rem}
@media(min-width:1024px){.nav-actions{display:flex}}
.nav-mobile-toggle{display:inline-flex;padding:.5rem;border:1px solid #e2e8f0;background:#fff;border-radius:.5rem}
@media(min-width:1024px){.nav-mobile-toggle{display:none}}
.nav-mobile-panel{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 10px 25px rgba(0,0,0,.08)}

/* Hero */
.hero-home{position:relative;overflow:hidden;border-bottom:1px solid #BBD2E7;background:linear-gradient(135deg,#EAF3FB 0%,#EAF3FB 42%,#EAF3FB 100%)}
.hero-home .hero-inner{padding:1.75rem 0 2rem}
@media(min-width:768px){.hero-home .hero-inner{padding:2rem 0 2.5rem}}
.hero-grid{display:grid;gap:1.75rem;align-items:start}
@media(min-width:1024px){.hero-grid{grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center}}
.hero-dashboard-wrap{width:100%;max-width:28rem;margin:0 auto}
@media(min-width:1024px){.hero-dashboard-wrap{max-width:none}}

/* Buttons */
.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:.75rem;text-decoration:none;cursor:pointer;transition:all .2s}
.btn-primary{box-shadow:0 8px 20px rgba(16, 45, 79,.12)}
.btn-secondary:hover{border-color:#102D4F;background:#EAF3FB}
.btn-outline-light{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:.75rem;border:2px solid rgba(255,255,255,.85);color:#fff;text-decoration:none}

/* Typography */
.font-display{font-family:'Source Serif 4',Georgia,serif}
.text-navy-950{color:#142A40}
.text-brand-600{color:#155C9B}
.text-slate-600{color:#475569}
.text-slate-500{color:#64748b}
.text-lead{font-size:1rem;line-height:1.625}
.heading-section{font-size:2rem;font-weight:700;color:#142A40;line-height:1.15}
@media(min-width:768px){.heading-section{font-size:2.5rem}}
@media(min-width:1024px){.heading-section{font-size:2.65rem}}
.eyebrow{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:#102D4F}
.text-lead{font-size:1.125rem;line-height:1.65;color:#475569}
@media(min-width:768px){.text-lead{font-size:1.25rem}}
.text-accent{color:#247dc1}
.badge-glass{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;color:#123D68;background:#fff;border:1px solid #BBD2E7;border-radius:9999px}

/* Grids */
.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}
@media(min-width:768px){.stat-grid{grid-template-columns:repeat(4,1fr)}}
.stat-chip{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem}
.service-grid{display:grid;gap:1rem}
@media(min-width:640px){.service-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.service-grid{grid-template-columns:repeat(3,1fr)}}

/* Cards */
.glass-card,.card-soft,.service-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.25rem;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.glass-panel{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;overflow:hidden;box-shadow:0 10px 30px rgba(37,99,235,.1)}
.section-padding{padding:3.5rem 0}
@media(min-width:768px){.section-padding{padding:4rem 0}}
@media(min-width:1024px){.section-padding{padding:5rem 0}}
.section-shell{width:100%}
.section-shell--cream{background:#f8fafc}
.section-shell--white{background:#fff}
.section-shell--warm{background:linear-gradient(180deg,#f1f5f9,#f8fafc)}
.section-tight{padding:1.5rem 0}
.section-alt{background:#fff;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}
.section-muted{background:#f8fafc}
.glass-dark{background:linear-gradient(135deg,#123D68,#102D4F);color:#fff;border-radius:1rem;padding:2rem}

/* Utilities used on homepage */
.flex{display:flex}
.flex-wrap{flex-wrap:wrap}
.flex-col{flex-direction:column}
.items-center{align-items:center}
.gap-3{gap:.75rem}
.gap-4{gap:1rem}
.mt-3{margin-top:.75rem}
.mt-4{margin-top:1rem}
.mt-5{margin-top:1.25rem}
.mt-8{margin-top:2rem}
.max-w-lg{max-width:32rem}
.text-center{text-align:center}
.text-xs{font-size:.75rem}
.text-sm{font-size:.875rem}
.text-2xl{font-size:1.5rem}
.text-3xl{font-size:1.875rem}
.font-bold{font-weight:700}
.shrink-0{flex-shrink:0}
.w-full{width:100%}
.grid{display:grid}
.hidden{display:none}
@media(min-width:1024px){.lg\:hidden{display:none!important}}
.min-h-screen{min-height:100vh}
.gradient-auth{background:#102D4F}
.reveal,.reveal:not(.revealed){opacity:1;transform:none}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.justify-between{justify-content:space-between}
.items-end{align-items:flex-end}
.gap-2{gap:.5rem}
.space-y-2>*+*{margin-top:.5rem}
.block{display:block}
.py-3{padding-top:.75rem;padding-bottom:.75rem}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.flex-1{flex:1 1 0%}
.rounded-lg{border-radius:.5rem}
.border{border-width:1px;border-style:solid}
.border-slate-100{border-color:#f1f5f9}
.border-slate-200{border-color:#e2e8f0}
.bg-slate-50{background:#f8fafc}
.bg-brand-50{background:#eff6ff}
.text-brand-700{color:#123D68}
.text-emerald-700{color:#047857}
.bg-emerald-100{background:#d1fae5}
@media(min-width:1024px){.nav-mobile-panel{display:none!important}}
.page-hero{position:relative;overflow:hidden;border-bottom:1px solid rgba(16, 45, 79,.08);background:linear-gradient(180deg,#f1f5f9 0%,#f8fafc 55%,#f8fafc 100%)}
.page-hero-inner{padding:2rem 0}
@media(min-width:768px){.page-hero-inner{padding:2.5rem 0}}
.glass-input{width:100%;padding:.625rem .875rem;font-size:.875rem;border:1px solid #e2e8f0;border-radius:.5rem;background:#fff}
.label-field{display:block;margin-bottom:.25rem;font-size:.875rem;font-weight:500;color:#334155}
.input-field{width:100%;padding:.625rem .875rem;font-size:.875rem;border:1px solid #e2e8f0;border-radius:.5rem}
.sm\:grid-cols-2{grid-template-columns:repeat(1,1fr)}
@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}
.lg\:grid-cols-4{grid-template-columns:repeat(1,1fr)}
@media(min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}
.mt-10{margin-top:2.5rem}
.pt-6{padding-top:1.5rem}
.py-10{padding-top:2.5rem;padding-bottom:2.5rem}
.md\:py-12{padding-top:3rem;padding-bottom:3rem}
.hover\:text-brand-600:hover{color:#155C9B}
.text-navy-900{color:#0f172a}

/* Auth login — forest glass */
.auth-page{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:2rem 1rem;position:relative;overflow:hidden}
.auth-page--glass{background:
    radial-gradient(ellipse 80% 60% at 15% 10%,rgba(36, 125, 193,.45) 0%,transparent 55%),
    radial-gradient(ellipse 70% 55% at 90% 85%,rgba(18, 61, 104,.5) 0%,transparent 52%),
    radial-gradient(ellipse 50% 40% at 50% 50%,rgba(21, 92, 155,.18) 0%,transparent 60%),
    linear-gradient(155deg,#0F1C12 0%,#102D4F 38%,#123D68 72%,#155C9B 100%)}
.auth-mesh{position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:
    linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse 70% 65% at 50% 42%,#000 20%,transparent 100%)}
.auth-orb{position:absolute;border-radius:9999px;filter:blur(72px);pointer-events:none;animation:auth-float 14s ease-in-out infinite}
.auth-orb-a{width:22rem;height:22rem;left:-4%;top:6%;background:rgba(36, 125, 193,.35);animation-delay:0s}
.auth-orb-b{width:18rem;height:18rem;right:-2%;bottom:8%;background:rgba(21, 92, 155,.42);animation-delay:-4s}
.auth-orb-c{width:14rem;height:14rem;left:42%;bottom:-6%;background:rgba(187, 210, 231,.28);animation-delay:-8s}
@keyframes auth-float{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(12px,-16px) scale(1.05)}}
.auth-shell{width:100%;max-width:26rem;position:relative;z-index:1;margin:0 auto}
.auth-card{width:100%;max-width:28rem;position:relative;z-index:1;margin:0 auto}
.auth-panel{background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.4);border-radius:1rem;padding:1.5rem 1.5rem 1.75rem;box-shadow:0 25px 50px rgba(15,23,42,.2)}
.auth-panel--glass{
    background:linear-gradient(145deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.08) 100%);
    border:1px solid rgba(255,255,255,.28);
    border-radius:1.35rem;
    padding:1.75rem 1.65rem 1.5rem;
    box-shadow:0 28px 80px rgba(15,28,18,.45),inset 0 1px 0 rgba(255,255,255,.35);
    backdrop-filter:blur(22px) saturate(1.45);
    -webkit-backdrop-filter:blur(22px) saturate(1.45)}
.auth-panel__brand{text-align:center;margin-bottom:1.35rem}
.auth-logo-ring{display:inline-flex;padding:.65rem;border-radius:9999px;background:#fff;border:1px solid rgba(255,255,255,.95);box-shadow:0 10px 28px rgba(15,28,18,.22);margin-bottom:.85rem}
.auth-logo-ring .surabhi-logo-wrap{background:#fff;border-radius:9999px}
.auth-logo-ring .surabhi-logo{background:#fff;border-radius:9999px}
.auth-logo-link{display:inline-flex;line-height:0}
.auth-eyebrow{margin:0 0 .35rem;font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(232,239,230,.92)}
.auth-title{margin:0;font-size:1.65rem;font-weight:700;color:#fff;text-align:center;line-height:1.15;text-shadow:0 2px 24px rgba(15,28,18,.35)}
.auth-subtitle{margin:.45rem 0 0;font-size:.86rem;color:rgba(226,232,240,.88);text-align:center}
.auth-alert{border-radius:.85rem;padding:.75rem 1rem;font-size:.84rem;margin-bottom:1rem}
.auth-alert--error{border:1px solid rgba(254,202,202,.45);background:rgba(254,226,226,.14);color:#fecaca}
.auth-form{display:grid;gap:1rem}
.auth-field{display:grid;gap:.35rem}
.auth-label{font-size:.78rem;font-weight:600;letter-spacing:.03em;color:rgba(226,232,240,.92)}
.auth-input{
    width:100%;padding:.78rem .95rem;font-size:.92rem;color:#f8fafc;
    background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:.8rem;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08);transition:border-color .2s,box-shadow .2s,background .2s}
.auth-input::placeholder{color:rgba(203,213,225,.55)}
.auth-input:focus{outline:none;border-color:rgba(187, 210, 231,.75);background:rgba(255,255,255,.14);box-shadow:0 0 0 3px rgba(21, 92, 155,.28),inset 0 1px 0 rgba(255,255,255,.12)}
.auth-field-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.auth-forgot-link{font-size:.72rem;font-weight:600;color:#BBD2E7;text-decoration:none;transition:color .15s}
.auth-forgot-link:hover{color:#EAF3FB;text-decoration:underline}
.auth-remember{display:flex;align-items:center;gap:.55rem;font-size:.8rem;color:rgba(226,232,240,.82);cursor:pointer}
.auth-remember input{width:1rem;height:1rem;accent-color:#155C9B}
.auth-submit{
    display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-top:.15rem;
    padding:.9rem 1rem;border:none;border-radius:.85rem;font-size:.95rem;font-weight:700;color:#fff;cursor:pointer;
    background:linear-gradient(135deg,#102D4F 0%,#123D68 42%,#155C9B 100%);
    box-shadow:0 14px 36px rgba(16, 45, 79,.42),inset 0 1px 0 rgba(255,255,255,.28);
    transition:transform .15s,box-shadow .2s,filter .2s}
.auth-submit:hover{filter:brightness(1.06);box-shadow:0 18px 42px rgba(16, 45, 79,.5),inset 0 1px 0 rgba(255,255,255,.32)}
.auth-submit:active{transform:scale(.985)}
.auth-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;margin-top:1.15rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.14)}
.auth-link-pill{
    display:inline-flex;align-items:center;padding:.38rem .72rem;border-radius:9999px;font-size:.72rem;font-weight:600;text-decoration:none;
    color:rgba(226,232,240,.92);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);transition:background .15s,border-color .15s,color .15s}
.auth-link-pill:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.28);color:#fff}
.auth-link-pill--accent{background:rgba(21, 92, 155,.22);border-color:rgba(187, 210, 231,.35);color:#EAF3FB}
.auth-link-pill--accent:hover{background:rgba(21, 92, 155,.34);color:#fff}
.auth-hint{margin:0;font-size:.72rem;color:rgba(203,213,225,.72)}
.auth-hint strong{color:#e2e8f0}
.auth-panel .label-field,.auth-panel .input-field{color:inherit}
.auth-panel .input-field{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22);color:#f8fafc;border-radius:.8rem}
.auth-panel .input-field:focus{border-color:rgba(187, 210, 231,.75);box-shadow:0 0 0 3px rgba(21, 92, 155,.28)}
.auth-panel .btn-primary{
    background:linear-gradient(135deg,#102D4F 0%,#123D68 42%,#155C9B 100%)!important;
    box-shadow:0 14px 36px rgba(16, 45, 79,.42),inset 0 1px 0 rgba(255,255,255,.28)!important;border:none!important}
.auth-panel .text-slate-600,.auth-panel .text-slate-500{color:rgba(226,232,240,.78)!important}
.auth-panel .text-brand-700{color:#BBD2E7!important}
.auth-back{display:block;margin-top:1.35rem;text-align:center;font-size:.84rem;font-weight:500;color:rgba(226,232,240,.82);text-decoration:none;transition:color .15s}
.auth-back:hover{color:#fff}
/* Diagnostics sign-in follows the Dqube portal's blue and light-surface palette. */
.auth-page--glass{background:
    radial-gradient(ellipse 78% 58% at 12% 8%,rgba(36,125,193,.16) 0%,transparent 56%),
    radial-gradient(ellipse 68% 52% at 92% 88%,rgba(22,132,184,.12) 0%,transparent 54%),
    linear-gradient(145deg,#eaf3fb 0%,#f4f8fc 52%,#fff 100%)}
.auth-mesh{opacity:.16;background-image:
    linear-gradient(rgba(18,61,104,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(18,61,104,.08) 1px,transparent 1px)}
.auth-orb-a{background:rgba(36,125,193,.14)}
.auth-orb-b{background:rgba(22,132,184,.14)}
.auth-orb-c{background:rgba(187,210,231,.34)}
.auth-panel--glass{background:rgba(255,255,255,.9);border-color:rgba(255,255,255,.94);box-shadow:0 28px 80px rgba(16,45,79,.14),inset 0 1px 0 rgba(255,255,255,.95)}
.auth-logo-ring{border-color:#fff;box-shadow:0 10px 28px rgba(16,45,79,.12)}
.auth-eyebrow{color:#155c9b}
.auth-title{color:#102d4f;text-shadow:none}
.auth-subtitle{color:#526a80}
.auth-label{color:#142a40}
.auth-input{color:#142a40;background:rgba(255,255,255,.94);border-color:#c8dbea;box-shadow:inset 0 1px 0 rgba(16,45,79,.03)}
.auth-input::placeholder{color:#8294a6}
.auth-input:focus{border-color:#247dc1;background:#fff;box-shadow:0 0 0 3px rgba(36,125,193,.16)}
.auth-forgot-link{color:#155c9b}
.auth-forgot-link:hover{color:#102d4f}
.auth-remember{color:#526a80}
.auth-remember input{accent-color:#155c9b}
.auth-submit{background:linear-gradient(135deg,#102d4f 0%,#123d68 48%,#155c9b 100%);box-shadow:0 14px 32px rgba(16,45,79,.2)}
.auth-submit:hover{box-shadow:0 18px 38px rgba(16,45,79,.25)}
.auth-links{border-color:#dbe8f3}
.auth-link-pill{color:#526a80;background:#f4f8fc;border-color:#dbe8f3}
.auth-link-pill:hover{color:#102d4f;background:#eaf3fb;border-color:#bbd2e7}
.auth-link-pill--accent{color:#123d68;background:#eaf3fb;border-color:#bbd2e7}
.auth-link-pill--accent:hover{color:#102d4f;background:#dcecf8}
.auth-hint{color:#526a80}
.auth-hint strong{color:#142a40}
.auth-panel .input-field{color:#142a40;background:#fff;border-color:#c8dbea}
.auth-panel .input-field:focus{border-color:#247dc1;box-shadow:0 0 0 3px rgba(36,125,193,.16)}
.auth-panel .text-slate-600,.auth-panel .text-slate-500{color:#526a80!important}
.auth-panel .text-brand-700{color:#155c9b!important}
.auth-panel .auth-alert--error{color:#991b1b;background:#fef2f2;border-color:#fecaca}
.auth-back{color:#526a80}
.auth-back:hover{color:#102d4f}
.text-white{color:#fff}
.relative{position:relative}
.overflow-hidden{overflow:hidden}
.max-w-md{max-width:28rem}
.mx-auto{margin-left:auto;margin-right:auto}
.mb-8{margin-bottom:2rem}
.mb-6{margin-bottom:1.5rem}
.mt-6{margin-top:1.5rem}
.mt-2{margin-top:.5rem}
.mt-8{margin-top:2rem}
.inline-flex{display:inline-flex}
.justify-center{justify-content:center}
.text-center{text-align:center}
.space-y-5>*+*{margin-top:1.25rem}
.w-full{width:100%}
.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}
.rounded-xl{border-radius:.75rem}
.px-4{padding-left:1rem;padding-right:1rem}
.py-3{padding-top:.75rem;padding-bottom:.75rem}
.text-red-700{color:#b91c1c}
.bg-red-50{background:#fef2f2}
.border-red-200{border-color:#fecaca}
.items-center{align-items:center}
.gap-2{gap:.5rem}
.rounded{border-radius:.25rem}

/* Rich hero */
.hero-home-rich{position:relative;background:linear-gradient(145deg,#eff6ff 0%,#f0fdfa 35%,#f8fafc 70%,#fff 100%)}
.hero-pattern{position:absolute;inset:0;opacity:.35;background-image:radial-gradient(rgba(37,99,235,.15) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}
.hero-glow-ring{position:absolute;inset:-12px;border-radius:1.5rem;background:linear-gradient(135deg,rgba(37,99,235,.35),rgba(20,184,166,.35));filter:blur(20px);opacity:.55}
.hero-badge-premium{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem;font-size:.75rem;font-weight:600;color:#1e40af;background:rgba(255,255,255,.92);border:1px solid #BBD2E7;border-radius:9999px;box-shadow:0 4px 14px rgba(37,99,235,.12)}
.hero-badge-dot{position:relative;display:inline-block;width:.5rem;height:.5rem;border-radius:9999px;background:#14b8a6}
.trust-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.75rem;font-weight:600;color:#334155;background:rgba(255,255,255,.85);border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.hero-orb{position:absolute;border-radius:9999px;filter:blur(48px);pointer-events:none}
.z-\[1\]{z-index:1}
.leading-\[1\.12\]{line-height:1.12}
.bg-clip-text{-webkit-background-clip:text;background-clip:text}
.text-transparent{color:transparent}
.from-brand-600{--tw-gradient-from:#155C9B}
.to-teal-600{--tw-gradient-to:#0d9488}
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-from,#155C9B),var(--tw-gradient-to,#0d9488))}
.via-brand-500{--tw-gradient-via:#3b82f6}
.animate-float{animation:float 6s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}
.lg\:block{display:none}
@media(min-width:1024px){.lg\:block{display:block}}
.from-white{--tw-gradient-from:#fff}
.to-teal-50{--tw-gradient-to:#f0fdfa}
.mt-4{margin-top:1rem}
.gap-2{gap:.5rem}
.gap-x-4{column-gap:1rem}
.gap-y-2{row-gap:.5rem}
.h-\[3px\]{height:3px}
.h-1\.5{width:.375rem;height:.375rem}
.w-1\.5{width:.375rem}
.absolute{position:absolute}
.-bottom-1{bottom:-.25rem}
.-left-2{left:-.5rem}
.-right-1{right:-.25rem}
.-top-3{top:-.75rem}
.top-8{top:2rem}
.z-10{z-index:10}
.z-20{z-index:20}
.inline-block{display:inline-block}
.tracking-\[0\.2em\]{letter-spacing:.2em}
.text-teal-300\/90{color:rgba(94,234,212,.9)}
.text-white\/85{color:rgba(255,255,255,.85)}
.text-white\/70{color:rgba(255,255,255,.7)}
.hover\:-translate-y-0\.5:hover{transform:translateY(-2px)}
.hover\:bg-white\/20:hover{background:rgba(255,255,255,.2)}
.lg\:grid-cols-\[1\.1fr_0\.9fr\]{grid-template-columns:1fr}
@media(min-width:1024px){.lg\:grid-cols-\[1\.1fr_0\.9fr\]{grid-template-columns:1.1fr .9fr}}
.-right-16{right:-4rem}
.-left-10{left:-2.5rem}
.h-48{height:12rem}
.w-48{width:12rem}
.h-40{height:10rem}
.w-40{width:10rem}
.bg-brand-400\/25{background:rgba(96,165,250,.25)}
.bg-teal-400\/30{background:rgba(45,212,191,.3)}

/* Rich CTA */
/* cta-premium defined in premium section below */
.cta-premium-orb{position:absolute;border-radius:9999px;filter:blur(48px);pointer-events:none}
.cta-feature-card{border-radius:.75rem;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);padding:1rem;backdrop-filter:blur(8px)}
.cta-feature-icon{display:flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:.5rem;background:rgba(255,255,255,.15);color:#5eead4}
.xl\:grid-cols-3{grid-template-columns:repeat(1,1fr)}
@media(min-width:1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){.lg\:grid-cols-1{grid-template-columns:1fr}}

/* Lab preview card (hero) */
.lab-preview-card{overflow:hidden;border-radius:1rem;border:1px solid #e2e8f0;background:#fff;box-shadow:0 20px 40px rgba(37,99,235,.12)}
.lab-preview-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #f1f5f9;background:linear-gradient(90deg,#f8fafc,#eff6ff)}
.lab-preview-brand{display:flex;align-items:center;gap:.625rem}
.lab-preview-logo{display:flex;height:2.25rem;width:2.25rem;align-items:center;justify-content:center;border-radius:.75rem;background:linear-gradient(135deg,#155C9B,#0d9488);font-size:.75rem;font-weight:700;color:#fff}
.lab-preview-title{font-size:.875rem;font-weight:700;color:#142A40}
.lab-preview-sub{font-size:10px;color:#64748b}
.lab-preview-live{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:10px;font-weight:700;color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px}
.lab-preview-live-dot{width:6px;height:6px;border-radius:9999px;background:#10b981}
.lab-preview-ribbon{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .75rem;font-size:10px;font-weight:600;color:#123D68;border-bottom:1px solid #f1f5f9}
.lab-preview-ribbon-sep{width:1px;height:.75rem;background:#cbd5e1}
.lab-preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.75rem;border-bottom:1px solid #f1f5f9}
.lab-preview-metric{border-radius:.5rem;border:1px solid #e2e8f0;padding:.5rem;text-align:center}
.lab-preview-metric--brand{border-color:#BBD2E7;background:#eff6ff}
.lab-preview-metric--teal{border-color:#99f6e4;background:#f0fdfa}
.lab-preview-metric-val{font-size:.875rem;font-weight:700;color:#123D68}
.lab-preview-metric--teal .lab-preview-metric-val{color:#0f766e}
.lab-preview-metric-lbl{font-size:10px;color:#64748b}
.lab-preview-body{padding:1rem}
.lab-preview-body>*+*{margin-top:1rem}
.lab-preview-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}
.lab-preview-pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem}
.lab-preview-step{display:flex;flex-direction:column;align-items:center;gap:.25rem}
.lab-preview-step-dot{width:8px;height:8px;border-radius:9999px;border:2px solid #e2e8f0;background:#fff}
.lab-preview-step.is-done .lab-preview-step-dot{border-color:#155C9B;background:#155C9B}
.lab-preview-step.is-active .lab-preview-step-dot{border-color:#14b8a6;background:#2dd4bf;box-shadow:0 0 0 3px rgba(45,212,191,.3)}
.lab-preview-step-text{font-size:9px;font-weight:600;color:#94a3b8}
.lab-preview-chart{border:1px solid #f1f5f9;border-radius:.75rem;padding:.75rem;background:linear-gradient(180deg,#fff,#f8fafc)}
.lab-preview-chart-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}
.lab-preview-trend{font-size:10px;font-weight:700;color:#047857;background:#ecfdf5;padding:.125rem .5rem;border-radius:.25rem}
.lab-preview-bars{display:flex;height:6rem;align-items:flex-end;justify-content:space-between;gap:.375rem}
.lab-preview-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:0}
.lab-preview-bar-track{display:flex;height:5rem;width:100%;align-items:flex-end;background:#f1f5f9;border-radius:.25rem}
.lab-preview-bar-fill{width:100%;min-height:12%;border-radius:.25rem .25rem 0 0;background:linear-gradient(180deg,#155C9B,#2dd4bf)}
.lab-preview-bar-day{font-size:9px;font-weight:600;color:#94a3b8}
.lab-preview-sample-row{display:flex;align-items:center;gap:.5rem;padding:.375rem .625rem;border:1px solid #f1f5f9;border-radius:.5rem;background:#fff}
.lab-preview-sample-dot{width:8px;height:8px;border-radius:9999px;flex-shrink:0}
.lab-preview-sample-dot--amber{background:#fbbf24}
.lab-preview-sample-dot--brand{background:#3b82f6}
.lab-preview-sample-dot--green{background:#10b981}
.lab-preview-sample-name{flex:1;font-size:.75rem;font-weight:500;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lab-preview-sample-status{font-size:10px;color:#94a3b8}
.space-y-1\.5>*+*{margin-top:.375rem}
.space-y-4>*+*{margin-top:1rem}
.grid-cols-4{grid-template-columns:repeat(4,1fr)}
.gap-1{gap:.25rem}
.gap-1\.5{gap:.375rem}
.gap-2\.5{gap:.625rem}
.text-\[9px\]{font-size:9px}
.text-\[10px\]{font-size:10px}
.border-teal-100{border-color:#ccfbf1}
.bg-teal-50\/80{background:rgba(240,253,250,.8)}
.border-brand-100{border-color:#EAF3FB}
.bg-brand-50\/80{background:rgba(239,246,255,.8)}
.border-emerald-200{border-color:#a7f3d0}
.bg-emerald-50{background:#ecfdf5}
.text-emerald-700{color:#047857}
.from-slate-50{--tw-gradient-from:#f8fafc}
.to-brand-50\/50{--tw-gradient-to:rgba(239,246,255,.5)}
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-from,#f8fafc),var(--tw-gradient-to,#eff6ff))}
.from-white{--tw-gradient-from:#fff}
.to-slate-50\/80{--tw-gradient-to:rgba(248,250,252,.8)}
.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-from,#fff),var(--tw-gradient-to,#f8fafc))}
.from-brand-600{--tw-gradient-from:#155C9B}
.to-teal-400{--tw-gradient-to:#2dd4bf}
.items-end{align-items:flex-end}
.h-20{height:5rem}
.h-24{height:6rem}
.min-w-0{min-width:0}
.flex-1{flex:1 1 0%}
.is-done,.is-active{}

/* Premium hero + sections */
.nav-phone{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#334155}
.hero-premium{position:relative;overflow:hidden;min-height:calc(100vh - 6.25rem);display:flex;align-items:center;background:linear-gradient(165deg,#f8fafc,#f1f5f9 48%,#f8fafc);padding:2rem 0 3rem}
.hero-premium-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hero-premium-shape{position:absolute;border-radius:9999px;filter:blur(60px)}
.hero-premium-shape--1{width:28rem;height:28rem;top:-6rem;right:8%;background:rgba(168,85,39,.12)}
.hero-premium-shape--2{width:22rem;height:22rem;bottom:-4rem;left:-4rem;background:rgba(12,31,53,.06)}
.hero-premium-inner{position:relative;z-index:1;width:100%}
.hero-premium-grid{display:grid;gap:2.5rem;align-items:center}
@media(min-width:1024px){.hero-premium-grid{grid-template-columns:1.05fr .95fr;gap:4rem}}
.hero-premium-badge{display:inline-flex;align-items:center;gap:.625rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:#132a45;background:rgba(255,255,255,.8);border:1px solid rgba(8,22,40,.1);border-radius:9999px}
.hero-premium-badge-dot{width:.5rem;height:.5rem;border-radius:9999px;background:#247dc1}
.hero-premium-title{margin-top:1.5rem;font-size:2.25rem;font-weight:700;line-height:1.08;color:#142A40}
@media(min-width:640px){.hero-premium-title{font-size:3rem}}
@media(min-width:1024px){.hero-premium-title{font-size:3.35rem}}
.hero-premium-accent{display:block;color:#247dc1}
.hero-premium-lead{margin-top:1.5rem;max-width:36rem;font-size:1.125rem;line-height:1.65;color:#475569}
@media(min-width:768px){.hero-premium-lead{font-size:1.25rem}}
.hero-premium-actions{margin-top:2rem;display:flex;flex-wrap:wrap;gap:1rem}
.hero-premium-trust{margin:2.5rem 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
@media(min-width:640px){.hero-premium-trust{grid-template-columns:repeat(4,1fr)}}
.hero-premium-trust-item{display:flex;align-items:flex-start;gap:.75rem;font-size:.875rem;font-weight:500;color:#475569}
.hero-premium-trust-icon{display:flex;width:2.75rem;height:2.75rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.75rem;border:1px solid rgba(16, 45, 79,.08);background:#fff;color:#247dc1}
.hero-premium-visual{position:relative}
.hero-premium-frame{position:relative;margin:0;border-radius:1.75rem;overflow:hidden;box-shadow:0 32px 64px rgba(16, 45, 79,.14)}
.hero-premium-image{display:block;width:100%;object-fit:cover;aspect-ratio:5/4;min-height:20rem}
@media(min-width:1024px){.hero-premium-image{min-height:28rem;aspect-ratio:4/3}}
.hero-premium-frame-glow{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(8,22,40,.18));pointer-events:none}
.hero-float-card{position:absolute;display:flex;align-items:center;gap:.75rem;max-width:15rem;padding:.75rem 1rem;border-radius:1rem;box-shadow:0 16px 32px rgba(16, 45, 79,.12);backdrop-filter:blur(8px)}
.hero-float-card--accent{top:1.25rem;right:-.5rem;border:1px solid rgba(168,85,39,.2);background:rgba(255,255,255,.94)}
@media(min-width:1024px){.hero-float-card--accent{right:1.5rem}}
.hero-float-card--light{bottom:1.25rem;left:-.5rem;border:1px solid rgba(16, 45, 79,.08);background:rgba(255,255,255,.96)}
@media(min-width:1024px){.hero-float-card--light{left:1.5rem}}
.hero-float-card-icon{display:flex;width:2.5rem;height:2.5rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.75rem;background:#f0f9e8;color:#247dc1}
.hero-float-card-icon--navy{background:#142A40;color:#fff}
.hero-float-card-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#64748b}
.hero-float-card-value{font-size:.875rem;font-weight:700;color:#142A40}
.band-stats{background:#142A40}
.band-stats-grid{display:grid;grid-template-columns:repeat(2,1fr)}
@media(min-width:768px){.band-stats-grid{grid-template-columns:repeat(4,1fr)}}
.band-stat{display:flex;align-items:center;gap:1rem;padding:1.75rem 1.25rem;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
@media(min-width:768px){.band-stat{padding:2rem 1.5rem;border-bottom:none}.band-stat:last-child{border-right:none}}
.band-stat-icon{display:flex;width:3rem;height:3rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.75rem;background:rgba(255,255,255,.1);color:#d9a882}
.band-stat-value{font-size:1.5rem;font-weight:700;color:#fff}
.band-stat-label{font-size:.875rem;color:rgba(255,255,255,.65);margin-top:.125rem}
.service-grid-premium{display:grid;gap:1.25rem}
@media(min-width:640px){.service-grid-premium{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.service-grid-premium{grid-template-columns:repeat(3,1fr);gap:1.5rem}}
.service-premium{display:flex;flex-direction:column;height:100%;padding:1.5rem;background:#fff;border:1px solid rgba(16, 45, 79,.08);border-radius:1rem;box-shadow:0 1px 3px rgba(8,22,40,.06)}
.service-premium-icon{display:flex;width:3.5rem;height:3.5rem;align-items:center;justify-content:center;margin-bottom:1.25rem;border-radius:1rem;background:#f0f9e8;color:#247dc1}
.service-premium-title{font-size:1.25rem;font-weight:700;color:#142A40}
.service-premium-desc{margin-top:.5rem;flex:1;font-size:1rem;line-height:1.6;color:#475569}
.service-premium-meta{display:inline-flex;margin-top:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;color:#8a4520;background:#f1f5f9;border-radius:9999px}
.service-premium-link{display:inline-flex;align-items:center;gap:.375rem;margin-top:1.25rem;font-size:.875rem;font-weight:700;color:#247dc1;text-decoration:none}
.quality-panel{overflow:hidden;border-radius:1.5rem;padding:2.5rem 1.5rem;color:#fff;background:linear-gradient(145deg,#0F1C12,#142A40)}
@media(min-width:768px){.quality-panel{padding:3.5rem 3rem}}
.quality-grid{display:grid;gap:1rem;margin-top:2rem}
@media(min-width:640px){.quality-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.quality-grid{grid-template-columns:repeat(4,1fr)}}
.quality-item{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;text-align:center;border:1px solid rgba(255,255,255,.1);border-radius:1rem;background:rgba(255,255,255,.05)}
.quality-item-icon{display:flex;width:2.75rem;height:2.75rem;align-items:center;justify-content:center;border-radius:.75rem;background:#247dc1;color:#fff}
.quality-item p{font-size:.875rem;font-weight:600;color:rgba(255,255,255,.9)}
.package-grid{display:grid;gap:1.25rem}
@media(min-width:640px){.package-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.package-grid{grid-template-columns:repeat(4,1fr)}}
.package-card{display:flex;flex-direction:column;padding:1.5rem;background:#fff;border:1px solid rgba(16, 45, 79,.08);border-radius:1rem}
.package-card--featured{border-color:#d9a882;box-shadow:0 0 0 2px rgba(168,85,39,.15)}
.package-card-badge{display:inline-flex;margin-bottom:.75rem;padding:.25rem .75rem;font-size:10px;font-weight:700;text-transform:uppercase;color:#fff;background:#247dc1;border-radius:9999px}
.package-card-name{font-size:1.125rem;font-weight:700;color:#142A40}
.package-card-price{margin-top:.5rem;font-size:1.875rem;font-weight:700;color:#247dc1}
.package-card-meta{font-size:.875rem;color:#64748b}
.package-card-features{flex:1;margin-top:1.25rem;padding:1.25rem 0 0;border-top:1px solid #ebe3d6;list-style:none;font-size:.875rem;color:#475569}
.package-card-features li{display:flex;align-items:flex-start;gap:.5rem;margin-top:.625rem}
.testimonial-grid{display:grid;gap:1.25rem}
@media(min-width:768px){.testimonial-grid{grid-template-columns:repeat(3,1fr)}}
.testimonial-card{padding:1.75rem;background:#fff;border:1px solid rgba(16, 45, 79,.08);border-radius:1rem}
.testimonial-card p{font-size:1rem;line-height:1.65;color:#475569}
.testimonial-card footer{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #ebe3d6}
.testimonial-card cite{display:block;font-size:1rem;font-weight:700;color:#142A40;font-style:normal}
.testimonial-card footer span{display:block;margin-top:.25rem;font-size:.875rem;color:#64748b}
.cta-premium{position:relative;overflow:hidden;border-radius:1.5rem;padding:2.5rem 1.5rem;background:linear-gradient(135deg,#0F1C12,#132a45 55%,#142A40);box-shadow:0 28px 56px rgba(8,22,40,.28)}
@media(min-width:768px){.cta-premium{padding:3rem}}
.cta-feature-card{border-radius:.75rem;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);padding:1rem}
.cta-feature-icon{display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border-radius:.5rem;background:rgba(168,85,39,.8);color:#fff}
.text-brand-300{color:#d9a882}
.mt-12{margin-top:3rem}
.hidden{display:none}
@media(min-width:1280px){.xl\:inline-flex{display:inline-flex}}
.w-full{width:100%}
.mt-auto{margin-top:auto}
.justify-center{justify-content:center}

/* About page */
.about-section{padding:3rem 0}
@media(min-width:768px){.about-section{padding:3.5rem 0}}
@media(min-width:1024px){.about-section{padding:4rem 0}}
.about-hero{position:relative;overflow:hidden;padding:1.5rem 0 2.5rem;background:linear-gradient(165deg,#f8fafc,#f1f5f9 50%,#f8fafc)}
.about-hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.about-hero-shape{position:absolute;border-radius:9999px;filter:blur(64px)}
.about-hero-shape--1{width:24rem;height:24rem;top:-5rem;right:5%;background:rgba(168,85,39,.1)}
.about-hero-shape--2{width:18rem;height:18rem;bottom:0;left:-3rem;background:rgba(12,31,53,.05)}
.about-hero-inner{position:relative;z-index:1}
.about-hero-grid{display:grid;gap:2rem;align-items:center}
@media(min-width:1024px){.about-hero-grid{grid-template-columns:1.05fr .95fr;gap:3.5rem}}
.about-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;color:#64748b}
.about-breadcrumb a{color:#475569;font-weight:500;text-decoration:none}
.about-hero-title{margin-top:.75rem;font-size:2.25rem;font-weight:700;line-height:1.08;color:#142A40}
@media(min-width:640px){.about-hero-title{font-size:3rem}}
.about-hero-lead{margin-top:1.25rem;max-width:36rem;font-size:1.125rem;line-height:1.65;color:#475569}
.about-hero-highlights{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}
.about-hero-highlight{display:flex;min-width:9rem;flex-direction:column;padding:.75rem 1rem;background:rgba(255,255,255,.8);border:1px solid rgba(16, 45, 79,.08);border-radius:.75rem}
.about-hero-highlight-value{font-size:1.5rem;font-weight:700;color:#142A40}
.about-hero-highlight-label{margin-top:.125rem;font-size:.75rem;color:#64748b}
.about-hero-visual{position:relative}
.about-hero-frame{position:relative;margin:0;overflow:hidden;border-radius:1.5rem;box-shadow:0 24px 48px rgba(16, 45, 79,.12)}
.about-hero-image{display:block;width:100%;object-fit:cover;aspect-ratio:5/4;min-height:16rem}
.about-hero-badge{position:absolute;bottom:1rem;left:1rem;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.75rem;font-weight:600;background:#fff;border-radius:.75rem;box-shadow:0 10px 24px rgba(16, 45, 79,.12)}
.about-mission{background:#fff;border-top:1px solid rgba(8,22,40,.06);border-bottom:1px solid rgba(8,22,40,.06)}
.about-mission-grid{display:grid;gap:2.5rem}
@media(min-width:1024px){.about-mission-grid{grid-template-columns:.95fr 1.05fr;gap:3.5rem}}
.about-section-title{margin-top:.75rem;font-size:1.875rem;font-weight:700;color:#142A40}
.about-prose{margin-top:1.25rem;max-width:42rem;line-height:1.65;color:#475569}
.about-features-grid{display:grid;gap:.875rem}
@media(min-width:640px){.about-features-grid{grid-template-columns:repeat(2,1fr)}}
.about-feature-card{display:flex;gap:.875rem;padding:1rem;background:#f8fafc;border:1px solid rgba(16, 45, 79,.08);border-radius:.75rem}
.about-feature-icon{display:flex;width:2.75rem;height:2.75rem;flex-shrink:0;align-items:center;justify-content:center;background:#fff;color:#247dc1;border-radius:.75rem}
.about-quality{background:linear-gradient(180deg,#f1f5f9,#f8fafc)}
.about-quality-head{max-width:42rem;margin:0 auto;text-align:center}
.about-cert-grid{display:grid;gap:1rem;margin-top:2.5rem}
@media(min-width:640px){.about-cert-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.about-cert-grid{grid-template-columns:repeat(4,1fr)}}
.about-cert-card{padding:1.25rem;background:#fff;border:1px solid rgba(16, 45, 79,.08);border-radius:1rem}
.about-cert-icon{display:flex;width:3rem;height:3rem;align-items:center;justify-content:center;margin-bottom:1rem;background:#f0f9e8;color:#247dc1;border-radius:.75rem}
.about-cta-section{padding:2.5rem 0;background:#f8fafc}
.about-cta-card{position:relative;overflow:hidden;border-radius:1.5rem;border:1px solid rgba(16, 45, 79,.08);background:#fff;box-shadow:0 16px 40px rgba(16, 45, 79,.08)}
.about-cta-bg{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#f8fafc 0%,#fff 40%,#fff 100%)}
.about-cta-layout{position:relative;z-index:1;display:flex;flex-direction:column;gap:2rem;padding:1.75rem}
@media(min-width:1024px){.about-cta-layout{flex-direction:row;align-items:center;gap:2.5rem;padding:2.25rem 2.5rem}}
.about-cta-main{flex:1 1 auto;min-width:0}
.about-cta-eyebrow{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:#247dc1}
.about-cta-title{margin-top:.5rem;font-size:1.75rem;font-weight:700;line-height:1.2;color:#142A40}
@media(min-width:640px){.about-cta-title{font-size:1.875rem}}
.about-cta-text{margin-top:.75rem;font-size:1rem;line-height:1.65;color:#475569}
.about-cta-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.25rem}
.about-cta-call{font-size:.875rem;font-weight:600;color:#142A40;text-decoration:none}
.about-cta-perks{display:grid;grid-template-columns:1fr;gap:.625rem;margin:1.5rem 0 0;padding:0;list-style:none}
@media(min-width:640px){.about-cta-perks{grid-template-columns:repeat(3,1fr)}}
.about-cta-perks li{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;font-size:.75rem;font-weight:600;color:#475569;background:#f8fafc;border:1px solid rgba(16, 45, 79,.08);border-radius:.75rem}
.about-cta-perk-icon{display:flex;width:2rem;height:2rem;flex-shrink:0;align-items:center;justify-content:center;background:#fff;color:#247dc1;border-radius:.5rem}
.about-cta-aside{position:relative;width:100%;max-width:22rem;margin:0 auto}
@media(min-width:1024px){.about-cta-aside{flex:0 0 340px;width:340px;max-width:340px;margin:0}}
.about-cta-frame{margin:0;overflow:hidden;border-radius:1.25rem;box-shadow:0 20px 40px rgba(16, 45, 79,.12)}
.about-cta-image{display:block;width:100%;max-height:16rem;aspect-ratio:4/3;object-fit:cover;object-position:center}
.about-cta-stat{position:absolute;right:1rem;bottom:1rem;display:flex;flex-direction:column;padding:.625rem .875rem;background:#fff;border:1px solid rgba(16, 45, 79,.08);border-radius:.75rem;box-shadow:0 10px 24px rgba(16, 45, 79,.12)}
.about-cta-stat-value{font-size:1.25rem;font-weight:700;color:#247dc1}
.about-cta-stat-label{font-size:11px;color:#64748b;margin-top:.125rem}
.flex{display:flex}

/* Services page */
.services-hero{position:relative;overflow:hidden;padding:1.25rem 0 1.75rem;border-bottom:1px solid rgba(8,22,40,.06);background:linear-gradient(165deg,#f8fafc,#f1f5f9 45%,#f8fafc)}
.services-hero-inner{position:relative;z-index:1}
.services-breadcrumb{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;color:#64748b}
.services-breadcrumb a{color:#475569;font-weight:500;text-decoration:none}
.services-hero-body{display:flex;flex-direction:column;gap:1.25rem}
@media(min-width:768px){.services-hero-body{flex-direction:row;align-items:flex-end;justify-content:space-between}}
.services-hero-title{margin-top:.5rem;font-size:1.875rem;font-weight:700;color:#142A40}
@media(min-width:640px){.services-hero-title{font-size:2.25rem}}
.services-hero-lead{margin-top:.75rem;max-width:42rem;font-size:1rem;line-height:1.65;color:#475569}
.services-hero-chips{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0}
.services-hero-chips li{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;background:#fff;border:1px solid rgba(16, 45, 79,.08);border-radius:9999px}
.services-hero-chip-icon{display:flex;width:1.75rem;height:1.75rem;align-items:center;justify-content:center;background:#f0f9e8;color:#247dc1;border-radius:9999px}
.services-section{padding:2.5rem 0}
@media(min-width:768px){.services-section{padding:3rem 0}}
.services-section--white{background:#fff}
.services-section--cream{background:#f8fafc;border-top:1px solid rgba(8,22,40,.05)}
.services-section-head{margin-bottom:2rem;max-width:42rem}
.services-section-head--center{margin-left:auto;margin-right:auto;text-align:center}
.services-section-title{margin-top:.5rem;font-size:1.5rem;font-weight:700;color:#142A40}
.services-section-desc{margin-top:.5rem;font-size:1rem;color:#475569}
.services-dept-grid{display:grid;gap:1rem}
@media(min-width:768px){.services-dept-grid{grid-template-columns:repeat(2,1fr)}}
.services-dept-card{display:flex;gap:1rem;padding:1.25rem;background:#fff;border:1px solid rgba(16, 45, 79,.08);border-radius:1rem;box-shadow:0 1px 3px rgba(8,22,40,.05)}
.services-dept-icon{display:flex;width:3rem;height:3rem;flex-shrink:0;align-items:center;justify-content:center;background:#f0f9e8;color:#247dc1;border-radius:.75rem}
.services-dept-name{font-size:1.125rem;font-weight:700;color:#142A40}
.services-dept-desc{margin-top:.375rem;font-size:.875rem;line-height:1.5;color:#475569}
.services-dept-meta{display:inline-flex;margin-top:.625rem;padding:.125rem .625rem;font-size:11px;font-weight:700;text-transform:uppercase;color:#8a4520;background:#f1f5f9;border-radius:9999px}
.services-test-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.625rem}
@media(min-width:640px){.services-test-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){.services-test-grid{grid-template-columns:repeat(4,1fr)}}
.services-test-pill{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:.75rem;font-weight:600;color:#142A40;background:#fff;border:1px solid rgba(16, 45, 79,.08);border-radius:.75rem;box-shadow:0 1px 2px rgba(8,22,40,.05)}
.services-test-check{display:flex;width:1.5rem;height:1.5rem;flex-shrink:0;align-items:center;justify-content:center;background:#247dc1;color:#fff;border-radius:.375rem}
.services-cta-section{padding:2rem 0;background:#f1f5f9}
.services-cta-card{position:relative;overflow:hidden;border-radius:1.25rem;border:1px solid rgba(8,22,40,.1);background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 12px 32px rgba(16, 45, 79,.08)}
.services-cta-layout{position:relative;z-index:1;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}
@media(min-width:1024px){.services-cta-layout{flex-direction:row;align-items:center;padding:1.75rem 2rem}}
.services-cta-eyebrow{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:#247dc1}
.services-cta-title{margin-top:.5rem;font-size:1.5rem;font-weight:700;color:#142A40}
.services-cta-text{margin-top:.5rem;font-size:.875rem;line-height:1.6;color:#475569}
.services-cta-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}
.services-cta-call{font-size:.875rem;font-weight:600;color:#142A40;text-decoration:none}
.services-cta-features{display:grid;grid-template-columns:repeat(2,1fr);gap:.625rem}
.services-cta-feature{display:flex;gap:.625rem;padding:.75rem;background:rgba(255,255,255,.9);border:1px solid rgba(16, 45, 79,.08);border-radius:.75rem}
.services-cta-feature-icon{display:flex;width:2.25rem;height:2.25rem;flex-shrink:0;align-items:center;justify-content:center;background:#f0f9e8;color:#247dc1;border-radius:.5rem}
.services-cta-feature-title{font-size:.75rem;font-weight:700;color:#142A40}
.services-cta-feature-desc{font-size:11px;color:#64748b;margin-top:.125rem}
.page-end-band{height:.5rem;background:linear-gradient(180deg,#f1f5f9,#fff)}
.site-footer{border-top:1px solid rgba(8,22,40,.06);background:#fff}
.site-footer-inner{padding:2rem 0}
.site-footer-grid{display:grid;gap:1.75rem}
@media(min-width:640px){.site-footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.site-footer-grid{grid-template-columns:1.4fr .8fr .9fr 1fr;gap:1.5rem}}
.site-footer-brand p{margin-top:.75rem;font-size:.875rem;line-height:1.6;color:#475569}
.site-footer-heading{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#142A40}
.site-footer-links{margin:.625rem 0 0;padding:0;list-style:none;font-size:.875rem}
.site-footer-links a{color:#475569;text-decoration:none}
.site-footer-portal{padding:1rem;background:#f8fafc;border:1px solid rgba(16, 45, 79,.08);border-radius:.75rem}
.site-footer-portal p{margin-top:.375rem;font-size:.875rem;color:#475569}
.site-footer-copy{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #ebe3d6;font-size:.75rem;text-align:center;color:#64748b}
.cta-block-section{padding-bottom:.5rem;background:#f1f5f9}
.cta-block-card{position:relative;overflow:hidden;border-radius:1.25rem;border:1px solid rgba(255,255,255,.12);background:linear-gradient(128deg,#102D4F,#123D68 42%,#155C9B);box-shadow:0 14px 32px rgba(16, 45, 79,.14)}
.cta-block-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 100% 0,rgba(168,85,39,.2),transparent 42%)}
.cta-block-layout{position:relative;z-index:1;display:flex;flex-direction:column;gap:1.125rem;padding:1.25rem 1.375rem}
@media(min-width:1024px){.cta-block-layout{flex-direction:row;align-items:center;padding:1.375rem 1.5rem}}
.cta-block-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:#d9a882}
.cta-block-title{margin-top:.375rem;font-size:1.5rem;font-weight:700;line-height:1.2;color:#fff}
.cta-block-text{margin-top:.5rem;font-size:.875rem;line-height:1.55;color:rgba(255,255,255,.75)}
.cta-block-actions{display:flex;flex-wrap:wrap;gap:.625rem;margin-top:1rem}
.cta-block-btn{display:inline-flex;align-items:center;padding:.625rem 1rem;font-size:.875rem;font-weight:600;border-radius:.5rem;text-decoration:none}
.cta-block-btn--primary{background:#fff;color:#142A40}
.cta-block-btn--ghost{border:1px solid rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.1)}
.cta-block-features{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}
.cta-block-feature{display:flex;gap:.5rem;padding:.5rem .625rem;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:.625rem}
.cta-block-feature-icon{display:flex;width:2rem;height:2rem;flex-shrink:0;align-items:center;justify-content:center;background:#102D4F;color:#fff;border-radius:.375rem}
.cta-block-feature-title{font-size:.75rem;font-weight:700;color:#fff}
.cta-block-feature-desc{font-size:10px;color:rgba(255,255,255,.6);margin-top:.125rem}
.text-brand-300{color:#d9a882}
.text-white{color:#fff}
.grid{display:grid}

/* Surabhi v2 marketing fallback (when Vite CSS unavailable) */
.site-header{position:fixed;inset:0 0 auto 0;z-index:100}
.site-header:not(.is-scrolled) .nav-phone{color:#123D68}
.site-header:not(.is-scrolled) .btn-outline-dark{color:#123D68;border-color:rgba(21, 92, 155,.28);background:#fff}
.site-header.is-scrolled .nav-phone{color:#123D68}
.site-topbar{background:linear-gradient(90deg,#F4F8FC 0%,#F8FAF6 48%,#EAF3FB 100%);border-bottom:1px solid rgba(21, 92, 155,.12);font-size:.75rem;color:#123D68}
.site-topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:2.525rem;padding:.2rem 0}
.site-navbar-wrap{background:rgba(255,250,244,.92);border-bottom:1px solid rgba(21, 92, 155,.08)}
.site-body .surabhi-logo{background:#fff;border-radius:.7rem;padding:.22rem;object-fit:contain;border:1px solid rgba(21, 92, 155,.12)}
.sb-page-hero{position:relative;overflow:hidden;padding:10.5rem 0 3.5rem;background:#102D4F;color:#fff}
.sb-page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 80% 20%,rgba(21, 92, 155,.35) 0%,transparent 60%),radial-gradient(ellipse 50% 60% at 10% 90%,rgba(21, 92, 155,.22) 0%,transparent 50%);pointer-events:none}
.sb-page-hero-inner{position:relative;z-index:1}
.sb-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;color:rgba(255,255,255,.5);margin-bottom:1.25rem}
.sb-breadcrumb a{color:#EAF3FB;text-decoration:none}
.sb-page-title{font-family:Outfit,system-ui,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.08;max-width:44rem;margin:0}
.sb-page-desc{margin-top:1rem;max-width:36rem;font-size:1.0625rem;line-height:1.65;color:rgba(255,255,255,.65)}
.sb-section{padding:4rem 0}
.sb-section--navy{background:linear-gradient(180deg,#123D68 0%,#102D4F 100%);color:#fff}
.sb-section--white{background:#fff}
.sb-section--surface{background:#F4F8FC}
.sb-section--tight{padding:3rem 0}
.sb-stats-wall{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.08);border-radius:1.75rem;overflow:hidden}
@media(min-width:768px){.sb-stats-wall--3{grid-template-columns:repeat(3,1fr)}}
.sb-stats-cell{padding:2rem 1.5rem;background:rgba(255,255,255,.04);text-align:center}
.sb-stats-cell strong{display:block;font-family:Outfit,system-ui,sans-serif;font-size:2.5rem;font-weight:800;color:#fff;line-height:1}
.sb-stats-cell span{display:block;margin-top:.5rem;font-size:.75rem;font-weight:600;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.06em}
.sb-split{display:grid;gap:3rem;align-items:center}
@media(min-width:1024px){.sb-split{grid-template-columns:1fr 1fr;gap:4rem}}
.sb-kicker{display:inline-flex;align-items:center;gap:.5rem;font-size:.6875rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#102D4F;margin-bottom:.75rem}
.sb-kicker::before{content:'';width:1.5rem;height:2px;background:#102D4F;border-radius:2px}
.sb-title{font-family:Outfit,system-ui,sans-serif;font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:800;line-height:1.1;color:#102D4F;margin:0}
.sb-lead{margin-top:.875rem;max-width:36rem;font-size:1.0625rem;line-height:1.65;color:#64748b}
.sb-section-head--center{text-align:center;max-width:36rem;margin:0 auto 3rem}
.sb-section-head--center .sb-kicker{justify-content:center}
.sb-why-grid{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:768px){.sb-why-grid--2{grid-template-columns:repeat(2,1fr)}}
.sb-why{padding:1.75rem;border-radius:1.25rem;background:#fff;border:1px solid rgba(21, 92, 155,.1)}
.sb-why h3{font-family:Outfit,system-ui,sans-serif;font-size:1rem;font-weight:700;color:#102D4F;margin:0}
.sb-why p{margin-top:.5rem;font-size:.875rem;line-height:1.6;color:#64748b}
.sb-cert-grid{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:768px){.sb-cert-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.sb-cert-grid{grid-template-columns:repeat(4,1fr)}}
.sb-cert{padding:1.75rem;border-radius:1.25rem;background:#fff;border:1px solid rgba(21, 92, 155,.1)}
.sb-cert h3{font-family:Outfit,system-ui,sans-serif;font-size:1rem;font-weight:700;color:#102D4F;margin:0}
.sb-cert p{margin-top:.5rem;font-size:.875rem;line-height:1.6;color:#64748b}
.sb-about-visual{margin:0;display:flex;flex-direction:column;align-items:center;gap:1rem}
.sb-about-brand{width:100%;max-width:22rem;padding:2.5rem 2rem;border-radius:2.25rem;background:linear-gradient(165deg,#fff 0%,#F4F8FC 100%);border:1px solid rgba(21, 92, 155,.1);box-shadow:0 24px 48px rgba(16, 45, 79,.08);text-align:center}
.sb-about-brand img{display:block;width:7rem;height:7rem;max-width:7rem;margin:0 auto;object-fit:contain}
.sb-about-caption{font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#64748b}
.sb-mission-list{margin-top:1.5rem;padding:0;list-style:none}
.sb-mission-list li{position:relative;padding:.625rem 0 .625rem 1.75rem;font-size:.9375rem;color:#64748b}
.sb-mission-list li::before{content:'';position:absolute;left:0;top:1rem;width:.5rem;height:.5rem;border-radius:50%;background:#102D4F}
.btn-glow{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:9999px;background:linear-gradient(135deg,#123D68,#102D4F);color:#fff;font-weight:700;text-decoration:none;border:none}
.mt-8{margin-top:2rem}
.sb-mission-panel{position:relative;display:grid;gap:0;border-radius:2.25rem;overflow:hidden;background:linear-gradient(135deg,#123D68,#155C9B 55%,#247DC1);box-shadow:0 32px 64px rgba(16, 45, 79,.18);min-height:28rem}
@media(min-width:1024px){.sb-mission-panel{grid-template-columns:1.05fr .95fr;align-items:stretch}}
.sb-mission-panel-body{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:2.5rem 2rem;color:#fff}
.sb-mission-photo{margin:0;min-height:16rem}
.sb-mission-photo img{display:block;width:100%;height:100%;min-height:16rem;object-fit:cover}
.sb-mission-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 2rem}
.sb-mission-chips span{padding:.4rem .85rem;border-radius:9999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);font-size:.75rem;font-weight:700;color:rgba(255,255,255,.88)}
.sb-kicker--light{color:#EAF3FB}
.sb-title--light{color:#fff}
.sb-lead--light{color:rgba(255,255,255,.65)}