/* Shared surfaces: the landing, menu, account and dialogs switch together. */
/* Only a deliberate theme change animates: first paint stays instant. */
html[data-theme-changing],html[data-theme-changing] *,html[data-theme-changing] *::before,html[data-theme-changing] *::after{
  transition-property:background-color,color,border-color,outline-color,box-shadow,fill,stroke,text-decoration-color!important;
  transition-duration:440ms!important;
  transition-timing-function:cubic-bezier(.22,.7,.25,1)!important;
  transition-delay:0s!important;
}
.theme-button{width:42px;height:42px;flex:0 0 42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:11px;background:var(--white);color:#526b92;transition:background .2s,color .2s,border-color .2s}.theme-button:hover{color:var(--blue);background:var(--soft)}.theme-button .icon{width:20px;height:20px}.theme-sun{display:none}[data-theme=dark] .theme-sun{display:block}[data-theme=dark] .theme-moon{display:none}.header-inner{gap:18px}.header-inner>nav{margin-left:auto;margin-right:auto}.header-inner>.button{margin-left:0}.header-inner>.theme-button{margin-left:-6px}.account-header>.account-wrap{gap:24px}.account-header .theme-button{width:38px;height:38px;flex-basis:38px}.account-header .help-button{margin-left:-13px}
.mobile-nav{position:absolute;right:max(24px,calc((100vw - 1360px)/2));top:calc(100% + 10px);width:300px;max-width:calc(100vw - 36px);max-height:calc(100dvh - 100px);overflow-y:auto;padding:9px;gap:3px;border:1px solid var(--line);background:var(--white);box-shadow:0 15px 50px #18365e1c;border-radius:16px;transform-origin:top right;animation:menu-enter .18s var(--ease);z-index:30}.mobile-nav a{display:flex;align-items:center;gap:12px;padding:15px 13px;border-radius:9px;font-size:14px;font-weight:550;transition:background .15s}.mobile-nav a:hover,.mobile-nav a:focus-visible{background:var(--soft);color:var(--blue)}.mobile-nav a>.icon:first-child{width:20px;height:20px;color:#6783b3}.mobile-nav .nav-arrow{margin-left:auto;width:17px;height:17px;color:#94a6c1}.menu-button[aria-expanded=true] .menu-lines{display:none}.menu-button[aria-expanded=false] .menu-close{display:none}.menu-button[aria-expanded=true]{background:var(--soft);color:var(--blue);border-color:#b6c9f4}@keyframes menu-enter{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
.mini-shortcuts{display:grid;gap:8px;margin-top:22px}.mini-shortcuts a{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:500;padding:13px 11px;border:1px solid var(--line);border-radius:8px;background:#f8faff;transition:border-color .2s,background .2s}.mini-shortcuts a:hover{border-color:#a4bcf0;background:var(--soft)}.mini-shortcuts a>.icon{width:17px;height:17px;color:#6485be}.mini-shortcuts a>.icon:last-child{margin-left:auto;width:14px;height:14px}.mini-sub>strong{margin-bottom:12px}.mini-sub-description{font-size:11px;line-height:1.7;color:#d5e2ff;margin-top:0}.mini-sub .mini-fake-button{color:#fff}.mini-fake-button:hover{background:#ffffff2b}
[data-theme=dark]{--paper:#0a1424;--white:#111f33;--ink:#edf3ff;--muted:#9eafc8;--blue:#4779ff;--line:#26374f;--soft:#1a2d4a;color-scheme:dark}
[data-theme=dark] .site-header{background:#0a1424f5}[data-theme=dark] .brand{color:#e3edff}[data-theme=dark] .brand-na{border-color:#6f94d4}[data-theme=dark] .eyebrow{color:#b0c3df}[data-theme=dark] .hero-description,[data-theme=dark] .hero-actions .text-link{color:#adbed8}[data-theme=dark] h1 span{color:#79a2ff}[data-theme=dark] .theme-button,[data-theme=dark] .menu-button{background:#14243b;color:#a9c5ee}[data-theme=dark] .theme-button:hover,[data-theme=dark] .menu-button[aria-expanded=true]{background:#213b60;color:#dbeaff}[data-theme=dark] .mobile-nav{box-shadow:0 20px 55px #0007}[data-theme=dark] .mobile-nav a>.icon:first-child{color:#8baeed}[data-theme=dark] .stage-halo{background:radial-gradient(ellipse at 50% 45%,#1b53c438 0%,#122c5b30 45%,#0a142400 70%)}[data-theme=dark] .stage-label{background:#11213ae6;border-color:#314b72;color:#b3caed}[data-theme=dark] .stage-label i{background:#83b0ff}[data-theme=dark] .stage-index{color:#839fc6}[data-theme=dark] .platform-line .icon{color:#9fb9df}[data-theme=dark] .country-options button:hover{background:#132741}[data-theme=dark] .country-options button[aria-pressed=true]{background:#193359;border-color:#4169ac;box-shadow:none}[data-theme=dark] .country-options button small{color:#93a8c7}[data-theme=dark] .country-options button[aria-pressed=true] small{color:#a4c4ff}[data-theme=dark] .flag{border-color:#334969}[data-theme=dark] .account-showcase{background:#12233d;border-color:#294366}[data-theme=dark] .showcase-copy .round-icon{background:#233f68;color:#a8caff}[data-theme=dark] .showcase-copy ul{color:#afc2df}[data-theme=dark] .showcase-copy>small{color:#95a8c5}[data-theme=dark] .dark{background:#edf4ff;color:#152847}[data-theme=dark] .dark:hover{background:#d6e5ff}[data-theme=dark] .mini-account{background:#0e1b2e;border-color:#30496b;box-shadow:0 20px 40px #0002}[data-theme=dark] .mini-brand{color:#8fb0ff}[data-theme=dark] .mini-greeting>span{color:#9baec9}[data-theme=dark] .demo-badge{color:#a3b7d6;border-color:#344a69}[data-theme=dark] .mini-shortcuts a{background:#162840}[data-theme=dark] .mini-shortcuts a:hover{background:#203959;border-color:#5b7db7}[data-theme=dark] .mini-shortcuts a>.icon{color:#a2bce7}[data-theme=dark] summary>span{background:#223854;color:#b4cbed}[data-theme=dark] details[open] summary>span{background:#305494;color:#eef5ff}[data-theme=dark] .site-footer p{color:#90a5c5}
[data-theme=dark] .account-header,[data-theme=dark] .profile-tile,[data-theme=dark] .panel-card,[data-theme=dark] .quick-link{background:var(--white)}[data-theme=dark] .account-header .brand-na small{background:var(--white)}[data-theme=dark] .account-header-title,[data-theme=dark] .back-site{color:#a1b4d0}[data-theme=dark] .help-button{background:#172b46;color:#b0c8ee}[data-theme=dark] .account-nav a{color:#a8bad5}[data-theme=dark] .account-nav a[aria-current=page]{color:white}[data-theme=dark] .account-nav a:not([aria-current=page]):hover{background:#1b3151;color:#d4e4ff}[data-theme=dark] .tile-icon,[data-theme=dark] .help-card .tile-icon{background:#203959;color:#accbff}[data-theme=dark] .profile-tile>a{color:#8fb3ff}[data-theme=dark] .quick-link>.icon{color:#9ebbe7}[data-theme=dark] .account-note,[data-theme=dark] .account-footer{color:#92a6c3}[data-theme=dark] .field-label input,[data-theme=dark] .field-label select{background:#0b192d;border-color:#3b5273;color:#e7efff}[data-theme=dark] .field-label input::placeholder{color:#7f95b5}[data-theme=dark] .field-label small{color:#9eafc8}[data-theme=dark] .form-status{color:#9ec2ff}[data-theme=dark] .icon-button{background:#1a2b43;color:#a4b9da}[data-theme=dark] .icon-button:hover{background:#472733;color:#ffd4dc}[data-theme=dark] .account-page dialog{background:#122139;border-color:#395274;color:var(--ink);box-shadow:0 30px 90px #0008}[data-theme=dark] .dialog-close{background:#243b5e;color:#bed6fc}[data-theme=dark] .account-page dialog::backdrop{background:#020812b0}[data-theme=dark] .toast{background:#dceaff;color:#102744}
@media(min-width:801px){.mobile-nav{display:none}}
@media(max-width:1100px){.header-inner{gap:12px}.header-inner nav{gap:20px}.header-inner>.theme-button{margin-left:0}}
@media(max-width:800px){.header-inner>.button{margin-left:auto}.header-inner{gap:10px}.theme-button{width:40px;height:40px;flex-basis:40px}.account-header>.account-wrap{gap:18px}.account-header .help-button{margin-left:-9px}}
@media(max-width:600px){.mobile-nav{right:18px;top:calc(100% + 8px);width:280px}.header-inner{gap:6px}.header-inner>.button{font-size:10px;min-height:40px;padding:10px}.header-inner>.button .icon{display:none}.theme-button{width:40px;height:40px;flex-basis:40px}.menu-button{width:40px;height:40px;flex:0 0 40px}.brand{font-size:25px}.header-inner>.button{gap:0}.account-header>.account-wrap{gap:15px}.account-header .theme-button{width:36px;height:36px;flex-basis:36px}.account-header .help-button{margin-left:-7px}.mini-shortcuts a{font-size:12px;padding:14px 11px}}
@media(max-width:350px){.header-inner>.button{font-size:9px;padding:10px 8px}.brand{font-size:23px}.theme-button,.menu-button{width:38px;height:40px;flex-basis:38px}.account-header .back-site{font-size:9px}.account-header>.account-wrap{gap:12px}}
/* The two icons share the same footprint; no layout jump when they exchange. */
.theme-button{position:relative}
.theme-button .theme-sun,.theme-button .theme-moon{display:block;position:absolute;pointer-events:none;transition:opacity 260ms ease,transform 440ms cubic-bezier(.22,.7,.25,1)!important}
.theme-button .theme-sun{opacity:0;transform:rotate(-70deg) scale(.65)}
.theme-button .theme-moon{opacity:1;transform:rotate(0) scale(1)}
[data-theme=dark] .theme-button .theme-sun{opacity:1;transform:rotate(0) scale(1)}
[data-theme=dark] .theme-button .theme-moon{opacity:0;transform:rotate(70deg) scale(.65)}
/* Gradients do not interpolate reliably: fade their two existing layers. */
.stage-halo{background:none!important}
html .stage-halo::before,html .stage-halo::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;transition:opacity 440ms cubic-bezier(.22,.7,.25,1)!important}
.stage-halo::before{background:radial-gradient(ellipse at 50% 45%,#c0d3ff45 0%,#dbe7ff20 45%,#f4f7fc00 70%);opacity:1}
.stage-halo::after{background:radial-gradient(ellipse at 50% 45%,#1b53c438 0%,#122c5b30 45%,#0a142400 70%);opacity:0}
[data-theme=dark] .stage-halo::before{opacity:0}[data-theme=dark] .stage-halo::after{opacity:1}
@media(prefers-reduced-motion:reduce){
 .mobile-nav{animation:none}.theme-button{transition:none}
 html[data-theme-changing],html[data-theme-changing] *,html[data-theme-changing] *::before,html[data-theme-changing] *::after,.theme-button .icon,html .stage-halo::before,html .stage-halo::after{transition:none!important}
}