:root{color-scheme:light;--bg:#f5f8fc;--text:#203448;--muted:#60748a;--line:#d9e3ed;--mint:#137e68;--blue:#2376ad}
.ambient{background:radial-gradient(ellipse at 80% 28%,#77baff20,transparent 55%),radial-gradient(ellipse at 30% 5%,#62dfb31a,transparent 45%)}nav,.secondary{color:#405b73}.eyebrow{color:#557189}.gradient-text{background:linear-gradient(110deg,#13876b,#287faf);background-clip:text;-webkit-background-clip:text}.launch-note,.note-divider{color:#60748a}
.workspace{background:#fff;border-color:#ccdce9;box-shadow:0 26px 65px #27486918}.preview-badge{color:#526d83;border-color:#c7d9e6;background:#f4f8fc}.chat-sidebar{background:#eff5fa;color:#526d83}.new-chat{color:#345d6e;background:#fff}.sidebar-label{color:#61798d}.sidebar-item.active{background:#def1ea;color:#12694f}.chat-title,.answer-heading{color:#203448}.chat-menu,.sample-label{color:#60748a}.question{background:#eaf3fa;border-color:#d0e2ef;color:#27465e}.answer{color:#506b81}.vehicle-row{background:#f7fafc}.vehicle-icon{background:#e1edf7;color:#2875a3}.vehicle-row strong{color:#203448}.vehicle-row div>span,.answer-foot,.preview-note{color:#61748a}.match-tag{background:#e2f4ec;border-color:#b9dfce;color:#126c51}.chat-input{background:#fff;border-color:#ccdae7;color:#60748a}.workspace-bottom{background:#eff6fa;color:#405e76}.workspace-bottom span:not(.connection-dot){color:#60748a}
.context-strip{color:#405b73}.context-strip>span{color:#61748a}.feature-card{background:linear-gradient(145deg,#fff,#f8fbfd);box-shadow:0 8px 25px #28465d06}.feature-symbol{background:#e3f5ed;border-color:#b9dfce;color:#137e68}.feature-number,.development-note,.closing-status,.footer{color:#60748a}.feature-card p{color:#60748a}.feature-example{color:#3f6178}.closing{border-color:#cbdfea;background:radial-gradient(ellipse at 50% 0%,#def3ef,#eef5fb 70%)}.footer-brand{color:#203448}
@media(max-width:600px){.header .brand img{width:154px}.header nav{gap:12px}.header .nav-cta{padding:10px 12px;min-height:44px}.hero-actions .button{min-height:44px}.footer .brand img{max-width:180px}}
@media(max-width:600px){.header .brand img{width:128px}.header nav{gap:8px;font-size:12px}.header nav a[href*="login.asp"]{display:inline-flex;align-items:center;min-height:44px}.header .nav-cta{padding:10px 8px}.header .nav-cta span{margin-left:4px}}