@font-face{font-family:Poppins;src:url('../fonts/poppins-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url('../fonts/poppins-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Poppins;src:url('../fonts/poppins-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Poppins;src:url('../fonts/poppins-700.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--red:#ff0000;--ink:#18191c;--muted:#62666e;--paper:#f5f6f8;--line:rgba(31,37,51,.1);--glass:rgba(255,255,255,.7);--radius:30px;--shadow:0 20px 70px rgba(36,43,57,.07),inset 0 1px 1px #fff,inset 0 -1px 1px rgba(255,255,255,.65);font-family:Poppins,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:radial-gradient(ellipse at 85% 7%,#fff 0,transparent 28%),var(--paper);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0;background:none}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b40000;outline-offset:5px}button[hidden],[hidden]{display:none!important}svg{width:1.25rem;height:1.25rem;vertical-align:middle;flex-shrink:0}.shell{width:min(1240px,calc(100% - 80px));margin-inline:auto}.glass{background:var(--glass);border:1px solid rgba(255,255,255,.94);box-shadow:var(--shadow);backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25)}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:#fff;padding:15px;border:1px solid}.skip-link:focus{top:15px}.site-header{position:sticky;top:18px;z-index:30;margin:18px auto 0;padding:12px 18px 12px 24px;width:min(1320px,calc(100% - 48px));border-radius:25px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:baseline;font-size:1.65rem;font-weight:700;letter-spacing:-1.1px;white-space:nowrap}.brand>span{color:var(--red)}.brand-icon{width:36px;height:36px;object-fit:contain;border-radius:9px;align-self:center;margin-right:10px;flex-shrink:0}.desktop-nav{display:flex;gap:30px;font-size:.875rem;font-weight:500}.desktop-nav a:hover,.login-link:hover,.footer-links a:hover{color:#ac0000}.header-actions{display:flex;align-items:center;gap:24px}.login-link{font-size:.875rem;font-weight:500}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:54px;border-radius:17px;padding:15px 24px;font-size:.875rem;font-weight:600;line-height:1.5;text-align:center;border:1px solid transparent;transition:transform .2s,box-shadow .2s,background .2s}.button>span{font-size:1.25rem;line-height:1}.button:hover{transform:translateY(-2px)}.button-dark{background:linear-gradient(160deg,#37383d,#17181b);color:#fff;box-shadow:inset 0 1px 0 #ffffff40,0 6px 15px #18191c13}.button-dark:hover{background:#33353a}.button-red{background:linear-gradient(160deg,#ff2525,var(--red));color:#141414;box-shadow:inset 0 1px 1px #ffffff70,0 6px 22px #ff000022;border-color:#ff000025;font-weight:700}.button-red:hover{background:#ff3535;box-shadow:inset 0 1px 1px #ffffff70,0 10px 30px #ff000028}.menu-button{width:44px;height:44px;border-radius:13px;display:none;padding:12px}.menu-button span{display:block;height:2px;background:var(--ink);margin:5px 0;border-radius:2px}.mobile-nav{position:absolute;left:0;right:0;top:calc(100% + 10px);padding:16px;background:#fafbfc;border:1px solid #fff;border-radius:22px;box-shadow:0 16px 50px #252a331c}.mobile-nav a{display:block;padding:14px;border-radius:12px;font-size:.9375rem}.mobile-nav a:hover{background:#eceef2}.hero{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:60px;padding-block:100px 70px;min-height:800px}.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.1em;line-height:1.6;display:flex;align-items:center;gap:10px}.red-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px #ff000008;flex:none}.hero h1{font-size:clamp(3.5rem,5.9vw,5.2rem);line-height:1.08;letter-spacing:-.075em;font-weight:500;margin-top:25px}.title-soft{color:#7b7f87}.hero-lead{color:var(--muted);font-size:1.0625rem;line-height:1.8;max-width:470px;margin-top:28px}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:34px}.text-link{font-size:.875rem;font-weight:500;display:inline-flex;align-items:center;gap:10px}.play-icon{display:grid;place-items:center;font-size:.6rem;height:30px;width:30px;border:1px solid #b7bac0;border-radius:50%;padding-left:2px}.hero-reassurance{display:flex;gap:10px;flex-wrap:wrap;font-size:.75rem;color:var(--muted);margin-top:18px}.hero-reassurance>span{color:#a5a7ad}.maker{display:flex;align-items:center;gap:8px;margin-top:48px;font-size:.75rem;color:var(--muted)}.maker strong{font-weight:500;color:var(--ink)}.maker-rule{width:24px;height:1px;background:#b8bbc1;margin-right:5px}.hero-product{position:relative;isolation:isolate;display:flex;justify-content:center;min-width:0;padding:5px 0 36px}.orbit{position:absolute;z-index:-1;border:1px solid #fff;border-radius:50%;box-shadow:inset 1px 1px 10px #fff,0 25px 60px #9099ab13;pointer-events:none}.orbit-one{width:460px;height:460px;top:55px;left:-8%;background:linear-gradient(135deg,#ffffff70,#d7dce340 60%,#ffffff40);transform:rotate(-25deg)}.orbit-two{width:180px;height:180px;right:-5%;bottom:75px;background:radial-gradient(circle at 35% 25%,#fff 0,#ff000018 42%,#e3e6ed33 67%,#ffffff90 90%)}.phone{position:relative;border-radius:38px;padding:26px 22px 20px;width:342px;transform:rotate(2deg);background:linear-gradient(150deg,#ffffffb8,#f9fafcb5);box-shadow:0 35px 90px #39425120,inset 0 2px 2px #fff,inset 0 -2px 2px #fff}.phone-top{display:flex;align-items:center;justify-content:space-between}.small-brand{font-size:1.25rem}.icon-tile{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#ffffffb0;border:1px solid #fff;font-size:1.2rem}.phone-greeting{display:flex;align-items:center;justify-content:space-between;margin:24px 0 18px}.phone-greeting p{font-size:.75rem;color:var(--muted)}.phone-greeting h2{font-size:1.45rem;letter-spacing:-.05em;font-weight:500;margin-top:3px}.date-bubble{font-size:1.375rem;font-weight:600;text-align:center;line-height:1.15}.date-bubble small{font-size:.625rem;display:block;letter-spacing:.12em;margin-top:4px}.week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:18px}.week-strip>span{text-align:center;padding:8px 0;border-radius:13px;font-size:.625rem;color:var(--muted)}.week-strip small{display:block;margin-top:5px;font-size:.875rem;color:var(--ink)}.week-strip .selected{background:#26282d;color:#fff;box-shadow:0 4px 10px #26282d20}.week-strip .selected small{color:#fff}.preview-card{background:#ffffffb8;border:1px solid #fff;border-radius:20px;padding:17px;box-shadow:0 5px 18px #343f5010,inset 0 1px 2px #fff}.preview-top{display:flex;align-items:center;justify-content:space-between;font-size:.625rem;letter-spacing:.05em;font-weight:500}.pill{display:inline-flex;align-items:center;border-radius:20px;padding:5px 10px;background:#eff0f3;font-size:.6875rem;letter-spacing:0;white-space:nowrap}.next-card h3{font-size:1.05rem;font-weight:600;margin:12px 0 4px;letter-spacing:-.025em}.next-card>p{font-size:.75rem;color:var(--muted)}.preview-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:15px;font-size:.75rem}.preview-card-foot i{font-style:normal;margin:0 5px;color:#b1b3b9}.round-arrow{display:grid;place-items:center;border-radius:50%;height:30px;width:30px;background:var(--red);font-size:1.125rem}.phone-stats{display:grid;grid-template-columns:1.2fr 1fr;gap:10px;margin:12px 0}.phone-stats .preview-card{padding:15px 12px}.phone-stats span{font-size:.625rem;color:var(--muted);display:block}.phone-stats strong{font-size:1.45rem;font-weight:500;letter-spacing:-.04em;display:block;margin:7px 0}.phone-stats small{font-size:.6rem;color:var(--muted)}.preview-row{display:flex;align-items:center;gap:13px;padding:13px 3px;border-bottom:1px solid #222d4010;font-size:.75rem}.preview-row>span:last-child{margin-left:auto;font-size:1.2rem}.preview-row strong{font-size:.75rem;font-weight:500;display:block}.preview-row small{display:block;font-size:.625rem;color:var(--muted);margin-top:2px}.phone-nav{display:flex;justify-content:space-around;padding:10px 5px;border-radius:24px;margin-top:18px;background:#ffffffe0}.phone-nav>span{text-align:center;font-size:1.25rem;line-height:1.2;color:#757982}.phone-nav small{display:block;font-size:.6rem;margin-top:4px}.phone-nav .current{color:#a70000}.floating-note{position:absolute;left:-30px;bottom:16px;border-radius:19px;padding:17px 19px;display:flex;align-items:center;gap:12px;transform:rotate(-3deg);background:#ffffffba}.floating-note strong{font-size:.75rem;font-weight:500;display:block}.floating-note small{display:block;font-size:.625rem;color:var(--muted);margin-top:4px}.note-check{height:35px;width:35px;border-radius:50%;background:#ffffffa8;display:grid;place-items:center;box-shadow:inset 0 1px 3px #fff,0 3px 9px #58607015;font-size:1rem}.preview-caption{position:absolute;bottom:-18px;text-align:center;font-size:.625rem;color:#757982}.benefit-ribbon{display:flex;justify-content:space-between;gap:22px;border-block:1px solid var(--line);padding:24px 4px;font-size:.8125rem;color:#535862}.benefit-ribbon p{display:flex;align-items:center;gap:12px}.benefit-ribbon p>span{font-size:1.15rem;color:var(--ink)}.section-space{padding-block:110px}.section-heading{max-width:710px}.section-heading h2,.pricing-copy h2,.faq-heading h2{font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.2;letter-spacing:-.055em;font-weight:500;margin:19px 0 22px}.section-heading>p:last-child,.section-heading>p,.pricing-copy>p:not(.eyebrow){font-size:1rem;line-height:1.8;color:var(--muted);max-width:620px}.section-heading>.eyebrow{font-size:.75rem;color:var(--ink)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin:45px 0 55px}.steps-grid article{border-top:1px solid #d4d7dd;padding-top:22px}.step-number{color:#737983;font-size:.75rem}.steps-grid h3{font-size:1rem;font-weight:500;margin:13px 0 8px}.steps-grid p{font-size:.875rem;line-height:1.8;color:var(--muted);max-width:300px}.demo{border-radius:var(--radius);display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:50px 70px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 85%,#dfe3eb80,transparent 60%),linear-gradient(120deg,#ffffffe6,#ffffff90)}.demo-copy{align-self:center}.demo-copy h3{font-size:1.9rem;line-height:1.3;letter-spacing:-.045em;font-weight:500;margin:20px 0}.demo-copy>p:not(.demo-disclaimer){font-size:.9375rem;line-height:1.8;color:var(--muted);min-height:84px}.demo-controls{margin-top:23px}.demo-step-controls{display:flex;align-items:center;justify-content:space-between;margin-top:18px;gap:12px}.demo-step-controls button{width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid #e4e6ea}.story-step-label{font-size:.75rem;text-align:center}.demo-disclaimer{font-size:.75rem!important;color:#696e77;line-height:1.7;margin-top:22px}.story-visual{display:flex;justify-content:center;align-items:center}.story-device{border:1px solid #fff;border-radius:26px;width:310px;max-width:100%;min-height:362px;box-shadow:0 25px 70px #414e6720;background:#ffffffb8;overflow:hidden}.story-header{padding:20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.salon-avatar{width:36px;height:36px;display:grid;place-items:center;background:#ebeef3;border-radius:50%;font-size:.75rem;font-weight:500}.story-header strong{display:block;font-size:.875rem;font-weight:500}.story-header small{font-size:.625rem;color:var(--muted)}.story-dots{margin-left:auto;letter-spacing:2px;font-size:.625rem}.story-stage{padding:22px 17px;min-height:250px;display:flex;flex-direction:column;justify-content:center;gap:13px;font-size:.75rem}.chat-bubble{padding:13px 14px;max-width:92%;border-radius:14px;font-size:.6875rem;line-height:1.65}.chat-bubble small{display:block;text-align:right;font-size:.5625rem;margin-top:6px;color:var(--muted)}.incoming{background:#eef0f5;align-self:flex-start;border-bottom-left-radius:4px}.outgoing{background:#fff;border:1px solid #e4e7ed;align-self:flex-end;border-bottom-right-radius:4px}.chat-link{display:grid;gap:3px;padding:9px;background:#f4f5f7;border-radius:8px;margin-top:9px;border-left:2px solid var(--red)}.chat-link strong{font-size:.625rem}.chat-link span{font-size:.625rem}.stage-note{font-size:.625rem;color:var(--muted);text-align:center}.story-progress{display:flex;gap:5px;padding:0 20px 18px}.story-progress i{height:3px;flex:1;background:#e6e8ec;border-radius:2px}.story-progress .is-current{background:var(--red)}.story-progress .is-done{background:#8f969f}.story-stage h4{font-size:1rem;font-weight:500;margin:0 0 6px;letter-spacing:-.02em}.story-stage .stage-kicker{font-size:.625rem;color:var(--muted);letter-spacing:.06em}.demo-choice{padding:12px;border:1px solid #dce1e8;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px}.demo-choice.selected{border-color:#717783;background:#f1f3f6}.demo-choice span{font-size:.75rem}.demo-choice small{font-size:.625rem;color:var(--muted)}.demo-choice strong{font-size:.75rem;font-weight:500}.demo-choice b{font-weight:500}.demo-time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.demo-time-grid span{padding:10px 6px;border-radius:10px;border:1px solid #e0e4e9;text-align:center;font-size:.75rem}.demo-time-grid .selected{background:#272a30;color:#fff;border-color:#272a30}.demo-success{text-align:center}.demo-success>span{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#eef1f5;margin:0 auto 15px;font-size:1.5rem}.demo-success p{font-size:.75rem;color:var(--muted);line-height:1.7;margin-top:10px}.demo-summary{display:grid;gap:10px;padding:15px;background:#f5f6f8;border-radius:14px}.demo-summary p{display:flex;justify-content:space-between;gap:10px;font-size:.6875rem}.demo-summary p:last-child{padding-top:10px;border-top:1px solid #dce0e6}.features-section{background:linear-gradient(180deg,#f0f2f6,#f8f9fa)}.split-heading{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:55px}.split-heading>p{max-width:360px;margin-bottom:25px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.feature-card{border-radius:var(--radius);padding:32px;min-width:0;overflow:hidden;position:relative;background:linear-gradient(135deg,#ffffffd9,#ffffff85)}.feature-wide{grid-column:span 2;display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:center}.feature-label{display:block;color:#6a7079;font-size:.6875rem;font-weight:500;letter-spacing:.12em;margin-bottom:18px}.feature-card h3{font-size:1.55rem;font-weight:500;letter-spacing:-.05em;line-height:1.35;margin:0 0 15px}.feature-card p{font-size:.875rem;line-height:1.8;color:var(--muted)}.calendar-mini{background:#ffffffb0;border:1px solid #fff;border-radius:17px;padding:18px 10px 0;box-shadow:0 10px 30px #434d6210;min-width:0;transform:rotate(-3deg)}.cal-head{display:flex;justify-content:space-between;font-size:.6875rem;margin:0 5px 18px}.cal-head strong{font-weight:500}.cal-days{display:grid;grid-template-columns:repeat(5,1fr);text-align:center;font-size:.5625rem;gap:3px;margin-bottom:10px}.cal-days span{padding:6px 0}.cal-today{border-radius:8px;background:#252930;color:#fff}.cal-body{display:grid;grid-template-columns:repeat(5,1fr);min-height:178px}.cal-body>div{border-inline-start:1px solid #eceef1;padding:8px 3px;display:flex;flex-direction:column;gap:12px}.cal-body>div:nth-child(2n){padding-top:25px}.cal-body i{display:block;background:#e8edf3;border-radius:5px;font-size:.45rem;padding:7px 2px;min-height:34px;font-style:normal;overflow:hidden}.cal-body .red-slot{background:#ff000014;color:#961a1a}.cal-body .neutral-slot{background:#f1f2f4;color:#666d77}.client-avatar{height:58px;width:58px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(150deg,#e9edf2,#fff);box-shadow:inset 0 1px 2px #fff,0 7px 12px #59627413;color:#6b727e;margin:22px 0 30px;font-size:1.05rem}.metric-example{margin:30px 0 34px}.metric-example strong{font-size:2rem;letter-spacing:-.05em;font-weight:500;display:block}.metric-example span{display:block;font-size:.6875rem;color:var(--muted);margin-top:4px}.metric-track{height:6px;background:#e8ebef;border-radius:10px;margin-top:16px}.metric-track i{display:block;width:62%;height:100%;background:var(--red);border-radius:10px}.service-stack{display:grid;gap:12px;transform:rotate(3deg);padding:25px 0}.service-stack>div{padding:15px 14px;background:#ffffffd1;border:1px solid #fff;border-radius:14px;display:flex;justify-content:space-between;gap:8px;font-size:.6875rem;box-shadow:0 5px 15px #4e5b7210}.service-stack>div:nth-child(2){transform:translateX(-10px)}.service-stack strong{font-weight:500;color:var(--muted);white-space:nowrap}.extra-features{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:40px 8px 0}.extra-features>div{display:flex;align-items:center;gap:20px}.extra-features>div>span{height:45px;width:45px;display:grid;place-items:center;border:1px solid #dce0e6;border-radius:50%;font-size:1.3rem;flex-shrink:0}.extra-features h3{font-size:.875rem;font-weight:500}.extra-features p{font-size:.8125rem;color:var(--muted);line-height:1.8;margin-top:5px}.pricing-section{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;align-items:center}.pricing-copy>.byline{font-size:.8125rem!important;margin-top:26px}.byline strong{font-weight:500;color:var(--ink)}.price-card{padding:35px;border-radius:var(--radius);background:radial-gradient(ellipse at 100% 0%,#ff000007,transparent 50%),#ffffffa8}.price-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.75rem;font-weight:500;letter-spacing:.08em}.price{font-size:4rem;font-weight:500;letter-spacing:-.065em;margin:25px 0 10px;display:flex;align-items:baseline;gap:15px;line-height:1.2}.price small{font-size:.875rem;font-weight:400;letter-spacing:0;color:var(--muted)}.price-card>p:not(.price){font-size:.875rem;color:var(--muted);line-height:1.7}.price-features{list-style:none;padding:22px 0;margin:22px 0;border-top:1px solid var(--line);display:grid;gap:15px}.price-features li{font-size:.875rem;display:flex;gap:12px}.price-features li:before{content:'✓';color:#545b65}.price-card .button{width:100%}.install-section{border-radius:var(--radius);padding:45px 40px;display:flex;align-items:center;gap:32px;background:linear-gradient(110deg,#ffffffe6,#ffffff70)}.install-symbol{height:94px;width:94px;display:block;object-fit:contain;border-radius:27px;box-shadow:0 10px 25px #4c566817;flex-shrink:0}.install-copy{flex:1}.install-copy .eyebrow{font-size:.625rem}.install-copy h2{font-size:1.7rem;font-weight:500;letter-spacing:-.04em;line-height:1.35;margin:12px 0}.install-copy>p:not(.eyebrow){font-size:.875rem;color:var(--muted)}.install-instructions{margin-top:18px;display:grid;gap:8px;font-size:.75rem;color:var(--muted)}.install-instructions strong{color:var(--ink);font-weight:500;margin-right:6px}.install-copy .store-note{font-size:.6875rem!important;margin-top:16px;line-height:1.7}.install-section>.button{align-self:center;white-space:nowrap}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq-heading>p:last-child{font-size:.875rem;color:var(--muted);line-height:1.8}.faq-heading a{text-decoration:underline;text-underline-offset:4px;color:var(--ink)}.faq-list details{border-bottom:1px solid #dfe2e7;padding:22px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{cursor:pointer;font-size:.9375rem;font-weight:500;display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:1.4rem;font-weight:400;flex-shrink:0}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{font-size:.875rem;line-height:1.9;color:var(--muted);margin-top:16px;padding-right:28px}.final-cta{text-align:center;border-radius:40px;padding:75px 24px;background:radial-gradient(ellipse at 50% 125%,#ff00000d,transparent 65%),linear-gradient(130deg,#fff,#f0f2f7);border:1px solid #fff;box-shadow:inset 0 1px 2px #fff,0 20px 80px #39455707}.final-cta h2{font-size:clamp(2.7rem,5vw,4rem);font-weight:500;line-height:1.2;letter-spacing:-.06em;margin:20px 0}.final-cta p{font-size:.9375rem;line-height:1.8;color:var(--muted)}.final-cta .button{margin-top:28px}.final-cta>small{display:block;margin-top:16px;font-size:.75rem;color:var(--muted)}.site-footer{padding-block:65px 25px}.footer-main{display:flex;justify-content:space-between;gap:60px;padding-bottom:45px}.footer-main>div>p{color:var(--muted);font-size:.75rem;line-height:1.8;margin-top:15px}.footer-links{display:grid;grid-template-columns:repeat(3,auto);gap:16px 30px;font-size:.75rem}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:23px;border-top:1px solid var(--line);font-size:.6875rem;color:var(--muted)}.mobile-sticky-cta{display:none}
@media(min-width:1450px){.hero{min-height:830px}.phone{width:360px}}
@media(max-width:1100px){.desktop-nav{gap:18px}.site-header{gap:15px}.header-actions{gap:18px}.header-cta{padding-inline:17px}.hero{gap:30px;min-height:auto;padding-block:75px}.hero h1{font-size:4rem}.hero-product{padding-left:12px}.orbit-one{width:360px;height:360px;left:-2%;top:75px}.orbit-two{right:-10px}.floating-note{left:-5px;max-width:100%;padding:15px}.hero-actions{gap:20px}.section-space{padding-block:85px}.demo{padding:40px;gap:40px}.feature-card{padding:26px}.feature-wide{gap:20px;grid-template-columns:1fr 1fr}.pricing-section{gap:60px}.faq-section{gap:60px}.install-section{gap:25px;flex-wrap:wrap}.install-section>.button{margin-left:119px}.split-heading{gap:35px}.split-heading>p{max-width:300px}.benefit-ribbon{font-size:.75rem}}
@media(max-width:850px){.shell{width:calc(100% - 48px)}.desktop-nav{display:none}.hero{gap:24px;grid-template-columns:1fr 1fr}.hero h1{font-size:3.4rem}.hero-lead{font-size:.9375rem}.phone{width:300px;padding:22px 17px;transform:rotate(1deg)}.hero-product{padding-left:0}.phone-stats small{font-size:.5625rem}.floating-note{bottom:20px;left:-30px}.floating-note small{font-size:.5625rem}.orbit-one{width:320px;height:320px;left:-12px}.orbit-two{width:130px;height:130px;right:0}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.maker{margin-top:30px}.benefit-ribbon{gap:15px}.benefit-ribbon p{gap:8px}.steps-grid{gap:24px}.demo{gap:25px;padding:30px}.demo-copy h3{font-size:1.6rem}.demo-copy>.eyebrow{font-size:.625rem}.split-heading{display:block}.split-heading>p{max-width:550px}.features-grid{grid-template-columns:1fr 1fr}.feature-wide{grid-column:span 2;min-height:290px}.service-feature{grid-row:3}.pricing-section{gap:35px;grid-template-columns:1fr 1fr}.price-card{padding:25px}.price-top{font-size:.625rem}.price-top .pill{font-size:.625rem}.pricing-copy h2{font-size:2.5rem}.faq-section{grid-template-columns:1fr 1.5fr;gap:35px}.footer-links{grid-template-columns:repeat(2,auto)}}
@media(max-width:640px){html{scroll-padding-top:100px}.shell{width:calc(100% - 40px)}.site-header{width:calc(100% - 24px);top:10px;margin-top:10px;padding:9px 11px 9px 17px;border-radius:22px;gap:10px}.brand{font-size:1.4rem}.header-actions{gap:12px}.header-cta{display:none}.login-link{font-size:.8125rem}.menu-button:not([hidden]){display:block}.hero{grid-template-columns:1fr;padding-top:54px;padding-bottom:35px;gap:48px}.hero-copy{max-width:480px;margin-inline:auto;width:100%}.hero h1{font-size:clamp(3.45rem,11.8vw,4.7rem);letter-spacing:-.068em;margin-top:22px}.hero .eyebrow{font-size:.6875rem}.hero-lead{font-size:1rem;margin-top:22px;max-width:450px;line-height:1.75}.hero-actions{flex-direction:row;align-items:center;gap:19px;margin-top:27px}.hero-actions .button{padding-inline:20px;gap:17px}.hero-actions .text-link{font-size:.8125rem}.hero-reassurance{font-size:.6875rem;gap:8px}.maker{margin-top:28px;font-size:.6875rem}.hero-product{max-width:420px;width:100%;margin:auto;padding-bottom:43px}.phone{width:320px;padding:24px 20px;transform:rotate(2deg)}.orbit-one{width:320px;height:320px;left:1%;top:100px}.orbit-two{right:-3px;width:145px;height:145px}.floating-note{left:0;bottom:16px;padding:14px;gap:9px;max-width:calc(100% - 5px)}.floating-note strong{font-size:.6875rem}.floating-note small{font-size:.625rem}.preview-caption{bottom:-5px}.benefit-ribbon{flex-wrap:wrap;justify-content:center;font-size:.75rem;gap:15px 24px;padding-block:25px}.benefit-ribbon p:last-child{display:none}.section-space{padding-block:65px}.section-heading h2,.pricing-copy h2,.faq-heading h2{font-size:2.2rem;margin-top:17px;letter-spacing:-.05em}.section-heading>.eyebrow,.pricing-copy>.eyebrow,.faq-heading>.eyebrow{font-size:.625rem}.section-heading>p:last-child,.pricing-copy>p:not(.eyebrow){font-size:.9375rem;line-height:1.8}.steps-grid{grid-template-columns:1fr;gap:20px;margin:28px 0 30px}.steps-grid article{display:grid;grid-template-columns:35px 1fr;gap:0 12px;padding-top:20px}.step-number{grid-row:span 2;margin-top:4px}.steps-grid h3{margin:0 0 5px}.steps-grid p{max-width:none}.demo{grid-template-columns:1fr;padding:28px 22px;gap:30px;border-radius:24px}.demo-copy h3{font-size:1.8rem;margin:15px 0}.demo-copy>p:not(.demo-disclaimer){min-height:0;font-size:.875rem}.demo-controls{margin-top:20px}.demo-launch{width:100%}.demo-step-controls{gap:8px}.demo-disclaimer{font-size:.6875rem!important;margin-top:18px}.story-device{width:320px;min-height:360px}.story-stage{min-height:252px;padding-inline:20px}.chat-bubble{font-size:.75rem}.chat-bubble small{font-size:.625rem}.chat-link strong,.chat-link span{font-size:.6875rem}.stage-note{font-size:.6875rem}.story-header small{font-size:.6875rem}.features-grid{grid-template-columns:1fr;gap:16px;margin-top:25px}.feature-wide{grid-column:auto;display:block;min-height:0}.service-feature{grid-row:auto}.feature-card{padding:27px;border-radius:24px}.feature-card h3{font-size:1.6rem}.feature-label{font-size:.625rem}.calendar-mini{margin:25px 5px 5px;transform:rotate(-2deg);max-width:330px;padding:20px 13px 0}.cal-head{font-size:.75rem}.cal-days{font-size:.6875rem}.cal-body i{font-size:.6rem;padding:9px 3px}.cal-body{min-height:175px}.client-avatar{margin:12px 0 22px}.metric-example{margin:15px 0 25px}.service-stack{max-width:320px;margin:15px auto 0;padding-block:15px;gap:10px}.service-stack>div{font-size:.8125rem}.extra-features{grid-template-columns:1fr;gap:25px;margin:30px 0 0}.extra-features h3{font-size:.875rem}.extra-features p{font-size:.8125rem}.pricing-section{grid-template-columns:1fr;gap:30px}.price-card{padding:28px;border-radius:24px}.price-top{font-size:.75rem}.price-top .pill{font-size:.6875rem}.price{font-size:4rem}.install-section{padding:30px 25px;gap:22px;border-radius:24px;display:grid;grid-template-columns:1fr}.install-symbol{width:72px;height:72px;border-radius:22px;font-size:2.4rem}.install-symbol span{margin-top:10px}.install-copy h2{font-size:1.65rem}.install-instructions{font-size:.75rem;line-height:1.7;gap:10px}.install-instructions strong{display:block}.install-section>.button{margin:0;justify-self:start}.faq-section{grid-template-columns:1fr;gap:30px}.faq-list summary{font-size:.875rem;gap:15px}.faq-list details{padding-block:20px}.faq-list details p{font-size:.875rem;padding-right:5px}.final-cta{padding:55px 22px;border-radius:28px}.final-cta h2{font-size:2.8rem}.final-cta p{font-size:.875rem}.site-footer{padding-top:45px;padding-bottom:100px}.footer-main{flex-direction:column;gap:30px;padding-bottom:30px}.footer-links{grid-template-columns:repeat(2,1fr);gap:17px;font-size:.8125rem}.footer-bottom{align-items:flex-start;flex-direction:column;gap:10px;font-size:.6875rem}.mobile-sticky-cta:not([hidden]){position:fixed;display:flex;bottom:max(12px,env(safe-area-inset-bottom));left:20px;right:20px;z-index:25;box-shadow:0 4px 30px #2b2c3029,inset 0 1px 1px #ffffff70;min-height:53px;font-size:.875rem}.button{min-height:52px}}
@media(max-width:360px){.hero-actions{flex-direction:column;align-items:flex-start}.phone{width:290px}.floating-note{left:-6px;padding:12px}.floating-note strong{font-size:.625rem}.floating-note small{font-size:.5625rem}.hero h1{font-size:3.1rem}.site-header .brand{font-size:1.25rem}.header-actions{gap:5px}.shell{width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.phone,.calendar-mini,.service-stack,.floating-note{transform:none}.button:hover{transform:none}}
@media(prefers-reduced-transparency:reduce){.glass{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}.phone,.preview-card,.phone-nav,.floating-note,.feature-card,.price-card,.demo,.install-section{background:#fff}.orbit{display:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass{background:#fbfcfd}.floating-note,.phone-nav{background:#fff}}
/* Opaque floating surfaces keep underlying text from showing through. */
.site-header{background:#fafbfd;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 10px 35px #2632450d,inset 0 1px 1px #fff}
.mobile-nav,.floating-note,.phone-nav{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}
/* The round decoration needs no rotated box on narrow screens. */
@media(max-width:640px){.orbit-one{transform:none}}

/* Mobile reading: body text stays full size; supporting copy stays legible. */
@media (max-width: 640px) {
  .hero-lead { font-size: 1.0625rem; line-height: 1.75; }
  .section-heading > p:last-child,
  .pricing-copy > p:not(.eyebrow):not(.byline),
  .steps-grid p,
  .feature-card p,
  .extra-features p,
  .demo-copy > p:not(.demo-disclaimer),
  .price-card > p:not(.price),
  .price-features li,
  .install-copy > p:not(.eyebrow):not(.store-note),
  .install-instructions,
  .faq-heading > p:last-child,
  .faq-list details p,
  .final-cta p { font-size: 1rem; line-height: 1.75; }

  .button,
  .mobile-sticky-cta:not([hidden]),
  .hero-actions .text-link,
  .login-link,
  .mobile-nav a,
  .faq-list summary,
  .extra-features h3 { font-size: 1rem; }
  .faq-list summary { line-height: 1.6; }
  .button { gap: 14px; }
  .hero-actions { gap: 20px; }

  .hero-reassurance,
  .maker,
  .benefit-ribbon,
  .story-step-label,
  .price small,
  .price-top,
  .price-top .pill,
  .final-cta > small,
  .footer-main > div > p,
  .footer-links,
  .footer-bottom { font-size: .875rem; line-height: 1.7; }
  .demo-disclaimer,
  .pricing-copy > .byline,
  .install-copy .store-note { font-size: .875rem !important; line-height: 1.75; }
  .hero-reassurance { gap: 6px 10px; }
  .maker { flex-wrap: wrap; }
  .footer-links a { min-height: 44px; display: flex; align-items: center; }

  .hero .eyebrow,
  .section-heading > .eyebrow,
  .pricing-copy > .eyebrow,
  .faq-heading > .eyebrow,
  .demo-copy > .eyebrow,
  .install-copy .eyebrow,
  .feature-label { font-size: .75rem; line-height: 1.7; letter-spacing: .08em; }

  .chat-bubble,
  .chat-link strong,
  .chat-link span,
  .story-stage,
  .demo-choice span,
  .demo-choice strong,
  .demo-time-grid span,
  .demo-success p,
  .demo-summary p,
  .next-card > p,
  .preview-card-foot,
  .preview-row,
  .preview-row strong,
  .floating-note strong,
  .service-stack > div { font-size: .875rem; line-height: 1.6; }
  .story-header strong,
  .story-stage h4,
  .next-card h3 { font-size: 1rem; line-height: 1.5; }
  .story-header small,
  .story-stage .stage-kicker,
  .chat-bubble small,
  .demo-choice small,
  .stage-note,
  .phone-greeting p,
  .preview-top,
  .preview-row small,
  .phone-stats span,
  .phone-stats small,
  .phone-nav small,
  .week-strip > span,
  .date-bubble small,
  .floating-note small,
  .preview-caption,
  .metric-example span { font-size: .75rem; line-height: 1.6; }
  .week-strip small { font-size: .875rem; }
  .demo-step-controls button { width: 44px; height: 44px; flex-shrink: 0; }
  .floating-note { left: 0; transform: none; max-width: 100%; }
  .floating-note > div { min-width: 0; }
  .note-check { flex-shrink: 0; }
  .phone { max-width: 100%; }

  /* Allow larger user text settings without forcing horizontal scrolling. */
  .site-header { flex-wrap: wrap; }
  .header-actions { margin-left: auto; }
  .hero-copy, .demo-copy, .install-copy { min-width: 0; }
  h1, h2, h3, h4, .brand, .button, .chat-link { overflow-wrap: anywhere; }
  .site-header .brand { white-space: normal; flex-wrap: wrap; max-width: 100%; }
  .phone { transform: none; }
  .price-top, .price, .phone-top, .phone-greeting { flex-wrap: wrap; }
  .phone-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .phone-stats .preview-card { min-width: 0; overflow-wrap: anywhere; }
  .story-header { flex-wrap: wrap; }
  .story-header > span { min-width: 0; }
  .demo-summary p, .demo-choice, .service-stack > div { flex-wrap: wrap; }
  .install-section > .button { white-space: normal; }
  .orbit-one { max-width: 100%; height: auto; aspect-ratio: 1; }
  .demo { grid-template-columns: minmax(0, 1fr); }
  .story-visual { min-width: 0; }
  .story-device { width: 100%; max-width: 320px; }
}

@media (max-width: 360px) {
  .site-header { padding-inline: 10px; gap: 6px; }
  .site-header .brand-icon { width: 30px; height: 30px; margin-right: 7px; }
}

/* Explain the product immediately and give the booking demo its own visual focus. */
.hero h1 { font-size: clamp(3.2rem, 4.8vw, 4.4rem); line-height: 1.14; letter-spacing: -.065em; }
.hero h1 .title-soft { color: #707680; }
.hero-actions .text-link { padding: 12px 16px 12px 12px; border: 1px solid #d2d6dd; border-radius: 16px; background: #fff; }
.hero-actions .text-link:hover { border-color: #a0a5ad; }
.hero-actions .play-icon { background: #f3f4f6; border-color: #e3e5e9; }
.flow-section .section-heading { margin-bottom: 38px; }
.flow-section .steps-grid { margin: 38px 0 0; }
.demo {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-areas: 'copy visual' 'interaction visual';
  gap: 0 60px;
  padding: 54px 60px;
  color: #fff;
  background: radial-gradient(ellipse at 95% 5%, #3c4541 0, transparent 55%), #22262a;
  border: 1px solid #353a3e;
  box-shadow: 0 24px 60px #17201c16;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.demo-copy { grid-area: copy; align-self: end; min-width: 0; }
.demo-copy > .eyebrow { color: #e7e9e8; font-size: .6875rem; letter-spacing: .11em; }
.demo-live-dot { width: 7px; height: 7px; border-radius: 50%; background: #ff5252; box-shadow: 0 0 0 5px #ff525212; flex: none; }
.demo-copy h3 { font-size: clamp(1.875rem, 3vw, 2.75rem); line-height: 1.2; letter-spacing: -.045em; font-weight: 500; margin: 22px 0; }
.demo-path { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; color: #d6ddd9; font-size: .75rem; line-height: 1.6; }
.demo-path i { color: #7da88f; font-style: normal; }
.demo-path > span:last-child { color: #fff; }
.demo-interaction { grid-area: interaction; min-width: 0; align-self: start; padding-top: 24px; }
.demo-interaction > p:not(.demo-disclaimer), .demo-interaction noscript p { color: #d1d7d4; font-size: .9375rem; line-height: 1.8; min-height: 81px; }
.demo .demo-launch { width: 100%; background: #fff; color: #202522; border-color: #fff; box-shadow: 0 5px 15px #00000012; }
.demo .demo-launch:hover { background: #f0f4f1; }
.demo-controls { margin-top: 20px; }
.demo-step-controls { margin-top: 15px; }
.demo-step-controls button { width: 44px; height: 44px; color: #fff; background: #363e3a; border-color: #58615c; }
.demo-step-controls button:disabled { opacity: .4; }
.demo-step-controls button:hover:not(:disabled) { background: #4b5750; }
.demo button:focus-visible { outline-color: #fff; }
.story-step-label { color: #e2e6e4; }
.demo-disclaimer { color: #b7c0bb; font-size: .75rem !important; line-height: 1.7; margin-top: 22px; }
.story-visual { grid-area: visual; min-width: 0; }
.story-device { width: 370px; max-width: 100%; min-height: 495px; color: var(--ink); border: 5px solid #f9faf9; border-radius: 31px; background: #fff; box-shadow: 0 26px 50px #060e093b, 0 0 0 1px #ffffff30; }
.story-header { min-height: 75px; padding: 15px 17px; gap: 10px; background: #fff; }
.story-contact { flex: 1; min-width: 0; }
.story-header strong { font-size: .9375rem; font-weight: 600; }
.story-header small { font-size: .625rem; display: block; margin-top: 2px; line-height: 1.5; }
.salon-avatar { width: 37px; height: 37px; flex: none; background: #fff0f0; color: #ae1717; font-size: .9375rem; font-weight: 600; }
.chat-back { display: none; font-family: Arial, sans-serif; font-size: 2rem; line-height: 1; }
.story-chat-tools { display: none; gap: 16px; align-items: center; }
.story-chat-tools svg { width: 19px; height: 19px; }
.story-dots { margin: 0; font-size: 1.35rem; line-height: 1; letter-spacing: 0; }
.story-stage { min-height: 386px; padding: 24px 20px; gap: 14px; background: #fcfcfd; font-size: .875rem; }
.story-stage h4 { font-size: 1.15rem; font-weight: 600; line-height: 1.45; }
.story-stage > p:not(.stage-note) { font-size: .875rem; line-height: 1.7; color: var(--muted); }
.story-stage .stage-kicker { font-size: .6875rem; }
.story-progress { padding: 13px 18px 16px; background: #fff; }
.story-progress i { height: 4px; }
.demo[data-stage='chat'] .story-header { background: #075e54; color: #fff; border-bottom-color: transparent; padding-inline: 11px; gap: 8px; }
.demo[data-stage='chat'] .story-header small { color: #d3e6e1; }
.demo[data-stage='chat'] .salon-avatar { background: #e6f3ed; color: #285d4d; }
.demo[data-stage='chat'] .chat-back { display: block; }
.demo[data-stage='chat'] .story-chat-tools { display: flex; }
.demo[data-stage='chat'] .story-stage { background-color: #efeae2; background-image: radial-gradient(#cfc7b863 .75px, transparent .75px); background-size: 15px 15px; justify-content: flex-start; padding: 16px 14px 12px; gap: 13px; }
.chat-date { align-self: center; padding: 5px 11px; border-radius: 7px; background: #fffef2; box-shadow: 0 1px 2px #3a463212; font-size: .625rem; color: #65706b; }
.chat-bubble { position: relative; padding: 12px 12px 7px; max-width: 91%; font-size: .8125rem; line-height: 1.65; border: 0; border-radius: 9px; box-shadow: 0 1px 2px #2d3d241a; }
.chat-bubble:before { content: ''; position: absolute; top: 0; width: 8px; height: 12px; }
.incoming { background: #fff; border-top-left-radius: 0; }
.incoming:before { left: -7px; background: #fff; clip-path: polygon(0 0, 100% 0, 100% 100%); }
.outgoing { background: #d9fdd3; border-top-right-radius: 0; }
.outgoing:before { right: -7px; background: #d9fdd3; clip-path: polygon(0 0, 100% 0, 0 100%); }
.chat-bubble small { font-size: .625rem; color: #6b796e; margin-top: 4px; }
.chat-read { color: #2075a4; font-weight: 600; margin-left: 3px; }
.chat-link { display: grid; gap: 3px; margin-top: 9px; padding: 10px; border-left: 3px solid #197a57; border-radius: 5px; background: #c6ecc0; }
.chat-link .chat-link-brand { display: flex; align-items: center; gap: 6px; }
.chat-link .chat-link-icon { display: inline-grid; place-items: center; width: 21px; height: 21px; flex: none; background: #fff; color: #d40000; border-radius: 6px; font-weight: 700; font-size: .75rem; }
.chat-link strong { font-size: .75rem; }
.chat-link .chat-link-title { font-size: .75rem; color: #164c3c; font-weight: 500; }
.chat-link .chat-link-domain { font-size: .6875rem; color: #48624e; }
.chat-manual-note { font-size: .625rem; color: #4e5e51; line-height: 1.6; padding: 2px 10px; }
.chat-composer { display: flex; gap: 11px; align-items: center; background: #fff; border-radius: 24px; min-height: 42px; color: #7b827d; margin-top: auto; padding: 5px 5px 5px 12px; box-shadow: 0 1px 2px #2d3d241a; }
.chat-composer > span:first-child { font-family: Arial, sans-serif; font-size: 1.4rem; line-height: 1; }
.chat-composer > span:nth-child(2) { flex: 1; font-size: .8125rem; }
.chat-composer > span:nth-child(3) { font-size: 1.35rem; transform: rotate(-25deg); }
.chat-composer .chat-microphone { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: #00876b; color: #fff; }
.demo-choice, .demo-time-grid span { font-size: .8125rem; }
.demo-choice span, .demo-choice strong { font-size: .8125rem; line-height: 1.6; }
.demo-choice.selected { background: #fff5f5; border-color: #e5aaaa; }
.demo-choice small { font-size: .6875rem; }
.demo-success > span { background: #e5f5eb; color: #247142; }
.demo-success p, .demo-summary p { font-size: .8125rem; line-height: 1.7; }

@media (max-width: 1000px) and (min-width: 641px) {
  .demo { padding: 34px; gap: 0 28px; }
  .demo-copy h3 { font-size: 1.9rem; }
  .story-chat-tools { gap: 9px; }
}
@media (max-width: 640px) {
  .hero h1 { font-size: clamp(2.625rem, 10.8vw, 3.7rem); line-height: 1.16; letter-spacing: -.06em; }
  .hero-actions { align-items: stretch; gap: 12px; }
  .hero-actions > a { width: 100%; justify-content: center; }
  .hero-actions .text-link { padding-block: 12px; }
  .flow-section .section-heading { margin-bottom: 27px; }
  .flow-section .steps-grid { margin-top: 30px; }
  .demo { grid-template-columns: minmax(0, 1fr); grid-template-areas: 'copy' 'visual' 'interaction'; padding: 25px 16px; gap: 0; border-radius: 26px; }
  .demo-copy > .eyebrow { font-size: .75rem; line-height: 1.7; letter-spacing: .07em; }
  .demo-copy h3 { font-size: clamp(1.625rem, 6.8vw, 2rem); line-height: 1.25; margin: 14px 0 13px; }
  .demo-path { gap: 5px 7px; font-size: .75rem; line-height: 1.6; }
  .story-visual { margin-top: 23px; }
  .story-device { width: 370px; min-height: 495px; border-width: 4px; border-radius: 26px; }
  .story-header { flex-wrap: nowrap; padding-inline: 13px; }
  .story-header strong { font-size: 1rem; line-height: 1.5; }
  .story-header small { font-size: .75rem; line-height: 1.6; }
  .story-chat-tools { gap: 11px; }
  .story-chat-tools svg { width: 18px; height: 18px; }
  .story-stage { padding: 22px 16px; min-height: 386px; }
  .story-stage h4 { font-size: 1rem; }
  .story-stage > p:not(.stage-note), .demo-interaction > p:not(.demo-disclaimer), .demo-interaction noscript p { font-size: 1rem; line-height: 1.75; }
  .chat-bubble, .chat-link strong, .chat-link .chat-link-title, .demo-choice span, .demo-choice strong, .demo-success p, .demo-summary p { font-size: .875rem; line-height: 1.6; }
  .story-stage .stage-kicker, .chat-bubble small, .chat-link .chat-link-domain, .chat-date, .chat-manual-note, .demo-choice small { font-size: .75rem; line-height: 1.6; }
  .chat-composer > span:nth-child(2) { font-size: .875rem; }
  .demo-interaction { padding-top: 22px; }
  .demo-interaction > p:not(.demo-disclaimer) { min-height: 84px; }
  .demo-disclaimer { font-size: .875rem !important; line-height: 1.75; }
  .demo-step-controls { gap: 8px; }
  .story-step-label { font-size: .875rem; line-height: 1.7; }
  .demo-time-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .demo-time-grid span { overflow-wrap: anywhere; }
}
@media (max-width: 360px) {
  .story-chat-tools svg:first-child { display: none; }
  .demo[data-stage='chat'] .story-header { gap: 7px; padding-inline: 9px; }
  .salon-avatar { width: 32px; height: 32px; }
  .demo-path { font-size: .6875rem; gap: 5px; }
}
@media (prefers-reduced-transparency: reduce) {
  .demo { background: #22262a; }
}
/* The contact remains readable when the visitor increases their text size. */
.story-contact strong, .story-contact small { overflow-wrap: anywhere; }
.pricing-section .pricing-copy > .pricing-note { font-size: .875rem; line-height: 1.75; margin-top: 18px; }
@media (max-width: 640px) {
  /* Keep playback beside the example; longer explanations follow the controls. */
  .demo-interaction { display: flex; flex-direction: column; padding-top: 16px; }
  .demo-interaction .demo-controls { order: -1; margin-top: 0; }
  .demo-interaction > #story-description { margin-top: 20px; }
}

/* Comfortable mobile reading: the page adapts to the text, not the other way round. */
@media (max-width: 640px) {
  :root { --muted: #4d535c; }
  .hero-lead,
  .section-heading > p:last-child,
  .pricing-copy > p:not(.eyebrow):not(.byline):not(.pricing-note),
  .steps-grid p,
  .feature-card p,
  .extra-features p,
  .demo-interaction > #story-description,
  .demo-interaction noscript p,
  .price-card > p:not(.price),
  .price-features li,
  .install-copy > p:not(.eyebrow):not(.store-note),
  .install-instructions,
  .faq-heading > p:last-child,
  .faq-list details p,
  .final-cta p { font-size: 1.125rem; line-height: 1.7; }

  .button,
  .mobile-sticky-cta:not([hidden]),
  .hero-actions .text-link { font-size: 1.0625rem; line-height: 1.55; }
  .faq-list summary,
  .extra-features h3,
  .steps-grid h3 { font-size: 1.125rem; line-height: 1.5; font-weight: 600; }

  .hero-reassurance,
  .maker,
  .benefit-ribbon,
  .story-step-label,
  .price small,
  .price-top,
  .price-top .pill,
  .final-cta > small,
  .footer-main > div > p,
  .footer-links,
  .footer-bottom { font-size: 1rem; line-height: 1.65; }
  .demo-disclaimer,
  .pricing-copy > .byline,
  .install-copy .store-note { font-size: 1rem !important; line-height: 1.7; }
  .pricing-section .pricing-copy > .pricing-note { font-size: 1rem; line-height: 1.7; }
  .price-top { align-items: flex-start; }
  .price-top .pill { white-space: normal; }

  .hero .eyebrow,
  .section-heading > .eyebrow,
  .pricing-copy > .eyebrow,
  .faq-heading > .eyebrow,
  .demo-copy > .eyebrow,
  .install-copy .eyebrow,
  .feature-label,
  .step-number { font-size: .875rem; line-height: 1.6; letter-spacing: .06em; }
  .feature-label,
  .step-number,
  .preview-caption,
  .metric-example span { color: #515965; }

  /* Reduce nested frame padding so a larger conversation has more usable width. */
  .demo { margin-inline: -12px; padding: 26px 12px; }
  .demo-copy, .demo-interaction { padding-inline: 4px; }
  .demo-path { font-size: .875rem; line-height: 1.6; gap: 6px 8px; color: #e1e7e3; }
  .story-device { width: 100%; max-width: 390px; border-width: 3px; }
  .demo[data-stage='chat'] .story-stage { padding-inline: 12px; }
  .chat-bubble { max-width: 95%; font-size: 1.0625rem; line-height: 1.55; overflow-wrap: anywhere; }
  .chat-link strong,
  .chat-link .chat-link-title,
  .chat-composer > span:nth-child(2),
  .demo-choice span,
  .demo-choice strong,
  .demo-time-grid span,
  .demo-success p,
  .demo-summary p,
  .story-stage > p:not(.stage-note) { font-size: 1.0625rem; line-height: 1.6; }
  .story-header strong,
  .story-stage h4 { font-size: 1.125rem; line-height: 1.5; }
  .story-header small,
  .story-stage .stage-kicker,
  .chat-bubble small,
  .chat-link .chat-link-domain,
  .chat-date,
  .demo-choice small { font-size: .875rem; line-height: 1.6; }
  .stage-note,
  .chat-manual-note { font-size: .9375rem; line-height: 1.65; }
  .chat-link .chat-link-domain { color: #38563f; }
  .chat-bubble small { color: #526557; }

  .next-card > p,
  .preview-card-foot,
  .preview-row,
  .preview-row strong,
  .floating-note strong,
  .service-stack > div { font-size: 1rem; line-height: 1.6; }
  .next-card h3 { font-size: 1.125rem; }
  .phone-greeting p,
  .preview-top,
  .preview-top .pill,
  .preview-row small,
  .phone-stats span,
  .phone-stats small,
  .phone-nav small,
  .week-strip > span,
  .date-bubble small,
  .floating-note small,
  .preview-caption,
  .metric-example span { font-size: .875rem; line-height: 1.6; }
  .cal-head, .cal-days { font-size: .875rem; line-height: 1.6; }
  .week-strip small { font-size: 1rem; }
  .phone-nav > span { flex: 1; min-width: 0; }
  .phone-nav small { overflow-wrap: anywhere; }
  .faq-section { grid-template-columns: minmax(0, 1fr); }
  .faq-heading, .faq-list { min-width: 0; }
  p, .faq-list summary { overflow-wrap: anywhere; }
}
@media (max-width: 360px) {
  .demo { margin-inline: -8px; }
}