/* Tautiva dark mode — semantic surfaces; preserve product screenshots and brand colors. */
html[data-theme="dark"]{--navy:#f1f6fd;--ink:#e2ebf5;--muted:#b9c9d9;--line:#354b64;--pale:#111f30;--white:#182b40;color-scheme:dark;background:#0c1727}
html[data-theme="dark"] body{background:#0c1727;color:#e2ebf5}
html[data-theme="dark"] :is(.site-header,.site-footer,.capabilities-strip){background:#101f30!important;border-color:#314a64!important}
html[data-theme="dark"] .site-header .navlinks>a:not(.btn),html[data-theme="dark"] .navlinks>a{color:#d2e0ef}
html[data-theme="dark"] .navlinks>a:hover{color:#89cefb}
html[data-theme="dark"] :is(.hero,.section.alt,.capabilities-inner,.bottom-cta){background:#101e2f!important}
html[data-theme="dark"] :is(.section,.product-section,.content-page,.product-copy,.product-panel,.product-visual,.product-tab,.card,.step,.browser-frame,.role-card,.track-card,.industry-card,.case-card,.faq details,.faq-item,.form-card,.demo-form,.form-panel,.solution-card,.content-body,.privacy-card,.faq-card,.industry-grid,.wawasan-card,.story-card,.lead-card,.example-card,.feature-panel){background-color:#172a3f!important;color:#e2ebf5;border-color:#38526b}
html[data-theme="dark"] :is(.section-header p,.lead,.hero-note,.step p,.card p,.product-copy p,.product-caption,.image-caption,.footer-about p,.footer-links a,.form-hint,.faq p,.content-body p,.content-body li,.capabilities-inner,.breadcrumb,.story-card p,.faq details p){color:#b9c9d9!important}
html[data-theme="dark"] :is(.section h2,.hero h1,.section h3,.card h3,.step h3,.product-copy h3,.footer-about h3,.content-page h1,.content-page h2,.access-panel h2){color:#f0f5fd}
html[data-theme="dark"] :is(.product-tab,.input,.search-field,.form-fields input,.form-fields textarea,.demo-form input,.demo-form textarea,.demo-form select){background:#101e2e!important;color:#eff5ff!important;border-color:#426079}
html[data-theme="dark"] .product-tab[aria-selected=true]{background:#126baf!important;color:#fff}
html[data-theme="dark"] :is(.btn.outline,.browser-top,.skip-link,.product-enlarge){background:#1b354c;color:#dceefa;border-color:#456781}
html[data-theme="dark"] :is(.faq summary,.footer-links a:hover,.eyebrow){color:#a9dbff}
html[data-theme="dark"] a:focus-visible,html[data-theme="dark"] button:focus-visible{outline-color:#ffad55}
html[data-theme="dark"] .access-surface.is-open{background:#15283a;box-shadow:0 0 0 1px #3d5b75,0 18px 38px #0008}
html[data-theme="dark"] .access-surface.is-open .access-trigger{color:#e3edf8}
html[data-theme="dark"] .access-panel p{color:#b9c9d9}
html[data-theme="dark"] .access-tabs{border-color:#405a75}
html[data-theme="dark"] .access-tab{color:#c5d6e5}
html[data-theme="dark"] .access-tab[aria-selected=true]{color:#85caff}
html[data-theme="dark"] .site-header.is-floating .nav{background:rgba(17,34,52,.97)!important}
html[data-theme="dark"] .site-header.is-floating .navlinks.open,html[data-theme="dark"] .site-header .navlinks.open{background:#15283a!important;border-color:#38516b}
html[data-theme="dark"] .brand-mark{background:#fff;border-radius:7px;padding:3px}
html[data-theme="dark"] .feature-icon{background:#183e63;color:#9edaff}
html[data-theme="dark"] .step-number,html[data-theme="dark"] .capabilities-title{color:#b4dfff}
html[data-theme="dark"] .hero{background:radial-gradient(ellipse at 90% 8%,#1d3854 0,transparent 50%),#0f1f31!important}
@media(max-width:1100px){.site-header .nav{gap:10px}.site-header .navlinks{gap:12px}.site-header .navlinks>a:not(.btn){font-size:12.5px}}
@media(min-width:881px){.site-header .navlinks{order:1;margin-left:auto}.site-header .experience-controls{order:2}}
@media(max-width:880px){.site-header .nav{gap:5px}.site-header .experience-controls{order:1;margin-left:auto}.site-header .menubtn{order:2}.site-header .navlinks{order:3}.site-header .experience-trigger{min-height:40px}.site-header .experience-controls{gap:4px}}
/* Dark-mode accessibility fixes confirmed by Axe on production layouts. */
html[data-theme=dark] .capabilities-inner,html[data-theme=dark] .capabilities-inner li,html[data-theme=dark] .capabilities-title{color:#c8def1!important}
html[data-theme=dark] :is(.solution-step,.solution-panel,.solution-context,.solution-note,.solution-preview,.solution-feature,.solution-card,.solution-metric,.solution-section,.solution-faq,.solution-hero){background-color:#15293d!important;border-color:#3d5871!important}
html[data-theme=dark] :is(.solution-context-inner>p,.solution-section-title p,.solution-step p,.solution-notes-inner p,.solution-hero p,.solution-card p){color:#bfd2e3!important}
html[data-theme=dark] :is(.solution-section-title h2,.solution-step h3,.solution-context h2,.solution-hero h1,.solution-card h3){color:#f0f6fd!important}
html[data-theme=dark] :is(.solution-section-title .eyebrow,.solution-hero .eyebrow){color:#9edaff!important}
html[data-theme=dark] .solution-step-index{background:#1d4261!important;color:#dcefff!important}
/* Explicit dark surfaces for marketing modules and chat illustrations. */
html[data-theme=dark] #capabilities-title{color:#e5f2ff!important}
html[data-theme=dark] .example-grid article{background:#172a3f!important;border-color:#3b5772!important}
html[data-theme=dark] .example-grid article h3{color:#f0f6fd!important}
html[data-theme=dark] .example-grid article p{color:#c0d1e2!important}
html[data-theme=dark] .step-number{color:#d3e6f7!important}
html[data-theme=dark] .workflow-bubble.customer,html[data-theme=dark] .workflow-bubble.agent{background:#1d3a50!important;color:#e4f0fa!important;border-color:#41637b!important}
html[data-theme=dark] .workflow-bubble.customer p,html[data-theme=dark] .workflow-bubble.agent p,html[data-theme=dark] .workflow-bubble.customer span,html[data-theme=dark] .workflow-bubble.agent span{color:#d5e5f3!important}
html[data-theme=dark] .solution-step{background:#15293d!important;color:#ebf5ff!important;border-color:#44617b!important}
html[data-theme=dark] .solution-step h3{color:#f0f6fd!important}
html[data-theme=dark] :is(.example-caption,.product-disclaimer,.role-label,.text-link,.solution-preview-copy p){color:#d0e1f0!important}
html[data-theme=dark] :is(.solution-content article,.solution-section article,.solution-benefits article,.solution-advantages article,.solution-preview-copy,.solution-summary-card,.role-card){background:#172b40!important;border-color:#425c74!important}
html[data-theme=dark] :is(.solution-content article h3,.solution-section article h3,.solution-benefits article h3,.solution-advantages article h3){color:#f2f7fd!important}
html[data-theme=dark] :is(.solution-content article p,.solution-section article p,.solution-benefits article p,.solution-advantages article p){color:#c3d8e9!important}
html[data-theme=dark] :is(.industry-all-link,.text-link,.faq-contact p,.faq-contact strong,.faq-contact a,.industry-list a,.section strong,.solution-section li,.solution-steps li){color:#cee3f3!important}
html[data-theme=dark] :is(.faq-contact,.faq-contact>div,.industry-list,.industry-list a,.solution-notes-inner,.solution-preview-copy,.solution-workflow,.solution-benefits){background-color:#152b41!important;border-color:#405d78!important}
html[data-theme=dark] :is(.faq-contact h3,.faq-contact h2,.industry-list h3,.solution-benefits h3){color:#f0f7ff!important}
html[data-theme=dark] .industry-all-link:hover{color:#a2e5ff!important}
html[data-theme=dark] .faq-number{color:#d5e6f4!important}
html[data-theme=dark] a[href$="privasi"]{color:#b7e3ff!important}
/* Editorial stories, insights index, and privacy layouts in dark appearance. */
html[data-theme=dark] .wawasan-page{background:#0d1828!important;color:#e6eff9}
html[data-theme=dark] :is(.wawasan-index-hero,.wawasan-index-footer,.wawasan-list-section,.article-hero,.related-section,.content-page .content-hero){background:#14283d!important;color:#e6eff9;border-color:#395772!important}
html[data-theme=dark] :is(.wawasan-card,.article-steps li,.article-aside-card,.related-grid a,.article-disclosure,.content-page .page-cta){background:#192d41!important;color:#e5f1fc!important;border-color:#44647e!important}
html[data-theme=dark] :is(.wawasan-index-intro h2,.wawasan-page h1,.wawasan-page h2,.wawasan-page h3,.article-content>h2,.article-steps h3,.wawasan-card h2,.wawasan-index-hero h1,.wawasan-index-footer h2,.content-page .content-hero h1,.content-page .content-body h2){color:#f3f8ff!important}
html[data-theme=dark] :is(.wawasan-index-hero p,.wawasan-index-footer p,.wawasan-card p,.article-content>p,.article-steps p,.article-deck,.article-disclosure,.article-meta,.article-breadcrumbs,.article-pitfalls,.article-aside-card p,.related-section p,.wawasan-disclosure,.content-page .content-hero .lead,.content-page .content-body p,.content-page .content-body li,.content-page .page-cta p){color:#c5d9ea!important}
html[data-theme=dark] :is(.wawasan-page .eyebrow,.content-page .eyebrow,.wawasan-card-link,.article-follow a,.article-breadcrumbs a,.article-aside-card a,.related-grid a>span:first-child){color:#a5d9ff!important}
html[data-theme=dark] .article-takeaway{background:linear-gradient(125deg,#0a2445,#164876)!important;color:#e9f4ff}
html[data-theme=dark] .article-takeaway h2{color:#fff!important}
html[data-theme=dark] .article-takeaway p{color:#d0e7fc!important}
html[data-theme=dark] :is(.article-steps li>span,.article-breadcrumbs [aria-current=page]){color:#ccedff!important}
html[data-theme=dark] .article-steps li>span{background:#26485d!important;color:#e0f4ff!important}
html[data-theme=dark] .related-grid strong{color:#eaf5ff!important}