/* Compact website navigation, shared with the storefront visual language. */
.rate-status{display:inline-flex;align-items:center;gap:6px;margin:0;padding:5px 10px;border:1px solid var(--sf-line);border-radius:999px;background:rgba(82,230,255,.04);color:var(--muted);font-size:.72rem;line-height:1.5;white-space:nowrap}
.rate-status b{color:var(--sf-cyan);font-variant-numeric:tabular-nums;font-size:.82rem}
.public-site .shell{width:min(1388px,100%);padding-block-start:0}
.public-site .app-header{display:flex;align-items:center;flex-wrap:wrap;gap:18px;min-height:76px;margin:0;padding:14px 20px;border-bottom:1px solid var(--sf-line);background:transparent}
.public-site .site-brand{display:inline-flex;align-items:center;gap:10px;padding:0;margin:0;font-size:1.2rem;letter-spacing:-.04em;white-space:nowrap}
.public-site .site-brand .site-brand-mark{display:inline-flex;align-items:center;justify-content:center;gap:0;width:34px;height:34px;margin:0;border:1px solid rgba(82,230,255,.35);border-radius:10px;background:linear-gradient(135deg,rgba(82,230,255,.14),rgba(148,124,255,.14));color:var(--sf-cyan);font-size:.85rem;font-weight:800;letter-spacing:-.15em}
.public-site .site-brand-mark span{display:inline;margin:0;color:var(--sf-violet);font-size:inherit;font-weight:inherit}
.site-nav{display:flex;align-items:center;gap:24px;flex:1}
.site-nav a{color:var(--sf-muted);text-decoration:none;font-size:.85rem;transition:color .18s}
.site-nav a:hover{color:var(--sf-cyan)}
.site-header-tools{display:flex;align-items:center;gap:16px}
.public-site .header-actions{margin:0;gap:6px;flex-wrap:nowrap}
.public-site .header-actions button,.public-site .header-actions .link{display:inline-flex;align-items:center;border:0;background:transparent;padding:7px 10px;border-radius:8px;font-size:.78rem;color:var(--sf-muted)}
.public-site .header-actions button:hover,.public-site .header-actions .link:hover{color:var(--sf-ink);background:rgba(164,197,255,.07)}
.public-site .header-actions .sf-button{border:1px solid rgba(82,230,255,.3);background:rgba(82,230,255,.1);color:var(--sf-cyan);padding:7px 13px;border-radius:9px;font-size:.78rem;box-shadow:none}
.public-site .header-actions .sf-button:hover{background:rgba(82,230,255,.18)}
.site-nav a:focus-visible,.site-header-tools a:focus-visible,.site-header-tools button:focus-visible{outline:2px solid var(--sf-cyan);outline-offset:4px}
#features,#ai-calculator{scroll-margin-top:24px}
@media(max-width:1100px){.site-header-tools{gap:10px}.site-nav{gap:16px}.public-site .app-header{gap:14px}.site-header-tools .rate-status{font-size:.65rem}}
@media(max-width:900px){.public-site .app-header{padding-inline:0;gap:12px}.site-header-tools{margin-inline-start:auto}.site-header-tools .rate-status{order:-1}.site-nav{flex-basis:100%;order:3;padding-block:8px 2px;gap:22px}.public-site .sf-hero{min-height:520px}}
@media(max-width:600px){.public-site .app-header{padding-block:12px;gap:10px}.public-site .site-brand{font-size:1.05rem}.public-site .site-brand .site-brand-mark{width:29px;height:29px}.site-header-tools{display:contents}.public-site .header-actions{margin-inline-start:auto;gap:2px}.public-site .header-actions button,.public-site .header-actions .link{padding:6px;font-size:.7rem}.public-site .header-actions .sf-button{padding:6px 9px;font-size:.7rem}.site-nav{flex-basis:auto;flex:1;gap:16px;order:3;padding-block:6px}.site-nav a{font-size:.75rem}.site-header-tools .rate-status{order:4;font-size:.65rem;padding:3px 8px}.site-header-tools .rate-status b{font-size:.74rem}.public-site .sf-hero{min-height:auto}.public-site .sf-network{height:270px}.app-header>.header-actions .rate-status{flex-basis:auto}}
@media(prefers-reduced-motion:reduce){.site-nav a{transition:none}}