* {margin: 0;padding: 0;box-sizing: border-box;}:root {--primary: #0d9488;--primary-dark: #0f766e;--primary-light: #ccfbf1;--accent: #f59e0b;--accent-light: #fef3c7;--background: #f8fafc;--card: #ffffff;--foreground: #1e293b;--muted: #64748b;--border: #e2e8f0;--secondary: #e0f2fe;--success: #22c55e;--font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--font-display: 'Outfit', 'Inter', sans-serif;}body {font-family: var(--font-sans);background-color: var(--background);color: var(--foreground);line-height: 1.6;-webkit-font-smoothing: antialiased;}h1, h2, h3, h4, h5, h6 {font-family: var(--font-display);font-weight: 700;letter-spacing: -0.02em;}.container {max-width: 1200px;margin: 0 auto;padding: 0 1rem;}.navbar {background: rgba(255, 255, 255, 0.9);backdrop-filter: blur(12px);border-bottom: 1px solid var(--border);position: sticky;top: 0;z-index: 100;}.navbar .container {display: flex;align-items: center;justify-content: space-between;height: 64px;}.logo, a.logo {display: flex;align-items: center;gap: 0.5rem;font-family: var(--font-display);font-size: 1.5rem;font-weight: 700;color: var(--primary);text-decoration: none;}.logo svg {width: 32px;height: 32px;fill: var(--primary);}.nav-links {display: flex;align-items: center;gap: 2rem;}.nav-links a {color: var(--muted);text-decoration: none;font-weight: 500;transition: color 0.2s;}.nav-links a:hover {color: var(--primary);}.btn {display: inline-flex;align-items: center;justify-content: center;padding: 0.75rem 1.5rem;border-radius: 0.5rem;font-weight: 600;font-size: 1rem;cursor: pointer;transition: all 0.2s;text-decoration: none;border: none;}.btn-primary {background: var(--primary);color: white !important;}.btn-primary:hover {background: var(--primary-dark);}.btn-outline {background: transparent;border: 2px solid var(--border);color: var(--foreground);}.btn-outline:hover {border-color: var(--primary);color: var(--primary);}.btn-accent {background: var(--accent);color: white;font-size: 1.25rem;padding: 1rem 3rem;border-radius: 9999px;box-shadow: 0 10px 25px rgba(245, 158, 11, 0.3);}.btn-accent:hover {transform: scale(1.05);}.btn-lg {padding: 1rem 2rem;font-size: 1.125rem;border-radius: 9999px;}.hero {background: linear-gradient(135deg, var(--secondary) 0%, var(--background) 100%);padding: 5rem 0;}.hero .container {display: grid;grid-template-columns: 1fr 1fr;gap: 3rem;align-items: stretch;}.hero-content {display: flex;flex-direction: column;gap: 1.5rem;}.hero-badge {display: inline-block;background: var(--primary-light);color: var(--primary);padding: 0.5rem 1rem;border-radius: 9999px;font-size: 0.875rem;font-weight: 600;width: fit-content;}.hero h1 {font-size: 3.5rem;line-height: 1.1;}.hero h1 span {color: var(--primary);}.hero-text {font-size: 1.25rem;color: var(--muted);max-width: 540px;}.hero-buttons {display: flex;gap: 1rem;margin-top: 1rem;}.hero-features {display: flex;gap: 1.5rem;margin-top: 1rem;}.hero-feature {display: flex;align-items: center;gap: 0.5rem;font-size: 0.875rem;font-weight: 500;color: var(--muted);}.hero-feature .check {width: 24px;height: 24px;background: #dcfce7;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--success);}.hero-image {position: relative;border-radius: 1.5rem;overflow: hidden;box-shadow: 0 25px 50px rgba(13, 148, 136, 0.2);background: url('https://homeappliancerentals.s3.us-east-1.amazonaws.com/website/laundry.jpg') no-repeat center center;background-size: cover;}.hero-image img {width: 100%;height: 500px;object-fit: cover;}.hero-price-card {position: absolute;bottom: 2rem;left: 2rem;right: 2rem;background: rgba(255, 255, 255, 0.95);backdrop-filter: blur(8px);border-radius: 1rem;padding: 1.5rem;display: flex;justify-content: space-between;align-items: center;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);}.hero-price-label {font-size: 0.875rem;color: var(--muted);}.hero-price-value {font-size: 1.5rem;font-weight: 700;color: var(--primary);}.avatar-group {display: flex;}.avatar {width: 40px;height: 40px;border-radius: 50%;border: 2px solid white;margin-left: -12px;background-size: cover;background-position: center;}.avatar:first-child {margin-left: 0;}.avatar-count {width: 40px;height: 40px;border-radius: 50%;background: #1e293b;color: white;display: flex;align-items: center;justify-content: center;font-size: 0.75rem;font-weight: 700;margin-left: -12px;border: 2px solid white;}.features {padding: 6rem 0;background: white;}.section-header {text-align: center;max-width: 780px;margin: 0 auto 4rem;}.section-header h2 {font-size: 2.5rem;margin-bottom: 1rem;}.section-header p {font-size: 1.125rem;color: var(--muted);}.features-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 2rem;}.feature-card {padding: 1.5rem;border-radius: 1rem;background: var(--secondary);border: 1px solid transparent;transition: all 0.3s;}.feature-card:hover {border-color: var(--primary-light);background: rgba(224, 242, 254, 0.7);}.feature-icon {width: 48px;height: 48px;background: white;border-radius: 0.75rem;display: flex;align-items: center;justify-content: center;color: var(--primary);margin-bottom: 1.5rem;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);transition: transform 0.3s;}.feature-card:hover .feature-icon {transform: scale(1.1);}.feature-card h3 {font-size: 1.25rem;margin-bottom: 0.75rem;}.feature-card p {color: var(--muted);font-size: 0.95rem;line-height: 1.6;}.pricing {padding: 6rem 0;background: var(--secondary);}.pricing-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 2rem;max-width: 1000px;margin: 0 auto;}.pricing-card {background: white;border-radius: 1.5rem;padding: 2rem;border: 1px solid var(--border);position: relative;transition: all 0.3s;}.pricing-card:hover {box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);}.pricing-card.featured {border-color: var(--primary);box-shadow: 0 10px 40px rgba(13, 148, 136, 0.15);transform: scale(1.05);z-index: 10;}.pricing-badge {position: absolute;top: -12px;left: 50%;transform: translateX(-50%);background: var(--accent);color: white;padding: 0.25rem 1rem;border-radius: 9999px;font-size: 0.75rem;font-weight: 700;}.pricing-card h3 {font-size: 1.5rem;margin-bottom: 0.5rem;}.pricing-description {color: var(--muted);font-size: 0.875rem;height: 40px;margin-bottom: 1.5rem;}.pricing-price {margin-bottom: 1.5rem;}.pricing-price span {font-size: 3rem;font-weight: 700;}.pricing-price small {color: var(--muted);font-size: 1rem;}.pricing-card .btn {width: 100%;margin-bottom: 1.5rem;}.pricing-features {list-style: none;}.pricing-features li {display: flex;align-items: flex-start;gap: 0.75rem;font-size: 0.875rem;color: #475569;margin-bottom: 0.75rem;}.pricing-features .check-icon {width: 20px;height: 20px;background: var(--primary-light);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--primary);flex-shrink: 0;margin-top: 2px;}.testimonials {padding: 6rem 0;background: var(--primary);color: white;}.testimonials h2 {text-align: center;font-size: 2rem;margin-bottom: 3rem;}.testimonials-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 2rem;}.testimonial-card {background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(8px);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 1rem;padding: 2rem;}.testimonial-card p {font-size: 1.125rem;line-height: 1.7;margin-bottom: 1.5rem;}.testimonial-card .author {font-weight: 700;}.cta {padding: 5rem 0;text-align: center;background: var(--background);}.cta h2 {font-size: 2.5rem;margin-bottom: 1rem;}.cta p {font-size: 1.25rem;color: var(--muted);max-width: 600px;margin: 0 auto 2rem;}.footer {background: #0f172a;color: #94a3b8;padding: 4rem 0 2rem;}.footer-grid {display: grid;grid-template-columns: 2fr 1fr 1fr 1fr;gap: 3rem;margin-bottom: 3rem;}.footer h3 {color: white;font-size: 1.25rem;margin-bottom: 1rem;}.footer h4 {color: white;font-size: 1rem;margin-bottom: 1rem;}.footer p {font-size: 0.875rem;line-height: 1.7;}.footer ul {list-style: none;}.footer ul li {margin-bottom: 0.5rem;}.footer ul a {color: #94a3b8;text-decoration: none;font-size: 0.875rem;transition: color 0.2s;}.footer ul a:hover {color: white;}.footer-bottom {border-top: 1px solid #1e293b;padding-top: 2rem;text-align: center;font-size: 0.875rem;}.subscribe-page {min-height: 100vh;background: var(--secondary);display: flex;flex-direction: column;}.back-link {display: inline-flex;align-items: center;gap: 0.5rem;padding: 1.5rem;color: var(--muted);text-decoration: none;font-weight: 500;transition: color 0.2s;}.back-link:hover {color: var(--primary);}.subscribe-container {flex: 1;display: flex;align-items: center;justify-content: center;padding: 1rem;}.subscribe-card {background: white;border-radius: 1.5rem;box-shadow: 0 25px 50px rgba(0, 0, 0, 0.1);overflow: hidden;display: flex;max-width: 800px;width: 100%;}.subscribe-sidebar {background: var(--primary);color: white;padding: 2rem;width: 33%;display: flex;flex-direction: column;justify-content: space-between;}.sidebar-logo {display: flex;align-items: center;gap: 0.5rem;font-family: var(--font-display);font-size: 1.25rem;font-weight: 700;margin-bottom: 2rem;}.sidebar-logo-icon {width: 32px;height: 32px;background: rgba(255, 255, 255, 0.2);border-radius: 0.5rem;display: flex;align-items: center;justify-content: center;font-weight: 700;}.progress-steps {display: flex;flex-direction: column;gap: 1.5rem;}.progress-step {display: flex;align-items: center;gap: 1rem;opacity: 0.5;}.progress-step.active, .progress-step.completed {opacity: 1;}.step-number {width: 32px;height: 32px;border: 2px solid rgba(255, 255, 255, 0.5);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 0.875rem;}.progress-step.completed .step-number {background: white;color: var(--primary);border-color: white;}.step-label {font-weight: 500;}.sidebar-help {font-size: 0.875rem;opacity: 0.6;margin-top: 3rem;}.sidebar-help a {color: white;text-decoration: underline;}.subscribe-form {flex: 1;padding: 2rem;}.form-step {display: none;animation: slideIn 0.4s ease;}.form-step.active {display: block;}@keyframes slideIn {from {opacity: 0;transform: translateX(20px);}to {opacity: 1;transform: translateX(0);}}.form-header {margin-bottom: 2rem;}.form-header h2 {font-size: 1.5rem;margin-bottom: 0.5rem;}.form-header p {color: var(--muted);}.plan-options {display: flex;flex-direction: column;gap: 1rem;margin-bottom: 2rem;}.plan-option {border: 2px solid var(--border);border-radius: 0.75rem;padding: 1rem;cursor: pointer;transition: all 0.2s;display: grid;grid-template-columns: 1.5em 1fr;}.plan-option:hover {border-color: var(--primary-light);}.plan-option.selected {border-color: var(--primary);background: var(--primary-light);}.plan-option input {display: none;}.plan-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.25rem;}.plan-name {font-weight: 700;font-size: 1.125rem;}.plan-price {font-weight: 700;color: var(--primary);}.plan-description {font-size: 0.875rem;color: var(--muted);grid-column: span 2;margin: 0;padding: 0;}.form-row {display: grid;grid-template-columns: 1fr 1fr;gap: 1rem;}.form-buttons {display: flex;gap: 1rem;margin-top: 2rem;}.form-buttons .btn {flex: 1;height: 48px;}.success-state {text-align: center;padding: 2rem 0;}.success-icon {width: 80px;height: 80px;background: #dcfce7;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 1.5rem;color: var(--success);}.success-state h2 {font-size: 2rem;color: var(--primary);margin-bottom: 1rem;}.success-state p {color: var(--muted);font-size: 1.125rem;margin-bottom: 2rem;}.order-number {font-weight: 700;color: var(--primary);}@media (max-width: 1024px) {.hero .container {grid-template-columns: 1fr;}.hero-image {order: -1;}.features-grid {grid-template-columns: repeat(2, 1fr);}.pricing-grid {grid-template-columns: 1fr;max-width: 400px;}.pricing-card.featured {transform: none;}.testimonials-grid {grid-template-columns: 1fr;}.footer-grid {grid-template-columns: 1fr 1fr;}}@media (max-width: 768px) {.nav-links {display: none;}.hero h1 {font-size: 2.5rem;}.hero-features {flex-direction: column;gap: 0.75rem;}.hero-buttons {flex-direction: column;}.features-grid {grid-template-columns: 1fr;}.subscribe-card {flex-direction: column;}.subscribe-sidebar {width: 100%;}.form-row {grid-template-columns: 1fr;}.footer-grid {grid-template-columns: 1fr;}}.spinner {width: 20px;height: 20px;border: 2px solid rgba(255, 255, 255, 0.3);border-top-color: white;border-radius: 50%;animation: spin 0.8s linear infinite;}@keyframes spin {to {transform: rotate(360deg);}}.btn:disabled {opacity: 0.7;cursor: not-allowed;}.flex-row { display: flex; align-items: center; flex-wrap: nowrap; flex-direction: row; justify-content: center; }.clear{ clear: both; height: 0px; margin: 0px; overflow: hidden; }.small-padding { margin-left: -5px; margin-right: -5px; }.small-padding .col-sm-1, .small-padding .col-sm-2, .small-padding .col-sm-3, .small-padding .col-sm-4, .small-padding .col-sm-5, .small-padding .col-sm-6, .small-padding .col-sm-7, .small-padding .col-sm-8, .small-padding .col-sm-9, .small-padding .col-sm-10, .small-padding .col-sm-11, .small-padding .col-sm-12,.small-padding .col-xs-1, .small-padding .col-xs-2, .small-padding .col-xs-3, .small-padding .col-xs-4, .small-padding .col-xs-5, .small-padding .col-xs-6, .small-padding .col-xs-7, .small-padding .col-xs-8, .small-padding .col-xs-9, .small-padding .col-xs-10, .small-padding .col-xs-11, .small-padding .col-xs-12 { padding: 0 5px; }.medium-padding { margin-left: -10px; margin-right: -10px; }.medium-padding .col-sm-1, .medium-padding .col-sm-2, .medium-padding .col-sm-3, .medium-padding .col-sm-4, .medium-padding .col-sm-5, .medium-padding .col-sm-6, .medium-padding .col-sm-7, .medium-padding .col-sm-8, .medium-padding .col-sm-9, .medium-padding .col-sm-10, .medium-padding .col-sm-11, .medium-padding .col-sm-12,.medium-padding .col-xs-1, .medium-padding .col-xs-2, .medium-padding .col-xs-3, .medium-padding .col-xs-4, .medium-padding .col-xs-5, .medium-padding .col-xs-6, .medium-padding .col-xs-7, .medium-padding .col-xs-8, .medium-padding .col-xs-9, .medium-padding .col-xs-10, .medium-padding .col-xs-11, .medium-padding .col-xs-12 { padding: 0 10px; }.checkbox { margin-bottom: 10px;}.form-group { border-radius: 6px; overflow: hidden; position: relative; text-align: left; border: 1px solid #ddd; background: #fff; padding-right: 5px;}.form-control { border-radius: 0; box-shadow: unset !important; font-size: 16px; line-height: 1em; padding: 18px 15px; border: 0px solid #ddd; border-radius: 0px; height: auto; background: transparent; color: #000;}.form-control:focus { box-shadow: unset !important; border: 0; -webkit-box-shadow: unset; }.form-control::placeholder { color: #666;}.form-control.active { padding: 25px 15px 11px; }select.form-control { padding: 0 15px; height: 40px; margin-top: 15px;}label { display: block; position: absolute; top: 10px; left: 0; padding-left: 15px; width: 100%; text-align: left; font-size: 12px; font-weight: bold; line-height: 1em; text-transform: uppercase; color: #AAA;}.checkbox, .radio { margin-top: 0 !important; }.checkbox label, .radio label { position: static; color: #000; font-size: 14px; line-height: 1.5em; display: inline-block; }input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {transition: color 5000s ease-in-out 0s, background-color 5000s ease-in-out 0s;}.required, .req { color: #AA0000; display: inline-block; padding: 0 2px; }.sub-footer { font-size: 0.8em; color: var(--muted); text-align: center; padding: 15px; text-transform: uppercase; letter-spacing: 1px; padding: 15px;}#page-subscribe { background: var(--secondary);min-height: 100vh; display: grid; grid-template-rows: auto 1fr auto; align-items: center; gap: 15px; padding: 30px 30px 15px;}#page-subscribe .btn { font-size: 18px; line-height: 1em; padding: 16px 32px;border: 1px solid #222; box-shadow: 3px 3px 0 #000; }#zipcode { font-size: 24px; letter-spacing: 10px; }#page-subscribe .logo-container { display: flex; align-items: center; justify-content: flex-start; gap: 10px; }#page-subscribe .timeline .steps { padding: 45px 0;display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; justify-content: space-between; gap: 10px; max-width: 600px; margin: 0 auto; text-align: center;}#page-subscribe .timeline .step { opacity: 0.5; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; color: var(--muted); }#page-subscribe .timeline .step-number { color: var(--muted); border-color: var(--muted); border-radius: 50%; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; }#page-subscribe .timeline .step.active { opacity: 1; }#page-subscribe .timeline .step.active .step-number { color: #fff; border-color: var(--primary); background: var(--primary); }#page-subscribe .timeline .step.active .step-label { color: var(--primary); }#page-subscribe .content {width: 600px; max-width: 100%; margin: auto;}#page-subscribe .content form { display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; height: 100%; gap: 15px; }#page-subscribe .content .wrap { padding: 45px; width: 100%; margin: 0 auto; background: #fff; border: 1px solid var(--muted); border-radius: 15px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); text-align: center; }#page-subscribe .content button { width: 100%; }.plan-option { position: relative; font-size: 16px; line-height: 1.5em; text-transform: unset; border-radius: 10px; color: var(--foreground); padding: 15px; text-align: left; }.plan-name { font-size: 22px; font-weight: 700; }.plan-description { font-size: 16px; font-weight: 400; }.plan-icon:before { content: '\f111'; font-family: 'Font Awesome 6 Free'; color: var(--primary); font-weight: 400; font-size: 1.2em; }.plan-option.selected .plan-icon:before { content: '\f058'; font-family: 'Font Awesome 6 Free'; color: var(--primary); font-weight: 700; font-size: 1.2em; }.bigicon { font-size: 7em; line-height: 1em; margin: 0 auto 15px; color: var(--primary); }.error-msg { background: #ffe3e3; border: 1px solid #ffcccc; color: #ff0000; font-size: 14px; padding: 10px; border-radius: 5px; margin-bottom: 10px; text-align: center; }.error-msg p { margin: 0; }@media (max-width: 768px) {#page-subscribe { padding: 30px 15px; }#page-subscribe .content { width: 100%; }#page-subscribe .content .wrap { padding: 45px 15px; }}