/* Match the official homepage geometry, with white navigation on the dark guide. */
#site-header{top:0;height:64px;color:#fff;--mobile-nav-ink:#fff;--mobile-nav-paper:#171320;--mobile-nav-line:rgba(192,173,221,.24)}
#site-header .site-header-inner{width:100%;max-width:1320px;height:64px;padding:0 32px;gap:24px;border-radius:0;font-family:'Overpass', Inter,-apple-system,"PingFang SC","Hiragino Sans GB",sans-serif;line-height:1.5}
#site-header .site-header-inner::before{background:rgba(17,16,26,.88);border-color:rgba(255,255,255,.12);box-shadow:none;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
#site-header .site-brand{order:1}
#site-header .site-brand img{display:block;width:auto;height:22px;filter:brightness(0) invert(1)}
#site-header .nav-links{order:2;position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:28px;margin:0;white-space:nowrap}
#site-header .nav-links a,#site-header .site-download{color:#fff;text-decoration:none;font-size:14px;font-weight:500}
#site-header .nav-links a:hover,#site-header .site-download:hover{text-decoration:underline;text-underline-offset:6px}
#site-header .nav-links a[aria-current]{text-decoration:underline;text-underline-offset:6px}
#site-header .site-download{order:3;margin-left:auto;flex-shrink:0;min-height:44px;display:flex;align-items:center}
#site-header .guide-controls{order:4}
#site-header .marketing-mobile-menu{order:5;flex-shrink:0;margin-left:0}
#site-header .marketing-mobile-menu>summary{color:#fff}
#site-header .marketing-mobile-panel{background:#171320;color:#fff}
.guide-entry{background:var(--paper)}
.sidebar{top:100px;max-height:calc(100vh - 124px)}
html{scroll-padding-top:0}
.collection,.question,.answer h4{scroll-margin-top:108px}
.mobile-toggle svg{display:block;width:22px;height:22px}
.site-footer{display:block;max-width:none;margin:0;border-top:1px solid #28242e;background:#100e15;color:#aea7b8;padding:52px 44px 24px;font-size:13px}
.site-footer .container{max-width:1184px;margin:auto}
.site-footer .foot-top{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:44px}
.site-footer .brand img{width:128px;height:auto;filter:brightness(0) invert(.94)}
.site-footer .foot-brand p{max-width:300px;margin-top:24px;line-height:1.9}
.site-footer h2{font-size:14px;color:#e8e3f0;margin:0 0 16px;font-weight:600}
.site-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.site-footer a{color:inherit;text-decoration:none}
.site-footer a:hover{color:#eee7f8}
.site-footer a:focus-visible{outline:2px solid #ded3ef;outline-offset:4px;border-radius:2px}
.site-footer .foot-trust-links{margin-top:36px;padding-top:22px;border-top:1px solid #28242e;display:flex;gap:24px}
.site-footer .foot-trust-links__label{white-space:nowrap;color:#d8d2e3}
.site-footer .foot-trust-links__items{display:flex;flex-wrap:wrap;gap:12px 24px}
.site-footer .foot-bottom{margin-top:24px;font-size:12px;color:#9b93a6}
@media(max-width:1200px){#site-header .site-download{display:none}#site-header .guide-controls{margin-left:auto}}
@media(max-width:860px){
 #site-header .nav-links,#site-header .site-download{display:none}
 #site-header .marketing-mobile-menu{display:block}
 #site-header .guide-controls{margin-left:auto}
}
@media(max-width:760px){
 .sidebar{top:74px;max-height:calc(100dvh - 74px)}
 .collection,.question,.answer h4{scroll-margin-top:98px}
 .site-footer{padding:36px 22px 24px}
 .site-footer .foot-top{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 16px}
 .site-footer .foot-brand{grid-column:1/-1}
 .site-footer .foot-brand p{max-width:440px}
 .site-footer .foot-trust-links{flex-direction:column;gap:12px}
 .site-footer .foot-col a{font-size:12px}
}
@media print{#site-header,.opening-hero,.site-footer{display:none!important}}
/* Keep one search position from the opening scene through the guide. */
#site-header .guide-controls,#site-header.is-guide .guide-controls{width:240px;opacity:1;visibility:visible;transition:none}
#site-header .guide-controls .search-field{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:#e4e0eb;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
#site-header .guide-controls .search-field svg{color:inherit;stroke:currentColor}
#site-header .guide-controls input{color:#e4e0eb;caret-color:#f2eff7}
#site-header .guide-controls input::placeholder{color:rgba(238,234,245,.62)}
#site-header .guide-controls .search-field:focus-within{background:rgba(255,255,255,.6);border-color:rgba(245,242,252,.68);color:#242328;outline:0;box-shadow:0 0 0 1px rgba(235,231,244,.4),0 0 12px rgba(224,218,237,.16)}
#site-header .guide-controls .search-field:focus-within input{color:#242328;caret-color:#242328}
#site-header .guide-controls .search-field:focus-within input::placeholder{color:rgba(47,42,55,.68)}
#site-header .guide-search-toggle,#site-header .guide-controls .mobile-toggle{color:#f4f1f8}
#site-header .guide-search-toggle:focus-visible,#site-header .guide-controls .mobile-toggle:focus-visible{outline:1px solid #e7e4ed;outline-offset:0;border-radius:50%;box-shadow:0 0 12px rgba(224,218,237,.2)}

/* The next section follows immediately; the fixed scene fades behind the foreground. */
.opening-hero{height:100svh;overflow:clip;background:#030108}
.opening-stage{position:relative;top:auto;height:100%;overflow:clip}
.opening-background{position:fixed;inset:0;transform:none;clip-path:inset(0 0 var(--hero-scene-clip,0px) 0)}
.opening-background::after{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;background:#050609;opacity:var(--hero-exit-opacity,0)}
.opening-hero[data-scenery-hidden] .opening-background{visibility:hidden}
.opening-content{padding:80px 0;transform:none}
.opening-content h1{text-align:center;margin-bottom:0}
.hero-guide-cards{margin:40px auto 0;text-align:left}
.opening-hero::after{content:none}
@media(max-width:760px){
 #site-header,#site-header.is-floating,#site-header.is-over-guide{top:0;height:64px}
 #site-header .site-header-inner{padding-inline:18px;gap:4px}
 #site-header .guide-controls,#site-header.is-guide .guide-controls{width:88px;display:flex;align-items:center}
 #site-header .guide-controls .mobile-toggle{visibility:hidden}
 #site-header.is-guide .guide-controls .mobile-toggle{visibility:visible}
 #site-header .guide-controls .search{background:rgba(18,16,24,.92);border-color:rgba(235,228,244,.16);backdrop-filter:blur(20px)}
 .opening-content{padding:80px 0}
 .hero-guide-cards{width:100%;margin-top:32px;padding:3px 0 14px;scroll-snap-type:x mandatory}
 .hero-guide-card{flex-basis:100%;scroll-snap-align:center}
}
@media(max-height:560px){
 .opening-hero{height:max(100svh,480px)}
 .opening-content{padding:80px 0 32px}
}
@media(prefers-reduced-motion:reduce){
 .opening-hero{height:100svh;min-height:480px}
 .opening-stage{position:relative;height:100%}
 .opening-background{position:absolute;clip-path:none}
 .opening-content{transform:none}
 #site-header .guide-controls .search-field{transition:none}
}