:root { color-scheme: light; }
:root.dark { color-scheme: dark; }
html { scroll-padding-top: 72px; }
.home-reveal, [data-page-transition] { opacity: 1 !important; transform: none !important; visibility: visible !important; }
.static-skip-link { position: fixed; left: 1rem; top: -4rem; z-index: 999; border-radius: 999px; background: #171717; color: white; padding: .75rem 1rem; font-weight: 700; }
.static-skip-link:focus { top: 1rem; }
.static-header { position: sticky; top: 0; z-index: 80; display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center; min-height: 64px; gap: 1rem; border-bottom: 1px solid color-mix(in srgb, currentColor 12%, transparent); background: color-mix(in srgb, var(--background, white) 94%, transparent); padding: 0 1.5rem; backdrop-filter: blur(18px); }
.static-brand { display: inline-flex; width: fit-content; align-items: center; gap: .35rem; color: inherit; text-decoration: none; }
.static-brand img { width: auto; height: 32px; object-fit: contain; }
.static-brand strong { font-size: 1.2rem; letter-spacing: -.06em; }
.static-nav { display: flex; align-items: center; justify-content: center; gap: 1.5rem; }
.static-nav a, .static-mobile-menu a { color: inherit; text-decoration: none; font-size: .9rem; font-weight: 600; }
.static-nav a:hover, .static-nav a:focus-visible, .static-mobile-menu a:hover, .static-mobile-menu a:focus-visible { color: #ff6100; }
.static-actions { display: flex; align-items: center; justify-content: flex-end; gap: .65rem; }
#static-theme-toggle, .static-mobile-menu summary { min-height: 44px; min-width: 44px; border: 1px solid color-mix(in srgb, currentColor 16%, transparent); border-radius: 999px; background: transparent; color: inherit; cursor: pointer; font-weight: 700; }
.static-app-link { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; border-radius: 999px; background: #c2410c; color: white; padding: 0 1rem; text-decoration: none; font-size: .875rem; font-weight: 700; }
.static-app-link:hover, .static-app-link:focus-visible { background: #9a3412; }
.static-mobile-menu { display: none; position: relative; }
.static-mobile-menu summary { display: grid; place-items: center; padding: 0 .8rem; list-style: none; }
.static-mobile-menu summary::-webkit-details-marker { display: none; }
.static-mobile-menu nav { position: absolute; right: 0; top: calc(100% + .75rem); display: grid; min-width: 220px; gap: .25rem; border: 1px solid color-mix(in srgb, currentColor 14%, transparent); border-radius: 18px; background: var(--background, white); padding: .65rem; box-shadow: 0 24px 70px -32px rgba(0,0,0,.5); }
.static-mobile-menu nav a { min-height: 44px; display: flex; align-items: center; border-radius: 12px; padding: 0 .75rem; }
@media (max-width: 860px) { .static-header { grid-template-columns: minmax(0,1fr) auto; min-height: 58px; padding: 0 1rem; } .static-nav, .static-app-link { display: none; } .static-mobile-menu { display: block; } .static-brand img { height: 29px; } }
@media (max-width: 380px) { .static-header { padding-inline: .75rem; } .static-brand strong { font-size: 1rem; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto !important; } *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }