* {margin: 0;padding: 0;box-sizing: border-box;}html {scroll-behavior: smooth;scroll-padding-top: 80px;}body {font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;background: #ffffff;color: #1e293b;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;overflow-x: hidden;}.section-inner {max-width: 1200px;margin: 0 auto;padding: 0 24px;}.section-header {text-align: center;max-width: 680px;margin: 0 auto 56px;}.section-tag {display: inline-block;font-size: 13px;font-weight: 600;color: #3b82f6;text-transform: uppercase;letter-spacing: 0.08em;margin-bottom: 16px;background: rgba(59, 130, 246, 0.08);padding: 6px 16px;border-radius: 20px;}.section-header h2 {font-size: 38px;font-weight: 800;color: #0f172a;line-height: 1.2;letter-spacing: -0.02em;margin-bottom: 16px;}.section-header p {font-size: 17px;color: #64748b;line-height: 1.7;}.nav-bar {position: fixed;top: 0;left: 0;right: 0;z-index: 100;padding: 16px 0;transition: all 0.3s ease;background: transparent;}.nav-bar.scrolled {background: rgba(255, 255, 255, 0.95);backdrop-filter: blur(12px);border-bottom: 1px solid rgba(0, 0, 0, 0.06);padding: 10px 0;box-shadow: 0 1px 8px rgba(0, 0, 0, 0.04);}.nav-inner {max-width: 1200px;margin: 0 auto;padding: 0 24px;display: flex;align-items: center;justify-content: space-between;}.nav-brand {display: flex;align-items: center;gap: 10px;text-decoration: none;}.nav-logo {width: 36px;height: 36px;object-fit: contain;}.nav-brand-text {font-size: 22px;font-weight: 700;background: linear-gradient(135deg, #1e3a5f, #3b82f6);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.nav-bar:not(.scrolled) .nav-brand-text {background: #ffffff;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.nav-links {display: flex;align-items: center;gap: 8px;}.nav-link {font-size: 14px;font-weight: 500;color: rgba(255, 255, 255, 0.8);text-decoration: none;padding: 8px 16px;border-radius: 8px;transition: all 0.2s ease;}.nav-bar.scrolled .nav-link {color: #475569;}.nav-link:hover {color: #ffffff;background: rgba(255, 255, 255, 0.1);}.nav-bar.scrolled .nav-link:hover {color: #1e293b;background: #f1f5f9;}.nav-link-signin {font-weight: 600;}.nav-btn-primary {font-size: 14px;font-weight: 600;color: #ffffff;background: linear-gradient(135deg, #2563eb, #1d4ed8);text-decoration: none;padding: 10px 20px;border-radius: 8px;transition: all 0.2s ease;margin-left: 8px;}.nav-btn-primary:hover {background: linear-gradient(135deg, #1d4ed8, #1e40af);box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);transform: translateY(-1px);}.nav-hamburger {display: none;background: none;border: none;color: #fff;font-size: 22px;cursor: pointer;padding: 8px;}.nav-bar.scrolled .nav-hamburger {color: #334155;}.hero {position: relative;min-height: 100vh;display: flex;align-items: center;overflow: hidden;padding-top: 80px;}.hero-bg-wrap {position: absolute;inset: 0;}.hero-bg-img {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;transition: opacity 0.8s ease;}.hero-bg-overlay {position: absolute;inset: 0;background: linear-gradient(135deg,rgba(15, 23, 42, 0.92) 0%,rgba(30, 58, 95, 0.82) 50%,rgba(15, 23, 42, 0.88) 100%);z-index: 1;}.hero-inner {position: relative;z-index: 2;max-width: 1200px;margin: 0 auto;padding: 60px 24px;display: grid;grid-template-columns: 1fr 1fr;gap: 60px;align-items: center;}.hero-content {color: #ffffff;}.hero-badge {display: inline-flex;align-items: center;gap: 8px;background: rgba(255, 255, 255, 0.08);backdrop-filter: blur(8px);border: 1px solid rgba(255, 255, 255, 0.12);border-radius: 24px;padding: 8px 18px;font-size: 13px;font-weight: 500;color: rgba(255, 255, 255, 0.9);margin-bottom: 28px;}.hero-badge i {color: #60a5fa;}.hero-content h1 {font-size: 48px;font-weight: 800;line-height: 1.12;letter-spacing: -0.03em;margin-bottom: 20px;color: #ffffff;}.text-gradient {background: linear-gradient(135deg, #60a5fa, #a78bfa);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.hero-desc {font-size: 18px;line-height: 1.7;color: rgba(255, 255, 255, 0.7);margin-bottom: 36px;max-width: 520px;}.hero-actions {display: flex;gap: 16px;margin-bottom: 40px;flex-wrap: wrap;}.btn-hero-primary {display: inline-flex;align-items: center;gap: 10px;padding: 14px 28px;background: linear-gradient(135deg, #2563eb, #7c3aed);color: #fff;font-size: 16px;font-weight: 600;border-radius: 12px;text-decoration: none;transition: all 0.3s ease;}.btn-hero-primary:hover {transform: translateY(-2px);box-shadow: 0 8px 24px rgba(37, 99, 235, 0.35);}.btn-hero-secondary {display: inline-flex;align-items: center;gap: 10px;padding: 14px 28px;background: rgba(255, 255, 255, 0.08);border: 1px solid rgba(255, 255, 255, 0.2);color: #fff;font-size: 16px;font-weight: 500;border-radius: 12px;text-decoration: none;transition: all 0.3s ease;}.btn-hero-secondary:hover {background: rgba(255, 255, 255, 0.14);border-color: rgba(255, 255, 255, 0.3);}.hero-trust {display: flex;align-items: center;gap: 12px;}.hero-trust-avatars {display: flex;}.trust-avatar {width: 32px;height: 32px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 13px;font-weight: 700;color: #fff;border: 2px solid rgba(15, 23, 42, 0.9);margin-left: -8px;}.trust-avatar:first-child {margin-left: 0;}.hero-trust-text {font-size: 14px;color: rgba(255, 255, 255, 0.6);}.hero-visual {position: relative;display: flex;justify-content: center;}.hero-card {border-radius: 16px;backdrop-filter: blur(12px);}.hero-card-main {background: rgba(255, 255, 255, 0.08);border: 1px solid rgba(255, 255, 255, 0.12);padding: 28px;width: 100%;max-width: 440px;}.hero-card-header {display: flex;align-items: center;gap: 10px;margin-bottom: 24px;}.hero-card-dot {width: 8px;height: 8px;border-radius: 50%;}.hero-card-dot.green {background: #10b981;box-shadow: 0 0 8px rgba(16, 185, 129, 0.5);}.hero-card-title {font-size: 14px;font-weight: 600;color: rgba(255, 255, 255, 0.9);}.hero-card-stats {display: flex;gap: 24px;margin-bottom: 24px;}.hero-stat-mini {text-align: center;flex: 1;}.hero-stat-num {display: block;font-size: 28px;font-weight: 700;color: #fff;}.hero-stat-lbl {display: block;font-size: 11px;color: rgba(255, 255, 255, 0.5);text-transform: uppercase;letter-spacing: 0.05em;margin-top: 4px;}.hero-card-bar-group {display: flex;flex-direction: column;gap: 8px;}.hero-bar {height: 6px;background: rgba(255, 255, 255, 0.08);border-radius: 4px;overflow: hidden;}.hero-bar-fill {height: 100%;border-radius: 4px;transition: width 1s ease;}.hero-card-float {position: absolute;display: flex;align-items: center;gap: 12px;padding: 14px 18px;background: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 255, 255, 0.15);backdrop-filter: blur(16px);border-radius: 12px;animation: floatCard 3s ease-in-out infinite;}.hero-card-float i {font-size: 20px;color: #60a5fa;}.hero-card-float strong {display: block;font-size: 13px;font-weight: 600;color: #fff;}.hero-card-float span {display: block;font-size: 12px;color: rgba(255, 255, 255, 0.6);}.hero-card-payroll {bottom: -20px;left: -30px;animation-delay: 0s;}.hero-card-gps {top: -20px;right: -20px;animation-delay: 1.5s;}@keyframes floatCard {0%, 100% { transform: translateY(0); }50% { transform: translateY(-8px); }}.hero-dots {position: absolute;bottom: 32px;left: 50%;transform: translateX(-50%);z-index: 3;display: flex;gap: 8px;}.hero-dot {width: 48px;height: 3px;border-radius: 3px;background: rgba(255, 255, 255, 0.2);cursor: pointer;transition: all 0.3s ease;}.hero-dot.active {background: #60a5fa;width: 64px;}.stats-bar {background: #0f172a;border-top: 1px solid rgba(255, 255, 255, 0.06);}.stats-inner {max-width: 1200px;margin: 0 auto;padding: 40px 24px;display: flex;justify-content: center;align-items: center;gap: 48px;flex-wrap: wrap;}.stat-block {text-align: center;}.stats-bar .stat-number {font-size: 32px;font-weight: 800;color: #ffffff;letter-spacing: -0.02em;}.stats-bar .stat-label {font-size: 13px;color: rgba(255, 255, 255, 0.5);text-transform: uppercase;letter-spacing: 0.06em;margin-top: 4px;}.stat-divider {width: 1px;height: 40px;background: rgba(255, 255, 255, 0.1);}.features {padding: 100px 0;background: #f8fafc;}.features-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;}.feature-card {background: #ffffff;border: 1px solid #e2e8f0;border-radius: 16px;padding: 32px;transition: all 0.3s ease;opacity: 0;transform: translateY(20px);}.feature-card.visible {opacity: 1;transform: translateY(0);}.feature-card:hover {border-color: #cbd5e1;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);transform: translateY(-4px);}.feature-card.visible:hover {transform: translateY(-4px);}.feature-icon {width: 52px;height: 52px;border-radius: 12px;display: flex;align-items: center;justify-content: center;font-size: 22px;margin-bottom: 20px;}.feature-card h3 {font-size: 18px;font-weight: 700;color: #0f172a;margin-bottom: 10px;}.feature-card p {font-size: 15px;color: #64748b;line-height: 1.6;}.how-it-works {padding: 100px 0;background: #ffffff;}.steps-row {display: flex;align-items: flex-start;gap: 0;justify-content: center;}.step-card {flex: 1;max-width: 320px;text-align: center;padding: 32px 24px;opacity: 0;transform: translateY(20px);}.step-card.visible {opacity: 1;transform: translateY(0);}.step-number {width: 56px;height: 56px;border-radius: 50%;background: linear-gradient(135deg, #2563eb, #7c3aed);color: #fff;font-size: 22px;font-weight: 700;display: flex;align-items: center;justify-content: center;margin: 0 auto 20px;}.step-content h3 {font-size: 20px;font-weight: 700;color: #0f172a;margin-bottom: 10px;}.step-content p {font-size: 15px;color: #64748b;line-height: 1.6;}.step-connector {display: flex;align-items: center;padding-top: 48px;color: #cbd5e1;font-size: 20px;}.modules {padding: 100px 0;background: #f8fafc;}.modules-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 16px;}.module-item {display: flex;align-items: center;gap: 12px;padding: 20px 24px;background: #ffffff;border: 1px solid #e2e8f0;border-radius: 12px;transition: all 0.3s ease;opacity: 0;transform: translateY(12px);}.module-item.visible {opacity: 1;transform: translateY(0);}.module-item:hover {border-color: #3b82f6;background: rgba(59, 130, 246, 0.02);box-shadow: 0 4px 12px rgba(59, 130, 246, 0.08);}.module-item i {font-size: 20px;color: #3b82f6;width: 24px;text-align: center;}.module-item span {font-size: 15px;font-weight: 600;color: #1e293b;}.cta-section {padding: 80px 0;background: #ffffff;}.cta-card {background: linear-gradient(135deg, #0f172a, #1e3a5f);border-radius: 24px;padding: 60px;display: flex;align-items: center;gap: 60px;overflow: hidden;position: relative;}.cta-card::before {content: '';position: absolute;top: -50%;right: -10%;width: 400px;height: 400px;border-radius: 50%;background: rgba(59, 130, 246, 0.08);pointer-events: none;}.cta-content {flex: 1;position: relative;}.cta-content h2 {font-size: 32px;font-weight: 800;color: #ffffff;margin-bottom: 16px;letter-spacing: -0.02em;}.cta-content p {font-size: 17px;color: rgba(255, 255, 255, 0.7);line-height: 1.7;margin-bottom: 24px;max-width: 540px;}.cta-features {display: flex;gap: 24px;margin-bottom: 32px;flex-wrap: wrap;}.cta-features span {display: flex;align-items: center;gap: 8px;font-size: 14px;color: rgba(255, 255, 255, 0.8);font-weight: 500;}.cta-features i {color: #10b981;font-size: 14px;}.cta-actions {display: flex;gap: 16px;flex-wrap: wrap;}.btn-cta-primary {padding: 14px 32px;background: #ffffff;color: #0f172a;font-size: 16px;font-weight: 600;border-radius: 12px;text-decoration: none;transition: all 0.2s ease;}.btn-cta-primary:hover {background: #f1f5f9;transform: translateY(-2px);box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);}.btn-cta-secondary {padding: 14px 32px;background: transparent;border: 1px solid rgba(255, 255, 255, 0.25);color: #ffffff;font-size: 16px;font-weight: 500;border-radius: 12px;text-decoration: none;transition: all 0.2s ease;}.btn-cta-secondary:hover {background: rgba(255, 255, 255, 0.08);border-color: rgba(255, 255, 255, 0.4);}.cta-price {text-align: center;flex-shrink: 0;position: relative;}.price-label {font-size: 14px;color: rgba(255, 255, 255, 0.6);text-transform: uppercase;letter-spacing: 0.08em;margin-bottom: 8px;}.price-amount {font-size: 64px;font-weight: 800;color: #ffffff;line-height: 1;letter-spacing: -0.03em;}.currency {font-size: 28px;font-weight: 600;vertical-align: super;opacity: 0.7;}.price-unit {font-size: 15px;color: rgba(255, 255, 255, 0.6);margin-top: 8px;}.price-note {font-size: 13px;color: #60a5fa;margin-top: 12px;font-weight: 500;}.signin-section {padding: 100px 0;background: #f0f4f8;}.signin-layout {display: grid;grid-template-columns: 1fr 1fr;gap: 60px;align-items: start;}.signin-info h2 {font-size: 36px;font-weight: 800;color: #0f172a;margin-bottom: 12px;letter-spacing: -0.02em;}.signin-info > p {font-size: 17px;color: #64748b;line-height: 1.6;margin-bottom: 40px;}.signin-benefits {display: flex;flex-direction: column;gap: 24px;}.signin-benefit {display: flex;align-items: flex-start;gap: 16px;opacity: 0;transform: translateX(-12px);}.signin-benefit.visible {opacity: 1;transform: translateX(0);}.signin-benefit i {font-size: 20px;color: #3b82f6;margin-top: 2px;width: 24px;text-align: center;flex-shrink: 0;}.signin-benefit strong {display: block;font-size: 16px;font-weight: 600;color: #0f172a;margin-bottom: 4px;}.signin-benefit span {font-size: 14px;color: #64748b;line-height: 1.5;}.signin-form-wrap {display: flex;justify-content: center;}.signin-form-card {background: #ffffff;border-radius: 20px;border: 1px solid #e2e8f0;box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);padding: 40px;width: 100%;max-width: 440px;}.brand {display: flex;align-items: center;gap: 12px;margin-bottom: 32px;}.brand-logo {width: 40px;height: 40px;object-fit: contain;}.brand-name {font-size: 24px;font-weight: 700;background: linear-gradient(135deg, #1e3a5f, #3b82f6);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.step-indicators {display: flex;align-items: center;margin-bottom: 32px;}.step-dot {width: 32px;height: 32px;border-radius: 50%;background: #f1f5f9;border: 2px solid #e2e8f0;color: #94a3b8;font-size: 13px;font-weight: 600;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;flex-shrink: 0;}.step-dot.active {background: #1e3a5f;border-color: #1e3a5f;color: #fff;}.step-dot.completed {background: #10b981;border-color: #10b981;color: #fff;}.step-line {flex: 1;height: 2px;background: #e2e8f0;transition: background 0.3s ease;}.step-line.active {background: #10b981;}.login-step {display: none;animation: fadeSlideIn 0.35s ease;}.login-step.active {display: block;}@keyframes fadeSlideIn {from {opacity: 0;transform: translateY(12px);}to {opacity: 1;transform: translateY(0);}}.login-step h2 {font-size: 24px;font-weight: 700;color: #0f172a;margin-bottom: 8px;letter-spacing: -0.01em;}.step-subtitle {font-size: 15px;color: #64748b;margin-bottom: 24px;line-height: 1.5;}.step-subtitle strong {color: #334155;font-weight: 600;}.form-field {margin-bottom: 20px;}.form-field label {display: block;font-size: 14px;font-weight: 500;color: #334155;margin-bottom: 6px;}.input-wrapper {position: relative;display: flex;align-items: center;}.input-icon {position: absolute;left: 14px;color: #94a3b8;font-size: 15px;pointer-events: none;z-index: 1;}.input-wrapper input {width: 100%;height: 48px;padding: 0 14px 0 42px;border: 1.5px solid #e2e8f0;border-radius: 10px;font-size: 15px;font-family: inherit;color: #1e293b;background: #f8fafc;transition: all 0.2s ease;outline: none;}.input-wrapper input:focus {border-color: #3b82f6;background: #fff;box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.08);}.input-wrapper input::placeholder {color: #94a3b8;}.toggle-password {position: absolute;right: 12px;background: none;border: none;color: #94a3b8;cursor: pointer;font-size: 15px;padding: 4px;transition: color 0.2s;}.toggle-password:hover {color: #64748b;}.code-inputs {display: flex;gap: 10px;justify-content: center;margin-bottom: 24px;}.code-digit {width: 52px;height: 60px;text-align: center;font-size: 24px;font-weight: 700;font-family: 'Inter', monospace;color: #1e293b;border: 1.5px solid #e2e8f0;border-radius: 12px;background: #f8fafc;outline: none;transition: all 0.2s ease;caret-color: #3b82f6;}.code-digit:focus {border-color: #3b82f6;background: #fff;box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.08);transform: translateY(-1px);}.btn-primary {width: 100%;height: 48px;background: linear-gradient(135deg, #1e3a5f 0%, #2563eb 100%);color: #fff;border: none;border-radius: 10px;font-size: 15px;font-weight: 600;font-family: inherit;cursor: pointer;transition: all 0.2s ease;display: flex;align-items: center;justify-content: center;gap: 8px;}.btn-primary:hover:not(:disabled) {background: linear-gradient(135deg, #172e4a 0%, #1d4ed8 100%);box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25);transform: translateY(-1px);}.btn-primary:active:not(:disabled) {transform: translateY(0);}.btn-primary:disabled {opacity: 0.65;cursor: not-allowed;}.btn-secondary {display: block;width: 100%;height: 48px;line-height: 48px;text-align: center;background: #f1f5f9;color: #334155;border: 1.5px solid #e2e8f0;border-radius: 10px;font-size: 15px;font-weight: 500;font-family: inherit;text-decoration: none;cursor: pointer;transition: all 0.2s ease;}.btn-secondary:hover {background: #e2e8f0;border-color: #cbd5e1;color: #1e293b;}.btn-back {display: inline-flex;align-items: center;gap: 6px;margin-top: 20px;background: none;border: none;color: #64748b;font-size: 14px;font-weight: 500;font-family: inherit;cursor: pointer;padding: 6px 0;transition: color 0.2s;}.btn-back:hover {color: #334155;}.btn-link {background: none;border: none;color: #2563eb;font-size: 14px;font-weight: 500;font-family: inherit;cursor: pointer;padding: 0;transition: color 0.2s;}.btn-link:hover {color: #1d4ed8;text-decoration: underline;}.divider {display: flex;align-items: center;margin: 24px 0;gap: 16px;}.divider::before,.divider::after {content: '';flex: 1;height: 1px;background: #e2e8f0;}.divider span {font-size: 13px;color: #94a3b8;font-weight: 500;}.resend-row {text-align: center;margin-top: 20px;display: flex;align-items: center;justify-content: center;gap: 6px;}.resend-text {font-size: 14px;color: #64748b;}.resend-timer {font-size: 14px;color: #94a3b8;font-weight: 500;}.forgot-link {display: block;text-align: center;margin-top: 16px;font-size: 14px;color: #64748b;text-decoration: none;font-weight: 500;transition: color 0.2s;}.forgot-link:hover {color: #2563eb;}.alert-box {padding: 12px 16px;border-radius: 8px;font-size: 14px;margin-bottom: 20px;line-height: 1.4;}.alert-error {background: #fef2f2;border: 1px solid #fecaca;color: #dc2626;}.alert-success {background: #f0fdf4;border: 1px solid #bbf7d0;color: #16a34a;}.password-change-icon {width: 56px;height: 56px;border-radius: 16px;background: linear-gradient(135deg, #eff6ff, #dbeafe);display: flex;align-items: center;justify-content: center;margin: 0 auto 16px;}.password-change-icon i {font-size: 24px;color: #3b82f6;}.password-strength {min-height: 16px;}.password-requirements {margin-top: 20px;padding: 16px;background: #f8fafc;border-radius: 10px;border: 1px solid #e2e8f0;}.password-requirements .requirements-title {font-size: 12px;font-weight: 600;color: #64748b;margin: 0 0 10px 0;}.password-requirements .requirements-title i {margin-right: 4px;}.password-requirements ul {list-style: none;padding: 0;margin: 0;display: grid;grid-template-columns: 1fr 1fr;gap: 6px;}.password-requirements li {font-size: 12px;color: #9ca3af;transition: color 0.2s;}.password-requirements li i {font-size: 8px;margin-right: 6px;vertical-align: middle;}.email-change-section {margin-bottom: 8px;}.current-email-display {display: flex;align-items: center;gap: 10px;padding: 12px 16px;background: #f8fafc;border: 1px solid #e2e8f0;border-radius: 10px;font-size: 14px;color: #334155;}.current-email-display i {color: #64748b;font-size: 14px;}.current-email-display span {flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.email-change-form {margin-top: 12px;padding: 16px;background: #f0f9ff;border: 1px solid #bae6fd;border-radius: 10px;}.email-change-actions {display: flex;align-items: center;gap: 12px;margin-top: 12px;}.email-change-actions .btn-secondary {display: inline-flex;align-items: center;justify-content: center;width: auto;height: 36px;line-height: 36px;padding: 0 16px;font-size: 13px;gap: 6px;}.email-verified-badge {display: flex;align-items: center;gap: 8px;padding: 10px 14px;margin-top: 12px;background: #f0fdf4;border: 1px solid #bbf7d0;border-radius: 8px;color: #16a34a;font-size: 13px;font-weight: 500;}.email-verified-badge i {font-size: 16px;}.section-divider {height: 1px;background: #e2e8f0;margin: 20px 0 16px;}.field-hint {font-size: 12px;color: #64748b;margin: 2px 0 8px;line-height: 1.3;}.btn-sm {height: 36px !important;line-height: 36px !important;font-size: 13px !important;padding: 0 14px !important;}.site-footer {background: #0f172a;padding: 64px 0 32px;}.footer-grid {display: grid;grid-template-columns: 2fr 1fr 1fr 1fr;gap: 40px;margin-bottom: 48px;}.footer-brand p {font-size: 14px;color: rgba(255, 255, 255, 0.5);line-height: 1.6;margin-top: 16px;max-width: 300px;}.footer-brand .brand-name {background: #ffffff;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.footer-col h4 {font-size: 14px;font-weight: 600;color: rgba(255, 255, 255, 0.9);text-transform: uppercase;letter-spacing: 0.06em;margin-bottom: 16px;}.footer-col a {display: block;font-size: 14px;color: rgba(255, 255, 255, 0.5);text-decoration: none;padding: 4px 0;transition: color 0.2s;}.footer-col a:hover {color: #60a5fa;}.footer-bottom {border-top: 1px solid rgba(255, 255, 255, 0.08);padding-top: 24px;text-align: center;}.footer-bottom p {font-size: 13px;color: rgba(255, 255, 255, 0.4);}.footer-bottom a {color: rgba(255, 255, 255, 0.6);text-decoration: none;font-weight: 500;transition: color 0.2s;}.footer-bottom a:hover {color: #60a5fa;}@media (max-width: 1100px) {.hero-content h1 {font-size: 40px;}.hero-inner {gap: 40px;}.section-header h2 {font-size: 32px;}.cta-card {padding: 48px;}}@media (max-width: 900px) {.nav-links {display: none;position: absolute;top: 100%;left: 0;right: 0;background: #ffffff;border-bottom: 1px solid #e2e8f0;flex-direction: column;padding: 16px 24px;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);}.nav-links.open {display: flex;}.nav-link,.nav-bar.scrolled .nav-link {color: #334155;padding: 12px 0;}.nav-btn-primary {text-align: center;margin-left: 0;margin-top: 8px;}.nav-hamburger {display: block;}.hero-inner {grid-template-columns: 1fr;padding: 40px 24px;}.hero-visual {display: none;}.hero-content h1 {font-size: 36px;}.features-grid {grid-template-columns: repeat(2, 1fr);}.steps-row {flex-direction: column;align-items: center;}.step-connector {padding-top: 0;transform: rotate(90deg);margin: -8px 0;}.modules-grid {grid-template-columns: repeat(3, 1fr);}.cta-card {flex-direction: column;text-align: center;padding: 40px 32px;gap: 40px;}.cta-content p {max-width: 100%;}.cta-features {justify-content: center;}.cta-actions {justify-content: center;}.signin-layout {grid-template-columns: 1fr;gap: 40px;}.signin-info {text-align: center;}.signin-benefits {align-items: center;}.footer-grid {grid-template-columns: 1fr 1fr;gap: 32px;}}@media (max-width: 640px) {.hero-content h1 {font-size: 30px;}.hero-desc {font-size: 16px;}.hero-actions {flex-direction: column;}.btn-hero-primary,.btn-hero-secondary {justify-content: center;width: 100%;}.stats-inner {gap: 24px;}.stat-divider {display: none;}.stat-block {flex: 1;min-width: 120px;}.features-grid {grid-template-columns: 1fr;}.modules-grid {grid-template-columns: repeat(2, 1fr);}.section-header h2 {font-size: 28px;}.signin-form-card {padding: 28px 20px;}.code-inputs {gap: 6px;}.code-digit {width: 44px;height: 52px;font-size: 20px;}.footer-grid {grid-template-columns: 1fr;}.cta-card {padding: 32px 24px;}.price-amount {font-size: 48px;}.signin-info h2 {font-size: 28px;}}@media (max-width: 400px) {.hero-content h1 {font-size: 26px;}.code-digit {width: 38px;height: 46px;font-size: 18px;}}