/* Source of truth: backend/app/portal_assets/dashboard.css. */
:root{--blue:#135c89;--nav:#102f49;--ink:#18364d;--muted:#526779;--orange:#e79237;--line:#d9e4ed;--bg:#f3f7fa;--font:system-ui,-apple-system,"Segoe UI",sans-serif;--navy:var(--nav);--navy2:var(--blue);--deep:var(--nav);--amber:var(--orange);--gold:var(--orange);--poster-gold:var(--orange);--paper:var(--bg);--gold-gradient:linear-gradient(var(--orange),var(--orange))}
body{font-family:var(--font);color:var(--ink);background:var(--bg)}
h1,h2,h3{font-family:var(--font);letter-spacing:-.035em}
.top,.showcase,.platform,.closing,.footer{background:var(--nav)}
.top:before,.top:after,.flow:after{background:var(--blue)}
.hero h1{font-family:var(--font);letter-spacing:-.035em}
.hero h1 em,.platform h2 em{color:var(--orange)}
.hero h1 em:before,.live-strip:before{background:var(--orange)}
.contact-page .hero h1 em{color:var(--nav)}
.hero p,.hero .hero-detail,.hero-benefits p,.hero-note,.platform p,.platform-stages p,.showcase p,.closing p,.footer,.navlinks{color:#d4e4f0}
.hero-benefits strong,.platform-stages strong{font-family:var(--font)}
.security{background:var(--blue);border-color:var(--orange)}
.flow,.testimonials,.intro,.main{background:var(--bg);color:var(--ink)}
.flow h2,.testimonials h2,.form-panel h2{color:var(--ink)}
.flow-top p,.flow .eyebrow,.step p,.eyebrow.dark{color:var(--muted)}
.step,.step:not(:first-child),.feature,.testimonial{background:#fff;color:var(--ink);border-color:var(--line);border-radius:12px}
.step h3{color:var(--ink)}.step-no{background:var(--bg);color:var(--blue)}
.step-methods{color:var(--blue)}.testimonial{border-top-color:var(--orange)}
.btn.primary,.closing .btn,.send{background:var(--orange);color:var(--nav)}
.nav{gap:20px}.navlinks{gap:20px}.logo{flex-shrink:0}.logo img{height:auto}
.login-link,.signup-link{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:10px 14px;border:1px solid #d4e4f0;border-radius:8px;white-space:nowrap;color:#fff;font-weight:650}
.nav-cta{white-space:nowrap}.navlinks a{min-height:44px;display:inline-flex;align-items:center}
.info-panel{background:var(--blue)}.trial-note{background:var(--nav)}
.contact-grid{scroll-margin-top:20px}.social-links{flex-wrap:wrap}
:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
@media(min-width:701px) and (max-width:1150px){.nav{height:auto;min-height:88px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}.navlinks{gap:12px;flex-wrap:wrap}}
@media(max-width:750px){.navlinks{background:var(--nav)}.nav{position:relative}.navlinks.open{z-index:30}.logo img{width:180px}.contact-grid{min-width:0}.hero h1{white-space:normal}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.index-page .hero h1 em{color:var(--orange)}
.contact-page .hero h1 em{color:var(--nav)}

/* Use the official artwork, never an approximation of the logo lettering. */
.hero-logo{display:block;width:100%;max-width:550px;height:auto;margin-bottom:20px}
.signup-page .hero{padding-bottom:110px}
.signup-page .hero h1{white-space:normal;font-size:clamp(2.6rem,6vw,4.5rem)}
.signup-page .hero p+p{margin-top:20px}
.signup-panel{max-width:780px;background:white;border:1px solid var(--line);border-radius:12px}
.signup-panel .form-panel{padding:36px 20px}
.signup-panel .form-help a{text-decoration:underline}
.signup-panel [hidden]{display:none!important}
.signup-panel .form-status{margin-bottom:0}
.signup-panel .form-status[data-error="true"]{color:#b42318}
.signup-panel button:disabled{opacity:.65;cursor:wait}
@media(max-width:700px){.signup-panel{margin:0 16px;padding:0}.signup-panel .form-panel{padding:24px 20px}}
.signup-page .hero{padding-left:30px;padding-right:30px}
@media(max-width:700px){.signup-page .hero{padding-left:20px;padding-right:20px}}

.newsletter-choice{display:flex;gap:12px;align-items:flex-start;margin-top:22px;font-size:.95rem;font-weight:400}.newsletter-choice input{width:20px;height:20px;min-height:20px;flex:none;margin:3px 0;accent-color:var(--blue)}