/* Automatic appearance. The light design remains the default for older browsers. */
:root{color-scheme:light dark}
@media(prefers-color-scheme:dark){
  :root{--ink:#f2f2f2;--muted:#b6b6bb;--line:#3b3b40;--surface:#232326;--dark:#202023;--red:#b84c43;--red-hover:#a64038;--accent:var(--red);--range-track:#4b4b52;--page:#171719;--card:#2b2b2f;--field:#343439;--quiet:#aaaab0;--accent-text:#dd8b81}
  body,.case-page{background:var(--page);color:var(--ink)}
  ::selection{background:#854239;color:#fff}
  :focus-visible{outline-color:#b8b8be}
  .header,.header.scrolled{background:#171719f5;border-color:var(--line);box-shadow:none}
  .nav.open{background:var(--card);border-color:var(--line)}
  .menu-toggle,.icon-button{background:var(--field);color:var(--ink)}
  .menu-toggle:hover,.icon-button:hover{background:#414147;color:var(--ink)}
  .hero h1 span{color:inherit}
  .hero-description,.hero-note,.platforms .center-heading p,.center-heading p,.split-heading p,.section-description,.free-plan p,.pricing-copy>p,.faq-list details>p,.faq-heading>p,.news-heading>p{color:var(--muted)}
  .red-text,.free-number,.platforms-more strong,.business-chat-copy h2>span{color:var(--accent-text)}
  .button-red,.button-dark,.final-cta .button-dark{color:#fff}
  .hero-actions .hero-how-it-works,.final-cta .button-ghost{color:var(--ink);background:transparent;border-color:#66666d}
  .hero-actions .hero-how-it-works:hover,.final-cta .button-ghost:hover{background:var(--field);color:#fff;border-color:#8b8b93}
  .text-link:hover::before{background:#ffffff0d}
  .visual-backplate{background:#222225}
  .product-window,.floating-card{background:var(--card);border-color:var(--line);box-shadow:0 16px 36px #0003}
  .window-top,.product-bottom{border-color:var(--line)}
  .product-photo{background:#fff;margin:14px;border-radius:14px}
  .product-info>p,.product-bottom>span,.floating-card small,.publish-card p,.photo-count,.stock{color:var(--muted)}
  .photo-count{background:var(--field)}
  .purple,.mint,.floating-icon{background:var(--field);color:#d7d7dc}
  .location-check{color:#d7d7dc}
  .mini-platforms span{background:var(--field);color:#e5e5e8}
  .hero-primary-action .hero-note,.product-info p b,.workflow-explanation .plain-checks,.pricing-copy>.text-link{color:var(--muted)}
  /* Dark sections retain a separate surface, with readable inset examples. */
  .workflow,.migration,.business-chat,.store-banner{background:var(--dark)}
  .workflow-tab{background:#333337;color:#e2e2e5}
  .workflow-tab:hover:not(.active){background:#424247}
  .workflow-tab.active{background:var(--red);color:#fff}
  .workflow-explanation,.workflow-demo{background:var(--card);color:var(--ink)}
  .workflow-explanation>p,.plain-checks,.demo-product-title p,.warehouse-heading span,.warehouse-result span,.sale-product small,.receipt-lines>div,.sale-confirmation small,.analytics-demo>p,.analytics-summary span,.analytics-demo .chart-labels{color:var(--muted)}
  .demo-field,.warehouse-result,.shelves,.sale-demo .sale-confirmation,.demo-button{background:var(--field);border-color:var(--line);color:var(--ink)}
  .workflow-demo .demo-field small{color:var(--muted)}
  .product-demo .demo-field,.product-demo .ai-success{background:none;color:var(--muted)}
  .product-demo .demo-field strong{color:var(--ink)}
  .product-demo .demo-fields-row,.sale-demo .sale-product,.receipt-lines .receipt-total,.analytics-demo .analytics-summary{border-color:#46464c}
  .demo-field>.icon,.plain-checks li:before{color:#b6b6bd}
  .product-demo .add-demo-photos img,.sale-product img{background:#fff;border-color:transparent}
  .shelves>div{border-color:#707078}
  .shelves i{background:#53535b;border-color:#6c6c75}
  .shelves .active-box{background:var(--red);border-color:var(--red);color:#fff}
  .warehouse-heading>.icon{color:#b6b6bd}
  .receipt-lines b,.receipt-total b,.receipt-lines .receipt-total{color:var(--ink)}
  .sale-confirmation>span{background:#46464c;color:#ececf0}
  .analytics-number small{color:var(--muted)}
  .analytics-demo .chart-bars{border-color:#494950;background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#424248 40px,#424248 41px)}
  .chart-bars i{background:#92929c}
  .chart-bars i:last-child{background:var(--red)}
  .platforms-more{color:var(--muted)}
  .store-copy>p{color:#c7c7cd}
  .store-catalog,.store-cart-preview{background:var(--card);border-color:#56565e;color:var(--ink)}
  .store-catalog-search,.store-catalog-add.secondary,.store-cart-check{background:var(--field);color:#d0d0d6}
  .store-catalog-product small,.store-cart-preview div>span{color:var(--muted)}
  .store-catalog-product img{background:#fff}
  /* The real app screenshots stay in their original colours. */
  .mobile-banner{background:#352725}
  .mobile-banner-copy h2{color:var(--ink)}
  .mobile-banner-copy p{color:#d1c2bf}
  .mobile-banner .app-links a{background:var(--card);border-color:#65524e;color:#f3eeee}
  .mobile-banner .app-links a:hover{background:#493632}
  .mobile-banner .store-icon{filter:brightness(0) invert(1)}
  .ai-section,.pricing,.news-layout{background:var(--surface)}
  .ai-tabs button{color:var(--muted)}
  .ai-tabs button.active,.ai-tabs button:hover{background:var(--field);color:var(--ink);border-color:transparent}
  .ai-tabs button.active::before{background:conic-gradient(#d4d4da calc(var(--ai-ring-progress)*1turn),#ffffff24 0)}
  .business-chat-window{background:var(--card);color:var(--ink)}
  .business-chat-question,.business-chat-composer{background:#3a3a40}
  .business-chat-mention,.business-chat-connect{color:#92b8ff}
  .business-chat-connect:hover{color:#c1d6ff}
  .business-chat-answer th{color:var(--muted)}
  .business-chat-answer tbody tr+tr{border-color:#46464c}
  .business-chat-transcript{scrollbar-color:#606068 transparent}
  .story-card{background:var(--surface);border-color:var(--line)}
  .story-copy p,.story-copy .story-summary,.story-name>span{color:var(--muted)}
  .carousel-arrow{background:var(--card);border-color:#6a6a72;color:var(--ink)}
  .carousel-arrow:hover:not(:disabled){background:#44444b;color:#fff}
  .carousel-arrow:disabled{background:transparent;color:#717179;border-color:#3b3b40}
  .story-track{scrollbar-color:#606068 transparent}
  .story-track::-webkit-scrollbar-thumb{background:#606068}
  .trust-row b{color:var(--ink)}
  .trust-row .icon{color:#aaaab2}
  .pricing-calculator{background:var(--card);border-color:var(--line)}
  .volume-title label,.range-labels,.price-number small,.price-daily-row>p,.price-daily-row>.price-coffee{color:var(--muted)}
  #volume::-webkit-slider-thumb{border-color:var(--card);box-shadow:0 1px 8px #0006}
  #volume::-moz-range-thumb{border-color:var(--card);box-shadow:0 1px 8px #0006}
  .free-plan{border-color:var(--line)}
  .faq-list details{border-color:var(--line)}
  .faq-list summary{color:var(--ink)}
  .faq-list summary .icon{color:var(--muted)}
  .news-list article{background:var(--card)}
  .news-list time,.news-list p,.news-list article>a>.icon{color:var(--muted)}
  .social-card-small{background:var(--card);border-color:var(--line);color:var(--ink)}
  .social-card-small>p{color:var(--muted)}
  .social-card-dark{background:#303034}
  .final-cta{background:transparent;color:var(--ink)}
  .site-footer{background:#202023}
  .contact-dialog,.video-dialog{background:var(--card);color:var(--ink);border-color:var(--line)}
  dialog::backdrop{background:#0009}
  .dialog-close{background:#414147;color:#ededf0}
  .dialog-close:hover{background:#52525a;color:#fff}
  .contact-dialog-header>p,.lead-consent label,.contact-direct>p,.contact-options .icon{color:var(--muted)}
  .contact-direct,.contact-options a,.video-dialog-top{border-color:#48484f}
  .contact-options a{background:transparent;color:var(--ink)}
  .contact-options a:hover{background:var(--field);border-color:#73737b}
  .lead-field input:not([type="radio"]),.lead-methods label>span{background:var(--field);border-color:#55555d;color:var(--ink)}
  .lead-field input::placeholder{color:#ababB3}
  .lead-field input:not([type="radio"]):focus{background:#39393f;border-color:#b2b2bb;box-shadow:0 0 0 3px #ffffff0b}
  .lead-methods label:hover>span{background:#414147;border-color:#898991}
  .lead-methods input:checked+span{background:#51302d;border-color:#ee8177;color:#ffb4ac}
  .lead-field [aria-invalid="true"]{border-color:#ff9186!important}
  .field-error,.lead-status[data-state="error"]{color:#ffaaa0}
  .lead-status,.lead-status[data-state="success"]{background:var(--field)}
  .lead-status[data-state="error"]{border-color:#a9635c}
  .video-case-copy,.video-case-details{background:transparent;color:var(--ink)}
  #video-case-summary,#video-case-details p,#video-case-details li,#video-case-details .case-preview-source{color:var(--muted)}
  #video-case-details .case-read-link{color:var(--ink)}
  .video-dialog-bottom{background:var(--surface);border-color:var(--line);color:var(--muted)}
  .cookie-notice{background:#303035;color:var(--ink);box-shadow:0 8px 36px #0008;border:1px solid #515159}
  .cookie-notice p a,.cookie-notice-actions .cookie-reject{color:#ffa398}
  .cookie-notice-actions .cookie-reject{border-color:#ac6962}
  .cookie-notice-actions .cookie-reject:hover{background:#49332f;color:#ffc2ba}
  .case-header>a:last-child,.case-company,.case-lead,.case-body p,.case-time,.case-profile .case-legal,.case-profile .case-speaker,.case-interview-date,.case-body .case-editorial,.case-footer{color:var(--muted)}
  .case-profile,.case-bottom{background:var(--card)}
  .case-fact{background:var(--surface)}
  .case-fact p{color:var(--ink)}
  @media(max-width:700px){.header-actions .login{background:var(--field);color:var(--ink)}.header-actions .login:hover{background:#414147;color:var(--ink)}}
}