.elementor-kit-6{--e-global-color-primary:#2B50F0;--e-global-color-secondary:#2ED15E;--e-global-color-text:#4B5260;--e-global-color-accent:#161618;--e-global-color-uas_heading:#17181B;--e-global-color-uas_brand_hover:#1E3DD6;--e-global-color-uas_muted:#6B7280;--e-global-color-uas_faint:#9AA1AF;--e-global-color-uas_border_subtle:#E2E5EB;--e-global-color-uas_border_default:#CDD2DB;--e-global-color-uas_surface_subtle:#F6F7F9;--e-global-color-uas_surface_sunken:#EEF0F4;--e-global-color-uas_brand_tint:#ECEFFE;--e-global-color-uas_accent_tint:#E5FBEC;--e-global-color-uas_teal:#16E0A6;--e-global-color-uas_gold:#FBB724;--e-global-color-uas_danger:#C13338;--e-global-color-uas_warning:#9A6300;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-size:38px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.2em;--e-global-typography-primary-letter-spacing:-0.01em;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-size:30px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-font-family:"Mulish";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.65em;--e-global-typography-accent-font-family:"Mulish";--e-global-typography-accent-font-size:13px;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-line-height:1.4em;--e-global-typography-accent-letter-spacing:0.12em;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================================================
   URBAN APPLIANCE SERVICES — DESIGN TOKENS
   Source: Urban Home Appliance Design System
   Site code: uas
   Last updated: 2026-06-13
   ============================================================ */

/* ---- Webfonts ---- */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Mulish:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap");

:root {
  /* ============================================================
     COLOR — primitives
     ============================================================ */
  /* Brand: Electric Blue */
  --blue-50:  #ECEFFE;
  --blue-100: #D2DAFC;
  --blue-200: #A8B7F9;
  --blue-300: #7B90F6;
  --blue-400: #4E6BF3;
  --blue-500: #2B50F0;
  --blue-600: #1E3DD6;
  --blue-700: #1730AC;
  --blue-800: #122584;

  /* Accent: Bright Green */
  --green-50:  #E5FBEC;
  --green-100: #C2F5D3;
  --green-300: #5FE587;
  --green-400: #3CDC6B;
  --green-500: #2ED15E;
  --green-600: #1FB54B;
  --green-700: #178A3A;
  --teal-500:  #16E0A6;

  /* Ink: near-black for dark sections */
  --ink-900: #161618;
  --ink-800: #1F1F23;
  --ink-700: #2A2A2F;
  --ink-600: #3A3A41;

  /* Neutral: cool grays */
  --gray-0:   #FFFFFF;
  --gray-50:  #F6F7F9;
  --gray-100: #EEF0F4;
  --gray-200: #E2E5EB;
  --gray-300: #CDD2DB;
  --gray-400: #9AA1AF;
  --gray-500: #6B7280;
  --gray-600: #4B5260;
  --gray-700: #333741;
  --gray-800: #1F222A;
  --gray-900: #161618;

  /* Gold (review stars only) */
  --gold-500: #FBB724;

  /* Semantic status */
  --red-50:   #FCEBEC;
  --red-500:  #E5484D;
  --red-600:  #C13338;
  --amber-50: #FEF4E2;
  --amber-500: #F5A623;
  --amber-700: #9A6300;

  /* ============================================================
     COLOR — semantic aliases (HTML widgets reference these)
     ============================================================ */
  --color-brand:          var(--blue-500);
  --color-brand-hover:    var(--blue-600);
  --color-brand-press:    var(--blue-700);
  --color-brand-tint:     var(--blue-50);
  --color-on-brand:       #FFFFFF;

  --color-accent:         var(--green-500);
  --color-accent-hover:   var(--green-600);
  --color-accent-tint:    var(--green-50);
  --color-on-accent:      var(--ink-900);
  --gradient-accent:      linear-gradient(100deg, var(--green-500), var(--teal-500));

  --color-ink:            var(--ink-900);
  --color-ink-hover:      var(--ink-700);

  --text-strong:          #17181B;
  --text-body:            var(--gray-600);
  --text-muted:           var(--gray-500);
  --text-faint:           var(--gray-400);
  --text-inverse:         #FFFFFF;
  --text-link:            var(--blue-600);
  --text-accent:          var(--green-700);

  --surface-page:         #FFFFFF;
  --surface-subtle:       var(--gray-50);
  --surface-sunken:       var(--gray-100);
  --surface-card:         #FFFFFF;
  --surface-ink:          var(--ink-900);
  --surface-ink-soft:     var(--ink-800);
  --surface-brand:        var(--blue-500);
  --surface-brand-tint:   var(--blue-50);
  --surface-accent-tint:  var(--green-50);

  --border-subtle:        var(--gray-200);
  --border-default:       var(--gray-300);
  --border-strong:        var(--gray-400);
  --border-ink:           var(--ink-900);
  --border-brand:         var(--blue-500);

  --focus-ring:           color-mix(in srgb, var(--blue-500) 40%, transparent);

  --status-success-fg:    var(--green-700);
  --status-success-bg:    var(--green-50);
  --status-danger-fg:     var(--red-600);
  --status-danger-bg:     var(--red-50);
  --status-warning-fg:    var(--amber-700);
  --status-warning-bg:    var(--amber-50);
  --status-info-fg:       var(--blue-700);
  --status-info-bg:       var(--blue-50);

  --star-color:           var(--gold-500);

  /* ============================================================
     TYPOGRAPHY
     ============================================================ */
  --font-display: "Poppins", system-ui, sans-serif;
  --font-sans:    "Mulish", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;
  --fw-extra:    800;

  --fs-display-2xl: 76px;
  --fs-display-xl:  60px;
  --fs-display-lg:  46px;
  --fs-h1:          38px;
  --fs-h2:          30px;
  --fs-h3:          24px;
  --fs-h4:          20px;
  --fs-body-lg:     18px;
  --fs-body:        16px;
  --fs-body-sm:     14px;
  --fs-caption:     13px;
  --fs-overline:    12px;

  --lh-tight:   1.05;
  --lh-display: 1.12;
  --lh-heading: 1.2;
  --lh-snug:    1.4;
  --lh-body:    1.65;

  --ls-display:  -0.02em;
  --ls-tight:    -0.01em;
  --ls-normal:    0;
  --ls-overline: 0.12em;
  --ls-button:    0;

  /* ============================================================
     SPACING (4px grid)
     ============================================================ */
  --space-0:  0;
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-7:  32px;
  --space-8:  40px;
  --space-9:  48px;
  --space-10: 64px;
  --space-11: 80px;
  --space-12: 96px;
  --space-13: 128px;

  --section-y:       96px;
  --section-y-tight: 64px;
  --container-max:   1200px;
  --container-pad:   24px;

  --control-h-sm: 36px;
  --control-h-md: 44px;
  --control-h-lg: 54px;

  /* ============================================================
     ELEVATION — radii, borders, shadows
     ============================================================ */
  --radius-xs:   6px;
  --radius-sm:   10px;
  --radius-md:   12px;
  --radius-lg:   18px;
  --radius-xl:   24px;
  --radius-2xl:  32px;
  --radius-pill: 999px;

  --border-1: 1px;
  --border-2: 1.5px;

  --shadow-xs: 0 1px 2px rgba(22, 28, 45, 0.05);
  --shadow-sm: 0 4px 14px rgba(22, 28, 45, 0.06);
  --shadow-md: 0 10px 30px rgba(22, 28, 45, 0.08);
  --shadow-lg: 0 20px 50px rgba(22, 28, 45, 0.10);
  --shadow-xl: 0 32px 70px rgba(22, 28, 45, 0.14);
  --shadow-brand:  0 14px 30px rgba(43, 80, 240, 0.30);
  --shadow-accent: 0 14px 30px rgba(46, 209, 94, 0.32);
  --shadow-inset: inset 0 1px 2px rgba(22, 28, 45, 0.07);

  /* ============================================================
     MOTION
     ============================================================ */
  --ease-standard: cubic-bezier(0.2, 0, 0.1, 1);
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:       cubic-bezier(0.4, 0, 1, 1);
  --ease-spring:   cubic-bezier(0.34, 1.4, 0.5, 1);

  --dur-instant: 90ms;
  --dur-fast:    160ms;
  --dur-base:    240ms;
  --dur-slow:    400ms;
}

/* ============================================================
   BASE — body, headings, links, selection
   ============================================================ */
body {
  font-family: var(--font-sans);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  color: var(--text-body);
  background: var(--surface-page);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
  color: var(--text-strong);
  font-weight: var(--fw-bold);
  line-height: var(--lh-heading);
  letter-spacing: var(--ls-tight);
}

a { color: var(--text-link); text-decoration: none; }
a:hover { text-decoration: underline; }

strong, b { font-weight: var(--fw-bold); color: var(--text-strong); }

::selection { background: var(--blue-100); color: var(--ink-900); }

/* ============================================================
   UTILITY — brand classes for headers/eyebrows where needed
   ============================================================ */
.uas-eyebrow {
  font-family: var(--font-sans);
  font-weight: var(--fw-bold);
  font-size: var(--fs-overline);
  letter-spacing: var(--ls-overline);
  text-transform: uppercase;
  color: var(--text-muted);
}
.uas-display {
  font-family: var(--font-display);
  font-weight: var(--fw-bold);
  letter-spacing: var(--ls-display);
  line-height: var(--lh-display);
  color: var(--text-strong);
}
.uas-display em { font-style: normal; font-weight: var(--fw-extra); }
.uas-display .accent { color: var(--color-brand); }
.uas-container {
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--container-pad);
}/* End custom CSS */