/* Light-only surface and text rules, scoped to each supplied page. Dark source CSS remains intact. */

/* index.html */
html[data-atc-theme="light"] body[data-atc-page="home"] .float-note,
html[data-atc-theme="light"] body[data-atc-page="home"] .trust-strip,
html[data-atc-theme="light"] body[data-atc-page="home"] .product-card,
html[data-atc-theme="light"] body[data-atc-page="home"] .explorer,
html[data-atc-theme="light"] body[data-atc-page="home"] .custom-row,
html[data-atc-theme="light"] body[data-atc-page="home"] .metric,
html[data-atc-theme="light"] body[data-atc-page="home"] .partner-panel,
html[data-atc-theme="light"] body[data-atc-page="home"] .partner-benefit,
html[data-atc-theme="light"] body[data-atc-page="home"] .market,
html[data-atc-theme="light"] body[data-atc-page="home"] .flow-node,
html[data-atc-theme="light"] body[data-atc-page="home"] .form,
html[data-atc-theme="light"] body[data-atc-page="home"] .faq-item,
html[data-atc-theme="light"] body[data-atc-page="home"] footer { background: linear-gradient(180deg, var(--surface), var(--surface-2)); border-color: var(--line); box-shadow: var(--shadow-soft); }
html[data-atc-theme="light"] body[data-atc-page="home"] .device,
html[data-atc-theme="light"] body[data-atc-page="home"] .product-shot,
html[data-atc-theme="light"] body[data-atc-page="home"] .explorer-screen,
html[data-atc-theme="light"] body[data-atc-page="home"] .compare,
html[data-atc-theme="light"] body[data-atc-page="home"] .showcase-phone { background: var(--surface-3); border-color: var(--line); box-shadow: var(--shadow); }
html[data-atc-theme="light"] body[data-atc-page="home"] .eyebrow,
html[data-atc-theme="light"] body[data-atc-page="home"] .chip,
html[data-atc-theme="light"] body[data-atc-page="home"] .mini-tag,
html[data-atc-theme="light"] body[data-atc-page="home"] .compare-label,
html[data-atc-theme="light"] body[data-atc-page="home"] .contact-point i,
html[data-atc-theme="light"] body[data-atc-page="home"] .faq-btn span { background: var(--surface); color: var(--text); border-color: var(--line); }
html[data-atc-theme="light"] body[data-atc-page="home"] .nav a:hover,
html[data-atc-theme="light"] body[data-atc-page="home"] .footer a:hover { color: var(--atc-hover-ink); }
html[data-atc-theme="light"] body[data-atc-page="home"] .industry p { color: var(--muted); }
html[data-atc-theme="light"] body[data-atc-page="home"] .eyebrow,
html[data-atc-theme="light"] body[data-atc-page="home"] .skip:focus,
html[data-atc-theme="light"] body[data-atc-page="home"] .announcement,
html[data-atc-theme="light"] body[data-atc-page="home"] .nav a,
html[data-atc-theme="light"] body[data-atc-page="home"] .btn.orange,
html[data-atc-theme="light"] body[data-atc-page="home"] .btn.ghost,
html[data-atc-theme="light"] body[data-atc-page="home"] .menu-btn,
html[data-atc-theme="light"] body[data-atc-page="home"] .chip,
html[data-atc-theme="light"] body[data-atc-page="home"] .markets strong,
html[data-atc-theme="light"] body[data-atc-page="home"] .float-note,
html[data-atc-theme="light"] body[data-atc-page="home"] .mini-tag,
html[data-atc-theme="light"] body[data-atc-page="home"] .tab,
html[data-atc-theme="light"] body[data-atc-page="home"] .bullets li,
html[data-atc-theme="light"] body[data-atc-page="home"] .compare-handle,
html[data-atc-theme="light"] body[data-atc-page="home"] .compare-label.light,
html[data-atc-theme="light"] body[data-atc-page="home"] .workflow-tab,
html[data-atc-theme="light"] body[data-atc-page="home"] .flow-node:not(:last-child):after,
html[data-atc-theme="light"] body[data-atc-page="home"] .contact-point,
html[data-atc-theme="light"] body[data-atc-page="home"] .field label,
html[data-atc-theme="light"] body[data-atc-page="home"] .field input,
html[data-atc-theme="light"] body[data-atc-page="home"] .field select,
html[data-atc-theme="light"] body[data-atc-page="home"] .field textarea,
html[data-atc-theme="light"] body[data-atc-page="home"] .faq-btn,
html[data-atc-theme="light"] body[data-atc-page="home"] .newsletter input,
html[data-atc-theme="light"] body[data-atc-page="home"] .newsletter button { color: var(--text); }
html[data-atc-theme="light"] body[data-atc-page="home"] .btn,
html[data-atc-theme="light"] body[data-atc-page="home"] .compare-label,
html[data-atc-theme="light"] body[data-atc-page="home"] .custom-row,
html[data-atc-theme="light"] body[data-atc-page="home"] .device,
html[data-atc-theme="light"] body[data-atc-page="home"] .drawer a,
html[data-atc-theme="light"] body[data-atc-page="home"] .explorer-screen,
html[data-atc-theme="light"] body[data-atc-page="home"] .faq-item,
html[data-atc-theme="light"] body[data-atc-page="home"] .field input,
html[data-atc-theme="light"] body[data-atc-page="home"] .field input:focus,
html[data-atc-theme="light"] body[data-atc-page="home"] .field select,
html[data-atc-theme="light"] body[data-atc-page="home"] .field select:focus,
html[data-atc-theme="light"] body[data-atc-page="home"] .field textarea,
html[data-atc-theme="light"] body[data-atc-page="home"] .field textarea:focus,
html[data-atc-theme="light"] body[data-atc-page="home"] .footer-bottom,
html[data-atc-theme="light"] body[data-atc-page="home"] .header,
html[data-atc-theme="light"] body[data-atc-page="home"] .map-ring,
html[data-atc-theme="light"] body[data-atc-page="home"] .market,
html[data-atc-theme="light"] body[data-atc-page="home"] .metric,
html[data-atc-theme="light"] body[data-atc-page="home"] .mini-tag,
html[data-atc-theme="light"] body[data-atc-page="home"] .orbit,
html[data-atc-theme="light"] body[data-atc-page="home"] .partner-benefit,
html[data-atc-theme="light"] body[data-atc-page="home"] .product-shot,
html[data-atc-theme="light"] body[data-atc-page="home"] .showcase-phone,
html[data-atc-theme="light"] body[data-atc-page="home"] .tab,
html[data-atc-theme="light"] body[data-atc-page="home"] .tab.active,
html[data-atc-theme="light"] body[data-atc-page="home"] .tab:hover,
html[data-atc-theme="light"] body[data-atc-page="home"] .toast,
html[data-atc-theme="light"] body[data-atc-page="home"] .trust-icon,
html[data-atc-theme="light"] body[data-atc-page="home"] .trust-item,
html[data-atc-theme="light"] body[data-atc-page="home"] .workflow-tab,
html[data-atc-theme="light"] body[data-atc-page="home"] .workflow-tab.active,
html[data-atc-theme="light"] body[data-atc-page="home"] footer { border-color: var(--line); }
html[data-atc-theme="light"] body[data-atc-page="home"] .gradient-text { background-image: linear-gradient(115deg, var(--text), var(--atc-link)); color: transparent; -webkit-background-clip: text; background-clip: text; }
html[data-atc-theme="light"] body[data-atc-page="home"] .tab,
html[data-atc-theme="light"] body[data-atc-page="home"] .workflow-tab { background: var(--surface); color: var(--text); border-color: var(--line); box-shadow: inset 0 1px 0 var(--surface), 0 3px 9px oklch(.32 .04 var(--atc-hue) / .06); }
html[data-atc-theme="light"] body[data-atc-page="home"] .tab.active,
html[data-atc-theme="light"] body[data-atc-page="home"] .workflow-tab.active { background: var(--surface-2); color: var(--text); border-color: var(--atc-link); }
html[data-atc-theme="light"] body[data-atc-page="home"] .tab:hover,
html[data-atc-theme="light"] body[data-atc-page="home"] .workflow-tab:hover { background: var(--surface); color: var(--atc-hover-ink); border-color: var(--atc-hover-ink); }

