/* Visual language shared with DISVEL: blue, white, condensed headings, lime accents. */
:root{--bg:#fff;--side:#f1f5f8;--paper:#fff;--ink:#17313e;--muted:#5f7079;--line:#dce5ec;--green:#397fc4;--lime:#efff78;--soft:#edf5fc;--red:#aa3636;--serif:Impact,"Arial Narrow",Arial,sans-serif;--sans:Arial,Helvetica,sans-serif}
body{background:#fff;color:var(--ink)}
.brand{font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:.04em}.brand small{color:#397fc4}.mini-mark{background:#397fc4!important}.brand-mark{background:url('/favicon.svg') center/contain no-repeat}
.public-shell{max-width:none;padding:0}.public-header{max-width:1280px;margin:auto;padding:26px 48px;border:0}.public-header .brand{font-size:23px}.public-nav{display:flex;align-items:center;gap:22px}.public-nav a{font-size:13px;color:var(--ink);font-weight:700;text-decoration:none}
.public-hero{position:relative;max-width:1280px;margin:auto;gap:74px;padding:80px 48px 90px;align-items:center;overflow:hidden}.public-hero:before{content:"";position:absolute;inset:0 0 0 59%;background:#17313e;clip-path:polygon(19% 0,100% 0,100% 100%,0 100%);z-index:0}.public-copy,.public-login{position:relative;z-index:1}.public-kicker,.eyebrow{color:#397fc4;font-size:11px;font-weight:800;letter-spacing:.18em}.public-copy h1{font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(50px,5.8vw,78px);line-height:1.01;font-weight:900;text-transform:uppercase;letter-spacing:-.015em;max-width:660px}.public-copy h1 em,.welcome h1 em{font-style:normal;color:#397fc4}.public-lead{font-family:Arial,sans-serif;line-height:1.65;color:#5f7079;max-width:460px}.public-status{background:#efff78!important;color:#17313e!important;border:0!important;border-radius:0!important;font-size:11px;font-weight:700;max-width:max-content;padding:10px 12px}.public-highlights{gap:9px!important}.public-highlights span{border-radius:0!important;background:#f0f5f9!important;color:#17313e!important;padding:8px 10px!important;font-size:11px}
.auth-card,.card,.suggestion,.settings-section,.composer,.note-box{border-radius:6px}.public-login{background:#fff;border:0;box-shadow:0 12px 42px #081e3330;padding:30px!important}.public-login h2{font-family:Impact,"Arial Narrow",sans-serif;text-transform:uppercase;font-size:34px;letter-spacing:.015em}.primary,.send,.new-chat{background:#397fc4!important;border-radius:3px!important;color:#fff}.primary:hover,.send:hover,.new-chat:hover{background:#2b69a5!important}.secondary{border-radius:3px}.field:focus,textarea:focus{outline-color:#397fc4}.public-details{max-width:1280px;margin:auto;padding:60px 48px 70px;border-top:1px solid #dce5ec}.public-detail-heading h2{font-size:40px;text-transform:uppercase;line-height:1.12;letter-spacing:0}.public-feature-grid article{border-radius:0;box-shadow:none;background:#fff!important;border-top:2px solid #397fc4;padding-top:20px}.public-feature-grid article>span{color:#397fc4!important}.public-feature-grid h3{font-family:Impact,"Arial Narrow",sans-serif;font-size:24px;text-transform:uppercase;font-weight:400}.public-footnote{background:#f1f5f8;color:#5f7079}.public-footer{background:#17313e;color:#c7d6dc;padding:26px 48px!important}.public-footer a,.public-footer button{color:#c7d6dc}.sidebar .nav button.active{background:#dfeefa!important;color:#245f97!important}.welcome h1{font-family:Impact,"Arial Narrow",sans-serif;text-transform:uppercase;font-size:54px;letter-spacing:0}.welcome .intro{font-family:Arial,sans-serif}.status-ok{background:#e6f2fb;color:#245f97}.message.user .message-body{background:#edf5fc}.page-header h1{font-family:Arial,sans-serif;font-size:32px;font-weight:800}.view-footer{color:#5f7079}
.download-shell{max-width:1120px;margin:auto;padding:32px 30px 70px}.download-heading{font-family:Impact,"Arial Narrow",sans-serif;font-size:64px;text-transform:uppercase;line-height:1.02;margin:55px 0 22px}.download-heading span{color:#397fc4}.download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:30px 0}.download-card{border:1px solid #dce5ec;padding:28px;display:flex;flex-direction:column;gap:15px}.download-card h2{font-size:25px;margin:0}.download-card p{color:#5f7079;line-height:1.65;margin:0}.download-card a{width:max-content;text-decoration:none;padding:12px 18px}.download-note{padding:16px;background:#efff78;color:#17313e;line-height:1.6}
@media(max-width:800px){.public-header{padding:22px}.public-nav{gap:12px}.public-hero{padding:36px 22px 50px;gap:35px}.public-hero:before{inset:50% 0 0;clip-path:none}.public-copy h1{font-size:56px}.public-login{margin:0}.public-details{padding:42px 22px}.public-detail-heading h2{font-size:32px}.public-footer{padding:24px 22px!important}.welcome h1{font-size:40px}.download-grid{grid-template-columns:1fr}.download-heading{font-size:46px}.public-nav a{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Keep contrast in the authenticated workspace, including the legacy sidebar rules. */
.sidebar{background:#17313e;color:#fff}.sidebar .brand small{color:#b6cbd6}.sidebar .nav button{color:#d6e3e9}.sidebar .nav button:hover,.sidebar .history-item:hover{background:#254756;color:#fff}.sidebar .nav button.active{background:#dfeefa!important;color:#245f97!important}.sidebar>.secondary{color:#d6e3e9;border-color:#829fae}.sidebar .usage-card p,.sidebar .profile small,.sidebar-title{color:#b6cbd6}.sidebar .history-item{color:#d6e3e9}.sidebar .history-item.current{color:#fff;background:#254756}.avatar{background:#397fc4}.billing-plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;background:transparent;border:0}.billing-plans .card{padding:24px;border:1px solid #dce5ec;border-radius:6px}.billing-plans h3{margin:0 0 14px;font-size:24px}.billing-plans p{min-height:0;margin:10px 0;font-size:14px;line-height:1.6}.billing-plans p strong{font-size:27px}.billing-plans details{margin:16px 0}.billing-plans summary{cursor:pointer}.billing-plans details p{margin:5px 0}.billing-plans .primary{margin-top:10px}.billing-plans button:disabled{cursor:not-allowed}
@media(max-width:760px){.billing-plans{grid-template-columns:1fr}}

/* In the mobile apps, make the existing-account sign-in immediately reachable. */
@media(max-width:800px){.store-client .public-hero{padding-top:12px;gap:32px}.store-client .public-login{order:-1}.store-client .public-hero:before{display:none}.store-client .public-copy h1{font-size:40px}}

/* Online status uses a neutral success colour; compact workspace header on phones. */
.preview-pill .dot{background:#2f8f5b}
@media(max-width:560px){.topbar{gap:8px}.topbar .breadcrumb{min-width:0;flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.topbar .breadcrumb>span{display:none}.topbar .breadcrumb .mobile-menu{display:inline-grid;vertical-align:middle;margin-right:6px}.topbar-actions{flex:0 0 auto}.topbar-actions button{white-space:nowrap}.topbar-actions .subtle{font-size:12px;padding:6px 4px}.topbar-actions .preview-pill{display:none}}
.sidebar .history-item.current{background:#dfeefa;color:#245f97;font-weight:600}