:root{--font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-body:var(--font-sans);--font-display:'Outfit','Inter',-apple-system,sans-serif;--font-mono:'JetBrains Mono',monospace}
body{font-family:var(--font-sans)}h1,h2,h3,h4{font-family:var(--font-display)}
.layout-header{position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(16px);z-index:100;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:15px max(4vw,calc((100vw - 1240px)/2));border-bottom:1px solid #dce7f8}.layout-header .brand{display:flex;align-items:center;gap:9px;font:800 23px var(--font-display);letter-spacing:-.8px;color:#101a3a}.layout-header .brand img{height:37px;width:34px;object-fit:contain}.layout-header nav{display:flex!important;gap:23px;margin:auto;font:650 14px var(--font-sans)}.layout-header nav a{color:#101a3a;text-decoration:none}.layout-header nav a:hover,.layout-header nav a[aria-current="page"]{color:#2457ff}.layout-header .menu{display:none;border:0;background:none;font-size:25px;cursor:pointer;color:#101a3a}.layout-header .header-cta{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:11px 17px;background:linear-gradient(105deg,#174aff 15%,#8536ff 62%,#fc628e);color:white;font:700 13px var(--font-sans);box-shadow:0 7px 20px #244cff25;text-decoration:none;white-space:nowrap}.layout-header .header-cta:hover{transform:translateY(-2px)}
/* Header height is now in normal document flow on every page. */
.page-hero{padding-top:60px}.detail-page .hero-page{padding-top:0}
@media(max-width:1000px){.layout-header{gap:16px}.layout-header .menu{display:block;margin-left:auto}.layout-header nav{display:none!important;margin:0}.layout-header nav.open{display:flex!important;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;padding:12px 24px;background:#fff;border-bottom:1px solid #dce7f8;box-shadow:0 12px 24px #101a3a12}.layout-header nav.open a{padding:12px 0}.layout-header .header-cta{font-size:12px}.page-hero{padding-top:44px}}
@media(max-width:600px){.layout-header{gap:12px;padding-inline:18px}.layout-header .brand{font-size:20px}.layout-header .header-cta{padding:10px 12px}.page-hero{padding-top:32px}}