.mobile-hub{background:#eef2ef}.hub{max-width:1060px;margin:auto;padding:35px 25px 45px;min-height:100dvh}.hub-heading{max-width:620px;margin:0 auto 32px;text-align:center}.hub-mark{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:17px;background:#193d34;color:#e3f380;font-family:Manrope,sans-serif;font-weight:700;font-size:1.6rem;margin-bottom:22px}.hub-heading h1{font-size:clamp(2rem,4vw,3.1rem);line-height:1.13}.hub-heading>p:last-child{color:#62706a;font-size:1rem;margin-top:17px}.hub-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.hub-card{border:1px solid #dae1d9;border-radius:22px;overflow:hidden;background:white;display:flex;flex-direction:column}.hub-card>img{width:100%;height:175px;object-fit:cover}.hub-card-content{padding:23px;display:flex;flex-direction:column;flex:1}.hub-type{font-size:.75rem;letter-spacing:.09em;color:var(--accent);font-weight:700;margin-bottom:10px}.hub-card h2{font-size:1.75rem;font-weight:650}.hub-card p{font-size:.9375rem;color:#62706a;margin:12px 0 23px;flex:1}.hub-links{display:flex;flex-direction:column;gap:10px}.hub-links a{text-decoration:none;font-size:.9375rem;min-height:48px}.laundry-card{--accent:#2157df}.bread-card{--accent:#9b381e}.laundry-cover{height:175px;background:#2157df;color:white;display:grid;grid-template-columns:1fr auto;align-content:center;align-items:center;gap:10px;padding:25px}.laundry-cover>span{font-size:2.4rem;font-family:Manrope,sans-serif;font-weight:600;letter-spacing:-.06em}.laundry-cover small{font-size:.9375rem;grid-column:1/-1}.hub-install{max-width:400px;text-align:center;margin:30px auto 18px}.hub-install p{font-size:.875rem;color:#62706a;margin-top:12px}.hub-disclaimer{max-width:650px;margin:0 auto;text-align:center;color:#62706a;font-size:.8125rem;line-height:1.7}.hub-desktop{display:block;text-align:center;margin:20px auto 0;font-size:.875rem;text-underline-offset:4px;color:#193d34}.install-instructions h3{margin:22px 0 8px}.install-instructions p{font-size:.9375rem;line-height:1.6}.install-instructions .note{margin-top:22px}.install-source{display:inline-block;margin-top:20px;font-size:.8125rem;color:var(--accent);text-underline-offset:4px}.presentation-bar{min-height:41px;padding:8px max(18px,calc((100vw - 1168px)/2));background:var(--accent);color:white;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.8125rem}.presentation-bar a{color:white;text-decoration:none;min-height:28px;display:flex;align-items:center}.presentation-bar>span{font-size:.6875rem;border:1px solid #ffffff80;padding:3px 5px;border-radius:4px;letter-spacing:.08em}.presentation-bar button{border:0;background:none;color:white;padding:5px 0;min-height:28px;font-size:.8125rem}.mobile-mode .demo-top{display:none}.mobile-mode .view-tabs{padding-bottom:0}.mobile-mode #view-tabs button svg{display:none}.mobile-mode footer{margin-bottom:0}
@media(max-width:650px){.hub{padding:26px 18px max(32px,env(safe-area-inset-bottom))}.hub-heading{text-align:left;margin-bottom:25px}.hub-mark{width:46px;height:46px;border-radius:14px;font-size:1.4rem;margin-bottom:20px}.hub-heading .eyebrow{font-size:.7rem;margin-bottom:10px}.hub-heading h1{font-size:2.25rem}.hub-heading>p:last-child{font-size:.9375rem;margin-top:14px}.hub-list{grid-template-columns:1fr;gap:20px}.hub-card{border-radius:20px}.hub-card>img{height:125px;object-position:center 42%}.hub-card-content{padding:21px}.hub-card h2{font-size:1.65rem}.hub-card p{margin:9px 0 19px;font-size:.9375rem}.hub-links{flex-direction:row;gap:9px}.hub-links a{flex:1;padding:12px 9px;font-size:.875rem}.laundry-cover{height:110px;padding:21px}.laundry-cover>span{font-size:2rem}.laundry-cover svg{height:42px;width:42px}.laundry-cover small{font-size:.8125rem}.hub-type{font-size:.75rem}.hub-disclaimer{text-align:left;font-size:.8125rem}.mobile-mode{padding-bottom:calc(82px + env(safe-area-inset-bottom));min-height:100dvh}.mobile-mode .presentation-bar{padding:5px 16px;min-height:35px;gap:9px}.mobile-mode .presentation-bar>span{display:none}.mobile-mode .presentation-bar a,.mobile-mode .presentation-bar button{min-height:32px;font-size:.8125rem}.mobile-mode .brand-header{padding:16px 18px 13px;gap:13px;border-bottom:1px solid var(--line)}.mobile-mode .brand-symbol{width:40px;height:40px}.mobile-mode .brand strong{font-size:1.3rem}.mobile-mode .brand small{font-size:.6875rem}.mobile-mode .header-actions{gap:12px}.mobile-mode .role-switch{border-radius:12px}.mobile-mode .role-switch button{min-height:39px;font-size:.875rem}.mobile-mode .view-tabs{position:fixed;z-index:15;bottom:0;left:0;right:0;margin:0;padding:8px 12px max(8px,env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);border-bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;box-shadow:0 -5px 20px #14241d08;overflow:visible}.mobile-mode .view-tabs button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;min-height:55px;white-space:normal;text-align:center;font-size:.8125rem;padding:7px 4px;border-radius:10px;box-shadow:none;line-height:1.25}.mobile-mode .view-tabs button.active{background:var(--soft);color:var(--accent)}.mobile-mode #view-tabs button svg{display:block;width:19px;height:19px}.mobile-mode main{padding:23px 18px 30px;min-height:calc(100dvh - 285px)}.mobile-mode .intro{margin-bottom:24px}.mobile-mode .intro .eyebrow{font-size:.7rem;letter-spacing:.1em;margin-bottom:11px}.mobile-mode .intro h1{font-size:2.1rem;letter-spacing:-.05em;line-height:1.13}.mobile-mode .intro h1+p{margin-top:10px;font-size:.9375rem}.mobile-mode .section-title{margin-bottom:16px}.mobile-mode .service-grid{gap:10px}.mobile-mode .service-card{padding:17px 18px;position:relative}.mobile-mode .service-number{display:none}.mobile-mode .service-card h3{font-size:1rem}.mobile-mode .service-card p{font-size:.8125rem;margin-top:5px}.mobile-mode .service-card>strong{margin-top:12px;font-size:1.25rem}.mobile-mode .service-card strong span{font-size:.875rem}.mobile-mode .professional{min-width:0;padding:12px 9px}.mobile-mode .professional strong{font-size:.8125rem}.mobile-mode .professional small{font-size:.75rem}.mobile-mode .date-button span{font-size:.6875rem}.mobile-mode .date-button{overflow:hidden}.mobile-mode .stepper button{min-width:39px;min-height:42px}.mobile-mode .slot{min-height:45px}.mobile-mode .weekday{min-height:77px}.mobile-mode .flow-actions{margin-top:22px;padding-top:20px}.mobile-mode .flow-actions .primary{min-height:48px}.mobile-mode .back{min-height:35px;margin-bottom:16px}.mobile-mode .stats{gap:10px}.mobile-mode .stats>div{padding:16px}.mobile-mode .stats strong{font-size:2rem}.mobile-mode .stats small{font-size:.75rem}.mobile-mode .order-card{padding:19px 16px}.mobile-mode .card-actions .small{min-height:44px}.mobile-mode footer{padding:18px 0;font-size:.75rem}.mobile-mode #toast{bottom:calc(91px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - 32px)}.mobile-mode dialog{max-height:calc(100dvh - 40px);overflow-y:auto}}
@media(display-mode:standalone){.mobile-mode .presentation-bar{padding-top:max(5px,env(safe-area-inset-top))}.mobile-hub .hub{padding-top:max(26px,env(safe-area-inset-top))}}

.beauty-card{--accent:#502c43}.beauty-card>img{object-position:center 45%}