/* ve-atc.html */
html[data-atc-theme="light"] body[data-atc-page="about"] .glass,
html[data-atc-theme="light"] body[data-atc-page="about"] .metric,
html[data-atc-theme="light"] body[data-atc-page="about"] .hero-core,
html[data-atc-theme="light"] body[data-atc-page="about"] .country-tag,
html[data-atc-theme="light"] body[data-atc-page="about"] .meta-box,
html[data-atc-theme="light"] body[data-atc-page="about"] .tone-a,
html[data-atc-theme="light"] body[data-atc-page="about"] .tone-b,
html[data-atc-theme="light"] body[data-atc-page="about"] .tone-c,
html[data-atc-theme="light"] body[data-atc-page="about"] .tone-d,
html[data-atc-theme="light"] body[data-atc-page="about"] .tone-e,
html[data-atc-theme="light"] body[data-atc-page="about"] .tone-f,
html[data-atc-theme="light"] body[data-atc-page="about"] .node,
html[data-atc-theme="light"] body[data-atc-page="about"] .contact-item,
html[data-atc-theme="light"] body[data-atc-page="about"] .sticky-cta,
html[data-atc-theme="light"] body[data-atc-page="about"] .toast { background: linear-gradient(180deg, var(--surface), var(--surface-2)); border-color: var(--line); box-shadow: var(--shadow-soft); }
html[data-atc-theme="light"] body[data-atc-page="about"] .shot,
html[data-atc-theme="light"] body[data-atc-page="about"] .product-card .thumb { background: var(--surface-3); border-color: var(--line); box-shadow: var(--shadow); }
html[data-atc-theme="light"] body[data-atc-page="about"] .eyebrow,
html[data-atc-theme="light"] body[data-atc-page="about"] .pill { background: var(--surface); color: var(--text); border-color: var(--line); }
html[data-atc-theme="light"] body[data-atc-page="about"] .brand small,
html[data-atc-theme="light"] body[data-atc-page="about"] .hero p,
html[data-atc-theme="light"] body[data-atc-page="about"] .metric span,
html[data-atc-theme="light"] body[data-atc-page="about"] .shot .caption,
html[data-atc-theme="light"] body[data-atc-page="about"] .split-card p,
html[data-atc-theme="light"] body[data-atc-page="about"] .meta-box span,
html[data-atc-theme="light"] body[data-atc-page="about"] .section-head p,
html[data-atc-theme="light"] body[data-atc-page="about"] .feature p,
html[data-atc-theme="light"] body[data-atc-page="about"] .product-card p,
html[data-atc-theme="light"] body[data-atc-page="about"] .step p,
html[data-atc-theme="light"] body[data-atc-page="about"] .footer { color: var(--muted); }
html[data-atc-theme="light"] body[data-atc-page="about"] .eyebrow,
html[data-atc-theme="light"] body[data-atc-page="about"] .navlinks a,
html[data-atc-theme="light"] body[data-atc-page="about"] .btn,
html[data-atc-theme="light"] body[data-atc-page="about"] .btn.light,
html[data-atc-theme="light"] body[data-atc-page="about"] .pill,
html[data-atc-theme="light"] body[data-atc-page="about"] .country-tag,
html[data-atc-theme="light"] body[data-atc-page="about"] .meta-box b,
html[data-atc-theme="light"] body[data-atc-page="about"] .product-card ul,
html[data-atc-theme="light"] body[data-atc-page="about"] .product-card li,
html[data-atc-theme="light"] body[data-atc-page="about"] .list-card li,
html[data-atc-theme="light"] body[data-atc-page="about"] .contact-item b,
html[data-atc-theme="light"] body[data-atc-page="about"] .contact-item a,
html[data-atc-theme="light"] body[data-atc-page="about"] .contact-item span,
html[data-atc-theme="light"] body[data-atc-page="about"] .field label,
html[data-atc-theme="light"] body[data-atc-page="about"] .field input,
html[data-atc-theme="light"] body[data-atc-page="about"] .field select,
html[data-atc-theme="light"] body[data-atc-page="about"] .field textarea,
html[data-atc-theme="light"] body[data-atc-page="about"] .toast,
html[data-atc-theme="light"] body[data-atc-page="about"] .drawer a { color: var(--text); }
html[data-atc-theme="light"] body[data-atc-page="about"] .arc,
html[data-atc-theme="light"] body[data-atc-page="about"] .badge-icon,
html[data-atc-theme="light"] body[data-atc-page="about"] .btn,
html[data-atc-theme="light"] body[data-atc-page="about"] .btn.light,
html[data-atc-theme="light"] body[data-atc-page="about"] .btn.primary,
html[data-atc-theme="light"] body[data-atc-page="about"] .contact-item,
html[data-atc-theme="light"] body[data-atc-page="about"] .country-tag,
html[data-atc-theme="light"] body[data-atc-page="about"] .drawer,
html[data-atc-theme="light"] body[data-atc-page="about"] .drawer a,
html[data-atc-theme="light"] body[data-atc-page="about"] .eyebrow,
html[data-atc-theme="light"] body[data-atc-page="about"] .feature .icon,
html[data-atc-theme="light"] body[data-atc-page="about"] .field input,
html[data-atc-theme="light"] body[data-atc-page="about"] .field select,
html[data-atc-theme="light"] body[data-atc-page="about"] .field textarea,
html[data-atc-theme="light"] body[data-atc-page="about"] .footer,
html[data-atc-theme="light"] body[data-atc-page="about"] .glass,
html[data-atc-theme="light"] body[data-atc-page="about"] .hero-core,
html[data-atc-theme="light"] body[data-atc-page="about"] .list-card li,
html[data-atc-theme="light"] body[data-atc-page="about"] .meta-box,
html[data-atc-theme="light"] body[data-atc-page="about"] .metric,
html[data-atc-theme="light"] body[data-atc-page="about"] .node,
html[data-atc-theme="light"] body[data-atc-page="about"] .pill,
html[data-atc-theme="light"] body[data-atc-page="about"] .product-card .thumb,
html[data-atc-theme="light"] body[data-atc-page="about"] .shot,
html[data-atc-theme="light"] body[data-atc-page="about"] .sticky-cta,
html[data-atc-theme="light"] body[data-atc-page="about"] .toast,
html[data-atc-theme="light"] body[data-atc-page="about"] .topbar { border-color: var(--line); }
html[data-atc-theme="light"] body[data-atc-page="about"] .hero h1 .grad { background-image: linear-gradient(115deg, var(--text), var(--atc-link)); color: transparent; -webkit-background-clip: text; background-clip: text; }

