/* Follow the device appearance automatically, including live OS changes. */
:root{color-scheme:light dark}
@media(prefers-color-scheme:dark){
:root{--ink:#eef1f6;--line:#303640;--editorial-ink:#eef1f6;--editorial-paper:#111419}
html,body{background:#111419;color:#eef1f6}
.label,.section-note{color:#a5b0c2}
.site-header.is-scrolled{background:#12161df5;color:#eff2f7;box-shadow:0 1px 0 #303641}
.site-header.is-scrolled .brand>span{color:#f4f6fa}
.site-header.is-scrolled nav{color:#c0c8d6}
.site-header.is-scrolled nav a:hover{color:#fff}
.site-header.is-scrolled .language{color:#dce3ee}
.site-header.is-scrolled .dark{background:#edf1f7;border-color:#edf1f7;color:#172030}
.site-header.is-scrolled #menu i{background:#e6edf8}
.btn.dark,.btn.primary{background:#e9eff8;color:#172030}
.btn.dark:hover,.btn.primary:hover{background:#fff;box-shadow:0 8px 22px #0003}
.text-link:hover{color:#b5ccff}
.product-overview h2{color:#f0f2f7}
.product-overview h2>span{color:#a8b3c4}
.product-overview .hero-desc{color:#b5bece}
.product-overview .hero-actions>.btn{background:#e9eff8;color:#172030}
.product-overview .hero-actions>.text-link{color:#d0d8e5}
.product-overview .hero-note{color:#a9b6ca}
.hero-note .check{border-color:#7787a3;color:#bdcbe1}
.hero-note i{background:#4a5569}
.product-overview .hero-visual{background:linear-gradient(140deg,#202632,#171c25)}
.product-overview .hero-halo{background:#647ba52e}
.product-overview .orbit{border-color:#788bab26}
.visual-corner,.visual-disclaimer{color:#9daec9}
.free-ticket{background:#232c39;border-color:#3e4b60;color:#f1f5fd;box-shadow:0 10px 25px #0003}
.free-ticket small{color:#becadd}
.product-bar{border-color:#303641;color:#dae2ef}
.product-bar>span:first-child,.product-bar .bar-end{color:#aab5c8}
.experience,.faq-section,.scan-section{border-color:#303641}
.section-heading>p{color:#b1bdce}
.wallet-panel,.card-panel{background:#1b2029}
.panel-copy .pill{border-color:#45526a;color:#b7c6df}
.panel-copy h3{color:#f0f4fc}
.panel-copy p,.panel-footnote{color:#aab8cf}
.circle-link{border-color:#59677f;color:#c3d2eb}
.wallet-widget{background:#272e3a;border-color:#465267;box-shadow:0 12px 40px #0002;color:#e8effb}
.widget-top i,.widget-bottom{color:#a7bad9}
.widget-coins>div{border-color:#424c5e}
.widget-coins small{color:#a9b7cd}
.widget-coins>div>span:last-child,.widget-bottom b{color:#c0cee4}
.payments-heading h2{color:#eef2f8}
.payments-heading h2 span{color:#acb8cc}
.payments-heading>p{color:#b0bdd0}
.payments-grid{background:#181d25;border-color:#303a49}
.payment-tile{background:#242b36;border-color:#3a4659}
.payment-tile h3{color:#eaf1fc}
.payment-type{color:#afbdd2}
.apple-wordmark img{filter:invert(1)}
.apple-wordmark span,.google-wordmark span{color:#f1f5fc}
.payment-glint{background:linear-gradient(90deg,transparent,#8aa7e015,transparent)}
.local-payment-link{background:#171e28;border-color:#3a4455;color:#b7c4d9}
.local-payment-link:hover{background:#292330}
.duitnow-mini{color:#ee88ae}
.duitnow-mini b{border-color:#df80a4}
.local-payment-link>span:last-child{color:#eda5c1}
.scan-copy h2{color:#eef2f8}
.scan-copy h2>span{color:#e2a1bc}
.scan-copy>p,.scan-steps>div{color:#b6c1d4}
.scan-steps b{border-color:#48556c;color:#b4c4df}
.scan-fine{color:#a6b4cc}
.scan-visual{background:linear-gradient(135deg,#2d222d,#1c202c)}
.scan-location{color:#db9db7}
.scan-feature-tag{background:#342735;border-color:#584054;box-shadow:0 10px 20px #0002}
.scan-feature-tag b{color:#f3d0df}
.scan-feature-tag small{color:#dcafc5}
.scan-feature-tag>span:last-child{color:#edb0ca}
.scan-qr-icon{background:#4c2b40;color:#f5b3cf}
.welcome-section{background:#1a1c21}
.welcome-copy h2{color:#f1f3f7}
.welcome-copy>p{color:#b3becf}
.welcome-copy>.label{color:#acb6c9}
.welcome-copy .btn{background:#e9eff8;color:#172030}
.gift-box{background:linear-gradient(125deg,#393b43,#52555f 47%,#2d3039);color:#e2e7f0;box-shadow:0 30px 40px #0003,1px 1px 0 #ffffff24 inset}
.gift-ring,.gift-ring:after,.gift-top{border-color:#45464b}
.welcome-spark{color:#a0a6b5}
.welcome-offer{border-color:#42464f}
.welcome-offer>span:first-child{color:#aab8d0}
.welcome-offer>b{color:#f0f4fb}
.welcome-offer small{color:#b4c4df}
.offer-tag{background:#303846;color:#c1cde2}
.offer-fine{color:#b0bdd1}
.step{background:#202630;color:#eaf0f9}
.step>span,.step p,.step>b{color:#aab9d2}
.step:hover:not(.active){background:#303b4e}
.step.active{background:#dfe8f6;color:#1b2638}
.step.active>span,.step.active p,.step.active>b{color:#3e526f}
.step-detail{background:#1c222c;color:#eef3fb}
.step-detail>div>span,.step-detail p{color:#b3c0d6}
.download-section{background:#202733}
.download-copy .label,.download-copy p{color:#b1c3e1}
.download-copy h2{color:#eef4ff}
.download-section>.btn{background:#e9eff8;color:#172030}
.download-section>.btn .android{stroke:#24334a}
.faq-intro h2{color:#eff3fa}
.faq-intro>p{color:#b0bdd0}
.faq-intro .text-link{color:#c2d6ff}
.faq-list details,.faq-list details:first-child{border-color:#354052}
.faq-list summary{color:#e1e9f7}
.faq-list summary:after,.faq-list details[open] summary:after{color:#b7ccec}
.faq-list details p{color:#b1bfd5}
.closing{background:#1c222d}
.closing h2>span{color:#b4c1d6}
.closing .btn.white{background:#fff;color:#172030}
footer{color:#dbe4f4}
.footer-main .brand>span{color:#eef2f9}
.footer-main>div>p{color:#b3c0d4}
.footer-links b{color:#e2eaf8}
.footer-links{color:#bac7dc}
.footer-links button{color:#bac7dc}
.footer-bottom{border-color:#354052;color:#aab9d0}
.support-float{background:#202935;border-color:#48556a;color:#d7e5fc;box-shadow:0 8px 30px #0004}
.motion-control{background:#202732ed;color:#bfcee5;border-color:#435169}
.motion-symbol{color:#c3d6fa}
.mobile-cta{background:#151b25f5;border-color:#3e4a5e;color:#edf3fd}
.mobile-cta small{color:#b3c4df}
.mobile-cta .btn{background:#e9eff8;color:#172030}
dialog{background:#1e2530;border-color:#495970;color:#edf3fd;box-shadow:0 30px 100px #0008}
dialog::backdrop{background:#02060ac7}
.dialog-head .brand>span,.modal-title{color:#f0f5ff}
#closeDialog{color:#b6c8e4}
.modal-eyebrow{color:#afc3e3}
.modal-desc{color:#bcc9dd}
.preview-badge{background:#253754;color:#c5d9fc}
.reward-banner{background:#183b2e;color:#afe3cc}
.form-field{color:#c0cde1}
.form-field input{background:#151c27;border-color:#52637f;color:#eef5ff;color-scheme:dark}
.form-field input::placeholder{color:#95a9c7}
.modal-secondary{color:#c4d6f7}
.status-box{background:#19212e;border-color:#40516b}
.status-box h3{color:#e8f0fc}
.status-box p{color:#b8c8e1}
.status-box>span{color:#c1d6ff}
.scan-flow-list p{border-color:#42516b;color:#c4d2e9}
.scan-flow-list b{color:#a9c0e3}
/* Preserve product-media colors and QR readability rather than inverting images. */
.hero-phone,.scan-phone{color:#242936;color-scheme:light}
.qr-poster{color-scheme:light}
@media(max-width:760px){
.site-header nav,.site-header.is-scrolled nav{background:#1b222d;border-color:#42506a;color:#d8e3f5;box-shadow:0 12px 20px #0003}
.site-header nav a:hover{color:#fff}
}
}