@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap');:root {--primary-dark:#1b2a4e; --primary-light:#243b6b;--accent:#33ccff;--accent-hover:#29b3e6;--danger:#ff3b30;--success:#4cd964; --warning:#ffcc00; --text-main:#f8fafc;--text-muted:#94a3b8;--white:#ffffff;--card-bg:rgba(27, 42, 78, 0.7);--glass-bg:rgba(255, 255, 255, 0.03);--glass-border:rgba(255, 255, 255, 0.1);--gradient-hero:linear-gradient(135deg, #1b2a4e 0%, #243b6b 100%);--gradient-accent:linear-gradient(90deg, #33ccff 0%, #4cd964 100%);--neon-glow:0 0 20px rgba(51, 204, 255, 0.4);}* {margin:0;padding:0;box-sizing:border-box;}body {font-family:'Inter', sans-serif;color:var(--text-main);background-color:var(--primary-dark);line-height:1.6;overflow-x:hidden;}h1, h2, h3, h4 {font-family:'Outfit', sans-serif;font-weight:700;line-height:1.2;}h1 {font-size:clamp(2.2rem, 5vw, 3.8rem);letter-spacing:-1.5px;margin-bottom:1.5rem;font-weight:800;}h2 {font-size:clamp(1.8rem, 4vw, 2.8rem);margin-bottom:clamp(2rem, 5vw, 4rem);text-align:center;letter-spacing:-0.5px;}h3 {font-size:1.5rem;margin-bottom:1rem;color:var(--white);}p {margin-bottom:1.5rem;color:var(--text-muted);}a {text-decoration:none;transition:all 0.3s ease;}ul {list-style:none;}.container {max-width:1200px;margin:0 auto;padding:0 clamp(1rem, 3vw, 2.5rem);}.text-accent {color:var(--accent);background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}.btn {display:inline-block;padding:12px 32px;border-radius:50px;font-weight:600;cursor:pointer;font-size:1rem;}.btn-primary {background:var(--gradient-accent);color:var(--white);box-shadow:0 4px 15px rgba(51, 204, 255, 0.3);}.btn-primary:hover {transform:translateY(-2px);box-shadow:0 8px 25px rgba(51, 204, 255, 0.5);}.btn-outline {border:2px solid var(--accent);color:var(--accent);margin-left:1rem;}.btn-outline:hover {background:rgba(51, 204, 255, 0.1);}.btn:visited {color:currentColor;}header {position:fixed;top:0;width:100%;background:rgba(15, 23, 42, 0.9);backdrop-filter:blur(10px);z-index:1000;padding:1.5rem 0;border-bottom:1px solid rgba(255, 255, 255, 0.05);}nav {display:flex;justify-content:space-between;align-items:center;}.logo span {font-weight:800;font-size:1.5rem;color:var(--white);letter-spacing:-0.5px;}.nav-links {display:flex;gap:2.5rem;align-items:center;}.nav-links a {color:var(--accent) !important;font-weight:600;font-size:0.95rem;transition:all 0.3s ease;text-decoration:none;position:relative;display:flex;align-items:center;}.nav-links a:visited {color:var(--accent) !important;}.nav-links a:hover,.nav-links a:focus,.nav-links a.active {color:var(--warning) !important;transform:translateY(-1px);}.nav-links a::after {content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--warning);transition:width 0.3s ease;border-radius:2px;}.nav-links a:hover::after,.nav-links a.active::after {width:100%;}@media (max-width:1024px) {.nav-links {position:fixed;top:0;right:-100%;width:80%;max-width:320px;height:100vh;background:rgba(15, 23, 42, 0.98);backdrop-filter:blur(20px);flex-direction:column;justify-content:center;align-items:center;transition:right 0.4s cubic-bezier(0.4, 0, 0.2, 1);z-index:2000;box-shadow:-10px 0 30px rgba(0,0,0,0.5);}.nav-links.active {right:0;}.nav-links a {font-size:1.2rem;padding:1.5rem;}.hamburger {display:block !important;z-index:2100;}.header-actions {display:none !important;}}.hamburger {display:none;background:none;border:none;color:white;font-size:1.5rem;cursor:pointer;padding:5px;}.nav-links a:hover {transform:translateY(-2px);}.hero {min-height:100vh;display:flex;align-items:center;background:radial-gradient(circle at top right, rgba(6, 182, 212, 0.2), transparent 50%),radial-gradient(circle at bottom left, rgba(59, 130, 246, 0.15), transparent 50%);padding-top:100px;padding-bottom:50px;position:relative;overflow:hidden;}.hero-compact {padding-top:180px !important; padding-bottom:80px;position:relative;overflow:hidden;background-color:var(--primary-dark);border-bottom:1px solid rgba(255, 255, 255, 0.1);z-index:1;}.hero-compact::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--hero-bg-image);background-size:cover;background-position:center top;background-repeat:no-repeat;opacity:0.6; pointer-events:none;z-index:-1;filter:brightness(0.9) contrast(1.1) saturate(1.2); }.hero-compact h1 {font-size:clamp(2rem, 4vw, 3rem);margin-bottom:1rem;}.hero-compact .hero-sub {font-size:1.1rem;max-width:800px;margin-bottom:0;}.hero-grid {display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center;}.hero-content {position:relative;z-index:2;}.hero-visual {position:relative;z-index:2;display:flex;justify-content:center;perspective:1000px;}.hero-img-wrapper {position:relative;animation:float 6s ease-in-out infinite;}.hero-img-wrapper img {width:100%;max-width:550px;border-radius:24px;box-shadow:0 30px 60px rgba(0,0,0,0.6), 0 0 40px rgba(51, 204, 255, 0.2);border:1px solid rgba(255,255,255,0.1);transform:rotateY(-5deg) rotateX(5deg);}.hero-visual::before {content:'';position:absolute;width:300px;height:300px;background:var(--accent);filter:blur(120px);opacity:0.2;z-index:-1;}@keyframes float {0%, 100% { transform:translateY(0) rotateY(-5deg) rotateX(5deg); }50% { transform:translateY(-20px) rotateY(-2deg) rotateX(2deg); }}.hero-tag {display:inline-block;background:rgba(51, 204, 255, 0.1);border:1px solid rgba(51, 204, 255, 0.3);color:var(--accent);padding:6px 16px;border-radius:20px;font-size:0.85rem;font-weight:600;margin-bottom:1.5rem;}.hero-sub {font-size:1.25rem;margin-bottom:2.5rem;color:var(--text-muted);}@media (max-width:992px) {.hero-grid {grid-template-columns:1fr;text-align:center;gap:3rem;}.hero-content {order:1;}.hero-visual {order:2;}.hero-img-wrapper img {max-width:450px;}}.data-translator {padding:6rem 0;background:var(--primary-light);text-align:center;}.translator-grid {display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center;margin-top:4rem;}.translator-card {background:var(--card-bg);padding:2rem;border-radius:16px;border:1px solid rgba(255, 255, 255, 0.05);text-align:left;}.arrow-flow {color:var(--accent);font-size:2rem;animation:pulse 2s infinite;}.solutions {padding:8rem 0;}.split-grid {display:grid;grid-template-columns:1fr 1fr;gap:4rem;}.solution-col {position:relative;padding:3rem;border-radius:24px;background:linear-gradient(180deg, rgba(30, 41, 59, 0.5) 0%, rgba(15, 23, 42, 0.5) 100%);border:1px solid rgba(255, 255, 255, 0.05);transition:transform 0.3s;}.solution-col:hover {transform:translateY(-5px);border-color:var(--accent);}.solution-icon {font-size:2rem;color:var(--accent);margin-bottom:1.5rem;}.feature-list li {margin-bottom:1rem;display:flex;align-items:flex-start;gap:12px;color:var(--text-muted);line-height:1.5;}.feature-list i {color:var(--accent);flex-shrink:0;margin-top:6px;font-size:0.9rem;}.feature-list li .feature-text {flex:1;}.feature-list li strong {color:var(--white);font-weight:700;}.waze-ecosystem {padding:6rem 0;background:url('../img/map-bg.png') center/cover; position:relative;}.waze-ecosystem::before {content:'';position:absolute;inset:0;background:linear-gradient(90deg, #0f172a 0%, rgba(15, 23, 42, 0.9) 100%);z-index:1;}.ecosystem-content {position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;}.features {padding:8rem 0;}.feature-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;}.feature-card {padding:2rem;border-radius:12px;background:var(--primary-light);border-top:2px solid transparent;transition:all 0.3s;}.feature-card:hover {border-top-color:var(--accent);background:lighten(var(--primary-light), 5%);}.stats-banner {padding:3rem 0;border-bottom:1px solid rgba(255, 255, 255, 0.05);background:rgba(15, 23, 42, 0.4);backdrop-filter:blur(10px);}.stats-grid {display:grid;grid-template-columns:1fr;gap:2rem;align-items:start;justify-items:center;}@media (min-width:900px) {.stats-grid {grid-template-columns:repeat(4, 1fr);}}.stat-item {text-align:center;position:relative;width:100%;}@media (min-width:900px) {.stat-item:not(:last-child)::after {content:'';position:absolute;right:-1.5rem;top:20%;height:60%;width:1px;background:rgba(255, 255, 255, 0.1);}}.stat-icon {font-size:2.2rem;color:var(--accent);margin-bottom:1rem;height:50px; display:flex;align-items:center;justify-content:center;}.stat-label {font-size:1.1rem;color:var(--white);font-weight:800;margin-bottom:0.5rem;text-transform:uppercase;letter-spacing:0.5px;}.stat-desc {font-size:0.9rem;color:var(--text-muted);line-height:1.4;max-width:200px;margin:0 auto;}.process {padding:6rem 0;position:relative;background:linear-gradient(180deg, var(--primary-dark) 0%, var(--primary-light) 100%);}.process-steps {display:grid;grid-template-columns:1fr;gap:3rem;margin-top:4rem;position:relative;}.process-step {text-align:center;position:relative;z-index:2;padding:0 1rem;}.step-number {width:60px;height:60px;background:var(--primary-dark);border:2px solid var(--accent);color:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1.5rem auto;box-shadow:0 0 15px rgba(51, 204, 255, 0.2);}.process-line {display:none;}@media (min-width:768px) {.process-steps {grid-template-columns:repeat(4, 1fr);}.process-line {display:block;position:absolute;top:30px;left:10%;width:80%;height:2px;background:linear-gradient(90deg, transparent, var(--accent), transparent);z-index:1;opacity:0.3;}}.faq {padding:6rem 0;background:var(--primary-dark);}.faq-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(400px, 1fr));gap:2rem;margin-top:3rem;}.faq-item {background:var(--card-bg);padding:2rem;border-radius:12px;border:1px solid rgba(255, 255, 255, 0.05);}.faq-item h4 {color:var(--white);margin-bottom:1rem;font-size:1.1rem;}footer {padding:4rem 0 2rem;border-top:1px solid rgba(255, 255, 255, 0.05);background:#0b1120;}.footer-grid {display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;margin-bottom:3rem;}@keyframes pulse {0% { opacity:0.5; transform:scale(1); }50% { opacity:1; transform:scale(1.1); }100% { opacity:0.5; transform:scale(1); }}@media (max-width:768px) {.hero {padding-top:120px;padding-bottom:40px;}.hero-grid {grid-template-columns:1fr;text-align:center;gap:3rem;}.hero-content {order:1;}.hero-visual {order:2;margin-top:2rem;}.hero-img-wrapper img {max-width:100%;transform:none !important;animation:none !important;box-shadow:0 15px 40px rgba(0,0,0,0.4);}.stat-item {padding:1rem;}.feature-grid {grid-template-columns:1fr;}.split-grid {grid-template-columns:1fr;gap:2rem;}.solution-col {padding:2rem;}.footer-grid {grid-template-columns:1fr;text-align:center;}.footer-grid > div {display:flex;flex-direction:column;align-items:center;}.cta-group {flex-direction:column;gap:1rem;}.btn {width:100%;text-align:center;}.btn-outline {margin-left:0;}}@media (max-width:480px) {.translator-grid {grid-template-columns:1fr;}.arrow-flow {transform:rotate(90deg);margin:1rem 0;}}.bento-comparison {display:grid;grid-template-columns:1fr 1.2fr;gap:2rem;margin-top:4rem;}.bento-card {background:var(--card-bg);padding:3rem;border-radius:24px;border:1px solid var(--glass-border);position:relative;overflow:hidden;transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);}.bento-card.premium {background:linear-gradient(145deg, rgba(51, 204, 255, 0.05) 0%, rgba(27, 42, 78, 0.8) 100%);border:2px solid var(--accent);box-shadow:var(--neon-glow);}.bento-card:hover {transform:translateY(-10px);}.bento-header {display:flex;align-items:center;gap:1rem;margin-bottom:2rem;}.bento-header i {font-size:2.5rem;}.bento-header h3 small {display:block;font-size:0.9rem;font-weight:400;opacity:0.7;}.comparison-list li {margin-bottom:1.2rem;display:flex;align-items:center;gap:15px;font-size:1.05rem;}.comparison-list i {font-size:1.2rem;flex-shrink:0;}.premium-badge {position:absolute;top:20px;right:-35px;background:var(--warning);color:var(--primary-dark);padding:8px 40px;font-size:0.75rem;font-weight:800;transform:rotate(45deg);text-transform:uppercase;}.support .feature-card {background:linear-gradient(180deg, rgba(51, 204, 255, 0.05) 0%, transparent 100%);}@media (max-width:992px) {.bento-comparison {grid-template-columns:1fr;}.split-grid {grid-template-columns:1fr;}}@media (min-width:993px) {.split-grid {grid-template-columns:repeat(3, 1fr);}}.dashboard-showcase {margin-top:5rem;position:relative;max-width:850px;margin-left:auto;margin-right:auto;}.reveal { opacity:0; transform:translateY(30px); transition:all 0.8s cubic-bezier(0.5, 0, 0, 1); }.reveal.visible { opacity:1; transform:translateY(0); }.delay-100 { transition-delay:0.1s; }.delay-200 { transition-delay:0.2s; }.delay-300 { transition-delay:0.3s; }.neon-hidden {opacity:0;transform:translateY(40px);transition:opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1),transform 0.9s cubic-bezier(0.16, 1, 0.3, 1),box-shadow 1.2s ease-out;}.neon-hidden.neon-visible {opacity:1;transform:translateY(0);}.neon-hidden.neon-visible .solution-col:hover,.neon-hidden.neon-visible .feature-card:hover,.neon-hidden.neon-visible .translator-card:hover {box-shadow:var(--neon-glow), 0 10px 40px rgba(0, 0, 0, 0.3);}footer.glass {background:rgba(11, 17, 32, 0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(51, 204, 255, 0.15);}footer.glass.neon-visible {border-top-color:rgba(51, 204, 255, 0.3);box-shadow:0 -5px 30px rgba(51, 204, 255, 0.1);}