*, *::before, *::after {margin: 0;padding: 0;box-sizing: border-box;}:root {--ink: #0f1923;--body: #3a3f47;--muted: #6b7280;--border: #e5e7eb;--surface: #f8f9fb;--white: #ffffff;--accent: #2563eb;--accent-dark: #1d4ed8;--accent-light: #dbeafe;--accent-glow: rgba(37, 99, 235, 0.12);--green: #059669;--green-bg: #ecfdf5;--heading: 'Fraunces', Georgia, serif;--text: 'DM Sans', system-ui, -apple-system, sans-serif;--radius: 16px;--radius-sm: 10px;}html {scroll-behavior: smooth;}body {font-family: var(--text);color: var(--body);line-height: 1.6;background: var(--white);-webkit-font-smoothing: antialiased;overflow-x: hidden;}.nav {position: fixed;top: 0;left: 0;right: 0;z-index: 100;padding: 0 24px;height: 64px;display: flex;align-items: center;justify-content: space-between;background: rgba(255, 255, 255, 0.92);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);border-bottom: 1px solid var(--border);}.nav-logo {font-family: var(--text);font-weight: 700;font-size: 20px;color: var(--ink);text-decoration: none;letter-spacing: -0.3px;}.nav-cta {display: inline-flex;align-items: center;gap: 6px;padding: 8px 18px;background: var(--accent);color: white;font-family: var(--text);font-weight: 600;font-size: 14px;border-radius: 8px;text-decoration: none;transition: background 0.2s, transform 0.15s;}.nav-cta:hover {background: var(--accent-dark);transform: translateY(-1px);}.logInButtonNav, .text-decoration-underline {color: var(--accent) !important;}.joinGearSayBtnNav {background-color: var(--accent) !important;}#loginBtn, #signupBtn {background-color: var(--accent) !important;}.hero {position: relative;padding: 100px 24px 80px;text-align: center;overflow: hidden;background: linear-gradient(168deg, #f0f5ff 0%, var(--white) 40%, #f0fdf4 100%);}.hero::before {content: '';position: absolute;top: -200px;right: -200px;width: 600px;height: 600px;border-radius: 50%;background: radial-gradient(circle, rgba(37, 99, 235, 0.06) 0%, transparent 70%);pointer-events: none;}.hero::after {content: '';position: absolute;bottom: -150px;left: -100px;width: 400px;height: 400px;border-radius: 50%;background: radial-gradient(circle, rgba(5, 150, 105, 0.05) 0%, transparent 70%);pointer-events: none;}.hero-badge {display: inline-flex;align-items: center;gap: 8px;padding: 6px 16px;background: var(--accent-light);color: var(--accent);font-size: 13px;font-weight: 600;border-radius: 100px;margin-bottom: 28px;animation: fadeUp 0.6s ease both;}.hero-badge svg {width: 14px;height: 14px;}.hero h1 {font-family: var(--heading);font-size: clamp(36px, 6vw, 64px);font-weight: 800;color: var(--ink);line-height: 1.08;letter-spacing: -0.03em;max-width: 720px;margin: 0 auto 24px;animation: fadeUp 0.6s ease 0.1s both;}.hero h1 em {font-style: italic;color: var(--accent);}.hero-sub {font-size: clamp(17px, 2.2vw, 20px);color: var(--muted);max-width: 540px;margin: 0 auto 40px;line-height: 1.55;animation: fadeUp 0.6s ease 0.2s both;}.hero-cta-group {display: flex;flex-direction: column;align-items: center;gap: 14px;animation: fadeUp 0.6s ease 0.3s both;}.btn-primary {display: inline-flex;align-items: center;gap: 10px;padding: 16px 36px;background: #2563eb !important;color: white;font-family: var(--text);font-weight: 700;font-size: 17px;border: none;border-radius: 12px;text-decoration: none;cursor: pointer;transition: all 0.25s ease;box-shadow: 0 4px 20px rgba(37, 99, 235, 0.25), 0 1px 3px rgba(0, 0, 0, 0.08);}.btn-primary:hover {background: #1d4ed8 !important;transform: translateY(-2px);box-shadow: 0 8px 30px rgba(37, 99, 235, 0.3), 0 2px 6px rgba(0, 0, 0, 0.1);}.btn-primary svg {width: 18px;height: 18px;}.hero-micro {font-size: 13px;color: var(--muted);}.how {padding: 64px 24px;background: var(--surface);border-top: 1px solid var(--border);border-bottom: 1px solid var(--border);}.how-inner {max-width: 860px;margin: 0 auto;}.how-label {text-align: center;font-size: 12px;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;color: var(--muted);margin-bottom: 36px;}.steps {display: grid;grid-template-columns: repeat(3, 1fr);gap: 32px;position: relative;}.step {text-align: center;position: relative;}.step-num {display: inline-flex;align-items: center;justify-content: center;width: 44px;height: 44px;border-radius: 12px;background: var(--accent);color: white;font-weight: 800;font-size: 18px;margin-bottom: 16px;}.step h3 {font-family: var(--heading);font-size: 19px;font-weight: 700;color: var(--ink);margin-bottom: 8px;}.step p {font-size: 14px;color: var(--muted);line-height: 1.55;}.steps::before {content: '';position: absolute;top: 22px;left: calc(16.67% + 30px);right: calc(16.67% + 30px);height: 2px;background: var(--border);z-index: 0;}.rides {padding: 80px 24px;max-width: 1060px;margin: 0 auto;}.rides-header {text-align: center;margin-bottom: 48px;}.rides-header h2 {font-family: var(--heading);font-size: clamp(28px, 4vw, 40px);font-weight: 700;color: var(--ink);letter-spacing: -0.02em;margin-bottom: 12px;}.rides-header p {font-size: 17px;color: var(--muted);max-width: 500px;margin: 0 auto;}.ride-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;}.ride-card {position: relative;border: 2px solid var(--border);border-radius: var(--radius);padding: 32px 24px 28px;text-decoration: none;color: inherit;transition: all 0.3s ease;cursor: pointer;display: flex;flex-direction: column;overflow: hidden;}.ride-card::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;border-radius: var(--radius) var(--radius) 0 0;opacity: 0;transition: opacity 0.3s;}.ride-card:hover {border-color: var(--accent);transform: translateY(-4px);box-shadow: 0 12px 40px rgba(37, 99, 235, 0.1), 0 4px 12px rgba(0, 0, 0, 0.04);}.ride-card:hover::before {opacity: 1;}.ride-card--commute::before {background: var(--accent);}.ride-card--adventure::before {background: var(--green);}.ride-card--family::before {background: #d97706;}.ride-icon {font-size: 36px;margin-bottom: 16px;display: block;line-height: 1;}.ride-card h3 {font-family: var(--heading);font-size: 22px;font-weight: 700;color: var(--ink);margin-bottom: 8px;}.ride-card p {font-size: 15px;color: var(--muted);line-height: 1.55;flex: 1;}.ride-tags {display: flex;flex-wrap: wrap;gap: 6px;margin-top: 16px;}.ride-tag {font-size: 12px;font-weight: 600;padding: 4px 10px;border-radius: 6px;background: var(--surface);color: var(--body);}.ride-card--commute .ride-tag {background: #eff6ff;color: #1e40af;}.ride-card--adventure .ride-tag {background: #ecfdf5;color: #065f46;}.ride-card--family .ride-tag {background: #fffbeb;color: #92400e;}.ride-arrow {display: flex;align-items: center;gap: 6px;margin-top: 20px;font-weight: 600;font-size: 14px;color: var(--accent);transition: gap 0.2s;}.ride-card:hover .ride-arrow {gap: 10px;}.trust {padding: 48px 24px;background: var(--surface);border-top: 1px solid var(--border);border-bottom: 1px solid var(--border);text-align: center;}.trust-inner {max-width: 800px;margin: 0 auto;}.trust-label {font-size: 12px;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;color: var(--muted);margin-bottom: 20px;}.trust-brands {display: flex;flex-wrap: wrap;justify-content: center;gap: 8px 12px;margin-bottom: 24px;}.brand-pill {padding: 6px 14px;border-radius: 8px;border: 1px solid var(--border);background: white;font-size: 13px;font-weight: 600;color: var(--body);}.trust-points {display: flex;justify-content: center;gap: 32px;flex-wrap: wrap;}.trust-point {display: flex;align-items: center;gap: 8px;font-size: 14px;color: var(--muted);}.trust-point svg {width: 18px;height: 18px;color: var(--green);flex-shrink: 0;}.final-cta {padding: 80px 24px;text-align: center;background: linear-gradient(180deg, var(--white) 0%, #f0f5ff 100%);}.final-cta h2 {font-family: var(--heading);font-size: clamp(28px, 4vw, 42px);font-weight: 700;color: var(--ink);letter-spacing: -0.02em;margin-bottom: 14px;}.final-cta p {font-size: 17px;color: var(--muted);max-width: 480px;margin: 0 auto 32px;}.final-cta .btn-primary {margin-bottom: 14px;}.guide-link {font-size: 14px;color: var(--muted);}.guide-link a {color: var(--accent);text-decoration: none;font-weight: 600;}.guide-link a:hover {text-decoration: underline;}.footer {padding: 32px 24px;text-align: center;border-top: 1px solid var(--border);}.footer-logo {font-weight: 700;font-size: 16px;color: var(--ink);margin-bottom: 8px;}.footer p {font-size: 13px;color: var(--muted);max-width: 600px;margin: 0 auto;line-height: 1.55;}.footer .disclosure {margin-top: 16px;font-size: 12px;color: var(--muted);max-width: 660px;margin-left: auto;margin-right: auto;line-height: 1.5;}@keyframes fadeUp {from {opacity: 0;transform: translateY(20px);}to {opacity: 1;transform: translateY(0);}}.reveal {opacity: 0;transform: translateY(24px);transition: opacity 0.5s ease, transform 0.5s ease;}.reveal.visible {opacity: 1;transform: translateY(0);}@media (max-width: 768px) {.hero {padding: 120px 20px 60px;}.steps {grid-template-columns: 1fr;gap: 28px;max-width: 320px;margin: 0 auto;}.steps::before {display: none;}.ride-grid {grid-template-columns: 1fr;max-width: 420px;margin: 0 auto;}.trust-points {gap: 16px 24px;}}@media (max-width: 480px) {.hero h1 {font-size: 32px;}.btn-primary {padding: 14px 28px;font-size: 16px;}.rides-header h2, .final-cta h2{line-height: 1.2;}.rides-header h2 {font-size: 28px;}}