@font-face{font-family:Roobert;src:url(../fonts/Roobert-Regular.otf)format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Roobert;src:url(../fonts/Roobert-Medium.otf)format("opentype");font-weight:500;font-display:swap}@font-face{font-family:Roobert;src:url(../fonts/Roobert-SemiBold.otf)format("opentype");font-weight:600;font-display:swap}@font-face{font-family:Roobert;src:url(../fonts/Roobert-Bold.otf)format("opentype");font-weight:700;font-display:swap}:root{--ink:#0c0c0d;--muted:#686568;--quiet:#a5a1a4;--canvas:#faf8f9;--surface:#fff;--line:#e9e7e8;--brand:#c92f70;--brand-dark:#a52259;--brand-wash:#fff5f9;--mint:#1f9d78;--mint-wash:#eaf8f3;--amber:#c47a20;--amber-wash:#fff7e8;--danger:#c73e4a;--danger-wash:#fff0f1;--blue:#3978a8;--blue-wash:#edf6fc;color:var(--ink);background:var(--canvas);font-synthesis:none;text-rendering:geometricprecision;font-family:Roobert,Inter,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #c92f7047}.studio-shell{grid-template-columns:244px minmax(0,1fr);min-height:100vh;display:grid}.studio-sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;flex-direction:column;height:100vh;padding:26px 20px 19px;display:flex;position:sticky;top:0}.studio-brand{color:var(--ink);text-decoration:none;display:block}.studio-brand img{object-fit:contain;object-position:left center;width:137px;height:39px;display:block}.studio-brand span{color:var(--quiet);letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:600;display:block}.studio-nav{scrollbar-width:none;gap:2px;margin-top:31px;display:grid;overflow:auto}.studio-nav a{min-height:38px;color:var(--muted);border-radius:11px;align-items:center;gap:10px;padding:8px 10px;font-size:12px;font-weight:600;text-decoration:none;transition:background .18s,color .18s;display:flex}.studio-nav a span{width:20px;color:var(--quiet);letter-spacing:.08em;font-size:8px}.studio-nav a:hover{color:var(--ink);background:#f5f3f4}.studio-nav a.is-active{background:var(--brand-wash);color:var(--brand-dark)}.studio-nav a.is-active span{color:var(--brand)}.studio-reference{border-top:1px solid var(--line);min-height:40px;color:var(--muted);justify-content:space-between;align-items:center;margin-top:auto;padding:9px 10px;font-size:10px;font-weight:600;text-decoration:none;display:flex}.studio-reference:hover{color:var(--brand)}.studio-main{min-width:0}.studio-home{width:min(100% - 70px,1240px);margin:0 auto;padding:76px 0 100px}.studio-home__header{border:1px solid var(--line);background:var(--surface);border-radius:30px;min-height:430px;padding:66px 68px;position:relative;overflow:hidden}.studio-home__header:after{content:"";border:1px solid #c92f7024;border-radius:50%;width:580px;height:580px;position:absolute;bottom:-245px;right:-100px;box-shadow:0 0 0 70px #c92f7009,0 0 0 140px #c92f7006}.studio-home__icon{border:1px solid var(--line);background:#f5f3f4;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.studio-home__header>p{color:var(--brand);letter-spacing:.13em;text-transform:uppercase;margin:29px 0 0;font-size:10px;font-weight:700}.studio-home h1{z-index:1;letter-spacing:-.075em;max-width:700px;margin:13px 0 0;font-size:clamp(3.6rem,6vw,6.4rem);font-weight:700;line-height:.86;position:relative}.studio-home h1 em{color:var(--brand);font-family:Georgia,serif;font-weight:400}.studio-home__meta{z-index:1;gap:32px;display:flex;position:absolute;bottom:48px;right:55px}.studio-home__meta span{color:var(--muted);font-size:10px}.studio-home__meta strong{color:var(--ink);margin-bottom:5px;font-size:15px;display:block}.scene-directory{margin-top:72px}.scene-directory__heading p{color:var(--brand);letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:9px;font-weight:700}.scene-directory__heading h2{letter-spacing:-.045em;margin:9px 0 0;font-size:31px}.scene-directory__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px;display:grid}.scene-directory__card{border:1px solid var(--line);background:var(--surface);min-height:215px;color:var(--ink);border-radius:20px;padding:25px;text-decoration:none;transition:border-color .22s,box-shadow .22s,transform .22s;position:relative;overflow:hidden}.scene-directory__card>span{color:var(--brand);letter-spacing:.1em;font-size:9px;font-weight:700}.scene-directory__card h3{letter-spacing:-.025em;margin:26px 0 0;font-size:20px}.scene-directory__card p{max-width:285px;color:var(--muted);margin:9px 0 0;font-size:12px;line-height:1.55}.scene-directory__card i{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:35px;height:35px;transition:background .2s,transform .2s;display:grid;position:absolute;bottom:20px;right:20px}.scene-directory__card:hover{border-color:#d9c5ce;transform:translateY(-3px);box-shadow:0 18px 40px #26191f12}.scene-directory__card:hover i{background:var(--brand);transform:translate(2px)}.scene-workspace{width:min(100% - 56px,1280px);margin:0 auto;padding:46px 0 80px}.scene-workspace__header{justify-content:space-between;align-items:flex-end;gap:40px;min-height:104px;display:flex}.scene-workspace__header p{color:var(--brand);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:9px;font-weight:700}.scene-workspace__header h1{letter-spacing:-.055em;margin:7px 0 0;font-size:38px;line-height:1}.scene-workspace__header span{max-width:570px;color:var(--muted);margin-top:9px;font-size:12px;line-height:1.5;display:block}.scene-workspace__header a{border:1px solid var(--ink);min-height:42px;color:var(--ink);border-radius:999px;align-items:center;padding:10px 16px;font-size:11px;font-weight:600;text-decoration:none;display:inline-flex}.scene-workspace__header a:hover{background:var(--ink);color:#fff}.stage-wrap{border-radius:28px;max-width:100%;margin-top:30px;overflow:auto;box-shadow:0 28px 75px #281a2117}.capture-stage{background:var(--canvas);isolation:isolate;width:1000px;height:1152px;position:relative;overflow:hidden}.capture-stage:before{z-index:-2;content:"";background:radial-gradient(circle at 74% 22%,#c92f7014,#0000 31%),radial-gradient(circle at 19% 78%,#3978a80f,#0000 27%);position:absolute;inset:0}.scene-capture{background:var(--canvas);width:100vw;height:100vh;margin:0;overflow:hidden}.scene-capture .capture-stage{transform:scale(var(--capture-scale,1));transform-origin:0 0}html:has(.scene-capture){width:100%;height:100%;overflow:hidden}body:has(.scene-capture){width:100%;height:100%;overflow:hidden}#root:has(.scene-capture){width:100%;height:100%;overflow:hidden}.playback-bar{border:1px solid var(--line);background:var(--surface);border-radius:16px;align-items:center;gap:7px;margin-top:13px;padding:9px;display:flex}.playback-bar>button{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid}.playback-steps{flex:1;gap:5px;min-width:0;margin-left:6px;display:flex}.playback-steps button{min-height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;align-items:center;gap:7px;padding:7px 13px;font-size:10px;font-weight:600;display:flex}.playback-steps button span{color:var(--quiet);font-size:8px}.playback-steps button.is-active{background:var(--brand-wash);color:var(--brand-dark)}.playback-steps button.is-active span{color:var(--brand)}.demo-scene{position:absolute;inset:0}.browser-frame{background:var(--surface);border:1px solid #dad7d9;border-radius:28px;position:absolute;overflow:hidden;box-shadow:0 28px 70px #1e161a1f}.browser-frame__bar{border-bottom:1px solid var(--line);background:var(--surface);grid-template-columns:1fr auto 1fr;align-items:center;height:64px;padding:0 22px;display:grid}.browser-frame__bar>div{gap:7px;display:flex}.browser-frame__bar i{background:#d86a83;border-radius:50%;width:8px;height:8px}.browser-frame__bar i:nth-child(2){background:#e5b263}.browser-frame__bar i:nth-child(3){background:#78b496}.browser-frame__bar>img{object-fit:contain;width:96px;height:28px;display:block}.browser-frame__bar span{color:var(--quiet);justify-self:end;font-size:9px;font-weight:600}.browser-frame__body{background:#fbfafb;height:calc(100% - 64px);padding:30px;position:relative}.phone-frame{background:#0d0d0e;border:3px solid #29272a;border-radius:56px;padding:12px;position:absolute;box-shadow:0 30px 65px #17101338}.phone-frame__screen{background:var(--canvas);border-radius:42px;width:100%;height:100%;position:relative;overflow:hidden}.phone-frame__island{z-index:8;background:#111;border-radius:15px;width:88px;height:23px;position:absolute;top:13px;left:50%;transform:translate(-50%)}.phone-status{padding:19px 22px 0;font-size:10px;font-weight:700}.ui-card{border:1px solid var(--line);background:var(--surface);border-radius:16px}.ui-pill{background:var(--brand-wash);width:fit-content;color:var(--brand-dark);border-radius:999px;align-items:center;gap:4px;padding:6px 9px;font-size:9px;font-weight:700;line-height:1;display:inline-flex}.ui-pill--mint{background:var(--mint-wash);color:var(--mint)}.ui-pill--amber{background:var(--amber-wash);color:var(--amber)}.ui-pill--neutral{color:var(--muted);background:#f2f0f1}.ui-avatar{background:var(--brand-wash);width:42px;height:42px;color:var(--brand-dark);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;display:inline-grid}.icon-well{width:42px;height:42px;color:var(--ink);background:#f3f2f2;border-radius:50%;flex:none;place-items:center;display:inline-grid}.icon-well--brand{background:var(--brand-wash);color:var(--brand)}.icon-well--mint{background:var(--mint-wash);color:var(--mint)}.icon-well--amber{background:var(--amber-wash);color:var(--amber)}.success-toast{opacity:0;background:#fffffff5;border:1px solid #dbece5;border-radius:18px;align-items:center;gap:13px;min-width:310px;padding:15px 18px;transition:opacity .45s,transform .55s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;transform:translateY(20px)scale(.96);box-shadow:0 20px 46px #1a141724}.success-toast strong,.success-toast span{display:block}.success-toast strong{font-size:13px}.success-toast span{color:var(--muted);margin-top:4px;font-size:10px}.ui-row{border-bottom:1px solid var(--line);align-items:center;gap:11px;min-height:58px;display:flex}.ui-row>div:nth-child(2){flex:1;min-width:0}.ui-row strong,.ui-row span{display:block}.ui-row strong{font-size:11px}.ui-row span{color:var(--quiet);margin-top:3px;font-size:9px}.demo-cursor{z-index:12;width:27px;color:var(--ink);filter:drop-shadow(0 4px 5px #0003);pointer-events:none;transition:top .75s cubic-bezier(.2,.75,.2,1),left .75s cubic-bezier(.2,.75,.2,1),opacity .3s;position:absolute}.demo-cursor svg{fill:#fff;stroke:currentColor;stroke-width:2px;width:100%}.scene-toolbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.scene-toolbar small,.scene-toolbar h2{display:block}.scene-toolbar small{color:var(--brand);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:700}.scene-toolbar h2{letter-spacing:-.04em;margin:5px 0 0;font-size:27px}.planning-scene>.browser-frame{width:816px;height:760px;top:108px;left:92px}.schedule-head{grid-template-columns:76px repeat(3,1fr);margin-top:28px;display:grid}.schedule-head span,.schedule-head strong{border-bottom:1px solid var(--line);color:var(--muted);text-align:center;padding:12px;font-size:10px}.schedule-head strong{color:var(--ink)}.schedule-grid{border-bottom:1px solid var(--line);background:repeating-linear-gradient(90deg, transparent 0 calc((100% - 76px)/3 + 75px), var(--line) calc((100% - 76px)/3 + 75px) calc((100% - 76px)/3 + 76px));grid-template-rows:repeat(5,1fr);height:485px;display:grid;position:relative}.schedule-grid:after{background:repeating-linear-gradient(180deg, transparent 0 96px, var(--line) 96px 97px);content:"";pointer-events:none;position:absolute;inset:0}.schedule-time{color:var(--quiet);padding-top:14px;font-size:9px}.booking-card{z-index:2;text-align:left;cursor:pointer;border:1px solid #0000;border-radius:13px;width:178px;min-height:78px;padding:12px;transition:top .7s cubic-bezier(.2,.75,.2,1),left .7s cubic-bezier(.2,.75,.2,1),box-shadow .3s;position:absolute}.booking-card strong,.booking-card span,.booking-card small{display:block}.booking-card strong{font-size:10px}.booking-card span{margin-top:5px;font-size:12px;font-weight:700}.booking-card small{margin-top:3px;font-size:9px}.booking-card--blue{background:var(--blue-wash);color:var(--blue);top:19px;left:92px}.booking-card--brand{background:var(--brand-wash);color:var(--brand-dark);top:128px;left:317px}.booking-card--mint{background:var(--mint-wash);color:var(--mint);top:312px;left:538px}.planning-scene:is([data-step="1"],[data-step="2"],[data-step="3"]) .booking-card--brand{border-color:var(--brand);top:218px;left:538px;box-shadow:0 12px 25px #c92f7024}.planning-cursor{opacity:0;top:390px;left:527px}.planning-scene[data-step="1"] .planning-cursor{opacity:1;top:480px;left:750px}.planning-scene[data-step="2"] .planning-cursor{opacity:0;top:720px;left:800px}.waitlist-card,.slot-confirmation{opacity:0;align-items:center;gap:14px;transition:all .5s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;transform:translateY(25px)scale(.95);box-shadow:0 22px 50px #1c131824}.waitlist-card{width:385px;padding:18px;bottom:105px;right:51px}.waitlist-card>div{flex:1}.waitlist-card small,.waitlist-card strong,.waitlist-card span{display:block}.waitlist-card small{color:var(--amber);text-transform:uppercase;font-size:9px;font-weight:700}.waitlist-card strong{margin-top:5px;font-size:14px}.waitlist-card span{color:var(--muted);margin-top:4px;font-size:10px}.slot-confirmation{width:310px;padding:16px;bottom:140px;left:78px}.slot-confirmation small,.slot-confirmation strong{display:block}.slot-confirmation small{color:var(--mint);font-size:9px}.slot-confirmation strong{margin-top:4px;font-size:12px}.planning-scene:is([data-step="2"],[data-step="3"]) .slot-confirmation,.planning-scene[data-step="3"] .waitlist-card{opacity:1;transform:none}.clients-scene>.browser-frame{width:826px;height:800px;top:104px;left:87px}.search-chip{color:var(--muted);background:#f3f2f2;border-radius:999px;align-items:center;gap:8px;padding:10px 13px;font-size:10px;display:flex}.client-layout{grid-template-columns:220px 1fr;gap:15px;margin-top:26px;display:grid}.client-list{gap:8px;display:grid}.client-list button{border:1px solid var(--line);background:var(--surface);text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:10px;min-height:71px;padding:10px;display:flex}.client-list button.is-selected{border-color:var(--brand);box-shadow:inset 3px 0 0 var(--brand)}.client-list button span{min-width:0}.client-list strong,.client-list small{display:block}.client-list strong{font-size:11px}.client-list small{color:var(--quiet);margin-top:4px;font-size:8px}.client-profile{text-align:center;opacity:0;min-height:240px;padding:23px;transition:all .5s;transform:translate(25px)}.client-profile .ui-avatar{width:60px;height:60px;font-size:17px}.client-profile h3{margin:13px 0 0;font-size:17px}.client-profile p{color:var(--muted);margin:4px 0 10px;font-size:9px}.client-profile .ui-pill{margin:0 auto}.profile-facts{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:19px;padding-top:16px;display:grid}.profile-facts span{color:var(--quiet);font-size:8px}.profile-facts strong{color:var(--ink);margin-bottom:4px;font-size:14px;display:block}.client-history{opacity:0;grid-column:2;min-height:260px;padding:20px;transition:all .5s;transform:translateY(20px)}.client-history h3{margin:0 0 5px;font-size:13px}.client-history .ui-row>strong{font-size:10px}.client-insight{opacity:0;align-items:center;gap:13px;width:395px;padding:18px;transition:all .55s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;bottom:75px;right:48px;transform:translateY(24px)scale(.95);box-shadow:0 20px 48px #1e141924}.client-insight>div{flex:1}.client-insight small,.client-insight strong{display:block}.client-insight small{color:var(--brand);font-size:9px}.client-insight strong{margin-top:5px;font-size:13px}.clients-scene:is([data-step="1"],[data-step="2"],[data-step="3"]) .client-profile,.clients-scene:is([data-step="2"],[data-step="3"]) .client-history,.clients-scene[data-step="3"] .client-insight{opacity:1;transform:none}.team-scene>.browser-frame{width:820px;height:790px;top:113px;left:90px}.team-layout{grid-template-columns:260px 1fr;gap:18px;margin-top:28px;display:grid}.team-list{gap:9px;display:grid}.team-list button{border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;border-radius:15px;align-items:center;gap:11px;min-height:78px;padding:12px;display:flex}.team-list button.is-selected{border-color:var(--brand)}.team-list button>span{flex:1}.team-list strong,.team-list small{display:block}.team-list strong{font-size:12px}.team-list small{color:var(--muted);margin-top:4px;font-size:9px}.team-list button i{background:var(--mint);border-radius:50%;width:7px;height:7px}.permission-panel{opacity:0;padding:23px;transition:all .5s;transform:translate(24px)}.permission-title{align-items:center;gap:12px;margin-bottom:17px;display:flex}.permission-title small,.permission-title h3{display:block}.permission-title small{color:var(--quiet);font-size:9px}.permission-title h3{margin:3px 0 0;font-size:16px}.permission-toggle{border:0;border-top:1px solid var(--line);width:100%;min-height:57px;color:var(--ink);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;font-size:11px;display:flex}.permission-toggle i{background:#d9d6d8;border-radius:999px;width:36px;height:21px;padding:3px;transition:background .3s}.permission-toggle b{background:#fff;border-radius:50%;width:15px;height:15px;transition:transform .3s;display:block;box-shadow:0 2px 5px #00000029}.team-scene:is([data-step="1"],[data-step="2"],[data-step="3"]) .permission-panel{opacity:1;transform:none}.team-scene:is([data-step="2"],[data-step="3"]) .permission-toggle:not(:last-child) i{background:var(--brand)}.team-scene:is([data-step="2"],[data-step="3"]) .permission-toggle:not(:last-child) b{transform:translate(15px)}.team-success{bottom:93px;right:61px}.team-audit{opacity:0;align-items:center;gap:12px;width:310px;padding:16px;transition:all .5s;display:flex;position:absolute;bottom:116px;left:72px;transform:translateY(20px);box-shadow:0 20px 45px #1e14191c}.team-audit small,.team-audit strong{display:block}.team-audit small{color:var(--muted);font-size:9px}.team-audit strong{margin-top:4px;font-size:12px}.team-scene[data-step="3"] .team-success,.team-scene[data-step="3"] .team-audit{opacity:1;transform:none}.inventory-scene>.browser-frame{width:822px;height:770px;top:109px;left:89px}.product-grid{grid-template-columns:repeat(3,1fr);gap:13px;margin-top:29px;display:grid}.product-card{min-height:350px;padding:17px;position:relative}.product-art{background:var(--brand-wash);border-radius:14px;place-items:center;height:180px;display:grid}.product-card--1 .product-art{background:var(--blue-wash)}.product-card--2 .product-art{background:var(--amber-wash)}.product-art span{background:var(--brand);border-radius:22px 22px 13px 13px;width:74px;height:112px;box-shadow:inset 0 14px #ffffff3b}.product-card--1 .product-art span{background:var(--blue)}.product-card--2 .product-art span{background:var(--amber)}.product-card>small,.product-card>strong{display:block}.product-card>small{color:var(--muted);margin-top:17px;font-size:10px}.product-card>strong{margin-top:7px;font-size:12px}.product-card>strong b{font-size:20px}.stock-meter{background:#ece9eb;border-radius:4px;height:6px;margin-top:14px;overflow:hidden}.stock-meter i{border-radius:inherit;background:var(--mint);width:75%;height:100%;transition:width .5s,background .5s;display:block}.product-card--2 .stock-meter i{background:var(--amber);width:35%}.inventory-scene[data-step="2"] .product-card--2 .stock-meter i,.inventory-scene[data-step="3"] .product-card--2 .stock-meter i{background:var(--danger);width:12%}.product-card .ui-pill{position:absolute;bottom:16px;right:16px}.record-sale{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;margin-top:21px;padding:12px 17px;font-size:11px;font-weight:600;display:flex}.sale-card,.reorder-card{opacity:0;align-items:center;gap:13px;padding:17px;transition:all .5s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;transform:translateY(22px)scale(.96);box-shadow:0 20px 48px #1e141921}.sale-card{width:315px;bottom:110px;left:55px}.reorder-card{width:405px;bottom:94px;right:48px}.sale-card small,.sale-card strong,.reorder-card small,.reorder-card strong{display:block}.sale-card small{color:var(--mint);font-size:9px}.reorder-card small{color:var(--amber);font-size:9px}.sale-card strong,.reorder-card strong{margin-top:4px;font-size:12px}.reorder-card>div:nth-child(2){flex:1}.reorder-card button{background:var(--amber);color:#fff;border:0;border-radius:999px;padding:9px 12px;font-size:9px;font-weight:700}.inventory-success{bottom:35px;left:345px}.inventory-scene:is([data-step="1"],[data-step="2"],[data-step="3"]) .sale-card,.inventory-scene:is([data-step="2"],[data-step="3"]) .reorder-card,.inventory-scene[data-step="3"] .inventory-success{opacity:1;transform:none}.notifications-scene>.browser-frame{width:650px;height:790px;top:105px;left:67px}.appointment-summary{align-items:center;gap:12px;margin-top:27px;padding:15px;display:flex}.appointment-summary>div{flex:1;min-width:0}.appointment-summary strong,.appointment-summary span,.appointment-summary small{display:block}.appointment-summary strong{font-size:12px}.appointment-summary span{color:var(--muted);margin-top:4px;font-size:10px}.appointment-summary small{color:var(--quiet);margin-top:3px;font-size:8px}.automation-line{gap:16px;margin:33px 0 0 22px;display:grid;position:relative}.automation-line:before{content:"";border-left:1px dashed #d8ccd2;width:1px;position:absolute;top:18px;bottom:18px;left:21px}.automation-step{border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;opacity:.44;border-radius:16px;align-items:center;gap:12px;min-height:82px;padding:13px;transition:all .45s;display:flex;position:relative;transform:translate(-10px)}.automation-step>i{z-index:1;background:var(--brand-wash);width:43px;height:43px;color:var(--brand);border-radius:50%;place-items:center;display:grid}.automation-step span{flex:1}.automation-step small,.automation-step strong{display:block}.automation-step small{color:var(--brand);font-size:9px;font-weight:700}.automation-step strong{margin-top:5px;font-size:12px}.automation-step b{background:var(--line);border-radius:50%;width:7px;height:7px}.notifications-scene[data-step="0"] .automation-step--0,.notifications-scene[data-step="1"] .automation-step--0,.notifications-scene[data-step="1"] .automation-step--1,.notifications-scene:is([data-step="2"],[data-step="3"]) .automation-step{opacity:1;transform:none}.notifications-scene:is([data-step="2"],[data-step="3"]) .automation-step b{background:var(--mint)}.notification-phone{width:320px;height:650px;transition:all .65s cubic-bezier(.2,.8,.2,1);top:180px;right:50px;transform:translate(45px)rotate(3deg)}.notifications-scene:is([data-step="2"],[data-step="3"]) .notification-phone{transform:rotate(1deg)}.push-card{border:1px solid var(--line);opacity:0;background:#fffffff5;border-radius:16px;margin:81px 16px 0;padding:14px;transition:all .5s;transform:translateY(-20px);box-shadow:0 18px 35px #1e14191c}.push-card>div{align-items:center;gap:9px;display:flex}.push-card img{object-fit:cover;border-radius:8px;width:30px;height:30px}.push-card strong,.push-card small{display:block}.push-card strong{font-size:10px}.push-card small{color:var(--quiet);margin-top:2px;font-size:7px}.push-card p{color:var(--muted);margin:13px 0 0;font-size:10px;line-height:1.45}.push-card button{background:var(--brand);color:#fff;border:0;border-radius:999px;width:100%;min-height:36px;margin-top:13px;font-size:9px;font-weight:700}.notifications-scene:is([data-step="2"],[data-step="3"]) .push-card{opacity:1;transform:none}.notification-success{bottom:92px;right:70px}.notifications-scene[data-step="3"] .notification-success{opacity:1;transform:none}.consent-scene>.browser-frame{width:640px;height:915px;top:81px;left:80px}.consent-form{gap:21px;margin-top:26px;display:grid}.consent-form label,.consent-form legend{color:var(--ink);font-size:10px;font-weight:600}.consent-form input,.consent-form textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);resize:none;border-radius:12px;margin-top:7px;padding:12px 14px;font-size:11px}.consent-form fieldset{border:0;grid-template-columns:1fr 1fr;gap:9px;margin:0;padding:0;display:grid}.consent-form legend{grid-column:1/-1;margin-bottom:9px}.consent-form fieldset button{border:1px solid var(--line);background:var(--surface);min-height:48px;color:var(--ink);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.consent-form fieldset button i{border:1px solid var(--line);border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.consent-form fieldset button.is-selected{border-color:var(--brand);background:var(--brand-wash);color:var(--brand-dark)}.consent-form fieldset button.is-selected i{border-color:var(--brand);background:var(--brand);color:#fff}.conditional-field{opacity:0;transition:all .45s;transform:translateY(-12px)}.consent-scene:is([data-step="1"],[data-step="2"],[data-step="3"]) .conditional-field{opacity:1;transform:none}.signature-button{border:1px solid var(--ink);background:var(--surface);min-height:48px;color:var(--ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.consent-cursor{opacity:0;top:520px;left:350px}.consent-scene[data-step="1"] .consent-cursor{opacity:1;top:650px;left:400px}.signature-modal{z-index:15;opacity:0;width:390px;padding:22px;transition:all .55s cubic-bezier(.2,.8,.2,1);position:absolute;top:185px;right:54px;transform:translate(40px)scale(.94);box-shadow:0 28px 70px #1a121633}.modal-head{align-items:center;gap:12px;display:flex}.modal-head small,.modal-head strong{display:block}.modal-head small{color:var(--brand);font-size:9px}.modal-head strong{margin-top:4px;font-size:14px}.signature-pad{border:1px solid var(--line);background:#fbfafb;border-radius:14px;place-items:center;height:180px;margin-top:20px;display:grid}.signature-pad svg{width:90%}.signature-pad path{fill:none;stroke:var(--ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:520;stroke-dashoffset:520px;transition:stroke-dashoffset 1.1s .2s}.signature-modal>button{background:var(--ink);color:#fff;border:0;border-radius:999px;width:100%;min-height:48px;margin-top:15px;font-size:11px;font-weight:600}.consent-scene:is([data-step="2"],[data-step="3"]) .signature-modal{opacity:1;transform:none}.consent-scene:is([data-step="2"],[data-step="3"]) .signature-pad path{stroke-dashoffset:0}.consent-success{bottom:107px;right:68px}.consent-secure{opacity:0;align-items:center;gap:10px;padding:13px 16px;transition:all .5s;display:flex;position:absolute;bottom:61px;left:75px;transform:translateY(18px);box-shadow:0 16px 38px #1a12161a}.consent-secure span{font-size:10px;font-weight:600}.consent-scene[data-step="3"] .consent-success,.consent-scene[data-step="3"] .consent-secure{opacity:1;transform:none}.reports-scene>.browser-frame{width:836px;height:820px;top:102px;left:82px}.range-button{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:9px 13px;font-size:9px;font-weight:600;display:flex}.metric-grid{grid-template-columns:repeat(3,1fr);gap:11px;margin-top:27px;display:grid}.metric-card{opacity:.25;justify-content:space-between;align-items:flex-start;min-height:137px;padding:17px;transition:opacity .5s,transform .5s;display:flex;position:relative;transform:translateY(14px)}.metric-card small,.metric-card strong{display:block}.metric-card small{color:var(--muted);font-size:9px}.metric-card strong{letter-spacing:-.04em;margin-top:9px;font-size:25px}.metric-card .ui-pill{position:absolute;bottom:15px;left:17px}.reports-scene:is([data-step="0"],[data-step="1"],[data-step="2"],[data-step="3"]) .metric-card--0,.reports-scene:is([data-step="1"],[data-step="2"],[data-step="3"]) .metric-card--1,.reports-scene:is([data-step="1"],[data-step="2"],[data-step="3"]) .metric-card--2{opacity:1;transform:none}.chart-card{height:420px;margin-top:13px;padding:20px}.chart-heading{justify-content:space-between;align-items:center;display:flex}.chart-heading small,.chart-heading strong{display:block}.chart-heading small{color:var(--brand);font-size:9px;font-weight:700}.chart-heading strong{margin-top:5px;font-size:14px}.chart-area{height:318px;margin-top:15px;position:relative;overflow:hidden}.chart-gridlines{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:10px 0 38px}.chart-gridlines i{background:var(--line);height:1px}.chart-bars{justify-content:space-around;align-items:flex-end;display:flex;position:absolute;inset:13px 5px 0}.chart-bars>span{justify-content:center;align-items:flex-end;width:53px;height:100%;display:flex}.chart-bars i{background:#ead6df;border-radius:8px 8px 3px 3px;width:30px;height:0;margin-bottom:35px;transition:height .8s cubic-bezier(.2,.8,.2,1);display:block}.chart-bars span:nth-child(6) i{background:var(--brand)}.chart-bars small{color:var(--quiet);font-size:8px;position:absolute;bottom:9px}.reports-scene:is([data-step="1"],[data-step="2"],[data-step="3"]) .chart-bars i{height:var(--bar-height)}.trend-line{width:calc(100% - 36px);height:calc(100% - 70px);position:absolute;inset:20px 18px 50px;overflow:visible}.trend-line path{fill:none;stroke:var(--blue);stroke-width:4px;stroke-linecap:round;stroke-dasharray:900;stroke-dashoffset:900px;transition:stroke-dashoffset 1.05s}.trend-line circle{fill:#fff;stroke:var(--blue);stroke-width:4px;opacity:0;transition:opacity .3s .8s}.reports-scene:is([data-step="2"],[data-step="3"]) .trend-line path{stroke-dashoffset:0}.reports-scene:is([data-step="2"],[data-step="3"]) .trend-line circle{opacity:1}.report-insight{opacity:0;border-color:#e7c7d5;align-items:center;gap:14px;width:390px;padding:19px;transition:all .55s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;bottom:75px;right:50px;transform:translateY(28px)scale(.94);box-shadow:0 24px 55px #23151c24}.report-insight small,.report-insight strong,.report-insight span{display:block}.report-insight small{color:var(--brand);font-size:9px;font-weight:700}.report-insight strong{margin-top:4px;font-size:15px}.report-insight span{color:var(--mint);margin-top:4px;font-size:10px;font-weight:600}.reports-scene[data-step="3"] .report-insight{opacity:1;transform:none}.payments-scene{background:radial-gradient(circle at 50% 48%,#f8edf2 0,#0000 44%)}.payment-phone{width:330px;height:695px;transition:transform .6s;top:170px;left:83px;transform:rotate(-3deg)}.payments-scene:is([data-step="1"],[data-step="2"],[data-step="3"]) .payment-phone{transform:rotate(-1deg)translate(8px)}.payment-app{padding:67px 17px 20px}.payment-app>small{color:var(--brand);text-transform:uppercase;font-size:9px;font-weight:700}.payment-app>h2{letter-spacing:-.055em;margin:8px 0 24px;font-size:34px}.payment-app .ui-card{align-items:center;gap:11px;padding:13px;display:flex}.payment-app .ui-card>div{min-width:0}.payment-app .ui-card strong,.payment-app .ui-card span{display:block}.payment-app .ui-card strong{font-size:11px}.payment-app .ui-card span{color:var(--muted);margin-top:4px;font-size:8px}.payment-app>p{color:var(--muted);margin:24px 0 8px;font-size:9px}.payment-app>button{border:1px solid var(--brand);background:var(--brand-wash);width:100%;min-height:47px;color:var(--brand-dark);border-radius:13px;align-items:center;gap:9px;padding:0 13px;font-size:10px;font-weight:600;display:flex}.payment-app>button svg:last-child{margin-left:auto}.payment-app .pay-button{background:var(--ink);color:#fff;border:0;border-radius:999px;justify-content:center;margin-top:15px}.card-terminal{background:#171619;border:3px solid #2c292d;border-radius:40px;width:300px;height:520px;padding:31px 27px;transition:transform .6s;position:absolute;top:230px;right:87px;transform:rotate(3deg);box-shadow:0 35px 75px #19121640}.payments-scene:is([data-step="1"],[data-step="2"],[data-step="3"]) .card-terminal{transform:rotate(1deg)translate(-7px)}.terminal-screen{color:#1e3727;text-align:center;background:#eef4ee;border-radius:20px;flex-direction:column;align-items:center;height:190px;padding:23px 19px;display:flex}.terminal-screen small{letter-spacing:.13em;font-size:8px;font-weight:700}.terminal-screen strong{letter-spacing:-.04em;margin:30px 0 20px;font-size:26px}.terminal-loader{animation:1s linear infinite terminal-spin}.terminal-keys{grid-template-columns:repeat(3,1fr);gap:11px;margin-top:27px;display:grid}.terminal-keys i{background:#353237;border-radius:7px;height:25px;box-shadow:inset 0 1px #4b474d}.card-terminal>span{color:#777178;text-align:center;margin-top:22px;font-size:9px;font-weight:600;display:block}.payment-beam{z-index:3;opacity:0;width:260px;height:80px;transition:opacity .35s;position:absolute;top:470px;left:393px}.payment-beam i{border-top:2px dashed #c92f7059;width:240px;height:1px;position:absolute;top:39px;left:10px}.payment-beam i:nth-child(2){background:var(--brand);border:0;border-radius:50%;width:18px;height:18px;animation:1.2s ease-in-out infinite payment-travel;box-shadow:0 0 0 10px #c92f7021}.payment-beam span{background:var(--surface);width:43px;height:43px;color:var(--brand);border-radius:50%;place-items:center;display:grid;position:absolute;top:19px;left:115px;box-shadow:0 8px 20px #1e14191a}.payments-scene:is([data-step="1"],[data-step="2"]) .payment-beam{opacity:1}.payment-card-prop{color:#fff;background:linear-gradient(135deg,#252127,#110f12);border:0;border-radius:23px;width:310px;height:177px;padding:24px;position:absolute;bottom:140px;right:70px;overflow:hidden;transform:rotate(-6deg);box-shadow:0 25px 60px #160f133d}.payment-card-prop i{background:linear-gradient(135deg,#d5ba79,#f6e5b0);border-radius:7px;width:42px;height:31px;display:block}.payment-card-prop strong{font-size:15px;font-style:italic;position:absolute;top:25px;right:25px}.payment-card-prop span{color:#d4cfd4;letter-spacing:.14em;font-size:13px;position:absolute;bottom:24px;left:24px}.payment-success{bottom:50px;left:340px}.payment-secure{opacity:0;transition:opacity .4s;position:absolute;bottom:112px;left:95px}.payments-scene[data-step="3"] .payment-success,.payments-scene[data-step="3"] .payment-secure{opacity:1;transform:none}@keyframes payment-travel{0%{transform:translateY(22px)}to{transform:translate(220px,22px)}}@keyframes terminal-spin{to{transform:rotate(360deg)}}.pos-scene>.browser-frame{width:856px;height:835px;top:94px;left:72px}.pos-layout{grid-template-columns:1fr 300px;gap:16px;margin-top:26px;display:grid}.pos-catalog{grid-template-columns:repeat(2,1fr);gap:11px;display:grid}.catalog-item{border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;border-radius:16px;flex-direction:column;align-items:flex-start;min-height:157px;padding:14px;display:flex}.catalog-item>div{background:var(--brand-wash);width:45px;height:45px;color:var(--brand);border-radius:13px;place-items:center;display:grid}.catalog-item--1>div{background:var(--amber-wash);color:var(--amber)}.catalog-item--2>div{background:var(--blue-wash);color:var(--blue)}.catalog-item strong{margin-top:19px;font-size:11px}.catalog-item span{color:var(--muted);margin-top:5px;font-size:9px}.basket-card{min-height:545px;padding:18px}.basket-head{justify-content:space-between;align-items:center;display:flex}.basket-head>strong{font-size:14px}.basket-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:70px;display:flex}.basket-row--2{opacity:0;min-height:0;max-height:0;transition:max-height .5s,min-height .5s,opacity .4s;overflow:hidden}.pos-scene:is([data-step="1"],[data-step="2"],[data-step="3"]) .basket-row--2{opacity:1;min-height:70px;max-height:70px}.basket-row strong,.basket-row small{display:block}.basket-row strong{font-size:10px}.basket-row small{color:var(--quiet);margin-top:4px;font-size:8px}.basket-row b{font-size:10px}.basket-total{justify-content:space-between;align-items:baseline;margin-top:18px;display:flex}.basket-total span{color:var(--muted);font-size:10px}.basket-total strong{font-size:20px}.basket-card>button{background:var(--ink);color:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:47px;margin-top:20px;font-size:10px;font-weight:600;display:flex}.payment-method-card{z-index:8;opacity:0;width:330px;padding:18px;transition:all .5s;position:absolute;bottom:80px;left:300px;transform:translateY(30px);box-shadow:0 24px 55px #1e141929}.payment-method-card>small{color:var(--brand);font-size:9px;font-weight:700}.payment-method-card button{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;gap:9px;width:100%;min-height:43px;margin-top:11px;padding:0 13px;font-size:10px;font-weight:600;display:flex}.payment-method-card button svg:last-child{color:var(--mint);margin-left:auto}.pos-scene:is([data-step="2"],[data-step="3"]) .payment-method-card{opacity:1;transform:none}.receipt{z-index:10;background:var(--surface);opacity:0;flex-direction:column;width:265px;min-height:405px;padding:24px;transition:all .6s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;bottom:53px;right:40px;transform:translateY(40px)rotate(4deg);box-shadow:0 25px 58px #1e141929}.receipt:after{content:"";background:linear-gradient(135deg,#0000 7px,#fff 0) 0 0/20px 20px repeat-x;height:15px;position:absolute;bottom:-10px;left:0;right:0}.receipt>div{align-items:center;gap:9px;display:flex}.receipt>div strong{font-family:Georgia,serif}.receipt>span{color:var(--muted);margin-top:23px;font-size:9px}.receipt i{border-top:1px dashed var(--line);height:1px;margin-top:24px}.receipt b{margin-top:18px;font-size:12px}.receipt small{color:var(--quiet);text-align:center;margin-top:auto;font-size:8px}.pos-success{bottom:35px;left:78px}.pos-scene[data-step="3"] .receipt,.pos-scene[data-step="3"] .pos-success{opacity:1;transform:rotate(1deg)}.pos-scene[data-step="3"] .pos-success{transform:none}.portal-scene>.browser-frame{width:860px;height:850px;top:90px;left:70px}.portal-brand{justify-content:space-between;align-items:center;display:flex}.portal-brand img{object-fit:contain;object-position:left;width:128px;height:36px}.portal-copy{margin-top:31px}.portal-copy>small{color:var(--brand);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:700}.portal-copy h2{letter-spacing:-.055em;margin:8px 0 0;font-size:32px;line-height:1.02}.portal-layout{grid-template-columns:1fr 330px;gap:18px;margin-top:28px;display:grid}.service-options{gap:9px;display:grid}.service-options button{border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;border-radius:16px;align-items:center;gap:12px;min-height:83px;padding:13px;transition:border-color .3s,box-shadow .3s;display:flex}.service-options button.is-selected{border-color:var(--brand);box-shadow:inset 3px 0 0 var(--brand)}.service-options button span{flex:1;min-width:0}.service-options strong,.service-options small{display:block}.service-options strong{font-size:11px}.service-options small{color:var(--muted);margin-top:5px;font-size:9px}.time-picker{opacity:.3;min-height:350px;padding:18px;transition:all .45s;transform:translate(15px)}.portal-scene:is([data-step="1"],[data-step="2"],[data-step="3"]) .time-picker{opacity:1;transform:none}.time-picker>div:first-child{align-items:center;gap:10px;display:flex}.time-picker small,.time-picker strong{display:block}.time-picker small{color:var(--quiet);font-size:8px}.time-picker strong{margin-top:4px;font-size:11px}.time-options{grid-template-columns:1fr 1fr;gap:8px;margin-top:22px;display:grid}.time-options button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:47px;font-size:10px;font-weight:600;display:flex}.time-options button.is-selected{border-color:var(--brand);background:var(--brand);color:#fff}.portal-confirm{background:var(--ink);color:#fff;border:0;border-radius:999px;width:100%;min-height:47px;margin-top:20px;font-size:10px;font-weight:600}.portal-success{min-width:390px;bottom:68px;right:58px}.portal-scene[data-step="3"] .portal-success{opacity:1;transform:none}.marketing-scene>.browser-frame{width:848px;height:820px;top:101px;left:76px}.marketing-layout{grid-template-columns:1fr 1fr;gap:14px;margin-top:26px;display:grid}.audience-builder,.message-builder{min-height:500px;padding:20px}.panel-title{align-items:center;gap:11px;margin-bottom:20px;display:flex}.panel-title small,.panel-title strong{display:block}.panel-title small{color:var(--brand);font-size:8px;font-weight:700}.panel-title strong{margin-top:4px;font-size:13px}.audience-builder>button{border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;border-radius:14px;align-items:center;gap:10px;width:100%;min-height:75px;padding:12px;display:flex}.audience-builder>button+button{margin-top:9px}.audience-builder>button>i{border:1px solid var(--line);border-radius:50%;place-items:center;width:19px;height:19px;display:grid}.audience-builder>button span{flex:1}.audience-builder>button strong,.audience-builder>button small{display:block}.audience-builder>button strong{font-size:10px}.audience-builder>button small{color:var(--quiet);margin-top:5px;font-size:8px}.audience-builder>button.is-selected{border-color:var(--brand);background:var(--brand-wash)}.audience-builder>button.is-selected>i{border-color:var(--brand);background:var(--brand);color:#fff}.message-builder{opacity:.35;transition:all .45s;transform:translate(15px)}.marketing-scene:is([data-step="1"],[data-step="2"],[data-step="3"]) .message-builder{opacity:1;transform:none}.message-builder label{color:var(--ink);margin-top:18px;font-size:9px;font-weight:600;display:block}.message-builder input,.message-builder textarea{border:1px solid var(--line);width:100%;color:var(--ink);resize:none;background:#fbfafb;border-radius:12px;margin-top:7px;padding:12px;font-size:10px}.message-builder textarea{height:105px}.message-builder>button{background:var(--ink);color:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:47px;margin-top:20px;font-size:10px;font-weight:600;display:flex}.campaign-impact{opacity:0;align-items:center;gap:13px;width:410px;padding:16px;transition:all .5s;display:flex;position:absolute;bottom:70px;left:50px;transform:translateY(20px);box-shadow:0 22px 48px #1e141921}.campaign-impact>div{flex:1}.campaign-impact small,.campaign-impact strong{display:block}.campaign-impact small{color:var(--quiet);font-size:8px}.campaign-impact strong{margin-top:4px;font-size:12px}.marketing-success{bottom:90px;right:55px}.marketing-send{opacity:0;transition:opacity .4s;position:absolute;top:72px;right:105px}.marketing-scene:is([data-step="2"],[data-step="3"]) .campaign-impact,.marketing-scene[data-step="3"] .marketing-success,.marketing-scene[data-step="3"] .marketing-send{opacity:1;transform:none}.manager-phone{width:380px;height:830px;top:80px;left:310px}.manager-app{padding:67px 20px 25px}.manager-app header{justify-content:space-between;align-items:center;display:flex}.manager-app header small{color:var(--muted);font-size:9px}.manager-app header h2{letter-spacing:-.04em;margin:3px 0 0;font-size:23px}.manager-app header button{background:#f3f2f2;border:0;border-radius:50%;place-items:center;width:39px;height:39px;display:grid;position:relative}.manager-app header button i{background:var(--brand);color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:17px;height:17px;font-size:7px;font-style:normal;display:grid;position:absolute;top:-3px;right:-3px}.manager-context{color:var(--ink);justify-content:space-between;margin:17px 0 20px;font-size:9px;display:flex}.manager-context small{color:var(--quiet)}.day-summary{grid-template-columns:1fr 110px;min-height:132px;padding:15px;display:grid}.day-summary>div:first-child>small{color:var(--muted);text-transform:uppercase;font-size:8px;font-weight:600}.day-summary>div:first-child>strong{letter-spacing:-.05em;align-items:flex-start;gap:6px;margin-top:8px;font-size:36px;display:flex}.day-summary>div:first-child>strong i{background:var(--brand);border-radius:50%;width:7px;height:7px;margin-top:6px}.day-summary>div:first-child>span{color:var(--muted);font-size:9px}.day-summary>div:last-child{border-left:1px solid var(--line);align-content:center;gap:9px;padding-left:14px;display:grid}.day-summary>div:last-child span{color:var(--muted);font-size:8px}.day-summary>div:last-child b{width:18px;color:var(--ink);font-size:12px;display:inline-block}.manager-app>h3{margin:22px 0 10px;font-size:14px}.mobile-appointments{gap:8px;display:grid}.mobile-appointments>div{border:1px solid var(--line);background:var(--surface);border-radius:13px;align-items:center;gap:9px;min-height:65px;padding:9px;transition:transform .4s;display:flex}.mobile-appointments>div>strong{width:39px;color:var(--brand);font-size:10px}.mobile-appointments .ui-avatar{width:34px;height:34px;font-size:10px}.mobile-appointments>div>span{flex:1;min-width:0}.mobile-appointments b,.mobile-appointments small{display:block}.mobile-appointments b{font-size:10px}.mobile-appointments small{color:var(--muted);margin-top:3px;font-size:8px}.new-booking{z-index:8;opacity:0;align-items:center;gap:12px;width:345px;padding:17px;transition:all .5s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:175px;right:68px;transform:translate(28px)scale(.95);box-shadow:0 22px 50px #1e141924}.new-booking img{object-fit:cover;border-radius:14px;width:47px;height:47px}.new-booking small,.new-booking strong,.new-booking span{display:block}.new-booking small{color:var(--brand);font-size:8px;font-weight:700}.new-booking strong{margin-top:4px;font-size:13px}.new-booking span{color:var(--muted);margin-top:4px;font-size:9px}.mobile-sync{bottom:155px;right:62px}.mobile-growth{opacity:0;align-items:center;gap:12px;width:270px;padding:16px;transition:all .5s;display:flex;position:absolute;bottom:178px;left:66px;transform:translate(-25px);box-shadow:0 20px 45px #1e14191f}.mobile-growth>div{flex:1}.mobile-growth small,.mobile-growth strong{display:block}.mobile-growth small{color:var(--muted);font-size:8px}.mobile-growth strong{color:var(--mint);margin-top:4px;font-size:14px}.mobile-app-scene:is([data-step="1"],[data-step="2"],[data-step="3"]) .new-booking,.mobile-app-scene:is([data-step="2"],[data-step="3"]) .mobile-growth,.mobile-app-scene[data-step="3"] .mobile-sync{opacity:1;transform:none}.integrations-scene{background:radial-gradient(circle at 50% 50%, var(--brand-wash), transparent 43%)}.integration-network{position:absolute;inset:0}.integration-lines{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.integration-lines path{fill:none;stroke:#d9d3d6;stroke-width:2px;stroke-dasharray:6 8}.integration-node{border:1px solid var(--line);cursor:pointer;opacity:.4;background:#fffffff5;border-radius:20px;flex-direction:column;align-items:center;width:160px;min-height:125px;padding:15px;transition:opacity .5s,transform .5s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;transform:scale(.92);box-shadow:0 18px 38px #1e141914}.integration-node strong{margin:10px 0 7px;font-size:11px}.integration-node--0{top:190px;left:165px}.integration-node--1{top:495px;left:145px}.integration-node--2{top:790px;left:255px}.integration-node--3{top:180px;right:160px}.integration-node--4{top:495px;right:130px}.integration-node--5{top:800px;right:245px}.integrations-scene:is([data-step="0"],[data-step="1"],[data-step="2"],[data-step="3"]) .integration-node--0,.integrations-scene:is([data-step="0"],[data-step="1"],[data-step="2"],[data-step="3"]) .integration-node--3,.integrations-scene:is([data-step="1"],[data-step="2"],[data-step="3"]) .integration-node{opacity:1;transform:none}.integration-core{z-index:4;background:var(--surface);border:1px solid #e6c9d6;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:246px;height:246px;display:flex;position:absolute;top:445px;left:377px;box-shadow:0 0 0 32px #c92f700b,0 25px 60px #1e14191f}.integration-core .icon-well{width:58px;height:58px}.integration-core img{object-fit:contain;width:130px;height:42px;margin-top:12px}.integration-core>span{color:var(--quiet);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:600}.integration-spinner{color:var(--brand);opacity:0;position:absolute;bottom:36px;right:31px}.integrations-scene:is([data-step="1"],[data-step="2"]) .integration-spinner{opacity:1;animation:1.4s linear infinite terminal-spin}.data-pulse{z-index:2;background:var(--brand);opacity:0;border-radius:50%;width:13px;height:13px;position:absolute;box-shadow:0 0 0 8px #c92f701f}.data-pulse--1{top:330px;left:320px}.data-pulse--2{top:725px;right:320px}.data-pulse--3{top:545px;left:250px}.integrations-scene[data-step="2"] .data-pulse{opacity:1;animation:1.2s ease-in-out infinite alternate integration-pulse}.data-pulse--2{animation-delay:.25s!important}.data-pulse--3{animation-delay:.5s!important}.sync-panel{z-index:5;opacity:0;width:370px;padding:18px;transition:all .5s;position:absolute;bottom:65px;left:315px;transform:translateY(24px);box-shadow:0 22px 50px #1e14191f}.sync-panel>div:first-child{justify-content:space-between;align-items:baseline;display:flex}.sync-panel small{color:var(--brand);font-size:8px;font-weight:700}.sync-panel strong{font-size:11px}.sync-progress{background:#eee9ec;border-radius:4px;height:6px;margin:14px 0 11px;overflow:hidden}.sync-progress i{border-radius:inherit;background:var(--brand);width:35%;height:100%;transition:width .8s;display:block}.integrations-scene:is([data-step="1"],[data-step="2"],[data-step="3"]) .sync-panel{opacity:1;transform:none}.integrations-scene[data-step="2"] .sync-progress i{width:73%}.integrations-scene[data-step="3"] .sync-progress i{background:var(--mint);width:100%}.integration-success{top:83px;right:55px}.integrations-scene[data-step="3"] .integration-success{opacity:1;transform:none}@keyframes integration-pulse{to{transform:translate(90px,80px)scale(.75)}}@media (width<=1050px){.studio-shell{grid-template-columns:1fr}.studio-sidebar{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;height:auto;padding:17px 20px;position:relative}.studio-brand span,.studio-reference{display:none}.studio-brand img{width:112px}.studio-nav{gap:3px;margin:0 0 0 auto;display:flex}.studio-nav a{justify-content:center;width:36px;min-height:36px;padding:0;font-size:0}.studio-nav a span{width:auto;font-size:8px}.studio-home{width:min(100% - 40px,900px);padding-top:40px}.scene-directory__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.studio-home__header{min-height:490px;padding:42px 30px}.studio-home__meta{justify-content:space-between;bottom:35px;left:30px;right:30px}.scene-directory__grid{grid-template-columns:1fr}.scene-workspace{width:calc(100% - 32px);padding-top:30px}.scene-workspace__header{flex-direction:column;align-items:flex-start;gap:18px}.playback-bar{align-items:flex-start}.playback-steps{overflow:auto}.playback-steps button{flex:none;min-width:110px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
