:root{--blue:#0000ff;--navy:#0d2440;--pale:#eaf9fc;--muted:#64748b;--line:#e4e9f1;--font:Inter,Arial,sans-serif;--head:'DM Sans',Inter,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:#182536;font-size:15px;line-height:1.6}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}a{text-decoration:none;color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #89b9ff;outline-offset:3px}h1,h2,h3,h4{font-family:var(--head);color:var(--navy);line-height:1.2;letter-spacing:-.028em;margin:0 0 15px}h1{font-size:clamp(2.45rem,5vw,4rem);font-weight:800}h2{font-size:clamp(1.75rem,3vw,2.5rem)}h3{font-size:1.22rem}p{color:var(--muted);line-height:1.7;margin:0 0 16px}.lead{font-size:1.1rem;max-width:520px}.container{width:min(1140px,calc(100% - 44px));margin:0 auto}.section{padding:82px 0}.section-pale{background:var(--pale)}.section-heading{text-align:center;margin:0 auto 43px;max-width:750px}.section-heading p{max-width:620px;margin:0 auto}.section-heading.left{text-align:left;margin:0 0 35px}.section-heading.left p{margin:0}.section-heading h1{font-size:clamp(2.2rem,4.6vw,3.5rem)}.eyebrow{display:block;font-size:.72rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#a8cff8;margin-bottom:13px}.eyebrow.blue{color:var(--blue)}.subtle{font-size:.88rem}.narrow{max-width:720px}.center{text-align:center}.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:12px 19px;min-height:44px;border:1px solid transparent;border-radius:9px;font-weight:700;font-size:.86rem;line-height:1.2;transition:background .2s;white-space:normal}.btn-primary{background:var(--blue);color:white}.btn-primary:hover:not(:disabled){background:#0808bf}.btn-outline{background:white;border-color:#cdd6e4;color:var(--navy)}.btn-white{background:white;color:var(--blue)}.btn-ghost{background:transparent;border-color:#afc6ff;color:white}.btn.full{display:flex;width:100%}.text-link{color:var(--blue);font-weight:800;font-size:.88rem}.text-link:hover{text-decoration:underline}
.site-header{position:sticky;top:0;z-index:40;background:#fffffffa;border-bottom:1px solid var(--line)}.header-inner{height:69px;display:flex;align-items:center;gap:25px}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:800;letter-spacing:.045em;color:var(--navy)}.brand-mark{width:29px;height:29px;border-radius:8px;background:#eff0ff;color:var(--blue);display:inline-flex;justify-content:center;align-items:center;font-size:1.55rem;line-height:1}.desktop-nav{margin-left:auto;display:flex;gap:24px}.desktop-nav a{font-weight:650;font-size:.84rem}.desktop-nav a:hover,.desktop-nav a.active{color:var(--blue)}.header-download{min-height:36px;padding:8px 17px;font-size:.76rem}.menu-toggle{display:none;border:1px solid var(--line);background:white;border-radius:7px;padding:4px 12px;font-size:1.35rem}.mobile-nav{display:none}
.hero{padding-top:80px;padding-bottom:90px}.hero-layout{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px}.hero .lead{margin-bottom:29px}.launch-tag{display:inline-block;border-radius:22px;background:#caf0f8;color:var(--navy);padding:7px 12px;font-size:.72rem;font-weight:650;margin-bottom:23px}.download-section{margin-top:18px}.download-section .eyebrow{color:var(--navy);margin-bottom:7px}.store-buttons{display:flex;gap:10px;flex-wrap:wrap}.store-btn{display:inline-flex;gap:8px;align-items:center;min-height:45px;min-width:137px;background:var(--navy);border:1px solid var(--navy);border-radius:8px;padding:8px 11px;color:white;line-height:1;cursor:default}.store-btn small{display:block;font-size:.56rem;opacity:.78;margin-bottom:3px}.store-btn strong{display:block;font-size:.78rem}.store-icon{font-size:1.4rem}.store-buttons.light .store-btn{background:white;color:var(--navy);border-color:#d9e1eb}.store-buttons.compact{display:grid;grid-template-columns:1fr;gap:7px}.store-buttons.compact .store-btn{min-height:40px;background:#263c56;color:white;border-color:#344860}.hero-visual{position:relative;display:flex;justify-content:center;padding:20px 26px}.phone-frame{position:relative;width:258px;height:494px;border:5px solid var(--navy);border-radius:40px;background:var(--navy);overflow:hidden;box-shadow:0 24px 58px #0d24402c}.phone-frame img{width:100%;height:100%;object-fit:cover}.phone-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(to top,#0d2440cc,transparent 50%);pointer-events:none}.phone-overlay{position:absolute;bottom:23px;left:18px;right:18px;z-index:2}.phone-overlay small{font-size:.68rem;color:#c5e1ff}.phone-overlay h3{color:white;font-size:1.05rem;margin:4px 0}.phone-overlay p{color:#dbeaff;font-size:.75rem;margin:0}.floating-stat{position:absolute;z-index:3;background:white;padding:14px;border-radius:11px;box-shadow:0 8px 25px #0d244022;display:grid;gap:2px}.floating-stat strong{color:var(--blue)}.floating-stat small{color:var(--muted);font-size:.7rem}.floating-stat.top{right:6px;top:90px}.floating-stat.bottom{left:6px;bottom:110px;background:var(--blue)}.floating-stat.bottom strong,.floating-stat.bottom small{color:white}
.stats-section{background:var(--blue);padding:38px 0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;gap:18px}.stats-grid div{display:grid;gap:3px}.stats-grid strong{color:white;font-family:var(--head);font-size:1.42rem}.stats-grid span{color:#e2e6ff;font-size:.76rem}.app-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.app-card{background:#fbfcfe;border:1px solid var(--line);border-radius:15px;overflow:hidden}.app-card>img{width:100%;height:220px;object-fit:cover}.app-card-content{padding:27px}.app-card h3{font-size:1.47rem}.app-card ul{list-style:'✓  ';padding-left:19px;margin:12px 0 23px}.app-card li{font-size:.83rem;color:#506078;padding:4px 0}.app-card .eyebrow{margin:0 0 8px}.app-card.dark{background:var(--navy)}.app-card.dark h3,.app-card.dark p,.app-card.dark li{color:white}.app-card.dark .text-link{color:#b8dcff}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.feature-card{background:white;border:1px solid var(--line);border-radius:13px;padding:28px}.feature-card p{font-size:.87rem;margin:0}.feature-icon{display:block;font-size:1.8rem;color:var(--blue);margin-bottom:13px}.feature-number{display:block;color:#ddddff;font-family:var(--head);font-size:2.9rem;font-weight:800;line-height:1;margin-bottom:18px}.listing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.listing-card{border:1px solid var(--line);border-radius:13px;overflow:hidden}.listing-image{position:relative}.listing-image img{width:100%;height:200px;object-fit:cover}.listing-image span{position:absolute;top:12px;left:12px;border-radius:24px;padding:4px 10px;background:var(--blue);color:white;font-size:.7rem;font-weight:700}.listing-body{padding:16px}.listing-body h3{font-size:1.03rem;margin:0 0 5px}.listing-body p{font-size:.79rem;margin-bottom:12px}.listing-body>div{display:flex;justify-content:space-between;gap:12px}.listing-body strong{color:var(--blue)}.listing-body small{color:#8291a3}.cta-section{background:var(--blue);text-align:center;padding:65px 0}.cta-section h2{color:white}.cta-section p{color:#dfe4ff;max-width:510px;margin:0 auto 24px}.cta-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.cta-section.compact{padding:53px 0}
.dark-hero{background:var(--navy)}.dark-hero h1{color:white}.dark-hero .lead{color:#cfddf0}.tour-layout{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.tour-media{display:flex;justify-content:center}.tour-media .phone-frame{width:233px;height:421px}.tour-layout h3{font-size:1.9rem}.tour-steps,.pager{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:23px}.pager{margin-top:25px}.tour-step{border:1px solid var(--line);border-radius:50%;background:white;color:var(--navy);font-weight:700;width:37px;height:37px}.tour-step.active{background:var(--blue);color:white;border-color:var(--blue)}.phone-caption{position:absolute;bottom:10px;left:5px;right:5px;color:white;font-size:.6rem;text-align:center;z-index:4}.quad-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.info-card{background:white;border:1px solid var(--line);border-radius:12px;padding:22px}.info-card h3{font-size:1.03rem}.info-card p{font-size:.82rem;margin:0}.faq-wrap{max-width:790px}.faq-item{border:1px solid var(--line);border-radius:10px;margin-bottom:11px;overflow:hidden}.faq-button{width:100%;background:white;border:none;padding:17px 20px;text-align:left;display:flex;justify-content:space-between;align-items:center;color:var(--navy);font-weight:700}.faq-button span{color:var(--blue);font-size:1.3rem}.faq-answer{color:var(--muted);font-size:.91rem;padding:2px 20px 21px}
.pricing-page{padding-top:65px}.toggle{display:inline-flex;padding:5px;background:#f1f3f7;border-radius:30px;margin-top:21px}.toggle button{border:0;border-radius:30px;padding:9px 16px;background:transparent;color:#65748b;font-weight:700}.toggle button.selected{background:white;box-shadow:0 2px 9px #00000016;color:var(--navy)}.toggle small{background:var(--blue);padding:3px 6px;border-radius:10px;color:white;font-size:.57rem}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px}.pricing-card{position:relative;display:flex;flex-direction:column;background:#fbfcff;border:2px solid var(--line);border-radius:16px;padding:27px}.pricing-card h2{white-space:nowrap;font-size:2.2rem}.pricing-card h2 small{font-size:.68rem;font-weight:500;letter-spacing:0;color:#8190a4}.pricing-card>p{min-height:50px;font-size:.85rem}.pricing-card ul{list-style:'✓  ';padding-left:20px;flex:1;margin:12px 0 30px}.pricing-card li{color:#56667b;padding:6px 0;font-size:.81rem}.pricing-card.featured{background:var(--blue);border-color:var(--blue);color:white}.pricing-card.featured h2,.pricing-card.featured h2 small,.pricing-card.featured p,.pricing-card.featured li{color:white}.popular{position:absolute;top:-16px;left:50%;transform:translateX(-50%);background:white;border:1px solid var(--blue);padding:5px 13px;border-radius:20px;color:var(--blue);font-size:.7rem;font-weight:800;white-space:nowrap}.table-scroll{overflow-x:auto}.loyalty-table{min-width:540px;width:100%;border-collapse:collapse;background:white}.loyalty-table td,.loyalty-table th{padding:16px;text-align:left;border-bottom:1px solid var(--line);font-size:.85rem}.loyalty-table td:nth-child(2){color:var(--blue);font-weight:700}.promo-band{display:flex;align-items:center;justify-content:space-between;gap:24px}.promo-band p{margin:0}
.checkout-grid,.contact-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:25px;align-items:start}.form-panel,.summary-panel{background:white;border:1px solid var(--line);padding:28px;border-radius:14px}.form-panel h2{font-size:1.55rem}.form-panel label{display:block;color:var(--navy);font-weight:700;font-size:.85rem;margin:17px 0 7px}.form-panel input,.form-panel textarea,.form-panel select{width:100%;background:white;border:1px solid #d9e0ea;border-radius:8px;min-height:44px;padding:11px}.form-panel textarea{resize:vertical}.form-panel .btn.full{margin-top:22px}.form-error{color:#af2838}.prototype-alert{background:#eff8ff;border:1px solid #badbf6;padding:14px 16px;color:#255372;border-radius:9px;font-size:.84rem;line-height:1.6;margin:19px 0}.review-row,.summary-total{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.review-row strong,.summary-total strong{color:var(--navy)}.summary-total{margin:20px 0;border-top:1px solid var(--line)}.selection-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.selection-option{background:white;border:2px solid var(--line);border-radius:10px;text-align:left;padding:20px;display:grid}.selection-option strong{font-size:2rem;color:var(--blue)}.selection-option.selected{border-color:var(--blue);background:#f0f3ff}.two-col{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:62px}.rounded-image{border-radius:16px;overflow:hidden}.rounded-image img{height:350px;width:100%;object-fit:cover}.legal{max-width:830px}.legal h2{font-size:1.27rem;margin-top:32px}.legal p,.legal li{font-size:.91rem;color:#516176;line-height:1.8}.legal ul{padding-left:22px}.legal li{margin:8px 0}
.site-footer{background:var(--navy);color:white;padding-top:58px}.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px}.site-footer h4{color:#9bc2e5;font-size:.76rem;letter-spacing:.06em;text-transform:uppercase}.site-footer p,.site-footer a{color:#c7d6e6;font-size:.81rem}.site-footer a{display:block;margin:7px 0}.site-footer a:hover{color:white}.footer-bottom{margin-top:38px;padding:21px 0;border-top:1px solid #ffffff1f;display:flex;align-items:center;justify-content:space-between;gap:15px}.footer-bottom .brand{color:white}.footer-bottom span:not(.brand-mark){color:#9cadc2;font-size:.72rem}.loading{display:flex;align-items:center;justify-content:center;gap:10px;height:95vh}.loader{border:3px solid #dce4ef;border-top-color:var(--blue);border-radius:50%;height:24px;width:24px;animation:rotate 1s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}#blazor-error-ui{display:none;padding:10px;background:#ffeac0}
@media(max-width:900px){.desktop-nav{gap:14px}.hero-layout{gap:26px}.pricing-card{padding:22px}.footer-grid{gap:20px}}
@media(max-width:760px){.container{width:calc(100% - 32px)}.section{padding:58px 0}.hero{padding:60px 0}.hero-layout,.tour-layout,.two-col,.checkout-grid,.contact-layout{grid-template-columns:1fr;gap:30px}.header-inner{height:64px}.desktop-nav,.header-download{display:none}.menu-toggle{display:block;margin-left:auto}.mobile-nav{display:flex;flex-direction:column;padding:8px 16px 16px}.mobile-nav a{padding:11px 8px;border-bottom:1px solid var(--line)}.app-card-grid,.listing-grid,.feature-grid,.pricing-grid{grid-template-columns:1fr}.quad-grid,.footer-grid{grid-template-columns:1fr 1fr}.pricing-grid{gap:30px}.tour-media{order:2}.promo-band{display:block}.promo-band .btn{margin-top:19px}.footer-bottom{flex-wrap:wrap}}
@media(max-width:440px){.container{width:calc(100% - 28px)}.section{padding:49px 0}h1{font-size:2.42rem}.phone-frame{width:222px;height:414px}.floating-stat.top{right:0}.floating-stat.bottom{left:0}.store-btn{min-width:126px}.stats-grid,.quad-grid,.footer-grid{grid-template-columns:1fr}.stats-grid{gap:18px}.stats-section{padding:27px 0}.listing-image img{height:210px}}
