/* Shared by the public website, sign-in and static policy exports. */
.public-site { --site-ink:#14161d; --site-text:#474c5a; --site-muted:#6b7180; --site-brand:#3d45c4; --site-line:#e7e9ef; --site-wash:#eeeffc; --site-header:76px; min-height:100dvh; display:flex; flex-direction:column; background:#fff; color:var(--site-text); font:14px/1.65 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.public-site * { box-sizing:border-box; }
.public-site h1,.public-site h2,.public-site h3,.public-site p { margin:0; }
.public-site h1,.public-site h2,.public-site h3 { color:var(--site-ink); line-height:1.2; }
.public-site a { color:inherit; text-decoration:none; }
.public-site a:focus-visible { outline:2px solid var(--site-brand); outline-offset:4px; border-radius:5px; }
.public-site main { flex:1; outline:none; }
.public-site [id] { scroll-margin-top:calc(var(--site-header) + 24px); }
.site-container { width:min(1180px,100%); margin-inline:auto; padding-inline:28px; }
.site-header { position:sticky; top:0; z-index:50; background:white; border-bottom:1px solid var(--site-line); }
.site-header-inner { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.site-brand { display:inline-flex; align-items:center; gap:10px; flex-shrink:0; }
.site-brand b { display:block; font-size:17px; letter-spacing:-.025em; font-weight:650; color:var(--site-ink); }
.site-brand small { display:block; font-size:11px; color:var(--site-muted); }
.site-mark { width:34px; height:34px; background:var(--site-brand); color:white; display:grid; place-items:center; border-radius:8px; font-size:20px; }
.site-nav { display:flex; align-items:center; gap:28px; margin-left:auto; font-size:13px; font-weight:500; }
.site-nav a:hover,.site-footer a:hover { color:var(--site-brand); }
.public-site .site-button { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:38px; padding:8px 15px; border:1px solid #dbdee7; border-radius:8px; color:var(--site-ink); background:white; font-size:13px; font-weight:600; line-height:1.4; }
.public-site .site-button:hover { background:var(--site-wash); }
.public-site .site-primary { color:#fff; background:var(--site-brand); border-color:var(--site-brand); }
.public-site .site-primary:hover { background:#333aaa; }
.site-skip { position:fixed; top:-100px; left:16px; z-index:100; background:white; padding:10px; }
.site-skip:focus { top:8px; }
.site-hero { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:64px; padding-block:80px; }
.site-eyebrow { display:block; font-size:12px; font-weight:600; color:var(--site-brand); margin-bottom:16px; }
.site-hero h1 { font-size:clamp(36px,4.2vw,56px); letter-spacing:-.045em; font-weight:650; }
.site-hero h1 em { color:var(--site-brand); font-style:normal; }
.site-hero p { margin-top:22px; max-width:470px; font-size:16px; line-height:1.8; color:var(--site-muted); }
.site-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
.site-hero-note { display:block; margin-top:14px; font-size:12px; color:var(--site-muted); }
.site-work-preview { border:1px solid var(--site-line); border-radius:14px; overflow:hidden; }
.site-preview-head { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding:16px 20px; border-bottom:1px solid var(--site-line); font-size:13px; }
.site-preview-head svg { color:var(--site-brand); }
.site-preview-head span { margin-left:auto; font-size:10px; color:var(--site-muted); }
.site-preview-client { display:flex; align-items:center; gap:12px; padding:22px; }
.site-preview-avatar { display:grid; place-items:center; width:42px; height:42px; background:var(--site-wash); color:var(--site-brand); border-radius:10px; }
.site-preview-client p { font-size:12px; margin-top:3px; }
.site-steps { padding:0 22px; margin:0; list-style:none; }
.site-steps li { display:flex; align-items:center; gap:14px; border-top:1px solid var(--site-line); padding:17px 0; }
.site-steps li > span { color:var(--site-brand); font-size:12px; font-variant-numeric:tabular-nums; }
.site-steps li > div { flex:1; }
.site-steps b { font-size:13px; }
.site-steps p { margin:3px 0 0; font-size:12px; line-height:1.6; }
.site-steps svg { color:var(--site-muted); flex-shrink:0; }
.site-preview-foot { display:flex; align-items:center; gap:8px; padding:14px 22px; background:#fbfbfd; border-top:1px solid var(--site-line); font-size:11px; color:var(--site-muted); }
.site-section { border-top:1px solid var(--site-line); padding-block:64px; }
.site-section-head h2,.site-ai h2,.site-cta h2 { font-size:clamp(26px,3vw,36px); letter-spacing:-.035em; font-weight:650; }
.site-section-head > p { margin-top:14px; max-width:580px; color:var(--site-muted); font-size:15px; }
.site-features { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin-top:36px; }
.site-features article { padding-block:10px 22px; border-bottom:1px solid var(--site-line); }
.site-feature-icon { display:grid; place-items:center; width:40px; height:40px; border:1px solid var(--site-line); border-radius:9px; color:var(--site-brand); margin-bottom:18px; flex-shrink:0; }
.site-features h3 { font-size:17px; letter-spacing:-.02em; }
.site-features p { margin-top:10px; color:var(--site-muted); }
.site-process { display:grid; grid-template-columns:1fr 1fr; gap:80px; }
.site-process ol { list-style:none; margin:0; padding:0; }
.site-process li { display:flex; gap:16px; padding:0 0 24px; }
.site-process li > span { display:grid; place-items:center; flex-shrink:0; width:28px; height:28px; border:1px solid var(--site-line); border-radius:50%; color:var(--site-brand); font-size:12px; }
.site-process h3 { font-size:16px; margin-bottom:8px; }
.site-process p { color:var(--site-muted); }
.site-ai { display:flex; gap:24px; align-items:flex-start; padding-block:48px; border-top:1px solid var(--site-line); }
.site-ai > div { flex:1; }
.site-ai p { max-width:640px; margin-top:16px; color:var(--site-muted); }
.site-cta { display:flex; align-items:center; justify-content:space-between; gap:28px; padding-block:52px 72px; }
.site-cta p { margin-top:12px; color:var(--site-muted); }
.site-footer { border-top:1px solid var(--site-line); background:white; }
.site-footer-top { display:flex; justify-content:space-between; flex-wrap:wrap; gap:32px; padding-block:32px; }
.site-footer-top p { margin-top:12px; font-size:12px; color:var(--site-muted); }
.site-footer nav { display:grid; grid-template-columns:1fr 1fr; align-content:start; gap:12px 32px; font-size:12px; }
.site-footer-contact { display:flex; flex-direction:column; gap:8px; font-size:12px; }
.site-footer-contact span { color:var(--site-muted); }
.site-footer-contact a { overflow-wrap:anywhere; }
.site-footer-bottom { display:flex; justify-content:space-between; gap:12px; padding-block:16px; border-top:1px solid var(--site-line); font-size:11px; color:var(--site-muted); }
.site-legal { padding-block:36px 48px; }
.site-legal h1,.site-contact h1 { font-size:36px; letter-spacing:-.035em; }
.site-legal .site-date { font-size:12px; }
.site-legal-layout { display:grid; grid-template-columns:230px minmax(0,1fr); gap:28px; margin-top:28px; align-items:start; }
.site-toc { position:sticky; top:calc(var(--site-header) + 20px); font-size:12px; max-height:calc(100dvh - var(--site-header) - 40px); overflow:auto; }
.site-toc nav { border:1px solid var(--site-line); border-radius:10px; padding:14px 8px 8px; }
.site-toc nav b { display:block; padding:0 10px 10px; color:var(--site-ink); font-size:13px; }
.site-toc nav a { display:block; padding:7px 10px; border-radius:6px; }
.site-toc nav a:hover,.site-toc nav a:focus-visible { background:var(--site-wash); color:var(--site-brand); }
.site-toc > p { margin:20px 8px 5px; color:var(--site-muted); }
.site-toc > a { margin-inline:8px; color:var(--site-brand); overflow-wrap:anywhere; }
.site-policy { min-width:0; border:1px solid var(--site-line); border-radius:12px; }
.site-policy-intro,.site-policy section { padding:24px 28px; }
.site-policy section + section,.site-policy-intro + section { border-top:1px solid var(--site-line); }
.site-policy h2 { font-size:17px; margin-bottom:12px; }
.site-policy p { margin-bottom:12px; }
.site-policy p:last-child { margin-bottom:0; }
.site-policy ul { padding-left:20px; margin:0 0 12px; }
.site-policy li { margin-bottom:8px; }
.site-policy a { color:var(--site-brand); text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
.site-contact { padding-block:64px 80px; }
.site-contact-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:40px; }
.site-contact-grid section { border:1px solid var(--site-line); border-radius:12px; padding:24px; }
.site-contact-grid svg { color:var(--site-brand); }
.site-contact-grid h2 { font-size:17px; margin-top:16px; }
.site-contact-grid p { margin:12px 0 20px; color:var(--site-muted); }
.site-contact-grid a { color:var(--site-brand); font-size:12px; overflow-wrap:anywhere; }
.site-contact-note { margin-top:24px !important; font-size:12px; color:var(--site-muted); }
@media(max-width:940px) { .site-hero { gap:28px; padding-block:48px; }.site-features { gap:24px; grid-template-columns:repeat(2,minmax(0,1fr)); }.site-contact-grid { grid-template-columns:1fr; }.site-process { gap:36px; } }
@media(max-width:760px) { .public-site { --site-header:120px; }.site-container { padding-inline:20px; }.site-header-inner { min-height:120px; flex-wrap:wrap; gap:12px; padding-block:14px; }.site-nav { order:3; width:100%; justify-content:center; margin:0; gap:28px; }.site-hero,.site-process { grid-template-columns:1fr; }.site-hero h1 { font-size:40px; }.site-work-preview { margin-top:8px; }.site-section { padding-block:40px; }.site-features { gap:22px; }.site-ai { flex-wrap:wrap; gap:16px; }.site-ai > div { flex-basis:calc(100% - 60px); }.site-cta { flex-direction:column; align-items:flex-start; }.site-legal-layout { grid-template-columns:1fr; gap:20px; }.site-toc { position:static; max-height:none; }.site-toc nav { display:grid; grid-template-columns:1fr 1fr; }.site-toc nav b { grid-column:1/-1; }.site-toc > p,.site-toc > a { display:none; }.site-policy-intro,.site-policy section { padding:20px; }.site-footer-top { gap:24px; }.site-footer-contact { width:100%; } }
@media(max-width:400px) { .site-container { padding-inline:16px; }.site-features { grid-template-columns:1fr; }.site-hero h1 { font-size:34px; }.site-toc nav { grid-template-columns:1fr; }.site-brand small { font-size:10px; } }
@media print { .site-header,.site-footer,.site-toc,.site-skip { display:none; }.site-legal-layout { display:block; }.site-policy { border:0; }.site-policy section { break-inside:avoid; } }

/* Public product experience: scoped away from authenticated application screens. */
.hp { overflow:hidden; }
.hp h1,.hp h2 { letter-spacing:-.045em; }
.hp-hero { display:grid; grid-template-columns:1fr 1.08fr; align-items:center; gap:54px; padding-block:88px 64px; }
.hp-kicker { display:inline-flex; align-items:center; gap:8px; font-size:12px; font-weight:600; margin-bottom:24px; }
.hp-kicker > span { width:7px; height:7px; border-radius:50%; background:var(--site-brand); box-shadow:0 0 0 5px #eeeffc; }
.hp-hero h1 { font-size:clamp(36px,4.1vw,58px); font-weight:650; line-height:1.12; }
.hp-hero h1 em { color:var(--site-brand); font-style:normal; }
.hp-hero-copy > p { font-size:16px; line-height:1.8; margin-top:24px; max-width:460px; }
.hp-hero-caption { display:flex; align-items:center; gap:8px; font-size:11px; color:var(--site-muted); margin-top:20px; }
.hp-hero-demo { min-width:0; position:relative; }
.hp-demo { border:1px solid #dfe2ef; border-radius:14px; background:white; box-shadow:0 20px 65px -28px #3d45c450; overflow:hidden; animation:hp-arrive .7s ease-out both; }
.hp-window { display:flex; align-items:center; gap:12px; padding:13px 16px; background:#f8f9fd; border-bottom:1px solid var(--site-line); font-size:10px; }
.hp-window > span { display:flex; gap:4px; }
.hp-window i { width:5px; height:5px; border-radius:50%; background:#cbd0e2; }
.hp-window small { margin-left:auto; font-size:9px; color:var(--site-muted); }
.hp-client { display:flex; align-items:center; gap:11px; padding:22px 18px; }
.hp-avatar { display:grid; place-items:center; width:38px; height:38px; border-radius:10px; background:var(--site-wash); color:var(--site-brand); font-weight:600; }
.hp-client small { display:block; font-size:10px; color:var(--site-muted); }
.hp-tag { margin-left:auto; color:var(--site-brand); background:var(--site-wash); padding:4px 7px; border-radius:5px; font-size:9px; }
.hp-demo-tabs { display:flex; flex-wrap:wrap; gap:0; padding:0; border:0; margin:0; min-width:0; }
.hp-demo-tabs > input { position:absolute; width:1px; height:1px; opacity:0; }
.hp-demo-tabs > label { flex:1; text-align:center; padding:11px 5px; border-block:1px solid var(--site-line); font-size:11px; cursor:pointer; }
.hp-demo-tabs > input:checked + label { color:var(--site-brand); background:var(--site-wash); box-shadow:inset 0 -2px var(--site-brand); font-weight:600; }
.hp-demo-tabs > input:focus-visible + label { outline:2px solid var(--site-brand); outline-offset:-4px; }
.hp-demo-panel { display:none; flex-basis:100%; min-width:0; min-height:306px; padding:20px 18px 0; animation:hp-arrive .3s ease-out; }
#preview-work:checked ~ .hp-work,#preview-chat:checked ~ .hp-chat,#preview-ai:checked ~ .hp-ai { display:block; }
.hp-demo-title { display:flex; justify-content:space-between; gap:10px; font-size:11px; margin-bottom:12px; }
.hp-demo-title > span { color:#8a6207; font-size:10px; }
.hp-task { display:flex; align-items:center; gap:10px; padding:14px 0; border-bottom:1px solid var(--site-line); font-size:11px; }
.hp-task b { font-weight:500; }
.hp-task small { margin-left:auto; font-size:9px; color:var(--site-muted); }
.hp-step,.hp-check { width:23px; height:23px; flex-shrink:0; display:grid; place-items:center; border-radius:50%; font-size:9px; background:var(--site-wash); color:var(--site-brand); }
.hp-check { background:#edf8f2; color:#23734c; }
.hp-demo-note { display:flex; align-items:center; gap:8px; font-size:10px; color:var(--site-muted); padding:17px 0; }
.hp-demo-note svg { flex-shrink:0; }
.hp-demo-caption { text-align:center; font-size:10px; color:var(--site-muted); margin-top:18px; }
.hp-chat-date { text-align:center; font-size:10px; color:var(--site-muted); margin-bottom:12px !important; }
.hp-bubble { padding:12px; background:#f5f7fa; border:1px solid var(--site-line); border-radius:9px 9px 9px 2px; font-size:12px; max-width:86%; margin-bottom:12px; }
.hp-bubble.hp-out { margin-left:auto; background:var(--site-wash); border-color:#e0e2fb; border-radius:9px 9px 2px 9px; }
.hp-bubble small { display:block; font-size:9px; color:var(--site-muted); text-align:right; margin-top:6px; }
.hp-file { display:flex; align-items:center; gap:6px; padding-top:8px; color:var(--site-brand); font-size:11px; }
.hp-ai-answer { display:flex; align-items:flex-start; gap:10px; font-size:12px; margin-top:20px; }
.hp-ai-answer > svg { flex-shrink:0; color:var(--site-brand); }
.hp-ai-answer p { margin-top:8px; font-size:11px; }
.hp-ai-answer summary { font-size:11px; margin-top:12px; color:var(--site-brand); }
.hp-principles { display:flex; justify-content:space-between; gap:18px; padding-block:24px; border-block:1px solid var(--site-line); }
.hp-principles > span { display:flex; align-items:center; gap:9px; font-size:12px; font-weight:500; }
.hp-principles svg { color:var(--site-brand); }
.hp-section { padding-block:88px; }
.hp-heading { max-width:660px; margin-bottom:40px; }
.hp-heading h2 { font-size:clamp(28px,3vw,40px); font-weight:600; }
.hp-heading p { margin-top:18px; max-width:560px; color:var(--site-muted); font-size:15px; }
.hp-journey { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; }
.hp-journey article { position:relative; }
.hp-journey-number { display:block; color:var(--site-brand); border-top:2px solid #dfe1f5; padding-top:18px; font-size:12px; margin-bottom:20px; }
.hp-journey h3 { font-size:17px; line-height:1.4; margin-bottom:12px; }
.hp-journey b { font-size:11px; font-weight:600; color:var(--site-brand); }
.hp-journey p { margin-top:8px; font-size:13px; color:var(--site-muted); }
.hp-band { background:#fafaff; border-block:1px solid #eef0f7; }
.hp-spotlights { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.hp-spotlight { background:white; padding:34px; border:1px solid var(--site-line); border-radius:14px; min-width:0; }
.hp-feature-label { display:flex; align-items:center; gap:9px; color:var(--site-brand); font-weight:600; font-size:12px; margin-bottom:24px; }
.hp-spotlight h3 { font-size:26px; letter-spacing:-.03em; margin-bottom:18px; }
.hp-spotlight p { font-size:14px; line-height:1.8; }
.hp-spotlight small { display:block; font-size:11px; color:var(--site-muted); margin-top:20px; }
.hp-mini-flow { display:flex; align-items:center; gap:9px; margin-top:26px; color:#247349; font-size:10px; }
.hp-mini-flow span { padding:8px; border-radius:6px; background:#f0f9f4; }
.hp-mini-flow svg { flex-shrink:0; }
.hp-prompt { margin-top:26px; padding:16px; background:var(--site-wash); color:var(--site-brand); border-radius:8px; font-size:13px; }
.hp-prompt span { display:block; font-size:10px; margin-top:9px; }
.hp-accounting { grid-column:1/-1; display:grid; grid-template-columns:1.2fr 1fr; gap:44px; align-items:center; }
.hp-connection { display:flex; align-items:center; justify-content:center; gap:16px; text-align:center; }
.hp-connection > div { display:flex; flex-direction:column; align-items:center; gap:10px; padding:22px 10px; }
.hp-connection b { font-size:12px; color:var(--site-ink); }
.hp-connection span { font-size:10px; color:var(--site-muted); }
.hp-connection svg { color:var(--site-brand); }
.hp-connection-line { border-block:1px dashed #c7caed; padding:12px 6px; }
.hp-connection-line small { margin-top:3px; font-size:9px; white-space:nowrap; }
.hp-heading-row { display:flex; align-items:end; justify-content:space-between; gap:50px; max-width:none; }
.hp-heading-row > p { max-width:350px; }
.hp-modules { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 40px; }
.hp-modules article { border-top:1px solid var(--site-line); padding:26px 0; }
.hp-modules svg { color:var(--site-brand); margin-bottom:18px; }
.hp-modules h3 { font-size:17px; margin-bottom:10px; }
.hp-modules p { color:var(--site-muted); font-size:13px; }
.hp-plans { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.hp-plan { display:flex; flex-direction:column; padding:28px; border:1px solid var(--site-line); border-radius:12px; background:white; }
.hp-plan-featured { border-color:var(--site-brand); box-shadow:0 8px 30px -22px var(--site-brand); }
.hp-plan-index { font-size:11px; color:var(--site-brand); margin-bottom:18px; }
.hp-plan h3 { font-size:22px; letter-spacing:-.03em; margin-bottom:12px; }
.hp-plan > p { font-size:13px; color:var(--site-muted); }
.hp-price { display:block; font-size:16px; margin-top:28px; font-weight:500; }
.hp-plan ul { list-style:none; padding:20px 0 28px; margin:0; flex:1; }
.hp-plan li { display:flex; gap:9px; align-items:flex-start; margin-bottom:12px; font-size:12px; }
.hp-plan li svg { flex-shrink:0; color:var(--site-brand); margin-top:3px; }
.hp-plan .site-button { font-size:12px; }
.hp-plan-note { font-size:11px; color:var(--site-muted); text-align:center; max-width:760px; margin:24px auto 0 !important; }
.hp-faq { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; }
.hp summary { cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:16px; list-style:none; }
.hp summary::-webkit-details-marker { display:none; }
.hp summary svg { flex-shrink:0; transition:transform .2s ease; }
.hp details[open] > summary svg { transform:rotate(180deg); }
.hp summary:focus-visible { outline:2px solid var(--site-brand); outline-offset:4px; }
.hp-faq details { border-bottom:1px solid var(--site-line); padding:20px 0; }
.hp-faq details:first-child { padding-top:0; }
.hp-faq summary { color:var(--site-ink); font-weight:500; }
.hp-faq details p { color:var(--site-muted); font-size:13px; padding-top:16px; }
.hp-close { background:#303878; color:#e1e3fa; text-align:center; padding:64px 24px; border-radius:18px; margin-bottom:72px; }
.hp-close .site-eyebrow { color:#c2c7ff; }
.hp-close h2 { color:white; font-size:clamp(28px,3.2vw,42px); margin-bottom:18px; }
.hp-close .site-button { margin-top:28px; }
.hp-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.hp .site-button { transition:transform .18s ease,background .18s ease; }
.hp .site-button:hover { transform:translateY(-2px); }
@keyframes hp-arrive { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:1050px) {
 .hp-hero { gap:28px; padding-top:60px; }
 .hp-principles { flex-wrap:wrap; justify-content:center; }
 .hp-plan { padding:22px; }
 .hp-tag { display:none; }
}
@media (max-width:800px) {
 .hp-hero,.hp-accounting,.hp-faq { grid-template-columns:1fr; gap:36px; }
 .hp-hero-copy { max-width:560px; }
 .hp-hero-demo { width:100%; max-width:600px; margin:auto; }
 .hp-journey,.hp-modules { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .hp-plans { grid-template-columns:1fr; }
 .hp-plan ul { padding-block:20px; }
 .hp-plan .site-button { align-self:flex-start; }
 .hp-heading-row { display:block; }
 .hp-heading-row > p { max-width:560px; }
 .hp-section { padding-block:60px; }
 .hp-spotlight { padding:24px; }
 .hp-mini-flow { flex-wrap:wrap; }
}
@media (max-width:540px) {
 .hp-hero { padding-block:40px; }
 .hp-spotlights,.hp-journey,.hp-modules { grid-template-columns:1fr; }
 .hp-journey { gap:26px; }
 .hp-journey-number { margin-bottom:12px; }
 .hp-principles { justify-content:flex-start; gap:16px 22px; }
 .hp-principles > span { font-size:11px; }
 .hp-window { gap:7px; padding-inline:12px; }
 .hp-window > span { display:none; }
 .hp-client { padding:18px 12px; }
 .hp-demo-panel { padding-inline:12px; }
 .hp-task { gap:7px; font-size:10px; }
 .hp-connection { gap:5px; }
 .hp-connection > div { padding-inline:0; }
 .hp-hero-caption { align-items:flex-start; }
 .hp-hero-caption svg { flex-shrink:0; }
 .hp-close { padding:40px 20px; margin-bottom:40px; }
}
@media (prefers-reduced-motion:reduce) {
 .hp *, .hp *::before, .hp *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}
@media(max-width:540px) { .site-nav { gap:18px; font-size:12px; } }

/* Homepage-only palette trial; policies, contact and app retain their theme. */
.public-site.public-home {
  --site-ink:#0a2261;
  --site-brand:#0a2261;
  --site-wash:#f4f7fb;
  --site-line:#e2e8f0;
}
.public-home .site-mark { background:#0a2261; }
.public-home .site-primary:hover { background:#163775; }
.public-home .hp-kicker > span { box-shadow:0 0 0 5px #edf6fb; }
.public-home .hp-demo { border-color:#d7e1ee; box-shadow:0 20px 65px -28px rgb(10 34 97 / 24%); }
.public-home .hp-window,.public-home .hp-band { background:#f4f7fb; }
.public-home .hp-band { border-color:#e2e8f0; }
.public-home .hp-window i { background:#bbcadd; }
.public-home .hp-bubble.hp-out { border-color:#d8e3f2; }
.public-home .hp-check { color:#23845b; }
.public-home .hp-journey-number { border-color:#d8e3f2; }
.public-home .hp-mini-flow { color:#23845b; }
.public-home .hp-connection-line { border-color:#b8cbe5; }
.public-home .hp-close { background:#0a2261; color:#e1e9f4; }
.public-home .hp-close .site-eyebrow { color:#97cce7; }

/* Public landing composition: navy actions, blue accents, white space. */
.public-home { --site-ink:#172b4d; --site-text:#4b5d75; --site-muted:#64758c; --site-wash:#eff5fb; }
.public-home .site-header { background:rgb(255 255 255 / 96%); }
.public-home .site-header-inner { min-height:80px; }
.public-home .site-mark { border-radius:10px; }
.public-home .site-button { border-radius:9px; padding:11px 17px; }
.public-home .site-primary { box-shadow:0 3px 6px rgb(10 34 97 / 10%); }
.public-home .hp-hero { gap:64px; padding-block:96px 76px; }
.public-home .hp-hero h1 { font-size:clamp(42px,4.7vw,66px); line-height:1.08; letter-spacing:-.055em; }
.public-home .hp-hero h1 em { color:#325ca8; }
.public-home .hp-kicker { color:#325ca8; font-weight:500; }
.public-home .hp-kicker > span { background:#325ca8; }
.public-home .hp-hero-copy > p { max-width:430px; font-size:16px; line-height:1.85; }
.public-home .hp-hero-demo::before { content:""; position:absolute; inset:-26px -24px 24px; border-radius:28px; background:#f0f5fb; transform:rotate(-3deg); z-index:0; pointer-events:none; }
.public-home .hp-demo,.public-home .hp-demo-caption { position:relative; }
.public-home .hp-demo { box-shadow:0 22px 55px -30px rgb(10 34 97 / 28%); border-radius:16px; }
.public-home .hp-demo-caption { display:flex; justify-content:center; align-items:center; gap:7px; font-size:11px; padding-top:4px; }
.hp-preview-dot { width:6px; height:6px; border-radius:50%; background:#23845b; }
.public-home .hp-demo-tabs > input:checked + label { color:#325ca8; box-shadow:inset 0 -2px #325ca8; }
.public-home .hp-tag,.public-home .hp-avatar,.public-home .hp-step { color:#325ca8; }
.public-home .hp-principles { padding-block:26px; flex-wrap:wrap; justify-content:center; gap:20px 30px; }
.public-home .hp-principles .hp-principles-label { font-size:10px; font-weight:500; color:var(--site-muted); text-transform:uppercase; letter-spacing:.07em; }
.public-home .hp-principles svg { color:#325ca8; }
.public-home .site-eyebrow { color:#325ca8; text-transform:uppercase; letter-spacing:.08em; font-size:10px; }
.public-home .hp-heading h2 { line-height:1.18; }
.public-home .hp-heading { margin-bottom:48px; }
.public-home .hp-journey { gap:24px; }
.public-home .hp-journey-number { display:flex; align-items:center; justify-content:space-between; padding:0; border:0; }
.public-home .hp-journey-number > span { display:grid; place-items:center; width:34px; height:34px; border:1px solid #d7e4f2; background:#f4f8fc; border-radius:50%; color:#325ca8; font-size:11px; }
.public-home .hp-journey-number > svg { color:#a8bad1; }
.public-home .hp-journey article:last-child .hp-journey-number > svg { visibility:hidden; }
.public-home .hp-journey b { color:#325ca8; }
.public-home .hp-band { background:#f7f9fc; border-color:#edf1f6; }
.public-home .hp-spotlight { border-radius:16px; padding:36px; transition:box-shadow .25s ease,border-color .25s ease; }
.public-home .hp-spotlight:hover { border-color:#c8d8eb; box-shadow:0 14px 32px -25px rgb(10 34 97 / 28%); }
.public-home .hp-feature-label { color:#325ca8; }
.public-home .hp-ai-card { background:#fff; }
.public-home .hp-prompt { background:#f1f5fb; color:#325ca8; border-left:2px solid #97cce7; border-radius:0 8px 8px 0; }
.public-home .hp-connection { padding:24px 12px; border:1px solid #e4ebf4; border-radius:12px; background:#fafcff; }
.public-home .hp-connection-line { border-color:#97cce7; }
.public-home .hp-modules article { transition:border-color .2s ease; }
.public-home .hp-modules article:hover { border-color:#325ca8; }
.public-home .hp-modules svg { color:#325ca8; }
.public-home .hp-plan { border-radius:14px; padding:30px; }
.public-home .hp-plan-featured { border-color:#325ca8; border-top-width:3px; padding-top:28px; box-shadow:0 14px 38px -28px #325ca8; }
.public-home .hp-plan-index { color:#325ca8; }
.public-home .hp-close { position:relative; overflow:hidden; background:#0a2261; border-radius:20px; padding-block:72px; }
.public-home .hp-close::before { content:""; position:absolute; width:360px; height:360px; border:1px solid rgb(151 204 231 / 18%); border-radius:50%; top:-220px; right:-60px; pointer-events:none; }
.public-home .hp-close::after { content:""; position:absolute; width:260px; height:260px; border:1px solid rgb(151 204 231 / 12%); border-radius:50%; bottom:-160px; left:-60px; pointer-events:none; }
.public-home .hp-close .site-eyebrow { color:#97cce7; }
.public-home .hp-close h2 { position:relative; font-weight:550; }
.public-home .hp-close .site-button { position:relative; z-index:1; }
.public-home .hp-hero-copy {  }
.public-home .hp-demo {  }
.public-home .hp-task { animation:hp-arrive .4s ease-out both; }
.public-home .hp-task:nth-child(3) { animation-delay:.08s; }
.public-home .hp-task:nth-child(4) { animation-delay:.16s; }
.public-home .hp-task:nth-child(5) { animation-delay:.24s; }
.public-home .hp-bubble { animation:hp-arrive .45s ease-out both; }
.public-home .hp-bubble + .hp-bubble { animation-delay:.15s; }
.public-home .hp-ai-answer { animation:hp-arrive .5s .12s ease-out both; }
.public-home .hp details[open] > p { animation:hp-arrive .25s ease-out; }
.public-home .site-button svg { transition:transform .2s ease; }
.public-home .site-button:hover svg { transform:translateX(3px); }
@media(max-width:1050px) {
 .public-home .hp-hero { gap:32px; padding-block:64px; }
 .public-home .hp-spotlight,.public-home .hp-plan { padding:24px; }
 .public-home .hp-plan-featured { padding-top:22px; }
}
@media(max-width:800px) {
 .public-home .hp-hero-demo { margin-top:12px; }
 .public-home .hp-hero-demo::before { inset:-16px -10px 24px; transform:rotate(-1.5deg); }
 .public-home .hp-hero h1 { max-width:600px; }
 .public-home .hp-principles .hp-principles-label { flex-basis:100%; justify-content:center; }
}
@media(max-width:540px) {
 .public-home .hp-hero { padding-block:40px; }
 .public-home .hp-hero h1 { font-size:42px; }
 .public-home .hp-hero-copy > p { font-size:14px; }
 .public-home .hp-heading { margin-bottom:30px; }
 .public-home .hp-journey-number { justify-content:flex-start; gap:16px; }
 .public-home .hp-journey-number > svg { display:none; }
 .public-home .hp-principles { gap:16px 20px; justify-content:flex-start; }
 .public-home .hp-principles .hp-principles-label { justify-content:flex-start; }
 .public-home .hp-close { padding:44px 20px; }
 .public-home .hp-connection { padding-inline:8px; }
}
@media(prefers-reduced-motion:reduce) {
 .public-home *, .public-home *::before, .public-home *::after { animation:none !important; transition:none !important; }
}

/* Native anchor animation works in both the app and JavaScript-free exports. */
html:has(.public-home) { scroll-behavior:smooth; }
@media(prefers-reduced-motion:reduce) {
  html:has(.public-home) { scroll-behavior:auto; }
}

/* One public website theme, including contact and legal documents. */
.public-site.public-theme {
  --site-ink:#172b4d;
  --site-text:#4b5d75;
  --site-muted:#64758c;
  --site-brand:#0a2261;
  --site-wash:#eff5fb;
  --site-line:#e2e8f0;
}
.public-theme .site-header { background:rgb(255 255 255 / 96%); }
.public-theme .site-header-inner { min-height:80px; }
.public-theme .site-mark { background:#0a2261; border-radius:10px; }
.public-theme .site-button { border-radius:9px; padding:11px 17px; transition:background .2s ease,transform .2s ease; }
.public-theme .site-primary { box-shadow:0 3px 6px rgb(10 34 97 / 10%); }
.public-theme .site-primary:hover { background:#163775; }
.public-theme .site-button svg { transition:transform .2s ease; }
.public-theme .site-button:hover svg { transform:translateX(3px); }
.public-theme .site-eyebrow { color:#325ca8; text-transform:uppercase; letter-spacing:.08em; font-size:10px; }
.public-theme .site-legal,.public-theme .site-contact { padding-block:64px 80px; }
.public-theme .site-section-head h1 { letter-spacing:-.045em; font-weight:600; font-size:clamp(34px,4vw,48px); line-height:1.15; }
.public-theme .site-legal > .site-section-head { padding-bottom:32px; border-bottom:1px solid var(--site-line); margin-bottom:40px;  }
.public-theme .site-date { display:inline-block; background:#f4f7fb; border:1px solid #e2e8f0; padding:5px 10px; border-radius:6px; margin-top:20px; font-size:11px; }
.public-theme .site-toc nav { border:1px solid var(--site-line); border-radius:12px; padding:18px; background:#f7f9fc; }
.public-theme .site-toc nav b { color:#172b4d; font-size:12px; margin-bottom:10px; }
.public-theme .site-toc nav a { border-radius:5px; padding:7px 8px; font-size:12px; transition:background .2s ease,color .2s ease; }
.public-theme .site-toc nav a:hover { background:#e8f0fa; color:#325ca8; }
.public-theme .site-policy { border:0; border-radius:0; }
.public-theme .site-policy-intro { padding:24px; border:1px solid #dce7f4; border-left:3px solid #97cce7; border-radius:0 10px 10px 0; background:#f6f9fd; margin-bottom:12px; }
.public-theme .site-policy section { padding:28px 0; }
.public-theme .site-policy h2 { font-size:19px; font-weight:600; letter-spacing:-.02em; margin-bottom:16px; }
.public-theme .site-policy p,.public-theme .site-policy li { line-height:1.85; }
.public-theme .site-policy a,.public-theme .site-toc > a { color:#325ca8; }
.public-theme .site-policy section:target h2 { color:#325ca8; }
.public-theme .site-contact > .site-section-head {  }
.public-theme .site-contact-grid { gap:24px; margin-top:48px; }
.public-theme .site-contact-grid section { display:flex; flex-direction:column; padding:30px; border-radius:14px;  transition:border-color .2s ease,box-shadow .2s ease; }
.public-theme .site-contact-grid section:nth-child(2) { animation-delay:.08s; }
.public-theme .site-contact-grid section:nth-child(3) { animation-delay:.16s; }
.public-theme .site-contact-grid section:hover { border-color:#b8cbe5; box-shadow:0 12px 32px -24px rgb(10 34 97 / 25%); }
.site-contact-icon { width:44px; height:44px; display:grid; place-items:center; background:#eff5fb; border:1px solid #dce7f4; border-radius:11px; }
.public-theme .site-contact-grid svg { color:#325ca8; }
.public-theme .site-contact-grid h2 { margin-top:24px; font-size:20px; letter-spacing:-.025em; }
.public-theme .site-contact-grid p { flex:1; }
.public-theme .site-contact-grid a { color:#325ca8; display:flex; align-items:center; gap:8px; font-size:12px; padding-top:18px; border-top:1px solid var(--site-line); }
.public-theme .site-contact-grid a svg { flex-shrink:0; transition:transform .2s ease; }
.public-theme .site-contact-grid a:hover svg { transform:translateX(3px); }
.public-theme .site-contact-note { background:#f7f9fc; border-radius:8px; padding:14px 18px; font-size:12px; }
html:has(.public-theme) { scroll-behavior:smooth; }
@media(max-width:760px) {
 .public-theme .site-header-inner { min-height:120px; }
 .public-theme .site-legal,.public-theme .site-contact { padding-block:36px 48px; }
 .public-theme .site-legal > .site-section-head { margin-bottom:24px; }
 .public-theme .site-contact-grid { margin-top:28px; }
 .public-theme .site-contact-grid section { padding:24px; }
 .public-theme .site-toc nav { gap:4px; }
}
@media(prefers-reduced-motion:reduce) {
 html:has(.public-theme) { scroll-behavior:auto; }
 .public-theme *, .public-theme *::before,.public-theme *::after { animation:none !important; transition:none !important; }
}


/* Restrained shared finish: static reading surfaces, motion within previews only. */
.public-site.public-theme { --site-ink:#202b3c; --site-text:#465365; --site-muted:#637084; }
.public-theme .site-header { background:#fff; }
.public-theme .site-primary { box-shadow:none; }
.public-theme .site-nav a:hover,.public-theme .site-footer a:hover { color:#325ca8; }
.public-theme .site-button:hover { transform:none; }
.public-home .hp-hero-demo::before,.public-home .hp-close::before,.public-home .hp-close::after { content:none; }
.public-home .hp-demo { animation:none; border-radius:12px; box-shadow:0 8px 28px -18px rgb(10 34 97 / 22%); }
.public-home .hp-band { background:#fff; border-color:var(--site-line); }
.public-home .hp-spotlight,.public-home .hp-plan,.public-theme .site-contact-grid section { border-radius:12px; box-shadow:none; }
.public-home .hp-spotlight:hover,.public-theme .site-contact-grid section:hover { box-shadow:none; border-color:var(--site-line); }
.public-home .hp-modules article:hover { border-color:var(--site-line); }
.public-home .hp-plan-featured { border:1px solid #325ca8; padding-top:30px; box-shadow:none; }
.public-home .hp-connection { border:0; background:#f4f7fb; border-radius:10px; }
.public-home .hp-prompt { border:0; border-radius:8px; }
.public-home .hp-close { border-radius:12px; background:#f4f7fb; color:var(--site-text); }
.public-home .hp-close h2 { color:var(--site-ink); }
.public-home .hp-close .site-eyebrow { color:#325ca8; }
.public-home .hp-close .site-button { background:#0a2261; color:#fff; border-color:#0a2261; }
.public-home .hp-close .site-button:hover { background:#163775; }
.public-theme .site-date { background:none; border:0; border-radius:0; padding:0; }
.public-theme .site-toc nav { background:#fff; border:0; border-left:1px solid var(--site-line); border-radius:0; }
.public-theme .site-policy-intro { background:#fff; border:0; border-bottom:1px solid var(--site-line); border-radius:0; padding:0 0 24px; }
.public-theme .site-contact-icon { background:#f4f7fb; border:0; border-radius:8px; }
.public-theme .site-contact-note { background:none; padding:0; }
@media(max-width:1050px) { .public-home .hp-plan-featured { padding-top:24px; } }

/* Fluid public canvas and a floating navigation shell. */
.public-theme { --site-header:112px; }
.public-theme .site-container { width:100%; max-width:none; padding-inline:clamp(20px,5vw,112px); }
.public-theme .site-header { position:sticky; top:16px; margin:16px clamp(12px,2vw,40px) 0; border:1px solid #e1e7ef; border-radius:18px; background:#fff; box-shadow:0 8px 28px -14px rgb(10 34 97 / 22%); }
.public-theme .site-header-inner { padding-inline:clamp(16px,2.5vw,48px); min-height:76px; }
.public-theme .site-legal-layout { grid-template-columns:minmax(210px,280px) minmax(0,900px); justify-content:center; }
.public-home .hp-hero { min-height:650px; min-height:min(780px,calc(100svh - 110px)); padding-block:clamp(48px,7vw,112px); grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(32px,6vw,100px); background:radial-gradient(ellipse at 95% 35%,#edf5fc,transparent 55%); }
.public-home .hp-hero h1 { font-size:clamp(44px,4.8vw,84px); max-width:850px; }
.public-home .hp-hero-copy > p { max-width:560px; font-size:clamp(15px,1.1vw,18px); }
.public-home .hp-hero-demo { width:100%; max-width:760px; justify-self:end; }
.public-home .hp-demo-panel { min-height:320px; }
.public-home .hp-principles { justify-content:space-between; gap:16px; padding-block:24px; }
.public-home .hp-principles a { display:flex; align-items:center; gap:10px; font-size:12px; color:#325ca8; padding:8px 0; }
.public-home .hp-principles a > svg:last-child { transition:transform .2s ease; }
.public-home .hp-principles a:hover > svg:last-child { transform:translateX(4px); }
.public-home .hp-section { padding-block:clamp(56px,6vw,104px); }
.cs-features { border-top:1px solid var(--site-line); }
.cs-intro { padding-block:72px 16px; }
.cs-intro h2 { font-size:clamp(30px,3.2vw,50px); font-weight:550; letter-spacing:-.04em; }
.cs-intro p { margin-top:18px; color:var(--site-muted); }
.cs-story { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:clamp(32px,8vw,140px); padding-block:clamp(48px,6vw,96px); }
.cs-story + .cs-story { border-top:1px solid #edf1f6; }
.cs-story:nth-of-type(even) { background:#f8fafc; }
.cs-reverse .cs-copy { order:2; }
.cs-copy { max-width:620px; }
.cs-label { display:flex; align-items:center; gap:10px; color:#325ca8; font-size:12px; font-weight:500; margin-bottom:22px; }
.cs-copy h2 { font-size:clamp(28px,2.8vw,46px); font-weight:550; line-height:1.15; letter-spacing:-.04em; margin-bottom:20px; }
.cs-copy > p { font-size:16px; line-height:1.85; color:var(--site-text); }
.cs-copy > small { display:block; font-size:11px; color:var(--site-muted); line-height:1.8; max-width:540px; }
.cs-steps { display:flex; flex-wrap:wrap; gap:16px 24px; list-style:none; padding:0; margin:28px 0; }
.cs-steps li { display:flex; align-items:center; gap:8px; font-size:11px; }
.cs-steps li > span { width:22px; height:22px; display:grid; place-items:center; border-radius:50%; background:#eaf1fa; color:#325ca8; }
.cs-visual { min-width:0; width:100%; max-width:760px; border:1px solid #dce5ef; border-radius:16px; background:#fff; box-shadow:0 16px 40px -28px rgb(10 34 97 / 25%); overflow:hidden; }
.cs-visual-header { display:flex; justify-content:space-between; gap:12px; padding:15px 22px; border-bottom:1px solid #e7edf4; color:#325ca8; font-size:12px; }
.cs-visual-header small { color:var(--site-muted); font-size:10px; }
.cs-client-map { padding:32px; }
.cs-client-core { display:flex; flex-direction:column; align-items:center; gap:10px; padding:24px; border-radius:10px; background:#f1f6fc; color:#0a2261; }
.cs-client-core span { font-size:11px; color:var(--site-muted); }
.cs-client-records { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:20px; }
.cs-client-records > span { display:flex; align-items:center; gap:10px; padding:15px; border:1px solid #e2eaf4; border-radius:8px; font-size:12px; color:#325ca8; }
.cs-ai,.cs-chat { padding:28px; }
.cs-question { background:#eff5fb; border-radius:10px; padding:18px; font-size:14px; color:#0a2261; }
.cs-response { display:flex; align-items:flex-start; gap:14px; margin-top:26px; font-size:13px; }
.cs-response > svg { flex-shrink:0; color:#325ca8; }
.cs-response p { margin-top:10px; font-size:12px; color:var(--site-muted); }
.cs-response summary { margin-top:20px; color:#325ca8; font-size:12px; }
.cs-message { max-width:88%; margin-left:auto; padding:18px; border-radius:12px 12px 2px 12px; background:#eff5fb; font-size:13px; }
.cs-message small { display:block; margin-top:12px; font-size:10px; color:var(--site-muted); }
.cs-incoming { margin:18px auto 0 0; background:#f4f7f5; border-radius:12px 12px 12px 2px; }
.cs-incoming > span { display:flex; align-items:center; gap:8px; padding-top:14px; color:#23734c; font-size:12px; overflow-wrap:anywhere; }
.cs-chat > p { display:flex; align-items:center; gap:8px; color:#23734c; font-size:11px; margin-top:24px; }
.cs-work { list-style:none; margin:0; padding:16px 28px; }
.cs-work li { display:flex; align-items:center; gap:14px; padding:20px 0; }
.cs-work li + li { border-top:1px solid #e7edf4; }
.cs-work li > span { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:#eff5fb; color:#325ca8; font-size:10px; flex-shrink:0; }
.cs-work b { display:block; font-size:13px; font-weight:500; }
.cs-work small { display:block; color:var(--site-muted); font-size:10px; margin-top:4px; }
.cs-work em { margin-left:auto; font-size:10px; font-style:normal; color:#637084; }
.cs-cloud { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:24px; padding:48px 24px; }
.cs-cloud > div:not(.cs-sync) { display:flex; flex-direction:column; align-items:center; gap:12px; color:#325ca8; }
.cs-cloud b { font-size:13px; color:var(--site-ink); }
.cs-cloud span,.cs-sync small { font-size:11px; color:var(--site-muted); }
.cs-sync { display:flex; flex-direction:column; align-items:center; gap:8px; color:#97cce7; }
.cs-cloud p { display:flex; justify-content:center; align-items:center; gap:8px; width:100%; margin-top:16px; color:var(--site-muted); font-size:11px; text-align:center; }
.cs-visual:hover .cs-client-records > span,.cs-visual:focus-within .cs-client-records > span,.cs-visual:hover .cs-message,.cs-visual:hover .cs-work li { animation:hp-arrive .4s ease-out both; }
.cs-visual:hover .cs-client-records > span:nth-child(2),.cs-visual:hover .cs-work li:nth-child(2) { animation-delay:.08s; }
.cs-visual:hover .cs-client-records > span:nth-child(3),.cs-visual:hover .cs-work li:nth-child(3) { animation-delay:.16s; }
.cs-visual:hover .cs-client-records > span:nth-child(4),.cs-visual:hover .cs-work li:nth-child(4) { animation-delay:.24s; }
@media(min-width:1800px) { .cs-copy { max-width:760px; }.cs-copy > p { font-size:18px; }.cs-visual { justify-self:center; } }
@media(max-width:1000px) {
 .public-home .hp-principles { justify-content:center; flex-wrap:wrap; gap:8px 24px; }
 .cs-story { gap:32px; }
 .cs-client-map,.cs-ai,.cs-chat { padding:20px; }
 .cs-client-records > span { padding:12px 8px; font-size:11px; }
}
@media(max-width:800px) {
 .public-theme { --site-header:164px; }
 .public-theme .site-header { top:10px; margin-top:10px; border-radius:14px; }
 .public-theme .site-header-inner { flex-wrap:wrap; min-height:120px; padding:14px 16px; gap:12px; }
 .public-theme .site-nav { order:3; width:100%; justify-content:center; margin:0; gap:24px; }
 .public-home .hp-hero { grid-template-columns:1fr; min-height:0; gap:40px; }
 .public-home .hp-hero-demo { justify-self:center; }
 .cs-story { grid-template-columns:1fr; }
 .cs-reverse .cs-copy { order:0; }
 .cs-visual { max-width:none; }
 .public-theme .site-legal-layout { grid-template-columns:1fr; }
 .public-theme .site-toc { position:static; max-height:none; }
}
@media(max-width:480px) {
 .public-theme .site-container { padding-inline:20px; }
 .public-theme .site-header-inner { padding-inline:12px; }
 .public-theme .site-nav { gap:18px; font-size:12px; }
 .public-theme .site-header .site-button { padding:9px 12px; }
 .public-home .hp-hero h1 { font-size:44px; }
 .cs-copy > p { font-size:14px; }
 .cs-cloud { gap:16px; padding:28px 16px; }
 .cs-work { padding-inline:16px; }
 .cs-work li { gap:8px; }
 .cs-work b { font-size:12px; }
 .cs-cloud > p svg { flex-shrink:0; }
}
@media(prefers-reduced-motion:reduce) {
 .public-theme *, .public-theme *::before,.public-theme *::after { animation:none !important; transition:none !important; }
}