/* Aatralz v3 / premium day + night visual system */
:root {--surface-page:#ffffff;--surface-card:#ffffff;--surface-soft:#f3faf8;--text-primary:#102636;--text-secondary:#58716c;--border-ui:#dcece6;--field-surface:#ffffff;--theme-shadow:0 14px 38px rgba(0,48,48,.09)}
html {transition:background-color .32s,color .32s}body{background:var(--surface-page);color:var(--text-primary)}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:37px;padding:7px 12px;border-radius:100px;background:#ffffff14;border:1px solid #82eec67a;color:#e9fff8;font:700 12px/1.2 'DM Sans',sans-serif;white-space:nowrap;cursor:pointer;transition:background .2s,transform .2s,border-color .2s}
.theme-toggle:hover{background:#ffffff28;border-color:#88f9cd;transform:translateY(-1px)}.theme-toggle:focus-visible{outline:3px solid #62f4bc;outline-offset:3px}.theme-symbol{font-size:17px;line-height:1}.theme-toggle-text{font-size:12px}
/* The dark footer deliberately retains its brand styling in both page modes. */
.static-footer a.footer-support-button,.static-footer .footer-support-button,.footer .footer-support-button{display:inline-flex!important;align-items:center;justify-content:center;width:auto;max-width:100%;min-height:48px;padding:12px 22px;margin-top:13px;background:#39edb4!important;color:#04372e!important;border:1px solid #49f0bb;border-radius:12px;font-size:14px;font-weight:800;line-height:1.2;text-shadow:none!important;box-shadow:0 7px 20px #001b203b}
.static-footer a.footer-support-button:hover,.footer .footer-support-button:hover{background:#7af9d0!important;color:#002f29!important;transform:translateY(-2px)}
/* Make all provider cards and CTA buttons feel responsive but never distracting. */
.static-product,.product-card,.static-solution,.solution-card,.static-providers a,.strip-providers button,.side-card,.benefit,.static-info-card{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background-color .25s ease}
.static-product:hover,.product-card:hover,.static-solution:hover,.solution-card:hover,.side-card:hover,.benefit:hover{transform:translateY(-4px)}
.btn-primary,.button-mint,.submit-button,.static-footer .footer-support-button{transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}
.btn-primary:hover,.button-mint:hover,.submit-button:hover{transform:translateY(-2px)}
/* Airy, low-impact entrance animation; off until observer explicitly opts an element in. */
@keyframes aatralzReveal{from{opacity:.15;translate:0 18px}to{opacity:1;translate:0 0}}
[data-reveal].is-visible{animation:aatralzReveal .65s cubic-bezier(.2,.85,.2,1) both}
@keyframes aatralzFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}
.static-hero-visual,.hero-dashboard,.laptop-display{animation:aatralzFloat 7s ease-in-out infinite}
/* Night mode applies to both site implementations and the separately routed booking page. */
html[data-theme="dark"] {--surface-page:#071a20;--surface-card:#102930;--surface-soft:#0c252a;--text-primary:#e8f7f4;--text-secondary:#b4cbc7;--border-ui:#2a4850;--field-surface:#102b32;--theme-shadow:0 15px 50px #00000038; color-scheme:dark;}
html[data-theme="dark"] body{background:var(--surface-page)!important;color:var(--text-primary)!important}
html[data-theme="dark"] .section-muted,html[data-theme="dark"] .static-section.tinted,html[data-theme="dark"] .booking-area{background:var(--surface-soft)!important}
html[data-theme="dark"] .provider-strip{background:#0b242a!important;border-color:var(--border-ui)!important}
html[data-theme="dark"] :is(.static-product,.product-card,.static-info-card,.static-form-card,.static-cart-item,.static-faq details,.static-message,.static-solution,.form-panel,.policy-card,.resource-card,.request-card,.faq-row,.support-prompt,.catalog-controls,.request-summary,.form-card,.side-card,.faq-grid details,.mode,.input-wrap){background:var(--surface-card)!important;color:var(--text-primary)!important;border-color:var(--border-ui)!important;box-shadow:var(--theme-shadow)}
html[data-theme="dark"] :is(.static-product,.static-info-card,.static-solution,.static-detail-copy,.form-card,.side-card,.benefit,.faq-grid details) :is(h1,h2,h3,h4,strong,legend){color:var(--text-primary)!important}
html[data-theme="dark"] :is(.static-product,.static-info-card,.static-solution,.static-detail-copy,.form-card,.side-card,.benefit,.faq-grid details) p{color:var(--text-secondary)!important}
html[data-theme="dark"] :is(.static-section-top p,.static-faq p,.static-detail-copy p,.static-note,.static-form-field,.form-field>span,.static-product .item-meta,.page-heading p,.section-heading p,.section-heading h2 span,.catalog-summary,.crumb,.field>span:first-child,.field>legend,.exam-mode>legend,.form-note,.faq-heading p,.faq-grid details p){color:var(--text-secondary)!important}
html[data-theme="dark"] :is(.static-section-top h2,.page-heading h1,.section-heading h2,.static-detail-copy h1,.faq-heading h2,.card-title h2,.static-solution h3){color:var(--text-primary)!important}
html[data-theme="dark"] :is(.static-search-line input,.static-search-line select,.static-form-field input,.static-form-field select,.static-form-field textarea,.form-field input,.form-field select,.form-field textarea,.input-wrap input,.input-wrap select,.input-wrap textarea,.catalog-controls input,.catalog-controls select){background:var(--field-surface)!important;color:var(--text-primary)!important;border-color:var(--border-ui)!important}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#9aadae!important;opacity:1}
html[data-theme="dark"] :is(.static-pill,.static-product .provider-code,.static-product .product-actions a,.static-product .product-actions button,.static-card-link,.static-detail-copy .detail-tags span,.static-form-field.full,.static-providers a,.static-chip-line button,.category-chips button,.detail-badges span,.provider-mark,.mode.selected){background:#173e3d!important;color:#baf9db!important;border-color:#345953!important}
html[data-theme="dark"] .static-providers small{color:#b5dbd2!important}
html[data-theme="dark"] .static-product .product-actions span{color:#83eac0!important}
html[data-theme="dark"] .static-solution:nth-child(n){background:#102a31!important}
html[data-theme="dark"] .static-solution .solution-link{color:#70eabd!important}
html[data-theme="dark"] .static-info-card p,html[data-theme="dark"] .static-product p{color:#b2cbc5!important}
html[data-theme="dark"] .static-faq summary{color:#e5f9f3!important}
html[data-theme="dark"] .static-cart-item button{background:#163a3b;color:#eafaf7;border-color:#31585a}
html[data-theme="dark"] .input-wrap>svg{color:#82c7bb!important}
html[data-theme="dark"] .booking-area .mode.selected{background:#103e36!important;border-color:#31dca8!important}
html[data-theme="dark"] :is(.benefit,.benefit-green,.benefit-blue,.benefit-purple,.voucher-card){background:#14343a!important;border-color:#315a56!important;color:#edf9f6!important}
html[data-theme="dark"] :is(.card-title p,.side-heading p,.how-steps li p,.faq-heading p){color:#b4d4cf!important}
html[data-theme="dark"] .faq-grid details{background:#102930!important}
html[data-theme="dark"] .faq-grid summary{color:#ecfcf7!important}
html[data-theme="dark"] .faq-grid details p{color:#c0dad5!important}
html[data-theme="dark"] .mini-label{background:#154a3e!important;color:#8ff0ca!important}
html[data-theme="dark"] .form-message.error{background:#3b2827;color:#ffd4ca;border-color:#87574e}
html[data-theme="dark"] .static-message.error{background:#3b2827!important;color:#ffd4ca!important;border-color:#87574e!important}
html[data-theme="dark"] :is(.static-form-card,.form-card) a:not(.button){color:#76edbf}
html[data-theme="dark"] .form-card .input-wrap{background:#0d262d!important}
html[data-theme="dark"] .form-card input[type="date"]{color-scheme:dark}
/* The current brand primary areas intentionally remain dark/green in either mode for continuity. */
html[data-theme="dark"] :is(.hero,.static-main-hero,.corporate-hero,.static-page-head,.site-header,.static-footer,.site-footer){color:#f1fffa}
html[data-theme="dark"] .provider-logo,html[data-theme="dark"] .booking-provider-logo img{color-scheme:light}
@media(max-width:900px){.site-header .header-actions{gap:7px}.site-header .theme-toggle{min-width:38px;padding:7px}.site-header .theme-toggle-text{display:none}.nav-inner .theme-toggle{margin-left:auto}.support-top{margin-left:0}}
@media(max-width:520px){.theme-toggle{min-height:36px;padding:7px 10px}.site-header .theme-toggle-text{display:none}.static-footer a.footer-support-button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* Clear hero buttons and guaranteed readable support callouts */
.static-footer .cols>div:last-child>p{color:#d9f1e9!important}
html[data-theme="dark"] .footer-cta{border:1px solid #29534d;background:#0a3437;color:#e9faf3}
html[data-theme="dark"] .footer-cta p{color:#c5e3db!important}
html[data-theme="dark"] .footer-cta button.footer-support-button{color:#03352d!important}
html[data-theme="dark"] .static-section-top p{color:#aacbc2!important}
html[data-theme="dark"] .booking-area .side-card :is(li,p){color:#c4dbd5}
html[data-theme="dark"] .booking-area .side-card :is(h3,strong){color:#ecfbf6}
html[data-theme="dark"] :is(.static-product,.static-faq details,.static-cart-item) :is(h3,strong,summary){color:#eafbf4}
html[data-theme="dark"] .booking-area .form-card :is(label,legend){color:#eafbf4}
@media(max-width:430px){.site-header .support-top{display:none!important}.site-header .nav-inner .theme-toggle{margin-left:auto}}