:root{--ink:#17213b;--muted:#66708a;--cream:#fffaf3;--sand:#f5eee4;--gold:#b88b4b;--gold-light:#e7d3b5;--blue:#273b78;--mint:#e2f3ea;--line:#e9e1d5}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;overflow-x:clip;max-width:100%;background:var(--cream);color:var(--ink);font-family:Heebo,Arial,sans-serif;line-height:1.5}.skipLink{position:absolute;right:-999px}.skipLink:focus{right:1rem;top:1rem;background:#fff;padding:.5rem;z-index:10}.siteHeader{max-width:1180px;margin:auto;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.55rem;color:inherit;text-decoration:none;font-size:1.15rem;font-weight:800;line-height:1}.brand small{display:block;font-size:.58rem;color:var(--gold);font-weight:600;letter-spacing:.1em;margin-top:.3rem}.brandMark{display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;width:2.4rem;height:2.4rem;color:var(--gold);font-family:"Playfair Display",serif;font-size:1.05rem}.siteHeader nav{display:flex;gap:1.7rem}.siteHeader nav a,.headerLogin,footer>a:not(.brand){color:var(--muted);text-decoration:none;font-size:.93rem}.headerLogin{border:1px solid var(--line);border-radius:100px;padding:.48rem .9rem}.hero{max-width:1180px;margin:1.5rem auto 0;min-height:590px;padding:4.4rem 1.5rem 3rem;display:grid;grid-template-columns:1fr .82fr;align-items:center;gap:5rem;background:radial-gradient(circle at 82% 17%,#f3e3ca 0 11%,transparent 36%),radial-gradient(circle at 27% 80%,#e1eeeb 0 10%,transparent 34%)}.eyebrow{margin:0 0:.8rem;color:var(--gold);font-size:.75rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.hero h1,.section h2,.finalCta h2{font-size:clamp(2.55rem,5vw,4.7rem);line-height:1.12;letter-spacing:-.045em;margin:0;font-weight:800}.hero h1 em{font-family:"Playfair Display",serif;color:var(--gold);font-weight:600}.heroLead{font-size:1.13rem;color:var(--muted);max-width:34rem;margin:1.45rem 0 1.8rem}.heroActions{display:flex;flex-wrap:wrap;gap:.75rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;text-decoration:none;border-radius:100px;padding:.84rem 1.35rem;font-weight:700;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1b22431c}.primary{background:var(--blue);color:#fff}.secondary{border:1px solid #cfc6bb;color:var(--ink)}.trustLine{display:flex;flex-wrap:wrap;gap:1.1rem;margin-top:1.8rem;color:var(--muted);font-size:.83rem}.heroVisual{width:min(100%,390px);justify-self:end;background:#fff;border:1px solid #eee4d8;border-radius:24px;box-shadow:0 24px 70px #1d284029;padding:1.1rem;transform:rotate(-2deg)}.visualTop,.visualTitle,.visualFooter,.appointment{display:flex;align-items:center}.visualTop{gap:.55rem;color:var(--muted);font-size:.78rem}.visualTop i{margin-right:auto;width:.5rem;height:.5rem;border-radius:50%;background:#80c4a4}.visualLogo{border-radius:8px;background:var(--blue);color:#fff;padding:.23rem .38rem;font-family:"Playfair Display",serif}.visualTitle{justify-content:space-between;font-size:1.12rem;margin:1.15rem 0 .8rem}.visualTitle b{font-size:.77rem;background:#f5eee5;padding:.3rem .55rem;border-radius:30px}.appointment{gap:.65rem;border-radius:13px;padding:.75rem;margin:.55rem 0;border-right:4px solid}.appointment time{font-weight:800;font-size:.85rem}.appointment div{flex:1}.appointment b,.appointment small{display:block}.appointment small{font-size:.7rem;color:var(--muted)}.appointment strong{font-size:.78rem}.done{background:#eff9f3;border-color:#4db777}.confirmed{background:#f0f3ff;border-color:#617bdb}.planned{background:#fff7e8;border-color:#d5a65b}.visualFooter{justify-content:space-between;color:var(--muted);border-top:1px solid var(--line);margin-top:.9rem;padding:.85rem .15rem 0;font-size:.76rem}.visualFooter b{color:var(--ink);font-size:1rem}.numbers{max-width:1080px;margin:-1rem auto 0;position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.1rem 2rem;box-shadow:0 12px 30px #1d284011}.numbers div{text-align:center;border-left:1px solid var(--line)}.numbers div:last-child{border:0}.numbers b,.numbers span{display:block}.numbers b{font-size:1.1rem}.numbers span{font-size:.8rem;color:var(--muted)}.section{max-width:1120px;margin:0 auto;padding:7.5rem 1.5rem}.sectionIntro{max-width:38rem}.section h2{font-size:clamp(2rem,4vw,3.3rem)}.sectionIntro>p:last-child{color:var(--muted);font-size:1.05rem}.featureGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem}.featureGrid article{background:#fff;border:1px solid var(--line);border-radius:17px;padding:1.5rem;min-height:190px}.featureIcon{display:grid;place-items:center;width:2.35rem;height:2.35rem;background:var(--sand);border-radius:10px;color:var(--gold);font-size:1.25rem}.featureGrid h3{margin:1rem 0 .35rem;font-size:1.1rem}.featureGrid p{color:var(--muted);font-size:.92rem;margin:0}.workflow{display:grid;grid-template-columns:1.15fr .85fr;gap:1.2rem;align-items:stretch}.workflowCard,blockquote{border-radius:22px;padding:2.5rem}.workflowCard{background:var(--blue);color:#fff}.workflowCard .eyebrow{color:var(--gold-light)}.workflowCard h2{font-size:2.5rem}.workflowCard ol{list-style:none;margin:2rem 0 0;padding:0}.workflowCard li{display:flex;gap:1rem;padding:.8rem 0;border-top:1px solid #ffffff23}.workflowCard li span{color:var(--gold-light);font-weight:800}.workflowCard li b,.workflowCard li small{display:block}.workflowCard li small{opacity:.7;font-size:.85rem}blockquote{margin:0;background:var(--mint);display:flex;flex-direction:column;justify-content:space-between}blockquote span{font:5.5rem/1 "Playfair Display",serif;color:#79ad91}blockquote p{font:1.5rem/1.4 "Playfair Display",serif;margin:0;max-width:20rem}.centered{text-align:center;margin:auto}.pricing{background:linear-gradient(180deg,var(--sand),var(--cream));max-width:none;padding-left:max(1.5rem,calc((100vw - 1120px)/2));padding-right:max(1.5rem,calc((100vw - 1120px)/2))}.priceCard{max-width:430px;margin:2.5rem auto 0;background:#fff;border:1px solid var(--gold-light);border-radius:23px;padding:2rem;box-shadow:0 20px 45px #503a1d18}.priceLabel{color:var(--gold);font-weight:800;margin:0}.price{display:flex;align-items:center;gap:.4rem;margin:.55rem 0}.price b{font-size:5.5rem;letter-spacing:-.08em;line-height:.9}.price span{font-size:1.6rem;font-weight:800}.price small{display:block;font-size:.75rem;color:var(--muted);font-weight:400}.priceSub{font-size:.85rem;color:var(--muted);margin:0 0 1.4rem}.priceCard ul{list-style:"✓  ";padding:0 1.2rem;margin:1.5rem 0;color:#4f5b6e}.priceCard li{margin:.55rem 0}.full{width:100%}.faq{padding-top:6rem}.faqList{margin-top:2rem;max-width:750px}.faqList details{border-bottom:1px solid var(--line);padding:.85rem 0}.faqList summary{cursor:pointer;list-style:none;font-weight:700;display:flex;justify-content:space-between;gap:1rem}.faqList summary span{color:var(--gold);font-size:1.2rem}.faqList details[open] summary span{transform:rotate(45deg)}.faqList p{color:var(--muted);margin:.8rem 0 .3rem}.finalCta{padding:6rem 1.5rem;text-align:center;background:var(--blue);color:#fff}.finalCta .eyebrow{color:var(--gold-light)}.finalCta h2{font-size:clamp(2.1rem,4vw,3.4rem)}.lightButton{margin-top:1.7rem;background:#fff;color:var(--blue)}footer{max-width:1180px;margin:auto;padding:1.7rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.82rem}@media(max-width:760px){.siteHeader nav{display:none}.hero{display:block;padding-top:3rem;min-height:auto}.hero h1{font-size:2.75rem}.heroVisual{margin:3rem auto 0;transform:none}.numbers{grid-template-columns:1fr;padding:.8rem;margin:0 1rem}.numbers div{padding:.7rem 0;border-left:0;border-bottom:1px solid var(--line)}.numbers div:last-child{border-bottom:0}.section{padding:4.5rem 1.35rem}.featureGrid,.workflow{grid-template-columns:1fr}.workflowCard,.workflow blockquote{padding:1.7rem}.workflowCard h2{font-size:2rem}.featureGrid article{min-height:0}.priceCard{padding:1.5rem}.siteHeader{padding:.9rem 1rem}footer{flex-wrap:wrap;padding:1.4rem 1rem}}@media(max-width:390px){.heroActions .button{width:100%}.trustLine{gap:.55rem}.price b{font-size:4.7rem}}


/* Salon Flow mark: shared product identity across the public site and application. */
.brandMark{overflow:hidden;padding:0;border:0;background:#17213b}
.brandMark img{display:block;width:100%;height:100%}


/* Client retention: explain the smart follow-up loop without making unsupported performance claims. */
.retention{padding-top:4.5rem;padding-bottom:4.5rem}
.retentionGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem}
.retentionGrid article{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.6rem;min-height:205px}
.retentionStep{display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--blue);color:#fff;font-size:.76rem;font-weight:800}
.retentionGrid h3{margin:1rem 0 .45rem;font-size:1.13rem}
.retentionGrid p{margin:0;color:var(--muted);font-size:.92rem}
.retentionFlow{display:flex;align-items:center;justify-content:center;gap:.9rem;margin:2.5rem auto 0;padding:1rem;max-width:760px;background:var(--mint);border-radius:16px;color:var(--blue);font-weight:800}
.retentionFlow span{background:#fff;border-radius:100px;padding:.52rem .85rem;box-shadow:0 2px 8px #1d28400d}
.retentionFlow b{color:var(--gold)}
.retentionCta{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:1.2rem;padding:1.4rem 1.55rem;border:1px solid var(--gold-light);border-radius:18px;background:#fffaf1}
.retentionCta b,.retentionCta span{display:block}
.retentionCta b{font-size:1.1rem}
.retentionCta span{max-width:36rem;color:var(--muted);font-size:.92rem;margin-top:.22rem}
@media(max-width:760px){.retentionGrid{grid-template-columns:1fr;margin-top:2rem}.retentionGrid article{min-height:0}.retentionFlow{flex-wrap:wrap;gap:.45rem;padding:.8rem}.retentionFlow span{padding:.42rem .64rem;font-size:.82rem}.retentionCta{display:block;padding:1.3rem}.retentionCta .button{width:100%;margin-top:1rem}}


/* Retention visual story: a lightweight CSS-only depiction of the return-client workflow. */
.retentionStory{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;margin:3rem 0 0;padding:2.1rem;border-radius:25px;background:linear-gradient(135deg,#20346f 0%,#2d478d 58%,#3d579c 100%);color:#fff;overflow:hidden}
.retentionStoryCopy{position:relative;z-index:1;padding:0 .4rem}
.storyBadge{display:inline-flex;align-items:center;gap:.45rem;padding:.38rem .7rem;border:1px solid #ffffff3b;border-radius:100px;color:#f2d7b0;font-size:.76rem;font-weight:800}
.storyBadge i{width:.48rem;height:.48rem;background:#72d4a5;border-radius:50%;box-shadow:0 0 0 4px #72d4a52e;animation:retentionPulse 2s ease-out infinite}
.storyKicker{margin:1.3rem 0 .3rem;color:#cfd9ff;font-size:.82rem;font-weight:700}
.retentionStoryCopy h3{font-size:clamp(1.65rem,2.8vw,2.35rem);line-height:1.15;margin:0}
.retentionStoryCopy>p:not(.storyKicker){color:#edf0ffcf;max-width:29rem;margin:1rem 0 1.35rem}
.storySignals{display:flex;flex-wrap:wrap;gap:.5rem}.storySignals span{background:#ffffff17;border:1px solid #ffffff1e;border-radius:100px;padding:.38rem .65rem;font-size:.78rem}
.retentionDemo{position:relative;min-height:325px;isolation:isolate}
.demoOrbit{position:absolute;border:1px solid #ffffff20;border-radius:50%;animation:retentionFloat 7s ease-in-out infinite}
.orbitOne{width:260px;height:260px;top:26px;right:7%;}.orbitTwo{width:190px;height:190px;top:63px;right:19%;animation-delay:-2.4s}
.demoClientCard,.demoMessage,.demoBooked{position:absolute;display:flex;align-items:center;gap:.6rem;border:1px solid #ffffff3b;border-radius:14px;background:#fff;color:var(--ink);box-shadow:0 14px 35px #0a15334a}
.demoClientCard{padding:.7rem .78rem;min-width:205px}.demoClientCard b,.demoClientCard small,.demoBooked b,.demoBooked small{display:block}.demoClientCard small,.demoBooked small{font-size:.7rem;color:var(--muted)}
.demoClientDone{top:16px;right:27%;animation:retentionFloat 5.6s ease-in-out infinite}.demoClientDone i{color:#35a970;font-weight:900;margin-right:auto}
.demoAvatar,.demoBell{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#e8f5ec;color:#28845a;font-weight:800}.demoBell{background:#fff4d9;color:#b68028}
.demoFollowup{top:122px;right:4%;animation:retentionFloat 5.6s ease-in-out -1.4s infinite}.demoPulse{width:8px;height:8px;border-radius:50%;background:#ef6974;box-shadow:0 0 0 0 #ef697480;animation:retentionPulse 1.8s infinite}
.demoConnector{position:absolute;right:35%;width:2px;height:44px;background:#ffffff70;overflow:hidden}.connectorOne{top:77px}.connectorTwo{top:186px;right:28%}.demoConnector span{display:block;width:100%;height:45%;background:#f2d7b0;animation:connectorTravel 1.8s linear infinite}
.demoMessage{top:207px;right:18%;display:block;width:222px;padding:.72rem .85rem;animation:retentionFloat 5.6s ease-in-out -2.7s infinite}.demoMessageHead{display:flex;justify-content:space-between;color:#168c53;font-size:.67rem;font-weight:800}.demoMessage p{margin:.45rem 0;font-size:.78rem;font-weight:700}.demoMessage small{font-size:.65rem;color:var(--muted)}
.demoBooked{bottom:2px;left:4%;padding:.55rem .72rem;border-color:#6fc293;animation:retentionBooked 5.6s ease-in-out infinite}.demoBooked>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e3f6eb;color:#258455;font-weight:900}
@keyframes retentionFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes retentionPulse{0%{box-shadow:0 0 0 0 #72d4a56e}70%{box-shadow:0 0 0 9px #72d4a500}100%{box-shadow:0 0 0 0 #72d4a500}}@keyframes connectorTravel{from{transform:translateY(-100%)}to{transform:translateY(220%)}}@keyframes retentionBooked{0%,55%{opacity:0;transform:translateY(10px)}72%,100%{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.retentionStory{grid-template-columns:1fr;padding:1.45rem;margin-top:2rem;gap:1rem}.retentionDemo{min-height:302px;margin:0 -1rem -1rem}.demoClientDone{right:20%}.demoFollowup{right:0}.demoMessage{right:10%}.demoBooked{left:0}}
@media(prefers-reduced-motion:reduce){.retentionStory *{animation:none!important}}




/* Short lead step before the public demo. */
.leadOpen{overflow:hidden}.leadOverlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px;background:rgba(12,22,55,.68);backdrop-filter:blur(7px)}.leadOverlay[hidden]{display:none}.leadDialog{width:min(470px,100%);max-height:calc(100dvh - 36px);overflow:auto;box-sizing:border-box;padding:2rem;border-radius:26px;background:#fff;box-shadow:0 24px 70px rgba(7,14,39,.35);position:relative}.leadDialog h2{margin:.35rem 0;font-size:clamp(1.7rem,5vw,2.35rem)}.leadDialog>p:not(.eyebrow){color:var(--muted);line-height:1.6}.leadIcon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#f0ebff;font-size:1.5rem}.leadClose{position:absolute;left:16px;top:16px;width:34px;height:34px;border:0;border-radius:50%;background:#f3f4f8;font-size:24px;color:#596176;cursor:pointer}.leadDialog form{display:grid;gap:.8rem;margin:1.2rem 0}.leadDialog label{display:grid;gap:.35rem;color:#37415d;font-size:.88rem;font-weight:800}.leadDialog input{box-sizing:border-box;width:100%;padding:.82rem .9rem;border:1px solid #d9deeb;border-radius:12px;background:#fff;font:inherit}.leadDialog input:focus{outline:3px solid #6b7fe833;border-color:#6579d5}.leadDialog form .button{border:0;cursor:pointer;justify-content:center;margin-top:.25rem}.leadDialog>small{display:block;padding:.8rem;border-radius:12px;background:#fff8e7;color:#80611f;line-height:1.5}.leadStatus{min-height:1.3em;text-align:center;color:#546ac3;font-weight:800}.leadHoneypot{position:absolute!important;left:-10000px!important}@media(max-width:520px){.leadDialog{padding:1.45rem;border-radius:21px}}

/* Salon Flow AI booking: the flagship product story */
.aiBookingLanding{position:relative;overflow:hidden;margin:2rem auto 5rem;padding:5.5rem clamp(1.2rem,5vw,5.5rem);max-width:1180px;border-radius:38px;background:radial-gradient(circle at 85% 14%,#6954e966 0 9%,transparent 32%),radial-gradient(circle at 12% 90%,#1bc8ce36 0 11%,transparent 31%),linear-gradient(135deg,#0b1839,#172d63 52%,#0f1c43);color:#f8fbff;box-shadow:0 28px 70px #101a3a28}.aiBookingAurora{position:absolute;inset:auto -12% -50% 35%;height:460px;border-radius:50%;background:#8b5cf655;filter:blur(45px);animation:aiAurora 9s ease-in-out infinite}.aiBookingIntro{position:relative;max-width:710px;margin:0 auto 3rem;text-align:center}.aiBookingIntro .eyebrow{color:#f0d38b}.aiBookingIntro h2{color:#fff}.aiBookingIntro h2 strong,.aiBookingCopy em{color:#f4cf76;font-style:normal}.aiBookingIntro p{color:#d0dcf3}.aiBookingStage{position:relative;display:grid;grid-template-columns:1fr minmax(360px,.9fr);gap:clamp(2rem,7vw,6rem);align-items:center}.aiBookingCopy{position:relative}.aiLiveBadge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #d9c07177;border-radius:999px;background:#ffffff10;color:#f9e3a7;font-size:.8rem;font-weight:800}.aiLiveBadge i{width:8px;height:8px;border-radius:50%;background:#51e4ad;box-shadow:0 0 0 5px #51e4ad22;animation:aiLive 2s infinite}.aiBookingCopy h3{margin:1.1rem 0 .8rem;font-size:clamp(2.15rem,5vw,4rem);line-height:1.03;color:#fff}.aiBookingCopy>p{max-width:520px;margin:0;color:#d4ddf0;line-height:1.75}.aiBookingChecklist{display:grid;gap:13px;margin:1.7rem 0 2rem;padding:0;list-style:none}.aiBookingChecklist li{display:flex;gap:12px;align-items:center}.aiBookingChecklist li>span{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#f0cb70;color:#14214a;font-size:.72rem;font-weight:950}.aiBookingChecklist b,.aiBookingChecklist small{display:block}.aiBookingChecklist small{margin-top:3px;color:#aebfdd}.aiBookingPhone{position:relative;z-index:1;width:min(100%,405px);margin:auto;padding:13px;border:1px solid #ffffff55;border-radius:33px;background:linear-gradient(155deg,#ffffffde,#dce5ff);box-shadow:0 25px 56px #0000004f;color:#17233f;transform:rotate(2deg);animation:aiPhoneFloat 6s ease-in-out infinite}.aiPhoneGlow{position:absolute;inset:20% -20%;z-index:-1;border-radius:45%;background:#8f6bff70;filter:blur(35px)}.aiPhoneTop{display:flex;align-items:center;gap:9px;padding:7px 8px 12px}.aiPhoneTop>div{display:grid;gap:2px}.aiPhoneTop b{font-size:.93rem}.aiPhoneTop small{color:#76819a;font-size:.7rem}.aiPhoneTop i{margin-right:auto;width:34px;height:9px;border-radius:99px;background:#152547}.aiSpark{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:linear-gradient(135deg,#3d65df,#8a45d8);color:#fff}.aiChat{display:grid;gap:10px;padding:12px;border-radius:22px;background:linear-gradient(180deg,#eaf0ff,#f8fbff)}.aiBubble{width:fit-content;max-width:86%;padding:10px 12px;border-radius:14px;font-size:.82rem;line-height:1.45}.aiBubble.user{margin-right:auto;border-bottom-right-radius:4px;background:#263d7a;color:#fff}.aiBubble.assistant{border-bottom-left-radius:4px;background:#fff;color:#263350;box-shadow:0 5px 14px #384d7a13}.aiSlotCards{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.aiSlotCards button{padding:9px 3px;border:1px solid #d2daef;border-radius:10px;background:#fff;color:#25355f;font:inherit;font-weight:900;font-size:.82rem}.aiSlotCards button small{display:block;margin-top:2px;color:#8791a7;font-size:.62rem}.aiSlotCards button.selected{border-color:#7555dc;background:#eee9ff;color:#5a3bbd;box-shadow:0 0 0 3px #7659df22}.aiMiniCustomer,.aiFinalCard{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:13px;background:#fff;box-shadow:0 6px 13px #344b7e10}.aiMiniCustomer>span,.aiFinalCard>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ece5d3;color:#946b1d;font-weight:900}.aiMiniCustomer div,.aiFinalCard div{display:grid;gap:2px}.aiMiniCustomer small,.aiFinalCard small{color:#7b8599;font-size:.64rem}.aiMiniCustomer b,.aiFinalCard b{font-size:.74rem}.aiMiniCustomer i{margin-right:auto;color:#26a978;font-style:normal;font-weight:900}.aiFinalCard{border:1px solid #f0ca72;background:linear-gradient(135deg,#fffdf4,#fff3c9)}.aiFinalCard>span{background:#36ad78;color:#fff}.aiPhoneInput{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 4px 3px;padding:10px 12px;border-radius:13px;background:#fff;color:#9099ab;font-size:.78rem}.aiPhoneInput b{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#6355d9;color:#fff}.aiFloatingTag{position:absolute;z-index:2;padding:7px 10px;border:1px solid #ffffff6b;border-radius:999px;background:#ffffffdc;color:#31426a;box-shadow:0 10px 24px #101d4624;font-size:.7rem;font-weight:900;white-space:nowrap;animation:aiTagFloat 5s ease-in-out infinite}.tagOne{right:-15%;top:26%}.tagTwo{left:-18%;bottom:23%;animation-delay:-2s}.aiBookingPromises{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:3.3rem}.aiBookingPromises span{padding:9px 12px;border:1px solid #ffffff3b;border-radius:999px;background:#ffffff0e;color:#dce7ff;font-size:.82rem;font-weight:800}@keyframes aiPhoneFloat{0%,100%{transform:rotate(2deg) translateY(0)}50%{transform:rotate(1deg) translateY(-10px)}}@keyframes aiAurora{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-5%,-6%,0) scale(1.12)}}@keyframes aiTagFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes aiLive{0%,100%{box-shadow:0 0 0 0 #51e4ad22}50%{box-shadow:0 0 0 7px #51e4ad00}}@media(max-width:820px){.aiBookingLanding{margin:1rem 0 3rem;border-radius:0;padding:4rem 1.25rem}.aiBookingStage{grid-template-columns:1fr;gap:2.3rem}.aiBookingCopy{text-align:center}.aiBookingCopy>p{margin-inline:auto}.aiBookingChecklist{width:min(440px,100%);margin-inline:auto;text-align:right}.aiBookingPhone{width:min(92%,400px);transform:none}.tagOne{right:-4%;top:22%}.tagTwo{left:-3%;bottom:16%}}@media(max-width:480px){.aiBookingPhone{padding:9px;border-radius:27px}.aiFloatingTag{font-size:.62rem}.tagOne{right:-2%;top:18%}.tagTwo{left:-2%;bottom:14%}.aiBookingPromises{justify-content:flex-start}.aiBookingPromises span{font-size:.72rem}.aiSlotCards button{font-size:.73rem}}@media(prefers-reduced-motion:reduce){.aiBookingLanding *{animation:none!important}}

/* Voice-first Salon Flow AI landing demo */
.aiVoiceListening{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;border:1px solid #dcc274;border-radius:14px;background:linear-gradient(135deg,#fffaf0,#f4efff);box-shadow:0 8px 18px #314c7c12}.aiVoiceMic{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,#ffe69e,#e8ad42);box-shadow:0 0 0 5px #efc46422;animation:landingMicPulse 2s ease-in-out infinite}.aiVoiceListening div{display:grid;gap:2px}.aiVoiceListening b{font-size:.76rem;color:#25365c}.aiVoiceListening small{font-size:.58rem;color:#74819a}.aiVoiceWave{display:flex;align-items:center;gap:2px;height:21px}.aiVoiceWave i{display:block;width:3px;height:6px;border-radius:99px;background:linear-gradient(#4e67d2,#8b4bd3);animation:landingVoiceWave .9s ease-in-out infinite}.aiVoiceWave i:nth-child(2),.aiVoiceWave i:nth-child(4){animation-delay:.14s}.aiVoiceWave i:nth-child(3){animation-delay:.28s}.aiVoiceWave i:nth-child(5){animation-delay:.42s}.aiVoiceTranscript{display:grid;gap:3px;width:fit-content;max-width:89%;margin-right:auto;padding:9px 11px;border-radius:13px 13px 4px 13px;background:#263d7a;color:#fff}.aiVoiceTranscript small{font-size:.56rem;color:#cad7f2}.aiVoiceTranscript b{font-size:.75rem;line-height:1.4}.aiPhoneVoiceInput{justify-content:flex-start!important;padding:7px 9px!important}.aiPhoneVoiceInput>span{flex:1}.aiPhoneMic,.aiPhoneSend{display:grid!important;place-items:center!important;width:31px!important;height:31px!important;flex:0 0 31px;border-radius:10px!important}.aiPhoneMic{background:linear-gradient(145deg,#ffe59b,#eeb64b)!important;color:#173052!important;box-shadow:0 4px 10px #c493352b}.aiPhoneSend{background:#6355d9!important;color:#fff!important}.heroLead strong{color:#263d7a}@keyframes landingVoiceWave{0%,100%{height:6px;opacity:.55}50%{height:20px;opacity:1}}@keyframes landingMicPulse{50%{transform:scale(1.06);box-shadow:0 0 0 8px #efc46412}}@media(max-width:480px){.aiVoiceListening{grid-template-columns:auto minmax(0,1fr)}.aiVoiceWave{grid-column:1/-1;justify-content:center}.aiVoiceTranscript{max-width:96%}}

/* Clear three-tier pricing and super-admin subscription controls. */
.billingToggle{width:max-content;max-width:100%;margin:2rem auto 0;padding:.3rem;display:flex;gap:.25rem;background:#fff;border:1px solid var(--line);border-radius:999px;box-shadow:0 8px 24px #1d284010}.billingToggle button{border:0;background:transparent;color:var(--muted);font:inherit;font-weight:700;padding:.65rem 1rem;border-radius:999px;cursor:pointer}.billingToggle button.active{background:var(--blue);color:#fff}.pricingGrid{max-width:1120px;margin:1.5rem auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:stretch}.pricingGrid .priceCard{position:relative;max-width:none;margin:0;display:flex;flex-direction:column}.pricingGrid .priceCard h3{font-size:1.12rem;min-height:3.4rem;margin:.35rem 0 1rem}.pricingGrid .priceCard ul{flex:1}.pricingGrid .price b{font-size:4.7rem}.priceCard.featured{border:2px solid var(--blue);transform:translateY(-.65rem);box-shadow:0 24px 60px #273b7826}.popularBadge{position:absolute;top:-.85rem;right:1.5rem;background:var(--blue);color:#fff;border-radius:999px;padding:.35rem .8rem;font-size:.72rem;font-weight:800}.pricingNote{max-width:760px;margin:1.3rem auto 0;text-align:center;color:var(--muted);font-size:.82rem}.aiUsageBadge{display:inline-flex;width:max-content;max-width:100%;margin-top:.45rem;border-radius:999px;background:#eef2ff;color:#273b78;padding:.3rem .6rem;font-size:.72rem;font-weight:800}.subscriptionActions{display:flex;gap:.55rem;align-items:end}.subscriptionRow{align-items:end}.subscriptionBusinessIdentity{align-self:center}
@media(max-width:900px){.pricingGrid{grid-template-columns:1fr;max-width:520px}.priceCard.featured{transform:none;order:-1}.pricingGrid .priceCard h3{min-height:0}}
@media(max-width:520px){.billingToggle{width:100%}.billingToggle button{flex:1;padding:.6rem .45rem;font-size:.82rem}.pricingGrid .price b{font-size:4rem}.subscriptionActions{grid-column:1/-1}}

/* Professional public footer */
.siteFooter{max-width:none!important;margin:0!important;padding:0!important;background:linear-gradient(135deg,#0f2b49,#143d68 56%,#5a35a4);color:#fff;border-top:1px solid #d8b768}.siteFooterInner{max-width:1180px;margin:0 auto;padding:3.2rem 1.5rem 1.25rem;display:grid;grid-template-columns:1.6fr repeat(4,minmax(125px,1fr));gap:2.5rem 1.4rem}.siteFooter .brand{color:#fff}.siteFooter .brand small{color:#edcf88}.siteFooterIntro{display:grid;align-content:start;justify-items:start;gap:1rem}.siteFooterIntro p{max-width:315px;margin:0;color:#dbe7f7;font-size:.9rem;line-height:1.7}.siteFooterLogin{display:inline-flex;align-items:center;gap:.4rem;border:1px solid #ffffff43;border-radius:999px;padding:.56rem .9rem;color:#fff;text-decoration:none;font-size:.86rem;font-weight:800}.siteFooterLogin:hover,.siteFooterLogin:focus-visible{background:#fff;color:#173d68}.siteFooterColumn{display:grid;align-content:start;gap:.55rem}.siteFooterColumn h3{margin:0 0 .25rem;color:#f2d78d;font-size:.85rem}.siteFooterColumn a{width:max-content;max-width:100%;color:#e8effa;text-decoration:none;font-size:.83rem}.siteFooterColumn a:hover,.siteFooterColumn a:focus-visible{color:#ffe6a1;text-decoration:underline;text-underline-offset:3px}.siteFooterBottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:1.3rem;border-top:1px solid #ffffff2b;color:#bdd0e7;font-size:.75rem}
@media(max-width:760px){.siteFooterInner{grid-template-columns:repeat(2,minmax(0,1fr));padding:2.4rem 1.25rem 1.15rem;gap:1.9rem 1rem}.siteFooterIntro{grid-column:1/-1}.siteFooterBottom{display:grid;gap:.25rem}.siteFooterColumn a{font-size:.82rem}}

/* Clear plan comparison without hiding what is reserved for advanced tiers. */
.priceCard .aiIncludedBadge{display:flex;align-items:center;gap:.45rem;margin:0 0 1.2rem;padding:.6rem .8rem;border-radius:13px;background:linear-gradient(120deg,#fff3dc,#fbe7c4);border:1px solid var(--gold-light);color:#7a5420;font-weight:800;font-size:.84rem;line-height:1.3}
.priceCard .aiIncludedBadge b{color:var(--gold);font-weight:900}
.priceCard .planUnavailable{list-style:"—  ";color:#8b6a51;font-size:.84rem;padding-top:.2rem}
.priceCard .planUnavailable::marker{color:#b58a43}

/* No-show cost calculator — mirrors the real deposit/advance-payment feature (percent-based, configurable per service) rather than an abstract promise. */
.calcLanding{padding-top:4.5rem;padding-bottom:4.5rem}
.calcLanding h2 em{color:var(--gold);font-style:normal}
.calcCard{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:3rem;border-radius:26px;overflow:hidden;box-shadow:0 24px 60px #1d284022}
.calcInputs{background:#fff;padding:2.4rem 2.2rem;display:flex;flex-direction:column;gap:1.8rem;justify-content:center}
.calcField{display:flex;flex-direction:column;gap:.6rem}
.calcFieldHead{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:.95rem;color:var(--ink)}
.calcFieldHead i{font-style:normal;color:var(--gold);font-size:1rem}
.calcField output{font-size:1.5rem;font-weight:800;color:var(--blue)}
.calcField input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:99px;background:var(--line);outline:none;margin:0}
.calcField input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--blue);border:3px solid #fff;box-shadow:0 3px 10px #1d284040;cursor:pointer}
.calcField input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--blue);border:0;box-shadow:0 3px 10px #1d284040;cursor:pointer}
.calcField input[type=range]::-moz-range-progress{background:var(--blue);border-radius:99px}
.calcResults{background:var(--blue);color:#fff;padding:2.4rem 2.2rem;display:flex;flex-direction:column;gap:1.1rem}
.calcStat{border-radius:16px;padding:1.1rem 1.3rem;background:#ffffff0f;border:1px solid #ffffff1f}
.calcStat span{display:block;font-size:.82rem;font-weight:700;opacity:.85}
.calcStat b{display:flex;align-items:baseline;gap:.15rem;font-size:2.1rem;margin-top:.35rem;letter-spacing:-.03em}
.calcStat .calcUnit{display:block;margin-top:.1rem;font-size:.75rem;opacity:.7;font-weight:400}
.calcStatLoss{border-color:#e7d3b555}.calcStatLoss span,.calcStatLoss b{color:var(--gold-light)}
.calcStatGain{border-color:#8fe0b855}.calcStatGain span,.calcStatGain b{color:#8fe0b8}
.calcMultiplier{border-radius:16px;padding:1.1rem 1.3rem;background:#ffffff14;border:1px solid #ffffff26;text-align:center}
.calcMultiplier span{display:block;font-size:.78rem;opacity:.8;font-weight:700}
.calcMultiplier b{display:block;font-size:2.6rem;font-weight:800;margin:.2rem 0;letter-spacing:-.03em}
.calcMultiplier p{margin:.4rem 0 0;font-size:.85rem;line-height:1.5;opacity:.92}
.calcMultiplier strong{color:var(--gold-light)}
.calcResults .button.lightButton{margin-top:.3rem}
.calcSecondaryLink{display:block;text-align:center;color:#ffffffb0;font-size:.85rem;text-decoration:underline;text-underline-offset:3px}
.calcSecondaryLink:hover{color:#fff}
.calcDisclaimer{max-width:44rem;margin:1.6rem auto 0;color:var(--muted);font-size:.78rem;line-height:1.6;text-align:center}
@media(max-width:760px){.calcCard{grid-template-columns:1fr;border-radius:22px}.calcInputs,.calcResults{padding:1.6rem 1.4rem}}

/* Secondary link from the on-page AI teaser to the dedicated assistant deep-dive page. */
.aiBookingLearnMore{display:inline-block;margin-inline-start:.9rem;color:var(--muted);font-size:.9rem;text-decoration:underline;text-underline-offset:3px}
.aiBookingLearnMore:hover{color:var(--ink)}
@media(max-width:760px){.aiBookingLearnMore{display:block;margin:.7rem 0 0}}

/* A .secondary button (dark ink text, subtle border) has no contrast on a dark
   .workflowCard background — give it a light-on-dark treatment there instead. */
.workflowCard .button.secondary{border-color:#ffffff4a;color:#fff}
.workflowCard .button.secondary:hover{background:#ffffff14}

/* Competitor comparison: factual side-by-side against CalMark's public pricing page. */
.compare{padding-top:5.5rem;padding-bottom:5.5rem}
.compareInner{width:min(1120px,100%);margin-inline:auto}
.compare h2 em{font-family:"Playfair Display",serif;color:var(--gold);font-weight:600;font-style:normal}
.compareGrid{display:grid;grid-template-columns:1.06fr .94fr;gap:1.4rem;align-items:stretch;margin-top:2.8rem}
.compareCard{position:relative;padding:2.6rem;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:0 20px 55px #1d284014}
.compareCard.featured{color:#fff;border-color:#ffffff1f;background:radial-gradient(circle at 92% 2%,#b88b4b4d,transparent 35%),linear-gradient(145deg,var(--blue),#142043 72%);box-shadow:0 28px 70px #1d284033}
.compareCard.featured .popularBadge{position:absolute;top:1.4rem;left:1.4rem;right:auto;background:var(--gold-light);color:#76522e}
.compareBrand{margin:0;font-size:1.55rem;font-weight:900;letter-spacing:-.02em}
.compareNote{margin:.4rem 0 1.6rem;color:var(--muted);font-size:.92rem}
.compareCard.featured .compareNote{color:#ffffffa6}
.comparePrice{display:flex;align-items:flex-end;gap:.5rem;margin:.5rem 0 1.7rem}
.comparePrice strong{font-size:clamp(3.1rem,6vw,4.6rem);line-height:.9;font-weight:900;letter-spacing:-.05em}
.comparePrice span{padding-bottom:.3rem;color:var(--muted);font-size:.92rem;line-height:1.35}
.compareCard.featured .comparePrice span{color:#ffffffa8}
.compareFeatureList{display:grid;gap:0;margin:0;padding:0;list-style:none}
.compareFeatureList li{min-height:4.6rem;padding:.85rem 0;border-bottom:1px solid var(--line)}
.compareCard.featured .compareFeatureList li{border-color:#ffffff1a}
.compareFeatureList li:last-child{border-bottom:0}
.compareFeatureList small{display:block;margin-bottom:.3rem;color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.02em}
.compareCard.featured .compareFeatureList small{color:var(--gold-light)}
.compareFeatureList span{display:flex;gap:.55rem;align-items:flex-start;font-size:.9rem;line-height:1.45}
.compareMark{flex:0 0 22px;display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:#33b99126;color:#1e9c78;font-size:.78rem}
.compareMark.no{background:#9a704212;color:#9a7042}
.compareTotal{display:flex;justify-content:space-between;gap:1.1rem;align-items:center;margin-top:1.6rem;padding:1.1rem 1.25rem;border-radius:16px;background:#ffffff17}
.compareTotal span{color:#ffffffa8;font-size:.85rem}
.compareTotal strong{font-size:1.4rem;white-space:nowrap}
.compareDisclaimer{max-width:820px;margin:1.5rem auto 0;text-align:center;color:var(--muted);font-size:.82rem;line-height:1.6}
@media(max-width:820px){.compareGrid{grid-template-columns:1fr}.compareCard.featured{order:-1}.compareCard{border-radius:22px}}
@media(max-width:480px){.compare{padding-top:4rem;padding-bottom:4rem}.compareCard{padding:1.6rem 1.25rem}.compareCard.featured .popularBadge{position:static;display:inline-block;margin-bottom:1.2rem}.compareTotal{align-items:flex-start;flex-direction:column;gap:.3rem}}
/* 2026-09-27: sticky header with a mobile menu, and the "חדש ב־Salon Flow" section. */
.siteHeader{position:sticky;top:0;z-index:50;max-width:none;margin:0;padding:0;display:block;background:#fffaf3e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}.siteHeader.scrolled{border-bottom-color:var(--line);box-shadow:0 8px 24px #1d28400d}.siteHeaderInner{max-width:1180px;margin:auto;padding:.85rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.siteHeader .headerNav{display:flex;align-items:center;gap:1.35rem}.siteHeader .headerNav a{position:relative;display:inline-flex;align-items:center;gap:.3rem;color:var(--muted);text-decoration:none;font-size:.93rem;font-weight:500;transition:color .15s}.siteHeader .headerNav a:hover,.siteHeader .headerNav a.active{color:var(--ink)}.siteHeader .headerNav a.active:after{content:"";position:absolute;right:0;left:0;bottom:-.45rem;height:2px;border-radius:2px;background:var(--gold)}.navNewDot{width:.42rem;height:.42rem;border-radius:50%;background:#e0913a;box-shadow:0 0 0 3px #e0913a2b}.headerActions{display:flex;align-items:center;gap:.5rem}.headerDemo{display:inline-flex;align-items:center;border-radius:100px;padding:.5rem 1rem;background:var(--blue);color:#fff;text-decoration:none;font-size:.9rem;font-weight:700}.menuToggle{display:none;flex-direction:column;justify-content:center;gap:4px;width:2.55rem;height:2.55rem;padding:0 .7rem;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer}.menuToggle span{display:block;height:2px;border-radius:2px;background:var(--ink);transition:transform .2s,opacity .2s}.menuToggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menuToggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menuToggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.siteHeader .mobileMenu{display:none}main section[id],#contact{scroll-margin-top:80px}
/* Lock scrolling on <html>, not <body>: overflow on body makes it the scroll container and the sticky header jumps back to the top of the page. */
html.menuOpen{overflow:hidden}
@media(max-width:1000px){.siteHeader .headerNav{display:none}.menuToggle{display:inline-flex}.siteHeader .mobileMenu:not([hidden]){display:block;position:absolute;top:100%;right:0;left:0;max-height:calc(100dvh - 64px);overflow:auto;background:var(--cream);border-top:1px solid var(--line);box-shadow:0 24px 40px #1d28402a;padding:.75rem 1rem 1.25rem}.mobileMenuLinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.siteHeader .mobileMenu .mobileMenuLinks a{display:flex;align-items:center;gap:.55rem;padding:.72rem .75rem;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--ink);text-decoration:none;font-size:.92rem;font-weight:600}.mobileMenuLinks a span{display:grid;place-items:center;width:1.7rem;height:1.7rem;flex:0 0 1.7rem;border-radius:8px;background:var(--sand);color:var(--gold);font-size:.85rem}.mobileMenuActions{display:grid;gap:.5rem;margin-top:.9rem}}
@media(max-width:760px){.siteHeaderInner{padding:.65rem 1rem}.siteHeader .headerLogin{padding:.45rem .8rem;font-size:.85rem;white-space:nowrap}.headerDemo{display:none}.brand small{display:none}}
@media(max-width:360px){.mobileMenuLinks{grid-template-columns:1fr}.siteHeader .brand>span:last-child{font-size:1rem}.siteHeader .headerLogin{padding:.42rem .65rem;font-size:.8rem}}
.whatsNew h2 em{font-family:"Playfair Display",serif;color:var(--gold);font-weight:600}.newGroups{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:3rem}.newGroup{display:grid;align-content:start;gap:.7rem}.newGroupTitle{margin:0 0 .2rem;padding-bottom:.55rem;border-bottom:2px solid var(--gold-light);color:var(--gold);font-size:.82rem;font-weight:800;letter-spacing:.08em}.newGroup article{display:flex;gap:.8rem;background:#fff;border:1px solid var(--line);border-radius:17px;padding:1.1rem 1.15rem;transition:transform .2s,box-shadow .2s}.newGroup article:hover{transform:translateY(-2px);box-shadow:0 12px 28px #1d284012}.newIcon{display:grid;place-items:center;width:2.4rem;height:2.4rem;flex:0 0 2.4rem;border-radius:12px;background:var(--sand);font-size:1.15rem}.newGroup h4{margin:.1rem 0 .3rem;font-size:1.02rem}.newGroup p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.6}.newGroup article a{display:inline-block;margin-top:.5rem;color:var(--blue);font-size:.84rem;font-weight:700;text-decoration:none}.newGroup article a:hover{text-decoration:underline}
@media(max-width:980px){.newGroups{grid-template-columns:1fr;gap:1.6rem}}
.siteHeader .mobileMenuActions .button.primary{color:#fff}.siteHeader .mobileMenuActions .button.secondary{color:var(--ink);background:#fff}
.section.whatsNew{padding-top:2.5rem}@media(max-width:760px){.section.whatsNew{padding-top:1rem}}

/* 2026-09-27: floating header once the page scrolls, and a back-to-top button. */
.siteHeader{transition:top .25s,border-color .2s,box-shadow .2s,background .2s}.siteHeader.scrolled{top:.6rem;width:min(1180px,calc(100% - 1.5rem));margin:0 auto;border:1px solid var(--line);border-radius:22px;background:#fffffff0;box-shadow:0 14px 34px #1d284024}.siteHeader.scrolled .siteHeaderInner{padding-top:.55rem;padding-bottom:.55rem}.siteHeader.scrolled .mobileMenu:not([hidden]){border-radius:0 0 22px 22px;margin-top:.35rem}
.backToTop{position:fixed;left:1.1rem;bottom:1.1rem;z-index:60;display:grid;place-items:center;width:3rem;height:3rem;border:2px solid #fff;border-radius:50%;background:var(--blue);color:#fff;font-size:1.25rem;font-weight:800;box-shadow:0 12px 26px #1b224340;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s,transform .25s,visibility .25s}.backToTop.visible{opacity:1;visibility:visible;transform:none}.backToTop:hover{background:#1d2e63}.backToTop:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:760px){.backToTop{left:.9rem;bottom:.9rem;width:2.75rem;height:2.75rem}}
@media(prefers-reduced-motion:reduce){.siteHeader,.backToTop{transition:none}}

/* 2026-09-30: lead conversion — reassurance under the hero CTA, a demo path in pricing, hints in the lead form, a sticky mobile CTA, and "לדמו" instead of "כניסה למערכת" in the mobile header. */
.heroReassure{display:flex;flex-wrap:wrap;gap:.2rem .9rem;margin:.85rem 0 0;color:#3d6b55;font-size:.86rem;font-weight:700}.heroReassure span{white-space:nowrap}
.pricingDemo{display:flex;align-items:center;justify-content:space-between;gap:1rem 1.5rem;max-width:860px;margin:2rem auto 0;padding:1.2rem 1.5rem;border:1px solid var(--gold-light);border-radius:20px;background:#fff}.pricingDemo>div>b,.pricingDemo>div>span{display:block}.pricingDemo>div>span{color:var(--muted);font-size:.92rem}.pricingDemo .button{flex:0 0 auto}
.leadDialog:focus{outline:none}.leadHint{color:#7a8299;font-size:.76rem;font-weight:500}.leadDialog input::placeholder{color:#aab0c0}
.stickyCta{display:none}
@media(max-width:760px){
  .headerActions .headerLogin{display:none}.headerActions .headerDemo{display:inline-flex;padding:.5rem .95rem;white-space:nowrap}
  .hero#top{padding-top:1.6rem}.hero#top .heroLead{font-size:1.02rem;margin:1.1rem 0 1.4rem}.hero#top .trustLine{margin-top:1.1rem}
  .pricingDemo{flex-direction:column;align-items:stretch;text-align:center;padding:1.2rem}
  .stickyCta{display:grid;gap:.3rem;position:fixed;right:0;left:0;bottom:0;z-index:55;padding:.7rem 1rem calc(.6rem + env(safe-area-inset-bottom));background:#fffffff2;border-top:1px solid var(--line);box-shadow:0 -10px 28px #1d28401f;text-align:center;transform:translateY(110%);transition:transform .25s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  .stickyCta.visible{transform:none}.stickyCta .button{width:100%;padding:.8rem 1rem}.stickyCta small{color:var(--muted);font-size:.74rem}
  html.stickyCtaOn .backToTop{bottom:6.4rem}html.stickyCtaOn body{padding-bottom:5.5rem}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.stickyCta{transition:none}}
/* 2026-09-30: fifth footer column "מדריכים לעסקים" (SEO content pages). */
@media(min-width:1001px){.siteFooterInner.hasGuides{grid-template-columns:1.4fr repeat(5,minmax(110px,1fr))}}
@media(min-width:761px) and (max-width:1000px){.siteFooterInner.hasGuides{grid-template-columns:repeat(5,minmax(0,1fr))}.siteFooterInner.hasGuides .siteFooterIntro{grid-column:1/-1}}
/* 2026-10-02: hero illustration shows how "לקוחות לחזרה" brings back customers at risk of churning (detect, message, back) instead of the day calendar. */
.heroVisual.winback{position:relative;overflow:hidden;color:#fff;border:0;padding:1.2rem 1.15rem 1.15rem;background:radial-gradient(circle at 12% 0%,#e7d3b52e 0 22%,transparent 50%),radial-gradient(circle at 100% 100%,#25d36624 0 18%,transparent 48%),linear-gradient(160deg,#2b4084 0%,#1b2857 100%);box-shadow:0 28px 70px #1b285752}
.wbHead{display:flex;align-items:center;gap:.55rem;font-size:.86rem;font-weight:700;color:#dfe5f7}.wbLogo{flex:0 0 2.3rem;width:2.3rem;height:2.3rem;border-radius:50%;box-shadow:0 0 0 2px #e7d3b566}.wbBrand{font-size:1rem;font-weight:800;color:#fff;line-height:1.05}.wbBrand small{display:block;margin-top:.15rem;font-size:.68rem;font-weight:600;color:#e7d3b5}
.wbHead b{margin-right:auto;padding:.28rem .65rem;border-radius:30px;background:#f3a64a;color:#3a2206;font-size:.72rem;white-space:nowrap}
.wbSteps{list-style:none;margin:1.05rem 0 0;padding:0;position:relative}
.wbSteps:before{content:"";position:absolute;top:1rem;bottom:1.6rem;right:.84rem;border-right:2px dashed #ffffff3d}
.wbStep{position:relative;display:flex;gap:.65rem;align-items:flex-start;margin-bottom:.7rem}
.wbNum{position:relative;z-index:1;flex:0 0 1.7rem;display:grid;place-items:center;width:1.7rem;height:1.7rem;margin-top:.55rem;border-radius:50%;background:#f3a64a;color:#3a2206;font-size:.8rem;font-weight:800;box-shadow:0 0 0 4px #1f2e63}
.isAi .wbNum{background:linear-gradient(135deg,#3d65df,#8a45d8);color:#fff}.isTune .wbNum{background:#25d366;color:#fff}.isBack .wbNum{background:#7fd6a8;color:#11402a}
.wbCard{flex:1;min-width:0;padding:.7rem .8rem;border-radius:16px;background:#fff;color:var(--ink);box-shadow:0 10px 24px #0b123033}
.wbLabel{margin:0 0 .45rem;font-size:.66rem;font-weight:800;letter-spacing:.04em;color:#8a6a3c}
.wbWho{display:flex;align-items:center;gap:.55rem}.wbWho>div{flex:1;min-width:0}.wbWho b,.wbWho small{display:block}.wbWho b{font-size:.92rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wbWho small{font-size:.7rem;color:var(--muted)}
.wbWho em{font-style:normal;padding:.22rem .5rem;border-radius:30px;background:#fde8e6;color:#b42318;font-size:.68rem;font-weight:800;white-space:nowrap}
.wbAvatar{flex:0 0 2.1rem;display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:50%;background:#e9edff;color:#4055ad;font-weight:800}
.wbTrack{position:relative;height:.5rem;margin:.75rem 0 .3rem;border-radius:30px;background:#eef0f5}
.wbTrack i{position:absolute;inset:0;border-radius:30px;background:linear-gradient(270deg,#4db777 0%,#4db777 50%,#f3a64a 66%,#e5484d 100%)}
.wbMark{position:absolute;top:-.25rem;right:90%;width:2px;height:1rem;background:var(--ink);border-radius:2px}
.winback.wbPlay .wbStep,.winback.wbPlay .wbStats{transition:opacity .5s,transform .5s}.winback.wbPlay .wbStep:not(.wbShow),.winback.wbPlay .wbStats:not(.wbShow){opacity:0;transform:translateY(12px)}.winback.wbPlay .wbMark{transition:right 1.8s cubic-bezier(.4,0,.2,1)}.winback.wbPlay .wbWho em{transition:opacity .4s,transform .4s}.winback.wbPlay .isDetect:not(.wbArrived) .wbMark{right:4%}.winback.wbPlay .isDetect:not(.wbArrived) .wbWho em{opacity:0;transform:scale(.8)}.winback.wbPlay .wbArrived .wbWho em{transition-delay:1.4s}
.wbTrackLabels{display:flex;justify-content:space-between;gap:.4rem;font-size:.6rem;color:var(--muted)}.wbTrackLabels span:nth-child(2){font-weight:700;color:var(--ink)}.wbTrackLabels span:last-child{color:#b42318;font-weight:800}
.isAi .wbLabel{color:#5a3bbd}
.wbIn{width:fit-content;max-width:88%;margin-right:auto;padding:.45rem .6rem .35rem;border-radius:4px 12px 12px 12px;background:#f1f3f8;border:1px solid #e3e7f1}.wbIn p{margin:0;font-size:.76rem;line-height:1.4;color:#2a3450}.wbIn span{display:block;margin-top:.15rem;font-size:.6rem;color:var(--muted)}
.wbReading{display:grid;margin:.5rem 0 .4rem;font-size:.68rem;font-weight:800;color:#5a3bbd}.wbReading>span{grid-area:1/1;display:flex;align-items:center;gap:.35rem;transition:opacity .35s}.wbReading i{flex:none;width:.85rem;height:.85rem;border-radius:50%;background:conic-gradient(from 0deg,#3d65df,#8a45d8,#f3c98a,#3d65df);animation:aiReplySpin 2.4s linear infinite}.wbReadingNow{opacity:0}.wbReadingDone{color:#2f7a4b}
.winback.wbPlay .isAi:not(.wbDone) .wbReadingNow{opacity:1}.winback.wbPlay .isAi:not(.wbDone) .wbReadingDone{opacity:0}
.wbFacts{display:flex;flex-wrap:wrap;gap:.3rem}.wbFacts span{padding:.18rem .5rem;border-radius:30px;background:#eee9ff;color:#4b2fa6;font-size:.64rem;font-weight:800;transition:opacity .35s,transform .35s}.winback.wbPlay .wbFacts span:not(.on){opacity:0;transform:scale(.85)}
.wbDraft mark{padding:0 .15em;border-radius:4px;background:#fff1b8;color:inherit;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.wbSent{display:block;margin-top:.35rem;color:#4f8a5f;font-size:.62rem;text-align:left;transition:opacity .4s}.winback.wbPlay .isTune:not(.wbSent) .wbSent{opacity:0}
.wbTones{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.5rem}.wbTones span{padding:.2rem .5rem;border:1px solid #d9def0;border-radius:30px;background:#f6f7fc;color:#4a5578;font-size:.64rem;font-weight:700;transition:background .3s,color .3s,border-color .3s,box-shadow .3s}.wbTones span.on{border-color:#7555dc;background:#eee9ff;color:#5a3bbd;box-shadow:0 0 0 3px #7659df22}
.wbDraft{position:relative;display:grid;padding:.55rem .7rem;border:1.5px dashed #7fbf8f;border-radius:14px;background:#e7f8e3;overflow:hidden}.wbDraft p{grid-area:1/1;margin:0;font-size:.8rem;line-height:1.45;visibility:hidden;opacity:0;transition:opacity .35s,filter .35s}.wbDraft p.on{visibility:visible;opacity:1}
.wbThinking{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.4rem;color:#5a3bbd;font-size:.72rem;font-weight:800;opacity:0;transition:opacity .3s;pointer-events:none}.wbThinking i{width:1rem;height:1rem;border-radius:50%;background:conic-gradient(from 0deg,#3d65df,#8a45d8,#f3c98a,#3d65df);animation:aiReplySpin 2.4s linear infinite}
.wbDraft.busy p.on{opacity:.15;filter:blur(2px)}.wbDraft.busy .wbThinking{opacity:1}
@media(prefers-reduced-motion:reduce){.wbTones span,.wbDraft p,.wbThinking{transition:none}.wbThinking i{animation:none}}
/* Step 4: the customer asks to book, and the reply comes with booking cards (service, price, free times). */
.isOffer .wbNum{background:linear-gradient(135deg,#3d65df,#8a45d8);color:#fff}.isOffer .wbLabel{color:#5a3bbd}
.wbOffer{display:grid;gap:.4rem;margin-top:.5rem;padding:.5rem .55rem;border:1px solid #e2dcf5;border-radius:14px;background:#faf8ff}
.wbOfferRow{display:flex;flex-wrap:wrap;gap:.3rem}
.wbSvc,.wbSlot{padding:.22rem .5rem;border:1px solid #e2dcf5;border-radius:10px;background:#fff;color:#2b2350;font-size:.68rem;font-weight:700;transition:opacity .35s,transform .35s,background .3s,border-color .3s,box-shadow .3s}
.wbSvc b{color:#5a3bbd}
.wbPick{border-color:#7555dc;background:#eee9ff;color:#4b2fa6;box-shadow:0 0 0 3px #7659df22}
.wbOfferFoot{display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding-top:.3rem;border-top:1px dashed #e2dcf5;font-size:.7rem;font-weight:800;color:#3d2590}
.wbOfferFoot em{font-style:normal;color:#4f8a5f;font-size:.62rem;transition:opacity .4s}
.winback.wbPlay .wbSvc:not(.on),.winback.wbPlay .wbSlot:not(.on){opacity:0;transform:scale(.85)}
.winback.wbPlay .isOffer:not(.wbPicked) .wbPick{border-color:#e2dcf5;background:#fff;color:#2b2350;box-shadow:none}
.winback.wbPlay .isOffer:not(.wbReady) .wbOfferFoot em{opacity:0}
@media(prefers-reduced-motion:reduce){.wbSvc,.wbSlot,.wbOfferFoot em{transition:none}}
.wbBooked{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.1rem .5rem;padding:.5rem .7rem;border-radius:12px;background:#e2f3ea;border-right:4px solid #4db777}
.wbBooked b{font-size:.88rem;color:#1f5e3f;white-space:nowrap}.wbBooked span{grid-column:1;font-size:.7rem;color:#3d6b55}.wbBooked strong{grid-row:1/3;grid-column:2;font-size:.95rem;color:#1f5e3f}
.wbStats{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.9rem}
.wbStats div{padding:.6rem .7rem;border-radius:14px;background:#ffffff14;border:1px solid #ffffff24}
.wbStats b,.wbStats span{display:block}.wbStats b{font-size:1.25rem;line-height:1.1;color:#9ee6bd}.wbStats span{font-size:.68rem;color:#c9d1ec}
@media(max-width:360px){.wbTrackLabels{font-size:.56rem}.wbWho em{font-size:.62rem;padding:.2rem .4rem}}
/* Landing review 2026-10-06: "what's new" merged into #features, first-day card, short comparison. */
.whatsNew{margin-top:2.5rem;border:1px solid var(--line);border-radius:20px;background:#fff}.newHeading{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem .55rem;padding:1.1rem 1.4rem;font-size:1.15rem;font-weight:800;color:var(--ink);cursor:pointer;list-style:none}.newHeading::-webkit-details-marker{display:none}.newHeading span{color:var(--gold)}.newHeading small{color:var(--muted);font-size:.85rem;font-weight:600}.newHeading i{margin-inline-start:auto;font-style:normal;font-size:1.3rem;color:var(--gold);transition:transform .2s}.whatsNew[open] .newHeading i{transform:rotate(45deg)}.whatsNew .newGroups{margin:0;padding:.4rem 1.4rem 1.4rem}
.compareMini{max-width:860px;margin:2.4rem auto 0;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 14px 34px #1d28400f}.compareMiniRow{display:grid;grid-template-columns:1fr 1.25fr 1.25fr;gap:1rem;align-items:center;padding:1rem 1.4rem;border-top:1px solid var(--line)}.compareMiniRow>span:first-child{font-weight:800;font-size:.92rem}.compareMiniRow>span{display:flex;align-items:center;gap:.5rem;font-size:.92rem}.compareMiniRow>span:nth-child(2){color:var(--ink);font-weight:700}.compareMiniRow>span:nth-child(3){color:var(--muted)}.compareMiniHead{border-top:0;background:var(--sand)}.compareMiniHead>span{flex-direction:column;align-items:flex-start;gap:.1rem}.compareMiniHead b{font-size:1.05rem}.compareMiniHead small{color:var(--muted);font-weight:600;font-size:.78rem}.compareMiniHead>span:nth-child(2) b{color:var(--blue)}.compareMiniLink{text-align:center;margin:1.4rem 0 0}.compareMiniLink a{display:inline-flex;gap:.4rem;padding:.75rem 1.3rem;border:1px solid #cfc6bb;border-radius:999px;color:var(--ink);font-weight:800;text-decoration:none;background:#fff}.compareMiniLink a:hover{border-color:var(--gold)}
@media(max-width:760px){.whatsNew{margin-top:1.8rem}.newHeading{padding:1rem}.whatsNew .newGroups{padding:.2rem 1rem 1rem}.featureGrid{grid-template-columns:1fr 1fr;gap:.7rem;margin-top:2rem}.featureGrid article{padding:1rem}.featureGrid h3{margin:.65rem 0 .25rem;font-size:.98rem}.featureGrid p{font-size:.82rem;line-height:1.45}.compareMiniRow{grid-template-columns:1fr 1fr;gap:.35rem .8rem;padding:.9rem 1rem}.compareMiniRow>span:first-child{grid-column:1/-1}.compareMiniHead>span:first-child{display:none}.compareMiniRow>span{font-size:.85rem;align-items:flex-start}}
/* Customer proof: a real quote from B1 Hair Studio next to the hero and a short line before pricing. */
.proof{max-width:1080px;margin:2.2rem auto 0;padding:0 1rem}.proofCard{margin:0;padding:1.8rem 2rem;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 34px #1d28400f;position:relative}.proofCard:before{content:"”";display:block;height:2.4rem;font:4.5rem/1 Georgia,serif;color:var(--gold-light)}.proofCard blockquote{margin:0;padding:0;background:none;display:block}.proofCard blockquote p{margin:0;max-width:52rem;font-family:inherit;font-size:1.12rem;font-weight:500;line-height:1.75;color:var(--ink)}.proofCard strong{background:linear-gradient(transparent 62%,#f6dcae 62%)}.proofCard figcaption{display:flex;align-items:center;gap:.75rem;margin-top:1.2rem}.proofAvatar{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--blue);color:#fff;font-weight:800}.proofCard figcaption b,.proofCard figcaption small{display:block}.proofCard figcaption small{color:var(--muted);font-size:.85rem}
.proofLine{max-width:44rem;margin:-.4rem auto 1.6rem;text-align:center;color:var(--ink);font-size:1rem;font-weight:600;line-height:1.6}.proofLine span{display:block;margin-top:.2rem;color:var(--muted);font-size:.85rem;font-weight:500}
@media(max-width:760px){.proof{margin-top:1.6rem}.proofCard{padding:1.4rem 1.2rem}.proofCard blockquote p{font-size:1rem;line-height:1.7}}
.freePlanStrip{max-width:1120px;margin:1.6rem auto 0;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;flex-wrap:wrap;background:#fff;border:1px dashed var(--gold-light);border-radius:20px;padding:1.3rem 1.6rem}.freePlanStrip>div{flex:1 1 22rem;min-width:0}.freePlanStrip h3{margin:.2rem 0 .35rem;font-size:1.12rem}.freePlanStrip p:last-child{margin:0;color:var(--muted);font-size:.9rem}.freePlanStrip .button{flex:0 0 auto}
@media(max-width:900px){.freePlanStrip{max-width:520px}.freePlanStrip .button{width:100%}}