/* Dark opening and closing, white content with clear, high-contrast type. */
:root{color-scheme:light;--content-ink:#3e434e;--content-secondary:#585e6d;--content-accent:#44588c}
body{background:#fff;color:#1a1f2c}
.hero,.site-header{color:#f1f4fb;color-scheme:dark}
main>section:not(.hero){--bg:#fff;--panel:#fff;--text:#1a1f2c;--muted:var(--content-secondary);--line:#e4e7ee;color:var(--text);background:#fff;color-scheme:light}
main>section:not(.hero) .eyebrow,main>section:not(.hero) .tiny-index{color:var(--content-accent)}
main>section:not(.hero) .section-top .eyebrow{color:var(--content-accent)}
main>section:not(.hero) .section-note{color:var(--content-secondary);font-size:9px}
main>section:not(.hero) .section-title{color:#181d29}
main>section:not(.hero) .muted-title{color:#556aa0}
main>section:not(.hero) .section-description{color:var(--content-ink);font-size:15px}
main>section:not(.hero) .text-link{color:#405894;border-color:#bcc6e0}
main>section:not(.hero) .text-link:hover{color:#23376b;border-color:#53699f}
main>section:not(.hero) .section-dot{background:#576faa}
main>section:not(.hero) a:focus-visible,main>section:not(.hero) button:focus-visible,.modal button:focus-visible{outline-color:#627bbb}
.site-header.on-light-surface{background:rgba(255,255,255,.96);color:#181e2e;color-scheme:light;border-bottom-color:#e4e7ee;box-shadow:0 5px 25px #151d3106}
.site-header.on-light-surface .brand-mark{color:#506bb0}
.site-header.on-light-surface .brand-word>span{color:var(--content-secondary)}
.site-header.on-light-surface .main-nav a{color:#3a4050}
.site-header.on-light-surface .main-nav a:hover,.site-header.on-light-surface .main-nav a.active{color:#3e5ba5}
.site-header.on-light-surface .main-nav a:after{background:#5a76bd}
.site-header.on-light-surface .button-nav{border-color:#b9c3dc;color:#38518f}
.site-header.on-light-surface .button-nav:hover{background:#eff2fa;border-color:#637bb6}
.site-header.on-light-surface .menu-button span{background:#455375}
.ecosystem-section{border-color:#e8ebf2}
.ecosystem-heading h2{color:#202533}
.ecosystem-heading>p{color:var(--content-secondary)}
.ecosystem-logo{border-color:#e7eaf2}
.ecosystem-logo img{filter:brightness(0);opacity:.67}
.ecosystem-logo:hover img{filter:brightness(0);opacity:1}
.ecosystem-note{color:var(--content-secondary);font-size:11px}
.vision{border-color:#e3e6ef}
.vision-intro h2,.vision-item h3{color:#222838}
.vision-item{border-color:#e0e4ee}
.vision-item p{color:var(--content-ink);font-size:12px}
.vision-item:hover{background:linear-gradient(110deg,#f4f6fc,transparent)}
.response-line span{background:#c8d2ea}.response-line span:nth-child(2){background:#dbe2f2}.response-line span:nth-child(3){background:#e8ecf7}
.scenarios-section{border-color:#e6eaf3}
.scenario-tab{border-color:#e0e5f0}
.scenario-tab strong{color:#292f3d}.scenario-tab small{color:var(--content-secondary)}.scenario-number,.scenario-tab>.icon{color:var(--content-accent)}
.scenario-tab.active{background:linear-gradient(90deg,#eef2fd,transparent)}
.scenario-tab.active strong{color:#355093}.scenario-tab.active .scenario-number,.scenario-tab.active>.icon{color:#5067a1}.scenario-tab.active:before{background:#627bbb}
.scenario-panel{background:#fff;border-color:#d3daed;box-shadow:0 14px 45px #41579008}
.scene-visual{background-color:#fcfdff;background-image:linear-gradient(#90a2d00b 1px,transparent 1px),linear-gradient(90deg,#90a2d00b 1px,transparent 1px)}
.scene-network{filter:drop-shadow(0 0 12px #8b9ece25)}
.scene-network [fill="#121c37"]{fill:#eff4ff}.scene-network [fill="#12161f"]{fill:#fff}.scene-network [fill="#243256"]{fill:#e7edfc}.scene-network [fill="#98b5ff"]{fill:#93a8de}
.scene-network [stroke="#62739e"],.scene-network [stroke="#7491dc"]{stroke:#a0b2df}
.scene-network [stroke="#404960"]{stroke:#c9d3ec}
.network-flow{stroke:#9cafe0;opacity:.9}
.scene-visual-label{color:var(--content-accent)}
.scene-info{border-color:#e2e7f5}.scene-info h3{color:#202737}.scene-info p{color:var(--content-ink);font-size:17px}.scene-info .tiny-index{color:var(--content-accent)}
.scene-example{background:#f7f9ff;border-color:#859acf}.scene-example>span{color:var(--content-accent)}.scene-example p{color:var(--content-ink)}
.scene-inquiry{color:var(--content-accent)}.scenario-disclaimer{color:var(--content-secondary);font-size:11px}
.steps>button{background:#fff;border-color:#dce1ed;color:#323a4f}.steps>button:hover{background:#f9fbff;border-color:#9baedd}
.steps>button[aria-selected=true]{background:#fff;border-color:#a0afd6;box-shadow:0 10px 35px #6b82bd0a}.steps>button[aria-selected=true]:before{background:#869acc}
.steps .step-number{color:var(--content-accent)}.steps>button>span:nth-of-type(2){color:var(--content-ink);font-size:13px;display:none}.steps>button>.icon{color:#5067a1}.steps>button[aria-selected=true]>.icon{color:#44588c}
.step-detail{background:#fff;border-color:#d8deed}.step-detail h3{color:#222a3e}.step-detail p{color:var(--content-ink);font-size:17px}.step-detail li{color:var(--content-ink);font-size:17px}.step-detail li:before{color:#5067a1}
.faq-layout>div>h3{color:#272f42}.faq-list details{border-color:#e1e6f3}.faq-list summary{color:#292f3d;font-size:14px}.faq-list summary .icon{color:#5067a1}.faq-list details p{color:var(--content-ink);font-size:17px}
.contact-section{border-color:#e4e8f3}.contact-inner .eyebrow{color:var(--content-accent)}.contact-inner h2{color:#21293c}.contact-inner p{color:var(--content-ink);font-size:17px}.contact-watermark{color:#798dbf09}
.contact-section .button-white{background:#536caa;color:#fff;box-shadow:0 5px 20px #768abc13}.contact-section .button-white:hover{background:#435a95}
.back-to-top{background:#fff;border-color:#cbd4ea;color:#44588c;box-shadow:0 6px 20px #8092c019}
.back-to-top:hover{background:#f3f6ff;color:#23376b}
.modal{--line:#dfe4f2;background:#fff;color:var(--content-ink);border-color:#d1d9ec;box-shadow:0 25px 100px #2c385540;color-scheme:light}
.modal::backdrop{background:#161d305e;backdrop-filter:blur(8px)}
.modal .eyebrow{color:var(--content-accent)}.modal h2{color:#222a3e}.modal-heading>p,.guide-intro{color:var(--content-ink)}
.close-modal{color:var(--content-secondary);width:44px;height:44px}.close-modal:hover{background:#eff3fe;color:#23376b;width:44px;height:44px}
.form-field label{color:#323a4f;font-size:16px}.form-field label span{color:var(--content-secondary)}
.form-field input,.form-field textarea,.form-field select{background:#fafbff;border-color:#d5dcee;color:#292f3d;font-size:16px}
.form-field input::placeholder,.form-field textarea::placeholder{color:#636978}
.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:#869acb;outline-color:#869acb}.modal .button-primary{background:#536caa;color:#fff;box-shadow:none}.modal .button-primary:hover{background:#435a95}.modal .button-quiet{color:var(--content-accent)}.modal .button-quiet:hover{color:#23376b}.guide-list li strong{color:#323a4f}.guide-list li p{color:var(--content-ink)}.guide-list li:before{color:#5067a1}.privacy-modal>p{color:var(--content-ink)}
.toast{background:#f6f9ff;border-color:#c7d1ec;color:#323a4f;box-shadow:0 6px 35px #93a4ce20}
@media(max-width:800px){.site-header.on-light-surface .main-nav{background:#fff;border-color:#d7dded}.site-header.on-light-surface .main-nav a{border-color:#dfe4f2}}
@media(max-width:480px){.step-detail ul{border-color:#dbe2f4}main>section:not(.hero) .section-description,.contact-inner p{font-size:14px}.vision-item p{font-size:12px}}
