@font-face { font-family:Inter; font-style:normal; font-weight:100 900; font-display:swap; src:url("/assets/fonts/inter-latin.woff2") format("woff2"); }
/* Public Front Desk marketing only. No dashboard or administration selectors. */
.public-brand { --navy-950:#080f16; --navy-900:#10222c; --teal-400:#87e8df; --teal-600:#176975; --radius:12px; --radius-lg:18px; color:#142632; background:#f6f8f7; }
.public-brand .site-header { background:rgba(246,248,247,.97); border-color:#d8e2de; }
.public-brand .brand-copy strong { color:#385173; }
.public-brand .brand-copy span { color:#176975; }
.public-brand .desktop-nav a { color:#435d67; font-weight:550; }
.public-brand .desktop-nav a:hover { color:#142632; }
.public-brand .button { border-radius:7px; font-size:13px; font-weight:650; box-shadow:none; }
.public-brand .button-primary { color:#080f16; background:#87e8df; }
.public-brand .button-dark { color:#f6faf9; background:#10222c; border-color:#10222c; }
.public-brand .hero { min-height:650px; color:#142632; background:radial-gradient(ellipse at 85% 45%,#deebe5 0,transparent 50%),#f6f8f7; }
.public-brand .hero:before { display:none; }
.public-brand .hero-grid { padding-top:80px; padding-bottom:80px; gap:55px; grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
.public-brand .hero h1 { font-size:clamp(48px,5vw,72px); font-weight:500; letter-spacing:-.06em; line-height:1.06; color:#142632; }
.public-brand .hero h1 span { color:#176975; }
.public-brand .hero-lede { color:#526570; font-size:17px; line-height:1.8; }
.public-brand .hero .eyebrow { color:#176975; font-size:10px; letter-spacing:.14em; }
.public-brand .hero .button-ghost { color:#142632; background:transparent; border-color:#a8bbb5; }
.public-brand .hero .phone-cta { color:#142632; }
.public-brand .hero .phone-cta small { color:#526570; }
.public-brand .proof-list { border-color:#d3dfda; }
.public-brand .proof-list li { color:#435d67; }
.public-brand .proof-list li:before { color:#176975; }
.public-brand .call-console { border:1px solid #c7d8d1; border-radius:14px; transform:none; box-shadow:0 24px 70px #193b4520; }
.public-brand .waveform span { animation:none; }
.public-brand .section-heading h2,.public-brand .fit-copy h2,.public-brand .brand-film h2 { font-weight:500; letter-spacing:-.045em; color:#142632; }
.public-brand .tier-card { border-radius:12px; box-shadow:none; }
.public-brand .outcome-strip { background:#eaf0ee; }
.public-brand .brand-film { background:#e8efec; border-block:1px solid #d3dfda; padding:80px 0; }
.public-brand .film-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:60px; align-items:center; }
.public-brand .brand-film h2 { font-size:clamp(36px,4vw,52px); line-height:1.1; margin:20px 0; }
.public-brand .brand-film p { color:#526570; font-size:15px; line-height:1.8; }
.public-brand .brand-film .button { margin-top:16px; }
.public-brand .brand-film video { display:block; width:100%; aspect-ratio:16/9; background:#080f16; border-radius:12px; }
.public-brand .film-transcript { margin-top:16px; font-size:12px; color:#435d67; }
.public-brand .film-transcript summary { cursor:pointer; padding:8px 0; }
.public-brand .film-transcript p { font-size:13px; }
.public-brand .site-footer { background:#080f16; }
.public-brand .site-footer .brand-copy strong { color:#f6faf9; }
.public-brand .site-footer .brand-copy span { color:#87e8df; }
.public-brand a:focus-visible,.public-brand button:focus-visible,.public-brand summary:focus-visible { outline:3px solid #176975; outline-offset:4px; }
@media(max-width:1000px) { .public-brand .hero-grid { grid-template-columns:1fr; gap:40px; } .public-brand .hero-copy { max-width:720px; } .public-brand .call-console { max-width:680px; width:100%; margin-inline:auto; } }
@media(max-width:700px) { .public-brand .hero-grid { padding-block:48px; } .public-brand .film-grid { grid-template-columns:1fr; gap:30px; } .public-brand .brand-film { padding:60px 0; } .public-brand .hero h1 { font-size:48px; } }
@media(prefers-reduced-motion:reduce) { .public-brand { scroll-behavior:auto; } .public-brand *, .public-brand *:before, .public-brand *:after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }

.public-brand .site-footer .brand img { background:#f6f8f7; border-radius:6px; padding:3px; }