/* restaurant-pos.html */
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .stage-badge,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .float-card,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .feature-card,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .metric-card,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .glass-card,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .edition-card,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .faq-item,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .step-card,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .panel,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .stats-card,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .compo-base,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .cta-box,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .device-bullet { background: linear-gradient(180deg, var(--surface), var(--surface-2)); border-color: var(--line); box-shadow: var(--shadow-soft); }
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .device,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .device .screen,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .screenshot-wrap,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .mini-device,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .edition-card .shot,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .compo-screen { background: var(--surface-3); border-color: var(--line); box-shadow: var(--shadow); }
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .eyebrow,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .pill,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .device-label,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .hot-badge,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .device-tag,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .edition-pill,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .compo-label,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .faq-btn span { background: var(--surface); color: var(--text); border-color: var(--line); }
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] nav.primary a:hover { color: var(--atc-hover-ink); }
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .link-arrow:after { color: var(--atc-link); }
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .hero-note,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .float-card.small,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] footer { color: var(--muted); }
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .eyebrow,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .btn.primary,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .skip:focus,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] nav.primary a,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .menu-toggle,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .pill,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .stage-badge,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .float-card.order strong,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .float-card.order .mini,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .link-arrow,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .tab-btn,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .metric-card li b,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .controls button,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .device-bullet .num,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .edition-pill,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .step-card .step,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .list-row .tick,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .faq-btn { color: var(--text); }
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .btn,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .compo-base,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .compo-label,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .compo-screen,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .controls button,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .cta-box,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .device,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .device-bullet,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .device-bullet .num,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .device-label,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .device-tag,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .edition-card .shot,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .edition-pill,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .faq-btn span,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .feature-icon,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .float-card,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .footer-row,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .hot-badge,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .list-row,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .metric-icon,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .mini-device,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .mobile-drawer a,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .screenshot-wrap,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .screenshot-wrap .frame-top,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .stage-badge,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .step-card img,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .tab-btn,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .tab-btn.active,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .tab-btn:hover,
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] header.site-header { border-color: var(--line); }
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .tab-btn { background: var(--surface); color: var(--text); border-color: var(--line); box-shadow: inset 0 1px 0 var(--surface), 0 3px 9px oklch(.32 .04 var(--atc-hue) / .06); }
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .tab-btn.active { background: var(--surface-2); color: var(--text); border-color: var(--atc-link); }
html[data-atc-theme="light"] body[data-atc-page="restaurant-pos"] .tab-btn:hover { background: var(--surface); color: var(--atc-hover-ink); border-color: var(--atc-hover-ink); }

