*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-block:1rem}
body{margin:0;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;overflow-wrap:anywhere}
img,video,svg{max-width:100%;height:auto}
button,input,select,textarea{font:inherit;max-width:100%;color:inherit}
a,button,input,select,textarea{-webkit-tap-highlight-color:var(--color-overlay)}
.site-scroll{min-width:0}
.site-header{position:relative;z-index:var(--z-header);display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1rem;padding:.75rem clamp(1rem,4vw,4rem);border-bottom:1px solid var(--border);background:var(--bg)}
.brand{display:inline-flex;align-items:center;min-height:var(--touch-target);min-width:var(--touch-target);font-weight:800;font-size:1.25rem;color:var(--fg);text-decoration:none}
.primary-nav{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem 1rem;min-width:0;flex:1 1 18rem}
.primary-nav a{display:inline-flex;align-items:center;min-height:var(--touch-target);min-width:var(--touch-target);color:var(--muted);text-decoration:none;font-size:.95rem}
.primary-nav a:hover{color:var(--fg);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:5px}
.language-form{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-left:auto;max-width:100%}
.language-form select,.language-form button,.guide-reopen{min-height:var(--touch-target);background:var(--card);color:var(--fg);border:1px solid var(--color-control-border);border-radius:var(--radius-pill);padding:.5rem .7rem}
.language-form button,.guide-reopen{cursor:pointer}
.hero,.panel{width:min(1120px,calc(100% - 2rem));margin:auto}
.hero{min-height:65svh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(3rem,8vw,7rem) 0}
.eyebrow,.kicker{color:var(--color-accent-text);text-transform:uppercase;letter-spacing:.1em;font-weight:700;font-size:.78rem;border-left:2px solid var(--accent);padding-left:.6rem}
h1{margin:.4rem 0 1rem;font-size:clamp(2.75rem,10vw,8rem);line-height:1.05;letter-spacing:-.05em}
.headline{max-width:900px;font-size:clamp(1.2rem,3vw,2.2rem);letter-spacing:-.025em;margin:0 0 1rem}
.lead{color:var(--muted);max-width:720px;font-size:clamp(1rem,1.5vw,1.1rem)}
.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.25rem}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target);padding:.5rem 1rem;border-radius:var(--radius-pill);text-decoration:none;color:var(--fg);border:1px solid var(--border);transition:transform var(--motion-duration) var(--motion-easing),background var(--motion-duration) var(--motion-easing)}
.btn.primary{background:var(--accent);color:var(--color-on-accent);border-color:var(--accent)}
.btn.primary:active{background:var(--color-accent-active)}
.panel{padding:clamp(3rem,7vw,6rem) 0}
.panel h2{font-size:clamp(1.8rem,5vw,4rem);line-height:1.15;max-width:900px;letter-spacing:-.04em}
.panel p{max-width:800px;color:var(--muted)}
.muted{width:auto;max-width:none;padding-left:max(1rem,calc((100vw - 1120px)/2));padding-right:max(1rem,calc((100vw - 1120px)/2));background:var(--color-background-secondary)}
.skip-link{position:absolute;left:1rem;top:-100px;z-index:var(--z-skip-link);background:var(--bg);color:var(--fg);padding:.75rem 1rem;border:2px solid var(--color-focus-ring);border-radius:var(--radius-control)}
.skip-link:focus{top:1rem}
:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:3px;box-shadow:0 0 0 6px var(--color-focus-halo)}
main:focus{outline:none;box-shadow:none}
@media(min-width:1000px){.site-header{gap:1rem 2rem}.primary-nav{justify-content:flex-end}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.btn:hover{transform:translateY(-2px);background:var(--card)}.btn.primary:hover{background:var(--color-accent-hover)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Shared fluid foundation: page content remains usable without the guide or JS. */
body{font-family:var(--font-body);line-height:var(--line-body)}
.site-header{padding-inline:var(--layout-gutter)}
.hero,.panel:not(.muted){width:min(var(--content-width),calc(100% - 2 * var(--layout-gutter)))}
.lead,.panel p{max-width:var(--reading-width)}
@media(min-width:1280px){.site-header{gap:var(--space-4) var(--space-8)}}
@media(min-width:1600px){.hero,.panel{padding-block:var(--space-16)}}
@media(forced-colors:active){:focus-visible{outline:3px solid Highlight;box-shadow:none}.btn.primary{border:2px solid ButtonText}}

/* One public-data partial shared across page, homepage and footer. */
.site-footer{padding:var(--space-8) var(--layout-gutter);border-top:1px solid var(--color-border);min-width:0}
.public-contact-links{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-3);min-width:0}
.public-contact-links li{min-width:0;max-width:100%}
.public-contact-links a{display:flex;flex-direction:column;justify-content:center;min-height:var(--touch-target);max-width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-control-border);border-radius:var(--radius-control);color:var(--color-text);text-underline-offset:4px;text-decoration-color:var(--color-accent);overflow-wrap:anywhere}
.demo-notice { padding: var(--space-3, 1rem); border-bottom: 1px solid currentColor; background: rgb(44,52,128); color: rgb(255,255,255); overflow-wrap: anywhere; }