/* Treuepunkt v17: one readable light system across the site and workspaces. */
:root{color-scheme:light;--paper:#fff;--ink:#18352e;--green:#087b5e;--muted:#576e65;--line:#dce7e1;--mint:#e8f5ee;--lime:#d9f0e5;--white:#fff}
body,body.ios-app-shell,body[data-admin]{background:#fff;color:#18352e;--ink:#18352e;--muted:#576e65;--line:#dce7e1;--green:#087b5e;color-scheme:light;font-family:Arial,Helvetica,sans-serif}
body{font-size:16px}p{line-height:1.65}h1,h2,h3{letter-spacing:-.045em}em{font-style:normal}a,button{touch-action:manipulation}button{font:inherit}.fineprint,.preview-caption,.gallery-disclaimer,.strength-footnote{font-size:13px!important;line-height:1.65!important;color:#576e65}.eyebrow{font-size:11px!important;letter-spacing:.11em}.text-link{color:#087b5e!important}label,.field{font-size:14px!important;line-height:1.5}.field{display:flex!important;flex-direction:column;gap:7px;margin:0 0 20px!important}.field-help{color:#576e65;font-size:13px;font-weight:normal;line-height:1.5}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea,body[data-admin] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),body[data-admin] select,body[data-admin] textarea{background:#fff!important;color:#18352e!important;-webkit-text-fill-color:#18352e!important;border:1px solid #b9cec3!important;border-radius:12px!important;font:inherit!important;font-size:16px!important;line-height:1.5!important;padding:13px 14px!important;min-width:0;max-width:100%;box-shadow:none!important}
input::placeholder,textarea::placeholder{color:#6b7c73!important;-webkit-text-fill-color:#6b7c73!important;opacity:1}select option{background:white;color:#18352e}input:autofill{-webkit-text-fill-color:#18352e!important;box-shadow:0 0 0 1000px #fff inset!important}input[type=color]{width:100%;height:50px;border:1px solid #b9cec3;background:white;border-radius:12px;padding:5px}.check-field,.checkout-check{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:12px;margin:20px 0!important;font-size:14px!important;font-weight:normal}.check-field input,.checkout-check input{flex:0 0 20px;width:20px;height:20px;margin-top:2px;accent-color:#087b5e}.form-result,[role=status]{overflow-wrap:anywhere}.form-result:not(:empty){padding:14px 16px;border-radius:12px;background:#edf6f1;color:#18352e;font-size:15px}.btn{font-size:14px!important;min-height:48px;border-radius:13px}.btn.outline{background:white;color:#087b5e;border:1px solid #b9cec3}.btn:disabled{opacity:.45;cursor:not-allowed}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.panel{border-radius:22px!important;max-width:100%;min-width:0}.panel p{font-size:15px!important;line-height:1.65!important}.panel h2{font-size:27px!important}.panel h3{font-size:23px!important}.panel hr{border:0;height:1px;background:#dce7e1}
/* Public site: clear chapters, ample but compact whitespace. */
body>header.nav{background:#ffffffed;border-bottom:1px solid #dce7e1;backdrop-filter:blur(16px)}.wrap{width:min(1080px,calc(100% - 64px))}.hero{padding:70px 0 55px;gap:52px}.hero h1{font-size:clamp(44px,5.4vw,70px);line-height:1.04}.hero>div>p{font-size:19px;line-height:1.55;max-width:440px}.hero-preview{background:radial-gradient(ellipse at center,#e3f2e9,transparent 68%)}.hero-facts{font-size:13px;line-height:1.8}.hero>div>small{font-size:13px}.platform-strip{font-size:14px;gap:20px}.platform-strip>span{font-size:13px}.section{padding-top:68px;padding-bottom:68px}.heading{max-width:620px;margin-bottom:32px}.heading p{font-size:17px;line-height:1.6}.heading h2,.gallery-heading h2{font-size:clamp(32px,4vw,48px)}.soft,.experience-section{background:#f3f8f5!important}.scroll-nav{background:#ffffffed;border-color:#dce7e1;box-shadow:0 8px 25px #153b2410}.scroll-nav a{font-size:12px;color:#576e65}.scroll-nav a.active{background:#087b5e;color:white}.gallery-heading{align-items:center}.gallery-heading p{font-size:16px}.gallery-disclaimer{max-width:630px;margin:24px auto 0;text-align:center}.example-card{background:#f4f8f6;color:#18352e;border-color:#dce7e1}.example-card h3{font-size:24px}.example-card p{font-size:14px}.example-cards{margin-top:25px}.builder,.experience-panel,.review-card,.price-card,.comparison-card,.contact-card{background:#fff!important;border-color:#dce7e1!important;color:#18352e!important;box-shadow:0 12px 35px #0c33270a}.builder-preview{background:#edf5f0!important}.phone{background:#edf3ef}.wallet-bar,.phone-top{color:#18352e}.phone-note{font-size:11px!important;color:#576e65!important}.platform-tabs{background:#dfece5}.platform-tabs button{font-size:13px!important;color:#576e65}.platform-tabs button.active{background:white;color:#18352e}.step{font-size:12px}.editor{padding:30px}.swatches button{min-width:32px;min-height:32px}.preview-caption{margin:0!important}.experience-panel{padding:28px}.experience-toolbar span,.experience-hint{font-size:13px}.stamp-card{color:#18352e}.broadcast-presets button{font-size:12px!important}.feature-drawer{width:min(1080px,calc(100% - 64px));margin:26px auto;border:1px solid #dce7e1;background:#f6faf7;border-radius:22px;overflow:hidden}.feature-drawer>summary{cursor:pointer;padding:24px 28px;font-size:21px;font-weight:600;letter-spacing:-.025em}.feature-drawer[open]>summary{border-bottom:1px solid #dce7e1}.feature-drawer>.section{width:100%;padding:35px 28px}.feature-drawer .wrap{width:100%}.feature-drawer .heading{margin-bottom:25px}.strength-tabs button{background:white;border-color:#dce7e1}.strength-tabs button.active{background:#e8f5ee}.strength-tabs small{font-size:14px}.strength-stage{background:#edf5ee}.strength-message{background:white}.strength-message p{font-size:13px}.comparison-copy,.price-note,.contact small{font-size:14px!important}.price-card li{font-size:15px;line-height:1.6}.price-extra summary{cursor:pointer;font-weight:600;margin:22px 0 8px;font-size:15px}.steps{gap:22px}.steps p{font-size:15px}.steps h3{font-size:24px}.steps>div,.steps>article{background:#fff;border:1px solid #dce7e1;border-radius:20px;padding:24px}.review-card p{font-size:15px}.contact{gap:45px}footer{font-size:14px}.feature-drawer .fineprint{max-width:680px}.toast,#toast{background:#18352e;color:white}
/* Merchant and administrator share the same surfaces and readable fields. */
.app-sidebar,body[data-admin] .app-sidebar{background:#f3f8f5!important;border-right:1px solid #dce7e1!important}.app-main,body[data-admin] .app-main{background:#fff!important}.app-view{min-width:0}.app-sidebar nav button,body[data-admin] .app-sidebar nav button{color:#405d50!important;background:transparent}.app-sidebar nav button.active,body[data-admin] .app-sidebar nav button.active{background:#183e32!important;color:white!important}.sidebar-bottom{color:#576e65}.app-sidebar .brand{color:#18352e}.app-header h1{font-size:clamp(27px,3vw,40px)}.app-header button,body[data-admin] .app-header button{background:#eff5f1!important;color:#18352e!important;border-color:#dce7e1}.app-view .panel,body[data-admin] .panel{background:#f9fcfa!important;color:#18352e!important;border-color:#dce7e1!important;box-shadow:0 10px 28px #18352e06}.app-view .panel p,body[data-admin] .panel p{color:#576e65}.app-view .btn,body[data-admin] .btn{background:#087b5e!important;border-color:#087b5e!important;color:white!important}.app-view .btn.outline,body[data-admin] .btn.outline{background:white!important;border-color:#b9cec3!important;color:#087b5e!important}.app-view .text-link,body[data-admin] .text-link{background:none!important;color:#087b5e!important}.app-view .notice,.demo-banner,body[data-admin] .notice,body[data-admin] .demo-banner{background:#e8f5ee!important;color:#275640!important;border-color:#cce4d7!important}.metric,.admin-metric,.admin-customer,body[data-admin] .admin-metric,body[data-admin] .admin-customer{background:#f1f7f3!important;border-color:#d5e6dc!important;color:#18352e!important}.admin-metric strong,.admin-customer-stats b{color:#18352e!important}.admin-metric small,.admin-metric span,.admin-customer p,.admin-customer-stats{color:#576e65!important}.admin-chip{background:#e4f3eb;color:#215b3e}.admin-chip.warn{background:#fff2d9;color:#7a5100}.admin-chip.bad{background:#fee8e5;color:#9c3324}.admin-monogram{background:#daeee2;color:#275d46}.admin-graph svg{background:#fff;border-radius:12px}.admin-service-row,.admin-alert{border-color:#dce7e1}.admin-alert p{font-size:15px}.admin-facts small{font-size:13px}.admin-progress div{font-size:14px}.admin-intro h2{font-size:clamp(30px,4vw,48px)}.admin-intro p{font-size:16px}.admin-empty{color:#576e65}.table-scroll{max-width:100%;overflow:auto}body[data-admin] td,body[data-admin] th{border-color:#dce7e1;color:#18352e}.table-scroll th{font-size:13px}.table-scroll td{font-size:14px}.admin-subscription,.admin-service-row{border-color:#dce7e1}.admin-toolbar p{font-size:14px}
/* Guided onboarding and approval. */
.onboarding-intro{margin-bottom:24px}.onboarding-intro p{max-width:720px}.onboarding-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:24px;align-items:start}.onboarding-preview{position:sticky;top:30px;text-align:center}.onboarding-preview .wallet{max-width:300px;margin:0 auto 24px;text-align:left}.onboarding-preview h3{margin-top:25px}.form-step{border-bottom:1px solid #dce7e1;margin-bottom:28px;padding-bottom:24px}.form-step h3{margin:0 0 8px}.form-step p{margin:0 0 20px}.step-number{display:inline-grid;place-items:center;width:30px;height:30px;background:#e2f1e8;color:#087b5e;border-radius:10px;margin-bottom:15px;font-weight:700}.design-help{background:#ecf5ef;border-radius:14px;padding:16px 20px;margin-top:14px}.design-help summary{font-size:15px!important;cursor:pointer}.design-help li{font-size:14px;line-height:1.6;margin:10px 0}.design-logo{max-width:180px;max-height:160px;object-fit:contain;background:#fff;border:1px solid #dce7e1;border-radius:12px;padding:10px;margin:12px 0 20px}.order-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:25px}.order-tile{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:22px;background:white;color:#18352e;border:1px solid #cce0d3;border-radius:16px;text-align:left;min-width:0;overflow-wrap:anywhere}.order-tile:hover{border-color:#087b5e}.order-tile b{font-size:18px}.order-tile>span{font-size:14px}.order-tile small{font-size:13px}.review-heading{display:flex;gap:20px;align-items:flex-start;justify-content:space-between}.review-track{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:28px 0}.review-track li{background:#e4f2e9;padding:10px 14px;border-radius:10px;font-size:14px;color:#285c44}.review-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0 32px}.review-check{background:white;border:1px solid #d5e6dc;padding:14px 16px;border-radius:13px}.review-check.open{background:#fff7e8;border-color:#eed5a5}.review-check p{font-size:13px!important;margin:8px 0 0}.review-check b{font-size:14px}.review-step{border-top:1px solid #dce7e1;padding:28px 0 0;margin:28px 0 0}.review-step>p{max-width:680px}.review-step h3{margin:0 0 18px}.design-brief{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;align-items:start}.design-brief p{white-space:pre-wrap;overflow-wrap:anywhere}.design-brief small{font-size:14px}.sign-preview{width:min(320px,100%);margin:22px 0;border-radius:16px;border:1px solid #dce7e1}.onboarding-layout input[type=file]{font-size:14px!important}.card-page{color:#18352e}.checkout-panel{background:#f9fcfa!important;border-color:#dce7e1!important}.checkout-plans button{background:white;color:#18352e}.checkout-plans button[aria-pressed=true]{background:#e7f4ec;color:#18352e;border-color:#087b5e}.checkout-panel p,.checkout-panel li,.checkout-steps span{font-size:15px!important}.checkout-check input{accent-color:#087b5e}
@media(max-width:900px){.order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.onboarding-layout{grid-template-columns:1fr}.onboarding-preview{position:static}.hero{gap:28px}.hero-input{flex-wrap:wrap}.hero-input .btn{flex:1}.hero-input input{flex-basis:100%}}
@media(max-width:760px){.wrap,.feature-drawer{width:calc(100% - 36px)}.nav nav{gap:16px}.nav{gap:12px}.nav .brand{font-size:24px}.hero{padding-top:35px}.hero h1{font-size:47px}.hero>div>p{font-size:17px}.hero-preview{min-height:450px}.hero-phone{transform:rotate(-3deg);width:250px;height:470px}.points-chip{right:0;bottom:0}.section{padding:46px 0}.heading{margin-bottom:28px}.heading h2{font-size:33px}.platform-strip{flex-wrap:wrap;gap:12px 22px}.platform-strip>span:first-child{width:100%}.feature-drawer>summary{font-size:18px;padding:20px}.feature-drawer>.section{padding:24px 16px}.editor,.experience-panel{padding:22px}.builder-preview{padding:25px 15px}.preview-phone{width:255px}.review-checks,.order-grid,.design-brief{grid-template-columns:1fr}.review-heading{flex-wrap:wrap}.two-fields{grid-template-columns:1fr!important}.panel{padding:22px!important}.app-main,body[data-admin] .app-main{padding:24px 18px 100px!important}.app-sidebar,body[data-admin] .app-sidebar{background:#f5f9f6!important}.app-sidebar nav button{font-size:13px}.order-tile{padding:18px}.admin-graph svg{min-width:0}.contact{gap:25px}.button-row>.btn{width:100%}.review-track{gap:7px}.review-track li{font-size:12px;padding:10px}.hero-input .btn{padding-inline:12px}.hero-facts{font-size:12px}.phone .wallet-brand{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.contact-drawer{background:#f4f8f5;border:1px solid #dce7e1;border-radius:20px;padding:22px}.contact-drawer>summary{cursor:pointer;font-size:20px;font-weight:600}.contact-drawer[open]>summary{margin-bottom:25px}.contact-drawer form{background:transparent!important;padding:0!important;border:0!important}.pricing>.price-card.featured{background:#eaf6ef!important}.pricing-note{font-size:14px!important;max-width:680px;margin:24px auto;text-align:center}.price-extra p{font-size:15px;max-width:680px}.price-line strong{font-size:48px}.price-extra{max-width:700px;margin-inline:auto}.price-card .price-extra{margin-inline:0}
input:not([type=checkbox]):not([type=radio]),select,textarea{font-weight:400!important}.app-view h3{margin-bottom:16px}.location-intro{max-width:650px}
.location-panel>details{margin-top:24px}.location-panel>details>summary{font-size:17px;cursor:pointer;margin-bottom:24px}.location-panel .design-help{margin:0 0 22px}
.experience-section{color:#18352e}.experience-section .heading h2{color:#18352e}.experience-section .heading h2 em{color:#087b5e}.experience-section .heading p,.experience-toolbar,.experience-hint{color:#576e65}.experience-section .eyebrow{color:#087b5e}

/* Consistent legible accents on all light surfaces. Wallet designs keep their own colors. */
h1 em,h2 em,h3 em,.eyebrow,.checkout-header>a:last-child,.checkout-main h1 em,.checkout-details a,.checkout-plans span,.checkout-plans small,.checkout-total span,.strength-footnote summary:after{color:#087b5e!important}
.checkout-panel label,.checkout-panel h2,.checkout-panel h3,.checkout-summary dt,.checkout-summary dd{color:#18352e!important}
.checkout-panel p,.checkout-panel li,.checkout-steps span,.checkout-summary dl,.checkout-panel .fineprint,.checkout-main .heading p{color:#405d50!important}
.checkout-steps li:before{color:#087b5e!important;background:#dfeee5!important}
.checkout-panel{background:#f0f5f1!important;border-color:#c8dbcf!important}.checkout-panel input:not([type=checkbox]),.checkout-panel select,.checkout-panel textarea{background:#f8fbf9!important;color:#18352e!important}.checkout-panel hr{background:#c8dbcf!important}
.admin-intro em,.app-header .eyebrow,.app-view h2 em,.app-view h3 em,.admin-facts small,.sidebar-bottom a,.admin-service-row small{color:#087b5e!important}
@media(max-width:700px){.app-sidebar nav .ui-icon{width:22px;height:22px;display:block}.app-sidebar nav button{min-height:58px;font-size:10px!important}.app-sidebar nav button>span{display:flex;justify-content:center}}
.auth-art h1 em{color:#fff!important}

/* v20: checkout surfaces share the front-page ink and green; explicit override of legacy dark theme. */
.checkout-page .checkout-main h1 em,.checkout-page .checkout-summary h2 em{color:#087b5e!important}
.checkout-page .checkout-panel{background:#e2ece5!important;border:1px solid #b6ccbf!important;box-shadow:0 12px 36px #18352e0b}
.checkout-page .checkout-panel :is(label,h2,h3,strong,b,dt,dd){color:#18352e!important}
.checkout-page .checkout-panel :is(p,li,small,span){color:#355447!important}
.checkout-page .checkout-panel .eyebrow{color:#087b5e!important}
.checkout-page .checkout-panel :is(input:not([type=checkbox]),select,textarea){background:#f4f8f5!important;color:#18352e!important;-webkit-text-fill-color:#18352e!important;border-color:#9db7a8!important}
.checkout-page .checkout-panel input::placeholder{color:#526b5e!important;-webkit-text-fill-color:#526b5e!important;opacity:1}
.checkout-page .checkout-panel input:autofill{-webkit-text-fill-color:#18352e!important;box-shadow:0 0 0 1000px #f4f8f5 inset!important}
.checkout-page .checkout-plans button{background:#f7faf8;color:#18352e;border-color:#aac2b3}
.checkout-page .checkout-plans button[aria-pressed=true]{background:#cee5d7;border-color:#087b5e;box-shadow:0 3px 12px #18352e10}
.checkout-contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.checkout-page .checkout-contact-actions .btn{display:inline-flex;align-items:center;justify-content:center;white-space:normal;margin:0;line-height:1.4;text-align:center;color:#fff!important;background:#183f31}
.checkout-page .checkout-contact-actions .outline{color:#087b5e!important;background:#f7faf8}
.hero .hero-input{gap:14px!important;padding:10px!important}
@media(max-width:700px){.hero .hero-input{gap:12px!important}.hero .hero-input input{font-size:16px!important}.checkout-contact-actions .btn{flex:1 1 100%}}

@media(max-width:600px){.hero .hero-input{flex-direction:column;align-items:stretch}.hero .hero-input input{width:100%;flex:auto}.hero .hero-input .btn{width:100%}}

/* Customer-ready checkout: balanced benefits and a distinct contact heading. */
.checkout-page .checkout-benefits{text-align:center;display:flex;flex-direction:column;justify-content:center}
.checkout-page .checkout-benefits p{max-width:36ch;margin:16px auto 0}
.checkout-page .checkout-support h3{margin-bottom:20px}
.checkout-page #checkout-flow-status{margin-top:28px;color:var(--ink,#18352e)}

/* Branded social links: clear labels, generous touch targets, subtle surfaces. */
.site-footer>.footer-brand{display:grid;gap:12px}
.site-footer>.footer-links{display:grid;gap:18px;justify-items:end}
.site-footer .footer-social,.site-footer .footer-legal{display:flex;gap:12px;flex-wrap:wrap}
.site-footer .footer-social a{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:10px 15px;border:1px solid #cfdfd5;border-radius:14px;background:#f0f6f2;color:#183e32;font-size:13px;font-weight:600;transition:background .18s,border-color .18s}
.site-footer .footer-social svg{width:19px;height:19px;flex:none}
.site-footer .footer-social a:hover{background:#e1efe6;border-color:#88ad9a}
.site-footer .footer-social a:focus-visible{outline:3px solid #087b5e;outline-offset:3px}
.site-footer .footer-legal{gap:20px;font-size:12px;color:#476257}
@media(max-width:760px){.site-footer>.footer-links{justify-items:start;width:100%;gap:20px}.site-footer .footer-social{gap:10px}.site-footer .footer-legal{gap:16px}}

.wallet-offer-choice{padding:22px;margin:22px 0;border:1px solid #b9d5c6;border-radius:20px;background:#edf6f0;color:#173d2f}.wallet-offer-choice h2{font-size:23px;margin:0 0 10px}.wallet-offer-choice .fineprint{color:#365749}.wallet-offer-choice .check-field{margin:18px 0}

.trial-home-callout{padding:52px 36px;margin:48px auto;border-radius:32px;background:#e8f1eb;border:1px solid #d3e1d7;text-align:center}.trial-home-callout p{max-width:620px;margin:20px auto;color:#355447}.trial-home-callout .text-link{display:block;margin-top:20px}

/* Keyboard access without changing the established visual design. */
.skip-link{position:fixed;left:16px;top:12px;z-index:10000;transform:translateY(-180%);background:#173d2f;color:#fff!important;padding:14px 20px;border-radius:12px;font-weight:600}
.skip-link:focus{transform:translateY(0)}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #087b5e;outline-offset:4px}
main#main-content:focus{outline:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-iteration-count:1!important;scroll-behavior:auto!important}}