/* 1.2: neutral graphite, silver text and restrained blue, informed by api.codingrouter.ai. */
:root{--paper:#1e1e1e;--ink:#f3f3f3;--muted:#b7b7b7;--orange:#3ea4ec;--line:#353535;--soft:#2a2a2a;--green:#8ac7f2;color-scheme:dark}
body{background:var(--paper);color:var(--ink)}
.header{background:rgba(30,30,30,.96);border-bottom-color:var(--line)}
.header .brand{font-size:20px;letter-spacing:-.35px;font-weight:600;white-space:nowrap}
.header .brand img{border-radius:8px}
.nav-wrap nav a{color:#d5d5d5}.nav-wrap nav a:hover{color:#fff}
.nav-cta{color:#ebebeb;border-color:#505050;border-radius:8px}
.nav-cta:hover{background:#2a2a2a;color:#fff;border-color:#6c6c6c}
.button{border-radius:8px}
.button-dark{background:#0e72bc;color:#fff}
.button-dark:hover{background:#1686d7;color:#fff}
.skip-link{background:#0e72bc;color:#fff}
.hero-lead{color:#f3f3f3}.hero-description{color:#b7b7b7}
.eyebrow{color:#ededed}.eyebrow span{color:#a3a3a3;border-color:#4a4a4a}
.hero-proof{color:#aaaeb5}.hero-proof span:before{color:#70b8ef}
.art-heading .micro{color:#a1a1a1}.art-heading>span:last-child{color:#dedede}
.hero-image{border-radius:12px;background:#292929}
.image-action{background:rgba(24,28,34,.9);color:#f3f3f3;border:1px solid #ffffff21;border-radius:6px}
.art-seal{background:#173b57;color:#d9edff;border:1px solid #3477a6}
.visual-disclaimer{color:#a1a1a1}
.model-brief{background:#252525;border-color:#353535}
.brief-description .micro{color:#a5a5a5}.brief-description h2{color:#f3f3f3}
.brief-description p{color:#b7b7b7}.source-link{color:#91c9f5;border-color:#4b6980}
.source-link:hover{color:#c2e4ff}
.brief-model{border-color:#454545}.brief-model strong{color:#efefef}
.brief-model>div>span{color:#b7b7b7}.brief-model>span:last-child{color:#7db8e3}
.brief-models>p{color:#a4a4a4}
.trust-section{background:#131b25;color:#f3f3f3;border-top:1px solid #29374a;border-bottom:1px solid #29374a}
.trust-section .section-top{color:#a4c8e7}.trust-section .section-caption{color:#9fafc0}
.trust-kicker{color:#9fbcd3}.promise-heading h2 .serif{color:#8ac7f2}
.promise-intro>p{color:#f3f3f3}.promise-intro>span{color:#aebccc}
.promise-steps article{border-color:#34465b}.promise-steps article>span{color:#8ac7f2}
.promise-steps h3{color:#f0f3f7}.promise-steps p{color:#b5c1ce}
.promise-details{border-color:#34465b}.promise-details summary{color:#c0d5e6}.promise-details p{color:#b1c0ce}
.section-index{color:#b4bdc9}.section-caption{color:#a5a5a5}
.section-heading>p{color:#b7b7b7}
.advantage-grid article{border-color:#3b3b3b}.advantage-number{color:#91bddf}
.advantage-grid h3{color:#f1f1f1}.advantage-grid p{color:#b7b7b7}.advantage-detail{color:#9ea9b7}
.brand-signature,.platform-next{border-color:#3b3b3b}.brand-signature small{color:#a4a4a4}
.platform-next{color:#d8dce2}.platform-next:hover{color:#8ac7f2}
.integration-section{background:#242a33;border-color:#3b4554}
.integration-steps li{border-color:#465161}.integration-steps li>span{color:#8ac7f2}
.integration-steps h3{color:#f0f2f5}.integration-steps p{color:#b6bec9}
.integration-actions .support-link{color:#d3e9fa;border-color:#647d92}
.price-note{border-color:#465161}.price-note strong{color:#f0f2f5}.price-note p>span{color:#b6bec9}.price-note small{color:#aeb9c7}
.faq-section{background:var(--paper);border-color:#353535}
.faq-intro p{color:#aaa}.faq-list details,.faq-list details:first-child{border-color:#3b3b3b}
.faq-list summary{color:#e9e9e9}.faq-list summary span{color:#8fb6d4}.faq-list p{color:#b7b7b7}
.footer,.footer-bottom{border-color:#353535}.footer p,.footer-links{color:#aaa}.footer-links a:hover{color:#8ac7f2}.footer-bottom{color:#a0a0a0}
dialog{background:#242424;border:1px solid #494949;box-shadow:0 30px 100px #0009;border-radius:12px}
dialog::backdrop{background:#070d15d9}dialog p{color:#b7b7b7}
.dialog-close{background:#292929;color:#f3f3f3;border:1px solid #ffffff42;box-shadow:0 3px 20px #0006}
.menu-toggle span{background:#f3f3f3}.mobile-nav{background:#1e1e1e}
@media(max-width:800px){.header .brand{font-size:19px}}
@media(max-width:600px){.header .brand{font-size:18px;letter-spacing:-.3px}.hero-image{border-radius:9px}}
@media(max-width:370px){.header .brand{font-size:16px;gap:7px;letter-spacing:-.4px}}
