/* Final unified institutional theme: charcoal, antique gold, and restrained green. */
:root { --bg:#0c0c0a; --bg2:#17140f; --panel:#18150f; --line:rgba(213,180,105,.18); --cyan:#d4b368; --violet:#b28c4c; --emerald:#78b88d; --text:#f1eadb; --muted:#ada596; }
body { color:var(--text); background:#0c0c0a!important; }
body:before { opacity:.38!important; background-image:linear-gradient(rgba(220,187,109,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(220,187,109,.1) 1px,transparent 1px)!important; background-size:52px 52px!important; mask-image:linear-gradient(135deg,transparent 0,black 36%,transparent 82%)!important; }
body:after { opacity:.36!important; background:radial-gradient(ellipse at 18% 0,rgba(198,156,77,.13),transparent 42%),radial-gradient(ellipse at 86% 88%,rgba(110,89,47,.16),transparent 42%)!important; mask-image:none!important; }
.safety-banner { background:linear-gradient(90deg,#21190d,#14110c)!important; border-color:#cda95b36!important; color:#ded1ba!important; }
.safety-banner strong,.eyebrow { color:#dfbd71!important; }.safety-banner span { color:#c7bda9!important; }
.site-header nav,.site-header nav a,.section-copy,.hero>p,.signal-strip,.field small,.field small,.network-item span,.steps p,details p,.result-heading>div>p:last-child,.completion-banner p,.result-side p,.fee-line small { color:#afa797!important; }
.brand-mark { background:linear-gradient(145deg,#332515,#100e0a)!important; border-color:#d5b367!important; box-shadow:0 0 20px rgba(205,165,91,.2),inset 0 0 15px rgba(205,165,91,.08)!important; }
.brand>span:last-child span { color:#e5c77d!important; }
.demo-badge { color:#b6dfbf!important; background:#78b88d12!important; border-color:#78b88d4d!important; }
.glass-panel,.form-panel,.result-card,.priority-summary { background:linear-gradient(145deg,rgba(29,25,18,.96),rgba(17,15,11,.96))!important; border-color:#d2ae6138!important; }
.workflow-card,.result-side { background:linear-gradient(145deg,#2a2013,#15110c)!important; border-color:#cda95b52!important; }
.asset-card,.priority-card,.network-item { background:#17130e!important; border-color:#cda95b2e!important; }
.asset-card:hover,.priority-card:hover,.asset-card.selected,.priority-card.selected { background:#372b193b!important; border-color:#dfbd718f!important; }
.asset-group { background:linear-gradient(90deg,rgba(44,34,19,.64),rgba(20,17,12,.82))!important; border-color:#cda95b2e!important; }
.field input { background:#110f0c!important; color:var(--text)!important; border-color:#cda95b3c!important; }.field input:focus { border-color:#dfbd71!important; box-shadow:0 0 0 3px rgba(223,189,113,.13)!important; }
.primary { color:#1a140a!important; background:linear-gradient(105deg,#ba9148,#ead28b)!important; box-shadow:0 9px 24px rgba(191,145,68,.22)!important; }.ghost { color:#e6dccb!important; background:#cda95b0a!important; border-color:#cda95b4c!important; }.text-button { color:#c0b5a0!important; }
.local-pill { background:#78b88d12!important; border-color:#78b88d3c!important; color:#c7dfc9!important; }.local-pill span,.signal-strip i { background:#78b88d!important; }
.workflow-card li,.mini-note { color:#cbbfa9!important; border-color:#dfbd711b!important; }.workflow-card b { color:#dfbd71!important; }
.progress-track { background:#110f0c!important; }.progress-track div { background:linear-gradient(90deg,#a97f38,#e0c074)!important; }.progress-track div.is-complete { background:linear-gradient(90deg,#4f9670,#9ed6ad)!important; }
.progress-list li { color:#948b7c!important; border-color:#d2ae6124!important; }.progress-list li.active { color:#f1eadb!important; background:#d4b3680c!important; border-color:#dfbd71!important; }.progress-list li.complete { color:#9cd2aa!important; }
.completion-mark { background:#78b88d1d!important; border-color:#78b88d5e!important; color:#b9ebc4!important; }
.result-card dt { color:#aaa08f!important; }.placeholder-warning { background:#cda95b10!important; border-color:#cda95b38!important; color:#ead1a4!important; }.inline-qr { border-color:#dfbd711b!important; }
.site-date { color:#ddd0b8!important; background:#d4b3680a!important; border-color:#d4b36838!important; }.site-date:before { border-color:#dfbd71!important; box-shadow:inset 0 3px 0 -1px #dfbd71!important; }
.hero { max-width:860px!important; }.hero>p { font-size:1.13rem!important; line-height:1.7!important; }.welcome-note { display:flex; align-items:center; gap:11px; max-width:610px; margin-top:22px; padding:12px 15px; color:#d9cfbd; background:rgba(217,184,110,.08); border:1px solid rgba(217,184,110,.22); border-radius:14px; font-size:.84rem; }.welcome-note b { color:#f0d287; }.welcome-icon { display:grid; place-items:center; width:27px; height:27px; flex:0 0 auto; border-radius:50%; color:#1d170c; background:#e5c775; font-size:.92rem; }.form-panel,.workflow-card,.result-card,.result-side,.priority-choices,.priority-summary { border-radius:24px!important; }.form-panel { padding:32px!important; }.form-panel legend { display:flex; align-items:center; gap:9px; font-size:1rem!important; }.step-number { display:grid; place-items:center; width:23px; height:23px; border-radius:50%; color:#1b150c; background:#e4c778; font-size:.73rem; }.beginner-guide { display:flex; gap:10px; padding:13px 0 3px; color:#c8bdab; font-size:.76rem; }.beginner-guide span { flex:1; padding:9px 11px; background:#ffffff05; border:1px solid #d4b36820; border-radius:10px; }.beginner-guide b { display:inline-grid; place-items:center; width:17px; height:17px; margin-right:4px; border-radius:50%; color:#151108; background:#d4b368; font-size:.62rem; }.asset-card,.priority-card { min-height:58px!important; border-radius:13px!important; }.asset-card b,.priority-card b { font-size:.8rem!important; }.asset-network { font-size:.61rem!important; }.button { border-radius:14px!important; padding:13px 19px!important; }.beginner-result-note { display:flex; align-items:center; gap:8px; margin-top:15px; color:#cdc2af; font-size:.8rem; }.beginner-result-note span { display:grid; place-items:center; width:20px; height:20px; color:#182216; background:#9bdbab; border-radius:50%; font-size:.7rem; font-weight:900; }.progress-panel { padding:32px!important; }.progress-list li { padding:12px!important; border-radius:8px; }.faq-list details { padding:19px 0!important; }.network-item { border-radius:14px!important; }
@media (max-width:700px) { .beginner-guide { flex-direction:column; }.form-panel { padding:21px!important; }.welcome-note { align-items:flex-start; }.progress-panel { padding:20px!important; } }
/* Bright, approachable final color system. */
:root { --bg:#f5fbf7; --bg2:#ecf8ef; --panel:#ffffff; --line:rgba(35,137,76,.18); --cyan:#21864d; --violet:#348f5c; --emerald:#249154; --text:#153b25; --muted:#5d7867; }
body { color:#153b25!important; background:#f5fbf7!important; }body:before { opacity:.72!important; background-image:linear-gradient(rgba(42,153,83,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(42,153,83,.08) 1px,transparent 1px)!important; mask-image:linear-gradient(135deg,transparent 0,black 32%,transparent 82%)!important; }body:after { opacity:.72!important; background:radial-gradient(ellipse at 9% 0,rgba(119,215,153,.22),transparent 42%),radial-gradient(ellipse at 93% 88%,rgba(83,184,118,.14),transparent 43%)!important; }
.safety-banner { color:#18472b!important; background:linear-gradient(90deg,#e4f7ea,#f5fff7)!important; border-color:#7fca9c77!important; }.safety-banner strong,.eyebrow { color:#19733f!important; }.safety-banner span { color:#527260!important; }
.site-header nav,.site-header nav a,.section-copy,.hero>p,.signal-strip,.field small,.network-item span,.steps p,details p,.result-heading>div>p:last-child,.completion-banner p,.result-side p,.fee-line small { color:#5d7867!important; }.brand { color:#153b25!important; }.brand-mark { background:linear-gradient(145deg,#eaffef,#c8f0d6)!important; border-color:#36a563!important; box-shadow:0 0 20px rgba(54,165,99,.18),inset 0 0 15px rgba(54,165,99,.09)!important; }.brand-mark:before { border-color:#299153!important; }.brand-mark i { background:#228f4c!important; box-shadow:0 0 8px #41ac6b!important; }.brand-mark:after { border-color:#2f9857!important; }.brand>span:last-child span { color:#238a4c!important; }
.demo-badge { color:#18753e!important; background:#e4f8eb!important; border-color:#83cba077!important; }.site-date { color:#35704d!important; background:#f1fbf4!important; border-color:#a5d8b777!important; }.site-date:before { border-color:#379b5c!important; box-shadow:inset 0 3px 0 -1px #379b5c!important; }
.glass-panel,.form-panel,.result-card,.priority-summary { background:rgba(255,255,255,.93)!important; border-color:#a9dcb974!important; box-shadow:0 15px 40px rgba(23,89,47,.08)!important; }.workflow-card,.result-side { background:linear-gradient(145deg,#effcf3,#dff6e6)!important; border-color:#9bd2ad!important; }.asset-card,.priority-card,.network-item { background:#ffffff!important; border-color:#b9e0c574!important; }.asset-card:hover,.priority-card:hover,.asset-card.selected,.priority-card.selected { background:#e8f8ee!important; border-color:#51aa70!important; }.asset-group { background:linear-gradient(90deg,#f5fcf7,#edf9f1)!important; border-color:#bfe3ca!important; }.asset-group>p { color:#227c46!important; }
.field input { color:#153b25!important; background:#ffffff!important; border-color:#a9d7b676!important; }.field input:focus { border-color:#2e9857!important; box-shadow:0 0 0 3px rgba(46,152,87,.15)!important; }.primary { color:#ffffff!important; background:linear-gradient(105deg,#20864a,#49ad70)!important; box-shadow:0 9px 22px rgba(32,134,74,.25)!important; }.ghost { color:#1b7540!important; background:#f8fdf9!important; border-color:#89cda276!important; }.text-button { color:#3e7454!important; }
.welcome-note { color:#416b52!important; background:#ebf9ef!important; border-color:#a8dcb977!important; }.welcome-note b,.step-number,.beginner-guide b { color:#ffffff!important; background:#2b9253!important; }.welcome-icon { color:#ffffff!important; background:#2b9253!important; }.beginner-guide { color:#4b725a!important; }.beginner-guide span { background:#f7fcf8!important; border-color:#c3e5ce!important; }
.local-pill { color:#287946!important; background:#e7f7ec!important; border-color:#9bd5ad!important; }.local-pill span,.signal-strip i { background:#3aa262!important; }.workflow-card li,.mini-note { color:#456d55!important; border-color:#bfe3ca!important; }.workflow-card b { color:#25834a!important; }.workflow-card>img { background:radial-gradient(circle,#ffffff 0,#e4f7ea 68%)!important; border-color:#a7d8b7!important; filter:drop-shadow(0 8px 16px rgba(33,124,69,.13))!important; }
.progress-track { background:#e4f4e9!important; }.progress-track div { background:linear-gradient(90deg,#54ae73,#2a8f50)!important; }.progress-track div.is-complete { background:linear-gradient(90deg,#2a8f50,#87d5a1)!important; }.progress-list li { color:#698574!important; border-color:#c3e7cf!important; }.progress-list li.active { color:#174c2b!important; background:#e8f8ee!important; border-color:#39a361!important; }.progress-list li.complete { color:#22864a!important; }.completion-mark { background:#daf2e3!important; border-color:#7bc497!important; color:#197442!important; }
.result-card dt { color:#668070!important; }.placeholder-warning { background:#fff8e9!important; border-color:#ead39b!important; color:#80652d!important; }.summary-content .summary-highlight { color:#21864d!important; }.inline-qr { border-color:#bfe3ca!important; }.priority-choices { background:linear-gradient(145deg,#f5fcf7,#e8f8ed)!important; }.priority-context { color:#48735a!important; border-color:#c2e5cc!important; }.priority-context i { background:#3da762!important; }.qr-client-note { color:#638172!important; }
.faq-section details { border-color:#c8e7d0!important; }.faq-section summary { color:#1c5f36!important; }.faq-section summary:after { color:#258b4b!important; }
.result-side,.result-side h2,.workflow-card,.workflow-card h3,.workflow-card .eyebrow { color:#163d26!important; }.result-side p { color:#476e56!important; }.theme-toggle { display:inline-flex; align-items:center; gap:5px; padding:7px 10px; color:#287545; background:#f4fcf6; border:1px solid #a7d9b7; border-radius:999px; font-size:.7rem; font-weight:800; cursor:pointer; }.theme-toggle:hover { color:#fff; background:#2b9253; border-color:#2b9253; }.theme-toggle span:first-child { font-size:.9rem; line-height:0; }
.dark-mode { --bg:#0b1910; --bg2:#102317; --panel:#122319; --line:rgba(123,198,148,.2); --cyan:#91d7a7; --violet:#75c695; --emerald:#8cdda6; --text:#edf8f0; --muted:#b1c7b8; color:#edf8f0!important; background:#0b1910!important; }.dark-mode:before { opacity:.34!important; background-image:linear-gradient(rgba(139,220,164,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(139,220,164,.09) 1px,transparent 1px)!important; }.dark-mode:after { opacity:.42!important; background:radial-gradient(ellipse at 14% 4%,rgba(65,149,91,.22),transparent 40%),radial-gradient(ellipse at 92% 92%,rgba(27,77,46,.33),transparent 45%)!important; }.dark-mode .safety-banner { color:#d7eddd!important; background:linear-gradient(90deg,#173321,#0e2416)!important; border-color:#69b98577!important; }.dark-mode .safety-banner strong,.dark-mode .eyebrow { color:#9de2b2!important; }.dark-mode .safety-banner span,.dark-mode .site-header nav,.dark-mode .site-header nav a,.dark-mode .section-copy,.dark-mode .hero>p,.dark-mode .signal-strip,.dark-mode .field small,.dark-mode .network-item span,.dark-mode .steps p,.dark-mode details p,.dark-mode .result-heading>div>p:last-child,.dark-mode .completion-banner p,.dark-mode .result-side p,.dark-mode .fee-line small { color:#b5cbbd!important; }.dark-mode .brand { color:#edf8f0!important; }.dark-mode .brand-mark { background:linear-gradient(145deg,#183a26,#0d1e14)!important; border-color:#86d29d!important; }.dark-mode .brand-mark:before { border-color:#a1e0b5!important; }.dark-mode .brand-mark i { background:#c3f2d0!important; }.dark-mode .brand-mark:after { border-color:#c3f2d0!important; }.dark-mode .brand>span:last-child span { color:#9de2b2!important; }.dark-mode .site-date,.dark-mode .theme-toggle { color:#ccebd5!important; background:#163522!important; border-color:#5aaf7677!important; }.dark-mode .theme-toggle:hover { color:#102515!important; background:#9de2b2!important; }.dark-mode .demo-badge { color:#b6edc6!important; background:#193a25!important; border-color:#64b88077!important; }.dark-mode .glass-panel,.dark-mode .form-panel,.dark-mode .result-card,.dark-mode .priority-summary { background:rgba(17,35,24,.95)!important; border-color:#4c9e6674!important; box-shadow:0 15px 38px rgba(0,0,0,.24)!important; }.dark-mode .workflow-card,.dark-mode .result-side { color:#edf8f0!important; background:linear-gradient(145deg,#173e29,#102719)!important; border-color:#5fb77b!important; }.dark-mode .result-side h2,.dark-mode .workflow-card h3,.dark-mode .workflow-card .eyebrow { color:#edf8f0!important; }.dark-mode .asset-card,.dark-mode .priority-card,.dark-mode .network-item { background:#12291b!important; border-color:#4d986674!important; }.dark-mode .asset-card:hover,.dark-mode .priority-card:hover,.dark-mode .asset-card.selected,.dark-mode .priority-card.selected { background:#1e4a30!important; border-color:#8dddA4!important; }.dark-mode .asset-group { background:linear-gradient(90deg,#153522,#11271a)!important; border-color:#4e9e6877!important; }.dark-mode .field input { color:#edf8f0!important; background:#0e2115!important; border-color:#4d9b6677!important; }.dark-mode .field input:focus { border-color:#91d7a7!important; box-shadow:0 0 0 3px rgba(145,215,167,.15)!important; }.dark-mode .primary { color:#102515!important; background:linear-gradient(105deg,#75c695,#a8e1b8)!important; }.dark-mode .ghost { color:#dff4e5!important; background:#173322!important; border-color:#62ac7977!important; }.dark-mode .result-card dt,.dark-mode .asset-network { color:#a9c5b2!important; }.dark-mode .placeholder-warning { color:#f0d695!important; background:#3b301a!important; border-color:#967b3977!important; }.dark-mode .welcome-note,.dark-mode .beginner-guide span { color:#c7dfcf!important; background:#173a25!important; border-color:#4b9c6577!important; }.dark-mode .progress-track { background:#0d2115!important; }.dark-mode .progress-list li { color:#a3bcaa!important; border-color:#4b9c6577!important; }.dark-mode .progress-list li.active { color:#edf8f0!important; background:#1a442b!important; border-color:#8bdca4!important; }.dark-mode .faq-section details { border-color:#4b986377!important; }.dark-mode .faq-section summary { color:#c9f0d4!important; }
.dark-mode .workflow-card>img { background:radial-gradient(circle,#1c452c 0,#102518 68%)!important; border-color:#67bf82!important; filter:hue-rotate(72deg) saturate(.85) drop-shadow(0 8px 18px rgba(87,193,119,.18))!important; }
.dark-mode .workflow-card>img { width:176px!important; height:132px!important; margin:0 auto 25px!important; padding:0!important; border-radius:17px!important; background:#102518!important; border-color:#67bf82!important; filter:drop-shadow(0 9px 18px rgba(87,193,119,.18))!important; }
.dark-mode:before { opacity:.76!important; background-image:radial-gradient(circle at 20% 30%,rgba(66,161,96,.16),transparent 31%),radial-gradient(circle at 80% 70%,rgba(18,74,47,.35),transparent 39%)!important; background-size:100% 100%!important; mask-image:none!important; animation:nebula-breathe 15s ease-in-out infinite alternate!important; }.dark-mode:after { inset:-18%!important; opacity:.8!important; background-image:radial-gradient(circle,rgba(224,255,233,.88) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(144,222,166,.65) 0 1px,transparent 1.6px),radial-gradient(circle,rgba(255,255,255,.6) 0 .7px,transparent 1.3px),linear-gradient(120deg,transparent 0 47%,rgba(141,232,168,.12) 48%,transparent 50%)!important; background-size:127px 163px,211px 181px,79px 97px,340px 340px!important; background-position:0 0,46px 62px,18px 29px,0 0!important; mask-image:none!important; animation:star-universe 38s linear infinite!important; }@keyframes star-universe { 0% { background-position:0 0,46px 62px,18px 29px,0 0; opacity:.62; } 50% { background-position:64px -81px,-59px -28px,49px -19px,170px -170px; opacity:.9; } 100% { background-position:127px -163px,-165px -119px,97px -74px,340px -340px; opacity:.62; } }@keyframes nebula-breathe { 0% { transform:scale(1); opacity:.54; } 100% { transform:scale(1.08); opacity:.84; } }
.dark-mode { background:radial-gradient(circle at 50% 10%,#143d28 0,transparent 30%),#07130d!important; }.dark-mode:before { position:fixed!important; inset:-20%!important; z-index:0!important; opacity:.75!important; background-image:radial-gradient(ellipse at 50% 50%,transparent 0 36%,rgba(112,213,142,.13) 36.5% 37.2%,transparent 37.8% 51%,rgba(112,213,142,.08) 51.5% 52%,transparent 52.5%),radial-gradient(circle at 25% 72%,rgba(44,148,83,.24),transparent 21%),radial-gradient(circle at 79% 19%,rgba(75,164,103,.16),transparent 19%)!important; background-size:760px 760px,100% 100%,100% 100%!important; background-position:50% 24%,0 0,0 0!important; transform:none!important; animation:orbit-shift 24s ease-in-out infinite alternate!important; }.dark-mode:after { inset:-14%!important; z-index:0!important; opacity:.86!important; background-image:radial-gradient(circle,rgba(232,255,238,.9) 0 1px,transparent 1.6px),radial-gradient(circle,rgba(133,226,160,.68) 0 1px,transparent 1.7px),radial-gradient(circle,rgba(255,255,255,.55) 0 .7px,transparent 1.3px),radial-gradient(circle at 50% 50%,transparent 0 18%,rgba(115,222,149,.11) 18.5% 18.8%,transparent 19.3%)!important; background-size:139px 173px,233px 211px,83px 101px,660px 660px!important; background-position:0 0,51px 67px,19px 28px,50% 50%!important; animation:cosmic-drift 32s linear infinite!important; }@keyframes cosmic-drift { 0% { background-position:0 0,51px 67px,19px 28px,50% 50%; } 100% { background-position:139px -173px,-182px -144px,102px -78px,50% 50%; } }@keyframes orbit-shift { 0% { background-position:48% 20%,0 0,0 0; } 100% { background-position:55% 28%,4% -3%,-3% 4%; } }
.dark-mode .how-section,.dark-mode .faq-section { position:relative; padding:34px!important; border:1px solid rgba(109,194,133,.42)!important; border-radius:24px; background:linear-gradient(145deg,rgba(15,42,27,.97),rgba(10,29,18,.97))!important; box-shadow:0 18px 42px rgba(0,0,0,.22); overflow:hidden; }.dark-mode .how-section:before,.dark-mode .faq-section:before { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(120deg,rgba(119,216,146,.08),transparent 34%); }.dark-mode .how-section>* ,.dark-mode .faq-section>* { position:relative; z-index:1; }.dark-mode .steps { margin-top:30px!important; }.dark-mode .steps article { padding:19px!important; border:1px solid rgba(108,192,132,.28)!important; border-radius:14px; background:rgba(24,61,39,.62); }.dark-mode .faq-item { padding:17px 18px!important; border:1px solid rgba(108,192,132,.28)!important; border-radius:13px; background:rgba(24,61,39,.62); }.dark-mode .faq-item+.faq-item { margin-top:10px; }.dark-mode .faq-item:last-child { border-bottom:1px solid rgba(108,192,132,.28)!important; }
.cosmic-background { position:fixed; inset:0; z-index:0; overflow:hidden; pointer-events:none; background:radial-gradient(ellipse at 50% -12%,#1d5335 0,transparent 42%),#07130d; }.star-layer,.orbit-glow { position:absolute; inset:-25%; display:block; }.star-layer-one { background-image:radial-gradient(circle,#effff2 0 1.2px,transparent 1.7px); background-size:96px 121px; opacity:.74; animation:stars-near 12s linear infinite; }.star-layer-two { background-image:radial-gradient(circle,#8ee5a8 0 1px,transparent 1.6px); background-size:168px 197px; opacity:.58; animation:stars-far 22s linear infinite; }.star-layer-three { background-image:radial-gradient(circle,#ffffff 0 .7px,transparent 1.3px); background-size:63px 81px; opacity:.38; animation:stars-sparkle 7s ease-in-out infinite alternate; }.orbit-glow { width:720px; height:720px; margin:auto; border:1px solid rgba(135,224,160,.22); border-radius:50%; box-shadow:0 0 0 74px rgba(73,173,103,.035),0 0 0 150px rgba(73,173,103,.022),0 0 100px rgba(75,190,112,.16); animation:orbit-turn 28s linear infinite; }.orbit-glow:before,.orbit-glow:after { content:""; position:absolute; width:9px; height:9px; border-radius:50%; background:#a5f1bc; box-shadow:0 0 14px #8ee5a8; }.orbit-glow:before { top:55px; left:110px; }.orbit-glow:after { bottom:90px; right:74px; }.site-header,main,footer,.safety-banner { z-index:2!important; }@keyframes stars-near { from { transform:translate3d(0,0,0); } to { transform:translate3d(90px,-130px,0); } }@keyframes stars-far { from { transform:translate3d(0,0,0); } to { transform:translate3d(-120px,-100px,0); } }@keyframes stars-sparkle { from { transform:scale(1); opacity:.22; } to { transform:scale(1.04); opacity:.6; } }@keyframes orbit-turn { to { transform:rotate(360deg); } }
.cosmic-background { background:radial-gradient(ellipse at 50% -20%,rgba(33,116,68,.45),transparent 38%),radial-gradient(ellipse at 96% 62%,rgba(18,80,47,.23),transparent 30%),#030604!important; }.cosmic-background:before { content:""; position:absolute; inset:-10%; background-image:linear-gradient(rgba(98,203,133,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(98,203,133,.06) 1px,transparent 1px); background-size:70px 70px; transform:perspective(700px) rotateX(56deg) translateY(20%); transform-origin:center bottom; mask-image:linear-gradient(to bottom,transparent 0,black 55%,transparent 100%); animation:observatory-grid 24s linear infinite; }.crypto-ghost { position:absolute; z-index:1; width:clamp(52px,7vw,96px); height:auto; opacity:.1; filter:grayscale(1) sepia(.35) hue-rotate(72deg) saturate(.8) drop-shadow(0 0 14px rgba(83,218,124,.4)); }.ghost-btc { top:13%; left:7%; animation:ghost-float-one 19s ease-in-out infinite; }.ghost-eth { top:58%; right:7%; animation:ghost-float-two 23s ease-in-out infinite; }.ghost-sol { top:23%; right:16%; animation:ghost-float-three 18s ease-in-out infinite; }.ghost-usdt { bottom:8%; left:20%; animation:ghost-float-four 25s ease-in-out infinite; }.orbit-glow { z-index:1; width:min(76vw,780px)!important; height:min(76vw,780px)!important; border-color:rgba(116,229,149,.16)!important; box-shadow:0 0 0 92px rgba(37,145,76,.03),0 0 0 184px rgba(37,145,76,.018),0 0 140px rgba(61,205,106,.13)!important; }.star-layer { z-index:1; }.star-layer-one { opacity:.58!important; }.star-layer-two { opacity:.4!important; }.star-layer-three { opacity:.3!important; }.site-header,main,footer,.safety-banner { z-index:3!important; }@keyframes observatory-grid { from { transform:perspective(700px) rotateX(56deg) translateY(20%) translateX(0); } to { transform:perspective(700px) rotateX(56deg) translateY(20%) translateX(-70px); } }@keyframes ghost-float-one { 0%,100% { transform:translate(0,0) rotate(-8deg); } 50% { transform:translate(20px,38px) rotate(10deg); } }@keyframes ghost-float-two { 0%,100% { transform:translate(0,0) rotate(12deg); } 50% { transform:translate(-30px,-35px) rotate(-12deg); } }@keyframes ghost-float-three { 0%,100% { transform:translate(0,0) rotate(6deg); } 50% { transform:translate(-24px,25px) rotate(-8deg); } }@keyframes ghost-float-four { 0%,100% { transform:translate(0,0) rotate(-10deg); } 50% { transform:translate(28px,-28px) rotate(9deg); } }
.star-dot { position:absolute; z-index:1; width:3px; height:3px; border-radius:50%; background:#d9ffe3; box-shadow:0 0 10px #a1f3b6,0 0 22px rgba(89,218,124,.45); }.dot-1 { top:12%; left:32%; animation:wander-one 11s ease-in-out -2s infinite; }.dot-2 { top:71%; left:11%; width:2px; height:2px; animation:wander-two 17s ease-in-out -8s infinite; }.dot-3 { top:29%; left:72%; animation:wander-three 14s ease-in-out -4s infinite; }.dot-4 { top:82%; left:63%; width:4px; height:4px; animation:wander-four 20s ease-in-out -12s infinite; }.dot-5 { top:47%; left:87%; width:2px; height:2px; animation:wander-two 13s ease-in-out -3s infinite reverse; }.dot-6 { top:91%; left:36%; animation:wander-three 19s ease-in-out -14s infinite reverse; }.dot-7 { top:7%; left:90%; width:4px; height:4px; animation:wander-one 16s ease-in-out -9s infinite reverse; }.dot-8 { top:54%; left:45%; width:2px; height:2px; animation:wander-four 12s ease-in-out -6s infinite; }@keyframes wander-one { 0%,100% { transform:translate(0,0) scale(.7); opacity:.3; } 35% { transform:translate(34px,-19px) scale(1.3); opacity:1; } 70% { transform:translate(-18px,27px) scale(.85); opacity:.52; } }@keyframes wander-two { 0%,100% { transform:translate(0,0) scale(1); opacity:.4; } 45% { transform:translate(-41px,-28px) scale(.65); opacity:.9; } 76% { transform:translate(17px,39px) scale(1.4); opacity:.45; } }@keyframes wander-three { 0%,100% { transform:translate(0,0) scale(.8); opacity:.42; } 30% { transform:translate(23px,31px) scale(1.5); opacity:1; } 68% { transform:translate(-35px,10px) scale(.6); opacity:.32; } }@keyframes wander-four { 0%,100% { transform:translate(0,0) scale(1.1); opacity:.5; } 42% { transform:translate(-24px,42px) scale(.7); opacity:.9; } 77% { transform:translate(38px,-16px) scale(1.25); opacity:.35; } }
.site-header nav { display:flex; align-items:center; gap:7px!important; padding:5px; border:1px solid rgba(105,195,133,.26); border-radius:16px; background:rgba(8,29,17,.72); box-shadow:inset 0 1px rgba(190,248,205,.07),0 8px 22px rgba(0,0,0,.16); }.site-header nav a { position:relative; padding:8px 11px; color:#bed5c5!important; border:1px solid transparent; border-radius:10px; font-size:.76rem; font-weight:750; transition:color .2s,background .2s,border-color .2s,transform .2s,box-shadow .2s; }.site-header nav a:before { content:""; position:absolute; inset:0; border-radius:inherit; background:linear-gradient(135deg,rgba(125,226,154,.16),rgba(50,158,86,.04)); opacity:0; transition:opacity .2s; }.site-header nav a:hover { color:#effff2!important; border-color:rgba(130,223,157,.44); background:rgba(40,110,63,.34); box-shadow:0 5px 14px rgba(0,0,0,.18); transform:translateY(-2px); }.site-header nav a:hover:before { opacity:1; }.site-header nav a:focus-visible { outline:2px solid #9be3b1; outline-offset:3px; }.site-header nav a:first-child { color:#d8f5df!important; background:rgba(68,156,93,.22); border-color:rgba(122,213,149,.26); }
@media (max-width:700px){.dark-mode .how-section,.dark-mode .faq-section{padding:22px!important}}
@media (prefers-reduced-motion:reduce){.dark-mode:before,.dark-mode:after,.star-layer,.star-dot,.orbit-glow,.crypto-ghost,.cosmic-background:before{animation:none!important}}
.faq-item { padding:18px 0; border-top:1px solid #c8e2cf; }.faq-item:last-child { border-bottom:1px solid #c8e2cf; }.faq-item h3 { margin:0; color:#1c5f36; font-size:.94rem; }.faq-item p { margin:8px 0 0; color:#5b7766; font-size:.89rem; }.dark-mode .faq-item { border-color:#4b986377; }.dark-mode .faq-item h3 { color:#c9f0d4; }.dark-mode .faq-item p { color:#b5cbbd; }
.dark-mode .faq-section details { border-color:#4b986377!important; }.dark-mode .faq-section summary { color:#c9f0d4!important; }
.faq-section details { display:none!important; }
body:not(.dark-mode) { background:#edf3ee!important; }body:not(.dark-mode):after { opacity:.55!important; background:radial-gradient(ellipse at 9% 0,rgba(113,190,137,.15),transparent 42%),radial-gradient(ellipse at 93% 88%,rgba(95,167,118,.11),transparent 43%)!important; }body:not(.dark-mode) .glass-panel,body:not(.dark-mode) .form-panel,body:not(.dark-mode) .result-card,body:not(.dark-mode) .priority-summary { background:rgba(247,250,247,.95)!important; }body:not(.dark-mode) .asset-card,body:not(.dark-mode) .priority-card,body:not(.dark-mode) .network-item { background:#f4f8f4!important; }body:not(.dark-mode) .workflow-card,body:not(.dark-mode) .result-side { background:linear-gradient(145deg,#e9f4eb,#dcecdf)!important; }body:not(.dark-mode) .priority-choices { background:linear-gradient(145deg,#eef6ef,#e1eee3)!important; }body:not(.dark-mode) .asset-group { background:linear-gradient(90deg,#edf5ee,#e3eee5)!important; }
.back-to-top { margin-left:auto; padding:7px 11px; color:#1f7b43; background:#eefaf1; border:1px solid #a9dcb9; border-radius:999px; font-size:.72rem; font-weight:800; transition:transform .2s,background .2s; }.back-to-top:hover { color:#fff; background:#2b9253; transform:translateY(-2px); }
@media (max-width:700px) { .back-to-top { display:inline-flex; width:max-content; margin:12px 0 0; } }
@media (prefers-reduced-motion:reduce){body,body:before,body:after{animation:none!important}}
.star-canvas { position:absolute; inset:0; z-index:1; width:100%; height:100%; pointer-events:none; }
/* Keep the local readiness cue subtle and consistent with the dark green shell. */
.dark-mode .local-pill {
  color:#d7f3df!important;
  background:linear-gradient(135deg,rgba(25,91,52,.48),rgba(10,42,25,.66))!important;
  border:1px solid rgba(115,211,146,.38)!important;
  box-shadow:inset 0 1px 0 rgba(207,255,220,.08),0 8px 18px rgba(0,0,0,.16);
}
.dark-mode .local-pill span { background:#86e7a3!important; box-shadow:0 0 0 4px rgba(134,231,163,.12),0 0 10px rgba(134,231,163,.55); }
/* Remove the older repeating CSS star textures: the canvas is now the only star source. */
.dark-mode:after {
  background-image:radial-gradient(ellipse at 16% 18%,rgba(59,144,88,.18),transparent 38%),radial-gradient(ellipse at 82% 78%,rgba(28,103,62,.16),transparent 42%)!important;
  background-size:100% 100%!important;
  background-position:0 0!important;
  animation:ambient-nebula-shift 18s ease-in-out infinite alternate!important;
}
.cosmic-background:before,.orbit-glow:before,.orbit-glow:after { display:none!important; }
@keyframes ambient-nebula-shift { from { transform:scale(1); opacity:.56; } to { transform:scale(1.08) translate3d(-1%,1%,0); opacity:.82; } }
/* Unified header metadata controls. */
.dark-mode .header-meta { display:flex; align-items:center; justify-content:flex-end; gap:8px; }
.dark-mode .site-date,.dark-mode .demo-badge {
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 11px;
  border-radius:11px;
  font-size:.67rem;
  font-weight:800;
  letter-spacing:.07em;
  line-height:1;
  text-transform:uppercase;
  box-shadow:inset 0 1px 0 rgba(225,255,233,.08),0 7px 16px rgba(0,0,0,.14);
}
.dark-mode .site-date { gap:7px; color:#c8e5d0!important; background:rgba(11,38,23,.78)!important; border:1px solid rgba(104,182,128,.32)!important; }
.dark-mode .site-date:before { content:""; display:inline-block; width:9px; height:9px; border:1.5px solid #8bda9f!important; border-radius:2px; box-shadow:inset 0 3px 0 -1px #8bda9f!important; }
.dark-mode .demo-badge { gap:7px; color:#d8f8e0!important; background:linear-gradient(135deg,rgba(30,109,62,.7),rgba(17,66,38,.86))!important; border:1px solid rgba(118,218,149,.52)!important; }
.dark-mode .demo-badge:before { content:""; width:7px; height:7px; border-radius:50%; background:#9bedb1; box-shadow:0 0 0 4px rgba(155,237,177,.11),0 0 11px rgba(155,237,177,.65); }
@media (max-width:700px) { .dark-mode .header-meta { gap:6px; }.dark-mode .site-date,.dark-mode .demo-badge { min-height:31px; padding:6px 8px; font-size:.58rem; } }
/* Replace the rigid orbital ring with a soft, asymmetric aurora shape. */
.cosmic-background .orbit-glow {
  inset:-16% -12% auto auto;
  width:min(92vw,980px)!important;
  height:min(65vw,650px)!important;
  margin:0;
  border:0!important;
  border-radius:53% 47% 58% 42% / 46% 57% 43% 54%;
  background:radial-gradient(ellipse at 36% 45%,rgba(67,188,105,.14),transparent 35%),radial-gradient(ellipse at 70% 54%,rgba(38,121,70,.12),transparent 47%),radial-gradient(ellipse at 52% 50%,rgba(10,54,30,.12),transparent 68%);
  box-shadow:none!important;
  filter:blur(16px);
  opacity:.76;
  animation:aurora-cloud-drift 22s ease-in-out infinite alternate!important;
}
@keyframes aurora-cloud-drift { from { transform:translate3d(0,0,0) scale(1); } to { transform:translate3d(-6%,7%,0) scale(1.1) rotate(-4deg); } }
/* Footer action: a compact, high-contrast control rather than a light tag. */
.dark-mode .back-to-top {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 13px;
  color:#d7f4df!important;
  background:linear-gradient(135deg,rgba(31,104,61,.88),rgba(13,52,30,.96))!important;
  border:1px solid rgba(121,215,150,.42)!important;
  border-radius:11px!important;
  box-shadow:inset 0 1px 0 rgba(225,255,233,.1),0 8px 18px rgba(0,0,0,.22)!important;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.04em;
  transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s!important;
}
.dark-mode .back-to-top:hover {
  color:#fff!important;
  background:linear-gradient(135deg,#3aaf67,#1b7740)!important;
  border-color:#a5edbb!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 10px 22px rgba(0,0,0,.28),0 0 18px rgba(99,213,133,.14)!important;
  transform:translateY(-3px)!important;
}
.dark-mode .back-to-top:focus-visible { outline:2px solid #a8edbb; outline-offset:3px; }
.inline-qr .qr-visual { position:relative; display:grid; flex:0 0 82px; place-items:center; }
.inline-qr .qr-visual .qr-code-image { display:block; width:82px; height:82px; }
.inline-qr .qr-visual .qr-asset-icon { position:absolute; z-index:1; width:28px!important; height:28px!important; padding:3px!important; border:2px solid #d7f6df; border-radius:50%; background:#f4fff7; box-shadow:0 2px 8px rgba(0,0,0,.28); }
.dark-mode .result-card dd.selected-asset-value { display:flex; align-items:center; gap:9px; color:#e6f8eb!important; }
.dark-mode .result-card .selected-asset-value .icon-pair { flex:0 0 auto; }
.dark-mode .result-card .selected-asset-value .icon-pair img { width:25px; height:25px; }
.dark-mode .result-card .selected-asset-value .icon-pair img + img { width:14px; height:14px; }
/* Let the concise snapshot panel size to its content instead of stretching to the visual panel beside it. */
.result-grid { align-items:start; }
.dark-mode .result-card { align-self:start; overflow:hidden; }
.dark-mode .result-card dl { margin:13px 0 0; }
.dark-mode .result-card dt,.dark-mode .result-card dd { padding:12px 0; }
/* Compact, balanced learning panel beside the snapshot. */
.dark-mode .result-side { display:grid; grid-template-columns:112px minmax(0,1fr); align-items:center; gap:20px; padding:24px!important; }
.dark-mode .result-side .completion-orbit { width:94px; height:94px; margin:0 auto!important; }
.dark-mode .result-side-copy h2 { margin:0; color:#eefbf1!important; font-size:1.28rem; line-height:1.14; }
.dark-mode .result-side-copy p { margin:8px 0 0; color:#bad1c1!important; font-size:.82rem; line-height:1.55; }
@media (max-width:700px) { .dark-mode .result-side { grid-template-columns:1fr; justify-items:center; text-align:center; gap:14px; }.dark-mode .result-side-copy p { max-width:330px; } }
.dark-mode .progress-track { position:relative; overflow:hidden; }
.dark-mode .progress-track div { position:relative; overflow:hidden; box-shadow:0 0 14px rgba(111,218,142,.34); }
.dark-mode .progress-track div:not(.is-complete):after { content:""; position:absolute; top:-80%; bottom:-80%; width:42px; background:linear-gradient(90deg,transparent,rgba(239,255,244,.78),transparent); transform:translateX(-56px) skewX(-20deg); animation:progress-shimmer 1.25s ease-in-out infinite; }
@keyframes progress-shimmer { to { transform:translateX(230px) skewX(-20deg); } }
/* A fluid active fill with a glow attached to the actual leading edge. */
.dark-mode .progress-track div:not(.is-complete) {
  background:linear-gradient(100deg,#277f46 0%,#51bf75 30%,#b8f5ca 49%,#5dca80 66%,#2c8d4e 100%)!important;
  background-size:220% 100%!important;
  animation:progress-flow 1.8s linear infinite,progress-breathe 1.8s ease-in-out infinite!important;
}
.dark-mode .progress-track div:not(.is-complete):after {
  top:50%; right:-2px; bottom:auto; width:22px; height:22px;
  background:radial-gradient(circle,rgba(238,255,243,.92) 0 10%,rgba(148,239,174,.7) 28%,rgba(87,207,119,.18) 55%,transparent 72%);
  transform:translateY(-50%);
  animation:progress-head 1.1s ease-in-out infinite!important;
}
@keyframes progress-flow { to { background-position:220% 0; } }
@keyframes progress-breathe { 50% { filter:brightness(1.14) saturate(1.08); } }
@keyframes progress-head { 50% { opacity:.55; transform:translateY(-50%) scale(.78); } }
@media (prefers-reduced-motion:reduce) { .dark-mode .progress-track div:not(.is-complete),.dark-mode .progress-track div:not(.is-complete):after { animation:none!important; } }
/* A quiet decorative flow makes the spare card space feel intentional. */
.dark-mode .workflow-card { display:flex; flex-direction:column; }
.dark-mode .scope-pulse { position:relative; display:flex; align-items:center; justify-content:space-between; height:55px; margin-top:auto; padding:0 18px; overflow:hidden; border-top:1px solid rgba(121,208,148,.16); }
.dark-mode .scope-pulse:before { content:""; position:absolute; left:18px; right:18px; top:50%; height:1px; background:linear-gradient(90deg,transparent,rgba(116,218,147,.45),transparent); }
.dark-mode .scope-pulse:after { content:""; position:absolute; top:50%; left:12%; width:48px; height:10px; background:radial-gradient(ellipse,rgba(172,247,193,.9),rgba(78,198,109,.45) 35%,transparent 70%); filter:blur(2px); transform:translateY(-50%); animation:scope-flow 4.8s ease-in-out infinite; }
.dark-mode .scope-pulse span { position:relative; z-index:1; width:7px; height:7px; border:1px solid #a8eabb; border-radius:50%; background:#153e25; box-shadow:0 0 0 4px rgba(112,215,143,.08); animation:scope-node 3.6s ease-in-out infinite; }
.dark-mode .scope-pulse span:nth-child(2) { animation-delay:1.2s; }.dark-mode .scope-pulse span:nth-child(3) { animation-delay:2.4s; }
@keyframes scope-flow { 0%,100% { transform:translate(0,-50%); opacity:.25; } 50% { transform:translate(210px,-50%); opacity:1; } }
@keyframes scope-node { 50% { background:#a6edb9; box-shadow:0 0 0 6px rgba(123,223,152,.13),0 0 15px rgba(123,223,152,.55); } }
@media (prefers-reduced-motion:reduce) { .dark-mode .scope-pulse:after,.dark-mode .scope-pulse span { animation:none; } }
/* Original dark-green bull-rocket brand mark and matching header accents. */
.dark-mode .brand-mark { display:grid; place-items:center; width:52px; height:52px; padding:1px; overflow:hidden; background:#071c10!important; border:1px solid rgba(111,219,143,.62)!important; border-radius:15px!important; box-shadow:inset 0 1px 0 rgba(231,255,237,.11),0 0 23px rgba(55,176,90,.22)!important; }
.dark-mode .brand-mark:before,.dark-mode .brand-mark:after { content:none!important; }
.dark-mode .brand-mark img { display:block; width:108%; height:108%; object-fit:contain; }
.dark-mode .site-header { position:relative; }
.dark-mode .site-header:after { content:""; position:absolute; right:0; bottom:6px; width:96px; height:1px; background:linear-gradient(90deg,transparent,rgba(110,220,143,.56),transparent); opacity:.72; }
/* Warm gold is a secondary visual accent; green remains the active/local status color. */
.dark-mode { --gold:#efc568; --gold-soft:rgba(239,197,104,.2); }
.dark-mode .hero h1 em { color:var(--gold)!important; text-shadow:0 0 24px rgba(239,197,104,.17); }
.dark-mode .hero .eyebrow,.dark-mode .section-heading .eyebrow { color:#e7bd65!important; }
.dark-mode .site-date { color:#f5d889!important; background:linear-gradient(135deg,rgba(79,57,22,.56),rgba(30,41,20,.76))!important; border-color:rgba(235,193,96,.42)!important; }
.dark-mode .site-date:before { border-color:#f2c96e!important; box-shadow:inset 0 3px 0 -1px #f2c96e!important; }
.dark-mode .ghost { border-color:rgba(233,190,94,.42)!important; background:rgba(184,130,45,.08)!important; }
.dark-mode .ghost:hover { border-color:#f3cb73!important; background:rgba(202,151,58,.16)!important; }
.dark-mode .step-number { color:#33240d!important; background:linear-gradient(135deg,#f7d77d,#d59a3f)!important; box-shadow:0 5px 12px rgba(219,158,55,.18); }
.dark-mode .workflow-card { border-color:rgba(225,184,90,.48)!important; }
.dark-mode .workflow-card b { color:#f0c56a!important; }
.dark-mode .workflow-card .mini-note img { filter:sepia(.55) saturate(1.25) hue-rotate(350deg) brightness(1.12); }
.dark-mode .asset-card.selected,.dark-mode .priority-card.selected { border-color:#e9bd62!important; box-shadow:inset 3px 0 0 #e9bd62,0 0 18px rgba(233,189,98,.09); }
.dark-mode .simulator-section,.dark-mode .networks-section,.dark-mode .faq-section { border-color:rgba(225,185,93,.22)!important; }
.dark-mode .completion-mark { color:#2b270e!important; background:linear-gradient(135deg,#f5d677,#d89b42)!important; border-color:#f0ca72!important; }
/* Softer paired date/status control in the header. */
.dark-mode .header-meta { gap:3px; padding:4px; background:linear-gradient(135deg,rgba(8,29,17,.86),rgba(15,48,29,.78)); border:1px solid rgba(109,190,135,.26); border-radius:14px; box-shadow:inset 0 1px 0 rgba(229,255,236,.07),0 8px 20px rgba(0,0,0,.16); }
.dark-mode .site-date,.dark-mode .demo-badge { min-height:32px; border-radius:9px; box-shadow:none!important; transition:background .24s ease,color .24s ease,transform .24s ease,box-shadow .24s ease; }
.dark-mode .site-date { color:#c6dacb!important; background:transparent!important; border:1px solid transparent!important; }
.dark-mode .site-date:before { border-color:#79c995!important; box-shadow:inset 0 3px 0 -1px #79c995!important; }
.dark-mode .demo-badge { color:#e3f8e9!important; background:linear-gradient(135deg,rgba(39,133,73,.92),rgba(22,89,49,.98))!important; border:1px solid rgba(142,231,167,.48)!important; box-shadow:inset 0 1px 0 rgba(240,255,244,.13),0 3px 10px rgba(0,0,0,.15)!important; }
.dark-mode .demo-badge:hover { transform:translateY(-1px); background:linear-gradient(135deg,#389b5b,#1c7541)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 6px 14px rgba(0,0,0,.2),0 0 13px rgba(104,224,139,.13)!important; }
.dark-mode .workflow-card li { color:#d9eee0!important; }
.dark-mode .completion-mark { color:#a7efbb!important; background:rgba(56,151,86,.22)!important; border-color:rgba(126,223,153,.56)!important; box-shadow:0 0 17px rgba(85,202,119,.16); }
/* Visible educational explainer below the FAQ. */
.accelerator-guide { padding:34px 0 92px; border-top:1px solid var(--line); }
#faq { margin-top:34px; }
.accelerator-intro { display:flex; gap:12px; align-items:flex-start; margin:0 0 20px; padding:16px 18px; border-radius:15px; }
.accelerator-intro span { display:grid; place-items:center; width:25px; height:25px; flex:0 0 auto; border-radius:8px; font-size:.85rem; }
.accelerator-intro p { margin:0; font-size:.86rem; line-height:1.65; }
.accelerator-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.accelerator-grid article { padding:18px; border-radius:15px; }
.accelerator-grid h3 { margin:0 0 8px; font-size:.88rem; line-height:1.35; }
.accelerator-grid p { margin:0; font-size:.78rem; line-height:1.62; }
.dark-mode .accelerator-guide { border-color:rgba(225,185,93,.22); }
.dark-mode .accelerator-intro { color:#c9ddce; background:linear-gradient(135deg,rgba(29,86,49,.42),rgba(14,43,26,.68)); border:1px solid rgba(108,202,135,.28); }
.dark-mode .accelerator-intro span { color:#2d230c; background:linear-gradient(135deg,#f4d378,#d89b42); }
.dark-mode .accelerator-grid article { color:#c4d8ca; background:linear-gradient(145deg,rgba(18,48,29,.91),rgba(11,31,19,.94)); border:1px solid rgba(111,194,137,.26); box-shadow:inset 0 1px 0 rgba(225,255,234,.04); }
.dark-mode .accelerator-grid article:hover { border-color:rgba(235,192,94,.54); box-shadow:inset 3px 0 0 #e9bd62,0 10px 24px rgba(0,0,0,.14); }
.dark-mode .accelerator-grid h3 { color:#f0ca75; }
.dark-mode .accelerator-grid p { color:#c4d8ca; }
.accelerator-grid h3 { display:flex; align-items:center; gap:9px; }
.accelerator-grid h3:before { content:"◈"; display:grid; place-items:center; width:28px; height:28px; flex:0 0 auto; border-radius:9px; color:#f8d783; background:linear-gradient(145deg,#2a5738,#123020); border:1px solid rgba(237,194,97,.48); box-shadow:inset 0 1px 0 rgba(255,249,220,.12),0 5px 13px rgba(0,0,0,.18); font-size:1rem; line-height:1; }
.accelerator-grid article:nth-child(1) h3:before { content:"₿"; color:#ffd275; }
.accelerator-grid article:nth-child(2) h3:before { content:"Ξ"; color:#bfe6ff; }
.accelerator-grid article:nth-child(3) h3:before { content:"◎"; color:#a9f3c0; }
.accelerator-grid article:nth-child(4) h3:before { content:"ɱ"; color:#f3a881; }
.accelerator-grid article:nth-child(5) h3:before { content:"✕"; color:#d2c4ff; }
.accelerator-grid article:nth-child(6) h3:before { content:"Ł"; color:#c9cbd2; }
.accelerator-grid article:nth-child(7) h3:before { content:"₮"; color:#92ead1; }
.accelerator-grid article:nth-child(8) h3:before { content:"$"; color:#b2d3ff; }
@media (max-width:700px) { .accelerator-guide { padding-bottom:65px; }.accelerator-grid { grid-template-columns:1fr; }.accelerator-intro { padding:14px; } }
/* Large, decorative hero animation for the local visual workflow. */
.dark-mode .hero { display:grid; grid-template-columns:minmax(0,1.13fr) minmax(330px,.87fr); align-items:center; gap:48px; max-width:1180px!important; }
.dark-mode .hero-copy { min-width:0; }
.dark-mode .hero-copy>p { max-width:690px; margin:28px 0; color:#b5cbbd!important; font-size:1.13rem!important; line-height:1.7!important; }
.dark-mode .hero-accelerator-art { position:relative; min-height:365px; overflow:hidden; border:1px solid rgba(109,205,137,.38); border-radius:30px; background:radial-gradient(circle at 54% 42%,rgba(41,142,79,.33),transparent 28%),radial-gradient(circle at 65% 76%,rgba(226,184,90,.12),transparent 45%),linear-gradient(145deg,rgba(15,57,33,.9),rgba(5,24,14,.94)); box-shadow:inset 0 1px 0 rgba(236,255,241,.08),inset 0 0 80px rgba(15,106,54,.14),0 24px 60px rgba(0,0,0,.22); }
.dark-mode .hero-accelerator-art:before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(125,223,151,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(125,223,151,.06) 1px,transparent 1px); background-size:34px 34px; mask-image:linear-gradient(135deg,transparent 3%,black 48%,transparent 95%); animation:hero-grid-flow 12s linear infinite; }
.dark-mode .accel-lane { position:absolute; left:50%; top:50%; border:1px solid rgba(115,224,146,.27); border-radius:50%; transform:translate(-50%,-50%); }
.dark-mode .lane-one { width:258px; height:258px; border-color:rgba(238,195,100,.36); animation:hero-orbit 15s linear infinite; }
.dark-mode .lane-two { width:205px; height:205px; border-style:dashed; animation:hero-orbit 11s linear infinite reverse; }
.dark-mode .lane-three { width:322px; height:162px; border-color:rgba(97,200,127,.22); transform:translate(-50%,-50%) rotate(-28deg); animation:hero-tilt 6s ease-in-out infinite alternate; }
.dark-mode .accel-core { position:absolute; left:50%; top:50%; width:150px; height:150px; padding:5px; transform:translate(-50%,-50%) rotate(-12deg); border:1px solid rgba(248,207,112,.52); border-radius:28px; background:radial-gradient(circle,rgba(232,190,88,.22),rgba(19,73,42,.42) 62%,transparent 63%); box-shadow:0 0 0 14px rgba(79,190,109,.05),0 0 45px rgba(104,232,137,.24); animation:hero-core-float 4.4s ease-in-out infinite; }
.dark-mode .accel-core img { display:block; width:100%; height:100%; object-fit:contain; }
.dark-mode .accel-packet { position:absolute; z-index:2; display:grid; place-items:center; width:38px; height:38px; border-radius:13px; color:#effff3; background:#123e26; border:1px solid rgba(134,232,159,.58); box-shadow:0 0 18px rgba(112,232,143,.35); font-size:1.15rem; font-weight:800; }
.dark-mode .packet-one { left:13%; top:23%; color:#ffd677; border-color:rgba(244,200,101,.72); animation:hero-packet-one 7s ease-in-out infinite; }.dark-mode .packet-two { right:11%; top:29%; color:#cae7ff; animation:hero-packet-two 8.5s ease-in-out infinite; }.dark-mode .packet-three { left:22%; bottom:18%; color:#a8f1c0; animation:hero-packet-three 6.8s ease-in-out infinite; }
.dark-mode .accel-caption { position:absolute; right:18px; bottom:17px; display:flex; align-items:center; gap:7px; color:#c4e1cc; font-size:.59rem; font-weight:800; letter-spacing:.11em; }.dark-mode .accel-caption i { width:7px; height:7px; border-radius:50%; background:#9beab2; box-shadow:0 0 0 4px rgba(155,234,178,.1),0 0 12px rgba(155,234,178,.66); animation:hero-caption-pulse 1.8s ease-in-out infinite; }
@keyframes hero-grid-flow { to { background-position:34px 34px,34px 34px; } }@keyframes hero-orbit { to { transform:translate(-50%,-50%) rotate(360deg); } }@keyframes hero-tilt { to { transform:translate(-50%,-50%) rotate(-22deg) scale(1.04); } }@keyframes hero-core-float { 50% { transform:translate(-50%,-54%) rotate(-7deg) scale(1.04); } }@keyframes hero-packet-one { 50% { transform:translate(25px,18px) scale(1.08); } }@keyframes hero-packet-two { 50% { transform:translate(-23px,-22px) scale(.9); } }@keyframes hero-packet-three { 50% { transform:translate(31px,-28px) scale(1.06); } }@keyframes hero-caption-pulse { 50% { transform:scale(.65); opacity:.55; } }
@media (max-width:850px) { .dark-mode .hero { grid-template-columns:1fr; gap:30px; }.dark-mode .hero-accelerator-art { min-height:285px; max-width:590px; width:100%; }.dark-mode .hero-copy>p { max-width:690px; } }
@media (prefers-reduced-motion:reduce) { .dark-mode .hero-accelerator-art:before,.dark-mode .accel-lane,.dark-mode .accel-core,.dark-mode .accel-packet,.dark-mode .accel-caption i { animation:none!important; } }
/* Let the hero motion graphic float freely in the background rather than inside a card. */
.dark-mode .hero-accelerator-art { overflow:visible; border:0; border-radius:0; background:transparent; box-shadow:none; }
.dark-mode .hero-accelerator-art:before { inset:6%; border-radius:50%; }
.dark-mode .accel-core { animation:hero-rocket-flight 5.8s cubic-bezier(.45,.05,.2,1) infinite!important; }
@keyframes hero-rocket-flight { 0%,100% { transform:translate(-56%,-44%) rotate(-19deg) scale(.94); } 28% { transform:translate(-43%,-56%) rotate(-8deg) scale(1.06); } 56% { transform:translate(-39%,-49%) rotate(-13deg) scale(1.03); } 78% { transform:translate(-51%,-40%) rotate(-22deg) scale(.97); } }
/* Independent neon exhaust makes the rocket read as a live flight, not a static mark. */
.dark-mode .accel-core { z-index:3; isolation:isolate; }
.dark-mode .accel-core:before { content:""; position:absolute; z-index:0; left:-67px; bottom:11px; width:112px; height:50px; border-radius:75% 15% 15% 75%; background:radial-gradient(ellipse at 88% 50%,rgba(248,255,211,.98) 0 7%,rgba(192,255,65,.92) 16%,rgba(39,234,83,.78) 39%,rgba(0,171,74,.35) 59%,transparent 76%); filter:blur(2px); transform-origin:88% 50%; mix-blend-mode:screen; animation:rocket-exhaust 460ms ease-in-out infinite alternate; }
.dark-mode .accel-core:after { content:""; position:absolute; z-index:0; left:-46px; bottom:4px; width:8px; height:8px; border-radius:50%; background:#c8ff58; box-shadow:-17px 9px 0 -1px rgba(91,245,94,.94),-34px 16px 0 -2px rgba(213,255,93,.82),-49px 4px 0 -3px rgba(83,223,105,.72); animation:rocket-sparks 760ms linear infinite; }
.dark-mode .accel-core img { position:relative; z-index:2; }
@keyframes rocket-exhaust { 0% { transform:scaleX(.72) scaleY(.8) rotate(-3deg); opacity:.66; } 55% { transform:scaleX(1.14) scaleY(1.15) rotate(4deg); opacity:1; } 100% { transform:scaleX(.9) scaleY(.92) rotate(-2deg); opacity:.82; } }
@keyframes rocket-sparks { to { transform:translate(-16px,10px); opacity:.18; } }
.dark-mode .site-header nav .accelerator-nav-link { color:#f0d088!important; border-color:rgba(232,190,93,.24); background:rgba(188,133,44,.08); }
.dark-mode .site-header nav .accelerator-nav-link { max-width:184px; white-space:normal; text-align:center; line-height:1.1; }
.dark-mode .site-header nav .accelerator-nav-link:hover { color:#fff0bf!important; border-color:rgba(241,202,111,.62); background:rgba(191,137,47,.19); }
@media (prefers-reduced-motion:reduce) { .dark-mode .accel-core:before,.dark-mode .accel-core:after { animation:none!important; } }
/* Standalone rocket: no square container, only the mark and its animated exhaust. */
.dark-mode .accel-core { width:178px; height:178px; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.dark-mode .accel-core:before { left:-79px; bottom:18px; width:132px; height:58px; }
.dark-mode .accel-core:after { left:-57px; bottom:9px; }
.dark-mode .accel-packet { z-index:5; }
.dark-mode .packet-one { left:7%; top:12%; }.dark-mode .packet-two { right:7%; top:20%; }.dark-mode .packet-three { left:auto; right:15%; bottom:14%; }
/* Attached vector exhaust: distinct flame ribbons visibly animate from the rocket engine. */
.dark-mode .accel-core { animation:logo-rocket-flight 5.2s cubic-bezier(.42,.03,.18,1) infinite!important; }
.dark-mode .accel-core:before,.dark-mode .accel-core:after { content:none!important; }
.dark-mode .accel-core .accel-exhaust { position:absolute; z-index:1; left:-157px; top:76px; width:230px; height:158px; max-width:none; transform:rotate(-1deg); transform-origin:95% 11%; filter:drop-shadow(0 0 8px rgba(87,238,102,.52)); pointer-events:none; animation:vector-exhaust-wake 520ms ease-in-out infinite alternate; }
.dark-mode .accel-core .accel-rocket-logo { position:relative; z-index:2; display:block; width:100%; height:100%; object-fit:contain; }
@keyframes logo-rocket-flight { 0%,100% { transform:translate(-66%,-34%) rotate(-26deg) scale(.91); } 24% { transform:translate(-46%,-60%) rotate(-9deg) scale(1.08); } 54% { transform:translate(-27%,-50%) rotate(-15deg) scale(1.05); } 77% { transform:translate(-51%,-35%) rotate(-24deg) scale(.96); } }
@keyframes vector-exhaust-wake { 0% { transform:rotate(-3deg) scaleX(.84) scaleY(.9); opacity:.7; } 48% { transform:rotate(2deg) scaleX(1.18) scaleY(1.1); opacity:1; } 100% { transform:rotate(-1deg) scaleX(.96) scaleY(.97); opacity:.82; } }
@media (prefers-reduced-motion:reduce) { .dark-mode .accel-core .accel-exhaust { animation:none!important; } }
.dark-mode .transaction-flow-art { display:grid; place-items:center; }
.dark-mode .transaction-flow { position:relative; z-index:1; width:100%; max-width:530px; height:auto; overflow:visible; }
.dark-mode .transaction-flow .flow-route { stroke:rgba(124,227,152,.64); stroke-width:2.5; stroke-linecap:round; stroke-dasharray:4 10; filter:url(#softFlow); animation:route-dash 2.7s linear infinite; }
.dark-mode .transaction-flow .route-main { stroke:url(#flowGold); stroke-width:3.1; animation-duration:2.1s; }.dark-mode .transaction-flow .route-alt { opacity:.68; animation-direction:reverse; }.dark-mode .transaction-flow .route-loop { stroke:#70df91; opacity:.6; animation-duration:3.8s; }
.dark-mode .transaction-flow .flow-node>circle:first-child { fill:rgba(9,42,24,.84); stroke:rgba(142,228,166,.42); stroke-width:1.5; }.dark-mode .transaction-flow .flow-node>circle:nth-child(2) { fill:url(#nodeGreen); stroke:rgba(238,196,102,.7); stroke-width:1.7; }
.dark-mode .transaction-flow .flow-node text { fill:#eafbef; font:800 16px Inter,Arial,sans-serif; letter-spacing:.5px; }.dark-mode .transaction-flow .node-queue text,.dark-mode .transaction-flow .node-result text { fill:#c7e8d0; font-size:10px; letter-spacing:1.1px; }.dark-mode .transaction-flow .node-queue path,.dark-mode .transaction-flow .node-result path { stroke:#ffe081; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
.dark-mode .transaction-flow .flow-blocks rect { fill:rgba(16,65,38,.8); stroke:rgba(109,207,137,.42); }.dark-mode .transaction-flow .flow-blocks path { stroke:#e6bd67; stroke-width:2; stroke-linecap:round; }
.dark-mode .transaction-flow .flow-particle { filter:url(#softFlow); }.dark-mode .transaction-flow .particle-gold { fill:#ffe47d; }.dark-mode .transaction-flow .particle-green { fill:#8ff3a9; }.dark-mode .transaction-flow .particle-blue { fill:#a7eaff; }
.dark-mode .flow-caption { position:absolute; right:18px; bottom:14px; z-index:2; display:flex; align-items:center; gap:7px; color:#cce9d3; font-size:.61rem; font-weight:800; letter-spacing:.1em; }.dark-mode .flow-caption i { width:7px; height:7px; border-radius:50%; background:#9ceab2; box-shadow:0 0 0 4px rgba(156,234,178,.1),0 0 12px rgba(156,234,178,.62); animation:flow-caption-pulse 1.7s ease-in-out infinite; }.dark-mode .flow-caption b { color:#eac874; font-weight:800; }
@keyframes route-dash { to { stroke-dashoffset:-56; } }@keyframes flow-caption-pulse { 50% { transform:scale(.6); opacity:.55; } }
@media (max-width:850px) { .dark-mode .transaction-flow { max-width:500px; }.dark-mode .flow-caption { right:7%; } }
@media (prefers-reduced-motion:reduce) { .dark-mode .transaction-flow .flow-route,.dark-mode .flow-caption i { animation:none!important; } }
.dark-mode .accel-core { width:190px; height:190px; animation:rocket-glide 6.8s cubic-bezier(.42,.03,.18,1) infinite!important; }
.dark-mode .accel-core .accel-rocket-logo { filter:drop-shadow(0 14px 20px rgba(0,0,0,.3)) drop-shadow(0 0 14px rgba(249,184,78,.22)); }
@keyframes rocket-glide { 0%,100% { transform:translate(-61%,-42%) rotate(-16deg) scale(.94); } 27% { transform:translate(-43%,-58%) rotate(-6deg) scale(1.04); } 55% { transform:translate(-31%,-48%) rotate(-13deg) scale(1.02); } 76% { transform:translate(-50%,-36%) rotate(-20deg) scale(.97); } }
/* Clear three-step hero animation: one route, three familiar icons, one moving packet. */
.dark-mode .hero-accelerator-art.simple-flow-art { position:relative; z-index:0; display:flex; align-items:center; justify-content:center; flex-direction:column; width:100%; min-height:310px; padding:28px 8px 18px; overflow:visible; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; isolation:isolate; }
.dark-mode .hero-accelerator-art.simple-flow-art:before { content:none!important; }
.dark-mode .hero-accelerator-art.simple-flow-art:after { content:""; position:absolute; z-index:-1; inset:15% 4% 16%; border-radius:50%; background:radial-gradient(ellipse at center,rgba(31,124,68,.24),rgba(18,77,42,.11) 42%,transparent 72%); filter:blur(3px); pointer-events:none; }
.dark-mode .simple-flow-kicker { display:flex; align-items:center; gap:7px; margin:0 0 30px; color:#e8c36f; font-size:.65rem; font-weight:800; letter-spacing:.16em; }
.dark-mode .simple-flow-kicker span { width:7px; height:7px; border-radius:50%; background:#9eeab1; box-shadow:0 0 0 4px rgba(111,222,140,.1),0 0 13px rgba(116,230,147,.5); }
.dark-mode .simple-flow-steps { display:grid; grid-template-columns:minmax(76px,1fr) minmax(35px,.58fr) minmax(86px,1.12fr) minmax(35px,.58fr) minmax(76px,1fr); align-items:start; width:100%; max-width:530px; }
.dark-mode .simple-flow-step { display:grid; grid-template-rows:auto auto auto; justify-items:center; min-width:0; text-align:center; }
.dark-mode .simple-flow-icon { display:grid; place-items:center; width:72px; height:72px; border:1px solid rgba(232,193,103,.5); border-radius:50%; background:radial-gradient(circle at 33% 26%,rgba(59,134,79,.62),rgba(9,43,23,.92) 67%); box-shadow:inset 0 1px 0 rgba(248,255,236,.13),0 0 0 8px rgba(94,198,117,.045),0 14px 28px rgba(0,0,0,.22); }
.dark-mode .simple-flow-icon img { display:block; width:49px; height:49px; object-fit:contain; filter:drop-shadow(0 4px 8px rgba(0,0,0,.25)); }
.dark-mode .simple-flow-step small { display:block; margin-top:13px; color:#9ec6aa; font-size:.58rem; font-weight:800; letter-spacing:.13em; }
.dark-mode .simple-flow-step strong { display:block; margin-top:5px; color:#edf8ef; font-size:.8rem; font-weight:750; line-height:1.2; }
.dark-mode .simple-flow-step.is-check .simple-flow-icon { width:84px; height:84px; margin-top:-6px; color:#ffe08a; border-color:rgba(244,203,109,.84); background:radial-gradient(circle at 31% 25%,rgba(194,143,47,.42),rgba(22,78,42,.86) 62%,rgba(7,36,19,.98)); box-shadow:inset 0 1px 0 rgba(255,246,210,.18),0 0 0 9px rgba(235,188,88,.06),0 0 26px rgba(232,186,83,.18),0 14px 30px rgba(0,0,0,.25); animation:simple-flow-pulse 3.2s ease-in-out infinite; }
.dark-mode .simple-flow-bolt { font-family:Arial,sans-serif; font-size:2.45rem; font-weight:900; line-height:1; text-shadow:0 0 16px rgba(255,221,126,.36); }
.dark-mode .simple-flow-step.is-result .simple-flow-icon { border-color:rgba(119,226,147,.7); background:radial-gradient(circle at 35% 26%,rgba(58,147,82,.65),rgba(7,45,23,.94) 70%); box-shadow:inset 0 1px 0 rgba(239,255,242,.14),0 0 0 8px rgba(110,224,139,.06),0 0 25px rgba(92,220,125,.17),0 14px 28px rgba(0,0,0,.22); }
.dark-mode .simple-flow-step.is-result .simple-flow-icon img { width:53px; height:53px; }
.dark-mode .simple-flow-connector { position:relative; align-self:start; height:2px; margin-top:36px; overflow:visible; background:linear-gradient(90deg,rgba(220,180,90,.24),rgba(230,194,103,.78),rgba(112,222,140,.38)); box-shadow:0 0 11px rgba(225,185,92,.13); }
.dark-mode .simple-flow-connector:before { content:""; position:absolute; right:-1px; top:50%; width:7px; height:7px; border-top:1px solid #9eeab1; border-right:1px solid #9eeab1; transform:translateY(-50%) rotate(45deg); }
.dark-mode .simple-flow-connector:after { content:""; position:absolute; top:50%; left:-5px; width:9px; height:9px; border-radius:50%; background:#ffe08a; box-shadow:0 0 0 4px rgba(255,220,122,.1),0 0 13px rgba(255,220,122,.9); transform:translateY(-50%); animation:simple-flow-packet 3.8s cubic-bezier(.45,.05,.2,1) infinite; }
.dark-mode .simple-flow-connector.connector-two:after { background:#a7efb9; box-shadow:0 0 0 4px rgba(159,237,178,.1),0 0 13px rgba(159,237,178,.9); animation-delay:1.9s; }
.dark-mode .simple-flow-note { display:flex; align-items:center; justify-content:center; gap:7px; margin:32px 0 0; color:#a8cdb0; font-size:.61rem; font-weight:800; letter-spacing:.105em; text-align:center; }
.dark-mode .simple-flow-note i { width:7px; height:7px; flex:0 0 auto; border-radius:50%; background:#9beab0; box-shadow:0 0 0 4px rgba(133,229,156,.09),0 0 11px rgba(133,229,156,.58); }
.dark-mode .simple-flow-note b { color:#e9c672; font-weight:900; }
@keyframes simple-flow-packet { 0%,10% { left:-5px; opacity:0; } 18% { opacity:1; } 72% { opacity:1; } 86%,100% { left:calc(100% - 4px); opacity:0; } }
@keyframes simple-flow-pulse { 0%,100% { transform:translateY(0) scale(1); } 50% { transform:translateY(-4px) scale(1.04); } }
@media (max-width:850px) { .dark-mode .hero-accelerator-art.simple-flow-art { min-height:285px; max-width:590px; padding-top:20px; }.dark-mode .simple-flow-kicker { margin-bottom:24px; } }
@media (max-width:520px) { .dark-mode .hero-accelerator-art.simple-flow-art { min-height:250px; padding-inline:0; }.dark-mode .simple-flow-steps { grid-template-columns:minmax(62px,1fr) minmax(20px,.36fr) minmax(67px,1.05fr) minmax(20px,.36fr) minmax(62px,1fr); }.dark-mode .simple-flow-icon { width:58px; height:58px; }.dark-mode .simple-flow-icon img { width:39px; height:39px; }.dark-mode .simple-flow-step.is-check .simple-flow-icon { width:68px; height:68px; }.dark-mode .simple-flow-bolt { font-size:2rem; }.dark-mode .simple-flow-step.is-result .simple-flow-icon img { width:43px; height:43px; }.dark-mode .simple-flow-step small { margin-top:10px; font-size:.5rem; }.dark-mode .simple-flow-step strong { font-size:.68rem; }.dark-mode .simple-flow-connector { margin-top:29px; }.dark-mode .simple-flow-note { margin-top:25px; font-size:.53rem; letter-spacing:.075em; } }
@media (prefers-reduced-motion:reduce) { .dark-mode .simple-flow-step.is-check .simple-flow-icon,.dark-mode .simple-flow-connector:after { animation:none!important; } }
/* A distinct local format-scan visual for the simulation-scope card. */
.dark-mode .workflow-card .format-scan-visual { position:relative; width:146px; height:108px; flex:0 0 auto; margin:0 auto 22px; }
.dark-mode .format-scan-halo { position:absolute; inset:3px 17px; border:1px solid rgba(234,194,99,.22); border-radius:50%; background:radial-gradient(circle,rgba(76,183,102,.15),rgba(20,80,43,.04) 58%,transparent 70%); box-shadow:0 0 28px rgba(76,181,105,.12); animation:format-scan-halo 3.4s ease-in-out infinite; }
.dark-mode .format-scan-card { position:absolute; top:50%; left:50%; z-index:2; width:120px; height:72px; overflow:hidden; transform:translate(-50%,-50%); border:1px solid rgba(237,197,101,.58); border-radius:17px; background:linear-gradient(145deg,rgba(23,76,42,.96),rgba(7,35,19,.98)); box-shadow:inset 0 1px 0 rgba(237,255,241,.11),0 13px 27px rgba(0,0,0,.25),0 0 20px rgba(116,213,142,.09); animation:format-card-breathe 3.4s ease-in-out infinite; }
.dark-mode .format-scan-label { position:absolute; top:13px; left:15px; color:#efcc77; font-size:.55rem; font-weight:900; letter-spacing:.15em; }
.dark-mode .format-scan-code { position:absolute; left:15px; right:31px; bottom:15px; display:flex; gap:5px; align-items:center; }
.dark-mode .format-scan-code i { display:block; height:4px; border-radius:99px; background:rgba(210,238,218,.66); box-shadow:0 0 8px rgba(163,238,185,.12); }.dark-mode .format-scan-code i:nth-child(1) { width:27px; }.dark-mode .format-scan-code i:nth-child(2) { width:13px; opacity:.72; }.dark-mode .format-scan-code i:nth-child(3) { width:19px; opacity:.54; }.dark-mode .format-scan-code i:nth-child(4) { width:9px; opacity:.35; }
.dark-mode .format-scan-sweep { position:absolute; z-index:1; top:10px; bottom:10px; left:10px; width:2px; border-radius:99px; background:#aaf0ba; box-shadow:0 0 0 3px rgba(153,238,177,.08),0 0 14px rgba(153,238,177,.92); opacity:0; animation:format-sweep 3.4s cubic-bezier(.45,.05,.2,1) infinite; }
.dark-mode .format-scan-check { position:absolute; right:13px; bottom:12px; z-index:3; display:grid; place-items:center; width:22px; height:22px; border:1px solid rgba(149,235,173,.65); border-radius:50%; color:#b9f4c6; background:rgba(45,142,75,.58); box-shadow:0 0 14px rgba(104,226,135,.32); font-size:.85rem; font-weight:900; line-height:1; animation:format-check-pop 3.4s ease-in-out infinite; }
.dark-mode .format-scan-spark { position:absolute; z-index:1; width:6px; height:6px; border-radius:50%; background:#eaca75; box-shadow:0 0 11px rgba(234,202,117,.72); }.dark-mode .format-scan-spark.spark-left { top:20px; left:2px; animation:format-spark-left 3.4s ease-in-out infinite; }.dark-mode .format-scan-spark.spark-right { right:2px; bottom:20px; background:#9beab0; box-shadow:0 0 11px rgba(155,234,176,.72); animation:format-spark-right 3.4s ease-in-out infinite; }
@keyframes format-scan-halo { 0%,100% { transform:scale(.93); opacity:.48; } 50% { transform:scale(1.04); opacity:.9; } }
@keyframes format-card-breathe { 0%,100% { box-shadow:inset 0 1px 0 rgba(237,255,241,.11),0 13px 27px rgba(0,0,0,.25),0 0 20px rgba(116,213,142,.09); } 50% { box-shadow:inset 0 1px 0 rgba(237,255,241,.15),0 15px 30px rgba(0,0,0,.28),0 0 30px rgba(116,213,142,.2); } }
@keyframes format-sweep { 0%,10% { left:10px; opacity:0; } 18% { opacity:1; } 67% { opacity:1; } 79%,100% { left:108px; opacity:0; } }
@keyframes format-check-pop { 0%,59% { transform:scale(.72); opacity:.35; } 70%,87% { transform:scale(1); opacity:1; } 100% { transform:scale(.72); opacity:.35; } }
@keyframes format-spark-left { 0%,100% { transform:translate(0,0) scale(.65); opacity:.2; } 48% { transform:translate(8px,12px) scale(1); opacity:1; } }
@keyframes format-spark-right { 0%,100% { transform:translate(0,0) scale(.7); opacity:.22; } 52% { transform:translate(-9px,-10px) scale(1); opacity:1; } }
@media (prefers-reduced-motion:reduce) { .dark-mode .format-scan-halo,.dark-mode .format-scan-card,.dark-mode .format-scan-sweep,.dark-mode .format-scan-check,.dark-mode .format-scan-spark { animation:none!important; } }
/* Holographic local validator: a richer, distinct visual for the scope panel. */
.dark-mode .workflow-card .scope-validator { position:relative; width:150px; height:154px; flex:0 0 auto; margin:-5px auto 18px; }
.dark-mode .validator-halo { position:absolute; top:7px; left:18px; width:114px; height:114px; border-radius:50%; background:radial-gradient(circle,rgba(104,223,135,.23) 0,rgba(42,151,78,.11) 37%,rgba(19,78,40,.05) 56%,transparent 72%); filter:blur(1px); animation:validator-halo-pulse 3.8s ease-in-out infinite; }
.dark-mode .validator-ring { position:absolute; left:50%; top:66px; display:block; border-radius:50%; transform:translate(-50%,-50%); pointer-events:none; }
.dark-mode .validator-ring-outer { width:126px; height:126px; border:1px solid rgba(101,210,130,.26); border-top-color:rgba(244,204,111,.95); border-right-color:rgba(142,232,165,.72); border-bottom-color:rgba(101,210,130,.08); border-left-color:transparent; box-shadow:0 0 18px rgba(93,203,124,.12); animation:validator-ring-spin 8s linear infinite; }
.dark-mode .validator-ring-inner { width:98px; height:98px; border:1px dashed rgba(157,232,176,.36); border-top-color:rgba(247,211,121,.82); border-bottom-color:rgba(247,211,121,.12); animation:validator-ring-spin-reverse 5.2s linear infinite; }
.dark-mode .validator-core { position:absolute; top:66px; left:50%; z-index:3; display:grid; place-items:center; width:76px; height:76px; overflow:hidden; transform:translate(-50%,-50%); border:1px solid rgba(241,203,109,.8); border-radius:22px; background:linear-gradient(145deg,rgba(45,120,65,.92),rgba(7,39,21,.98)); box-shadow:inset 0 1px 0 rgba(244,255,244,.16),inset 0 0 24px rgba(75,189,108,.16),0 0 0 7px rgba(98,211,128,.05),0 12px 25px rgba(0,0,0,.27); }
.dark-mode .validator-core-grid { position:absolute; inset:0; opacity:.44; background-image:linear-gradient(rgba(173,242,192,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(173,242,192,.14) 1px,transparent 1px); background-size:13px 13px; mask-image:radial-gradient(circle,black 6%,transparent 76%); }
.dark-mode .validator-glyph { position:relative; z-index:2; color:#ffe08a; font-size:1.22rem; font-weight:900; letter-spacing:.05em; text-shadow:0 0 14px rgba(255,223,132,.32); }
.dark-mode .validator-scan-line { position:absolute; z-index:3; left:11px; right:11px; top:12px; height:2px; border-radius:999px; opacity:0; background:#b8f5c6; box-shadow:0 0 0 3px rgba(168,242,186,.09),0 0 15px rgba(168,242,186,.92); animation:validator-scan 3.8s cubic-bezier(.45,.05,.2,1) infinite; }
.dark-mode .validator-node { position:absolute; z-index:4; display:block; width:7px; height:7px; border:1px solid rgba(235,203,116,.78); border-radius:50%; background:#163e25; box-shadow:0 0 0 4px rgba(113,218,141,.07),0 0 11px rgba(143,234,164,.3); animation:validator-node-pulse 3.8s ease-in-out infinite; }.dark-mode .validator-node-top { top:2px; left:calc(50% - 4px); }.dark-mode .validator-node-left { top:81px; left:9px; animation-delay:.9s; }.dark-mode .validator-node-right { top:55px; right:9px; animation-delay:1.8s; }
.dark-mode .validator-check { position:absolute; top:82px; right:12px; z-index:5; display:grid; place-items:center; width:28px; height:28px; border:1px solid rgba(147,235,171,.76); border-radius:50%; color:#d4f8dd; background:linear-gradient(145deg,rgba(61,169,91,.98),rgba(24,106,54,.98)); box-shadow:inset 0 1px 0 rgba(243,255,246,.19),0 0 0 4px rgba(106,224,137,.08),0 0 18px rgba(102,225,134,.4); font-size:1rem; font-weight:900; line-height:1; animation:validator-check-pop 3.8s ease-in-out infinite; }
.dark-mode .validator-label { position:absolute; bottom:0; left:50%; width:max-content; transform:translateX(-50%); color:#c5e5cc; font-size:.54rem; font-weight:900; letter-spacing:.14em; white-space:nowrap; }
@keyframes validator-ring-spin { from { transform:translate(-50%,-50%) rotate(0); } to { transform:translate(-50%,-50%) rotate(360deg); } }
@keyframes validator-ring-spin-reverse { from { transform:translate(-50%,-50%) rotate(360deg); } to { transform:translate(-50%,-50%) rotate(0); } }
@keyframes validator-halo-pulse { 0%,100% { transform:scale(.9); opacity:.56; } 50% { transform:scale(1.06); opacity:1; } }
@keyframes validator-scan { 0%,11% { top:12px; opacity:0; } 18% { opacity:1; } 64% { top:62px; opacity:1; } 76%,100% { top:62px; opacity:0; } }
@keyframes validator-node-pulse { 0%,100% { transform:scale(.72); opacity:.38; } 48% { transform:scale(1.15); opacity:1; background:#b7f1c5; box-shadow:0 0 0 6px rgba(119,225,147,.1),0 0 14px rgba(143,234,164,.7); } }
@keyframes validator-check-pop { 0%,60% { transform:scale(.72) rotate(-10deg); opacity:.4; } 72%,88% { transform:scale(1) rotate(0); opacity:1; } 100% { transform:scale(.72) rotate(-10deg); opacity:.4; } }
@media (prefers-reduced-motion:reduce) { .dark-mode .validator-halo,.dark-mode .validator-ring,.dark-mode .validator-scan-line,.dark-mode .validator-node,.dark-mode .validator-check { animation:none!important; } }
/* Refine the validator into a recognizable hash-verification beacon. */
.dark-mode .validator-core { overflow:visible; border:0; border-radius:0; background:linear-gradient(135deg,#f4cf78,#8cdb9f); clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%); box-shadow:0 0 0 7px rgba(98,211,128,.05),0 12px 25px rgba(0,0,0,.27); }
.dark-mode .validator-core:before { content:""; position:absolute; inset:1.5px; z-index:0; background:linear-gradient(145deg,rgba(45,120,65,.98),rgba(7,39,21,1)); clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%); }
.dark-mode .validator-core-grid { z-index:1; }
.dark-mode .validator-glyph { z-index:2; color:#ffe18b; font-size:1.95rem; line-height:1; transform:translateY(-6px); }
.dark-mode .validator-subtitle { position:absolute; bottom:13px; left:50%; z-index:2; transform:translateX(-50%); color:#ccefd4; font-size:.48rem; font-weight:900; letter-spacing:.16em; white-space:nowrap; }
.dark-mode .validator-check { padding:2px; background:radial-gradient(circle at 36% 24%,rgba(103,218,131,.95),rgba(19,97,48,.98)); }
.dark-mode .validator-check img { display:block; width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 1px 4px rgba(0,0,0,.28)); }
.dark-mode .validator-label { display:flex; align-items:center; gap:6px; }.dark-mode .validator-label:before { content:""; width:5px; height:5px; border-radius:50%; background:#eac673; box-shadow:0 0 9px rgba(234,198,115,.65); }
/* Live demo QR container and its static fallback share identical dimensions. */
.inline-qr .qr-visual .qr-code-image {
  display:grid!important;
  place-items:center;
  flex:0 0 82px;
  width:82px!important;
  height:82px!important;
  overflow:hidden;
  padding:4px;
  border-radius:9px;
  background:#f5fff7;
}

.inline-qr .qr-visual .qr-code-image > img,
.inline-qr .qr-visual .qr-code-image > canvas {
  display:block;
  width:74px!important;
  height:74px!important;
  max-width:74px;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
}

/*Animation
/* Fictional Fast Path — slow perspective grid */
.dark-mode .hero-accelerator-art.simple-flow-art::before {
  content: "" !important;
  position: absolute;
  z-index: 0;
  inset: 8% -3% 12%;
  border-radius: 38%;
  opacity: 0.82;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(143, 231, 167, 0.32) 1px, transparent 1px),
    linear-gradient(90deg, rgba(239, 198, 104, 0.28) 1px, transparent 1px);
  background-size: 32px 32px;
  mask-image: radial-gradient(
    ellipse at center,
    black 16%,
    rgba(0, 0, 0, 0.82) 58%,
    transparent 80%
  );
  filter: drop-shadow(0 0 7px rgba(116, 229, 149, 0.22));
  transform: perspective(520px) rotateX(57deg) translateY(22px);
  transform-origin: center bottom;
  animation: fast-path-grid-drift 22s linear infinite;
}

/* Keep the RUN / FORMAT / LEARN elements above the grid */
.dark-mode .simple-flow-art .simple-flow-kicker,
.dark-mode .simple-flow-art .simple-flow-steps,
.dark-mode .simple-flow-art .simple-flow-note {
  position: relative;
  z-index: 1;
}

@keyframes fast-path-grid-drift {
  from {
    background-position: 0 0, 0 0;
  }

  to {
    background-position: 32px 32px, 32px 32px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dark-mode .hero-accelerator-art.simple-flow-art::before {
    animation: none !important;
  }
}

/*FAQ center
Replace all earlier FAQ layout CSS with this complete block at the end of `theme.css`:

```css
/* Final FAQ layout: heading above answers with guaranteed spacing */
.dark-mode #faq.faq-section {
  display: block !important;
  overflow: hidden !important;
}

.dark-mode #faq .faq-heading {
  display: block !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.dark-mode #faq .faq-heading .eyebrow {
  margin: 0 0 9px !important;
  color: #e7bd65 !important;
}

.dark-mode #faq #faq-title {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #edf8f0 !important;
  font-size: clamp(1.6rem, 3vw, 2.3rem) !important;
  line-height: 1.15 !important;
}

.dark-mode #faq #faq-title::after {
  content: none !important;
  display: none !important;
}

.dark-mode #faq .faq-list {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  margin: 0 !important;
  padding-top: 38px !important;
}

.dark-mode #faq .faq-item {
  margin: 0 !important;
}

@media (max-width: 700px) {
  .dark-mode #faq .faq-list {
    padding-top: 28px !important;
  }
}
```