/* (Codex/GPT) 2026-09-27. Presentation layers over unchanged current captures. */
*{box-sizing:border-box}body{margin:0;width:1710px;background:#f8f6f4;font-family:Arial,sans-serif;color:#283a56}#tour{width:1710px;height:1060px;overflow:hidden}#tour-stage{height:895px;position:relative;overflow:hidden;background:#f7f6f4}.capture{position:absolute;inset:0;opacity:0;transition:opacity .5s;pointer-events:none}.capture.on{opacity:1}.capture>img{width:1710px;height:895px;display:block}.side{position:absolute;inset:0 auto 0 0;width:208px;background:white;z-index:3;border-right:1px solid #e3e5e8;padding:22px 13px;display:flex;flex-direction:column}.side-logo{width:98px;margin:4px 9px 25px}.side-section{font-size:10px;letter-spacing:1.5px;color:#85909e;margin:11px 12px 5px}.side-link{display:flex;align-items:center;gap:11px;font-size:13px;padding:8px 12px;border-radius:10px;white-space:nowrap}.side-link i{font-size:19px}.side-link.active{background:#2d4364;color:white}.side-account{margin-top:auto;border-top:1px solid #e7e7e7;padding:20px 4px 0}.salon-name{display:flex;gap:11px;align-items:center}.salon-avatar{height:39px;width:39px;border-radius:50%;display:grid;place-items:center;background:#2c4263;color:white;font-size:19px;position:relative;flex-shrink:0}.salon-name b{font-size:12px}.salon-name small{display:block;font-size:10px;color:#8c929b;margin-top:4px}.side-status{font-size:11px;color:#2d8a56;margin-top:15px;display:flex;align-items:center;gap:7px}.side-status:before{content:'';width:6px;height:6px;background:#45ac72;border-radius:50%}.calendar .salon-avatar{box-shadow:0 0 0 3px #42bb79}.calendar .salon-avatar:after{content:'';position:absolute;inset:-5px;border:2px solid #43b67a;border-radius:50%;animation:ring 1.6s infinite}.calendar[data-step="booked"] .salon-avatar:after{animation:none;opacity:0}.calendar[data-step="booked"] .salon-avatar{box-shadow:none}.booking-cover{position:absolute;left:649px;top:346px;width:356px;height:178px;background:repeating-linear-gradient(to bottom,#fff 0,#fff 57px,#e5e7ea 58px,#fff 59px);transition:opacity .4s;z-index:1}.calendar[data-step="booked"] .booking-cover{opacity:0}.booking-outline{position:absolute;left:649px;top:346px;width:356px;height:178px;border-radius:9px;opacity:0;pointer-events:none}.calendar[data-step="booked"] .booking-outline{animation:booking-land 1.5s both}.calendar-hover-cover{position:absolute;left:649px;top:714px;width:356px;height:33px;background:#f6f7f9}.call-card{position:absolute;left:1387px;top:287px;width:299px;height:142px;background:white;border:1px solid #e9e9e9;border-radius:19px;padding:22px;color:#2c4563;transition:opacity .3s}.call-card span{font-size:11px;letter-spacing:1px;color:#788377}.call-card b{display:block;font-size:17px;margin:16px 0 9px}.call-card small{font-size:12px;color:#6e7e74}.calendar[data-step="booked"] .call-card{opacity:0}.booking-toast{position:absolute;z-index:2;bottom:22px;left:208px;width:480px;padding:22px 27px;display:flex;align-items:center;gap:18px;background:#fff;border:1px solid #d8e8de;border-radius:0 17px 17px 0;box-shadow:6px 10px 30px #24374c25;opacity:0;transform:translateX(-100%);transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .3s}.booking-toast .success{height:48px;width:48px;border-radius:50%;background:#e6f5eb;color:#2b8550;display:grid;place-items:center;font-size:25px}.booking-toast b{display:block;font-size:18px;margin-bottom:7px}.booking-toast small{font-size:13px;color:#6c7d72}.calendar[data-step="booked"] .booking-toast{opacity:1;transform:none}.mask-revenue-name{position:absolute;inset:0 0 auto;height:98px;background:linear-gradient(110deg,#302c4b,#242038);border-radius:0 0 28px 28px;display:flex;align-items:center;justify-content:space-between;padding:20px 32px;color:#fff}.mask-revenue-name h1{font-size:29px;margin:0 0 5px}.mask-revenue-name p{font-size:13px;margin:0;color:#c4c1d0}.period{font-size:14px;border:1px solid #ffffff30;border-radius:9px;padding:15px 24px}.click-cursor{position:absolute;width:35px;height:42px;z-index:12;opacity:0;transition:left .85s cubic-bezier(.22,1,.36,1),top .85s cubic-bezier(.22,1,.36,1),opacity .2s;filter:drop-shadow(1px 3px 3px #20334e50);pointer-events:none}.click-cursor svg{width:100%;height:100%;fill:#253d60;stroke:#fff;stroke-width:2}.click-cursor.visible{opacity:1}.click-cursor.click:after{content:'';position:absolute;left:-22px;top:-22px;width:60px;height:60px;border:3px solid #dd8c73;border-radius:50%;animation:click-wave .65s ease-out both}.revenue-highlight{position:absolute;left:28px;top:482px;width:1654px;height:385px;border:3px solid #c79e58;border-radius:19px;opacity:0;pointer-events:none}.payments[data-step="leaderboard"] .revenue-highlight{animation:focus-flash 2s both}.campaign-detail{position:absolute;inset:228px 28px 26px;background:white;z-index:3;border:1px solid #e2e5e5;border-radius:19px;box-shadow:0 24px 70px #24374c20;padding:34px 40px;opacity:0;transform:translateY(28px);transition:opacity .4s,transform .5s;pointer-events:none}.marketing[data-step="detail"] .campaign-detail{opacity:1;transform:none}.detail-top{display:flex;justify-content:space-between;align-items:center;font-size:16px;color:#6f7986}.detail-top strong{font-size:28px;color:#2b3e57}.back-campaigns{background:#f0f2f4;border-radius:8px;padding:12px 16px}.campaign-funnel{display:flex;gap:18px;margin:28px 0}.campaign-funnel>div{flex:1;padding:24px;border:1px solid #e7e7e7;border-radius:12px}.campaign-funnel small{display:block;font-size:13px;color:#79818a;margin-bottom:12px}.campaign-funnel b{font-size:32px}.campaign-funnel .earned{background:#eaf3eb;border-color:#cbdfce;color:#26734c}.campaign-funnel .earned b{font-size:38px}.who-booked{font-size:17px;margin:28px 0 10px}.booking-row{display:grid;grid-template-columns:1fr 1fr 1fr 100px;align-items:center;padding:17px 8px;border-bottom:1px solid #e9ecef;font-size:16px}.booking-row span{color:#697583}.booking-row strong:last-child{text-align:right}.attribution-note{font-size:13px;color:#748078;margin:21px 0 0}.forms-brand{position:absolute;left:825px;top:119px;width:230px;height:45px;display:flex;align-items:center;background:#f8f7f5;gap:12px;font-size:16px;font-weight:600}.forms-brand img{width:31px}.phone-brand{position:absolute;left:1398px;top:163px;width:218px;height:39px;display:flex;align-items:center;justify-content:center;background:#f1f0eb;font-size:13px;font-weight:600}.forms-nav-cover{position:absolute;left:738px;top:0;width:290px;height:80px;background:#2c4163}.signature{position:absolute;left:1399px;top:635px;width:221px;height:29px;background:#fcfbf8;font:italic 21px Georgia,serif;color:#38425b;clip-path:inset(0 100% 0 0)}.forms[data-step="signed"] .signature,.forms[data-step="complete"] .signature{clip-path:inset(0);transition:clip-path 1s}.phone-check{position:absolute;left:1394px;top:684px;width:16px;height:16px;background:#5c9670;color:#fff;text-align:center;font-size:14px;border-radius:3px;opacity:0}.forms[data-step="signed"] .phone-check,.forms[data-step="complete"] .phone-check{opacity:1}.forms-done{position:absolute;left:1378px;top:206px;width:266px;height:572px;background:#fdfcf9;border-radius:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;transform:translateY(15px);transition:opacity .4s,transform .4s;padding:25px;text-align:center}.forms[data-step="complete"] .forms-done{opacity:1;transform:none}.forms-done>span{width:68px;height:68px;border-radius:50%;background:#e4f1e6;color:#41815a;display:grid;place-items:center;font-size:31px}.forms-done h2{font:28px/1.1 Georgia,serif;margin:22px 0 15px}.forms-done p{font-size:15px;color:#6b7770;line-height:1.6}.forms-done small{margin-top:28px;font-size:11px;color:#8d938e}.tour-footer{height:165px;position:relative;display:flex;align-items:center;justify-content:space-between;background:#fff;padding:27px 40px;border-top:1px solid #e1e6e5}.tour-kicker{font-size:11px;letter-spacing:1.8px;color:#a7533c}.tour-footer h2{font-size:25px;letter-spacing:-.6px;margin:8px 0}.tour-footer p{font-size:16px;color:#6f7c8c;margin:0}.sample-label{font-size:13px;color:#89919a;align-self:flex-end}.tour-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#eef0ec}.tour-progress i{display:block;height:100%;background:#d88568;transform:scaleX(var(--progress,0));transform-origin:left}.demo-paused *,.demo-paused *:after,.tour-user-paused *,.tour-user-paused *:after{animation-play-state:paused!important}.demo-reset *{animation:none!important}@keyframes ring{0%{transform:scale(1);opacity:.85}100%{transform:scale(1.5);opacity:0}}@keyframes booking-land{0%{opacity:1;box-shadow:0 0 0 0 #42b67b}35%{opacity:1;box-shadow:0 0 0 8px #42b67b40}100%{opacity:1;box-shadow:0 0 0 3px #42b67b}}@keyframes click-wave{from{transform:scale(.4);opacity:1}to{transform:scale(1.7);opacity:0}}@keyframes focus-flash{0%,100%{opacity:0}20%,65%{opacity:1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.click-cursor{display:none}.tour-progress{display:none}}

.side-settings{display:flex;align-items:center;gap:11px;padding:10px 12px;font-size:13px;color:#6d7886;margin-top:auto}.side-settings i{font-size:19px}.side-account{margin-top:4px}.booked-label{position:absolute;left:1392px;top:253px;width:195px;height:24px;background:white;color:#7a808a;font-size:11px;letter-spacing:1px;padding-top:5px}.booked-column-label{position:absolute;left:1463px;top:375px;width:120px;height:20px;background:white;color:#7a808a;font-size:11px;letter-spacing:.8px;padding-top:3px}

/* (Codex/GPT) 2026-10-03 · Populated, illustrative day view over the captured app chrome. */
.sample-calendar{position:absolute;left:232px;top:120px;width:1133px;height:775px;background:#fff;border:1px solid #e7e8eb;border-radius:19px;overflow:hidden;color:#384458}.sample-calendar-meta{height:38px;display:flex;align-items:center;gap:15px;padding:0 13px;border-bottom:1px solid #e9ebed;font-size:11px}.calendar-live{display:flex;align-items:center;gap:7px;color:#729282;white-space:nowrap}.calendar-live i{height:7px;width:7px;border-radius:50%;background:#5baa7e}.sample-totals{margin-left:auto;display:flex;gap:5px;align-items:center;color:#a0a3ab;white-space:nowrap}.sample-totals>span{margin-left:10px}.sample-totals b{color:#44494e;font-size:11px}.sample-tally-count{background:#f9ece7;color:#bc8068;border-radius:20px;padding:5px 8px;font-size:10px;opacity:0}.calendar[data-step="booked"] .sample-tally-count{opacity:1}.sample-working{height:48px;display:flex;align-items:center;gap:12px;padding:0 13px;font-size:12px;color:#98999e;border-bottom:1px solid #eaebee}.sample-working>strong{padding:9px 13px;border-radius:22px;background:#f1f2f3;font-weight:600;color:#414349}.sample-working>strong b{color:#cb8065;margin:0 5px}.service-legend{display:flex;align-items:center;gap:13px;margin-left:auto;color:#8b8e96;font-size:10px}.service-legend>span{display:flex;gap:5px;align-items:center}.service-legend>span:before{content:'';width:7px;height:7px;background:var(--appointment-color);border-radius:2px}.sample-staff{height:72px;padding-left:57px;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #e6e8eb}.sample-staff>div{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:5px;border-right:1px solid #eff0f2}.sample-staff strong{font-size:12px;letter-spacing:.3px}.sample-staff span{font-size:11px;color:#a3a4aa}.sample-staff small{font-size:11px;padding:3px 9px;border-radius:13px;background:#f2f3f6;color:#838895}.sample-day-grid{position:relative;height:590px;margin-top:8px}.sample-time-column{position:absolute;top:0;bottom:0;left:0;width:57px}.sample-time-column>span{position:absolute;right:5px;transform:translateY(-45%);font-size:11px;color:#a2a4a8;line-height:12px;background:#fff}.sample-stylist-columns{position:absolute;inset:0 0 0 57px;display:grid;grid-template-columns:repeat(3,1fr)}.sample-stylist-column{position:relative;border-left:1px solid #e7e9ed;background:repeating-linear-gradient(to bottom,#e9ebef 0,#e9ebef 1px,transparent 1px,transparent 59px),repeating-linear-gradient(to bottom,transparent 0,transparent 29px,#f5f6f8 29px,#f5f6f8 30px,transparent 30px,transparent 59px)}.kind-cut{--appointment-color:#7393b3}.kind-color{--appointment-color:#d38161}.kind-style{--appointment-color:#4e9188}.kind-care{--appointment-color:#a98ab8}.kind-roots{--appointment-color:#c39a56}.sample-appointment{position:absolute;left:2px;right:2px;background:var(--appointment-color);border:1px solid #ffffff30;border-radius:7px;color:white;padding:9px 10px;display:flex;align-items:center;overflow:hidden}.appointment-copy{display:flex;flex-direction:column;gap:2px;max-width:calc(100% - 45px);line-height:1.15}.appointment-copy strong{font-size:12px;font-weight:600}.appointment-copy>span{font-size:11px;color:#ffffffd9}.appointment-price{position:absolute;right:9px;bottom:8px;font-size:12px;font-weight:600}.appointment-tally{position:absolute;top:7px;right:8px;background:#fff1de;color:#b67751;border-radius:12px;padding:2px 5px;font-size:10px}.sample-appointment.compact{padding:2px 8px}.compact .appointment-copy{gap:1px;max-width:calc(100% - 37px)}.compact .appointment-copy strong{font-size:11px;white-space:nowrap}.compact .appointment-copy strong span{font-weight:400;color:#ffffffec}.compact .appointment-copy>span{font-size:10px}.compact .appointment-price{font-size:11px;right:7px;bottom:5px}.tally-arrival{opacity:0;transform:translateY(8px) scale(.97);transition:opacity .35s,transform .45s cubic-bezier(.2,1,.3,1);z-index:1}.calendar[data-step="booked"] .tally-arrival{opacity:1;transform:none;animation:booking-land 1.5s both}.sample-schedule-rail{position:absolute;left:1386px;top:120px;width:301px;bottom:0;background:#f4f5f6;display:flex;flex-direction:column;gap:14px}.sample-rail-card{padding:19px;border:1px solid #e6e7e9;background:#fff;border-radius:19px;color:#34383c;font-size:13px}.rail-kicker{font-size:10px;color:#a3a5aa;letter-spacing:1.2px;display:block;margin-bottom:13px}.sample-rail-card p{margin:0 0 6px;font-size:13px;line-height:1.35}.sample-rail-card small{font-size:11px;line-height:1.6;color:#a3a3a6}.sample-rail-actions{display:flex;gap:6px;margin-top:8px;font-size:12px}.sample-rail-actions>span{border:1px solid #eceef1;border-radius:20px;padding:7px 11px}.sample-rail-actions>span:first-child{background:#304866;border-color:#304866;color:#fff}.sample-call-booking{height:154px;position:relative;flex-shrink:0}.sample-rail-call,.sample-rail-booked{position:absolute;inset:19px;transition:opacity .3s}.sample-rail-call h3{font-size:16px;margin:17px 0 10px;color:#304866}.sample-rail-booked{opacity:0}.calendar[data-step="booked"] .sample-rail-call{opacity:0}.calendar[data-step="booked"] .sample-rail-booked{opacity:1}.sample-booked-value{display:flex;align-items:center;justify-content:space-between;background:#edf6f0;border:1px solid #d3e4da;border-radius:8px;color:#648a78;font-size:11px;margin-top:12px;padding:11px 10px}.sample-openings{margin-bottom:12px}.sample-openings p{font-size:12px;line-height:1.5;margin-bottom:7px}.sample-service-mix{margin-bottom:11px}.sample-service-mix p{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:13px}.sample-service-mix i{background:var(--appointment-color);height:8px;width:8px;border-radius:3px}.sample-service-mix b{margin-left:auto;color:#738092}.calendar .booking-toast{z-index:4}

/* (Claude/Cowork) 2026-10-04 — the forms capture's policy text was a real salon's; painted out of the PNG and redrawn here with a generic sample policy. */
.policy-copy{position:absolute;left:657px;top:286px;width:470px;font:13px/19.5px 'DM Sans',Inter,system-ui,sans-serif;color:#2b2f38;white-space:normal}
.phone-policy-copy{position:absolute;left:1395px;top:327px;width:234px;font:11.5px/17.6px 'DM Sans',Inter,system-ui,sans-serif;color:#3b4150}
.forms-nav-cover{display:none}  /* the "Your week is ready" toast is now painted out of the PNG itself */