/* beauty-pos.html */
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .glass,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .float-chip,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .feature-card,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .industry-card,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .pillar-card,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .metric-card,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .journey-card,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .faq-item,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .contact-card,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .studio-panel,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .proof-card,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .tour-shell,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .pillar-list div,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .brand-preview,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .device-copy,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .partner-orb,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .contact-link,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .floating-contact .wide,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .toast { background: linear-gradient(180deg, var(--surface), var(--surface-2)); border-color: var(--line); box-shadow: var(--shadow-soft); }
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .device,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .screenshot-frame,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .compare,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .mock,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .partner-screen { background: var(--surface-3); border-color: var(--line); box-shadow: var(--shadow); }
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .eyebrow,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .chip,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .device-label,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .industry-card .tag,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .compare-label,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .mock-tag { background: var(--surface); color: var(--text); border-color: var(--line); }
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .form-status { color: oklch(from var(--mint) .40 .10 h); }
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .primary-nav a:hover,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .tour-tab:hover { color: var(--atc-hover-ink); }
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .mini-link::after,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .metric-card .kicker,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .proof-card .tone { color: var(--atc-link); }
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .hero-note { color: var(--muted) !important; }
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .journey-card small,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .footer,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .legal { color: var(--muted); }
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .eyebrow,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .btn.primary,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .mini-link,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .chip,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .skip-link:focus,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .brand-logo::before,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .primary-nav a,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .theme-mini button.active,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .menu-toggle,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .device-label,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .float-chip,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .theme-switcher button.active,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .industry-card .tag,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .tour-tab.active,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .tour-controls button,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .frame-badge,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .metric-card li,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .pillar-list div,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .control-group label,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .segmented button,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .swatch,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .swatch.active::after,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .brand-input,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .brand-preview strong,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .compare-label.light,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .proof-card .big,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .faq-q,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .field label,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .field input,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .field select,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .field textarea,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .toast { color: var(--text); }
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .brand-preview,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .btn,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .btn.ghost,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .compare,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .compare-label,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .contact-link,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .device,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .device-copy .num,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .device-label,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .float-chip,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .footer-top,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .frame-bar,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .hero-halo,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .icon-box,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .industry-card .tag,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .mobile-menu a,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .mock,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .mock-tag,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .partner-item,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .partner-screen,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .pillar-list div,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .screenshot-frame,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .site-header,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .tour-tab,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .tour-tab.active,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .tour-tab:hover { border-color: var(--line); }
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .hero h1 em { background-image: linear-gradient(115deg, var(--text), var(--atc-link)); color: transparent; -webkit-background-clip: text; background-clip: text; }
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .tour-tab,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .segmented button,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .theme-switcher button { background: var(--surface); color: var(--text); border-color: var(--line); box-shadow: inset 0 1px 0 var(--surface), 0 3px 9px oklch(.32 .04 var(--atc-hue) / .06); }
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .tour-tab.active,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .segmented button.active,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .theme-switcher button.active { background: var(--surface-2); color: var(--text); border-color: var(--atc-link); }
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .tour-tab:hover,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .segmented button:hover,
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] .theme-switcher button:hover { background: var(--surface); color: var(--atc-hover-ink); border-color: var(--atc-hover-ink); }

