@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#112c36;--ink:#16343d;--muted:#536971;--line:#dbe3e5;--bg:#f4f7f8;--orange:#e55c2e;--green:#126148;--pale:#e4f4ed}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.6}button:focus-visible,a:focus-visible{outline:3px solid #df6b36;outline-offset:4px}.top{max-width:1440px;margin:auto;padding:23px 48px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font:800 26px 'Manrope',sans-serif;letter-spacing:-1px}.brandmark{background:var(--ink);color:#fff;width:35px;height:35px;border-radius:10px;text-align:center;font-size:26px;line-height:31px}.brand-sub{font:700 11px 'DM Sans',sans-serif;letter-spacing:1.8px;border-left:1px solid #c3ced1;margin-left:9px;padding-left:16px}.example{margin-left:auto;font-size:14px;color:var(--muted)}.reset{border:0;background:transparent;font-size:14px;color:var(--ink);padding:8px}.reset span{font-size:22px;margin-left:9px}main{max-width:1280px;margin:auto;padding:40px 48px 16px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.7px;margin:0 0 13px}.intro h1{font:800 clamp(28px,3.1vw,43px)/1.19 'Manrope',sans-serif;letter-spacing:-1.5px;margin:0 0 16px}.intro h1 span{color:#71838a}.intro>p:last-child{color:var(--muted);margin:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:31px 0 23px;border-bottom:1px solid var(--line);gap:20px}.steps li{padding:0 0 14px;font-size:14px;color:#687c84;position:relative}.steps span{font-size:12px;margin-right:8px}.steps .active{color:var(--ink);font-weight:700}.steps .active:after{content:'';position:absolute;height:3px;bottom:-2px;left:0;right:0;background:var(--orange)}.steps .done{color:var(--green)}.workspace{display:grid;grid-template-columns:.9fr 1.3fr;border:1px solid var(--line);border-radius:20px;overflow:hidden;min-height:600px;background:#fff;box-shadow:0 16px 50px #102f3706}.guide{background:var(--navy);color:#fff;padding:38px;display:flex;flex-direction:column}.guide .eyebrow{color:#a6c4ce;font-size:11px}.guide h2{font:700 28px/1.25 'Manrope',sans-serif;letter-spacing:-.7px;margin:0 0 20px}.guide-copy{color:#c2d2d8;margin:0;font-size:16px;line-height:1.75}.guide-bottom{margin-top:auto;padding-top:30px}.owner{display:flex;gap:13px;align-items:flex-start;border-top:1px solid #36505b;padding-top:22px}.owner-icon{color:#ff9b73;font-size:24px}.owner strong{font-size:14px;font-weight:600}.owner p{font-size:14px;color:#c2d2d8;margin:5px 0 0}.demo-note{font-size:12px;color:#a6bdc6;margin:22px 0 0;line-height:1.65}.mini-stats{margin-top:27px;display:flex;gap:30px}.mini-stats strong{display:block;font:600 32px 'Manrope',sans-serif}.mini-stats span{font-size:12px;color:#c2d2d8}.detail-note{border-left:2px solid #fd9269;padding-left:16px;margin:26px 0 0;color:#d9e5e9;font-size:14px;line-height:1.7}.stage{padding:24px 32px 32px;background:radial-gradient(ellipse at 50% 45%,#fff 40%,#eff4f5 100%);display:flex;flex-direction:column}.stage-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:22px}.live-label{font-size:12px;font-weight:500;letter-spacing:0;border:1px solid #cedbdd;padding:4px 10px;border-radius:20px;background:#fff;color:var(--muted)}#screen{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.panel{width:100%;max-width:440px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px;box-shadow:0 12px 34px #15343d0a;animation:enter .25s ease}.panel h3{font:700 21px 'Manrope',sans-serif;margin:0 0 7px;letter-spacing:-.5px}.sub{font-size:14px;color:var(--muted);margin:0}.group{display:flex;gap:13px;align-items:center;background:#f1f5f6;padding:15px;border-radius:10px;margin:23px 0}.group-symbol{font-size:24px;background:#fff;width:42px;height:42px;border:1px solid var(--line);border-radius:9px;text-align:center;line-height:40px}.group strong{display:block;font-size:14px}.group small{font-size:12px;color:var(--muted)}.label{font-size:12px;font-weight:600;color:var(--muted);display:block;margin-bottom:8px}.sms-preview{background:#f4f7f8;border:1px solid var(--line);border-radius:10px;padding:17px;font-size:15px;line-height:1.65}.sms-preview p{margin:0}.primary{display:block;width:100%;border:0;border-radius:9px;background:var(--orange);color:white;padding:13px 16px;font-weight:600;margin-top:22px;transition:background .15s}.primary:hover{background:#c94b22}.secondary{display:block;width:100%;border:1px solid #cdd9de;border-radius:9px;background:#fff;color:var(--ink);padding:11px 14px;margin-top:9px;font-size:14px}.secondary:hover{background:#eef3f5}.fine{font-size:12px;color:var(--muted);text-align:center;margin:12px 0 0}.phone{width:310px;max-width:100%;border:7px solid #233740;border-radius:35px;background:#fff;box-shadow:0 15px 35px #1d33341c;overflow:hidden;animation:enter .3s ease}.phone-top{padding:11px 15px 15px;background:#f4f6f7;text-align:center;border-bottom:1px solid var(--line)}.phone-meta{display:flex;justify-content:space-between;font-size:11px;font-weight:700;margin-bottom:9px}.avatar{margin:auto auto 5px;width:37px;height:37px;border-radius:50%;background:#dce6e9;color:#40565f;font-size:14px;font-weight:700;line-height:37px}.phone-top strong{font-size:13px}.messages{padding:16px 13px 20px;min-height:205px}.timestamp{font-size:11px;text-align:center;color:#72848a;margin:0 0 14px}.bubble{padding:12px 13px;border-radius:15px 15px 15px 4px;background:#edf1f3;font-size:14px;line-height:1.55;max-width:94%;margin-bottom:10px;animation:enter .3s ease}.bubble.out{background:#17664e;color:#fff;border-radius:15px 15px 4px 15px;margin-left:auto;max-width:85%}.bubble a,.bubble button{display:block;background:transparent;border:0;color:#0f6655;text-decoration:underline;font-size:14px;padding:5px 0;text-align:left}.reply-controls{padding:14px;border-top:1px solid var(--line)}.reply-controls .primary{margin-top:0;font-size:14px;padding:11px}.reply-controls .label{font-size:11px;letter-spacing:.3px;text-align:center}.reply-row{display:flex;gap:7px}.reply-row .secondary{font-size:12px;padding:9px 5px}.phone-caption{font-size:12px;color:var(--muted);text-align:center;margin:13px 0 0;max-width:350px}.booking-brand{font-size:12px;letter-spacing:1px;color:var(--muted);margin:0 0 15px}.booking-heading{margin-bottom:22px!important}.slots{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.slot{border:1px solid #cbd9df;background:white;border-radius:8px;padding:13px;color:var(--ink);font-size:14px;text-align:left}.slot span{font-weight:700;display:block;font-size:18px}.slot.selected{border:2px solid var(--green);background:var(--pale);padding:12px}.customer{padding:13px 0;border-top:1px solid var(--line);margin-top:20px;font-size:14px;display:flex;justify-content:space-between}.customer span{color:var(--muted)}.success-symbol{background:var(--pale);color:var(--green);width:46px;height:46px;border-radius:50%;font-size:26px;line-height:46px;text-align:center;margin-bottom:16px}.status-pill{font-size:12px;background:var(--pale);color:var(--green);border-radius:20px;padding:4px 10px;display:inline-block}.result-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:22px 0 6px}.result-head strong{font-size:17px}.job{font-size:14px;color:var(--muted);margin:0 0 20px}.appointment{padding:14px;background:#f3f6f7;border-radius:9px;display:flex;gap:13px;align-items:center}.appointment strong{display:block;font-size:14px}.appointment small{color:var(--muted);font-size:12px}.timeline{padding:0;list-style:none;margin:22px 0;font-size:13px}.timeline li{padding:7px 0;display:flex;gap:12px;color:var(--muted)}.timeline li:before{content:'✓';color:var(--green);font-weight:700}.timeline time{margin-left:auto;font-size:12px}.goal{border-top:1px solid var(--line);padding-top:17px;font-size:13px}.goal-head{display:flex;justify-content:space-between;gap:10px}.goal-track{display:flex;gap:5px;margin-top:10px}.goal-track i{height:6px;background:#e1e8eb;flex:1;border-radius:4px}.goal-track i:first-child{background:var(--green)}footer{display:flex;justify-content:space-between;gap:20px;color:#71838b;font-size:12px;padding-top:22px}@keyframes enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media(min-width:1400px){main{padding-top:50px}.workspace{min-height:620px}}@media(max-width:820px){.top{padding:18px 24px}.example{display:none}.reset{margin-left:auto}main{padding:28px 24px}.intro h1{letter-spacing:-.9px}.steps{gap:10px}.steps li{font-size:12px}.steps span{display:block;margin-bottom:4px}.workspace{grid-template-columns:1fr}.guide{padding:25px}.guide h2{font-size:25px}.guide-copy{font-size:15px}.guide-bottom{padding-top:18px}.owner{padding-top:15px}.demo-note{margin-top:15px}.mini-stats{margin-top:18px}.stage{padding:22px;min-height:560px}.guide h2 br{display:none}.guide h2 br:after{content:' '}.steps{margin-top:25px}.intro>p:last-child{font-size:15px}.owner p{margin:2px 0}.guide .detail-note{margin-top:16px}.mini-stats strong{font-size:25px}footer{flex-direction:column;gap:5px}.panel{padding:22px}}@media(max-width:390px){main{padding:22px 14px}.stage{padding:18px 13px}.guide{padding:22px}.brand{font-size:23px}.brand-sub{font-size:10px}.steps li{font-size:11px}.phone{width:290px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Version 2: direct customer journey and personal company name. */
.intro{display:flex;justify-content:space-between;align-items:center;gap:30px}.intro h1{font-size:clamp(27px,3vw,38px);margin-bottom:0}.personalize{width:310px;max-width:100%}.personalize label{font-size:14px;font-weight:600;display:block;margin-bottom:8px}.personalize input{width:100%;font:500 16px 'DM Sans',sans-serif;color:var(--ink);border:1px solid #b8cbd2;background:#fff;border-radius:9px;padding:13px 14px}.personalize input:focus{outline:2px solid var(--orange);outline-offset:2px}.personalize p{font-size:12px;color:var(--muted);margin:6px 0 0}.steps{grid-template-columns:repeat(3,1fr)}.guide h2{white-space:pre-line}.workspace{min-height:590px}.guide{padding:32px}.preparation{border-top:1px solid #47606a;margin-top:25px;padding-top:18px;font-size:14px;color:#c2d2d8}.preparation summary,.terms summary{cursor:pointer;font-weight:600}.preparation p{font-size:14px;line-height:1.7}.offer{border-top:1px solid #47606a;margin-top:22px;padding-top:22px}.offer h3{font:700 25px/1.3 'Manrope',sans-serif;margin:0 0 14px;letter-spacing:-.5px}.offer>p{color:#c2d2d8;font-size:14px;line-height:1.65}.offer .eyebrow{color:#ffb391;font-size:11px}.price{font:700 31px 'Manrope',sans-serif;margin-top:20px}.price span{font:400 13px 'DM Sans',sans-serif;color:#c2d2d8}.offer .payment{color:#fff;font-size:14px}.contact{text-decoration:none;text-align:center;font-size:14px}.offer .mail-note{font-size:12px;color:#b8cdd4}.terms{color:#c2d2d8;font-size:12px;margin-top:18px}.terms p{line-height:1.7}.result-appointment{margin:23px 0}.automatic{font-size:14px}.timeline{margin:10px 0 20px}.phone-top strong,[data-firm]{overflow-wrap:anywhere}.phone-top strong{display:block;padding:0 10px}.phone{width:320px}.phone-caption{font-size:13px}.stage-top{gap:12px}.live-label{text-align:right}.guide-bottom{padding-top:20px}.intro .eyebrow{font-size:11px}.offer .primary{background:#f37a49}.offer .primary:hover{background:#e35b29}
@media(max-width:820px){.intro{display:block}.personalize{margin-top:18px;width:100%}.intro h1{font-size:28px}.steps{margin:20px 0 18px}.workspace{display:flex;flex-direction:column}.stage{order:-1;min-height:0;padding:19px 16px 24px}.guide{padding:25px}.guide h2{font-size:25px}.guide-copy{font-size:16px}.phone{width:310px}.phone .messages{min-height:0;padding-top:12px}.phone-top{padding-bottom:10px}.phone .avatar{display:none}.phone-meta{margin-bottom:5px}.stage-top{margin-bottom:16px}.offer h3{font-size:25px}.guide-bottom{padding-top:15px}.personalize label{font-size:14px}.demo-note{font-size:12px}.steps li{font-size:13px}.guide .eyebrow{font-size:12px}.owner strong,.owner p{font-size:14px}.terms,.offer .mail-note{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.bubble{overflow-wrap:anywhere}footer a{color:var(--ink)}