/* Theme and availability corrections; no transaction component is remounted on theme change. */
:root{--ui-surface:#fff;--ui-soft:#f0f4fa;--ui-accent:#2444b4;--ui-border:#ccd7e7;--ui-status-bg:#edf3ff;--ui-status-text:#345078}
:root[data-theme=dark]{--ui-surface:#121e31;--ui-soft:#1b2c45;--ui-accent:#b3caff;--ui-border:#3b506f;--ui-status-bg:#1b2e4b;--ui-status-text:#c0d2ed}
.nav-pill>a[aria-current=page],.mobile-nav>a[aria-current=page]{color:var(--ui-accent);background:var(--ui-soft);font-weight:600}
.mobile-nav>a{background:transparent}
:root[data-theme=dark] .mobile-nav>a{background:transparent}
:root[data-theme=dark] .mobile-nav>a[aria-current=page]{background:var(--ui-soft)}
.mode,.footer-bottom p,.footer-bottom{color:var(--muted)}
.service-availability{display:flex;justify-content:space-between;align-items:center;gap:24px;border:1px solid var(--ui-border);background:var(--ui-soft);border-radius:16px;padding:20px 24px;margin:0 0 24px}
.service-availability>div{min-width:0;max-width:760px}
.service-availability p{font-size:var(--text-sm);line-height:1.7;margin-top:10px}
.service-availability .btn{flex-shrink:0;white-space:normal;text-align:center}
.service-availability button:disabled,.wallet-choice:disabled{opacity:1;color:var(--muted);cursor:not-allowed}
.wallet-choice:disabled{background:var(--ui-soft);border-color:var(--line)}
.wallet-choice:disabled .wallet-choice-arrow{display:none}
.wallet-choice:disabled img{opacity:.65}
.implementation-table{min-width:660px}
.implementation-table td{white-space:normal;line-height:1.7;vertical-align:top;min-width:180px}
.implementation-table td:first-child{min-width:140px}
.implementation-table td:last-child{min-width:260px}
.lab-card .lab-preview-top{gap:8px;flex-wrap:wrap;justify-content:space-between;align-items:center}
.lab-card .lab-preview-top .badge{font-size:10px;letter-spacing:.025em;text-transform:none;padding:3px 7px;white-space:normal}
/* The existing section/card composition follows the selected theme too. */
:root[data-theme=light] .product-lab{background:#eaf0f9;color:#152445}
:root[data-theme=light] .product-lab:before{background:radial-gradient(ellipse at 77% 40%,#b8cffb45,transparent 65%)}
:root[data-theme=light] .lab-card{background:#ffffffb8;border-color:#cbd8ec}
:root[data-theme=light] .lab-card:hover{background:#fff;border-color:#9fb5db}
:root[data-theme=light] .lab-card :is(h3,.lab-hero-number strong,.lab-metrics strong){color:#152445}
:root[data-theme=light] .product-lab :is(.lab-heading .eyebrow,.lab-heading-tools p,.lab-grid-note,.lab-bottom p,.lab-metrics span,.lab-control,.lab-hero-number span,.lab-card-index){color:#4f6079}
:root[data-theme=light] .product-lab :is(.lab-action,.lab-control output){color:#2444b4}
:root[data-theme=light] .product-lab :is(.lab-controls,.lab-metrics,.lab-bottom){border-color:#d0dcec}
:root[data-theme=light] .lab-control select{background:#edf2fa;color:#21385b;border-color:#b9c9df}
:root[data-theme=light] .product-lab :is(.lab-motion-toggle,.flow-motion-toggle){background:#fff;color:#2444b4;border-color:#b9c9df}
:root[data-theme=light] .product-lab .badge{background:#edf3ff;border-color:#bdcdeb;color:#345078}
:root[data-theme=light] .product-lab{--lab-accent:#355eb6}
:root[data-theme=light] .lab-coin{fill:#e0e9fa;stroke:#879fc7}
:root[data-theme=light] :is(.lab-symbol,.lab-instrument){fill:#2444b4}
:root[data-theme=light] :is(.lab-guide,.lab-gridline){stroke:#b5c6df}
:root[data-theme=dark] .lab-card .badge{background:#20375e;border-color:#46618d;color:#d2e0ff}
/* One continuous light backdrop; color depth increases around the 3D scene. */
:root[data-theme=light] .evolix-react-hero{--muted:#4f6079;color:#152445;background:radial-gradient(ellipse 44% 58% at 80% 44%,#b4c9f0 0%,#cddaf3 36%,#e9eff9 72%,#f7f9fc 100%)}
:root[data-theme=light] .evolix-react-hero h1{color:#152445;text-shadow:none}
:root[data-theme=light] .evolix-react-hero h1 em{color:#244fe8}
:root[data-theme=light] .evolix-react-hero :is(.hero-description,.hero-content>.eyebrow,.hero-foot){color:#405573;text-shadow:none}
:root[data-theme=light] .evolix-react-hero .hero-ctas .text-link{color:#2444b4;border-color:#879bbf}
:root[data-theme=light] .evolix-react-hero .hero-portfolio{background:#ffffffeb;color:#152445;border-color:#b8c9e1}
:root[data-theme=light] .evolix-react-hero .hero-portfolio :is(strong,.hero-portfolio-top,.hero-portfolio-bottom){color:#21385b}
:root[data-theme=light] .evolix-react-hero .hero-index{color:#405573}
:root[data-theme=light] .evolix-react-hero .hero-index>span{color:#2444b4}
:root[data-theme=light] .evolix-visual-controls button{background:#f5f8ffe8;color:#21385b;border-color:#a9bddb}
:root[data-theme=light] .evolix-drag-hint{color:#21385b}
:root[data-theme=light] .market-terminal{--plot-muted:#536783;--plot-text:#21385b}
.market-terminal :is(.market-step,.market-ohlc small,.market-summary,.market-disclosure,.market-tooltip>span,.market-chart-hint,.market-readout){color:var(--muted)!important}
:root[data-theme=light] .market-terminal :is(.market-ohlc b,.market-summary b,.market-window-label){color:#405573}
:root[data-theme=dark] .market-feed-status[data-status=live]{background:#173c35;border-color:#376457;color:#a9e2ce}
:root[data-theme=dark] .market-feed-status:is([data-status=disconnected],[data-status=unavailable]){background:#382d20;border-color:#6c5639;color:#edcc9c}
:root[data-theme=dark] .market-window-label{color:#b4c6e0}
:root[data-theme=dark] :is(.live-toolbar select,.scenario-controls select,.live-token-picker-dialog .token-search input){background:var(--ui-soft);color:var(--ink);border-color:var(--ui-border)}
:root[data-theme=dark] :is(.field-input,.field-select,.input-box,.token-select){color:var(--ink);border-color:var(--ui-border)}
:root[data-theme=dark] .table a{color:var(--ui-accent)}
:root[data-theme=dark] .live-wallet-id,:root[data-theme=dark] .live-token-name{color:var(--muted)}
:root[data-theme=dark] .coin-stack-allocated .coin-cap{stroke:#a7c8ff}
:root[data-theme=dark] #coin-face-allocated stop:first-child{stop-color:#dfedff}
:root[data-theme=dark] #coin-face-available stop:first-child{stop-color:#e2efff}
:root[data-theme=dark] #coin-face-available stop:nth-child(3){stop-color:#89a7cf}
:root[data-theme=dark] .capital-coin-stage{box-shadow:inset 0 1px 0 #b4d3ff12}
:root[data-theme=dark] .flow-allocation-input output{color:#b3caff}
:root[data-theme=light] .flow-allocation-input output{color:#2444b4}
.no-motion .reveal-enter{animation:none!important;opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal-enter{animation:none!important;opacity:1;transform:none}}
@media(max-width:1000px){:root[data-theme=light] .evolix-react-hero{background:radial-gradient(ellipse 95% 35% at 50% 64%,#b4c9f0 0%,#cddaf3 36%,#e9eff9 72%,#f7f9fc 100%)}}
@media(max-width:768px){.service-availability{align-items:stretch;flex-direction:column;gap:16px;padding:18px}.service-availability .btn{align-self:flex-start;max-width:100%}.lab-card .lab-preview-top .badge{max-width:100%}}
@media(max-width:600px){.mobile-nav a{min-height:44px;display:flex;align-items:center}.flow-footer .btn{max-width:100%}.capital-map-heading{flex-wrap:wrap}.service-availability p{font-size:13px}}

:root[data-theme=light] .lab-card .lab-metrics strong[data-negative=true]{color:var(--danger)}

/* A single left-aligned brand/navigation group, with wallet actions on the right. */
.header-inner{justify-content:flex-start}
.header-brand-nav{display:flex;align-items:center;justify-content:flex-start;gap:clamp(22px,2.6vw,40px);min-width:0}
.header-brand-nav>.brand,.header-brand-nav>.nav-pill{flex-shrink:0}
.header-actions{margin-left:auto;flex-shrink:0}
/* No reserved control column remains in preview/coin headings. */
.lab-heading-tools{display:block}
.capital-map-heading{justify-content:flex-start}
.evolix-visual-controls{gap:0}
.evolix-drag-hint{margin-right:0}
@media(max-width:1000px){
 .header-brand-nav>.nav-pill{display:none}
 .header-actions .menu-button{display:grid;place-items:center;width:40px;height:40px;padding:0;flex-shrink:0}
 .mobile-nav{display:flex;position:absolute;top:calc(100% - 8px);left:var(--layout-gutter);right:var(--layout-gutter);flex-wrap:wrap;gap:8px;padding:16px;background:var(--ui-surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 36px #15244512}
 .mobile-nav a{display:flex;align-items:center;min-height:44px;padding:8px 13px;border-radius:22px}
 .evolix-react-root{bottom:40px}
 .evolix-react-fallback{inset:0 0 40px}
}
@media(min-width:1001px){.mobile-nav{display:none}}

:root[data-theme=light] .evolix-react-fallback img{filter:none;opacity:1}
:root[data-theme=light] .evolix-react-root canvas:focus-visible{outline-color:#244fe8}

/* Quiet environmental detail gives the light scene a visible spatial setting. */
.hero-atmosphere{display:none;position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:paint}
:root[data-theme=light] .hero-atmosphere{display:block}
.hero-atmosphere-field{position:absolute;inset:-4%;background:url('/assets/hero-field.svg') center/cover no-repeat;opacity:.9;mask-image:linear-gradient(180deg,transparent,#000 12%,#000 85%,transparent);animation:hero-field-drift 24s ease-in-out infinite alternate;animation-play-state:paused}
/* Overscan prevents the light field’s rectangular edges from entering the hero. */
.hero-atmosphere-glow{position:absolute;inset:-14%;background:radial-gradient(ellipse 32% 44% at 72% 45%,#6f9de357 0%,#87b3ed29 50%,#87b3ed00 100%),radial-gradient(ellipse 26% 35% at 88% 26%,#9d8fdd55,transparent 100%),radial-gradient(ellipse 30% 29% at 72% 78%,#66bdcc38,transparent 100%);animation:hero-atmosphere-breathe 17s ease-in-out infinite alternate;animation-play-state:paused}
.evolix-react-hero[data-ambient-active=true] :is(.hero-atmosphere-field,.hero-atmosphere-glow){animation-play-state:running}
@keyframes hero-field-drift{from{transform:translate3d(-8px,5px,0)}to{transform:translate3d(12px,-8px,0)}}
@keyframes hero-atmosphere-breathe{from{transform:translate3d(0,0,0) scale(1);opacity:.65}to{transform:translate3d(-20px,10px,0) scale(1.055);opacity:1}}
@media(max-width:1000px){
 .hero-atmosphere-field{inset:25% -50% -5%;background-position:86% center;background-size:auto 100%;opacity:.76;mask-image:linear-gradient(180deg,transparent,#000 24%,#000 84%,transparent)}
 .hero-atmosphere-glow{background:radial-gradient(ellipse 48% 29% at 50% 66%,#6f9de357 0%,#87b3ed29 50%,#87b3ed00 100%),radial-gradient(ellipse 35% 26% at 78% 51%,#9d8fdd55,transparent 100%),radial-gradient(ellipse 42% 25% at 40% 82%,#66bdcc38,transparent 100%)}
}
.no-motion :is(.hero-atmosphere-field,.hero-atmosphere-glow){animation:none;transform:none}
@media(prefers-reduced-motion:reduce){.hero-atmosphere-field,.hero-atmosphere-glow{animation:none;transform:none}}