.onboarding{background:#111214}.onboarding::after{display:none}.onboarding-title{max-width:650px;margin:0 auto 55px;text-align:center}.onboarding-title .eyebrow{justify-content:center}.onboarding-title h2{margin:14px 0 12px;font:700 clamp(38px,5vw,54px)/1.04 'DM Sans',sans-serif;letter-spacing:-2.6px}.onboarding-title p{max-width:560px;margin:auto;color:#8e8f94;font-size:14px;line-height:1.7}.onboarding-demo{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:90px;max-width:1040px;margin:auto}.phone-stage{position:relative;min-height:530px;display:grid;place-items:center}.phone-orbit{position:absolute;width:410px;height:410px;border:1px solid #2c2a1e;border-radius:50%}.phone-orbit:before,.phone-orbit:after{content:'';position:absolute;inset:35px;border:1px solid #24231c;border-radius:50%}.phone-orbit:after{inset:80px}.phone-mockup{position:relative;z-index:1;width:285px;min-height:495px;padding:18px 15px 16px;border:2px solid #3b3c40;border-radius:28px;background:#f7f7f5;color:#191a1c;box-shadow:14px 16px 0 #080809;transform:rotate(-2deg)}.phone-speaker{width:48px;height:5px;margin:-6px auto 12px;border-radius:5px;background:#d5d5d5}.phone-browser{padding:8px 10px;border-radius:12px;background:#ebebed;color:#8a8b8e;font-size:7px}.phone-browser i{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:#39a96b}.phone-shop{display:flex;align-items:center;gap:9px;padding:14px 5px;border-bottom:1px solid #ddd}.phone-shop>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#f5c400;font-size:8px;font-weight:800}.phone-shop strong,.phone-shop small{display:block}.phone-shop strong{font-size:10px}.phone-shop small{margin-top:3px;color:#8a8b8e;font-size:7px}.phone-screen{min-height:265px;padding:15px 2px}.phone-screen>small{display:block;margin-bottom:10px;color:#76777b;font-size:7px;font-weight:800;letter-spacing:.7px}.phone-option{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding:11px;border:1px solid #ddd;border-radius:8px;background:#fff}.phone-option.active{border:2px solid #e9b900}.phone-option strong,.phone-option small{display:block}.phone-option strong{font-size:9px}.phone-option small{margin-top:4px;color:#8d8e92;font-size:7px}.phone-option b{color:#9a7800;font-size:9px}.phone-mockup>button{width:100%;height:38px;border:0;border-radius:6px;background:#f5c400;font-size:9px;font-weight:800}.phone-caption{position:absolute;z-index:2;bottom:4px;color:#696a6e;font-size:8px}.phone-caption span{color:#f5c400}.demo-steps{display:flex;flex-direction:column;gap:8px}.demo-steps>button{width:100%;display:grid;grid-template-columns:65px 1fr;align-items:center;gap:18px;padding:16px 20px;border:1px solid #2d2e32;border-left:2px solid transparent;background:#17181b;color:#f2f2f2;text-align:left;cursor:pointer;transition:.2s}.demo-steps>button:hover{border-color:#46474b}.demo-steps>button.active{border-color:#f5c400;border-left-width:3px;background:#1e1d17;transform:translateX(8px)}.demo-steps>button>span{color:#55565b;font-size:28px;font-weight:800}.demo-steps>button.active>span{color:#f5c400}.demo-steps strong,.demo-steps small{display:block}.demo-steps strong{font-size:15px}.demo-steps small{max-width:420px;margin-top:5px;color:#83848a;font-size:10px;line-height:1.5}.demo-steps>p{margin:8px 0 0;color:#66676b;font-size:8px}.demo-steps>p i{display:inline-block;width:6px;height:6px;margin-right:7px;background:#f5c400}.phone-days{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.phone-days b{padding:8px 2px;border:1px solid #ddd;border-radius:5px;text-align:center;color:#888;font-size:6px}.phone-days b small{display:block;margin-top:4px;font-size:10px}.phone-days b.active{border-color:#d9ad00;background:#fff7cf;color:#191a1c}.phone-times{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:18px}.phone-times span{padding:10px 4px;border:1px solid #ddd;border-radius:5px;text-align:center;font-size:8px}.phone-times span.active{border-color:#d9ad00;background:#f5c400;font-weight:800}.phone-success{padding:35px 5px;text-align:center}.phone-success i{width:48px;height:48px;margin:0 auto 15px;display:grid;place-items:center;border-radius:50%;background:#f5c400;font-style:normal;font-size:22px}.phone-success strong,.phone-success p,.phone-success span,.phone-success small{display:block}.phone-success strong{font-size:14px}.phone-success p{margin:8px 0 4px;font-size:9px}.phone-success span{color:#777;font-size:8px}.phone-success small{margin-top:25px;padding:10px;background:#eee;color:#777;font-size:7px;line-height:1.5}.phone-admin>div:first-child{display:flex;align-items:center;gap:9px;padding:13px;border-left:3px solid #f5c400;background:#fff}.phone-admin p{flex:1;margin:0}.phone-admin strong,.phone-admin small{display:block}.phone-admin strong{font-size:8px}.phone-admin small{margin-top:3px;color:#888;font-size:7px}.phone-admin>div>span{font-size:9px;font-weight:800}.phone-admin em{padding:4px;background:#e4f5eb;color:#26704c;font-size:6px;font-style:normal}.phone-admin-stat{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.phone-admin-stat span{padding:13px;background:#fff;border:1px solid #ddd}.phone-admin-stat small,.phone-admin-stat strong{display:block}.phone-admin-stat small{color:#999;font-size:6px}.phone-admin-stat strong{margin-top:4px;font-size:13px}@media(max-width:800px){.onboarding{padding:75px 0}.onboarding-title{margin-bottom:35px}.onboarding-title h2{font-size:38px;letter-spacing:-2px}.onboarding-demo{display:block}.phone-stage{display:none}.demo-steps{gap:0;border-top:1px solid #2d2e32}.demo-steps>button{grid-template-columns:38px 1fr;padding:16px 0;border:0;border-bottom:1px solid #2d2e32;background:transparent;transform:none!important}.demo-steps>button.active{border-color:#2d2e32;border-left:0;background:transparent}.demo-steps>button>span{font-size:14px;color:#5f6065}.demo-steps>button.active>span{color:#f5c400}.demo-steps small,.demo-steps>p{display:none}}