:root {
  --ink: #13182d;
  --blue: #3562f4;
  --blue-dark: #2449cb;
  --paper: #fbfaf7;
  --muted: #62687b;
  --line: #e7e8ec;
  --mint: #d7f7e6;
  --lilac: #e5dcff;
  --yellow: #ffe79a;
  --navy: #171c3a;
  --radius: 24px;
}

* { box-sizing: border-box; }
.beliefs { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:20px; }.beliefs div { padding:10px; border-left:2px solid #a5b4ff; background:#f2f4ff; }.beliefs small { display:block; margin-bottom:3px; color:#6275d2; font-family:"DM Mono",monospace; font-size:7px; font-weight:800; letter-spacing:.7px; }.beliefs strong { display:block; color:#36415f; font-size:9px; line-height:1.45; }
.tracker-feedback { display:grid; grid-template-columns:1fr auto; align-items:center; gap:9px; margin-top:14px; padding-top:14px; border-top:1px solid #e8eaf1; }.tracker-feedback strong, .tracker-feedback small { display:block; }.tracker-feedback strong { font-size:10px; }.tracker-feedback small { color:#9298a7; font-size:8px; }.rating-buttons { display:flex; gap:2px; }.rating-buttons button { padding:0; border:0; color:#d4d8e1; background:transparent; font-size:15px; cursor:pointer; }.rating-buttons button.is-selected, .rating-buttons button:hover { color:#f0b43e; }.tracker-feedback p { grid-column:1/-1; margin:0; color:#2d9470; font-size:9px; font-weight:700; }.tracker-feedback[hidden] { display:none; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: "Manrope", sans-serif; font-size: 15px; line-height: 1.55; }
button, input, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
.section-shell { width: min(1160px, calc(100% - 48px)); margin: auto; }
.announcement { height: 37px; display: flex; align-items: center; justify-content: center; gap: 9px; padding: 0 18px; background: #e8efff; color: #354065; font-size: 11px; letter-spacing: .01em; }
.announcement a { margin-left: 10px; color: #2954d7; font-weight: 800; }
.announcement a span { margin-left: 3px; }
.live-dot { width: 6px; height: 6px; border-radius: 50%; background: #2db975; box-shadow: 0 0 0 4px rgba(45,185,117,.14); }
.site-header { height: 82px; width: min(1220px, calc(100% - 48px)); margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 9px; font-weight: 800; font-size: 17px; letter-spacing: -.7px; white-space: nowrap; }
.brand em { font-style: normal; color: #7380a0; font-weight: 500; }
.brand-mark { display: grid; place-items: center; width: 27px; height: 27px; background: var(--blue); color: white; border-radius: 8px 8px 8px 2px; font-family: Georgia, serif; font-style: italic; font-size: 21px; line-height: 1; }
.desktop-nav { display: flex; align-items: center; gap: 27px; margin-left: auto; }
.desktop-nav a { color: #545b72; font-size: 13px; font-weight: 700; }
.desktop-nav a:hover { color: var(--blue); }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 22px; border: 0; border-radius: 9px; padding: 13px 17px; font-weight: 800; font-size: 13px; cursor: pointer; transition: transform .2s, box-shadow .2s, background .2s; }
.button:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(32,46,111,.14); }
.button span { font-size: 19px; line-height: 13px; }
.button-dark { background: var(--ink); color: #fff; padding: 11px 15px; }
.button-primary { background: var(--blue); color: #fff; min-height: 47px; }
.button-primary:hover { background: var(--blue-dark); }
.menu-toggle { display: none; border: 0; background: transparent; width: 38px; padding: 5px; }
.menu-toggle span { display: block; width: 24px; height: 2px; background: var(--ink); margin: 5px auto; }

.hero { min-height: 592px; display: grid; grid-template-columns: 1.02fr .98fr; align-items: center; gap: 50px; padding: 66px 0 71px; }
.eyebrow { margin: 0 0 16px; color: var(--blue); font-size: 10px; letter-spacing: 1.75px; font-weight: 800; text-transform: uppercase; }
.sparkle { font-size: 14px; margin-right: 5px; }
h1, h2, h3, p { margin-top: 0; }
h1, h2 { font-weight: 800; letter-spacing: -3.4px; line-height: 1.08; }
h1 { font-size: clamp(50px, 5.15vw, 72px); margin-bottom: 22px; }
h2 { font-size: clamp(37px, 4.2vw, 55px); margin-bottom: 20px; }
h1 i, h2 i { font-family: Georgia, serif; font-weight: 400; }
.hero-text { color: var(--muted); max-width: 480px; font-size: 16px; line-height: 1.78; }
.hero-actions { display: flex; align-items: center; gap: 25px; margin-top: 30px; }
.text-button { padding: 3px 0; border: 0; border-bottom: 1px solid #b9bdc9; background: transparent; color: var(--ink); font-weight: 800; font-size: 13px; cursor: pointer; }
.text-button:hover { color: var(--blue); border-color: var(--blue); }
.play-icon { margin-left: 7px; color: var(--blue); font-size: 17px; }
.trust-row { display: flex; align-items: center; gap: 10px; margin-top: 52px; color: #555e75; font-size: 11px; }
.trust-row p { margin: 0; }
.trust-row strong { color: var(--ink); }
.star-line { color: #f1b63e; letter-spacing: 1px; font-size: 11px; }
.customer-stack { display: flex; padding-left: 4px; }
.customer-stack span { width: 22px; height: 22px; margin-left: -4px; border: 2px solid var(--paper); border-radius: 50%; display: grid; place-items: center; color: #fff; font-size: 8px; font-weight: 800; background: #e28268; }
.customer-stack span:nth-child(2) { background: #5259a9; }.customer-stack span:nth-child(3) { background: #75b5a9; }.customer-stack span:nth-child(4) { background: #d6a15a; }

.hero-visual { position: relative; height: 430px; min-width: 0; }
.visual-glow { position: absolute; border-radius: 50%; filter: blur(1px); }.glow-one { width: 310px; height: 310px; top: 30px; left: 54px; background: #e7e5ff; }.glow-two { width: 150px; height: 150px; right: 12px; bottom: 40px; background: #e4f7ed; }
.laundry-card { position: absolute; top: 14px; left: 20px; width: min(392px, 82%); height: 342px; padding: 0 19px 17px; overflow: hidden; border: 8px solid #fff; border-radius: 20px; background: #d0ddfa; box-shadow: 0 27px 60px rgba(52,60,128,.2); transform: rotate(-3deg); }
.laundry-topbar { height: 37px; display: flex; align-items: center; justify-content: space-between; color: #5271a8; font-family: "DM Mono", monospace; font-size: 9px; }.window-dots { display: flex; gap: 3px; }.window-dots i { width: 5px; height: 5px; background: #91a8d5; border-radius: 50%; }
.machine-scene { position: relative; height: 256px; overflow: hidden; border-radius: 9px; background: linear-gradient(160deg, #bbcdf1 0%, #9bb5e4 60%, #bfd3f4 60%); }.machine-scene:after { content: ""; position: absolute; width: 120%; height: 50px; left: -10%; bottom: -22px; background: #8ba6d7; border-radius: 50%; }
.garment-line { position: absolute; z-index: 2; top: 28px; left: 39px; width: 210px; height: 65px; border-top: 2px solid #889fd0; transform: rotate(-2deg); }.hanger { position: absolute; top: -11px; left: 31px; width: 25px; height: 25px; border: 2px solid #6a82b4; border-bottom: 0; border-radius: 50% 50% 0 0; }.hanger:after { content:""; position:absolute; width:28px; height:2px; background:#6a82b4; transform:rotate(30deg); left:10px; top:18px; }.hanger.second { left: 146px; transform: scale(.9); }
.shirt { position: absolute; top: 11px; width: 47px; height: 66px; border-radius: 8px 8px 12px 12px; box-shadow: inset 0 0 0 1px rgba(62,80,130,.14); }.shirt:before, .shirt:after { content:""; position:absolute; top:4px; width:21px; height:25px; background:inherit; border-radius: 6px; }.shirt:before { left:-15px; transform:rotate(32deg); }.shirt:after { right:-15px; transform:rotate(-32deg); }.shirt-blue { left:47px; background:#5c80be; }.shirt-gold { left:159px; background:#e8c771; transform:scale(.86); }
.machine { position: absolute; z-index: 1; width: 210px; height: 188px; bottom: 15px; left: 84px; padding: 18px; border-radius: 9px 9px 18px 18px; background: #e6efff; box-shadow: 5px 9px 0 #7191cb, -4px 0 0 #f8fbff; }.machine-controls { display: flex; align-items: center; gap: 8px; height: 22px; }.machine-controls i { width: 10px; height: 10px; border-radius: 50%; background:#7491c6; }.machine-controls i:first-child { width: 55px; height: 7px; border-radius: 2px; }.machine-window { width: 132px; height: 132px; margin: 5px auto; border: 8px solid #a7bde4; border-radius: 50%; display:grid; place-items:center; background:#718dc6; box-shadow: inset 0 0 0 8px #536fa9; overflow:hidden; }.machine-load { display:flex; gap:0; transform: rotate(18deg); }.machine-load span { width: 44px; height: 45px; background:#f2b465; border-radius:45% 60% 35% 50%; opacity:.95; }.machine-load span:nth-child(2) { background:#7ec0b4; margin-left:-16px; transform:translateY(10px); }.machine-load span:nth-child(3) { background:#e78d8e; margin-left:-20px; }
.machine-caption { position:absolute; bottom:0; left:0; right:0; padding: 9px 12px; display:flex; justify-content:space-between; color:#5271a8; background:#d8e4fb; font-size:9px; }.machine-caption b { color:#36855e; }.machine-caption b i { display:inline-block; width:5px; height:5px; margin-right:3px; background:#42b779; border-radius:50%; }
.floating-card { position: absolute; z-index: 3; display:flex; align-items:center; gap:10px; padding:10px 12px; border:1px solid rgba(231,235,249,.7); border-radius:12px; background:rgba(255,255,255,.95); box-shadow: 0 13px 30px rgba(57,65,115,.15); }.floating-card small { display:block; color:#7c8497; font-family:"DM Mono", monospace; font-size:7px; letter-spacing:.2px; }.floating-card strong { display:block; font-size:10px; }.order-mini { top: 1px; right: 2px; }.delivery-mini { right: 2px; bottom: 20px; }.mini-icon { width:26px; height:26px; display:grid; place-items:center; border-radius:8px; font-size:16px; }.shirt-icon { color:#5668ba; background:#e6eaff; }.van-icon { color:#558f76; background:#e3f7ec; }.mini-arrow { color:#8d93a3; font-size:20px; }

.logo-strip { display:flex; justify-content:center; gap: clamp(18px, 5.7vw, 85px); padding: 18px 24px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); color:#697087; font-size:11px; font-weight:700; }.logo-strip span { color:#5068dc; margin-right:5px; font-size:15px; }
.process { padding: 118px 0 121px; }.section-heading { display:flex; justify-content:space-between; gap:45px; }.two-col-heading > p { max-width:350px; margin:61px 75px 0 0; color:var(--muted); line-height:1.75; }.process-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:19px; margin-top:47px; }.process-card { position:relative; min-height:355px; padding:26px 25px; overflow:hidden; border-radius:20px; }.step-no { color:#7180a0; font-family:"DM Mono", monospace; font-size:10px; }.process-card h3 { margin: 18px 0 7px; font-size:17px; letter-spacing:-.7px; }.process-card p { margin:0; max-width:260px; color:#4d5e70; font-size:12px; line-height:1.7; }.card-blue { background:#dbe5ff; }.card-mint { background:#d9f4e4; }.card-lilac { background:#e9e0ff; }.process-illustration { height:204px; position:relative; }.pickup-illustration .house { position:absolute; width:75px; height:61px; top:65px; left:33px; border-radius:5px 5px 0 0; background:#f9d698; }.house:before { content:""; position:absolute; top:-35px; left:-8px; width:0; height:0; border-left:45px solid transparent; border-right:45px solid transparent; border-bottom:37px solid #7e9fc9; }.house:after { content:""; position:absolute; width:20px; height:30px; left:28px; bottom:0; background:#698bb9; }.route { position:absolute; width:174px; height:66px; left:103px; top:78px; border-bottom:3px dashed #6b8dc0; border-radius:0 0 60% 0; transform:rotate(8deg); }.route i { position:absolute; width:10px; height:10px; border:3px solid #6b8dc0; border-radius:50%; background:#dbe5ff; }.route i:first-child { left:-3px; bottom:-6px; }.route i:nth-child(2) { left:80px; bottom:-10px; }.route i:last-child { right:3px; bottom:-2px; }.tiny-van { position:absolute; top:126px; right:31px; width:54px; height:32px; display:grid; place-items:center; border-radius:8px; color:#fff; background:#4565d3; font-size:24px; transform:rotate(-5deg); box-shadow:0 6px 0 #3151bf; }.care-tag { position:absolute; top:48px; left:73px; padding:20px 24px; border:5px solid #c7e9d6; border-radius:50%; color:#559774; background:#f6fffa; text-align:center; font-size:11px; line-height:1.25; transform:rotate(-13deg); box-shadow: 0 7px 10px rgba(64,139,95,.08); }.care-tag b { font-size:15px; }.tiny-bubbles i { position:absolute; border-radius:50%; background:#94d7ad; }.tiny-bubbles i:nth-child(1) { width:26px; height:26px; top:43px; right:62px; }.tiny-bubbles i:nth-child(2) { width:13px; height:13px; top:76px; right:34px; }.tiny-bubbles i:nth-child(3) { width:34px; height:34px; bottom:25px; right:82px; }.tiny-bubbles i:nth-child(4) { width:9px; height:9px; bottom:54px; left:56px; }.parcel { position:absolute; top:57px; left:92px; width:128px; height:98px; display:grid; place-content:center; color:#8260b2; background:#d1b7ec; border-radius:5px; text-align:center; font-size:14px; transform:rotate(8deg); box-shadow: 9px 10px 0 #c3a3e8; }.parcel:before { content:""; position:absolute; top:0; bottom:0; left:53px; width:18px; background:#f3dc94; }.parcel b { position:relative; z-index:1; font-size:9px; }.spark { position:absolute; color:#9875c9; }.spark-one { top:38px; left:65px; font-size:29px; }.spark-two { bottom:28px; right:56px; font-size:19px; }

.tracking-section { background:var(--navy); color:#fff; padding:105px 0; }.track-layout { display:grid; grid-template-columns:.88fr 1.12fr; align-items:center; gap:80px; }.eyebrow-light { color:#9eafff; }.track-copy h2 { margin-bottom:20px; }.track-copy > p:not(.eyebrow) { max-width:350px; color:#bfc5df; line-height:1.76; }.track-search { margin-top:37px; max-width:360px; }.track-search label { display:block; margin-bottom:8px; font-size:12px; font-weight:800; }.track-input-wrap { display:flex; padding:4px; background:#fff; border-radius:9px; }.track-input-wrap input { min-width:0; flex:1; border:0; outline:0; padding: 8px 9px; color:var(--ink); font-size:12px; }.track-input-wrap button { width:35px; border:0; border-radius:6px; color:#fff; background:var(--blue); font-size:20px; cursor:pointer; }.track-search small { display:block; margin-top:8px; color:#8992b7; font-size:9px; }.tracker-card { padding: 26px 30px 17px; color:var(--ink); border-radius:18px; background:#fff; box-shadow: 0 25px 40px rgba(2,6,35,.22); }.tracker-top { display:flex; justify-content:space-between; gap:12px; padding-bottom:21px; border-bottom:1px solid #e8eaf1; }.tracker-top p { margin:0 0 5px; color:#7b8297; font-family:"DM Mono", monospace; font-size:9px; }.tracker-top h3 { margin:0; font-size:15px; letter-spacing:-.55px; }.status-pill { align-self:flex-start; display:flex; align-items:center; gap:5px; padding:5px 8px; border-radius:20px; color:#268258; background:#e5f8ec; font-size:9px; font-weight:800; white-space:nowrap; }.status-pill i { width:5px; height:5px; border-radius:50%; background:#32b878; }.garment-summary { display:flex; align-items:center; gap:10px; padding:17px 0; border-bottom:1px solid #e8eaf1; }.summary-icon { width:32px; height:32px; display:grid; place-items:center; border-radius:9px; color:#6378cf; background:#ebeeff; font-size:20px; }.garment-summary strong, .garment-summary small { display:block; }.garment-summary strong { font-size:11px; }.garment-summary small { color:#858b9b; font-size:9px; }.eta-label { margin-left:auto; text-align:right; }.eta-label small { font-family:"DM Mono", monospace; font-size:7px; }.eta-label b { display:block; font-size:10px; }.progress-steps { list-style:none; padding:18px 0 0; margin:0; }.progress-steps li { position:relative; display:flex; gap:12px; min-height:43px; color:#858b9b; }.progress-steps li:not(:last-child):before { content:""; position:absolute; left:7px; top:15px; height:22px; border-left:1px solid #dce0e8; }.progress-dot { position:relative; z-index:1; width:15px; height:15px; flex:0 0 15px; display:grid; place-items:center; border:1px solid #ced3dd; border-radius:50%; color:#fff; background:#fff; font-size:8px; }.progress-steps strong { display:block; color:#6f7688; font-size:10px; }.progress-steps small { display:block; color:#a0a5b1; font-size:8px; }.progress-steps .is-complete .progress-dot { border-color:#44b97c; background:#44b97c; }.progress-steps .is-complete strong { color:#374057; }.progress-steps .is-current .progress-dot { border:4px solid #e2e8ff; background:var(--blue); }.progress-steps .is-current .progress-dot i { width:3px; height:3px; border-radius:50%; background:#fff; }.progress-steps .is-current strong { color:var(--blue); }.progress-steps .is-complete:before { border-color:#54bd85; }.tracker-link { display:block; width:100%; padding:12px 0 0; border:0; border-top:1px solid #e8eaf1; color:var(--blue); background:transparent; text-align:left; font-size:10px; font-weight:800; cursor:pointer; }.tracker-link span { float:right; font-size:16px; }

.services { padding:119px 0 121px; }.services-heading { align-items:flex-end; }.arrow-link { padding-bottom:4px; border-bottom:1px solid #bec3cf; color:#38445f; font-size:12px; font-weight:800; }.arrow-link span { color:var(--blue); margin-left:8px; font-size:18px; vertical-align:-1px; }.service-list { margin-top:46px; border-top:1px solid var(--line); }.service-list article { display:grid; grid-template-columns:67px 1fr 35px; align-items:center; gap:22px; padding:22px 4px; border-bottom:1px solid var(--line); }.service-icon { width:50px; height:50px; display:grid; place-items:center; border-radius:14px; font-size:28px; }.icon-shirt { color:#627bd0; background:#e7eaff; }.icon-occasion { color:#bc7b55; background:#fff0db; }.icon-home { color:#68a583; background:#e5f6eb; }.service-list h3 { margin:0 0 3px; font-size:15px; letter-spacing:-.4px; }.service-list p { margin:0; color:#73798a; font-size:11px; }.service-arrow { color:#4c63d0; font-size:22px; }

.booking-wrap { color:#fff; background: var(--blue); }.booking-layout { display:grid; grid-template-columns:.84fr 1.16fr; gap:95px; padding:96px 0; }.booking-copy h2 { margin-bottom:20px; }.booking-copy > p:not(.eyebrow) { max-width:330px; color:#dce3ff; line-height:1.77; }.booking-promise { display:flex; gap:9px; margin-top:12px; color:#eff2ff; font-size:11px; }.booking-promise span { width:16px; height:16px; display:grid; place-items:center; border-radius:50%; color:#3154da; background:#aec1ff; font-size:10px; font-weight:800; }.booking-quote { max-width:305px; margin-top:38px; padding-top:18px; border-top:1px solid rgba(255,255,255,.25); color:#dbe3ff; font-family:Georgia,serif; font-size:13px; font-style:italic; line-height:1.6; }.booking-quote b { display:block; margin-top:7px; color:#fff; font-family:"Manrope",sans-serif; font-size:9px; font-style:normal; }.booking-card { padding:26px; color:var(--ink); border-radius:17px; background:#fff; box-shadow:0 22px 45px rgba(21,41,141,.28); }.form-heading { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:18px; }.form-heading p { margin:0 0 2px; color:#788096; font-family:"DM Mono",monospace; font-size:9px; letter-spacing:.6px; }.form-heading h3 { margin:0; font-size:17px; letter-spacing:-.7px; }.form-step { padding:4px 7px; border-radius:15px; color:#677188; background:#f0f2f6; font-size:9px; }.booking-card label { display:block; color:#515a6e; font-size:10px; font-weight:800; }.booking-card input:not([type="checkbox"]):not([type="radio"]), .booking-card select { width:100%; height:37px; margin-top:5px; padding:0 10px; border:1px solid #dfe2e9; border-radius:6px; outline-color:var(--blue); color:#394257; background:#fff; font-size:11px; }.booking-card input::placeholder { color:#abb0be; }.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:12px; }.booking-card > label { margin-bottom:12px; }.booking-card fieldset { margin:15px 0 11px; padding:0; border:0; }.booking-card legend { margin-bottom:7px; color:#515a6e; font-size:10px; font-weight:800; }.service-choices { display:flex; gap:6px; }.choice { position:relative; flex:1; cursor:pointer; }.choice input { position:absolute; opacity:0; }.choice span { display:block; padding:8px 5px; border:1px solid #e0e3ea; border-radius:6px; color:#788093; background:#fff; text-align:center; font-size:9px; font-weight:700; transition:.2s; }.choice input:checked + span { border-color:#8ea5ff; color:#3157df; background:#edf1ff; }.delivery-choice { display:flex; align-items:center; gap:13px; padding:11px 0; border-top:1px solid #edf0f4; border-bottom:1px solid #edf0f4; color:#6d7486; font-size:9px; }.delivery-choice > span { margin-right:auto; font-weight:800; }.delivery-choice label { display:flex; align-items:center; gap:3px; white-space:nowrap; font-weight:600; }.delivery-choice input { accent-color:var(--blue); }.estimate-row { display:grid; grid-template-columns:1fr auto; align-items:center; padding:11px 0; color:#667084; font-size:9px; }.estimate-row strong { color:var(--ink); font-size:15px; }.estimate-row small { grid-column:1/-1; color:#a0a6b3; font-size:8px; }.form-submit { width:100%; margin-top:2px; padding:11px 16px; min-height:42px; font-size:12px; }.form-note { margin:9px 0 0; color:#959baa; text-align:center; font-size:8px; }

.about-section { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:106px; padding:118px 0; }.about-image { position:relative; height:347px; overflow:hidden; border-radius:18px; background:#dce8ff; }.about-image:before { content:""; position:absolute; width:220px; height:220px; top:-66px; left:50%; border-radius:50%; background:#f3dfac; }.about-table { position:absolute; bottom:0; left:0; right:0; height:55px; background:#8b70c0; }.about-person { position:absolute; bottom:42px; left:50%; width:161px; height:214px; transform:translateX(-50%); }.person-head { position:absolute; top:0; left:49px; width:61px; height:74px; border-radius:50% 46% 43% 48%; background:#b87558; }.person-head:before { content:""; position:absolute; top:-10px; left:-6px; width:68px; height:36px; border-radius:65% 36% 40% 20%; background:#27263f; }.person-body { position:absolute; bottom:0; width:161px; height:159px; border-radius:69px 69px 0 0; background:#5a79c9; }.person-shirt { position:absolute; bottom:70px; left:45px; color:#fff; font-family:"DM Mono",monospace; font-size:11px; font-weight:800; letter-spacing:1px; transform:rotate(-4deg); }.about-bubble { position:absolute; z-index:3; display:grid; place-items:center; border-radius:50%; text-align:center; }.about-bubble.one { top:32px; left:29px; width:82px; height:82px; color:#4561b9; background:#fffdf6; font-family:Georgia,serif; font-size:14px; font-style:italic; line-height:1.1; transform:rotate(-12deg); }.about-bubble.two { right:28px; bottom:42px; width:43px; height:43px; color:#fff; background:#f0a95d; font-size:19px; }.about-copy > p:not(.eyebrow) { max-width:430px; color:var(--muted); font-size:13px; line-height:1.82; }.about-copy .arrow-link { display:inline-block; margin-top:15px; }

.faq { display:grid; grid-template-columns:.76fr 1.24fr; gap:90px; padding:86px 0 102px; border-top:1px solid var(--line); }.faq h2 { font-size:41px; }.faq-list { border-top:1px solid #dfe2e8; }.faq details { border-bottom:1px solid #dfe2e8; }.faq summary { display:flex; align-items:center; justify-content:space-between; padding:21px 0; cursor:pointer; list-style:none; font-size:13px; font-weight:800; }.faq summary::-webkit-details-marker { display:none; }.faq summary span { color:var(--blue); font-size:20px; font-weight:400; }.faq details[open] summary span { transform:rotate(45deg); }.faq details p { max-width:580px; margin:-5px 0 21px; color:#697184; font-size:11px; line-height:1.8; }
.cta-band { display:flex; align-items:center; justify-content:space-between; gap:30px; margin-bottom:73px; padding:55px 63px; overflow:hidden; border-radius:20px; color:#fff; background:#1f2550; position:relative; }.cta-band:after { content:""; position:absolute; width:250px; height:250px; right:80px; top:-150px; border:45px solid #4456bc; border-radius:50%; opacity:.6; }.cta-band > * { position:relative; z-index:1; }.cta-band p { margin:0 0 9px; color:#9facf8; font-family:"DM Mono",monospace; font-size:9px; letter-spacing:1px; }.cta-band h2 { margin:0; font-size:42px; }.button-light { color:#293363; background:#fff; }
.footer { color:#f3f4ff; background:#10142d; }.footer-main { display:flex; justify-content:space-between; gap:30px; padding:60px 0 48px; }.brand-footer { color:#fff; }.brand-footer em { color:#9fa8cd; }.footer-main > div > p { margin:17px 0 0; color:#a5acca; font-size:11px; line-height:1.8; }.footer-links { display:flex; gap:74px; }.footer-links > div { display:flex; flex-direction:column; gap:8px; }.footer-links p { margin:0 0 5px; color:#7883ad; font-family:"DM Mono",monospace; font-size:9px; letter-spacing:1px; }.footer-links a { color:#d5d9ec; font-size:11px; }.footer-links a:hover { color:#fff; }.footer-bottom { display:flex; justify-content:space-between; padding:16px 0; border-top:1px solid #2b3154; color:#7f87a9; font-size:9px; }

.booking-success { position:fixed; z-index:10; inset:0; display:grid; place-items:center; padding:20px; background:rgba(11,15,39,.58); backdrop-filter:blur(4px); }.success-dialog { position:relative; width:min(405px,100%); padding:35px; border-radius:20px; background:#fff; color:var(--ink); text-align:center; box-shadow:0 25px 70px rgba(0,0,0,.28); }.modal-close { position:absolute; top:13px; right:15px; border:0; background:transparent; color:#697187; font-size:25px; cursor:pointer; }.success-icon { width:46px; height:46px; display:grid; place-items:center; margin:0 auto 18px; border-radius:50%; color:#fff; background:#45ba7e; font-size:21px; }.success-dialog h2 { margin:0 0 11px; font-size:31px; letter-spacing:-1.5px; }.success-dialog > p:not(.eyebrow) { color:#687084; font-size:12px; line-height:1.7; }.success-dialog .button { width:100%; margin:11px 0 13px; }.success-dialog .text-button { color:#59627a; font-size:11px; }.success-dialog small { display:block; margin-top:20px; color:#a2a8b5; font-size:8px; line-height:1.55; }.success-dialog code { color:#6276d7; }.booking-success[hidden] { display:none; }

@media (max-width: 780px) {
  .section-shell, .site-header { width:min(100% - 34px, 560px); }.announcement { font-size:9px; }.announcement a { display:none; }.site-header { height:68px; position:relative; }.desktop-nav, .header-cta { display:none; }.menu-toggle { display:block; }.site-header.menu-open .desktop-nav { position:absolute; z-index:8; top:61px; right:0; left:0; display:flex; flex-direction:column; align-items:flex-start; gap:17px; padding:20px; border:1px solid #e3e6ef; border-radius:14px; background:#fff; box-shadow:0 18px 34px rgba(35,42,81,.15); }
  .hero { grid-template-columns:1fr; gap:20px; padding:45px 0 48px; }.hero-visual { height:352px; order:-1; }.hero-copy { text-align:center; }.hero-text { margin-left:auto; margin-right:auto; font-size:14px; }.hero-actions, .trust-row { justify-content:center; }.trust-row { margin-top:31px; }.laundry-card { left:5%; height:287px; }.machine-scene { height:208px; }.machine { transform:scale(.82); transform-origin:bottom left; left:68px; }.order-mini { right:0; }.delivery-mini { right:0; bottom:15px; }.logo-strip { flex-wrap:wrap; gap:8px 20px; font-size:9px; }
  .process, .services { padding:73px 0; }.section-heading, .track-layout, .booking-layout, .about-section, .faq { grid-template-columns:1fr; gap:25px; }.two-col-heading > p { margin:0; }.process-grid { grid-template-columns:1fr; margin-top:29px; }.process-card { min-height:275px; }.process-illustration { position:absolute; right:5px; bottom:10px; width:250px; transform:scale(.85); transform-origin:bottom right; }.process-card p { max-width:45%; }.tracking-section { padding:73px 0; }.tracker-card { padding:21px 18px 15px; }.tracker-top h3 { font-size:13px; }.booking-layout { padding:70px 0; }.booking-card { padding:20px 16px; }.about-section { padding:73px 0; }.about-image { order:-1; height:295px; }.faq { padding:61px 0 70px; }.faq h2 { font-size:36px; }.cta-band { margin-bottom:45px; padding:38px 25px; }.cta-band h2 { font-size:33px; }.footer-main { flex-direction:column; padding:45px 0 35px; }.footer-links { gap:45px; }.footer-bottom { font-size:8px; }