/* (Codex/GPT) 2026-10-04 · Presentation frame around the current app renderer. */
body{font-family:'DM Sans',sans-serif;color:#22303f;background:#f8f6f4}body.preview-embedded{width:1710px;overflow:hidden}#marketing-tour{position:relative}#app-viewport{height:895px;overflow:auto;scrollbar-width:thin;scrollbar-color:#c9cfce transparent;scroll-behavior:smooth}body.embed .wrap{padding-bottom:30px}body.embed .topbar{position:sticky;top:0;z-index:10;min-height:104px;border-radius:0 0 22px 22px}.topbar .sub:after{content:' · Sample salon';color:#c4cfdf}.topbar .seg button{font-size:15px;padding:12px 19px}.topbar .brand{pointer-events:none}.dashhead{margin-top:20px}.tiles.kpis{gap:15px}.kpis .tile{padding:21px 22px;min-height:128px}.kpis .val{font-size:40px;font-weight:700;margin:8px 0 4px}.kpis .lab{font-size:12px}.kpis .dl{font-size:13px}.meterline{padding:13px 16px}.card{padding:20px 22px;margin-bottom:18px}.card h2{font-size:17px}.stycard{padding:17px;gap:12px}.styhead b{font-size:16px}.styhead .sub{font-size:13px}.stygrid{gap:14px}.stycard .bar{height:7px}.tbl th{font-size:12px;padding-top:17px;padding-bottom:15px}.tbl td{padding-top:15px;padding-bottom:15px}.tbl .nm{font-size:16px;cursor:pointer}.tbl td b{font-size:16px}.tbl .nm:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #e8785a;outline-offset:3px}.tbl tr.open{background:#f8f1eb}.tbl tr.open .nm{color:#b85f42}.grid .funnel{height:95px}.grid .funnel i{transform-origin:bottom;animation:marketing-grow .7s ease both}.grid .who>div{padding:7px 0}.grid .draft{margin-top:16px!important;padding:17px;line-height:1.65}.marketing-footer{height:165px;border-top:1px solid #e4e8e4;background:white;display:flex;align-items:center;justify-content:space-between;padding:26px 40px;position:relative;gap:25px}.marketing-kicker{font-size:11px;letter-spacing:1.8px;color:#a7533c}.marketing-footer h2{font-size:26px;letter-spacing:-.6px;margin:8px 0}.marketing-footer p{font-size:16px;color:#6f7c8c;margin:0}.marketing-controls{text-align:right;font-size:13px;color:#788597;min-width:230px}.marketing-controls>div{margin:9px 0}.marketing-controls button{border:1px solid #dde3e2;border-radius:20px;background:#f8faf8;color:#2b4163;font:inherit;font-size:13px;padding:7px 15px;margin-left:5px;cursor:pointer}.marketing-controls small{font-size:11px}.marketing-progress{position:absolute;bottom:0;left:0;height:4px;width:100%;background:#d88568;transform-origin:left;transform:scaleX(var(--progress,0));pointer-events:none}.marketing-booking{position:absolute;z-index:15;top:116px;right:36px;display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #badac7;border-radius:13px;box-shadow:0 15px 40px #20394a25;padding:17px 20px;opacity:0;transform:translateY(-12px);transition:opacity .4s,transform .4s;pointer-events:none}.marketing-booking.on{opacity:1;transform:none}.marketing-booking>span{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#e3f2e8;color:#298758;font-size:23px}.marketing-booking b{display:block;font-size:15px}.marketing-booking small{display:block;font-size:12px;color:#6d7f75;margin-top:5px}.marketing-booking em{font-size:10px;font-style:normal;color:#8e9c96;margin-left:12px}.new-booking .tile.hero{animation:marketing-glow 1.6s ease both}.new-booking .kpis .val{animation:marketing-pop .7s ease both}.bar i{transition:width .8s}.marketing-cursor-unused{display:none}#marketing-cursor{position:absolute;width:35px;height:42px;z-index:20;pointer-events:none;opacity:0;transition:left .7s cubic-bezier(.22,1,.36,1),top .7s cubic-bezier(.22,1,.36,1),opacity .2s;filter:drop-shadow(1px 3px 3px #20334e50)}#marketing-cursor svg{width:100%;height:100%;fill:#253d60;stroke:#fff;stroke-width:2}#marketing-cursor.visible{opacity:1}#marketing-cursor.click:after{content:'';position:absolute;pointer-events:none;left:-22px;top:-22px;width:60px;height:60px;border:3px solid #dd8c73;border-radius:50%;animation:marketing-click .65s ease-out both}.tour-paused #marketing-cursor{opacity:0}.demo-paused *, .tour-user-paused *, .marketing-user-paused *, .tour-paused *{animation-play-state:paused!important}.sheet:not(.up){visibility:hidden}.sheet{z-index:40}.scrim{z-index:30}.sheet-x:after{pointer-events:none}.preview-embedded .sheet{max-height:810px;bottom:165px}.preview-embedded .scrim{bottom:165px}
@keyframes marketing-grow{from{transform:scaleY(.2)}to{transform:scaleY(1)}}@keyframes marketing-click{from{transform:scale(.4);opacity:1}to{transform:scale(1.7);opacity:0}}@keyframes marketing-pop{0%{transform:translateY(7px);opacity:.5}100%{transform:none;opacity:1}}@keyframes marketing-glow{0%,100%{box-shadow:0 0 0 0 #76b59400}35%{box-shadow:0 0 0 5px #76b59455}}
@media(max-width:800px){body.embed .topbar{position:relative}.topbar .seg button{font-size:12px;padding:9px 12px}#app-viewport{height:calc(100dvh - 165px);min-height:420px}.marketing-footer{padding:18px 20px;height:165px}.marketing-footer h2{font-size:19px}.marketing-footer p{font-size:12px}.marketing-controls{min-width:0;font-size:11px}.marketing-controls small{display:none}.marketing-controls button{font-size:11px;padding:6px 9px}.kpis .tile{padding:14px;min-height:105px}.kpis .val{font-size:29px}.stycard{padding:12px}.marketing-booking{top:135px;left:20px;right:20px;padding:13px}.marketing-booking em{display:none}.marketing-booking small{font-size:10px}.marketing-booking b{font-size:12px}.marketing-booking>span{width:30px;height:30px;flex-shrink:0}}
@media(prefers-reduced-motion:reduce){*,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#marketing-cursor{display:none}}