/* SpendLens AI v4 — unified public experience */
:root{--sl-deep:#071a31;--sl-navy:#0d2f5d;--sl-blue:#123c73;--sl-blue2:#2e5b9a;--sl-cyan:#00b8d9;--sl-sky:#67a7ff;--sl-green:#2cb67d;--sl-gold:#f5a623;--sl-white:#fff;--sl-text:#eef6ff;--sl-muted:#b8c7d9;--sl-line:rgba(255,255,255,.13);--sl-shadow:0 28px 90px rgba(3,18,38,.32)}
body{background:radial-gradient(circle at 8% 6%,rgba(0,184,217,.18),transparent 27%),radial-gradient(circle at 90% 0%,rgba(103,167,255,.18),transparent 26%),linear-gradient(145deg,#071a31,#06111f 58%,#091b30)!important}
.nav{background:rgba(7,26,49,.82)!important;border-bottom:1px solid rgba(255,255,255,.09)!important;box-shadow:0 8px 32px rgba(0,0,0,.12)}
.logo-mark{background:linear-gradient(135deg,var(--sl-cyan),var(--sl-sky))!important;box-shadow:0 12px 34px rgba(0,184,217,.25)!important}
.btn-primary{background:linear-gradient(135deg,var(--sl-cyan),var(--sl-sky))!important;color:#04101d!important;box-shadow:0 16px 40px rgba(0,184,217,.2)!important}
.btn-primary:hover{box-shadow:0 20px 52px rgba(0,184,217,.34)!important;transform:translateY(-2px)}
.hero{position:relative;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(0,184,217,.045) 1px,transparent 1px),linear-gradient(rgba(0,184,217,.04) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 82%)}
.eyebrow{border-color:rgba(0,184,217,.32)!important;background:rgba(0,184,217,.11)!important;color:#c7f7ff!important}
.gradient-text{background:linear-gradient(135deg,#fff 8%,#aaf5ff 46%,#9fc2ff 88%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.panel,.form-card,.info-card,.route-card,.addon,.flow-item,.cta,.contact-card,.assessment-card{backdrop-filter:blur(14px);border-color:rgba(255,255,255,.13)!important}
.form-card{box-shadow:0 30px 90px rgba(0,0,0,.28),0 0 0 1px rgba(0,184,217,.03) inset!important}
.info-card,.addon,.flow-item{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease!important}.info-card:hover,.addon:hover,.flow-item:hover{transform:translateY(-5px);border-color:rgba(0,184,217,.42)!important;box-shadow:0 18px 45px rgba(0,184,217,.10)}
input,select,textarea{transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}input:focus,select:focus,textarea:focus{border-color:rgba(0,184,217,.7)!important;box-shadow:0 0 0 4px rgba(0,184,217,.10)!important;outline:none}
.sl-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 24px}.sl-step{position:relative;padding:12px 13px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.05);color:#93a9bf;font-size:.82rem;font-weight:800}.sl-step b{display:block;color:inherit;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px}.sl-step.active{color:#fff;border-color:rgba(0,184,217,.48);background:linear-gradient(135deg,rgba(0,184,217,.18),rgba(103,167,255,.12));box-shadow:0 10px 30px rgba(0,184,217,.08)}.sl-step.done{color:#bdf6dd;border-color:rgba(44,182,125,.35);background:rgba(44,182,125,.09)}
footer{background:rgba(4,15,28,.52);border-top:1px solid rgba(255,255,255,.08)!important}.footer-admin{display:inline-flex!important;align-items:center;gap:7px;margin-top:7px!important;color:#8fa7bd!important;font-size:.86rem}.footer-admin:hover{color:#dff8ff!important}
@media(max-width:700px){.sl-progress{grid-template-columns:1fr}.sl-step:not(.active){display:none}}