.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}
.header-inner{min-height:88px;display:flex;align-items:center;gap:24px}
.brand{display:flex;align-items:center;gap:0}
.brand-logo{font-weight:800;font-size:1.2rem;text-decoration:none;white-space:nowrap;display:block;width:260px;line-height:0}
.brand-logo img{display:block;width:100%;height:auto}
.primary-nav{display:flex;align-items:center;gap:18px;margin-left:auto}
.primary-nav a{font-size:.9rem;text-decoration:none}
.primary-nav a:hover{text-decoration:underline}
.menu-toggle{display:none;min-width:44px;min-height:44px;border:1px solid var(--line);background:var(--paper);padding:6px 10px;border-radius:var(--radius)}
.button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:9px 18px;border:1px solid transparent;border-radius:var(--radius);font-weight:700;text-decoration:none;transition:transform .16s ease,background .16s ease;font-size:var(--font-size-button)}
.button:active{transform:translateY(1px)}
.button-primary{background:var(--color-brand);color:var(--color-ink)}
.button-primary:hover{background:var(--color-brand-hover)}
.button-secondary{background:var(--paper);border-color:var(--color-border);color:var(--ink)}
.button-secondary:hover{background:var(--mist)}
.eyebrow{margin-bottom:8px;color:var(--ink);font-size:.9rem;font-weight:800;letter-spacing:0;text-transform:none}
.section{padding:88px 0}
.section-muted{background:var(--mist)}
.section-heading{max-width:680px;margin-bottom:36px}
.section-heading-icon{display:flex;align-items:flex-start;gap:var(--space-4)}
#features .section-heading,#use-cases .section-heading{max-width:820px}
.site-footer{border-top:1px solid var(--line);padding:32px 0;background:var(--paper)}
.footer-inner{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.footer-inner p{margin:0;color:var(--muted);font-size:.9rem}
.footer-note{margin-left:auto!important}
.footer-nav{flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:12px;padding-top:16px;border-top:1px solid var(--line)}
.footer-nav a{color:var(--muted);font-size:.85rem;text-decoration:none}
.footer-nav a:hover{color:var(--ink);text-decoration:underline}
.breadcrumbs{font-size:.85rem;color:var(--muted);display:flex;gap:8px;margin-bottom:24px}