/* online-ordering.html */
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .card,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .loader,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .float-card,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .value-item,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .tour-shell,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .device-point,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .custom-list div,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .flow-node,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .brand-card,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .toast { background: linear-gradient(180deg, var(--surface), var(--surface-2)); border-color: var(--line); box-shadow: var(--shadow-soft); }
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .device,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .screen-shell,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .mock,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .compare,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .brand-device { background: var(--surface-3); border-color: var(--line); box-shadow: var(--shadow); }
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .eyebrow,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .chip,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .device-tag,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .browser-url,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .screen-label,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .mock-badge,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .compare-label,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .brand-chip,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .faq-btn span { background: var(--surface); color: var(--text); border-color: var(--line); }
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .tour-list li:before,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .integration-row i,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .success { color: oklch(from var(--green) .40 .10 h); }
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .nav a:hover,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .tour-tab:hover,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .footer-col a:hover { color: var(--atc-hover-ink); }
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .info-card .num,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .mini-link:after,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .check i,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .contact-detail i { color: var(--atc-link); }
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .hero-note { color: var(--muted) !important; }
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .eyebrow,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .btn.primary,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .chip,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .skip:focus,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .loader-core,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .nav a,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .menu-btn,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .status,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .tour-tab,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .tour-tab.active,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .tour-controls button,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .mini-link,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .journey-step .step-number,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .compare-handle,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .custom-list div,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .integration-row,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .check,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .check b,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .faq-btn,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .field label,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .field input,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .field select,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .field textarea,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .contact-float,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .toast { color: var(--text); }
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .benefit-icon,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .brand-chip,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .brand-device,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .browser-url,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .btn,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .compare-label,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .contact-detail,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .contact-float,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .custom-list div,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .device,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .device-point span,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .device-tag,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .faq-btn span,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .field input,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .field input:focus,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .field select,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .field select:focus,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .field textarea,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .field textarea:focus,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .float-card,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .flow-node .node-icon,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .footer-grid,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .info-card .num,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .integration-row,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .mobile-menu a,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .mock,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .mock-badge,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .orbit,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .partner-orb,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .screen-label,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .screen-shell,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .site-header,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .tour-controls button,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .tour-tab,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .tour-tab.active,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .tour-tab:hover,
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .value-icon { border-color: var(--line); }
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .hero h1 .accent { background-image: linear-gradient(115deg, var(--text), var(--atc-link)); color: transparent; -webkit-background-clip: text; background-clip: text; }
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .tour-tab { background: var(--surface); color: var(--text); border-color: var(--line); box-shadow: inset 0 1px 0 var(--surface), 0 3px 9px oklch(.32 .04 var(--atc-hue) / .06); }
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .tour-tab.active { background: var(--surface-2); color: var(--text); border-color: var(--atc-link); }
html[data-atc-theme="light"] body[data-atc-page="online-ordering"] .tour-tab:hover { background: var(--surface); color: var(--atc-hover-ink); border-color: var(--atc-hover-ink); }

