/* Native media queries follow device/browser preferences, including live changes. */
:root{color-scheme:light dark}
@media(prefers-color-scheme:dark){
 :root{--paper:#191b20;--black:#f1f3f8;--blue:#548cff;--ink:#f1f3f8;--text:#f1f3f8;--muted:#b5bdcc;--teal:#f1f3f8;--teal-dark:#f1f3f8;--mint:#28344c;--line:#363c47;--wash:#20232a;--white:#191b20;--violet:#28344c;--theme-card:#22262e;--theme-raised:#2a303b;--theme-soft:#aab5c9}
 body{background:var(--paper);color:var(--text)}
 ::selection{background:#548cff66;color:#fff}
 :focus-visible{outline-color:#90b2ff}
 .site-header{background:rgb(25 27 32 / .95);border-color:var(--line)}
 .site-header.scrolled{box-shadow:0 8px 28px #0003}
 .brand-crop{background:#f1f3f8}
 .menu-toggle,#navigation{background:var(--paper);border-color:var(--line)}
 .menu-toggle span{background:var(--text)}
 .button,.offer-cta.button-outline{background:var(--blue);border-color:var(--blue);color:#050505;box-shadow:0 2px 0 #0002}
 .button:hover,.offer-cta.button-outline:hover,.detail-end .button:hover{background:#83aaff;border-color:#83aaff;color:#050505;box-shadow:0 8px 24px #0003}
 .button-outline{background:transparent;color:var(--text);border-color:#63708a}
 .button-outline:hover{background:var(--theme-card);color:var(--text);border-color:#8ca8dc}
 .skip-link{background:var(--theme-card);color:var(--text)}
 .word-accent,.detail-intro h1 span,.contact-page-copy h1 span{color:#82a9ff}
 .hero-notes,.footer-bottom,.breadcrumbs,.detail-price,.related-solutions>span,.optional{color:var(--theme-soft)}
 .hero-art{background:radial-gradient(ellipse at 70% 15%,#548cff18,transparent 65%),linear-gradient(180deg,#20242d,#1d222b);border-color:var(--line)}
 .art-label,.art-caption,.demo-label,.workflow-label{color:#b5c3dc}
 .route-landscape{opacity:.55}
 .pole-card,.offer,.detail-card,.showcase-panel{background:var(--theme-card);border-color:var(--line)}
 .pole-card:hover,.offer:hover{border-color:#779eea;box-shadow:0 18px 38px #0002}
 .pole-icon,.offer-icon,.offer-featured .offer-icon{background:#2b3853;border-color:#3b4e71;color:#b7cdff}
 .pole-number,.pole-foot,.detail-item-number{color:var(--theme-soft)}
 .pole-tags span,.pill{background:#2c3546;color:#d0dcf4;border-color:#3e495f}
 .pole-link,.offer-foot,.benefits,.home-contact,.footer-top,.detail-nav{border-color:var(--line)}
 .custom-offer,.offer-featured{background:linear-gradient(125deg,#293246,var(--theme-card) 75%);border-color:#3b485e}
 .custom-offer .eyebrow{color:#bbcae4}
 .possibilities,.detail-includes{background:var(--wash);border-color:var(--line)}
 .showcase-tabs{background:#1c2027;border-color:var(--line)}
 .showcase-tabs button{color:#cad3e3}
 .showcase-tabs button[aria-selected=true]{background:var(--blue);color:#050505}
 .showcase-tabs button:hover:not([aria-selected=true]){background:#2c3546}
 .showcase-visual,.shop-visual,.crm-visual,.ai-visual{background:radial-gradient(ellipse at 50% 15%,#334563,#232b39 85%)}
 /* Concept previews retain their own readable light canvas, like real client sites. */
 .hero-art .mock-window,.hero-art .mini-website,.hero-art .float-note,.showcase-visual .example-browser,.showcase-visual .atelier-demo,.showcase-visual .shop-demo,.showcase-visual .kanban{color-scheme:light;--paper:#fff;--black:#050505;--ink:#050505;--text:#050505;--teal:#050505;--muted:#55565b;--mint:#edf3ff;--line:#dfe1e6;color:#050505}
 .hero-art .mock-window,.hero-art .mini-website,.hero-art .float-note{background:#fff}
 .showcase-visual .kanban{background:#f7f9fd}
 .workflow-step,.workflow-active{background:var(--theme-card);border-color:#44536c;color:var(--text);box-shadow:0 8px 26px #0002}
 .workflow-active{border-color:#82a9ff}
 .workflow-step>span,.workflow-active>span{background:#2e3c58;color:#b7cdff}
 .workflow-step small,.workflow-step>i{color:#bbc7dc}
 .detail-map{background:radial-gradient(ellipse at 80% 5%,#548cff18,transparent 75%),#222936;border-color:#3a4861}
 .detail-map-label,.detail-map>p{color:#b8c6df}
 .detail-map-step{background:#202630;border-color:#3b4962}
 .detail-map-step>span{background:#2c3c59;color:#c0d4ff}
 .map-connector{background:#465e88}
 .approach{--paper:#f1f3f8;--muted:#bdc6d5;background:#111419;color:#f1f3f8;border-block:1px solid #2c323d}
 .approach .step-number{color:#e6edfc;background:#252c38;border-color:#46536b}
 .approach .steps p{color:#bdc6d5}
 .approach .steps article:hover .step-number{color:#050505}
 .detail-end,.contact-inner{--paper:#f1f3f8;background:radial-gradient(ellipse at 0% 0%,#548cff18,transparent 65%),#111419;color:#f1f3f8;border:1px solid #354053}
 .faq-answer-stage{background:#242c3c}
 .faq-question[aria-expanded=true]{color:#9dbdff}
 .detail-includes-grid .detail-item-number{color:#a6c2f3}
 .project-form.project-wizard{background:linear-gradient(150deg,#242831 65%,#253047);border-color:#3b4455;color:var(--text);box-shadow:0 24px 65px -35px #0008}
 .wizard-topline,.wizard-back,.project-summary dt{color:#b7c1d3}
 .wizard-back:hover{color:#fff}
 .wizard-progress{background:#3c4556}
 .project-choice{background:#202630;border-color:#3e485a;color:#e3e8f2}
 .project-choice svg{color:#adbbd1}
 .project-choice[aria-pressed=true]{background:#2b3d60;border-color:#82a9ff;color:#fff;box-shadow:0 0 0 2px #548cff22}
 .project-choice[aria-pressed=true] svg,.project-choice[aria-pressed=true] i{color:#a9c6ff}
 .project-choice:hover{background:#283245;border-color:#819bc8}
 .project-form input,.project-form select,.project-form textarea,.contact input,.contact select,.contact textarea{background:#1b2028;color:var(--text);border-color:#4b5870}
 .project-form input::placeholder,.project-form textarea::placeholder,.contact input::placeholder,.contact textarea::placeholder{color:#a3aec2}
 .project-wizard .form-note,.project-wizard .form-status,.project-form .form-note{color:#c1cbdc}
 /* Public chat, including the human handoff, follows the same theme. */
 .dt-chat{--dt-ink:#e8edf7;--dt-line:#3d485c;color:#e8edf7}
 .dt-chat-launch{background:#282e38;color:#f1f3f8;border-color:#4b5870;box-shadow:0 8px 28px #0004}
 .dt-chat-launch.dt-chat-open{background:#303a4b;color:#fff;border-color:#667c9f}
 .dt-chat-panel{background:#20252e;border-color:#44506a;box-shadow:0 20px 70px #0006}
 .dt-chat-head{background:#161a21;color:#f4f6fb}
 .dt-chat-body{background:linear-gradient(155deg,#232b38,#1e242e 70%);scrollbar-color:#4c5c77 transparent}
 .dt-chat-message{background:#2a323f;border-color:#3d4a61;color:#e8edf7}
 .dt-chat-user{background:#2c426b;color:#edf3ff;border-color:#526e9f}
 .dt-chat-notice{background:#252d3b;color:#c6d1e4}
 .dt-chat-message a,.dt-chat-human-link{color:#a9c6ff}
 .dt-chat-message small,.dt-chat-foot>p{color:#abb8ce}
 .dt-chat-agent{background:#28374e;border-left-color:#82a9ff}
 .dt-chat-choices button{background:#2b364a;border-color:#495b78;color:#d4e1fc}
 .dt-chat-choices button:hover{background:#364969;border-color:#82a9ff}
 .dt-chat-foot{background:#20252e;border-color:#3d4a61}
 .dt-chat-contact{color:#e4eaf6}
 .dt-chat-contact:hover{color:#a9c6ff}
 .dt-chat-form{background:#1b2028;border-color:#52617a}
 .dt-chat-form textarea{color:#e8edf7}
 .dt-chat-form textarea::placeholder{color:#b1bed2}
 .dt-chat-handoff,.dt-chat-live-status{background:#2a3b58;border-color:#465e86;color:#d5e3ff}
 .dt-chat-handoff:hover{background:#344c73}
 .dt-chat-name input{background:#1b2028;border-color:#52617a;color:#e8edf7}
 /* Private inbox. */
 body:has(.inbox){background:#191b20}
 .inbox-header,.inbox{background:#22262e;color:#f1f3f8;border-color:#3b4455}
 .inbox-header .brand-crop{background:transparent}
 .inbox-header .brand-crop img{filter:brightness(0) invert(1)}
 .inbox-sidebar{background:#1d222b;border-color:#3b4455}
 .inbox-header span:not(.brand-crop),#connection,.inbox-tip,#thread-head p,#reply-status{color:#b4c1d8}
 .inbox-toolbar button,#close-thread,.thread-item{background:#282f3b;border-color:#44516a;color:#f1f3f8}
 .thread-item[aria-current=true]{background:#2e4165;border-color:#82a9ff}
 .thread-item p,.thread-item small,.inbox-message small{color:#b6c6e2}
 #thread-head,#reply{border-color:#3b4455}
 .inbox-message{background:#29313f;border-color:#44516a;color:#e9eef8}
 .inbox-agent{background:#2e4267;border-color:#526f9f}
 .inbox-faq{background:#242c38;color:#b9c5da}
 #answer{background:#1b2028;color:#f1f3f8;border-color:#52617a}
}