@import "https://api.fontshare.com/v2/css?f[]=satoshi@500,600,700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap";:root{--brand-50:#f5f2ff;--brand-100:#ece7ff;--brand-200:#d7ccff;--brand-300:#b6a4ff;--brand-400:#9b86ff;--brand-500:#7c5cff;--brand-600:#6b4ee6;--brand-700:#5638c9;--teal-500:#1fa98c;--teal-600:#178f7b;--ink-900:#15151f;--ink-700:#3a3a45;--muted-600:#5c5c68;--muted-500:#71717f;--muted-400:#9a9aa6;--muted-300:#c7c7d1;--surface:#fff;--surface-soft:#f6f6fa;--surface-lav:#f1eefb;--border:#ececf1;--aura-violet:#e3dafb;--aura-peach:#ffe0cc;--aura-pink:#fcd6ec;--font-display:"Satoshi", "General Sans", ui-sans-serif, system-ui, sans-serif;--font-body:"Inter", ui-sans-serif, system-ui, sans-serif;--text-display:clamp(2.25rem, 1.4rem + 3.6vw, 3.5rem);--text-h1:clamp(1.9rem, 1.3rem + 2.4vw, 2.75rem);--text-h2:clamp(1.5rem, 1.15rem + 1.5vw, 2rem);--text-h3:1.375rem;--text-card:1.0625rem;--text-lead:1.125rem;--text-body:1rem;--text-small:.875rem;--text-eyebrow:.8125rem;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.04em;--leading-tight:1.08;--leading-snug:1.25;--leading-body:1.6;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--radius-pill:999px;--radius-card:20px;--radius-img:24px;--radius-band:28px;--radius-input:12px;--shadow-xs:0 1px 2px #1414280a;--shadow-card:0 2px 10px #1414280d;--shadow-lg:0 16px 44px #14142814;--shadow-brand:0 10px 24px #6c4fe047;--space-section-y:clamp(4rem, 2rem + 8vw, 8rem);--space-block:clamp(1.5rem, 1rem + 2vw, 2.5rem);--container-max:1200px;--container-pad:clamp(1.25rem, .5rem + 3vw, 2.5rem);--ease-out:cubic-bezier(.22, 1, .36, 1);--dur-fast:.14s;--dur-base:.24s;--dur-slow:.5s;--success:#22c55e;--warning:#f59e0b;--error:#ef4444}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--surface);color:var(--muted-500);font-size:var(--text-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--ink-900);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug)}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-body);background:0 0;border:none}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--surface-soft)}::-webkit-scrollbar-thumb{background:var(--muted-300);border-radius:3px}.viewport-toggle-bar{background:var(--surface-soft);border-bottom:1px solid var(--border);font-family:var(--font-body);font-size:var(--text-small);color:var(--muted-500);z-index:1000;justify-content:space-between;align-items:center;padding:10px 24px;display:flex;position:sticky;top:0}.toggle-group{gap:6px;display:flex}.toggle-btn{border-radius:var(--radius-pill);font-family:var(--font-display);font-size:var(--text-eyebrow);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);border:1px solid var(--border);color:var(--muted-500);background:var(--surface);transition:all var(--dur-fast) var(--ease-out);padding:6px 14px}.toggle-btn:hover{border-color:var(--brand-300);color:var(--ink-700)}.toggle-btn.active{background:var(--brand-600);border-color:var(--brand-600);color:#fff}.theme-btn{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;transition:border-color var(--dur-fast) var(--ease-out);border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex}.theme-btn:hover{border-color:var(--brand-400)}.app-wrapper{background-color:var(--surface);width:100%;min-height:calc(100vh - 50px)}.app-wrapper.simulator-mode{background-color:var(--surface-soft);justify-content:center;align-items:center;padding:40px 20px;display:flex}.iphone-device{border:6px solid var(--ink-900);width:393px;height:852px;box-shadow:var(--shadow-lg);background:var(--surface);border-radius:50px;position:relative;overflow:hidden}.iphone-notch{background-color:var(--ink-900);z-index:1010;border-radius:16px;width:100px;height:28px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.iphone-status-bar{height:48px;font-size:12px;font-weight:600;font-family:var(--font-display);color:var(--ink-900);justify-content:space-between;align-items:flex-end;padding:0 30px 6px;display:flex}.iphone-status-icons{gap:6px;display:flex}.iphone-screen{background-color:var(--surface);width:100%;height:calc(100% - 48px);overflow-y:auto}.iphone-screen::-webkit-scrollbar{width:0}.iphone-home-indicator{background-color:var(--ink-900);z-index:1010;opacity:.2;border-radius:10px;width:120px;height:4px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.website-container{width:100%;max-width:var(--container-max);background:var(--surface);margin:0 auto}.simulator-mode .website-container{max-width:100%}header.app-header{padding:16px var(--container-pad);z-index:100;background:0 0;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.logo-container{align-items:center;gap:8px;display:flex}.logo-img{width:auto;height:28px}.logo-text{font-family:var(--font-display);font-size:20px;font-weight:var(--weight-bold);letter-spacing:-.5px;color:var(--ink-900)}nav.desktop-nav{gap:28px;display:flex}nav.desktop-nav a{font-family:var(--font-body);font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--muted-500);transition:color var(--dur-fast)}nav.desktop-nav a:hover,nav.desktop-nav a.active{color:var(--brand-600)}.header-cta{background:var(--brand-600);color:#fff;border-radius:var(--radius-pill);font-family:var(--font-display);font-size:15px;font-weight:var(--weight-semibold);transition:all var(--dur-base) var(--ease-out);padding:10px 24px}.header-cta:hover{background:var(--brand-700);box-shadow:var(--shadow-brand)}.mobile-view header.app-header{padding:12px 16px}.mobile-view nav.desktop-nav{display:none}.mobile-view .header-cta{padding:8px 16px;font-size:13px}.section{padding:var(--space-section-y) var(--container-pad)}.mobile-view .section{padding:40px 16px}.section-title-wrapper{text-align:center;max-width:640px;margin:0 auto var(--space-block)}.section-subtitle{color:var(--brand-600);font-family:var(--font-display);font-size:var(--text-eyebrow);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);margin-bottom:12px}.section-title{font-size:var(--text-h2);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--ink-900);margin-bottom:14px}.section-desc{font-size:var(--text-body);color:var(--muted-500);line-height:var(--leading-body)}.hero-section{text-align:center;padding:80px var(--container-pad) 60px;background:var(--surface);flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.mobile-view .hero-section{padding:48px 16px 32px}.hero-section:before{content:"";z-index:0;background:radial-gradient(60% 80% at 20% 30%, var(--aura-pink) 0, transparent 60%), radial-gradient(50% 70% at 80% 40%, var(--aura-violet) 0, transparent 60%), radial-gradient(70% 90% at 50% 95%, var(--aura-peach) 0, transparent 60%);opacity:.35;filter:blur(60px);pointer-events:none;position:absolute;inset:0}.hero-section>*{z-index:1;position:relative}.hero-tag{background:var(--brand-100);color:var(--brand-600);border-radius:var(--radius-pill);font-family:var(--font-display);font-size:var(--text-eyebrow);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);margin-bottom:24px;padding:6px 16px;display:inline-block}.hero-heading{font-family:var(--font-display);font-size:var(--text-display);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);max-width:780px;line-height:var(--leading-tight);color:var(--ink-900);margin-bottom:20px}.hero-heading em{color:var(--muted-400);font-style:normal}.mobile-view .hero-heading{font-size:clamp(1.75rem,1rem + 3vw,2.25rem)}.hero-description{font-size:var(--text-lead);color:var(--muted-500);max-width:560px;line-height:var(--leading-body);margin-bottom:36px}.mobile-view .hero-description{margin-bottom:24px;font-size:15px}.hero-ctas{gap:12px;margin-bottom:56px;display:flex}.mobile-view .hero-ctas{flex-direction:column;gap:10px;width:100%;max-width:280px;margin-bottom:36px}.btn-primary{background:var(--brand-600);color:#fff;border-radius:var(--radius-pill);font-family:var(--font-display);font-size:15px;font-weight:var(--weight-semibold);transition:all var(--dur-base) var(--ease-out);align-items:center;gap:6px;padding:14px 28px;display:inline-flex}.btn-primary:hover{background:var(--brand-700);box-shadow:var(--shadow-brand);transform:translateY(-1px)}.btn-secondary{border:1px solid var(--border);color:var(--ink-900);border-radius:var(--radius-pill);font-family:var(--font-display);font-size:15px;font-weight:var(--weight-semibold);transition:all var(--dur-base) var(--ease-out);background:0 0;align-items:center;gap:6px;padding:14px 28px;display:inline-flex}.btn-secondary:hover{border-color:var(--brand-300);background:var(--brand-50)}.avatar-showcase-container{width:540px;height:300px;margin:0 auto;position:relative}.mobile-view .avatar-showcase-container{width:100%;max-width:300px;height:200px}.hero-main-card{border-radius:var(--radius-img);border:2px solid var(--border);z-index:10;width:260px;height:175px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.mobile-view .hero-main-card{width:170px;height:115px}.hero-main-card img{object-fit:cover;width:100%;height:100%}.floating-avatar{border:2px solid var(--surface);cursor:pointer;z-index:5;transition:transform var(--dur-base) var(--ease-out);border-radius:50%;position:absolute;overflow:hidden}.floating-avatar:hover{z-index:20;transform:scale(1.1)}.avatar-1{width:80px;height:80px;top:30px;left:40px}.avatar-2{width:90px;height:90px;bottom:30px;left:20px}.avatar-3{width:85px;height:85px;top:35px;right:35px}.avatar-4{width:75px;height:75px;bottom:30px;right:50px}.mobile-view .avatar-1{width:50px;height:50px;top:20px;left:10px}.mobile-view .avatar-2{width:55px;height:55px;bottom:20px;left:5px}.mobile-view .avatar-3{width:52px;height:52px;top:25px;right:10px}.mobile-view .avatar-4{width:48px;height:48px;bottom:20px;right:15px}.torus-section{background:linear-gradient(180deg, var(--brand-50) 0%, var(--surface) 100%);border-radius:var(--radius-band);margin:0 var(--container-pad);text-align:center;position:relative}.torus-bg{opacity:.9;pointer-events:none;width:140px;height:140px;margin:0 auto;display:block}.torus-content{z-index:2;max-width:620px;margin:24px auto 0;position:relative}.mobile-view .torus-content{margin:16px auto 0}.torus-heading{font-family:var(--font-display);font-size:clamp(1.5rem,1rem + 2vw,1.875rem);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--ink-900);margin-bottom:14px}.torus-heading em{color:var(--muted-400);font-style:normal}.mobile-view .torus-heading{font-size:1.25rem}.torus-desc{font-size:var(--text-body);color:var(--muted-500);max-width:560px;margin:0 auto}.mobile-view .torus-desc{font-size:14px}.steps-title{text-align:center;font-family:var(--font-display);font-size:var(--text-eyebrow);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);color:var(--muted-400);margin:48px 0 20px}.steps-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px;display:grid}.mobile-view .steps-grid{grid-template-columns:1fr;gap:12px}.step-card{background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-card);text-align:left;transition:all var(--dur-base) var(--ease-out);padding:24px}.step-card:hover{border-color:var(--brand-200);box-shadow:var(--shadow-card)}.step-number{border-radius:var(--radius-pill);background:var(--brand-100);width:44px;height:44px;color:var(--brand-600);font-family:var(--font-display);font-size:13px;font-weight:var(--weight-bold);justify-content:center;align-items:center;margin-bottom:18px;display:inline-flex}.step-title{font-family:var(--font-display);font-size:var(--text-card);font-weight:var(--weight-semibold);color:var(--ink-900);margin-bottom:8px}.step-desc{font-size:var(--text-small);color:var(--muted-500);line-height:var(--leading-body)}.interactive-demos-section{background:var(--surface)}.demos-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.mobile-view .demos-grid{grid-template-columns:1fr;gap:16px}.demo-card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface-soft);transition:all var(--dur-base) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.demo-card:hover{border-color:var(--brand-200);box-shadow:var(--shadow-card)}.demo-header{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:12px;padding:18px 24px;display:flex}.demo-icon{border-radius:var(--radius-pill);background:var(--brand-100);width:44px;height:44px;color:var(--brand-600);justify-content:center;align-items:center;font-size:18px;display:flex}.demo-title{font-family:var(--font-display);font-size:var(--text-card);font-weight:var(--weight-semibold);color:var(--ink-900)}.demo-body{flex-grow:1;padding:24px}.progress-snapshot{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:20px}.progress-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.progress-label{font-family:var(--font-display);font-size:var(--text-small);font-weight:var(--weight-semibold);color:var(--ink-900)}.progress-stats{font-size:var(--text-eyebrow);font-weight:var(--weight-semibold);color:var(--brand-600)}.progress-bar-bg{background:var(--surface-soft);border-radius:4px;height:8px;margin-bottom:16px;overflow:hidden}.progress-bar-fill{background:var(--brand-600);height:100%;transition:width .3s var(--ease-out);border-radius:4px}.onboarding-steps-list{flex-direction:column;gap:4px;display:flex}.onboarding-step-item{font-size:var(--text-small);border-radius:var(--radius-input);background:var(--surface-soft);cursor:pointer;transition:all var(--dur-fast);border:1px solid #0000;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.onboarding-step-item:hover{border-color:var(--border)}.onboarding-step-item.completed{background:var(--surface);border-color:#22c55e33}.step-check-label{color:var(--muted-500);align-items:center;gap:8px;display:flex}.onboarding-step-item.completed .step-check-label{color:var(--ink-900);font-weight:var(--weight-medium)}.checkbox-dot{border:2px solid var(--muted-300);border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.completed .checkbox-dot{background:var(--success);border-color:var(--success)}.checkbox-dot:after{content:"✓";color:#fff;font-size:10px;font-weight:700;display:none}.completed .checkbox-dot:after{display:block}.step-badge{font-family:var(--font-display);border-radius:var(--radius-pill);background:var(--surface-soft);font-size:10px;font-weight:var(--weight-semibold);color:var(--muted-400);padding:2px 8px}.completed .step-badge{color:var(--success);background:#22c55e14}.ratings-simulator{flex-direction:column;gap:12px;display:flex}.ratings-nav{background:var(--surface-soft);border-radius:var(--radius-pill);gap:4px;padding:4px;display:inline-flex}.rating-tab{text-align:center;font-family:var(--font-display);font-size:var(--text-eyebrow);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);border-radius:var(--radius-pill);color:var(--muted-500);transition:all var(--dur-fast);flex:1;padding:9px 14px}.rating-tab.active{background:var(--surface);color:var(--ink-900);box-shadow:var(--shadow-xs)}.rating-display-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);min-height:170px;padding:20px}.rating-meta{align-items:center;gap:10px;margin-bottom:10px;display:flex}.rating-avatar{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.rating-details h4{font-family:var(--font-display);font-size:var(--text-small);font-weight:var(--weight-semibold);color:var(--ink-900)}.rating-details p{color:var(--muted-400);font-size:12px}.stars-row{color:var(--warning);letter-spacing:2px;margin-bottom:8px;font-size:16px}.rating-comment{font-size:var(--text-small);color:var(--muted-500);line-height:var(--leading-body)}.rating-badge-pill{font-family:var(--font-display);border-radius:var(--radius-pill);background:var(--brand-100);color:var(--brand-600);font-size:11px;font-weight:var(--weight-semibold);align-self:flex-start;margin-top:10px;padding:3px 10px;display:inline-block}.checkout-stepper{flex-direction:column;gap:12px;display:flex}.checkout-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:20px}.checkout-question{font-family:var(--font-display);font-size:var(--text-small);font-weight:var(--weight-semibold);color:var(--ink-900);margin-bottom:12px}.options-buttons{gap:10px;margin-bottom:14px;display:flex}.option-btn{border:1px solid var(--border);border-radius:var(--radius-input);font-size:var(--text-small);font-weight:var(--weight-medium);text-align:center;background:var(--surface-soft);color:var(--muted-500);transition:all var(--dur-fast);flex:1;padding:10px}.option-btn.selected{border-color:var(--brand-600);background:var(--brand-50);color:var(--brand-600);font-weight:var(--weight-semibold)}.order-receipt{border-top:1px dashed var(--border);flex-direction:column;gap:6px;padding-top:12px;display:flex}.receipt-row{font-size:var(--text-small);color:var(--muted-500);justify-content:space-between;display:flex}.receipt-row.addon-added{color:var(--success);font-weight:var(--weight-medium);animation:fadeIn var(--dur-base) var(--ease-out)}.receipt-row.total{font-size:var(--text-small);font-weight:var(--weight-bold);color:var(--ink-900);border-top:1px solid var(--border);margin-top:4px;padding-top:8px}.loyalty-calculator{flex-direction:column;gap:12px;display:flex}.calculator-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:20px}.input-slider-group{margin-bottom:16px}.input-label-row{font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--muted-500);justify-content:space-between;margin-bottom:6px;display:flex}.input-slider{width:100%;accent-color:var(--brand-600)}.tier-select-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;display:grid}.tier-select-btn{border:1px solid var(--border);border-radius:var(--radius-input);font-family:var(--font-display);font-size:var(--text-eyebrow);font-weight:var(--weight-semibold);text-align:center;background:var(--surface-soft);color:var(--muted-500);transition:all var(--dur-fast);padding:8px}.tier-select-btn.BASIC.selected{background:var(--surface);border-color:var(--ink-700);color:var(--ink-700)}.tier-select-btn.PREMIUM.selected{background:var(--brand-50);border-color:var(--brand-600);color:var(--brand-600)}.tier-select-btn.PLATINUM.selected{color:#8b5cf6;background:#8b5cf60f;border-color:#8b5cf6}.points-result-box{background:var(--surface-soft);border-radius:var(--radius-input);text-align:center;border:1px solid var(--border);justify-content:space-around;padding:14px;display:flex}.points-res-item h5{font-family:var(--font-display);color:var(--muted-400);margin-bottom:4px;font-size:11px}.points-res-item p{font-size:18px;font-weight:var(--weight-bold);color:var(--brand-600)}.availability-roster{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:20px}.calendar-header-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.calendar-title{font-family:var(--font-display);font-size:var(--text-small);font-weight:var(--weight-semibold);color:var(--ink-900)}.calendar-recurrence-pill{font-family:var(--font-display);border-radius:var(--radius-pill);background:var(--brand-100);color:var(--brand-600);font-size:10px;font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);padding:3px 10px}.calendar-days-row{grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:12px;display:grid}.calendar-day-cell{aspect-ratio:1;border-radius:var(--radius-input);background:var(--surface-soft);border:1px solid var(--border);font-family:var(--font-display);font-size:11px;font-weight:var(--weight-semibold);cursor:pointer;color:var(--muted-500);transition:all var(--dur-fast);justify-content:center;align-items:center;display:flex}.calendar-day-cell.active-shift{background:var(--brand-600);border-color:var(--brand-600);color:#fff}.shift-times-list{border-top:1px dashed var(--border);flex-direction:column;gap:4px;padding-top:10px;display:flex}.shift-time-block{border-radius:var(--radius-input);background:var(--surface-soft);color:var(--muted-500);justify-content:space-between;padding:6px 10px;font-size:12px;display:flex}.notification-feed{flex-direction:column;gap:6px;max-height:230px;display:flex;overflow-y:auto}.notification-pill{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--brand-600);border-radius:var(--radius-input);animation:fadeIn var(--dur-base) var(--ease-out);align-items:center;gap:10px;padding:10px 12px;display:flex}.notification-pill.cancelled{border-left-color:var(--error)}.notification-pill.reschedule{border-left-color:var(--warning)}.notification-pill.completed{border-left-color:var(--success)}.notif-feed-icon{font-size:18px}.notif-details{flex-grow:1}.notif-details h5{font-family:var(--font-display);font-size:12px;font-weight:var(--weight-semibold);color:var(--ink-900);margin-bottom:1px}.notif-details p{color:var(--muted-500);font-size:11px}.notif-time{color:var(--muted-400);white-space:nowrap;font-size:10px}.dynamic-showcase-section{background:var(--surface-soft)}.showcase-flex{align-items:center;gap:60px;display:flex}.mobile-view .showcase-flex{flex-direction:column;gap:24px}.showcase-info{flex:1.2}.showcase-visual{flex:.8;justify-content:center;display:flex}.showcase-tabs-list{flex-direction:column;gap:12px;margin-top:24px;display:flex}.showcase-tab-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);cursor:pointer;transition:all var(--dur-base) var(--ease-out);padding:18px 20px}.showcase-tab-card:hover{border-color:var(--brand-200)}.showcase-tab-card.active{border-left:3px solid var(--brand-600)}.tab-title{font-family:var(--font-display);font-size:15px;font-weight:var(--weight-semibold);color:var(--ink-900);margin-bottom:4px}.showcase-tab-card.active .tab-title{color:var(--brand-600)}.tab-desc{font-size:var(--text-small);color:var(--muted-500);line-height:1.5}.standalone-phone-frame{border:6px solid var(--ink-900);background:var(--surface);border-radius:34px;width:260px;height:530px;position:relative;overflow:hidden}.standalone-phone-frame:before{content:"";background-color:var(--ink-900);z-index:100;border-radius:10px;width:60px;height:18px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.standalone-screen-content{background:var(--surface);width:100%;height:100%;padding:32px 14px 14px;font-size:12px;overflow-y:auto}.standalone-screen-content::-webkit-scrollbar{width:0}.mock-screen-title{font-family:var(--font-display);font-size:15px;font-weight:var(--weight-semibold);color:var(--ink-900);margin-bottom:10px}.mock-cal-header{color:var(--muted-500);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;display:flex}.mock-cal-grid{grid-template-columns:repeat(7,1fr);gap:3px;margin-bottom:12px;display:grid}.mock-cal-cell{aspect-ratio:1;background:var(--surface-soft);font-size:10px;font-weight:var(--weight-medium);color:var(--muted-500);border-radius:4px;justify-content:center;align-items:center;display:flex}.mock-cal-cell.selected{background:var(--brand-600);color:#fff;font-weight:var(--weight-bold)}.mock-booking-card{background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-input);margin-bottom:6px;padding:10px}.mock-booking-card.confirmed{border-left:3px solid var(--success)}.mock-booking-meta{font-size:10px;font-weight:var(--weight-semibold);color:var(--muted-400);justify-content:space-between;margin-bottom:3px;display:flex}.mock-services-list{flex-direction:column;gap:8px;display:flex}.mock-service-card{border:1px solid var(--border);border-radius:var(--radius-input);background:var(--surface-soft);padding:10px}.mock-service-header{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.mock-service-name{font-family:var(--font-display);font-weight:var(--weight-semibold);color:var(--ink-900);font-size:13px}.mock-service-price{color:var(--brand-600);font-weight:var(--weight-bold)}.mock-service-duration{color:var(--muted-400);margin-bottom:4px;font-size:11px}.mock-addon-pill{border-radius:var(--radius-pill);background:var(--brand-100);color:var(--brand-600);margin-right:4px;padding:2px 6px;font-size:10px;display:inline-block}.mock-clients-list{flex-direction:column;gap:6px;display:flex}.mock-client-row{border-radius:var(--radius-input);background:var(--surface-soft);border:1px solid var(--border);align-items:center;gap:8px;padding:8px;display:flex}.mock-client-avatar{background:var(--brand-100);width:30px;height:30px;color:var(--brand-600);font-family:var(--font-display);font-weight:var(--weight-bold);border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex}.mock-client-info h5{font-family:var(--font-display);font-size:12px;font-weight:var(--weight-semibold);color:var(--ink-900)}.mock-client-info p{color:var(--muted-400);font-size:10px}.providers-avatars-row{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:32px;display:flex}.provider-avatar-circle{border:2px solid var(--surface);width:52px;height:52px;transition:transform var(--dur-base) var(--ease-out);border-radius:50%;overflow:hidden}.provider-avatar-circle:hover{transform:translateY(-3px)}.download-section{background:var(--surface)}.download-container{border-radius:var(--radius-band);background:radial-gradient(60% 80% at 20% 30%, var(--aura-pink) 0, transparent 60%), radial-gradient(50% 70% at 80% 40%, var(--aura-violet) 0, transparent 60%), radial-gradient(70% 90% at 50% 95%, var(--aura-peach) 0, transparent 60%), var(--surface);justify-content:space-between;align-items:center;max-width:860px;margin:0 auto;padding:48px;display:flex;position:relative;overflow:hidden}.mobile-view .download-container{text-align:center;flex-direction:column;gap:24px;padding:32px 24px}.download-text{text-align:left;flex:1.2}.mobile-view .download-text{text-align:center}.download-title{font-family:var(--font-display);font-size:var(--text-h1);font-weight:var(--weight-semibold);color:var(--ink-900);margin-bottom:8px}.download-title em{color:var(--muted-400);font-style:normal}.download-desc{font-size:var(--text-lead);color:var(--muted-600);margin-bottom:24px}.badge-row{gap:10px;display:flex}.mobile-view .badge-row{justify-content:center}.badge-btn{height:42px;display:flex}.badge-btn img{width:auto;height:100%}.qr-code-box{background:var(--surface);border-radius:var(--radius-card);border:1px solid var(--border);flex-direction:column;flex:.8;align-items:center;gap:10px;padding:20px;display:flex}.qr-code-img{border-radius:var(--radius-input);border:1px solid var(--border);background:#fff;justify-content:center;align-items:center;width:120px;height:120px;padding:10px;display:flex}.qr-code-img svg{width:100%;height:100%}.qr-label{font-family:var(--font-display);font-size:11px;font-weight:var(--weight-semibold);color:var(--muted-400)}footer.app-footer{background:var(--surface);border-top:1px solid var(--border);padding:48px var(--container-pad) 24px;position:relative;overflow:hidden}.footer-wordmark{opacity:.08;width:100%;max-width:900px;margin:40px auto 0;display:block}.mobile-view footer.app-footer{padding:32px 16px 16px}.footer-top{grid-template-columns:1.5fr repeat(3,1fr);gap:32px;margin-bottom:40px;display:grid}.mobile-view .footer-top{grid-template-columns:1fr;gap:24px}.footer-brand{flex-direction:column;gap:12px;display:flex}.footer-desc{font-size:var(--text-small);color:var(--muted-500);max-width:260px;line-height:var(--leading-body)}.footer-socials{gap:10px;display:flex}.social-circle-btn{border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--muted-500);transition:all var(--dur-fast);border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:flex}.social-circle-btn:hover{background:var(--brand-600);border-color:var(--brand-600);color:#fff}.footer-links-col h4{font-family:var(--font-display);font-size:12px;font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);color:var(--muted-400);margin-bottom:14px}.footer-links-col ul{flex-direction:column;gap:8px;list-style:none;display:flex}.footer-links-col a{font-size:var(--text-small);color:var(--muted-500);transition:color var(--dur-fast)}.footer-links-col a:hover{color:var(--brand-600)}.footer-bottom{border-top:1px solid var(--border);color:var(--muted-400);justify-content:space-between;align-items:center;padding-top:20px;font-size:12px;display:flex}.mobile-view .footer-bottom{text-align:center;flex-direction:column;gap:8px}.interac-simulator,.analytics-simulator,.subscription-policies-simulator,.directory-simulator{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:20px}.text-input{background:var(--surface);color:var(--ink-900);border:1px solid var(--border);border-radius:var(--radius-input);font-family:var(--font-body);font-size:var(--text-small);transition:border-color var(--dur-fast);outline:none;padding:8px 12px}.text-input:focus{border-color:var(--brand-400)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dot-grid{display:none}.glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none}