/* online-booking.html */
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .glass,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .feature-card,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .journey-card,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .industry-card,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .faq-item,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .contact-card,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .stage-chip,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .benefit-item,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .journey-visual,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .device-copy-card,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .control-block,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .eco-node,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .eco-row,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .partner-visual,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .brand-transform,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .contact-line,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .toast { background: linear-gradient(180deg, var(--surface), var(--surface-2)); border-color: var(--line); box-shadow: var(--shadow-soft); }
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .device,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .mock,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .preview-browser,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .partner-visual .screen { background: var(--surface-3); border-color: var(--line); box-shadow: var(--shadow); }
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .eyebrow,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .hero-badge,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .device-label,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .compare-label,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .brand-token,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .faq-btn span { background: var(--surface); color: var(--text); border-color: var(--line); }
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .journey-btn .num { color: var(--atc-link); }
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .eyebrow,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .btn.primary,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .hero-badge,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .journey-point::before,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .device-copy-card b,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .theme-btn.active,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .browser-name,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .compare-label,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .partner-row i,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .floating-contact { color: var(--text); }
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .ambient-orb.one,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .benefit-icon,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .brand-token,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .brand-transform,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .browser-bar,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .compare-label,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .device,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .device-label,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .eco-node,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .feature-card:hover,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .feature-icon,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .field input:focus,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .field select:focus,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .field textarea:focus,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .floating-contact,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .journey-btn.active,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .journey-visual,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .mobile-menu a,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .mock,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .partner-row,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .partner-visual .screen,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .preview-browser,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .site-header,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .stage-chip,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .toast,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] footer { border-color: var(--line); }
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .hero h1 em,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .section-title em { background-image: linear-gradient(115deg, var(--text), var(--atc-link)); color: transparent; -webkit-background-clip: text; background-clip: text; }
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .journey-btn,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .theme-btn { background: var(--surface); color: var(--text); border-color: var(--line); box-shadow: inset 0 1px 0 var(--surface), 0 3px 9px oklch(.32 .04 var(--atc-hue) / .06); }
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .journey-btn.active,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .theme-btn.active { background: var(--surface-2); color: var(--text); border-color: var(--atc-link); }
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .journey-btn:hover,
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .theme-btn:hover { background: var(--surface); color: var(--atc-hover-ink); border-color: var(--atc-hover-ink); }

