:root{--bg:#f6f7fb;--surface:#fff;--ink:#171826;--muted:#737687;--line:#e5e6ed;--blue:#5265e8;--soft:#edf0ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,sans-serif}button,a{cursor:pointer}button{font:inherit}.demo{height:30px;background:#1e2348;color:#dce1ff;display:flex;align-items:center;justify-content:center;gap:50px;font-size:9px}.demo a{color:#fff;text-decoration:none;font-weight:700}header{height:70px;background:#fff;border-bottom:1px solid var(--line);padding:0 5vw;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px}.brand>span{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#6578f0,#4453c9);color:#fff;display:grid;place-items:center}.brand b{font-size:15px}.brand b span{color:var(--blue)}nav{display:flex;gap:6px}nav button{border:0;background:none;padding:10px 12px;color:var(--muted);font-size:9px;border-radius:8px}nav button.active{background:var(--soft);color:var(--blue)}.cta{background:var(--blue);color:#fff;text-decoration:none;padding:11px 14px;border-radius:8px;font-size:8px}.hero{min-height:680px;padding:70px 7vw;display:grid;grid-template-columns:1fr 540px;gap:70px;align-items:center;background:radial-gradient(circle at 20% 50%,#e7eaff,transparent 42%)}.hero>div>span,.services-page>span{font-size:8px;letter-spacing:.13em;color:var(--blue);font-weight:800}.hero h1,.services-page h1{font-size:58px;line-height:1.05;letter-spacing:-.05em;margin:17px 0}.hero>div>p,.services-page>p{color:var(--muted);line-height:1.8;max-width:580px}.hero>div>div{display:flex;gap:20px;margin-top:26px}.hero>div>div b{font-size:8px}.hero>div>div i{color:var(--blue);margin-right:5px}.booking{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 80px rgba(48,53,100,.12);padding:24px;min-height:520px}.steps{display:flex;align-items:center;justify-content:center;margin-bottom:22px}.steps span{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#e9eaf0;color:#9294a2;font-size:7px}.steps span.active{background:var(--blue);color:#fff}.steps i{width:60px;height:1px;background:#dddfea}.step-head small{font-size:7px;color:var(--blue);font-weight:700}.step-head h2{font-size:19px;margin:7px 0}.step-head p{color:var(--muted);font-size:8px}.service-list,.staff-list{display:grid;gap:8px;margin-top:17px}.service-list button,.staff-list button{width:100%;min-height:67px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px;display:flex;align-items:center;text-align:left;gap:11px}.service-list button:hover,.service-list button.selected,.staff-list button:hover{border-color:#8d9af0;background:#f8f9ff}.service-list>button>i:first-child{width:39px;height:39px;border-radius:10px;background:var(--soft);color:var(--blue);display:grid;place-items:center}.service-list span,.staff-list span:nth-child(2){flex:1}.service-list b,.service-list small,.staff-list b,.staff-list small{display:block;font-size:9px}.service-list small,.staff-list small{color:var(--muted);font-size:7px;margin-top:4px}.service-list>button>i:last-child{color:#aaa}.avatar{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--blue);font-size:8px;font-weight:800}.staff-list em{font-style:normal;color:#198754;font-size:7px}.back{border:0;background:none;font-size:8px;color:var(--muted);margin-bottom:12px}.calendar{margin-top:12px}.week,.days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.week b{font-size:6px;color:var(--muted);padding:5px}.days button{height:28px;border:0;background:none;border-radius:8px;font-size:7px}.days button.selected{background:var(--blue);color:#fff}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0}.slots button{height:31px;border:1px solid var(--line);background:#fff;border-radius:7px;font-size:7px}.slots button.selected{background:var(--soft);border-color:var(--blue);color:var(--blue)}.confirm{width:100%;height:38px;border:0;border-radius:8px;background:var(--blue);color:#fff;font-size:8px}.confirm:disabled{opacity:.4}.success{text-align:center;padding:40px 20px}.success>span{width:65px;height:65px;border-radius:50%;display:grid;place-items:center;background:#e2f6e9;color:#198754;font-size:23px;margin:auto}.success>small{display:block;color:#198754;font-size:6px;margin-top:18px}.success h2{font-size:23px}.success p{color:var(--muted)}.success>div{background:var(--bg);border-radius:10px;padding:13px;margin:18px}.success>div b{display:block;font-size:8px;margin:4px}.success button{border:0;background:var(--blue);color:#fff;padding:10px 14px;border-radius:8px}.trust{height:100px;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:center;gap:11vw;align-items:center}.trust b,.trust small{display:block;text-align:center}.trust b{font-size:20px}.trust small{font-size:7px;color:var(--muted);margin-top:5px}.dashboard{padding:45px 5vw;display:grid;grid-template-columns:230px 1fr;gap:25px}.dashboard>aside{background:linear-gradient(150deg,#313d9e,#596bea);color:#fff;border-radius:15px;padding:26px;height:300px}.dashboard>aside span{font-size:7px;letter-spacing:.12em}.dashboard>aside h1{font-size:25px}.dashboard>aside p{font-size:8px;color:#d2d8ff}.dashboard>aside button{margin-top:35px;width:100%;height:37px;border:0;border-radius:8px;background:#fff;color:#4251be}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metrics article{background:#fff;border:1px solid var(--line);border-radius:11px;padding:16px}.metrics span,.metrics b,.metrics small{display:block}.metrics span,.metrics small{font-size:7px;color:var(--muted)}.metrics b{font-size:20px;margin:10px 0}.schedule{background:#fff;border:1px solid var(--line);border-radius:12px;margin-top:13px;padding:18px}.schedule-head{display:flex;justify-content:space-between}.schedule-head h2{font-size:14px;margin:0}.schedule-head p{font-size:7px;color:var(--muted)}.schedule-head button{border:1px solid var(--line);background:#fff;border-radius:7px;height:31px}.appt{display:grid;grid-template-columns:55px 10px 1fr 35px 80px 25px;align-items:center;border-top:1px solid var(--line);padding:14px 0}.appt time{font-size:9px;font-weight:700}.appt>i{width:7px;height:7px;border-radius:50%;background:var(--blue)}.appt span b,.appt span small{display:block;font-size:8px}.appt span small{font-size:7px;color:var(--muted);margin-top:4px}.appt em{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--blue);font-style:normal;font-size:7px}.appt strong{font-size:7px;border-radius:10px;padding:5px;text-align:center}.confirmed{background:#e2f6e9;color:#198754}.pending{background:#fff1d9;color:#b26b0d}.appt>button{border:0;background:none}.services-page{padding:80px 6vw;text-align:center}.services-page>p{margin:auto}.services-page>div{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:45px;text-align:left}.services-page article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:22px}.services-page article>i{width:43px;height:43px;border-radius:11px;background:var(--soft);color:var(--blue);display:grid;place-items:center}.services-page article h2{font-size:13px}.services-page article p{color:var(--muted);font-size:8px;line-height:1.7;min-height:55px}.services-page article span,.services-page article b{display:block;font-size:8px}.services-page article b{font-size:17px;margin:8px 0}.services-page article button{width:100%;height:34px;border:1px solid var(--blue);background:#fff;color:var(--blue);border-radius:8px}.toast{position:fixed;right:20px;bottom:20px;background:#20233c;color:#fff;padding:12px 16px;border-radius:9px;font-size:8px;transform:translateY(60px);opacity:0;transition:.2s}.toast.show{transform:none;opacity:1}@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr;padding:50px 5vw}.hero>div{text-align:center}.hero>div>div{justify-content:center}.booking{max-width:560px;margin:auto;width:100%}.dashboard{grid-template-columns:1fr}.dashboard>aside{height:auto}.services-page>div{grid-template-columns:repeat(2,1fr)}}@media(max-width:550px){.demo{justify-content:space-between;padding:0 10px}.demo a{font-size:0}.cta{display:none}.hero h1,.services-page h1{font-size:39px}.hero>div>div{flex-direction:column}.booking{padding:16px}.trust{gap:25px;overflow:auto;justify-content:flex-start;padding:0 20px}.metrics,.services-page>div{grid-template-columns:1fr 1fr}.dashboard{padding:25px 12px}.appt{grid-template-columns:45px 8px 1fr 28px}.appt strong,.appt>button{display:none}.slots{grid-template-columns:repeat(2,1fr)}}