/* Shared product experience: silver navigation, solid working surfaces, purposeful motion. */
:root{--surface:#fff;--canvas:#f4f6f8;--stroke:#dce2e8;--soft-ink:#536170;--action:#245dcc;--focus:#1b65d8;--motion:cubic-bezier(.16,1,.3,1)}
body{background:var(--canvas)}
.btn{min-height:46px;border-radius:12px;transition:background-color .18s,color .18s,box-shadow .18s,transform .18s}
.btn:not(.secondary):not(.text-button){background:var(--action);color:#fff;border-color:transparent;box-shadow:0 3px 7px -4px #17428b70}
.btn:not(:disabled):hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.btn.secondary{background:#fff;border:1px solid #d5dde6;color:#26384a;box-shadow:0 2px 3px -2px #26384a25}
input,select,textarea{border-radius:10px}
.landing-page,.customer-demo-page,.programs-page{background:var(--canvas)}
.landing-width{width:min(1160px,calc(100% - 64px))}
.landing-header{padding:14px 24px 0}
.landing-nav{min-height:64px;max-width:1256px;padding:8px 20px;border-radius:19px;background:#fbfcfddd;box-shadow:0 8px 28px -22px #1d334e66,inset 0 1px 0 #fff;gap:24px}
.landing-brand{font-size:31px;gap:8px}.landing-brand .brand-mark{width:25px;height:25px;color:#245dcc}
.landing-nav nav{gap:22px;font-size:14px}.landing-nav nav a{color:#4d5866}
.landing-nav-actions{display:flex;align-items:center;gap:18px}.landing-nav-actions .btn{font-size:13px;min-height:40px;padding:9px 14px;border-radius:10px;white-space:nowrap}
.landing-login{font-size:13px;white-space:nowrap}.landing-nav nav a:hover{color:#245dcc}
/* The first screen is a real, bounded demonstration rather than a decorative dashboard. */
.product-home .landing-hero{display:block;padding-top:64px}
.product-home .landing-intro{display:grid;grid-template-columns:1fr 1fr;gap:16px 70px;align-items:start}
.product-home .landing-intro h1{grid-column:1;grid-row:1/4;font-size:clamp(42px,4.2vw,58px);line-height:1.16;letter-spacing:0;margin:0;text-wrap:balance}
.product-home .landing-intro h1 span{color:#67717d}
.product-home .landing-lead{grid-column:2;grid-row:1;max-width:520px;font-size:17px;line-height:1.85;margin:0;color:#435261}
.product-home .landing-hero-actions{grid-column:2;grid-row:2;gap:14px;margin:0;align-items:center}
.product-home .landing-hero-actions .btn{font-size:14px;min-height:44px;padding:11px 17px}
.product-home .landing-hero-actions .landing-inline-link{font-size:13px}
.product-home .landing-availability{grid-column:2;grid-row:3;max-width:520px;font-size:12px;margin:0;color:#5c6875}
.product-showcase{display:grid;grid-template-columns:minmax(0,1.2fr) 36px minmax(0,.8fr);gap:0 28px;align-items:center;margin-top:34px;padding:22px 40px 16px;background:#e9edf2;border:1px solid #e0e5eb;border-radius:26px;box-shadow:0 18px 40px -30px #152d4f70,inset 0 1px 0 #fff}
.showcase-switch{grid-column:1/-1;display:flex;align-items:center;gap:4px;margin-bottom:22px;min-width:0}
.showcase-switch button{border:0;background:transparent;padding:9px 15px;min-height:42px;border-radius:10px;color:#475566;font-size:14px}
.showcase-switch button[aria-pressed=true]{background:#fff;color:#163b72;box-shadow:0 2px 6px -3px #2337503d}
.showcase-switch>span{margin-inline-start:auto;font-size:12px;color:#4d5e6e;display:flex;gap:7px;align-items:center}
.showcase-switch>span::before{content:'';width:6px;height:6px;border-radius:50%;background:#356e5a}
.showcase-window{align-self:stretch;background:#fff;border:1px solid #dce3eb;border-radius:14px;overflow:hidden;box-shadow:0 6px 12px -10px #18365550}
.showcase-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 20px;border-bottom:1px solid #e4e9ef;background:#fbfcfd;font-size:13px;color:#44576a}
.showcase-toolbar>span{display:flex;align-items:center;gap:7px}.showcase-toolbar .icon{width:17px;height:17px}.showcase-toolbar>span:last-child{font-size:12px;color:#637283}
.showcase-content{padding:18px 22px 12px}.showcase-person{display:flex;align-items:center;gap:10px}.showcase-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e7edf7;color:#335784;font-weight:700}
.showcase-person strong,.showcase-person small{display:block}.showcase-person strong{font-size:15px}.showcase-person small{font-size:12px;color:#65717e;margin-top:2px}
.showcase-state{margin-inline-start:auto;font-size:12px;color:#35644f;background:#edf4ef;padding:5px 8px;border-radius:5px}
.showcase-record{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 0;margin:13px 0 16px;border-block:1px solid #e9edf1}
.showcase-record>div>span{display:block;color:#637181;font-size:12px;margin-bottom:5px}.showcase-record strong{font-size:15px;font-weight:400}.showcase-count{text-align:end;flex:none}
.showcase-count>bdi{font-size:23px;font-weight:700;font-variant-numeric:tabular-nums}.showcase-count>small{display:block;font-size:12px;color:#647384;margin-top:2px}
.showcase-action{width:100%;justify-content:center;font-size:14px;min-height:44px}.showcase-action .icon{width:17px;height:17px}
.showcase-result{min-height:40px;padding-top:12px;font-size:12px;line-height:1.6;color:#435d51}
.showcase-transfer{display:flex;flex-direction:column;align-items:center;gap:12px;color:#8394a6}.showcase-transfer>span{width:1px;height:32px;background:#bcc8d4}.showcase-transfer .icon{width:20px;height:20px}
.showcase-customer{width:100%;max-width:360px;justify-self:center}.showcase-customer-label{display:flex;align-items:center;gap:7px;font-size:12px;color:#526477;margin:0 0 12px 4px}.showcase-customer-label .icon{width:16px;height:16px}
.showcase-pass{background:#31465b;color:#f7faff;border-radius:21px;padding:22px 25px;box-shadow:0 17px 26px -19px #192f536e,inset 0 1px 0 #ffffff3d}
.showcase-pass-coffee{background:#285743}.showcase-pass>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px}.showcase-pass>div:first-child .icon{width:21px;height:21px;color:#dce7ed}
.showcase-pass-balance{display:flex;align-items:center;gap:18px;margin:22px 0 16px;font-variant-numeric:tabular-nums}.showcase-pass-balance>strong{font-size:66px;line-height:1}.showcase-pass-balance>span{font-size:14px;color:#e1eaf2}.showcase-pass-balance small{display:block;font-size:12px;color:#c9d9e7;margin-top:4px}
.showcase-pass-track{display:flex;gap:5px;margin-bottom:20px}.showcase-pass-track span{height:4px;flex:1;background:#ffffff29;border-radius:3px}.showcase-pass-track .is-filled{background:#deebf7}
.showcase-pass footer{display:flex;gap:7px;align-items:center;border-top:1px solid #ffffff30;padding-top:14px;color:#e1eaf2;font-size:12px}.showcase-pass footer .icon{width:16px;height:16px}
.showcase-foot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;font-size:12px;color:#586777}.showcase-foot button{display:flex;align-items:center;gap:6px;border:0;background:transparent;padding:6px;min-height:36px;font-size:12px;color:#536578}.showcase-foot .icon{width:13px;height:13px}
.product-home .landing-hero-bottom{margin:28px 0 0;padding:20px 0;font-size:13px;color:#576778}
/* Editorial sections alternate task, example, trial and questions. */
.product-home .clarity-choices{padding-top:48px}.product-home h2{font-size:clamp(27px,3vw,38px);line-height:1.25}
.product-home .clarity-choice{padding:23px 12px;grid-template-columns:1fr 1.2fr auto;gap:30px;transition:background-color .2s}.product-home .clarity-choice:hover{background:#ebeff4}
.product-home .clarity-choice-label{font-size:21px}.product-home .clarity-choice-label small{font-size:13px;margin-top:6px}.product-home .clarity-choice>span:nth-child(2){font-size:14px;color:#536170;line-height:1.8}
.product-home .landing-how{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px 80px;padding-block:88px 64px;align-items:start}
.product-home .landing-how>.section-heading-row{display:block;position:sticky;top:120px;margin:0}.product-home .landing-how>.section-heading-row p{font-size:16px;max-width:380px;color:#536170;line-height:1.9}
.product-home .product-steps{display:flex;flex-direction:column;padding:0;margin:0;gap:0;border:0}.product-home .product-steps li{display:flex;gap:22px;padding:25px 0;border-bottom:1px solid #dce2e8}.product-home .product-steps li:first-child{padding-top:0}.product-home .step-number{font-size:14px;color:#536d8b;padding-top:4px;flex:none}.product-home .product-steps h3{font-size:21px;margin-bottom:10px}.product-home .product-steps p{font-size:14px;line-height:1.8;color:#536170;margin:0}
.product-home .counter-flow{grid-column:1/-1;display:grid;grid-template-columns:.85fr 1.15fr;gap:12px 80px;background:transparent;border:0;border-top:1px solid #dce2e8;padding:26px 0 0;margin:0;border-radius:0}.product-home .counter-flow h3{font-size:22px;margin:0}.product-home .counter-flow p{font-size:14px;margin:0;line-height:1.8}.product-home .counter-flow a{grid-column:2;justify-self:start}
.product-home .industry-section{padding-block:64px;background:#e9edf2;border-block:1px solid #dce2e8}.product-home .section-heading-row{grid-template-columns:1fr 1fr;margin-bottom:30px;gap:22px}.product-home .section-heading-row p{font-size:15px;line-height:1.8;color:#536170}
.product-home .industry-layout{display:block}.product-home .industry-choices{display:flex;flex-direction:row;align-items:center;gap:6px;flex-wrap:wrap;border:0;margin:24px 0 36px}.product-home .industry-choice{width:auto;border:0;border-radius:10px;padding:12px 15px;gap:8px;min-height:46px;font-size:14px;display:flex;background:transparent;color:#42566b}.product-home .industry-choice>.icon:last-child{display:none}.product-home .industry-choice[aria-pressed=true]{background:#fff;color:#1b4270;box-shadow:0 3px 8px -5px #24385040}
.product-home .industry-detail{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;min-height:310px}.product-home .industry-card{width:100%;max-width:380px;justify-self:center}.product-home .industry-copy h3{font-size:28px;margin:0 0 14px}.product-home .industry-copy p{font-size:16px;line-height:1.8;max-width:480px}.product-home .industry-disclaimer{font-size:12px;margin-top:30px;color:#586777}
.product-home .landing-demo{padding-block:70px}.product-home .two-sides-demo{border:1px solid #dce3eb;border-radius:24px;overflow:hidden;box-shadow:0 14px 30px -25px #1e3b5c50}.product-home .merchant-preview{background:#fff;padding:30px;border:0;border-radius:0}.product-home .customer-preview{background:#edf1f5;padding:30px;border:0;border-radius:0}.product-home .demo-side-label{font-size:13px;color:#536170}.product-home .preview-member{background:transparent;border-radius:0;border-block:1px solid #e4e9ef;padding:18px 0}
.product-home .clarity-readiness{padding-block:54px}.product-home .clarity-readiness-grid{gap:64px}.product-home .clarity-readiness h3{font-size:21px}.product-home .clarity-readiness p{font-size:15px;line-height:1.85;max-width:680px}
.product-home .clarity-pilot{padding:44px;background:#fff;border:1px solid #dce3eb;border-radius:24px;margin-block:12px 48px;gap:64px;box-shadow:0 12px 26px -25px #243b5850}.product-home .clarity-pilot p{font-size:14px}.product-home .clarity-pilot h2{font-size:32px}.product-home .clarity-pilot-measures{border-inline-start:1px solid #e2e7ed;padding-inline-start:36px}.product-home .clarity-pilot h3{font-size:21px}
.product-home .landing-faq{padding-block:60px;gap:64px}.product-home .faq-list details{padding-block:20px}.product-home .faq-list summary{font-size:17px}.product-home .faq-list p{font-size:15px;color:#536170;line-height:1.9}
.product-home .landing-final{padding-block:54px}.product-home .landing-final h2{font-size:40px;max-width:740px;line-height:1.2}.product-home .landing-footer{margin-top:30px}
/* One route strip joins each demo into a single product. */
.experience-nav{max-width:1160px;display:flex;align-items:center;gap:18px;margin:18px auto 0;padding:7px 10px;border:1px solid #e0e6ed;border-radius:15px;background:#ffffffb8;min-width:0}
.experience-home{display:flex;align-items:center;justify-content:center;min-width:40px;height:42px;color:#5e6e80}.experience-home .icon{width:17px;height:17px;transform:rotate(180deg)}.experience-nav-label{font-size:12px;color:#5b6c7f;white-space:nowrap}
.experience-tabs button{font:inherit;background:transparent;border:0;cursor:pointer}.experience-tabs{display:flex;align-items:center;gap:4px;min-width:0}.experience-tabs :is(a,button){display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px 14px;white-space:nowrap;border-radius:9px;color:#586b80;font-size:14px}.experience-tabs :is(a,button)[aria-current=page]{background:#e6eef9;color:#174c93;font-weight:700}.experience-tabs :is(a,button):hover{background:#edf1f6}
.experience-trial{display:flex;align-items:center;gap:8px;white-space:nowrap;min-height:42px;margin-inline-start:auto;padding-inline:10px;font-size:13px;color:#245dcc}.experience-trial .icon{width:15px;height:15px}
.app-main>.experience-nav{margin:0 0 10px;max-width:none;background:#f9fbfdc9}.app-main>.experience-nav .experience-nav-label{display:none}.app-main>.experience-nav .experience-tabs :is(a,button){font-size:12px;padding-inline:10px}.app-main>.experience-nav .experience-trial{font-size:12px}
/* Working screens share a quieter hierarchy and keep actions close to records. */
.program-header{max-width:1208px;margin:14px auto 0;padding:12px 24px;border:1px solid #fff;border-radius:18px;background:#fafbfccc;box-shadow:0 6px 22px -22px #23304180;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.program-header>a:last-child{font-size:13px;color:#245dcc}.program-header>span{font-size:12px}.program-main{max-width:1208px;padding:16px 24px 40px}.program-heading{align-items:flex-start;margin:10px 0 24px}.program-heading h1{font-size:34px;margin:0 0 12px;line-height:1.25}.program-heading p{font-size:15px;line-height:1.8;color:#536170;max-width:590px}.program-heading>.program-actions{max-width:380px;justify-content:flex-end}.program-heading .btn{font-size:13px}
.program-notice:empty{display:none}.program-notice:not(:empty){padding:12px 16px;border-radius:10px;background:#e6f1eb;color:#24523c}
.program-nav{margin-bottom:24px}.program-nav button,.program-nav a{font-size:13px;padding:7px 12px;min-height:40px}.programs-demo .program-nav{justify-content:flex-end;margin:0 0 18px}.programs-demo .program-nav .program-reset{margin-inline-start:0}
.program-guide{margin:0 0 24px;padding:0;border:0;background:#e9eef4;border-radius:11px}.program-guide summary{cursor:pointer;min-height:48px;display:list-item;padding:13px 18px;font-size:14px;color:#344e6b}.program-guide details[open]{padding-bottom:18px}.program-guide details>h2{font-size:18px;margin:8px 20px 18px}.program-guide details>ol{margin:0 24px 0 18px;gap:24px}.program-guide details>p{font-size:13px;color:#58697a;margin:18px 20px 0}
.program-layout{grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);gap:36px;margin-top:20px}.program-layout>section{background:#fff;border:1px solid #dfe5ec;border-radius:18px;padding:4px 24px 22px}.program-section-title{margin-top:22px;padding-bottom:13px}.program-section-title h2{font-size:19px}.program-package-row{padding:18px 12px}.program-package-row[aria-pressed=true]{background:#edf3fb}.program-package-row strong{font-size:16px}.program-package-row b{font-size:20px}.program-package-row small{font-size:12px}
.program-operations{padding-bottom:22px;border-bottom:1px solid #e4e9ef;margin:24px 0 0;scroll-margin-top:24px}.program-operations h2{font-size:19px}.program-operations>p{font-size:13px;color:#5b6d7e}.program-actions .btn{font-size:13px}.program-operations .program-actions [data-action=package-state]{margin-inline-start:auto;background:transparent;border-color:transparent;color:#795b54;font-size:12px}.program-note{font-size:12px;line-height:1.8;margin:14px 0}.program-history strong{font-size:14px}.program-history small{font-size:12px}.program-plans summary{font-size:15px}.program-plan p{font-size:14px}.program-preview{position:sticky;top:22px;padding-top:6px}.program-preview>.program-kicker{font-size:13px;margin-bottom:14px}
.program-pass{border-radius:23px;background:#31465b;padding:26px;box-shadow:0 17px 30px -23px #15345270}.program-pass-top{font-size:14px}.program-pass-top span{font-size:12px}.program-balance{margin:24px 0}.program-balance strong{font-size:70px}.program-pass-meta{font-size:12px}.program-entitlement{padding:22px 4px}.program-entitlement h3{font-size:20px}.program-entitlement p{font-size:13px}.program-entitlement .program-kicker{font-size:12px}
.program-table-wrap{background:#fff;border:1px solid #dfe5ec;border-radius:16px}.program-table th{background:#f8fafc;padding-block:14px}.program-table td{font-size:14px}.program-contest-intro h2{font-size:26px}.program-contest-intro h3{font-size:22px}.program-footer{font-size:12px}
.customer-demo-layout{padding-top:44px;gap:60px;align-items:start}.customer-demo-controls h1{font-size:42px;line-height:1.2;margin:0 0 20px}.customer-demo-intro{font-size:16px;line-height:1.85;max-width:470px;color:#536170}.customer-simulation{border-top:1px solid #dce3eb;padding-top:23px;margin-top:26px}.customer-simulation h2{font-size:21px}.customer-simulation .btn{font-size:14px}.customer-device-area{position:sticky;top:32px}.customer-device{box-shadow:0 30px 54px -30px #162e4a66;border-color:#bdc8d3}.customer-demo-controls>label{font-size:13px}.customer-demo-controls select{background:#fff}
.pilot-layout{max-width:1050px;gap:56px;padding-top:56px}.pilot-intro h1{font-size:44px;line-height:1.22;margin-bottom:20px}.pilot-lead{font-size:16px;line-height:1.9}.pilot-steps li{gap:18px;padding:21px 0}.pilot-steps li>span{display:grid;place-items:center;border:1px solid #cbd6e2;width:28px;height:28px;padding:0;border-radius:50%;font-size:12px;color:#4f6680}.pilot-steps h2{font-size:18px}.pilot-steps p{font-size:14px}.pilot-scope{padding:23px 0;background:transparent;border:0;border-top:1px solid #dce3eb;border-radius:0}.pilot-scope h2{font-size:20px}
.pilot-form-panel{background:#fff;padding:32px;border-color:#dbe3ec;border-radius:20px;box-shadow:0 18px 40px -30px #1d395b60}.pilot-form-panel>h2{font-size:26px}.pilot-form-intro{font-size:14px;line-height:1.8}.pilot-form-panel input:not([type=checkbox]),.pilot-form-panel select{min-height:49px;background:#f9fbfd;border-color:#ccd6e1}.pilot-form-panel label{color:#354b62}.pilot-contact{font-size:13px}.pilot-privacy p{font-size:13px}
.message-page{padding-block:34px}.message-heading h1{font-size:38px;line-height:1.22;margin:0 0 16px}.message-heading>div>p{font-size:15px;color:#536170}.message-plan{padding-inline-start:28px;min-width:220px}.message-plan strong{font-size:34px}.message-plan p,.message-plan span{font-size:13px}.message-plan .btn{font-size:13px}.message-notice{font-size:14px;border-radius:11px;margin-block:28px}.message-section{padding-block:34px;gap:60px}.message-section h2{font-size:27px;margin-top:0}.message-section>div>p{font-size:14px;line-height:1.85;color:#536170}.message-section .section-index,.message-page>p.section-index{display:none}.message-section form{background:#fff;border:1px solid #dce3eb;border-radius:15px;padding:20px 24px}.message-toggle{font-size:14px}.message-toggle small{font-size:12px}.message-toggle input{appearance:none;width:42px;height:25px;min-height:25px;border:1px solid #c3cdd7;border-radius:20px;background:#dbe2e9;position:relative;transition:background-color .2s;cursor:pointer}.message-toggle input::before{content:'';position:absolute;inset-block-start:3px;inset-inline-start:3px;width:17px;height:17px;border-radius:50%;background:white;box-shadow:0 2px 3px #20324625;transition:transform .2s var(--motion)}.message-toggle input:checked{background:#245dcc;border-color:#245dcc}.message-toggle input:checked::before{transform:translateX(-17px)}.message-preview{background:#edf2f7;border-radius:13px;padding:20px;margin-top:22px}.message-channels{gap:18px;font-size:14px}.message-channels small{font-size:12px}.message-row{font-size:14px}
.customer-page>.panel{border:1px solid #dce3eb;border-radius:20px;background:#fff;box-shadow:0 14px 36px -26px #1d395b50}.customer-page .form h1{font-size:32px}.customer-page .form>p{font-size:15px;color:#536170}
.demo-app .app-sidebar{border-radius:20px}.demo-app .club-workbench{box-shadow:none;border-color:#dce3eb;background:#fff;border-radius:20px}.demo-app .surface{box-shadow:none;border-radius:17px;border-color:#dce3eb}.demo-app .pass-stage{background:#edf1f5}.demo-app .page-heading h1{font-size:32px}.demo-app .settings-form{padding:26px}.demo-app .app-toolbar{margin-bottom:16px}
/* Native scroll stays native. Only the meaningful balance change is animated. */
.product-home [class*="landing-intro"],.product-home .landing-intro>*{animation:none;opacity:1;transform:none}
@media(min-width:1500px){.product-home .landing-hero{padding-top:76px}.product-showcase{margin-top:42px}}
@media(max-width:1050px){.landing-nav nav{gap:13px;font-size:12px}.landing-nav{gap:16px}.landing-nav-actions{gap:12px}.product-home .landing-intro{gap:16px 36px}.product-home .landing-intro h1{font-size:46px}.product-showcase{padding:22px 25px 16px;gap:0 20px}.experience-nav{margin-inline:24px}.experience-nav-label{display:none}.program-heading>.program-actions{max-width:230px}.program-layout{gap:24px}.app-main>.experience-nav .experience-trial{display:none}.app-main>.experience-nav{gap:4px}.product-home .clarity-choice{grid-template-columns:1fr 1fr}.product-home .clarity-choice-link{grid-column:2}.product-home .landing-how{gap:30px 45px}.product-home .counter-flow{gap:12px 45px}.product-home .industry-detail{gap:35px}.product-home .clarity-pilot{gap:34px;padding:32px}}
@media(max-width:760px){
 .landing-width{width:calc(100% - 36px)}.landing-header{padding:8px 12px 0}.landing-nav{padding:8px 14px;min-height:58px;border-radius:16px;gap:14px;justify-content:space-between}.landing-brand{font-size:28px}.landing-brand .brand-mark{width:23px;height:23px}.landing-nav nav{display:none}.landing-nav-actions{margin-inline-start:auto}.landing-nav-actions .landing-login{display:none}.landing-nav-actions .btn{font-size:12px;min-height:40px;padding:8px 12px}
 .product-home .landing-hero{padding-top:32px}.product-home .landing-intro{display:block}.product-home .landing-intro h1{font-size:38px;line-height:1.18;margin:0 0 20px;max-width:520px}.product-home .landing-lead{font-size:15px;line-height:1.85;max-width:520px;margin-bottom:20px}.product-home .landing-hero-actions{gap:10px;flex-wrap:wrap}.product-home .landing-hero-actions .btn{font-size:13px}.product-home .landing-hero-actions .landing-inline-link{font-size:12px}.product-home .landing-availability{margin-top:13px;font-size:12px;line-height:1.7}
 .product-showcase{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:0 16px;margin-top:24px;padding:16px;border-radius:20px}.showcase-switch{margin-bottom:16px}.showcase-switch button{font-size:12px;padding:8px 10px}.showcase-switch>span{font-size:12px}.showcase-transfer{display:none}.showcase-content{padding:16px}.showcase-toolbar{padding:12px;font-size:12px}.showcase-toolbar>span:last-child{display:none}.showcase-state{display:none}.showcase-record{gap:10px}.showcase-record strong{font-size:13px}.showcase-count>bdi{font-size:20px}.showcase-action{font-size:12px}.showcase-pass{padding:20px}.showcase-pass>div:first-child{font-size:13px}.showcase-pass-balance{gap:12px}.showcase-pass-balance>strong{font-size:52px}.showcase-pass-balance>span{font-size:12px}.showcase-pass footer{font-size:12px}.showcase-foot{font-size:12px}.showcase-foot button{font-size:12px}
 .product-home .landing-hero-bottom{justify-content:center;gap:15px;flex-wrap:wrap;font-size:12px;margin-top:18px;padding:16px 0}.product-home .landing-hero-bottom>span:last-child{display:none}
 .product-home .clarity-choices{padding-top:36px}.product-home h2{font-size:28px}.product-home .clarity-choice{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:22px 0}.product-home .clarity-choice-label{font-size:20px}.product-home .clarity-choice-link{font-size:13px}
 .product-home .landing-how{display:block;padding-block:48px}.product-home .landing-how>.section-heading-row{position:static;margin-bottom:26px}.product-home .landing-how>.section-heading-row p{font-size:15px;max-width:none}.product-home .product-steps li{padding:22px 0;gap:17px}.product-home .product-steps h3{font-size:19px}.product-home .product-steps p{font-size:14px}.product-home .counter-flow{display:block;margin-top:26px}.product-home .counter-flow h3{font-size:20px;margin-bottom:12px}.product-home .counter-flow a{margin-top:12px}
 .product-home .industry-section{padding-block:38px}.product-home .industry-choices{flex-wrap:nowrap;overflow-x:auto;max-width:100%;gap:5px;margin:20px 0 28px;padding-bottom:5px}.product-home .industry-choice{white-space:nowrap;flex:none;font-size:12px;padding:9px 12px;min-height:42px}.product-home .industry-detail{gap:28px;grid-template-columns:1fr}.product-home .industry-copy h3{font-size:25px}.product-home .industry-copy p{font-size:15px}.product-home .industry-card{max-width:350px}.product-home .industry-disclaimer{font-size:12px;line-height:1.8}
 .product-home .landing-demo{padding-block:42px}.product-home .two-sides-demo{grid-template-columns:1fr;border-radius:18px}.product-home .merchant-preview,.product-home .customer-preview{padding:23px}.product-home .demo-under{font-size:12px;gap:8px}.product-home .clarity-readiness{padding-block:38px}.product-home .clarity-readiness-grid{grid-template-columns:1fr;gap:24px}.product-home .clarity-readiness h3{font-size:20px}
 .product-home .clarity-pilot{grid-template-columns:1fr;gap:28px;padding:25px;margin-bottom:22px;border-radius:18px}.product-home .clarity-pilot h2{font-size:28px}.product-home .clarity-pilot-measures{padding:23px 0 0;border-inline-start:0;border-top:1px solid #e2e7ed}.product-home .clarity-pilot p{font-size:14px}.product-home .landing-faq{padding-block:38px;gap:20px}.product-home .faq-list summary{font-size:16px}.product-home .landing-final{padding-block:36px}
 .experience-nav{margin:14px 18px 0;padding:5px;gap:4px;border-radius:13px}.experience-tabs{flex:1;overflow:auto;scrollbar-width:none;gap:1px}.experience-tabs :is(a,button){padding:9px 11px;min-height:42px;font-size:12px}.experience-trial,.experience-home,.experience-nav-label{display:none}.experience-tabs :is(a,button)[aria-current=page]{background:#e6eef9}.app-main>.experience-nav{margin:0 0 10px}.app-main>.experience-nav .experience-tabs :is(a,button){padding-inline:10px;font-size:12px}
 .program-header{margin:8px 12px 0;padding:11px 14px;border-radius:16px;gap:10px}.program-header>span{font-size:12px;order:3;width:100%}.program-header>a:last-child{font-size:12px}.program-main{padding:14px 18px 30px}.program-nav{margin-bottom:18px}.program-nav button,.program-nav a{font-size:12px;padding:7px 9px}.program-heading{display:block;margin:4px 0 20px}.program-heading h1{font-size:29px;margin-bottom:12px}.program-heading p{font-size:14px}.program-heading>.program-actions{max-width:none;justify-content:flex-start;margin-top:20px}.program-heading .btn{font-size:12px}.program-guide summary{font-size:13px;padding:12px 15px}.program-guide details>ol{display:flex;flex-direction:column;gap:13px}.program-guide details>p{font-size:12px}.program-layout{grid-template-columns:1fr;gap:25px}.program-layout>section{padding:2px 17px 18px;border-radius:16px}.program-preview{grid-row:auto;position:static;max-width:380px}.program-operations .program-actions [data-action=package-state]{margin-inline-start:0}.program-operations .program-actions{gap:8px}.program-operations .btn{font-size:12px;padding:10px 12px}.program-history li{gap:10px}.program-contest-intro h2{font-size:24px}.program-table th,.program-table td{padding:14px 11px}.program-dialog{padding:23px}.program-dialog-head h2{font-size:23px}
 .customer-demo-layout{padding-top:28px;gap:28px}.customer-demo-controls h1{font-size:34px}.customer-demo-intro{font-size:15px}.customer-device-area{position:static;grid-row:auto;max-width:100%}.customer-simulation{padding-top:20px;margin-top:22px}.customer-simulation .btn{font-size:13px}.customer-device{max-width:350px;width:100%}
 .pilot-layout{padding-top:32px;gap:26px}.pilot-intro h1{font-size:34px;line-height:1.22}.pilot-lead{font-size:15px}.pilot-form-panel{padding:25px 21px;border-radius:17px}.pilot-form-panel>h2{font-size:24px}.pilot-steps h2{font-size:18px}.pilot-contact{font-size:13px}.pilot-privacy p{font-size:12px}
 .message-page{padding-top:28px}.message-heading h1{font-size:31px}.message-heading>div>p{font-size:14px}.message-plan{min-width:0;padding:20px 0 0;margin-top:24px;border-inline-start:0;border-top:1px solid #dce3eb}.message-plan strong{font-size:30px}.message-section{grid-template-columns:1fr;gap:22px;padding-block:30px}.message-section h2{font-size:25px}.message-notice{font-size:13px;padding:17px}.message-section form{padding:18px}.message-preview{padding:18px}.message-toggle{gap:18px}.message-toggle small{font-size:12px}
 .customer-page .form h1{font-size:28px}.demo-app .page-heading h1{font-size:28px}.demo-app .page-heading{margin-bottom:22px}.demo-app .club-workbench{border-radius:17px}.demo-app .workbench-copy{padding:24px}.demo-app .app-sidebar{border-radius:18px 18px 0 0}
}
@media(max-width:520px){.product-showcase{grid-template-columns:1fr;padding:15px}.showcase-window{grid-column:1}.showcase-customer{grid-column:1;max-width:none;margin-top:20px}.showcase-customer-label{margin-bottom:10px}.showcase-pass{padding:18px 22px}.showcase-pass-balance{margin:15px 0;justify-content:space-between}.showcase-pass-balance>strong{font-size:54px}.showcase-pass-balance>span{text-align:end}.showcase-pass-track{margin-bottom:14px}.showcase-pass footer{padding-top:11px}.showcase-foot{flex-wrap:wrap;gap:4px}.showcase-result{min-height:35px}.showcase-content{padding:16px 18px 10px}.showcase-record{margin:12px 0 14px;padding-block:14px}.showcase-switch>span{font-size:12px}.product-home .landing-intro h1{font-size:32px}.customer-demo-layout{display:flex;flex-direction:column}.customer-demo-controls{display:block}.customer-device-area{width:100%;align-self:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}.btn,.showcase-switch button,.message-toggle input,.message-toggle input::before{transition:none}.btn:hover{transform:none}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.landing-nav,.program-header,.experience-nav{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}.experience-tabs :is(a,button)[aria-current=page]{outline:1px solid #245dcc}}

@media(max-width:760px){.product-home .section-heading-row{grid-template-columns:1fr;gap:16px}.product-home .section-heading-row>p:last-child{max-width:none;margin-top:0}.product-home .landing-final h2{font-size:30px}.customer-demo-controls{padding-top:0}}
@media(max-width:600px){.customer-demo-layout{gap:12px}.customer-demo-controls{display:contents}.customer-demo-controls h1{font-size:28px;margin:0}.customer-demo-intro{display:block;order:0;font-size:14px;line-height:1.75;margin:0 0 10px}.customer-demo-controls h1 br{display:block}.customer-device-area{order:1;margin-top:12px}.customer-simulation{order:2}}

/* Content appears immediately; motion belongs to confirmed changes and controls. */
.demo-app .glass-sidebar,.demo-app .app-main,.customer-device,.customer-page,.setup-page{animation:none}
.programs-demo .experience-trial{display:none}
.program-preview-jump{display:none}.program-preview{scroll-margin-top:24px}
@media(max-width:760px){.program-preview-jump{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#245dcc;font-size:13px}.program-preview-jump .icon{width:16px;height:16px}}