/* customer-check-in.html */
html[data-atc-theme="light"] body[data-atc-page="check-in"] .glass,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .feature-card,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .story-card,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .value-card,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .brand-card,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .faq-item,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .contact-card,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .metric-card,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .stage-chip,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .benefit-strip,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .story-point,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .feedback-card,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .partner-base,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .contact-row { background: linear-gradient(180deg, var(--surface), var(--surface-2)); border-color: var(--line); box-shadow: var(--shadow-soft); }
html[data-atc-theme="light"] body[data-atc-page="check-in"] .device,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .story-visual,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .profile-screen,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .brand-screen,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .eco-icon,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .partner-screen { background: var(--surface-3); border-color: var(--line); box-shadow: var(--shadow); }
html[data-atc-theme="light"] body[data-atc-page="check-in"] .eyebrow,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .hero-badge,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .device-label,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .partner-chip,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .faq-btn span { background: var(--surface); color: var(--text); border-color: var(--line); }
html[data-atc-theme="light"] body[data-atc-page="check-in"] .primary-nav a:hover { color: var(--atc-hover-ink); }
html[data-atc-theme="light"] body[data-atc-page="check-in"] .link-arrow:after { color: var(--atc-link); }
html[data-atc-theme="light"] body[data-atc-page="check-in"] footer { color: var(--muted); }
html[data-atc-theme="light"] body[data-atc-page="check-in"] .eyebrow,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .btn.primary,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .menu-toggle,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .hero-badge,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .stage-chip,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .journey-btn,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .story-kicker,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .story-point:before,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .link-arrow,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .rating-switch button,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .swatch.active:after,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .brand-field label,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .brand-field input,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .faq-btn,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .field label,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .field input,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .field select,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .field textarea,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .toast,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .floating-contact { color: var(--text); }
html[data-atc-theme="light"] body[data-atc-page="check-in"] .benefit-icon,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .brand-screen,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .contact-row,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .device,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .device-label,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .feedback-shot,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .floating-contact,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .footer-grid,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .journey-btn.active,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .mobile-menu a,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .orb,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .partner-item,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .partner-screen,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .profile-row,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .profile-screen,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .rating-switch button.active,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .site-header,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .stage-chip,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .story-point,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .story-visual,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .value-icon { border-color: var(--line); }
html[data-atc-theme="light"] body[data-atc-page="check-in"] .hero h1 em,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .section-title em { background-image: linear-gradient(115deg, var(--text), var(--atc-link)); color: transparent; -webkit-background-clip: text; background-clip: text; }
html[data-atc-theme="light"] body[data-atc-page="check-in"] .journey-btn,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .rating-switch button { background: var(--surface); color: var(--text); border-color: var(--line); box-shadow: inset 0 1px 0 var(--surface), 0 3px 9px oklch(.32 .04 var(--atc-hue) / .06); }
html[data-atc-theme="light"] body[data-atc-page="check-in"] .journey-btn.active,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .rating-switch button.active { background: var(--surface-2); color: var(--text); border-color: var(--atc-link); }
html[data-atc-theme="light"] body[data-atc-page="check-in"] .journey-btn:hover,
html[data-atc-theme="light"] body[data-atc-page="check-in"] .rating-switch button:hover { background: var(--surface); color: var(--atc-hover-ink); border-color: var(--atc-hover-ink); }

