:root{--purple:#6c25be;--deep:#24103e;--green:#00c897;--ink:#292334;--muted:#736c7f;--line:#e9e4ef;--paper:#faf9fc;--soft:#f0e8fa;--radius:20px;font-family:Inter,'Segoe UI',Arial,sans-serif;color:var(--ink);font-size:16px;background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #00a37b;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid var(--purple);outline-offset:2px}svg{width:22px;height:22px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.9rem,3vw,2.65rem);line-height:1.14;letter-spacing:-1.3px;font-weight:650}h2{font-size:1.35rem;letter-spacing:-.5px}h3{font-size:1.05rem}small{font-size:.8rem}p{line-height:1.6}.muted{color:var(--muted)}.green{color:#007c5e}.eyebrow{font-size:.76rem;font-weight:700;letter-spacing:1.4px;text-transform:uppercase}.shell{min-height:100vh;padding-left:224px}.sidebar{width:224px;position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid var(--line);padding:35px 22px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:9px;align-items:center;font-size:2rem;font-weight:750;letter-spacing:-1.8px;color:var(--purple)}.brand img{height:39px;width:39px}.brand span span{font-weight:600}.sidebar .brand{margin:0 9px 47px}.nav-label{font-size:.7rem;letter-spacing:1.4px;font-weight:700;color:#918a9d;margin:0 14px 13px}.nav-item{display:flex;align-items:center;gap:12px;padding:13px 14px;font-size:.9rem;color:#797182;border-radius:11px;margin-bottom:7px;font-weight:550}.nav-item.active{color:var(--purple);background:var(--soft)}.nav-item:hover{background:#f6f2fb}.sidebar-foot{margin-top:auto}.help-card{background:#f7f5fb;border:1px solid var(--line);padding:16px;border-radius:14px;margin-bottom:20px}.help-card p{font-size:.8rem;margin:8px 0}.help-card a{font-size:.8rem;color:var(--purple);font-weight:650}.side-version{font-size:.7rem;color:#958d9d;padding:0 12px}.topbar{height:89px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 40px;gap:18px}.location{display:flex;align-items:center;gap:12px;font-size:.85rem}.location svg{color:var(--purple)}.location strong{display:block;font-size:.88rem;margin-top:3px}.top-actions{display:flex;gap:18px;align-items:center}.avatar{height:37px;min-width:37px;display:grid;place-items:center;border-radius:50%;background:#ece2f8;color:var(--purple);font-weight:700}.profile{display:flex;align-items:center;gap:10px;font-size:.85rem}.profile small{display:block;color:var(--muted);margin-top:3px}.icon-btn{border:0;background:none;color:var(--muted);padding:8px;display:flex;align-items:center;gap:5px}.text-btn{color:var(--purple);border:0;background:none;font-weight:600;padding:8px 0;font-size:.85rem}.content{max-width:1440px;margin:auto;padding:32px 40px 28px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:15px}.intro h1{font-size:1.65rem;letter-spacing:-.6px;margin:0 0 7px}.intro p{font-size:.9rem;margin:0;color:var(--muted)}.badge{display:inline-flex;gap:7px;align-items:center;font-size:.74rem;padding:7px 11px;border-radius:7px;background:#e3f8f0;color:#087054;font-weight:600;white-space:nowrap}.badge.demo{background:#f0eafb;color:#714c99}.dot{height:6px;width:6px;background:currentColor;border-radius:100%}.hero{background:var(--deep);border-radius:22px;min-height:226px;color:white;padding:32px 36px;display:flex;position:relative;overflow:hidden;align-items:center;justify-content:space-between;margin-bottom:30px}.hero-text{position:relative;z-index:1;max-width:470px}.hero .eyebrow{color:#81e9cf;margin-bottom:15px;display:flex;gap:7px;align-items:center}.hero h1{margin-bottom:12px;max-width:440px}.hero h1 em{color:#69e5c4;font-style:normal}.hero p{color:#cec1dc;font-size:.84rem;margin:0}.hero-art{width:230px;height:175px;position:relative;display:grid;place-items:center;flex-shrink:0;margin-left:15px}.hero-art:before,.hero-art:after{content:'';position:absolute;width:185px;height:185px;border:1px solid #ffffff18;border-radius:50%}.hero-art:after{width:255px;height:255px}.hero-art>svg{width:155px;height:155px;color:#f5eeff;stroke-width:1}.art-chip{position:absolute;background:#ffffffee;color:#3f2954;border:1px solid #ffffff55;border-radius:10px;padding:8px 12px;display:flex;align-items:center;gap:6px;font-size:.73rem;box-shadow:0 8px 25px #0002;z-index:1}.art-chip.one{top:17px;right:-4px}.art-chip.two{bottom:12px;left:-8px}.art-chip svg{width:17px;height:17px;color:#048c6a}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 302px;gap:28px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:12px}.section-heading h2{margin:0}.section-heading span{font-size:.8rem;color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:27px}.category{padding:17px 4px 13px;border:1px solid var(--line);background:white;border-radius:13px;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:.78rem;font-weight:550;color:#61586e;min-width:0}.category svg{width:27px;height:27px}.category:hover{border-color:#b38adf;transform:translateY(-2px)}.category.selected{background:var(--soft);border-color:var(--purple);color:var(--purple)}.services{display:grid;gap:10px}.service-card{display:flex;align-items:center;padding:18px;background:white;border:1px solid var(--line);border-radius:14px;text-align:left;gap:14px;width:100%;color:inherit}.service-card.selected{border-color:var(--purple);box-shadow:0 0 0 1px var(--purple)}.service-icon{background:#f3eff8;width:48px;height:48px;display:grid;place-items:center;border-radius:12px;color:var(--purple)}.service-card h3{margin:0 0 6px;font-size:.96rem}.service-card p{margin:0;color:var(--muted);font-size:.77rem}.service-price{margin-left:auto;white-space:nowrap;font-size:.95rem;font-weight:650}.radio{width:18px;height:18px;border:1px solid #c8bdd4;border-radius:50%;margin-left:5px;flex-shrink:0}.selected .radio{border:5px solid var(--purple)}.trust-row{display:flex;gap:18px;justify-content:space-between;font-size:.75rem;color:var(--muted);margin-top:23px;padding:18px 0;border-top:1px solid var(--line)}.trust-row span{display:flex;align-items:center;gap:6px}.trust-row svg{color:#08876a;width:17px;height:17px}.booking{background:white;border:1px solid var(--line);border-radius:19px;padding:23px;height:fit-content;position:sticky;top:24px}.booking h2{font-size:1.1rem;margin-bottom:7px}.booking>p{font-size:.79rem;color:var(--muted);margin-bottom:22px}.field-label{display:block;font-size:.8rem;font-weight:600;margin-bottom:9px}.segmented{display:flex;background:#f4f1f8;border-radius:10px;padding:4px;margin-bottom:21px}.segmented button{flex:1;background:none;border:0;padding:9px 3px;border-radius:7px;font-size:.78rem;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:6px}.segmented button svg{width:16px;height:16px}.segmented button.active{color:var(--purple);background:white;box-shadow:0 2px 5px #3114440d;font-weight:650}.address-preview{border:1px solid var(--line);border-radius:10px;padding:12px;width:100%;display:flex;align-items:center;gap:9px;background:white;text-align:left;color:var(--ink);font-size:.8rem}.address-preview>svg{color:var(--purple);width:18px}.address-preview small{display:block;font-size:.72rem;color:var(--muted);margin-top:5px}.summary{border-top:1px solid var(--line);margin-top:22px;padding-top:17px}.summary-row{display:flex;justify-content:space-between;gap:10px;font-size:.8rem;color:var(--muted);margin-bottom:12px}.summary-row.total{font-size:1rem;font-weight:650;color:var(--ink);margin:17px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:12px 18px;border-radius:10px;border:1px solid transparent;background:var(--purple);color:white;font-size:.85rem;font-weight:650}.button:hover{background:#57209b}.button svg{width:17px;height:17px}.button.full{width:100%}.button.secondary{background:white;border-color:var(--line);color:var(--ink)}.button.secondary:hover{background:#f4f0fa}.button.soft{background:var(--soft);color:var(--purple)}.button.danger{background:#fff2f2;color:#aa3030;border-color:#f4cccc}.fineprint{font-size:.7rem!important;line-height:1.5;color:var(--muted);text-align:center;margin:12px 0 0!important}.page-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:28px;padding-top:18px;gap:10px;font-size:.73rem;color:#8b8395}.page-footer a{color:var(--purple)}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:27px}.narrow{max-width:550px;margin:0 auto}.auth-layout{display:grid;grid-template-columns:.85fr 1fr;gap:35px;max-width:1000px;margin:20px auto}.auth-story{background:var(--deep);color:white;padding:40px;border-radius:22px;display:flex;flex-direction:column;justify-content:center}.auth-story h1{margin:24px 0}.auth-story p{color:#d2c5e0}.auth-story .brand{color:white}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .wide{grid-column:1/-1}label.form-field{display:block;font-size:.84rem;font-weight:600;margin-bottom:17px}input,select,textarea{width:100%;border:1px solid #dcd5e4;border-radius:9px;padding:12px;background:white;color:var(--ink);min-height:45px;margin-top:7px;font-size:.9rem}textarea{resize:vertical}.role-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.role-choice button{padding:15px;border-radius:12px;background:white;border:1px solid var(--line);text-align:left;color:var(--muted);font-size:.85rem;display:flex;align-items:center;gap:9px}.role-choice button.active{border-color:var(--purple);background:var(--soft);color:var(--purple)}.demo-choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.notice{background:#f3edf9;color:#684687;padding:13px 15px;border-radius:10px;font-size:.82rem;line-height:1.6;margin:18px 0}.notice.success{background:#e6f7f0;color:#12634d}.error{color:#ae2439;background:#fff0f1;border-radius:8px;padding:12px;font-size:.85rem;margin:12px 0}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:400;margin:8px 0}.checkbox-label input{width:18px;min-height:18px;margin:0;accent-color:var(--purple)}.order-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:25px}.timeline{display:flex;flex-direction:column;gap:0;margin:25px 0}.timeline-step{display:flex;gap:15px;align-items:flex-start;position:relative;padding-bottom:25px;color:#9a91a4}.timeline-step:not(:last-child):before{content:'';position:absolute;top:26px;bottom:0;left:14px;width:2px;background:var(--line)}.timeline-step .step-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f1edf5;z-index:1;flex-shrink:0;font-size:.8rem}.timeline-step.done{color:var(--ink)}.timeline-step.done .step-icon{background:#e1f5ee;color:#008360}.timeline-step.current .step-icon{background:var(--purple);color:white}.timeline-step strong{display:block;font-size:.9rem;padding-top:4px}.timeline-step small{display:block;margin-top:5px;color:var(--muted)}.pin{font-size:2.2rem;font-weight:700;letter-spacing:9px;color:var(--purple);margin:15px 0}.provider-mini{display:flex;align-items:center;gap:12px;margin:20px 0;padding:16px;background:#f7f4fa;border-radius:12px}.provider-mini p{margin:4px 0 0;font-size:.77rem;color:var(--muted)}.empty{text-align:center;padding:55px 20px}.empty>svg{width:45px;height:45px;color:var(--purple);margin-bottom:15px}.empty p{color:var(--muted);font-size:.9rem}.order-list{display:grid;gap:12px}.order-row{display:flex;align-items:center;justify-content:space-between;gap:15px;background:white;border:1px solid var(--line);border-radius:14px;padding:20px}.order-row h3{margin:0 0 8px}.order-row p{margin:0;color:var(--muted);font-size:.8rem}.order-row .right{text-align:right}.order-row .right strong{display:block;margin-top:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stat{padding:24px;border-radius:17px;border:1px solid var(--line);background:white}.stat p{font-size:.82rem;color:var(--muted);margin:0 0 14px}.stat strong{font-size:1.8rem;font-weight:650;letter-spacing:-.7px}.stat.purple{background:var(--purple);color:white;border-color:var(--purple)}.stat.purple p{color:#e4d4f7}.split{display:grid;grid-template-columns:1fr 1fr;gap:22px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.82rem;text-align:left}th{font-size:.74rem;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:600;background:#faf8fc}th,td{padding:15px 12px;border-bottom:1px solid var(--line);white-space:nowrap}.list-item{padding:16px 0;border-bottom:1px solid var(--line);font-size:.86rem}.list-item p{margin:5px 0 0;color:var(--muted);font-size:.8rem}.row{display:flex;align-items:center;justify-content:space-between;gap:15px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--deep);color:white;padding:14px 23px;border-radius:12px;box-shadow:0 7px 30px #24103e30;z-index:100;font-size:.86rem;max-width:90vw;display:none}#toast.show{display:block}.loading{padding:80px;text-align:center;color:var(--purple)}.mobile-brand{display:none}.steps-heading{display:flex;gap:9px;align-items:center;margin-bottom:25px;font-size:.8rem;color:var(--muted)}.steps-heading strong{color:var(--purple)}.stars{color:#ab751a}.stack{display:grid;gap:14px}.balance-note{font-size:.85rem;color:var(--muted);max-width:700px}.only-mobile{display:none}
@media(min-width:1500px){.content{padding-top:40px}.hero{min-height:250px}.hero-art{margin-right:50px}}
@media(max-width:1200px){.shell{padding-left:190px}.sidebar{width:190px;padding:30px 13px}.content{padding:26px}.topbar{padding:0 26px}.workspace{grid-template-columns:minmax(0,1fr) 280px;gap:20px}.category-grid{grid-template-columns:repeat(3,1fr)}.category{flex-direction:row;justify-content:center;padding:13px 5px}.category svg{width:22px;height:22px}.hero{padding:28px}.hero-art{width:175px}.trust-row{flex-wrap:wrap;gap:12px}.order-layout{grid-template-columns:1fr 280px}}
@media(max-width:900px){.shell{padding-left:0;padding-bottom:78px}.sidebar{width:100%;height:70px;top:auto;bottom:0;flex-direction:row;border-right:0;border-top:1px solid var(--line);padding:5px 8px;justify-content:space-around}.sidebar .brand,.nav-label,.sidebar-foot{display:none}.sidebar nav{display:flex;width:100%;justify-content:space-around}.nav-item{flex-direction:column;gap:4px;margin:0;padding:7px 12px;font-size:.7rem}.nav-item svg{height:20px;width:20px}.topbar{height:77px}.mobile-brand{display:flex;font-size:1.55rem}.mobile-brand img{width:30px;height:30px}.location{font-size:.73rem}.location strong{font-size:.75rem}.top-actions{gap:8px}.profile .profile-name{display:none}.auth-layout{gap:20px}.auth-story{padding:25px}.workspace{grid-template-columns:minmax(0,1fr) 280px}.order-layout{grid-template-columns:1fr}.booking{position:static}.page-footer{margin-bottom:10px}.split{grid-template-columns:1fr}}
@media(max-width:640px){h1{font-size:2rem}.topbar{padding:0 18px;gap:10px}.topbar .location svg{display:none}.topbar .location span{font-size:.67rem}.top-actions .text-btn{font-size:.75rem}.content{padding:23px 18px}.intro{align-items:flex-start;margin-bottom:20px}.intro h1{font-size:1.4rem}.intro p{font-size:.82rem}.intro .badge{font-size:.65rem;padding:6px 8px}.hero{min-height:245px;padding:26px 24px;margin-bottom:26px;align-items:flex-start}.hero h1{font-size:1.95rem;max-width:310px}.hero-text{max-width:100%}.hero .eyebrow{font-size:.66rem}.hero p{max-width:220px;font-size:.75rem}.hero-art{position:absolute;right:-34px;bottom:-30px;width:135px;height:130px;opacity:.38}.hero-art>svg{width:95px;height:95px}.art-chip{display:none}.hero-art:before{width:130px;height:130px}.hero-art:after{width:180px;height:180px}.workspace{grid-template-columns:1fr;gap:18px}.category-grid{grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:25px}.category{flex-direction:column;padding:15px 7px;font-size:.8rem;gap:10px}.category svg{width:25px;height:25px}.section-heading h2{font-size:1.15rem}.service-card{padding:15px;gap:10px}.service-card h3{font-size:.87rem}.service-icon{width:41px;height:41px}.service-price{font-size:.85rem}.booking{padding:22px}.trust-row{font-size:.72rem;margin-top:16px}.page-footer{font-size:.67rem;flex-direction:column;gap:9px}.auth-layout{display:flex;flex-direction:column;margin:0}.auth-story{padding:25px}.auth-story .brand{display:none}.auth-story h1{font-size:1.7rem;margin:0 0 12px}.auth-story p{font-size:.85rem;margin:0}.panel{padding:22px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.stats{grid-template-columns:1fr;gap:10px}.stat{padding:20px;display:flex;justify-content:space-between;align-items:center}.stat p{margin:0}.stat strong{font-size:1.4rem}.order-row{padding:15px;gap:10px}.order-row h3{font-size:.87rem}.order-row .badge{font-size:.65rem}.row{flex-wrap:wrap}.steps-heading{font-size:.72rem}.profile{gap:0}.top-actions .avatar{width:30px;min-width:30px;height:30px;font-size:.8rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}