*, *::before, *::after {box-sizing: border-box;margin: 0;padding: 0;}@font-face {font-family: Mermaid;font-style: normal;font-weight: normal;src: url('../fonts/Mermaid.ttf');}:root {--primary: #f85b02;--primary-hover: #e04f00;--primary-light: #fff2ea;--text-dark: #121316;--text-muted: #6b7280;--text-subtle: #9ca3af;--border-color: #f1f2f4;--bg-white: #fcfdfb;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;}html {scroll-behavior: smooth;}body {font-family: var(--font-family);background-color: var(--bg-white);color: var(--text-dark);line-height: 1.5;overflow-x: hidden;min-height: 100vh;display: flex;flex-direction: column;}.container {width: 100%;max-width: 1360px;margin: 0 auto;padding: 0 2rem;}.header {width: 100%;padding: 0;position: relative;z-index: 50;backdrop-filter: blur(8px);border-top: 2px solid var(--primary);padding-bottom: .5rem;}.nav-container {display: flex;align-items: center;justify-content: space-between;}.brand-logo {display: inline-flex;align-items: center;gap: 0.1rem;text-decoration: none;color: var(--text-dark);}.brand-icon {width: 38px;height: 38px;object-fit: contain;flex-shrink: 0;}.brand-name {font-size: 20px;font-weight: bold;letter-spacing: -0.03em;color: #777;}.nav-links {display: flex;align-items: center;gap: .5rem;list-style: none;}.nav-links a {text-decoration: none;color: #4b5563;font-size: 0.95rem;font-weight: 500;transition: color 0.2s ease;position: relative;padding: 1.1rem 1rem;border-radius: 0 0 11px 11px;}.nav-links li{padding: 1rem 0;}.nav-links a:hover, .nav-links a.active {color: var(--primary);background-color: rgb(253 120 0 / .06);}.nav-links a.active::after {content: '';position: absolute;bottom: 3px;left: 50%;transform: translateX(-50%);width: 16px;height: 2px;background-color: var(--primary);border-radius: 999px;}.nav-actions {display: flex;align-items: center;gap: 1.5rem;}.search-btn {background: none;border: 1px solid #e5e7eb;width: 42px;height: 42px;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;color: #4b5563;transition: all 0.2s ease;}.search-btn:hover {border-color: #d1d5db;background-color: #f9fafb;color: var(--text-dark);}.login-btn {text-decoration: none;color: #374151;font-size: 0.95rem;font-weight: 600;transition: color 0.2s;}.login-btn:hover {color: var(--primary);}.primary-btn {display: inline-flex;align-items: center;justify-content: center;background-color: var(--primary);color: #ffffff;font-weight: 600;font-size: 0.95rem;padding: 0.75rem 1.6rem;border-radius: 9999px;text-decoration: none;border: none;cursor: pointer;box-shadow: 0 4px 14px rgba(248, 91, 2, 0.35);transition: all 0.25s ease;transform: translateY(10px);}.primary-btn,.search-btn{transform: translateY(10px);}.primary-btn:hover {background-color: var(--primary-hover);transform: translateY(9px);box-shadow: 0 6px 20px rgba(248, 91, 2, 0.42);}.mobile-menu-btn {display: none;background: none;border: none;cursor: pointer;padding: 0.5rem;color: #1a1c20;}.mobile-nav-panel {display: none;position: absolute;top: 100%;left: 1rem;width: calc(100% - 2rem);background: #ffffff;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);border-bottom: 1px solid var(--border-color);padding: 1.5rem 2rem;flex-direction: column;gap: 1.25rem;z-index: 100;border-radius: 11px;}.mobile-nav-panel.open {display: flex;}.mobile-nav-panel a:not(.primary-btn){text-decoration: none;color: #374151;font-size: 1.1rem;font-weight: 500;padding: 0.5rem 0;}.mobile-nav-panel .mobile-actions {display: flex;flex-direction: column;gap: 0.75rem;margin-top: 0.5rem;padding-top: 1rem;border-top: 1px solid var(--border-color);}.hero {position: relative;flex: 1;display: flex;align-items: center;padding: 2.5rem 0 3.5rem 0;overflow: hidden;}.hero-grid {display: grid;grid-template-columns: 1fr 1.05fr;align-items: center;gap: 2rem;}.hero-content {max-width: 580px;z-index: 2;}.mobile-hero-brand {display: none;flex-direction: column;align-items: center;text-align: center;margin-bottom: 1.75rem;}.mobile-hero-logo {display: flex;align-items: center;justify-content: center;gap: 0.1rem;margin-bottom: 0.5rem;}.mobile-hero-logo img {width: 58px;height: 58px;}.mobile-hero-logo span {font-family: Mermaid;font-size: 2.5rem;font-weight: bold;letter-spacing: -0.04em;color: #121316;}.mobile-hero-subtitle {font-size: 0.95rem;font-weight: 600;letter-spacing: 0.35em;text-transform: uppercase;color: #64748b;margin-top: 0.25rem;}.eyebrow {font-size: 0.85rem;font-weight: 700;letter-spacing: 0.22em;text-transform: uppercase;color: #6b7280;margin-bottom: 1.25rem;display: inline-block;}.hero-title {font-size: 4rem;line-height: 1.08;font-weight: 850;letter-spacing: -0.035em;color: #0f1115;margin-bottom: 1.4rem;}.hero-title .highlight {display: block;margin-top: 0.15rem;}.hero-description {font-size: 1.15rem;line-height: 1.6;color: #4b5563;margin-bottom: 2.25rem;}.store-badges {display: flex;align-items: center;gap: 1rem;margin-bottom: 3.5rem;}.store-badges.blinking .store-badge{animation: blinking-anim 1s 0s linear infinite;}@keyframes blinking-anim {0%,100%{box-shadow: 0 0 0 0 #f85b02,0 0 0 0 #f85b0255;}50%{box-shadow: 0 0 0 2px #f85b02,0 0 0 8px #f85b0255;}}.store-badge {display: inline-flex;align-items: center;gap: 0.75rem;background: #000000;color: #ffffff;padding: 0.55rem 1.25rem;border-radius: 9999px;text-decoration: none;transition: transform 0.2s ease, box-shadow 0.2s ease;min-width: 175px;height: 52px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);}.store-badge:hover {transform: translateY(-2px);box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22);}.store-badge.google-play {background: #ffffff;color: #000000;border: 1px solid #e2e8f0;box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);}.store-badge.google-play:hover {border-color: #cbd5e1;box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);}.store-icon {width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}.store-text {display: flex;flex-direction: column;text-align: left;}.store-subtitle {font-size: 0.65rem;line-height: 1;opacity: 0.85;text-transform: uppercase;letter-spacing: 0.02em;}.store-title {font-size: 1rem;font-weight: 700;line-height: 1.2;letter-spacing: -0.01em;}.hero-visual {position: relative;display: flex;justify-content: center;align-items: center;width: 100%;}.hero-img {width: 100%;max-width: 680px;height: auto;display: block;animation: subtleFloat 5s ease-in-out infinite alternate;user-select: none;pointer-events: none;}@keyframes subtleFloat {0% {transform: translateY(0px);}100% {transform: translateY(-10px);}}.features-section {width: 100%;border-top: 1px solid var(--border-color);padding: 2.25rem 0 2.5rem;background-color: #ffffff;margin-top: auto;}.features-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 1.5rem;}.feature-item {display: flex;align-items: center;gap: 1.15rem;position: relative;}.feature-item:not(:last-child)::after {content: '';position: absolute;right: -0.75rem;top: 50%;transform: translateY(-50%);width: 1px;height: 48px;background-color: #f1f2f4;}.feature-icon-wrap {width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;color: var(--primary);}.feature-info h3 {font-size: 1rem;font-weight: 700;color: #111827;margin-bottom: 0.15rem;}.feature-info p {font-size: 0.85rem;color: var(--text-muted);line-height: 1.35;}.wave-text {--base-color: var(--primary);--wave-color: rgba(255, 255, 255, 0.05);--wave-speed: 5s;--_p: 93% 83.5% at;--_g1: radial-gradient(var(--_p) bottom, var(--wave-color) 79.5%, transparent 80%);--_g2: radial-gradient(var(--_p) top, transparent 79.5%, var(--wave-color) 80%);background: var(--_g1), var(--_g2), var(--_g1), var(--_g2), linear-gradient(var(--base-color), var(--base-color));background-repeat: repeat-x, repeat-x, repeat-x, repeat-x, no-repeat;background-size: 50% 100%, 50% 100%, 50% 100%, 50% 100%, 100% 100%;-webkit-background-clip: text;background-clip: text;color: transparent;display: inline-block;animation: wave-flow var(--wave-speed) linear infinite;}@keyframes wave-flow {0% {background-position: -200% 0%, -100% 0%, 0% 0%, 100% 0%, 0% 0%;}100% {background-position: 0% 0%, 100% 0%, 200% 0%, 300% 0%, 0% 0%;}}@media (max-width: 1024px) {.hero-title {font-size: 3.2rem;}.features-grid {grid-template-columns: repeat(2, 1fr);gap: 2rem;}.feature-item:not(:last-child)::after {display: none;}}@media (max-width: 868px) {.nav-links, .nav-actions {display: none;}.mobile-menu-btn {display: block;}.header{padding: .5rem 0 0 0;}.brand-logo{display: none;}.hero {padding: 0 0 3rem;}.hero-grid {display: flex;flex-direction: column;align-items: center;text-align: center;gap: 1.5rem;}.mobile-hero-brand {display: flex;}.hero-content .eyebrow, .hero-content .hero-title, .hero-content .hero-description {display: none;}.hero-visual {order: 1;max-width: 480px;margin-bottom: 1rem;}.hero-content {order: 2;display: flex;flex-direction: column;align-items: center;}.store-badges {margin-bottom: 2rem;flex-wrap: wrap;justify-content: center;}.features-section {display: none;}.primary-btn,.primary-btn:hover,.search-btn{transform: translateY(0);}}@media (max-width: 480px) {.container {padding: 0 1.25rem;}.mobile-hero-logo span {font-size: 2.15rem;}.store-badges {flex-direction: column;width: 100%;}.store-badge {width: 100%;max-width: 260px;justify-content: center;}}