html[data-atc-theme="light"] body[data-atc-page="home"] .industry { color: oklch(.99 0 0); }
html[data-atc-theme="light"] body[data-atc-page="home"] .industry :is(h3, p, .mini-tag) { color: oklch(.99 0 0); }
html[data-atc-theme="light"] body[data-atc-page="home"] .industry .mini-tag { background: oklch(.22 .035 277 / .94); border-color: oklch(.78 .03 277 / .4); }
html[data-atc-theme="light"] body[data-atc-page="home"] .map-center { color: oklch(1 0 0); }
html[data-atc-theme="light"] body[data-atc-page="home"] :is(.device.phone.datev, .showcase-phone.datev) { background: transparent; box-shadow: none; }
html[data-atc-theme="light"] body[data-atc-page="home"] .announcement { color: var(--text); background: linear-gradient(90deg, color-mix(in oklch, var(--blue) 22%, var(--surface)), color-mix(in oklch, var(--pink) 22%, var(--surface))); }
html[data-atc-theme="light"] body[data-atc-page="about"] .shot .caption { color: oklch(1 0 0); }
html[data-atc-theme="light"] body[data-atc-page="about"] .btn.light { background: var(--atc-action) !important; color: var(--text) !important; }
html[data-atc-theme="light"] body[data-atc-page="about"] .shot::after { background: linear-gradient(180deg, transparent 35%, oklch(.12 .025 277 / .88)); }
html[data-atc-theme="light"] body[data-atc-page="about"] p[style*="color:#"] { color: var(--muted) !important; }
html[data-atc-theme="light"] body[data-atc-page="about"] svg g[fill="rgba(255,255,255,.08)"] { fill: color-mix(in oklch, var(--text) 12%, transparent); }
html[data-atc-theme="light"] body[data-atc-page="about"] svg g[stroke="rgba(255,255,255,.08)"],
html[data-atc-theme="light"] body[data-atc-page="about"] svg g[stroke="rgba(255,255,255,.14)"] { stroke: color-mix(in oklch, var(--text) 22%, transparent); }
html[data-atc-theme="light"] body[data-atc-page="beauty-pos"] :is(.partner-brand, .journey-card .step) { background: var(--atc-action); color: var(--text); }
html[data-atc-theme="light"] body[data-atc-page="online-booking"] .eco-center { background: radial-gradient(circle at 35% 25%, var(--surface), color-mix(in oklch, var(--purple) 35%, var(--surface))); color: var(--text); box-shadow: var(--shadow); }
html[data-atc-theme="light"] body[data-atc-page="check-in"] .brand-tag { background: var(--atc-action); color: var(--text); }
html[data-atc-theme="light"] body :is(.swatch.active, .theme-swatch.active) { outline: 2px solid var(--text); outline-offset: 3px; }
html[data-atc-theme="light"] body :is(.float-chip i, .stage-chip i, .status i) { background: oklch(from var(--green, var(--mint, var(--success))) .50 .13 h); box-shadow: none; }