/* Charcoal edition: presentation only. Layout and payment behavior are preserved. */
:root{color-scheme:dark;--paper:#0a0a0c;--surface:#1c1c1e;--ink:#f5f5f7;--muted:#a1a1a8;--line:#303034}
body{background:var(--paper);color:var(--ink)}
::selection{background:#53535b;color:#fff}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline-color:#d2d2d8}
.skip-link{background:#1c1c1e;color:var(--ink)}
.site-nav{background:rgba(10,10,12,.84);border-bottom-color:rgba(255,255,255,.085)}
.brand-slash{color:#5d5d65}.nav-links a{color:#a5a5ad}.nav-contact{border-color:#39393f}
.lang-control select option{background:#1c1c1e;color:#f5f5f7}
.nav-links.open{background:rgba(17,17,19,.97);border-bottom-color:#303034}
.button{background:#e9e9ed;border-color:#e9e9ed;color:#111113;box-shadow:0 0 22px rgba(255,255,255,.035)}
.button:hover{background:#fff}.button.secondary{background:#1c1c1e;color:#e7e7eb;border-color:#36363b;box-shadow:none}
.button.secondary:hover{background:#262629}
.hero h1{color:#f5f5f7}.hero h1 .soft{color:#909097}.hero .hero-note{color:#85858f}
.eyebrow .dot{background:#a1a1a8}.bento{background:#1c1c1e;border-color:#303034}
.bento .label{color:#b7b7bf}.tiny-label{color:#91919b}.segmented{background:#121214}
.segmented button{color:#9696a0}.segmented button.active{background:#38383d;color:#ededf0;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.metric span{background:#29292e;border-color:#414147;color:#d2d2d8}
.chart .grid{stroke:#38383d}.chart .area{fill:#38383f;opacity:.45}.chart .curve{stroke:#d5d5df}
.chart-labels{color:#92929c}.sample-label,.bento .sample-label{color:#868691}
.code-card{background:#1c1c1e}.code-window{background:#141416;border-color:#333338}
.code-toolbar{border-bottom-color:#2b2b30;color:#90909a}.window-dots i{border-color:#60606a}
.code-window pre{color:#b9b9c3}.code-window .key{color:#ededf2}.code-window .comment{color:#83838e}
.code-caption{color:#90909b}.code-caption b{color:#c4c4ce}
.stack-layer{border-color:#43434a;background:#242428;color:#b1b1ba;box-shadow:0 7px 0 -1px #1c1c1e,0 8px 0 #414147}
.stack-graphic .connector{border-color:#55555f}.keyword-row>span:first-child{color:#aaaab4}
.keyword-row .bar{background:#35353d}.keyword-row .bar i{background:#9696a2}.card-corner{color:#a4a4ae}
.flow-graphic span{background:#242428;border-color:#414147;color:#c8c8d0}.flow-graphic i{border-color:#55555f}
.under-bento{color:#8d8d98}.under-bento b{color:#aeaec0}
.feature-visual{background:#1c1c1e}.feature-visual .label{color:#aaaab4}
.rank-table th{color:#9595a0;border-color:#3c3c42}.rank-table td{border-color:#35353b}
.rank-pill{background:#28282e;border-color:#44444d}.divider-index,.editorial-grid .step-index{color:#92929c}
.catalog-note{color:#9696a0}.catalog-section .tabs{border-color:#333338}
.catalog-section .tab{color:#a1a1ad}.catalog-section .tab.active{background:#35353b;color:#f0f0f4;box-shadow:0 1px 5px rgba(0,0,0,.15)}
.catalog-section .tab-note{color:#a0a0ab}.catalog-section .pkg{background:#1c1c1e;border-color:#333338}
.catalog-section .pkg:hover{border-color:#656570}.catalog-section .pkg.feature{background:#202023;border-color:#70707c}
.catalog-section .pkg .tag{background:#e0e0e6;color:#171719}.catalog-section .pkg .kind{color:#9e9ea9}
.catalog-section .per{color:#a0a0ac}.catalog-section .pkg-feats{border-color:#38383e}
.catalog-section .pkg-feats li{color:#b0b0ba}.catalog-section .pkg-feats svg path{stroke:#b8b8c4}
.catalog-section .pkg .btn{background:#29292e;border-color:#474750;color:#ececf2}
.catalog-section .pkg .btn-primary{background:#e9e9ed;border-color:#e9e9ed;color:#111113}
.catalog-section .pkg .btn:hover{border-color:#8f8f9b;box-shadow:0 0 16px rgba(255,255,255,.03)}
.faq-list summary::after{color:#a3a3ae}
.site-footer{background:#111113;border-top-color:#29292e}.footer-group a{color:#9b9ba6}.footer-group a:hover{color:#f5f5f7}
.footer-bottom{border-top-color:#2c2c32;color:#9696a1}.footer-legal{color:#94949f}
.page-topline{color:#9999a4}.page-topline a{color:#bcbcc7}.page-topline .slash{color:#555560}
.software-showcase{background:#1c1c1e}.software-sidebar{border-color:#38383f}
.software-sidebar .side-item{color:#9c9ca8}.software-sidebar .side-item.active{background:#303036;border-color:#464650;color:#f1f1f5}
.mini-stat{background:#252529;border-color:#3b3b43}.mini-stat span{color:#a6a6b2}
.docs-sidebar h4{color:#a1a1ae}.docs-sidebar a{color:#a9a9b5}.docs-sidebar a:hover{color:#f5f5f7}
.docs-sidebar .sidebar-foot{color:#9898a5}.preview-notice{color:#a9a9b6}
.docs-code{background:#151517;border-color:#35353d}.docs-toolbar{background:#1c1c1e;border-color:#35353d}
.code-tabs button,.copy-code{color:#a1a1ad}.code-tabs button.active{background:#34343b;border-color:#51515c;color:#eeeef3}
.docs-code pre{color:#c5c5d1}.inline-code{background:#26262c;color:#cacad5}
.endpoint-table td,.endpoint-table th{border-color:#303037}.endpoint-table th{background:#1c1c1e;color:#a5a5b1}
.endpoint-table td:first-child{color:#b2b2bf}
.scope-card{background:#1c1c1e}.scope-card ul{color:#aaaab6}.scope-card li::before{color:#c9c9d6}
.blueprint svg [fill="white"]{fill:#242429}.blueprint svg [fill="#282830"]{fill:#ededf3}
.blueprint svg [fill="#686871"]{fill:#b6b6c3}.blueprint svg [stroke="#e8e8ec"]{stroke:#303036}
.blueprint svg [stroke="#d1d1d9"]{stroke:#52525e}.blueprint svg [stroke="#bdbdc5"]{stroke:#696976}
.legal-main .upd{color:#9696a3}.legal-main p,.legal-main li{color:#b0b0bd}.legal-notice{color:#a1a1ae}
.site-toast{background:#29292f;color:#eeeef5;border-color:#4a4a54;box-shadow:0 4px 20px rgba(0,0,0,.3)}
/* Same original checkout elements and IDs, with charcoal surfaces. */
.modal{color:#f5f5f7}.modal .backdrop{background:rgba(10,10,12,.8)}
.modal .checkout{background:#1c1c1e;border-color:#414147;box-shadow:0 24px 80px rgba(0,0,0,.5)}
.modal .checkout .close{background:#2d2d32;border-color:#44444b;color:#bbbbc6}
.modal .checkout .close:hover{background:#3c3c42;color:#fff}.modal .co-eyebrow{color:#b2b2bd}.modal .co-kind{color:#92929f}
.modal .co-summary{background:#141416;border-color:#3b3b42}.modal .co-summary .li{color:#aaaab6}
.modal .co-summary .li b{color:#f5f5f7}.modal .co-summary .li.total{background:#242428;border-color:#3b3b42;color:#dddde5}
.modal .co-feats li{color:#b1b1be}.modal .co-feats li::before{color:#ededf5}
.modal .btn.co-pay{background:#e9e9ed;border-color:#e9e9ed;color:#111113;box-shadow:0 0 20px rgba(255,255,255,.035)}
.modal .btn.co-pay:hover{background:#fff}.modal .co-secure{color:#a0a0ae}
.modal .co-legal{color:#9a9aa8;border-color:#3b3b43}.modal .co-legal a{color:#bbbbc7}
.modal button:focus-visible,.modal a:focus-visible{outline-color:#dedee8}
/* Payment result page: only presentation changes. */
.card{background:#1c1c1e;border-color:#3b3b42;box-shadow:0 18px 60px rgba(0,0,0,.25)}
.badge{background:#2a2a30;border-color:#42424c}.summary{background:#141416;border-color:#3b3b43}
.summary .r{color:#aaaab7;border-color:#3b3b43}.summary .r:last-child{background:#242428}.summary .r b{color:#f5f5f7}
.summary .tag{background:#34343d;color:#e2e2eb;border-color:#51515e}
a.btn{background:#e9e9ed;color:#111113}a.btn:hover{background:#fff}a.btn:focus-visible{outline-color:#dedee8}
.test{color:#9696a4}