:root {
      --lp-primary: #15b89f;
      --lp-primary-dark: #08967f;
      --lp-primary-soft: rgba(21, 184, 159, 0.13);
      --lp-primary-softer: rgba(21, 184, 159, 0.07);
      --lp-primary-glow: rgba(21, 184, 159, 0.30);
      --lp-secondary: #78ccb9;
      --lp-secondary-soft: rgba(120, 204, 185, 0.14);
      --lp-ink: #071321;
      --lp-muted: #64748b;
      --lp-soft-text: #9aa8ba;
      --lp-bg: #f8fffc;
      --lp-bg-2: #effbf7;
      --lp-surface: rgba(255, 255, 255, 0.78);
      --lp-card: #ffffff;
      --lp-border: rgba(15, 23, 42, 0.10);
      --lp-shadow: 0 24px 70px rgba(15, 23, 42, 0.10);
      --lp-shadow-soft: 0 14px 44px rgba(15, 23, 42, 0.08);
      --lp-radius: 24px;
      --lp-radius-lg: 34px;
      --lp-glass: rgba(255, 255, 255, 0.74);
      --lp-glass-strong: rgba(255, 255, 255, 0.90);
      --lp-title-scale: clamp(1.95rem, 3.6vw, 3.55rem);
      --lp-body-size: 0.93rem;
      --lp-navbar-height: 72px;
    }

    html[data-theme="dark"] {
      --lp-ink: #f8fafc;
      --lp-muted: #b6c1d2;
      --lp-soft-text: #8794a8;
      --lp-bg: #071014;
      --lp-bg-2: #0a171b;
      --lp-surface: rgba(11, 18, 32, 0.78);
      --lp-card: #0c1720;
      --lp-border: rgba(226, 232, 240, 0.12);
      --lp-shadow: 0 24px 80px rgba(0, 0, 0, 0.32);
      --lp-shadow-soft: 0 14px 40px rgba(0, 0, 0, 0.26);
      --lp-glass: rgba(8, 18, 22, 0.76);
      --lp-glass-strong: rgba(12, 23, 32, 0.90);
    }

    * { box-sizing: border-box; }

    html {
      scroll-behavior: smooth;
      scroll-padding-top: 100px;
    }

    body {
      margin: 0;
      font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color: var(--lp-ink);
      background:
        radial-gradient(circle at 10% 0%, rgba(21, 184, 159, 0.14), transparent 30%),
        radial-gradient(circle at 88% 12%, rgba(120, 204, 185, 0.16), transparent 28%),
        linear-gradient(180deg, var(--lp-bg), var(--lp-bg-2));
      overflow-x: hidden;
    }

    body::before,
    body::after {
      content: "";
      position: fixed;
      width: 420px;
      height: 420px;
      border-radius: 999px;
      pointer-events: none;
      z-index: -1;
      filter: blur(20px);
      opacity: 0.42;
      animation: pageGlowFloat 14s ease-in-out infinite;
    }

    body::before {
      left: -170px;
      top: 16%;
      background: radial-gradient(circle, rgba(21,184,159,0.22), transparent 68%);
    }

    body::after {
      right: -180px;
      top: 58%;
      background: radial-gradient(circle, rgba(120,204,185,0.24), transparent 70%);
      animation-delay: 3s;
    }

    @keyframes pageGlowFloat {
      0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
      50% { transform: translate3d(26px, -28px, 0) scale(1.06); }
    }

    a { color: inherit; text-decoration: none; }
    img { max-width: 100%; }

    .text-gradient {
      background: linear-gradient(135deg, var(--lp-primary), var(--lp-secondary), var(--lp-primary-dark));
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }

    .section-padding { padding: 92px 0; }
    .section-padding-sm { padding: 72px 0; }

    .section-kicker {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      padding: 7px 12px;
      border: 1px solid var(--lp-border);
      border-radius: 999px;
      color: var(--lp-primary-dark);
      background: var(--lp-primary-soft);
      font-size: 0.76rem;
      font-weight: 800;
      letter-spacing: 0.02em;
      margin-bottom: 16px;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
    }

    html[data-theme="dark"] .section-kicker { color: #61f4d5; }

    .section-title {
      font-size: var(--lp-title-scale) !important;
      font-weight: 900;
      letter-spacing: -0.048em;
      line-height: 1.08;
      margin-bottom: 16px;
    }

    .section-subtitle {
      color: var(--lp-muted);
      font-size: 0.98rem;
      line-height: 1.68;
      max-width: 720px;
    }

    .fw-black { font-weight: 900; }

    /* Navbar */
    .navbar {
      min-height: var(--lp-navbar-height);
      transition: all 0.25s ease;
      z-index: 1040;
    }

    .navbar.lp-navbar {
      min-height: 72px;
      margin: 12px auto 0;
      width: min(1180px, calc(100% - 28px));
      border: 1px solid rgba(15, 23, 42, 0.08);
      border-radius: 24px;
      background: var(--lp-glass);
      backdrop-filter: blur(22px);
      -webkit-backdrop-filter: blur(22px);
      box-shadow: 0 14px 42px rgba(15, 23, 42, 0.06);
    }

    html[data-theme="dark"] .navbar.lp-navbar {
      border-color: rgba(226, 232, 240, 0.10);
      background: var(--lp-glass);
    }

    .navbar.scrolled {
      margin-top: 8px;
      box-shadow: 0 20px 54px rgba(15, 23, 42, 0.11);
      background: var(--lp-glass-strong);
    }

    .navbar-brand {
      display: inline-flex;
      align-items: center;
      gap: 11px;
      font-weight: 900;
      font-size: 1.04rem;
      letter-spacing: -0.035em;
      color: var(--lp-ink) !important;
    }

    .brand-mark {
      width: 39px;
      height: 39px;
      border-radius: 14px;
      display: grid;
      place-items: center;
      color: white;
      background:
        radial-gradient(circle at 35% 25%, rgba(255,255,255,0.55), transparent 27%),
        linear-gradient(135deg, var(--lp-primary), var(--lp-secondary), var(--lp-primary-dark));
      box-shadow: 0 16px 36px rgba(21, 184, 159, 0.25);
    }

    .nav-link {
      position: relative;
      color: var(--lp-muted) !important;
      font-weight: 750;
      font-size: 0.86rem;
      padding: 0.62rem 0.78rem !important;
      border-radius: 14px;
      border: 1px solid transparent;
      transition: all 0.2s ease;
    }

    .nav-link::before {
      content: "";
      position: absolute;
      left: 14px;
      right: 14px;
      bottom: 7px;
      height: 2px;
      border-radius: 999px;
      background: var(--lp-primary);
      transform: scaleX(0);
      transform-origin: center;
      transition: transform 0.22s ease;
    }

    .nav-link:hover,
    .nav-link:focus,
    .nav-link.active {
      color: var(--lp-primary-dark) !important;
      background: rgba(21,184,159,0.08);
      border-color: rgba(21,184,159,0.12);
    }

    .nav-link:hover::before,
    .nav-link.active::before { transform: scaleX(1); }

    .dropdown-menu {
      min-width: 230px;
      border: 1px solid var(--lp-border);
      border-radius: 22px;
      padding: 12px;
      background: var(--lp-glass-strong);
      backdrop-filter: blur(24px);
      -webkit-backdrop-filter: blur(24px);
      box-shadow: var(--lp-shadow-soft);
      margin-top: 12px;
      transform-origin: top center;
      animation: dropdownSoft 0.18s ease both;
    }

    @keyframes dropdownSoft {
      from { transform: translateY(8px) scale(0.98); opacity: 0; }
      to { transform: translateY(0) scale(1); opacity: 1; }
    }

    .dropdown-item {
      color: var(--lp-muted);
      font-weight: 750;
      border-radius: 14px;
      padding: 10px 13px;
      font-size: 0.86rem;
    }

    .dropdown-item:hover,
    .dropdown-item:focus {
      color: var(--lp-ink);
      background: var(--lp-primary-soft);
    }

    .btn {
      border-radius: 999px;
      font-weight: 800;
      padding: 0.76rem 1.1rem;
      font-size: 0.9rem;
      transition: all 0.22s ease;
    }

    .btn-primary-custom {
      color: #fff;
      background: linear-gradient(135deg, var(--lp-primary), var(--lp-primary-dark));
      border: 0;
      box-shadow: 0 16px 36px rgba(21, 184, 159, 0.25);
    }

    .btn-primary-custom:hover {
      color: #fff;
      transform: translateY(-2px);
      box-shadow: 0 22px 48px rgba(21, 184, 159, 0.30);
    }

    .btn-soft {
      color: var(--lp-ink);
      background: var(--lp-surface);
      border: 1px solid var(--lp-border);
    }

    .btn-soft:hover {
      color: var(--lp-ink);
      transform: translateY(-2px);
      border-color: rgba(21, 184, 159, 0.35);
      background: var(--lp-primary-softer);
    }

    .theme-toggle {
      width: 44px;
      height: 44px;
      padding: 0;
      display: inline-grid;
      place-items: center;
      border-radius: 999px;
    }

    /* Hero */
    .hero {
      position: relative;
      min-height: auto;
      padding: 144px 0 86px;
      overflow: hidden;
      background:
        radial-gradient(circle at 18% 14%, rgba(21,184,159,0.16), transparent 28%),
        radial-gradient(circle at 88% 18%, rgba(120,204,185,0.20), transparent 26%),
        linear-gradient(180deg, rgba(255,255,255,0.0), rgba(21,184,159,0.045));
    }

    .hero::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(115deg, rgba(21, 184, 159, 0.14), transparent 38%),
        radial-gradient(circle at 84% 20%, rgba(120, 204, 185, 0.18), transparent 25%);
      pointer-events: none;
    }

    .hero::after {
      content: "";
      position: absolute;
      inset: 88px 4% auto auto;
      width: 280px;
      height: 280px;
      border: 1px solid rgba(21,184,159,0.18);
      border-radius: 38% 62% 48% 52%;
      background: rgba(21,184,159,0.045);
      animation: blobMorph 9s ease-in-out infinite;
      pointer-events: none;
    }

    @keyframes blobMorph {
      0%, 100% { transform: translateY(0) rotate(0deg); border-radius: 38% 62% 48% 52%; }
      50% { transform: translateY(20px) rotate(8deg); border-radius: 58% 42% 61% 39%; }
    }

    .hero-grid {
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(15, 23, 42, 0.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15, 23, 42, 0.055) 1px, transparent 1px);
      background-size: 56px 56px;
      mask-image: linear-gradient(to bottom, black, transparent 78%);
      opacity: 0.54;
      pointer-events: none;
    }

    html[data-theme="dark"] .hero-grid {
      background-image:
        linear-gradient(rgba(226, 232, 240, 0.065) 1px, transparent 1px),
        linear-gradient(90deg, rgba(226, 232, 240, 0.065) 1px, transparent 1px);
    }

    .hero-content { position: relative; z-index: 2; }

    .hero-badge {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      padding: 7px 13px 7px 7px;
      border: 1px solid var(--lp-border);
      border-radius: 999px;
      background: var(--lp-surface);
      box-shadow: 0 10px 35px rgba(15, 23, 42, 0.06);
      color: var(--lp-muted);
      font-weight: 800;
      font-size: 0.8rem;
      margin-bottom: 22px;
    }

    .hero-badge span {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 6px 10px;
      border-radius: 999px;
      background: var(--lp-primary);
      color: white;
      font-size: 0.72rem;
    }

    .hero-title {
      font-size: clamp(2.15rem, 4.55vw, 4.75rem) !important;
      line-height: 1.04;
      font-weight: 900;
      letter-spacing: -0.058em;
      margin-bottom: 22px;
      max-width: 780px;
    }

    .hero-subtitle {
      max-width: 640px;
      color: var(--lp-muted);
      font-size: clamp(0.96rem, 1.35vw, 1.09rem);
      line-height: 1.72;
      margin-bottom: 30px;
    }

    .hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
      align-items: center;
      margin-bottom: 28px;
    }

    .trusted-row {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 15px;
      color: var(--lp-muted);
      font-size: 0.88rem;
      font-weight: 700;
    }

    .avatar-stack { display: flex; align-items: center; }

    .avatar-stack span {
      width: 34px;
      height: 34px;
      margin-left: -8px;
      border-radius: 999px;
      border: 3px solid var(--lp-bg);
      display: grid;
      place-items: center;
      color: white;
      font-size: 0.77rem;
      font-weight: 900;
      background: linear-gradient(135deg, var(--lp-primary), var(--lp-secondary), var(--lp-primary-dark));
    }

    .avatar-stack span:first-child { margin-left: 0; }

    .laundry-orbit {
      position: absolute;
      border: 1px solid rgba(21,184,159,0.16);
      border-radius: 999px;
      pointer-events: none;
      z-index: 0;
      animation: orbitPulse 9s ease-in-out infinite;
    }

    .orbit-one {
      width: 360px;
      height: 360px;
      left: -110px;
      top: 120px;
      background: radial-gradient(circle, rgba(21,184,159,0.07), transparent 66%);
    }

    .orbit-two {
      width: 260px;
      height: 260px;
      right: 7%;
      bottom: 48px;
      background: radial-gradient(circle, rgba(120,204,185,0.10), transparent 68%);
      animation-delay: 1.8s;
    }

    @keyframes orbitPulse {
      0%, 100% { transform: scale(1); opacity: 0.65; }
      50% { transform: scale(1.08); opacity: 1; }
    }

    .laundry-hero-stage {
      position: relative;
      min-height: 660px;
      display: grid;
      place-items: center;
    }

    .hero-phone-showcase {
      position: relative;
      width: min(100%, 590px);
      min-height: 650px;
      display: grid;
      place-items: center;
      isolation: isolate;
    }

    .phone-glow {
      position: absolute;
      width: 470px;
      height: 470px;
      border-radius: 50%;
      background:
        radial-gradient(circle at 50% 50%, rgba(21,184,159,0.28), transparent 62%),
        radial-gradient(circle at 70% 28%, rgba(120,204,185,0.22), transparent 44%);
      filter: blur(2px);
      animation: phoneGlow 7s ease-in-out infinite;
      z-index: -2;
    }

    @keyframes phoneGlow {
      0%, 100% { transform: scale(1) translateY(0); opacity: 0.84; }
      50% { transform: scale(1.08) translateY(-10px); opacity: 1; }
    }

    .hero-main-phone {
      width: min(430px, 82vw);
      max-height: 660px;
      object-fit: contain;
      filter: drop-shadow(0 34px 52px rgba(10, 22, 35, 0.20));
      animation: premiumPhoneFloat 6.5s ease-in-out infinite;
      z-index: 2;
      user-select: none;
    }

    @keyframes premiumPhoneFloat {
      0%, 100% { transform: translateY(0) rotate(-1.5deg); }
      50% { transform: translateY(-18px) rotate(1deg); }
    }

    .hero-side-shot {
      position: absolute;
      width: 210px;
      border-radius: 26px;
      object-fit: contain;
      filter: drop-shadow(0 22px 36px rgba(10, 22, 35, 0.16));
      opacity: 0.96;
      z-index: 3;
      animation: screenshotFloat 6.2s ease-in-out infinite;
    }

    .hero-shot-one { left: -18px; top: 82px; animation-delay: 0.4s; }
    .hero-shot-two { right: -34px; top: 174px; width: 235px; animation-delay: 1.2s; }
    .hero-shot-three { left: 16px; bottom: 58px; width: 196px; animation-delay: 2s; }

    @keyframes screenshotFloat {
      0%, 100% { transform: translateY(0) rotate(0deg); }
      50% { transform: translateY(-14px) rotate(1.4deg); }
    }

    .floating-property {
      position: absolute;
      z-index: 4;
      display: flex;
      align-items: center;
      gap: 9px;
      padding: 11px 13px;
      border-radius: 999px;
      background: var(--lp-glass-strong);
      border: 1px solid var(--lp-border);
      box-shadow: 0 16px 42px rgba(15,23,42,0.10);
      color: var(--lp-primary-dark);
      font-size: 0.82rem;
      font-weight: 900;
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      animation: propertyFloat 6s ease-in-out infinite;
    }

    .floating-property i {
      width: 28px;
      height: 28px;
      display: grid;
      place-items: center;
      border-radius: 999px;
      color: white;
      background: linear-gradient(135deg, var(--lp-primary), var(--lp-primary-dark));
    }

    .fp-house { top: 22px; left: 22px; }
    .fp-key { top: 118px; right: -4px; animation-delay: 0.9s; }
    .fp-map { left: -8px; bottom: 156px; animation-delay: 1.7s; }
    .fp-rent { right: 36px; bottom: 32px; animation-delay: 2.4s; }

    @keyframes propertyFloat {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-15px); }
    }

    .hero-live-card {
      position: absolute;
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 14px 16px;
      min-width: 210px;
      border-radius: 22px;
      background: rgba(255,255,255,0.86);
      border: 1px solid rgba(15,23,42,0.08);
      box-shadow: 0 18px 42px rgba(15,23,42,0.12);
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
      z-index: 5;
      animation: liveCardFloat 5.8s ease-in-out infinite;
    }

    html[data-theme="dark"] .hero-live-card {
      background: rgba(12,23,32,0.88);
      border-color: rgba(255,255,255,0.10);
    }

    .hero-live-card span {
      width: 44px;
      height: 44px;
      display: grid;
      place-items: center;
      border-radius: 16px;
      color: white;
      background: linear-gradient(135deg, var(--lp-primary), var(--lp-primary-dark));
      flex: 0 0 auto;
    }

    .hero-live-card strong,
    .hero-live-card small { display: block; }

    .hero-live-card strong { font-size: 0.9rem; letter-spacing: -0.02em; }

    .hero-live-card small {
      color: var(--lp-muted);
      font-weight: 700;
      font-size: 0.76rem;
      margin-top: 2px;
    }

    .live-card-top { top: 44px; right: 46px; }
    .live-card-bottom { bottom: 76px; right: 28px; animation-delay: 1.4s; }

    @keyframes liveCardFloat {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-12px); }
    }

    /* Cards and Components */
    .feature-card,
    .premium-card,
    .pricing-card,
    .tool-card,
    .doc-card,
    .setup-card,
    .step-card,
    .testimonial-card {
      position: relative;
      height: 100%;
      border: 1px solid var(--lp-border);
      background: var(--lp-surface);
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
      border-radius: var(--lp-radius);
      box-shadow: 0 14px 45px rgba(15,23,42,0.055);
      transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
      overflow: hidden;
    }

    .feature-card::before,
    .premium-card::before,
    .pricing-card::before,
    .tool-card::before,
    .doc-card::before,
    .setup-card::before,
    .step-card::before,
    .testimonial-card::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, rgba(21,184,159,0.10), transparent 42%);
      opacity: 0;
      transition: opacity 0.25s ease;
      pointer-events: none;
    }

    .feature-card:hover::before,
    .premium-card:hover::before,
    .pricing-card:hover::before,
    .tool-card:hover::before,
    .doc-card:hover::before,
    .setup-card:hover::before,
    .step-card:hover::before,
    .testimonial-card:hover::before { opacity: 1; }

    .feature-card:hover,
    .premium-card:hover,
    .pricing-card:hover,
    .tool-card:hover,
    .doc-card:hover,
    .setup-card:hover,
    .step-card:hover,
    .testimonial-card:hover {
      transform: translateY(-7px) scale(1.01);
      border-color: rgba(21, 184, 159, 0.42);
      box-shadow: 0 24px 62px rgba(21,184,159,0.14);
    }

    .feature-card { padding: 28px; }

    .feature-icon,
    .premium-icon {
      width: 52px;
      height: 52px;
      display: grid;
      place-items: center;
      border-radius: 20px;
      background: linear-gradient(135deg, var(--lp-primary-soft), var(--lp-secondary-soft));
      color: var(--lp-primary-dark);
      font-size: 1.3rem;
      margin-bottom: 18px;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.55);
    }

    html[data-theme="dark"] .feature-icon,
    html[data-theme="dark"] .premium-icon { color: #61f4d5; }

    .feature-card h4,
    .premium-card h4,
    .tool-card h5,
    .doc-card h5,
    .setup-card h4,
    .step-card h4,
    .pricing-card h4 {
      font-weight: 900;
      letter-spacing: -0.04em;
      margin-bottom: 12px;
      font-size: 1.12rem;
    }

    .feature-card p,
    .premium-card p,
    .tool-card p,
    .doc-card p,
    .setup-card p,
    .step-card p,
    .testimonial-card p {
      color: var(--lp-muted);
      line-height: 1.68;
      margin-bottom: 0;
      font-size: var(--lp-body-size);
    }

    .premium-panel {
      border: 1px solid var(--lp-border);
      border-radius: var(--lp-radius-lg);
      padding: 34px;
      background:
        linear-gradient(135deg, var(--lp-primary-softer), transparent),
        var(--lp-surface);
      box-shadow: var(--lp-shadow-soft);
      overflow: hidden;
      position: relative;
    }

    .premium-panel::after {
      content: "";
      position: absolute;
      width: 280px;
      height: 280px;
      right: -100px;
      top: -100px;
      border-radius: 999px;
      background: radial-gradient(circle, rgba(21, 184, 159, 0.20), transparent 70%);
      pointer-events: none;
    }

    .premium-card {
      padding: 24px;
      background: var(--lp-card);
    }

    /* Mobile Screens Section */
    .app-showcase {
      position: relative;
      min-height: 540px;
      display: grid;
      place-items: center;
    }

    .laundry-screens-showcase {
      min-height: 620px;
      position: relative;
      display: grid;
      place-items: center;
      overflow: visible;
    }

    .app-blob {
      position: absolute;
      border-radius: 50%;
      z-index: 0;
      filter: blur(0.2px);
      animation: blobDrift 8s ease-in-out infinite;
    }

    .blob-a {
      width: 430px;
      height: 430px;
      background: rgba(213, 255, 250, 0.88);
    }

    .blob-b {
      width: 230px;
      height: 230px;
      right: 40px;
      top: 50px;
      background: rgba(21,184,159,0.13);
      animation-delay: 1.3s;
    }

    @keyframes blobDrift {
      0%, 100% { transform: translate(0, 0) scale(1); }
      50% { transform: translate(16px, -18px) scale(1.04); }
    }

    .mobile-showcase-img {
      position: relative;
      z-index: 2;
      object-fit: contain;
      user-select: none;
      pointer-events: none;
    }

    .main-app-img {
      width: min(420px, 84vw);
      filter: drop-shadow(0 34px 56px rgba(10,22,35,0.20));
      animation: premiumPhoneFloat 6.5s ease-in-out infinite;
    }

    .mini-app-img {
      position: absolute;
      width: 210px;
      border-radius: 26px;
      filter: drop-shadow(0 18px 34px rgba(10,22,35,0.15));
      z-index: 3;
      animation: screenshotFloat 6.4s ease-in-out infinite;
    }

    .mini-order { left: 4px; top: 96px; }
    .mini-notify { right: -20px; bottom: 98px; width: 230px; animation-delay: 1.4s; }

    .service-row {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 13px;
      border: 1px solid var(--lp-border);
      border-radius: 18px;
      margin-bottom: 10px;
      background: var(--lp-surface);
      transition: transform 0.22s ease, border-color 0.22s ease;
    }

    .service-row:hover {
      transform: translateY(-3px);
      border-color: rgba(21,184,159,0.35);
    }

    .service-row i {
      width: 38px;
      height: 38px;
      display: grid;
      place-items: center;
      border-radius: 14px;
      background: var(--lp-primary-soft);
      color: var(--lp-primary-dark);
    }

    html[data-theme="dark"] .service-row i { color: #61f4d5; }

    /* Steps */
    .step-card {
      padding: 28px;
      background: var(--lp-card);
    }

    .step-number {
      width: 48px;
      height: 48px;
      display: grid;
      place-items: center;
      border-radius: 17px;
      color: #fff;
      background: linear-gradient(135deg, var(--lp-primary), var(--lp-secondary), var(--lp-primary-dark));
      font-weight: 900;
      margin-bottom: 18px;
    }

    /* Tools */
    .tools-grid {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 14px;
    }

    .tool-card {
      padding: 22px 16px;
      text-align: center;
    }

    .tool-card i {
      font-size: 2rem;
      color: var(--lp-primary-dark);
      margin-bottom: 13px;
    }

    html[data-theme="dark"] .tool-card i { color: #61f4d5; }

    .tool-card h5,
    .doc-card h5 { font-size: 1rem; }

    /* Stats */
    .stats-band {
      border: 1px solid var(--lp-border);
      border-radius: var(--lp-radius-lg);
      background:
        radial-gradient(circle at 18% 20%, rgba(255,255,255,0.23), transparent 24%),
        linear-gradient(135deg, #067a69, var(--lp-primary), var(--lp-secondary));
      padding: 46px;
      color: white;
      box-shadow: 0 28px 72px rgba(21, 184, 159, 0.30);
      overflow: hidden;
      position: relative;
    }

    .stats-band::after {
      content: "";
      position: absolute;
      inset: -2px;
      background-image:
        linear-gradient(rgba(255,255,255,0.12) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.12) 1px, transparent 1px);
      background-size: 44px 44px;
      mask-image: linear-gradient(90deg, transparent, black, transparent);
      opacity: 0.35;
      pointer-events: none;
    }

    .stat-item { position: relative; z-index: 1; }

    .stat-item h3 {
      font-size: clamp(1.9rem, 3.2vw, 3rem);
      font-weight: 900;
      letter-spacing: -0.055em;
      margin-bottom: 4px;
    }

    .stat-item p {
      margin: 0;
      color: rgba(255,255,255,0.80);
      font-weight: 700;
      font-size: 0.92rem;
    }

    /* Pricing */
    .pricing-card {
      position: relative;
      padding: 30px;
      background: var(--lp-card);
    }

    .pricing-card.popular {
      border-color: rgba(21, 184, 159, 0.50);
      box-shadow: 0 24px 70px rgba(21, 184, 159, 0.26);
    }

    .popular-badge {
      position: absolute;
      right: 20px;
      top: 20px;
      padding: 7px 11px;
      border-radius: 999px;
      background: var(--lp-primary);
      color: white;
      font-size: 0.72rem;
      font-weight: 900;
    }

    .price {
      display: flex;
      align-items: end;
      gap: 6px;
      margin: 18px 0;
    }

    .price strong {
      font-size: 2.55rem;
      line-height: 1;
      letter-spacing: -0.07em;
      font-weight: 900;
    }

    .price span {
      color: var(--lp-muted);
      font-weight: 800;
      margin-bottom: 8px;
      font-size: 0.86rem;
    }

    .pricing-list {
      list-style: none;
      padding: 0;
      margin: 24px 0 0;
      display: grid;
      gap: 12px;
    }

    .pricing-list li {
      display: flex;
      align-items: start;
      gap: 10px;
      color: var(--lp-muted);
      font-weight: 700;
      line-height: 1.45;
      font-size: 0.9rem;
    }

    .pricing-list i {
      color: var(--lp-primary);
      flex: 0 0 auto;
      margin-top: 1px;
    }

    .setup-card {
      padding: 28px;
      background: var(--lp-card);
    }

    /* Testimonials */
    .testimonial-card {
      padding: 30px;
      background: var(--lp-card);
      min-height: 300px;
    }

    .stars {
      color: #f59e0b;
      margin-bottom: 18px;
      letter-spacing: 2px;
    }

    .testimonial-card p {
      line-height: 1.72;
      font-size: 0.95rem;
      margin-bottom: 24px;
    }

    .customer {
      display: flex;
      align-items: center;
      gap: 13px;
    }

    .customer-avatar {
      width: 48px;
      height: 48px;
      border-radius: 18px;
      display: grid;
      place-items: center;
      color: white;
      font-weight: 900;
      background: linear-gradient(135deg, var(--lp-primary), var(--lp-secondary), var(--lp-primary-dark));
    }

    .customer h6 {
      margin: 0;
      font-weight: 900;
    }

    .customer span {
      color: var(--lp-muted);
      font-size: 0.84rem;
      font-weight: 700;
    }

    .swiper-pagination-bullet {
      background: var(--lp-primary);
      opacity: 0.32;
    }

    .swiper-pagination-bullet-active {
      opacity: 1;
      width: 24px;
      border-radius: 999px;
    }

    /* FAQ */
    .accordion-item {
      border: 1px solid var(--lp-border) !important;
      border-radius: 22px !important;
      background: var(--lp-card);
      overflow: hidden;
      margin-bottom: 14px;
      box-shadow: 0 14px 45px rgba(15,23,42,0.055);
      transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
    }

    .accordion-item:hover {
      transform: translateX(4px);
      border-color: rgba(21,184,159,0.32) !important;
    }

    .accordion-button {
      color: var(--lp-ink);
      background: var(--lp-card);
      font-weight: 900;
      padding: 20px 22px;
      font-size: 0.96rem;
      box-shadow: none !important;
    }

    .accordion-button:not(.collapsed) {
      color: var(--lp-ink);
      background: var(--lp-primary-softer);
    }

    html[data-theme="dark"] .accordion-button::after { filter: invert(1); }

    .accordion-body {
      color: var(--lp-muted);
      line-height: 1.68;
      padding: 0 22px 22px;
      background: var(--lp-card);
      font-size: var(--lp-body-size);
    }

    /* Docs */
    .doc-card {
      padding: 26px;
      background: var(--lp-card);
    }

    /* Contact */
    .contact-panel {
      border: 1px solid var(--lp-border);
      border-radius: var(--lp-radius-lg);
      background: var(--lp-surface);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      box-shadow: var(--lp-shadow);
      overflow: hidden;
      position: relative;
    }

    .contact-mesh::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 72% 20%, rgba(21, 184, 159, 0.11), transparent 26%),
        radial-gradient(circle at 86% 80%, rgba(120, 204, 185, 0.12), transparent 28%);
      pointer-events: none;
    }

    .contact-info {
      height: 100%;
      padding: 42px;
      color: white;
      background:
        radial-gradient(circle at 22% 18%, rgba(255,255,255,0.24), transparent 28%),
        radial-gradient(circle at 88% 70%, rgba(255,255,255,0.15), transparent 30%),
        linear-gradient(145deg, #078a76, var(--lp-primary), var(--lp-secondary));
      position: relative;
      overflow: hidden;
    }

    .contact-info::after {
      content: "";
      position: absolute;
      width: 300px;
      height: 300px;
      right: -120px;
      bottom: -100px;
      border-radius: 999px;
      border: 48px solid rgba(255,255,255,0.11);
      animation: spinSoft 18s linear infinite;
    }

    @keyframes spinSoft { to { transform: rotate(360deg); } }

    .contact-info h3 {
      font-weight: 900;
      letter-spacing: -0.045em;
      margin-bottom: 14px;
      position: relative;
      z-index: 1;
    }

    .contact-info p,
    .contact-info a {
      color: rgba(255,255,255,0.86);
      position: relative;
      z-index: 1;
    }

    .contact-list {
      display: grid;
      gap: 15px;
      margin-top: 28px;
      position: relative;
      z-index: 1;
    }

    .contact-list a {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      font-weight: 800;
      line-height: 1.45;
    }

    .contact-list i {
      width: 42px;
      height: 42px;
      display: grid;
      place-items: center;
      border-radius: 16px;
      background: rgba(255,255,255,0.15);
      color: white;
      flex: 0 0 auto;
    }

    .contact-card-mini {
      position: relative;
      z-index: 1;
      display: flex;
      gap: 13px;
      align-items: flex-start;
      padding: 16px;
      border: 1px solid rgba(255,255,255,0.20);
      border-radius: 22px;
      background: rgba(255,255,255,0.12);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
    }

    .contact-card-mini i {
      width: 42px;
      height: 42px;
      display: grid;
      place-items: center;
      border-radius: 16px;
      color: #078a76;
      background: white;
      flex: 0 0 auto;
    }

    .contact-card-mini strong,
    .contact-card-mini span { display: block; }

    .contact-card-mini span {
      color: rgba(255,255,255,0.78);
      font-size: 0.9rem;
      font-weight: 650;
      line-height: 1.5;
      margin-top: 3px;
    }

    .contact-form-wrap {
      padding: 42px;
      position: relative;
      z-index: 1;
    }

    .form-label {
      font-weight: 800;
      color: var(--lp-ink);
      margin-bottom: 8px;
      font-size: 0.88rem;
    }

    .form-control,
    .form-select {
      border: 1px solid var(--lp-border);
      background: var(--lp-card);
      color: var(--lp-ink);
      border-radius: 17px;
      padding: 13px 15px;
      font-size: 0.92rem;
      box-shadow: none !important;
      transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
    }

    .form-control:focus,
    .form-select:focus {
      border-color: var(--lp-primary);
      background: var(--lp-card);
      color: var(--lp-ink);
      transform: translateY(-1px);
      box-shadow: 0 0 0 4px rgba(21,184,159,0.10) !important;
    }

    .form-control::placeholder { color: var(--lp-soft-text); }

    /* CTA */
    .cta-card {
      border-radius: 38px;
      padding: 58px 40px;
      color: white;
      background:
        radial-gradient(circle at 18% 20%, rgba(255,255,255,0.23), transparent 24%),
        linear-gradient(135deg, #067a69, var(--lp-primary), var(--lp-secondary));
      box-shadow: 0 30px 80px rgba(21, 184, 159, 0.30);
      overflow: hidden;
      position: relative;
    }

    .cta-card::after {
      content: "";
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(255,255,255,0.09) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.09) 1px, transparent 1px);
      background-size: 54px 54px;
      mask-image: radial-gradient(circle at 50% 50%, black, transparent 74%);
      pointer-events: none;
    }

    .cta-card > * { position: relative; z-index: 1; }

    .cta-card h2 {
      font-weight: 900;
      letter-spacing: -0.055em;
      line-height: 1.06;
      margin-bottom: 16px;
    }

    .cta-card p {
      color: rgba(255,255,255,0.80);
      line-height: 1.7;
      max-width: 720px;
      margin: 0 auto 28px;
      font-size: 0.98rem;
    }

    /* Footer */
    .footer {
      padding: 74px 0 28px;
      border-top: 1px solid var(--lp-border);
      background: rgba(255,255,255,0.32);
    }

    html[data-theme="dark"] .footer { background: rgba(255,255,255,0.025); }

    .footer h6 {
      font-weight: 900;
      margin-bottom: 18px;
    }

    .footer p,
    .footer a {
      color: var(--lp-muted);
      font-weight: 650;
      line-height: 1.68;
      font-size: var(--lp-body-size);
    }

    .footer a:hover { color: var(--lp-primary); }

    .footer-links {
      display: grid;
      gap: 10px;
    }

    .social-links {
      display: flex;
      gap: 10px;
      margin-top: 18px;
    }

    .social-links a {
      width: 42px;
      height: 42px;
      display: grid;
      place-items: center;
      border-radius: 15px;
      border: 1px solid var(--lp-border);
      background: var(--lp-card);
      color: var(--lp-ink);
      transition: all 0.22s ease;
    }

    .social-links a:hover {
      background: var(--lp-primary);
      color: white;
      border-color: var(--lp-primary);
      transform: translateY(-2px);
    }

    .back-to-top {
      position: fixed;
      right: 22px;
      bottom: 22px;
      width: 46px;
      height: 46px;
      border-radius: 999px;
      z-index: 1020;
      border: 0;
      display: grid;
      place-items: center;
      color: white;
      background: linear-gradient(135deg, var(--lp-primary), var(--lp-primary-dark));
      box-shadow: 0 16px 34px rgba(21, 184, 159, 0.28);
      opacity: 0;
      visibility: hidden;
      transform: translateY(12px);
      transition: all 0.25s ease;
    }

    .back-to-top.show {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
    }

    @media (min-width: 992px) {
      .dropdown:hover > .dropdown-menu { display: block; }
      .dropdown:hover > .dropdown-toggle::after { transform: rotate(180deg); }
    }

    @media (max-width: 1199.98px) {
      .tools-grid { grid-template-columns: repeat(3, 1fr); }
      .hero-side-shot { width: 178px; }
      .hero-shot-two { width: 196px; right: -6px; }
      .hero-shot-three { width: 172px; }
      .live-card-top { right: 18px; }
    }

    @media (max-width: 991.98px) {
      .navbar.lp-navbar {
        width: calc(100% - 20px);
        margin-top: 8px;
        border-radius: 22px;
      }

      .navbar-collapse {
        margin-top: 14px;
        padding: 16px;
        border: 1px solid var(--lp-border);
        border-radius: 24px;
        background: var(--lp-glass-strong);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        box-shadow: var(--lp-shadow-soft);
      }

      .nav-link::before { display: none; }

      .hero { padding-top: 124px; }

      .laundry-hero-stage,
      .hero-phone-showcase { min-height: 590px; }

      .hero-side-shot,
      .hero-live-card { display: none; }

      .hero-main-phone { width: min(390px, 86vw); }

      .mini-app-img { display: none; }
    }

    @media (max-width: 767.98px) {
      .section-padding { padding: 70px 0; }
      .section-padding-sm { padding: 58px 0; }
      .hero { padding-bottom: 62px; }
      .hero-title { font-size: clamp(2rem, 11vw, 3.05rem) !important; }
      .section-title { font-size: clamp(1.85rem, 8vw, 2.45rem) !important; }
      .tools-grid { grid-template-columns: 1fr; }

      .premium-panel,
      .stats-band,
      .cta-card,
      .contact-info,
      .contact-form-wrap { padding: 30px 22px; }

      .feature-card,
      .premium-card,
      .pricing-card,
      .setup-card,
      .testimonial-card,
      .doc-card,
      .step-card { padding: 24px; }

      .laundry-hero-stage,
      .hero-phone-showcase,
      .laundry-screens-showcase { min-height: 510px; }

      .hero-main-phone,
      .main-app-img { width: min(340px, 92vw); }

      .phone-glow,
      .blob-a {
        width: 330px;
        height: 330px;
      }
    }
  
    /* Premium License + Setup Pricing Style */
    .premium-price-section,
    .premium-setup-section {
      position: relative;
      overflow: hidden;
    }

    .premium-price-section {
      background:
        radial-gradient(circle at 12% 20%, rgba(21,184,159,0.11), transparent 30%),
        radial-gradient(circle at 88% 18%, rgba(120,204,185,0.14), transparent 28%);
    }

    .premium-setup-section {
      background: linear-gradient(180deg, rgba(21,184,159,0.045), transparent 72%);
    }

    .price-bg-orb {
      position: absolute;
      width: 320px;
      height: 320px;
      border-radius: 999px;
      background: radial-gradient(circle, rgba(21,184,159,0.16), transparent 68%);
      filter: blur(4px);
      pointer-events: none;
      animation: priceOrbFloat 10s ease-in-out infinite;
    }

    .price-bg-orb.orb-left { left: -120px; top: 120px; }
    .price-bg-orb.orb-right { right: -110px; bottom: 80px; animation-delay: 2s; }

    @keyframes priceOrbFloat {
      0%, 100% { transform: translateY(0) scale(1); opacity: .72; }
      50% { transform: translateY(-24px) scale(1.08); opacity: 1; }
    }

    .laundry-card-glow {
      position: relative;
      overflow: hidden;
    }

    .laundry-card-glow::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 18% 10%, rgba(21,184,159,0.14), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,0.10), transparent 45%);
      opacity: .9;
      pointer-events: none;
    }

    .laundry-card-glow::after {
      content: "";
      position: absolute;
      inset: auto 18px 0;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(21,184,159,.55), transparent);
      opacity: .65;
    }

    .license-card,
    .setup-card-pro {
      height: 100%;
      border: 1px solid var(--lp-border);
      border-radius: 30px;
      background: var(--lp-glass-strong);
      box-shadow: 0 22px 68px rgba(15,23,42,.08);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
    }

    .license-card:hover,
    .setup-card-pro:hover {
      transform: translateY(-9px);
      border-color: rgba(21,184,159,.38);
      box-shadow: 0 30px 80px rgba(21,184,159,.16);
    }

    .license-card-content,
    .setup-card-pro {
      position: relative;
      z-index: 1;
      padding: 34px;
    }

    .license-card h4,
    .setup-card-pro h4 {
      font-size: 1.35rem;
      font-weight: 900;
      letter-spacing: -.045em;
      margin-bottom: 14px;
    }

    .license-icon,
    .setup-top-icon {
      width: 54px;
      height: 54px;
      display: grid;
      place-items: center;
      border-radius: 20px;
      color: var(--lp-primary-dark);
      background: linear-gradient(135deg, var(--lp-primary-soft), rgba(120,204,185,.18));
      font-size: 1.35rem;
      margin-bottom: 18px;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.55);
    }

    .license-price,
    .setup-price {
      display: flex;
      align-items: end;
      gap: 10px;
      margin: 14px 0 14px;
    }

    .setup-price {
      display: block;
      font-size: 2.8rem;
      line-height: 1;
      font-weight: 900;
      letter-spacing: -.07em;
      color: var(--lp-primary-dark);
    }

    .license-price del {
      color: var(--lp-soft-text);
      font-size: 1.05rem;
      font-weight: 800;
      margin-bottom: 7px;
    }

    .license-price strong {
      font-size: 3.1rem;
      line-height: 1;
      font-weight: 900;
      letter-spacing: -.075em;
      color: var(--lp-primary-dark);
    }

    .license-price span {
      color: var(--lp-muted);
      font-weight: 800;
      margin-bottom: 8px;
      font-size: .86rem;
    }

    .laundry-check-list {
      list-style: none;
      padding: 0;
      margin: 26px 0 0;
      display: grid;
      gap: 13px;
    }

    .laundry-check-list li {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      color: var(--lp-muted);
      font-size: .91rem;
      font-weight: 700;
      line-height: 1.48;
    }

    .laundry-check-list i {
      flex: 0 0 auto;
      margin-top: 1px;
      font-size: .95rem;
    }

    .laundry-check-list .check { color: var(--lp-primary); }
    .laundry-check-list .cross { color: #ef4444; opacity: .82; }

    .license-btn { margin-top: 28px; }

    .license-card.featured,
    .setup-card-pro.featured {
      color: white;
      border-color: rgba(255,255,255,.22);
      background:
        radial-gradient(circle at 18% 12%, rgba(255,255,255,.18), transparent 32%),
        linear-gradient(145deg, #057866, var(--lp-primary), #67cbb7);
      box-shadow: 0 30px 86px rgba(21,184,159,.30);
      transform: translateY(-10px);
    }

    .license-card.featured:hover,
    .setup-card-pro.featured:hover {
      transform: translateY(-16px);
      box-shadow: 0 36px 96px rgba(21,184,159,.38);
    }

    .license-card.featured .license-icon,
    .setup-card-pro.featured .setup-top-icon {
      color: #057866;
      background: rgba(255,255,255,.92);
    }

    .license-card.featured .license-price strong,
    .license-card.featured .setup-price,
    .setup-card-pro.featured .setup-price {
      color: white;
    }

    .license-card.featured .license-price del,
    .license-card.featured .license-price span,
    .license-card.featured .laundry-check-list li,
    .setup-card-pro.featured .laundry-check-list li,
    .setup-card-pro.featured p {
      color: rgba(255,255,255,.82) !important;
    }

    .license-card.featured .laundry-check-list .check,
    .setup-card-pro.featured .laundry-check-list .check {
      color: white;
    }

    .license-card.featured .laundry-check-list .cross,
    .setup-card-pro.featured .laundry-check-list .cross {
      color: #ffe1e1;
    }

    .license-ribbon,
    .setup-badge {
      position: absolute;
      top: 22px;
      right: -38px;
      z-index: 3;
      width: 164px;
      text-align: center;
      transform: rotate(35deg);
      background: white;
      color: var(--lp-primary-dark);
      padding: 7px 10px;
      font-size: .72rem;
      font-weight: 900;
      box-shadow: 0 10px 26px rgba(15,23,42,.16);
    }

    .setup-badge {
      right: 22px;
      top: 22px;
      width: auto;
      transform: none;
      border-radius: 999px;
      padding: 7px 12px;
    }

    .btn-white {
      background: white;
      color: var(--lp-primary-dark);
      border: 0;
      box-shadow: 0 16px 34px rgba(15,23,42,.12);
    }

    .btn-white:hover {
      background: #f8fffc;
      color: var(--lp-primary-dark);
      transform: translateY(-2px);
    }

    @media (max-width: 991.98px) {
      .license-card.featured,
      .setup-card-pro.featured { transform: none; }

      .license-card.featured:hover,
      .setup-card-pro.featured:hover { transform: translateY(-9px); }
    }

    @media (max-width: 767.98px) {
      .license-card-content,
      .setup-card-pro { padding: 26px; }

      .license-price strong,
      .setup-price { font-size: 2.45rem; }
    }

  
    /* Modern Laundry Contact Section */
    .laundry-contact-section {
      position: relative;
      padding: 96px 0;
      overflow: hidden;
      background:
        radial-gradient(circle at 16% 16%, rgba(255,255,255,.18), transparent 26%),
        radial-gradient(circle at 84% 22%, rgba(255,255,255,.14), transparent 28%),
        linear-gradient(145deg, #057866, var(--lp-primary), #73cfbe);
    }

    .laundry-contact-section::before {
      content: "";
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
      background-size: 54px 54px;
      mask-image: radial-gradient(circle at 50% 42%, black, transparent 78%);
      pointer-events: none;
    }

    .contact-floating-shape {
      position: absolute;
      border-radius: 999px;
      pointer-events: none;
      background: rgba(255,255,255,.12);
      border: 1px solid rgba(255,255,255,.18);
      animation: contactShapeFloat 9s ease-in-out infinite;
    }

    .contact-floating-shape.shape-one { width: 260px; height: 260px; left: -90px; top: 80px; }
    .contact-floating-shape.shape-two { width: 190px; height: 190px; right: -60px; bottom: 70px; animation-delay: 1.8s; }

    @keyframes contactShapeFloat {
      0%, 100% { transform: translateY(0) scale(1); }
      50% { transform: translateY(-22px) scale(1.06); }
    }

    .contact-left-wrapper {
      display: grid;
      gap: 22px;
      height: 100%;
    }

    .contact-side-card,
    .strategy-card,
    .contact-form-card {
      position: relative;
      border: 1px solid rgba(255,255,255,.22);
      border-radius: 30px;
      background: rgba(8, 24, 28, .30);
      backdrop-filter: blur(22px);
      -webkit-backdrop-filter: blur(22px);
      box-shadow: 0 26px 76px rgba(3, 46, 42, .20);
      overflow: hidden;
    }

    .contact-side-card,
    .strategy-card-content,
    .contact-form-card { padding: 32px; }

    .contact-side-card::before,
    .strategy-card::before,
    .contact-form-card::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, rgba(255,255,255,.12), transparent 45%);
      pointer-events: none;
    }

    .contact-side-card > *,
    .strategy-card-content > *,
    .contact-form-card > * {
      position: relative;
      z-index: 1;
    }

    .contact-side-card h3,
    .contact-form-card h3 {
      color: white;
      font-weight: 900;
      letter-spacing: -.04em;
    }

    .contact-channel {
      display: flex;
      align-items: center;
      gap: 14px;
      padding: 15px;
      border-radius: 22px;
      background: rgba(255,255,255,.10);
      border: 1px solid rgba(255,255,255,.14);
      color: white;
      margin-top: 12px;
      transition: transform .22s ease, background .22s ease, border-color .22s ease;
    }

    .contact-channel:hover {
      transform: translateY(-4px);
      background: rgba(255,255,255,.16);
      border-color: rgba(255,255,255,.26);
      color: white;
    }

    .contact-channel-icon {
      width: 48px;
      height: 48px;
      display: grid;
      place-items: center;
      border-radius: 18px;
      color: white;
      flex: 0 0 auto;
      font-size: 1.25rem;
    }

    .contact-channel.green .contact-channel-icon { background: #17bf63; }
    .contact-channel.teal .contact-channel-icon { background: #0f9f8a; }
    .contact-channel.blue .contact-channel-icon { background: #2f80ed; }
    .contact-channel.primary .contact-channel-icon { background: var(--lp-primary-dark); }

    .contact-channel h5 {
      margin: 0 0 3px;
      font-size: .98rem;
      font-weight: 900;
      letter-spacing: -.02em;
    }

    .contact-channel p {
      margin: 0;
      color: rgba(255,255,255,.70);
      font-size: .84rem;
      font-weight: 700;
      line-height: 1.4;
    }

    .strategy-card {
      background:
        radial-gradient(circle at 88% 18%, rgba(255,255,255,.16), transparent 32%),
        rgba(255,255,255,.13);
    }

    .strategy-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 7px 12px;
      border-radius: 999px;
      background: rgba(255,255,255,.18);
      color: white;
      font-size: .78rem;
      font-weight: 900;
      margin-bottom: 15px;
    }

    .strategy-card h4 {
      color: white;
      font-weight: 900;
      letter-spacing: -.04em;
    }

    .strategy-card p,
    .strategy-card small {
      color: rgba(255,255,255,.72);
      line-height: 1.65;
    }

    .strategy-card small {
      display: block;
      margin-top: 14px;
      font-weight: 700;
    }

    .strategy-btn,
    .btn-ready {
      color: var(--lp-primary-dark);
      background: white;
      border: 0;
      box-shadow: 0 18px 38px rgba(3,46,42,.15);
    }

    .strategy-btn:hover,
    .btn-ready:hover {
      color: var(--lp-primary-dark);
      background: #f8fffc;
      transform: translateY(-2px);
    }

    .contact-form-card {
      height: 100%;
      background: rgba(255,255,255,.94);
      border-color: rgba(255,255,255,.52);
    }

    html[data-theme="dark"] .contact-form-card {
      background: rgba(12,23,32,.90);
    }

    .contact-form-card h3 {
      color: var(--lp-ink);
      font-size: 1.55rem;
    }

    .form-text-small {
      color: var(--lp-muted);
      font-size: .94rem;
      margin-bottom: 24px;
    }

    .modern-field label {
      display: block;
      font-weight: 850;
      color: var(--lp-ink);
      font-size: .86rem;
      margin-bottom: 8px;
    }

    .modern-field textarea {
      min-height: 132px;
      resize: vertical;
    }

    .upload-box {
      display: grid;
      place-items: center;
      gap: 7px;
      width: 100%;
      min-height: 138px;
      padding: 22px;
      text-align: center;
      border: 1.5px dashed rgba(21,184,159,.40);
      border-radius: 24px;
      background: rgba(21,184,159,.06);
      cursor: pointer;
      transition: transform .22s ease, background .22s ease, border-color .22s ease;
    }

    .upload-box:hover {
      transform: translateY(-3px);
      background: rgba(21,184,159,.10);
      border-color: rgba(21,184,159,.70);
    }

    .upload-box input { display: none; }

    .upload-box i {
      width: 52px;
      height: 52px;
      display: grid;
      place-items: center;
      border-radius: 18px;
      color: white;
      background: linear-gradient(135deg, var(--lp-primary), var(--lp-primary-dark));
      font-size: 1.35rem;
      box-shadow: 0 16px 34px rgba(21,184,159,.24);
    }

    .upload-box strong {
      color: var(--lp-ink);
      font-weight: 900;
    }

    .upload-box span {
      color: var(--lp-muted);
      font-size: .86rem;
      font-weight: 650;
    }

    @media (max-width: 767.98px) {
      .laundry-contact-section { padding: 72px 0; }
      .contact-side-card,
      .strategy-card-content,
      .contact-form-card { padding: 24px; }
    }

  
    /* Actual Project Technology Stack */
    .tech-stack-section {
      position: relative;
      background:
        radial-gradient(circle at 12% 20%, rgba(21,184,159,0.08), transparent 28%),
        radial-gradient(circle at 90% 15%, rgba(120,204,185,0.09), transparent 26%);
    }

    .tech-stack-grid {
      grid-template-columns: repeat(4, 1fr);
    }

    .tech-stack-grid .tool-card {
      min-height: 156px;
      display: grid;
      align-content: center;
      border-radius: 24px;
    }

    .tech-stack-grid .tool-card i {
      font-size: 2.15rem;
    }

    @media (max-width: 991.98px) {
      .tech-stack-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (max-width: 575.98px) {
      .tech-stack-grid {
        grid-template-columns: 1fr;
      }
    }