@font-face { font-family: "DIN Next LT Arabic"; src: url("../fonts/din-next-lt-arabic-light.woff2?v=7b57a6fd4bf6692c") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "DIN Next LT Arabic"; src: url("../fonts/din-next-lt-arabic-regular.woff2?v=248793598c13e8dc") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "DIN Next LT Arabic"; src: url("../fonts/din-next-lt-arabic-medium.woff2?v=f2b419cc181c04b9") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "DIN Next LT Arabic"; src: url("../fonts/din-next-lt-arabic-medium.woff2?v=f2b419cc181c04b9") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "DIN Next LT Arabic"; src: url("../fonts/din-next-lt-arabic-bold.woff2?v=c9fe27a87a223e16") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "DIN Next LT Arabic"; src: url("../fonts/din-next-lt-arabic-bold.woff2?v=c9fe27a87a223e16") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: "DIN Next LT Arabic"; src: url("../fonts/din-next-lt-arabic-bold.woff2?v=c9fe27a87a223e16") format("woff2"); font-weight: 900; font-style: normal; font-display: swap; }  :root, [data-brand-scope="sdeira"] {  --font-brand: "DIN Next LT Arabic", "Tajawal", "Cairo", system-ui, sans-serif;  --font-display: "DIN Next LT Arabic", "Cairo", "Tajawal", system-ui, sans-serif;   --type-display: clamp(2.75rem, 5vw, 5rem); --type-section: clamp(2.5rem, 4.3vw, 5rem); --type-card: var(--type-label); --type-label: clamp(1.125rem, 1.4vw, 1.375rem);  --leading-display: 1.15; --leading-section: 1.12; --leading-card: 1.2; --leading-label: 1.35;  --type-feature: clamp(2rem, 3vw, 3rem); --leading-feature: 1.15;  --type-headline: clamp(1.375rem, 1.8vw, 1.75rem); --leading-headline: 1.2;  --type-lead: clamp(1.05rem, 1.4vw, 1.2rem); --type-body: 1rem; --type-action: .95rem;  --type-control: .92rem;   --type-meta: .92rem; --type-caption: .875rem;  --leading-lead: 1.8; --leading-body: 1.7;  --type-h1: var(--type-display); --type-h2: var(--type-section); --type-h3: var(--type-card); --type-h4: var(--type-label); --leading-h1: var(--leading-display); --leading-h2: var(--leading-section); --leading-h3: var(--leading-card); --leading-h4: var(--leading-label);  --brand-light-grey: #d4d4d4; --brand-liwa: #910811; --brand-sweihan: #D8702C; --brand-al-khatim: #DF9A34; --brand-razeen: #DDB176; --brand-jais: #59595c; --brand-grey-70: #6D6E71; --brand-black: #414042; --brand-white: #FFFFFF;   --brand-khadamat-green-deep: #29523D;  --brand-khadamat-green: #547035;  --brand-khadamat-green-soft: #809C50;  --brand-khadamat-lime: #BABF84;   --brand-eskan-teal-deep: #016B80;  --brand-eskan-teal: #0A7985; --brand-eskan-mid: #79ACA4; --brand-eskan-sage: #A3C8CA;  --brand-zoad-blueberry: #28374A;  --brand-zoad-brown: #7E4233;  --brand-zoad-mackerel: #51616B;  --brand-zoad-cardamom: #6C6751;  --brand-zoad-yeast: #FAF1EA;   --brand-laundry-linen: #E5E4E3;  --brand-laundry-fresh-mist: #89B3D3;  --brand-laundry-jais: #58595B;  --brand-laundry-deep-tide: #26347C;  --brand-laundry-clean-current: #3F68BE;   --laundry-promo-fill: var(--brand-laundry-fresh-mist); --laundry-promo-ink: var(--brand-white); --laundry-promo-wave: url("../images/patterns/your-laundry-wave-light.svg?v=9d902df7ae44698b"); --laundry-promo-wave-opacity: 1;  --brand-laundry-pattern-field: #7BB2D4; --brand-laundry-pattern-crest: #95C1DC;  --image-overlay: var(--brand-black); --image-overlay-rgb: 65, 64, 66;  --surface-base: var(--brand-white); --surface-raised: var(--brand-white);  --surface-sunken: var(--brand-light-grey); --surface-sunken-strong: var(--surface-raised); --surface-warm: var(--surface-raised); --surface-neutral-soft: var(--brand-light-grey);  --surface-brand: var(--brand-liwa);  --surface-brand-deep: var(--accent-hover); --surface-inverse: var(--brand-black); --surface-inverse-soft: var(--brand-jais); --shadow-floating: 0 14px 40px color-mix(in srgb, var(--brand-black) 16%, transparent);  --glass-blur: 18px; --glass-card-fill: color-mix(in srgb, var(--card-dark) 64%, transparent);  --offwhite: var(--surface-base); --warm-grey: var(--surface-sunken); --charcoal: var(--brand-black); --charcoal-soft: var(--brand-jais); --charcoal-raised: var(--brand-grey-70);   --ink: var(--brand-black);  --body-ink: var(--brand-jais);  --muted: var(--brand-jais);  --muted-on-dark: #D5D5D5;  --accent: var(--brand-liwa);  --accent-strong: var(--brand-liwa);  --accent-fill: var(--brand-liwa);  --on-action: var(--brand-white);  --accent-hover: var(--accent-fill); --accent-text: var(--brand-black);  --accent-deep: var(--accent-fill);  --accent-on-dark: var(--brand-razeen); --accent-wash: color-mix(in srgb, var(--brand-liwa) 12%, transparent);  --link-hover: var(--accent); --link-hover-on-dark: var(--accent-on-dark);  --watermark-1: color-mix(in srgb, var(--identity-mark) 100%, transparent); --watermark-2: color-mix(in srgb, var(--identity-mark) 68%, transparent); --watermark-3: color-mix(in srgb, var(--identity-mark) 44%, transparent);  --gold: var(--accent); --gold-fill: var(--accent);  --gold-text: var(--label);  --gold-on-dark: var(--brand-razeen);   --icon: var(--brand-jais); --icon-on-dark: var(--brand-razeen);  --icon-feature-color: var(--accent-strong); --icon-feature-color-on-dark: var(--accent-on-dark);  --icon-wash: color-mix(in srgb, var(--brand-jais) 10%, transparent); --icon-wash-strong: color-mix(in srgb, var(--brand-jais) 18%, transparent);  --icon-warm-fill: var(--accent-fill); --icon-warm-text: var(--on-action);  --icon-value-fill: var(--brand-black); --icon-value-text: var(--brand-razeen);  --icon-warm-wash: color-mix(in srgb, var(--accent) 14%, transparent);  --icon-razeen-wash: color-mix(in srgb, var(--accent) 10%, transparent);  --label: var(--brand-jais); --label-on-dark: var(--muted-on-dark);  --badge-text: var(--accent-strong); --badge-text-on-dark: var(--brand-razeen);  --badge-size: var(--type-action);  --badge-fill: transparent;  --badge-weight: 700;  --figure: var(--accent-strong); --figure-on-dark: var(--brand-razeen);  --figure-size: clamp(2rem, 3.4vw, 4rem);  --pending: var(--brand-grey-70); --pending-on-dark: var(--muted-on-dark);  --review-disabled-opacity: .5;  --warn-text: var(--accent-strong); --warn-wash: color-mix(in srgb, var(--accent) 10%, transparent);   --line: var(--brand-light-grey); --line-on-dark: color-mix(in srgb, var(--brand-white) 18%, transparent);  --identity-mark: var(--brand-liwa);  --step-separator-thickness: 2px; --step-separator-length: 72px;  --brand-stripe-angle: 45deg; --brand-stripe-gradient-angle: 45deg;  --motion-wipe-gradient-angle: var(--brand-stripe-gradient-angle);  --route-card-wipe-angle: 45deg;  --row-action-wipe-angle: var(--route-card-wipe-angle);  --card-mark-art: url("../images/patterns/lines.svg?v=d874099296964b63"); --card-mark-repeat: no-repeat; --card-mark-anchor: right 0 bottom 0; --card-mark-size: auto 92%; --card-mark-opacity: 1; --card-mark-mask: none; --card-mark-rotate: none; --card-mark-inset: 0; --card-mark-inline-size: auto; --card-mark-block-size: auto; --card-mark-ratio: auto; --card-mark-flip-rtl: -1; --card-mark-pivot: 100% 100%; --card-mark-pivot-rtl: 0 100%; --card-mark-hover-scale: 1.1; --card-mark-inset-rtl: 0; --card-mark-icon-content: none; --card-mark-art-on-fill: var(--card-mark-art); --card-mark-icon-max-block: none; --card-wipe-fill: var(--accent-deep);  --identity-band-width: clamp(96px, 7.5vw, 144px); --identity-band-border: 2px; --identity-band-top: -50%; --identity-band-height: 200%; --identity-band-fill: 12%;  --image-ribbon-line-strength: 44%; --image-ribbon-fill-strength: 5%;   --photo-mark-width: clamp(160px, 60%, 520px); --photo-mark-width-hero: clamp(160px, 16vw, 340px); --photo-mark-p43-ratio: 434 / 281;  --identity-band-line-on-photo: var(--image-ribbon-line-strength); --identity-band-fill-on-photo: var(--image-ribbon-fill-strength);  --identity-band-line-ambient: 5%; --identity-band-fill-ambient: 0%;   --r: 4px;  --hero-sector-gap: 4px; --hero-sector-mobile-radius: 0px;  --card-sub-measure-wide: 30ch;  --section-tall-min: 80svh;  --dur-fast: 120ms; --dur-base: 240ms; --dur-slow: 480ms; --ease-out: cubic-bezier(.2, .7, .3, 1);  --action-arrow-travel: 4px;  --dur-ambient: 19s;   --max: 1280px; --nav-submenu-min: 260px;  --company-nav-mark-name-h: 10px;  --company-nav-mark-eskan-h: 28px; --company-nav-mark-khadamat-h: 30px;  --company-nav-mark-zoad-h: 28px; --company-nav-mark-laundry-h: 17px;  --company-nav-mark-square-h: 22px;  --company-nav-mark-h: 32px;    --company-nav-mark-w: 96px;   --company-row-logo-name-h: 10px; --company-row-logo-w: 170px; --company-row-logo-h: 52px; --company-row-logo-pad: 12px; --company-row-logo-mark-h: 20px; --company-row-logo-khadamat-h: 28px; --company-row-logo-zoad-h: 27px; --company-row-logo-laundry-h: 17px;  --nav-pill-inset: 20px;  --header-logo-height: 72px; --header-nav-gap: 18px; --header-menu-gap: clamp(12px, 1.55vw, 20px); --header-disclosure-padding: 6px; --header-nav-gap-small: 10px; --header-nav-mobile-padding: 0 20px; --sec-pad: clamp(64px, 6.4vw, 96px);  --sec-pad-under-hero: clamp(32px, 3.2vw, 48px); --sec-head-gap: clamp(34px, 3.4vw, 52px); --photo-caption-overhang: 36px; --about-stacked-copy-gap: 32px; --about-stacked-heading-gap: 12px; --mobile-panel-inset: 16px; --cta-mobile-panel-padding: 24px var(--mobile-panel-inset); --cta-mobile-action-padding: 12px; --cta-mobile-action-gap: 12px; --cta-mobile-heading-gap: 24px;  --photo-band-copy-measure: 72ch;  --logo-wide-portrait-inline: 180px;  --logo-wide-copy-measure: 62ch; --photo-band-wide-min-block: clamp(520px, 48vw, 680px); --photo-band-wide-gap: clamp(48px, 5vw, 72px);  --phone-control-gap: 0px; --phone-field-gap: 8px; --phone-country-min: 92px; --phone-picker-max: 320px; --phone-picker-list-max: 220px; --phone-field-collapse: 620px;  --service-form-max: calc(var(--max) * .5);  --land-map-block: clamp(540px, 65svh, 720px); --land-map-block-mobile: clamp(420px, 58svh, 500px); --land-map-list-inline: 340px;  --land-map-list-block-mobile: calc(var(--land-map-block-mobile) / 2); --land-map-collapse: 980px; --land-map-panel-padding: 16px; --land-map-inset: 16px; --land-map-gap: 12px; --land-map-control-target: 40px; --land-map-filter-height: 38px; --land-map-index-target: 26px; --land-map-pin-target: 44px; --land-map-pin-mark: 28px; --land-map-pin-ring: 2px; --land-map-pin-radius: 50%; --land-map-tooltip-inline: 260px; --land-map-fullscreen-layer: 1200; --land-map-overlay-layer: 500;  --land-map-panel-layer: 600; --land-map-camera-padding: 48px; --land-map-camera-padding-selected: 72px;  --land-map-zoom-min: 6; --land-map-zoom-max: 18; --land-map-zoom-overview: 7; --land-map-zoom-cluster: 11; --land-map-zoom-cluster-step: 2; --land-map-zoom-selected: 15; --land-map-parcel-line: 2; --land-map-parcel-line-active: 3; --land-map-parcel-fill-opacity: .14; --land-map-parcel-fill-opacity-active: .28;  --land-map-svg-scale-min: .6; --land-map-svg-scale-max: 10; --land-map-svg-scale-step: 1.35; --land-map-svg-scale-selected: 5.5;  --card-sub-lines: 2;  --card-sub-measure: 17.5ch;  --media-master: 4 / 3; --media-panorama: 21 / 9; --media-wide: 4 / 3; --media-card: 3 / 2; --media-square: 1 / 1;  --icon-inline: 1em; --icon-control: clamp(1rem, 1.2vw, 1.25rem); --icon-default: clamp(1.25rem, 1.5vw, 1.5rem); --icon-feature: clamp(1.5rem, 2.1vw, 2rem); --icon-display: clamp(2rem, 3vw, 2.5rem);  --ic-xs: clamp(.875rem, 1vw, 1rem); --ic-sm: var(--icon-control); --ic-md: var(--icon-default); --ic-lg: var(--icon-feature); --ic-xl: var(--icon-display);  --zoom: 1.045;  --band: var(--surface-sunken); --card: var(--surface-raised); --card-hover: var(--surface-sunken); --band-dark: var(--surface-inverse); --card-dark: var(--surface-inverse-soft); --card-dark-hover: var(--brand-grey-70);  --assistant-panel-inline: 400px; --assistant-panel-block: 580px; --assistant-panel-block-mobile: 600px; --assistant-panel-inline-clearance: 40px; --assistant-panel-inline-clearance-mobile: 32px; --assistant-panel-block-clearance: 140px; --assistant-panel-block-clearance-mobile: 120px; --assistant-panel-offset-inline: 24px; --assistant-panel-offset-inline-mobile: 16px; --assistant-panel-offset-block: 100px; --assistant-panel-offset-block-mobile: 84px; --assistant-launcher-target: 44px; --assistant-launcher-target-mobile: 44px;  --assistant-launcher-field: 2rem; --assistant-launcher-field-mobile: 2rem; --assistant-nudge-inline: 280px; --assistant-nudge-gap: 12px; --assistant-nudge-padding-block: 14px; --assistant-nudge-padding-inline: 16px; --assistant-launcher-hover-scale: 1.06;  --assistant-typing-dot: 5px; --assistant-typing-lift: 3px; --assistant-choice-target: 46px; --assistant-icon-target: 40px;  --assistant-field-surface: var(--surface-sunken); --assistant-logo-block: 34px; --assistant-avatar-target: 26px; --assistant-input-max-block: 168px;  --assistant-composer-fade: 28px; --assistant-focus-outline: 3px; --assistant-focus-offset: 3px; --assistant-panel-enter-distance: 8px; --assistant-launcher-enter-distance: 12px; --assistant-welcome-delay: 800ms; --assistant-type-cadence: 18ms; --assistant-reply-delay: 280ms;   --hero-carousel-height: 100vh; --hero-carousel-height-mobile: 92vh; --hero-carousel-padding: clamp(140px, 22vh, 220px) clamp(48px, 7vh, 72px);  --hero-header-clearance: clamp(118px, 16vh, 170px);  --hero-carousel-pad-top: clamp(112px, 15vh, 180px); --hero-carousel-pad-bottom: 48px; --hero-carousel-copy-width: min(720px, 100%); --hero-carousel-copy-width-wide: min(960px, 100%); --hero-carousel-mark-padding: 0 .3em; --hero-carousel-heading-leading: var(--leading-display); --hero-carousel-heading-tail: 0;  --hero-carousel-heading-leading-ar: 1.35; --hero-carousel-heading-weight: 500;  --hero-carousel-heading-measure: 920px; --hero-carousel-lead-measure: 640px; --hero-carousel-lead-gap: 12px; --hero-carousel-actions-gap: 10px; --hero-carousel-actions-margin: 28px; --hero-carousel-actions-gap-mobile: 8px; --hero-carousel-actions-margin-mobile: 22px; --hero-carousel-button-min-block: 48px; --hero-carousel-button-min-block-mobile: 46px; --hero-carousel-button-padding-inline: 22px; --hero-carousel-button-padding-inline-mobile: 10px; --hero-carousel-rail-gap-mobile: 6px;  --hero-carousel-ink: var(--ink); --hero-carousel-em: var(--accent-strong); --hero-carousel-focus: var(--ink); --hero-carousel-object-position: center top; --button-photo-fill: var(--brand-black); --button-photo-ink: var(--brand-white); --hero-carousel-lead-leading: normal; --hero-carousel-rail-gap: 8px; --hero-carousel-rail-margin: 0; --hero-carousel-rail-width: clamp(160px, 18vw, 240px); --hero-carousel-rail-height: 3px; --hero-carousel-rail-rest: 45%;  --hero-carousel-interval: 5.2s; --hero-carousel-focus-width: 3px; --hero-carousel-focus-offset: 3px; --hero-carousel-hint-ink: var(--brand-white); --hero-carousel-hint-gap: 28px;  --hero-carousel-mark-inline-size: var(--photo-mark-width-hero); --hero-carousel-mark-block-size: auto; --hero-carousel-mark-ratio: var(--photo-mark-p43-ratio);  --hero-mark-art-start: url("../images/patterns/lines-rotated-180.svg?v=bc182f344a4d87fd"); --hero-mark-art-end: url("../images/patterns/lines.svg?v=d874099296964b63"); --hero-mark-inset-start: 0 auto auto 0; --hero-mark-inset-end: auto 0 0 auto; --hero-mark-repeat-start: no-repeat; --hero-mark-repeat-end: no-repeat; --hero-mark-anchor-start: left top; --hero-mark-anchor-end: right bottom; --hero-mark-size-start: 100% 100%; --hero-mark-size-end: 100% 100%; --hero-mark-opacity: 1; --hero-mark-inline-size: auto; --hero-mark-block-size: 62%; --hero-mark-ratio: var(--photo-mark-p43-ratio);  --band-mark-art-start: var(--hero-mark-art-start); --band-mark-art-end: var(--hero-mark-art-end); --band-mark-ratio: var(--hero-mark-ratio); --band-mark-opacity: var(--hero-mark-opacity); --scrim-nav: rgba(65, 64, 66, .90); --scrim-hero: rgba(65, 64, 66, .88); --scrim-control: rgba(65, 64, 66, .92);  --scrim-footer: rgba(65, 64, 66, .90);  --scrim-bar: rgba(65, 64, 66, .90);  --scrim-glass: rgba(65, 64, 66, .74); --glass-fill-alpha: 74%; }  :root[dir="rtl"] { --motion-wipe-gradient-angle: calc(360deg - var(--brand-stripe-gradient-angle)); --action-arrow-dir: -1;  --leading-section: 1.45;  --leading-display: 1.4; --leading-feature: 1.4; --leading-headline: 1.45; --leading-card: 1.5; --leading-label: 1.6; --leading-lead: 2; --leading-body: 1.9; --hero-carousel-heading-leading-ar: 1.5; --hero-carousel-lead-leading: 1.9; } :root[dir="ltr"], [dir="ltr"] [data-brand-scope="sdeira"] { --action-arrow-dir: 1; --route-card-wipe-angle: 315deg; --row-action-wipe-angle: var(--route-card-wipe-angle);  --company-nav-mark-eskan-h: 32px; --company-nav-mark-laundry-h: 20px; }  html[data-brand="khadamat"] { --accent: var(--brand-khadamat-green); --accent-fill: var(--brand-khadamat-green-deep); --accent-strong: var(--brand-khadamat-green-deep); --accent-text: var(--brand-white); --accent-deep: var(--brand-khadamat-green-deep); --accent-on-dark: var(--brand-khadamat-lime); --accent-wash: color-mix(in srgb, var(--brand-khadamat-green) 12%, transparent); --surface-brand: var(--brand-khadamat-green);  --surface-brand-deep: color-mix(in srgb, var(--brand-black) 30%, var(--brand-khadamat-green)); --link-hover: var(--brand-khadamat-green-deep); --link-hover-on-dark: var(--brand-khadamat-lime); --badge-text: var(--brand-khadamat-green-deep); --badge-text-on-dark: var(--brand-khadamat-lime); --figure: var(--brand-khadamat-green-deep); --figure-on-dark: var(--brand-khadamat-lime);  --icon-on-dark: var(--brand-khadamat-lime);  --ink: var(--brand-black);  --line: color-mix(in srgb, var(--accent) 30%, var(--brand-white)); --identity-mark: var(--brand-khadamat-green);  --card-mark-art: url("../images/patterns/khadamat-lines.svg?v=deea2893504e9ed7"); --card-mark-icon-content: ""; --card-mark-icon-max-block: 100%; --card-mark-panel-size: contain;  --hero-mark-art-start: url("../images/patterns/khadamat-lines-rotated-180.svg?v=7dd31bf2ba7960f3"); --hero-mark-art-end: url("../images/patterns/khadamat-lines.svg?v=deea2893504e9ed7"); --hero-carousel-focus: var(--brand-khadamat-green-deep); } @media (max-width: 640px) { html[data-brand="khadamat"] { --card-mark-panel-inline-size: 50%; } } html[data-brand="eskan"] {  --card-mark-art: url("../images/patterns/eskan-lines.svg?v=38120a19dcf1683e"); --card-mark-icon-content: "";  --hero-mark-art-start: url("../images/patterns/eskan-lines-rotated-180.svg?v=03129bde33a2e7ae"); --hero-mark-art-end: url("../images/patterns/eskan-lines.svg?v=38120a19dcf1683e"); --hero-carousel-focus: var(--eskan-focus-on-light); --accent: var(--brand-eskan-teal); --accent-fill: var(--brand-eskan-teal-deep); --accent-strong: var(--brand-eskan-teal-deep); --accent-text: var(--brand-white); --accent-deep: var(--brand-eskan-teal-deep); --accent-on-dark: var(--brand-eskan-sage); --accent-wash: color-mix(in srgb, var(--brand-eskan-teal) 12%, transparent); --surface-brand: var(--brand-eskan-teal); --surface-brand-deep: var(--brand-eskan-teal-deep); --link-hover: var(--brand-eskan-teal-deep); --link-hover-on-dark: var(--brand-eskan-sage); --badge-text: var(--brand-eskan-teal-deep); --badge-text-on-dark: var(--brand-eskan-sage); --figure: var(--brand-eskan-teal-deep); --figure-on-dark: var(--brand-eskan-sage);  --ink: var(--brand-black); --line: color-mix(in srgb, var(--accent) 30%, var(--brand-white)); --identity-mark: var(--brand-eskan-teal);  --eskan-focus-on-light: var(--brand-eskan-teal-deep); --eskan-focus-on-dark: var(--brand-eskan-sage); --eskan-logo-height: 72px; --eskan-logo-height-mobile: 52px; --eskan-footer-logo-width: 160px;  --surface-base: var(--brand-white); --surface-raised: var(--brand-white); --surface-sunken: var(--brand-light-grey); --surface-sunken-strong: var(--surface-raised); --surface-warm: var(--surface-raised); --surface-neutral-soft: var(--brand-light-grey); }  html[data-brand="zoad"] {  --font-brand: Arial, sans-serif; --font-display: Arial, sans-serif;  --hero-carousel-mark-padding: .1em .4em; --brand-black: var(--brand-zoad-blueberry); --brand-jais: var(--brand-zoad-mackerel); --brand-light-grey: var(--brand-white); --brand-liwa: var(--brand-zoad-brown); --brand-razeen: var(--brand-zoad-yeast); --brand-sweihan: var(--brand-zoad-mackerel); --brand-al-khatim: var(--brand-zoad-cardamom); --surface-base: var(--brand-white); --surface-raised: var(--brand-white); --surface-neutral-soft: var(--brand-white); --surface-inverse: var(--brand-zoad-blueberry); --surface-inverse-soft: var(--brand-zoad-mackerel); --body-ink: var(--brand-zoad-blueberry); --muted: var(--brand-zoad-mackerel); --muted-on-dark: var(--brand-white); --scrim-nav: var(--brand-zoad-blueberry); --scrim-hero: var(--brand-zoad-blueberry); --scrim-control: var(--brand-zoad-blueberry); --scrim-footer: var(--brand-zoad-blueberry); --scrim-bar: var(--brand-zoad-blueberry); --scrim-glass: var(--zoad-cta-panel-fill); --zoad-cta-panel-fill: color-mix(in srgb, var(--brand-zoad-blueberry) 74%, transparent); --zoad-pattern-dots: url("../images/patterns/zoad-dots.svg?v=99e97e7b1b9b5032"); --zoad-pattern-outline: url("../images/patterns/zoad-outline.svg?v=2e808a42b30d45f0"); --zoad-pattern-mark: url("../images/patterns/zoad-corner.svg?v=3300614d291aee17"); --zoad-pattern-opacity: .12; --zoad-corner-opacity: .35; --zoad-card-corner-art-size: 200% 200%; --zoad-card-corner-rotation: 180deg; --zoad-card-corner-mask: radial-gradient(ellipse at top left, var(--brand-black), transparent 75%); --zoad-focus-on-light: var(--brand-zoad-blueberry); --zoad-focus-on-dark: var(--brand-white); --zoad-corner-width: 44%;  --card-mark-art: url("../images/patterns/zoad-dots-card.svg?v=a66c6041df658cee"); --card-mark-art-on-fill: url("../images/patterns/zoad-dots-card-light.svg?v=6009480a9d6968b0"); --card-mark-size: 100% 100%; --card-mark-anchor: right bottom; --card-mark-opacity: .16; --card-mark-inset: auto 0 0 auto; --card-mark-inset-rtl: auto auto 0 0; --card-mark-inline-size: 44%; --card-mark-ratio: 480 / 380; --card-mark-panel-inline-size: 44%; --card-mark-panel-ratio: 480 / 380; --card-mark-icon-content: ""; --card-mark-host-inset-ltr: 0; --card-mark-host-inset-rtl: 0; --card-mark-host-inline-size: auto; --card-mark-host-block-size: auto; --card-mark-host-ratio: auto; --card-mark-host-max-block: none;  --hero-mark-art-start: url("../images/patterns/zoad-dots-card-rotated-180.svg?v=afd020ea983d984f"); --hero-mark-art-end: url("../images/patterns/zoad-dots-card.svg?v=a66c6041df658cee"); --hero-mark-opacity: var(--zoad-corner-opacity); --hero-mark-ratio: 480 / 380; --hero-carousel-mark-ratio: 480 / 380; --hero-carousel-focus: var(--zoad-focus-on-light); --hero-carousel-heading-weight: 700; --zoad-logo-height: 75px; --zoad-logo-height-mobile: 54px; --zoad-footer-logo-width: 100px; --zoad-footer-heading: var(--brand-zoad-yeast); --assistant-launcher-field: var(--icon-feature); --assistant-launcher-field-mobile: var(--icon-feature); --zoad-assistant-glyph: url("../images/brand/zoad-assistant-dots.svg?v=97d124dfb44d63c2"); --zoad-card-surface: var(--brand-zoad-yeast); --zoad-assistant-emblem: url("../images/brand/zoad-assistant-emblem.svg?v=df85305ffc9480db"); --zoad-logo-ratio: 1400 / 1627; --brand-pattern-ratio: 480 / 380;  --accent: var(--brand-zoad-brown); --accent-fill: var(--brand-zoad-brown); --accent-strong: var(--brand-zoad-brown); --accent-text: var(--brand-white); --accent-deep: var(--brand-zoad-brown);  --accent-on-dark: var(--brand-zoad-yeast); --accent-wash: color-mix(in srgb, var(--brand-zoad-brown) 12%, transparent);  --surface-brand: var(--brand-zoad-blueberry); --surface-brand-deep: var(--brand-zoad-blueberry);  --link-hover: var(--brand-zoad-blueberry); --link-hover-on-dark: var(--brand-white); --badge-text: var(--brand-zoad-brown); --badge-text-on-dark: var(--brand-zoad-yeast);  --figure: var(--brand-zoad-blueberry); --figure-on-dark: var(--brand-zoad-yeast);  --surface-sunken: var(--brand-white);  --assistant-field-surface: var(--brand-zoad-yeast);  --ink: var(--brand-zoad-blueberry); --line: color-mix(in srgb, var(--accent) 30%, var(--brand-white)); --identity-mark: var(--brand-zoad-blueberry); } html[data-brand="laundry"] {  --accent: var(--brand-laundry-fresh-mist); --accent-fill: var(--brand-laundry-clean-current); --accent-strong: var(--brand-laundry-deep-tide); --accent-text: var(--brand-white);  --on-action: var(--brand-white); --accent-deep: var(--brand-laundry-deep-tide);  --accent-on-dark: var(--brand-laundry-fresh-mist); --accent-wash: color-mix(in srgb, var(--brand-laundry-fresh-mist) 12%, transparent); --surface-brand: var(--brand-laundry-deep-tide); --surface-brand-deep: var(--brand-laundry-deep-tide); --link-hover: var(--brand-laundry-deep-tide); --link-hover-on-dark: var(--brand-laundry-fresh-mist); --badge-text: var(--brand-laundry-deep-tide); --badge-text-on-dark: var(--brand-laundry-fresh-mist); --icon-feature-color: var(--brand-laundry-clean-current); --figure: var(--brand-laundry-deep-tide); --figure-on-dark: var(--brand-laundry-fresh-mist);  --ink: var(--brand-laundry-jais);  --muted: var(--brand-laundry-jais); --muted-on-dark: var(--brand-laundry-linen);  --surface-sunken: var(--brand-laundry-linen);  --line: color-mix(in srgb, var(--brand-laundry-fresh-mist) 45%, var(--brand-white));  --identity-mark: var(--brand-laundry-fresh-mist);   --brand-pattern-art: url("../images/patterns/your-laundry-wave.svg?v=d7686ed0ed0635ed"); --brand-pattern-ratio: 595.85 / 175.59;  --laundry-mark: url("../images/patterns/your-laundry-wave.svg?v=d7686ed0ed0635ed"); --laundry-mark-on-dark: url("../images/patterns/your-laundry-wave-light.svg?v=9d902df7ae44698b");  --laundry-focus-on-light: var(--brand-laundry-deep-tide); --laundry-focus-on-dark: var(--brand-laundry-linen);  --laundry-logo-ratio: 2400 / 280;  --laundry-logo-height: 31px;  --laundry-logo-height-mobile: 22px;  --laundry-footer-logo-width: 240px;  --laundry-pattern-opacity: .5;  --laundry-band-height: 120px; --laundry-band-height-mobile: 72px;  --laundry-hero-wave-height: 64px;  --laundry-hero-wave-height-sub: 36px; --hero-mark-art-start: none;  --band-mark-art-end: none;  --hero-mark-art-end: none; --hero-mark-inset-end: auto 0 0 0; --hero-mark-repeat-end: repeat-x; --hero-mark-anchor-end: left bottom; --hero-mark-size-end: auto 100%; --hero-mark-inline-size: auto; --hero-mark-block-size: var(--laundry-hero-wave-height-sub); --hero-mark-ratio: auto; --hero-carousel-mark-inline-size: auto; --hero-carousel-mark-block-size: var(--laundry-hero-wave-height); --hero-carousel-mark-ratio: auto; --hero-carousel-focus: var(--laundry-focus-on-light);  --hero-carousel-ink: var(--brand-black); --hero-carousel-hint-gap: 28px;   --laundry-footer-heading: var(--brand-white);  --laundry-card-corner-opacity: .16;  --laundry-card-band-height: 34px;  --card-mark-art: var(--laundry-mark); --card-mark-art-on-fill: var(--laundry-mark-on-dark); --card-mark-repeat: repeat-x; --card-mark-anchor: left bottom; --card-mark-size: auto 100%; --card-mark-opacity: var(--laundry-card-corner-opacity); --card-mark-inset: auto 0 0 0; --card-mark-inset-rtl: auto 0 0 0; --card-mark-block-size: var(--laundry-card-band-height); --card-mark-flip-rtl: 1; --card-mark-pivot-rtl: 100% 100%; --card-mark-host-inset-ltr: 0; --card-mark-host-inset-rtl: 0; --card-mark-host-inline-size: auto; --card-mark-host-block-size: auto; --card-mark-host-ratio: auto; --card-mark-panel-inline-size: 100%; --card-mark-panel-block-size: var(--laundry-card-band-height); --card-mark-panel-ratio: auto; --card-mark-panel-repeat: repeat-x; --card-mark-panel-anchor: left bottom; --card-mark-panel-size: auto 100%;  --assistant-launcher-field: var(--icon-feature); --assistant-launcher-field-mobile: var(--icon-feature); }  .surface-base { background: var(--surface-base); color: var(--ink); } .surface-sunken { background: var(--surface-sunken); color: var(--ink); } .surface-sunken-strong { background: var(--surface-sunken-strong); color: var(--ink); }  .surface-warm { background: var(--surface-warm); color: var(--ink); }  .surface-brand { background: var(--surface-brand); color: var(--on-action); }  .surface-inverse { background: var(--surface-inverse); color: var(--brand-white); }  html {  font-synthesis: none; -webkit-font-synthesis: none; } body { font-family: var(--font-brand);  letter-spacing: 0;  font-kerning: normal; font-feature-settings: "kern" 1, "liga" 1, "calt" 1; } h1, h2, h3, h4, h5, h6 { font-family: var(--font-display); letter-spacing: 0; }  .type-display { font-family: var(--font-display); font-size: var(--type-display); line-height: var(--leading-display); } .type-section { font-family: var(--font-display); font-size: var(--type-section); line-height: var(--leading-section); } .type-card { font-family: var(--font-display); font-size: var(--type-card); line-height: var(--leading-card); } .type-label { font-family: var(--font-display); font-size: var(--type-label); line-height: var(--leading-label); } .type-feature { font-family: var(--font-display); font-size: var(--type-feature); line-height: var(--leading-feature); }  .type-lead { font-size: var(--type-lead); line-height: var(--leading-lead); } .type-body { font-size: var(--type-body); line-height: var(--leading-body); } .type-action { font-size: var(--type-action); } .type-control { font-size: var(--type-control); } .type-meta { font-size: var(--type-meta); } .type-caption { font-size: var(--type-caption); }  :is(i.ph, svg).icon-inline { inline-size: 1em; block-size: 1em; font-size: var(--icon-inline) !important; } :is(i.ph, svg).icon-control { inline-size: 1em; block-size: 1em; font-size: var(--icon-control) !important; } :is(i.ph, svg).icon-default { inline-size: 1em; block-size: 1em; font-size: var(--icon-default) !important; } :is(i.ph, svg).icon-feature { inline-size: 1em; block-size: 1em; font-size: var(--icon-feature) !important; } :is(i.ph, svg).icon-display { inline-size: 1em; block-size: 1em; font-size: var(--icon-display) !important; }  .foot-col .foot-contact { display: flex; align-items: center; gap: 10px; width: fit-content; } .foot-contact > .icon-inline { flex: 0 0 auto; color: var(--icon-on-dark); line-height: 1; }