@import url("sten-studio-electric-v3.css");
@import url("sten-global-electric-v3.css");
/* STEN Electric Blue — light product information, navy introductions. */
:root{--sten-bg:#f8fafc;--sten-surface:#fff;--sten-raised:#eef2ff;--sten-purple:#4f46e5;--sten-green:#14b8a6;--sten-text:#0f172a;--sten-muted:#475569;--sten-border:#cbd5e1;--sten-blue:#2563eb;--sten-indigo:#4f46e5;--sten-navy:#0f172a;--sten-teal:#14b8a6}
body,main{background:#f8fafc;color:#0f172a}
main p,main .micro,.product-note,.comparison-note,.allocation-labels span{color:#475569}
main h1,main h2,main h3,main h4{color:#0f172a}
main .eyebrow,.index,.route-label,.stage-label,.project-facts span,main .accent{color:#4f46e5}
.site-header{background:#0f172af5;color:#fff;border-color:#334155;backdrop-filter:blur(14px)}
.brand-name{color:#fff}.brand-small{color:#cbd5e1}
.brand-dot{color:#5eead4}
.hero{color:#fff;padding-block:62px 65px}
.hero:before{background:radial-gradient(ellipse at 85% 15%,#2563eb20,transparent 57%),#0f172a}
main .hero h1,main .hero h2,main .hero h3{color:#fff}
main .hero .accent{color:#fff}
main .hero .eyebrow{color:#5eead4}
main .hero p{color:#cbd5e1}
.hero h1{font-size:clamp(3.2rem,5.4vw,5rem);line-height:1.03;letter-spacing:-.045em}
.hero .lead{font-size:18px;line-height:1.7;max-width:530px}
.hero-fee-proof{background:#172443;border-color:#415579}
.hero-fee-proof>b{color:#5eead4}
.hero-fee-proof>span{color:#e2e8f0}.hero-fee-proof small{color:#cbd5e1}
.rail{background:#fff;border-color:#cbd5e1}.rail span{color:#334155}
.soft{background:#eef3f9;border-color:#dbe3ef}
.page-hero{padding-top:58px;padding-bottom:30px}
.page-hero .lead{color:#475569}
.feature,.contact-card,.mission-card,.app-entry,.founder-row,.check-panel{background:#fff;color:#0f172a;border-color:#cbd5e1;box-shadow:0 12px 35px #0f172a04}
.feature h3,.mission-card h3,.app-entry h3,.founder-row h3,.contact-card h3,.check-panel h3{color:#0f172a}
.feature:hover,.contact-card:hover{border-color:#818cf8}
.steps .feature{background:#fff;border-color:#cbd5e1}
.route,.route-link{background:#fff;color:#0f172a;border-color:#cbd5e1;box-shadow:none}
.route:hover,.route-link:hover{border-color:#4f46e5;background:#eef2ff;color:#0f172a}
.route-arrow{color:#2563eb}.route-label{color:#4f46e5}
.route[data-sten-page="viewers"] .route-label{color:#0f766e}
main .text-link,.inline-link{color:#2563eb}
main .hero .inline-link{color:#bfdbfe}
.button.primary,.header-cta,main .button.primary,main .cta .button.primary{background:#2563eb;color:#fff;border-color:#2563eb;box-shadow:0 5px 18px #2563eb18}
.button.primary:hover,.header-cta:hover,main .button.primary:hover,main .cta .button.primary:hover{background:#1d4ed8;border-color:#1d4ed8;color:#fff;box-shadow:0 7px 20px #2563eb26}
main .button.secondary{background:#fff;color:#0f172a;border-color:#94a3b8}
main .button.secondary:hover{background:#eff6ff;color:#1d4ed8;border-color:#2563eb}
main .hero .button.secondary{background:transparent;color:#fff;border-color:#64748b}
main .hero .button.secondary:hover{background:#172443;color:#fff;border-color:#93c5fd}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,main a:focus-visible,main button:focus-visible,main summary:focus-visible,main input:focus-visible{outline:3px solid #4f46e5;outline-offset:4px}
.site-header a:focus-visible,.hero a:focus-visible,.hero button:focus-visible,.site-footer a:focus-visible{outline-color:#93c5fd}
.fee-visual,.calculator,.token-panel,.quote-panel{background:#eef2ff;border-color:#b4bced;color:#0f172a}
.fee-visual>strong{color:#2563eb}.fee-visual p,.fee-visual .mono,.token-panel .mono{color:#475569}
.fee-line,.fee-results>div{border-color:#cbd5e1}.fee-line b,.fee-results strong{color:#0f172a}
.fee-results .result-highlight strong{color:#1d4ed8}
.calculator input{background:#fff!important;color:#0f172a!important;border-color:#64748b!important;accent-color:#2563eb}
.allocation-bar span:first-child{background:#2563eb}.allocation-bar span:last-child{background:#4f46e5}
details{border-color:#cbd5e1}summary:after{color:#4f46e5}
.email-panel{background:#fff;border-color:#a5b4fc;box-shadow:0 15px 45px #2563eb0a}
.contact-label{color:#4f46e5}.email-address{color:#0f172a}.copy-feedback{color:#166534}
.project-facts{background:#eef2ff;border-color:#c7d2fe}.project-facts>div{border-color:#c7d2fe}
.project-stage .stage-label{color:#4f46e5}
.project-art,.global-art{border-color:#cbd5e1;background-color:#eef3f9;box-shadow:0 20px 65px #0f172a0b}
.scene-illustration,.community-art{background-color:#0f172a}
.broadcast{background:#172443;border-color:#425779;color:#fff;box-shadow:0 25px 65px #02061733}
.broadcast-top{background:#172443;border-color:#425779;color:#e2e8f0}
main .broadcast .mono,.broadcast-bottom span{color:#cbd5e1}
.support-alert{background:#0f172af5;border-color:#818cf8;box-shadow:0 9px 35px #02061755;color:#fff}
.support-alert b{color:#fff}.support-alert span:not(.alert-icon){color:#cbd5e1}
.alert-icon{background:#4f46e5;color:#fff}
main .broadcast .button.secondary{background:#172443;border-color:#64748b;color:#fff}
main .broadcast .button.secondary:hover{background:#1e3a5f;border-color:#93c5fd}
.cta{background:#0f172a;border-color:#334155;color:#fff;box-shadow:none}
main .cta h2{color:#fff}main .cta p{color:#cbd5e1}main .cta .eyebrow{color:#5eead4}
.site-footer{background:#0f172a;border-color:#334155;color:#fff}
.footer-grid b{color:#a5b4fc}.footer-grid a{color:#e2e8f0}.footer-grid a:hover{color:#93c5fd}
.footer-giant{color:#fff}.footer-giant span{color:#5eead4}
.fee-card{background:#fff;border-color:#cbd5e1}
.fee-card.highlight{background:#eff6ff;border-color:#2563eb;box-shadow:0 12px 45px #2563eb08}
.fee-card .comparison-label{color:#475569}.fee-card>strong{color:#4f46e5}.fee-card.highlight>strong{color:#2563eb}
.fee-card p{color:#475569}
.value-strip span{color:#0f766e;background:#f0fdfa;border-color:#99d8d0}
.fee-comparison{border-color:#cbd5e1;background:#fff}
.fee-comparison th{background:#eef2ff;color:#0f172a}.fee-comparison td{border-color:#cbd5e1;color:#475569}
.fee-comparison tr:first-child td{background:#eff6ff}.fee-comparison td strong{color:#0f172a}
.fee-proof-panel{background:#f0fdfa;border-color:#14b8a6}.fee-proof-panel b{color:#115e59}
.global-story h2{color:#0f172a}.global-story p{color:#475569}
.product-flow{background:#fff;border-color:#cbd5e1}
.flow-row+.flow-row{background:#f8fafc;border-color:#cbd5e1}
.flow-heading>span{color:#0f766e}.flow-heading>b{color:#0f172a}
.software-row .flow-heading>span{color:#4f46e5}
.flow-nodes li{border-color:#c7d2fe}.flow-nodes li+li:before{color:#0f766e}
.flow-nodes span{color:#475569}.flow-nodes h3{color:#0f172a}.flow-nodes p{color:#475569}
.link-purpose article{background:#fff;border-color:#cbd5e1}
.link-purpose span{color:#4f46e5}.link-purpose h3{color:#0f172a}.link-purpose p{color:#475569}
.wallet-help{background:#fffbeb;border-color:#e8c78e;border-left-color:#b45309}
.wallet-help-label{color:#92400e}.wallet-help h3{color:#78350f}.wallet-help p{color:#78350f}
.check-panel p{color:#475569}
main .viewer-hero .eyebrow,main .viewer-hero .accent{color:#0f766e}
.hero .signup-note{margin-top:14px;color:#cbd5e1;font-size:12px}
/* White introductions to role and technical pages keep the site predominantly light. */
@media(max-width:900px){.hero{padding-top:48px}.hero .broadcast{box-shadow:0 18px 45px #0206172e}}
@media(max-width:700px){.hero h1{font-size:clamp(2.65rem,10vw,4rem)}.email-address{color:#0f172a}.navigation nav.is-open{background:#0f172a;border-color:#334155}.flow-nodes li{border-color:#a5b4fc}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

.status-dot{background:#14b8a6;box-shadow:0 0 0 4px #14b8a61a}
.navigation nav a:hover,.navigation nav a[aria-current="page"]{color:#93c5fd}
::selection{background:#bfdbfe;color:#0f172a}
.skip-link{background:#2563eb;color:#fff}
.footer-grid p{color:#cbd5e1}
.footer-grid>div>a:not(.brand){color:#e2e8f0}
.footer-grid>div>a:not(.brand):hover{color:#93c5fd}
main .journey-list{color:#475569}