@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap);:root{--color-primary:#e31e24;--color-primary-light:#ff4449;--color-primary-dark:#b71c1c;--color-secondary:#2563eb;--color-accent:#f59e0b;--color-success:#10b981;--color-pastel-coral:#ff6b6b;--color-pastel-lavender:#a78bfa;--color-pastel-mint:#6ee7b7;--color-pastel-peach:#fca5a5;--color-pastel-sky:#7dd3fc;--color-pastel-pink:#f9a8d4;--color-pastel-yellow:#fde047;--color-pastel-purple:#c084fc;--color-pastel-teal:#5eead4;--color-pastel-orange:#fdba74;--color-white:#fff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--font-primary:'Inter' , -apple-system , BlinkMacSystemFont , sans-serif;--font-display:'Space Grotesk' , sans-serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--spacing-3xl:6rem;--radius-sm:.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1) , 0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1) , 0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1) , 0 10px 10px -5px rgba(0,0,0,.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--transition-fast:150ms cubic-bezier(.4,0,.2,1);--transition-base:300ms cubic-bezier(.4,0,.2,1);--transition-slow:500ms cubic-bezier(.4,0,.2,1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family: var(--font-primary);background-color:var(--color-white);color:var(--color-gray-800);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family: var(--font-display);font-weight:700;line-height:1.2;color:var(--color-gray-900)}h1{font-size:clamp(2.5rem,5vw,4.5rem);letter-spacing:-.02em}h2{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.01em}h3{font-size:clamp(1.5rem,3vw,2.5rem)}h4{font-size:clamp(1.25rem,2.5vw,2rem)}p{font-size:1.125rem;line-height:1.8;color:var(--color-gray-600)}a{text-decoration:none;color:inherit;transition:all var(--transition-base)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-gray-200);transition:all var(--transition-base)}.navbar.scrolled{background:rgba(255,255,255,.95);box-shadow:var(--shadow-md)}.nav-container{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.75rem;font-family: var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-gray-900)}.logo img{height:40px;width:auto;transition:transform var(--transition-base)}.logo:hover img{transform:scale(1.05)}.nav-menu{display:flex;gap:2.5rem;list-style:none;align-items:center}.nav-link{font-weight:500;color:var(--color-gray-700);position:relative;padding:.5rem 0}.nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-primary);transition:width var(--transition-base)}.nav-link:hover,.nav-link.active{color:var(--color-primary)}.nav-link:hover::after,.nav-link.active::after{width:100%}.mobile-menu-toggle{display:none;flex-direction:column;gap:.4rem;background:none;border:none;cursor:pointer;padding:.5rem}.mobile-menu-toggle span{width:25px;height:2px;background:var(--color-gray-900);transition:all var(--transition-base)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;font-family: var(--font-primary);font-size:1rem;font-weight:600;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition-base);text-align:center;white-space:nowrap}.btn-primary{background:var(--color-primary);color:var(--color-white);box-shadow:0 4px 14px 0 rgba(227,30,36,.39)}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px 0 rgba(227,30,36,.5)}.btn-secondary{background:var(--color-white);color:var(--color-gray-900);border:2px solid var(--color-gray-300)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-2px)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6rem 2rem 4rem;position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#f8fafc 50%,#f1f5f9 100%)}.hero::before{content:'';position:absolute;top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,107,107,.15) 0%,transparent 70%);border-radius:50%;animation:float 20s ease-in-out infinite;filter:blur(40px)}.hero::after{content:'';position:absolute;bottom:-20%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(167,139,250,.15) 0%,transparent 70%);border-radius:50%;animation:float 15s ease-in-out infinite reverse;filter:blur(40px)}.hero-content::before{content:'';position:absolute;top:20%;left:50%;width:400px;height:400px;background:radial-gradient(circle,rgba(110,231,183,.12) 0%,transparent 70%);border-radius:50%;animation:float 25s ease-in-out infinite;filter:blur(50px);z-index:0}.hero-content::after{content:'';position:absolute;bottom:10%;right:20%;width:350px;height:350px;background:radial-gradient(circle,rgba(125,211,252,.12) 0%,transparent 70%);border-radius:50%;animation:float 18s ease-in-out infinite reverse;filter:blur(45px);z-index:0}.hero-content{max-width:1400px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-text{animation:fadeInUp 1s ease-out;position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.5rem;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(248,250,252,.9));backdrop-filter:blur(10px);border:2px solid rgba(227,30,36,.2);border-radius:var(--radius-full);font-size:.875rem;font-weight:600;color:var(--color-gray-700);margin-bottom:1.5rem;animation:slideInLeft .8s ease-out;box-shadow:0 4px 12px rgba(0,0,0,.05)}.hero-badge .badge-dot{width:10px;height:10px;background:linear-gradient(135deg,var(--color-primary),var(--color-pastel-coral));border-radius:50%;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 0 0 rgba(227,30,36,.4)}.hero h1{margin-bottom:1.5rem;background:linear-gradient(135deg,var(--color-gray-900) 0%,var(--color-gray-700) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-highlight{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-pastel-coral) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}.hero p{font-size:1.25rem;margin-bottom:2.5rem;max-width:600px;line-height:1.8}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.hero-visual{position:relative;animation:fadeInRight 1s ease-out;z-index:2}.countdown-container{background:var(--color-white);padding:2rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--color-gray-200)}.countdown-title{font-size:1.125rem;font-weight:600;color:var(--color-gray-900);margin-bottom:1.5rem;text-align:center}.countdown-timer{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.countdown-item{text-align:center;padding:1.5rem 1rem;background:var(--color-gray-50);border-radius:var(--radius-md);border:2px solid var(--color-gray-200);transition:all var(--transition-base)}.countdown-item:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-md)}.countdown-value{font-size:2.5rem;font-weight:700;font-family: var(--font-display);color:var(--color-primary);line-height:1;display:block;margin-bottom:.5rem}.countdown-label{font-size:.875rem;font-weight:500;color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.05em}.launch-date{margin-top:1.5rem;text-align:center;font-size:1rem;color:var(--color-gray-600)}.launch-date strong{color:var(--color-primary);font-weight:700}.section{padding:6rem 2rem;position:relative}.section-container{max-width:1400px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem;animation:fadeInUp .8s ease-out}.section-badge{display:inline-block;padding:.5rem 1.25rem;background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-full);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.section-title{margin-bottom:1rem}.section-description{max-width:700px;margin:0 auto;font-size:1.25rem}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.feature-card{padding:2.5rem;background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);transition:all var(--transition-base);position:relative;overflow:hidden}.feature-card:hover{border-color:var(--color-primary);transform:translateY(-8px);box-shadow:var(--shadow-xl)}.feature-card:hover::before{transform:scaleX(1)}.feature-icon{width:72px;height:72px;background:var(--color-gray-50);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin-bottom:1.5rem;transition:all var(--transition-base);border:2px solid var(--color-gray-200)}.feature-card:nth-child(1) .feature-icon {background:linear-gradient(135deg,#ffe5e5,#fff0f0);border-color:var(--color-pastel-coral)}.feature-card:nth-child(2) .feature-icon {background:linear-gradient(135deg,#e8e0ff,#f3edff);border-color:var(--color-pastel-lavender)}.feature-card:nth-child(3) .feature-icon {background:linear-gradient(135deg,#d1fae5,#ecfdf5);border-color:var(--color-pastel-mint)}.feature-card:nth-child(4) .feature-icon {background:linear-gradient(135deg,#dbeafe,#eff6ff);border-color:var(--color-pastel-sky)}.feature-card:nth-child(5) .feature-icon {background:linear-gradient(135deg,#fce7f3,#fdf2f8);border-color:var(--color-pastel-pink)}.feature-card:nth-child(6) .feature-icon {background:linear-gradient(135deg,#fef3c7,#fffbeb);border-color:var(--color-pastel-yellow)}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.feature-title{font-size:1.5rem;margin-bottom:1rem;color:var(--color-gray-900)}.feature-description{color:var(--color-gray-600);line-height:1.7}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;margin-top:3rem}.product-card{background:var(--color-white);border-radius:var(--radius-xl);overflow:hidden;border:2px solid var(--color-gray-200);transition:all var(--transition-base);position:relative}.product-card::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(227,30,36,.05),rgba(37,99,235,.05));opacity:0;transition:opacity var(--transition-base)}.product-card:hover{transform:translateY(-12px);box-shadow:var(--shadow-2xl);border-color:var(--color-primary)}.product-card:hover::after{opacity:1}.product-header{padding:2.5rem;background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-white) 100%);border-bottom:2px solid var(--color-gray-200);position:relative;z-index:1}.product-status{display:inline-block;padding:.375rem 1rem;background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.product-status.coming-soon{background:var(--color-secondary)}.product-title{font-size:2rem;margin-bottom:.75rem;color:var(--color-gray-900)}.product-tagline{color:var(--color-gray-600);font-size:1.125rem}.product-body{padding:2.5rem;position:relative;z-index:1}.product-features{list-style:none;margin-bottom:2rem}.product-features li{padding:.75rem 0;display:flex;align-items:flex-start;gap:.75rem;color:var(--color-gray-700);border-bottom:1px solid var(--color-gray-200)}.product-features li:last-child{border-bottom:none}.product-features li::before{content:'✓';color:var(--color-primary);font-weight:700;font-size:1.25rem;flex-shrink:0}.footer{background:var(--color-gray-900);color:var(--color-gray-300);padding:4rem 2rem 2rem}.footer-container{max-width:1400px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-brand{display:flex;align-items:center;gap:.75rem;font-family: var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-white);margin-bottom:1rem}.footer-brand img{height:40px;filter:brightness(0) invert(1)}.footer-description{color:var(--color-gray-400);line-height:1.7;margin-bottom:1.5rem}.footer-title{font-size:1.125rem;font-weight:700;color:var(--color-white);margin-bottom:1.5rem}.footer-links{list-style:none}.footer-links li{margin-bottom:.75rem}.footer-links a{color:var(--color-gray-400);transition:color var(--transition-base)}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{padding-top:2rem;border-top:1px solid var(--color-gray-800);text-align:center;color:var(--color-gray-500)}@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}@keyframes float {
  0%, 100% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(-20px) rotate(5deg);
  }
}@keyframes pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.7;
    transform: scale(1.1);
  }
}@keyframes floatShape1 {
  0%, 100% {
    transform: translate(0, 0) rotate(0deg) scale(1);
  }
  33% {
    transform: translate(30px, -40px) rotate(120deg) scale(1.1);
  }
  66% {
    transform: translate(-20px, -60px) rotate(240deg) scale(0.9);
  }
}@keyframes floatShape2 {
  0%, 100% {
    transform: translate(0, 0) rotate(0deg) scale(1);
  }
  25% {
    transform: translate(-40px, 30px) rotate(90deg) scale(1.15);
  }
  50% {
    transform: translate(20px, -50px) rotate(180deg) scale(0.85);
  }
  75% {
    transform: translate(40px, 20px) rotate(270deg) scale(1.05);
  }
}@keyframes floatShape3 {
  0%, 100% {
    transform: translate(0, 0) rotate(0deg) scale(1);
  }
  50% {
    transform: translate(-30px, -70px) rotate(180deg) scale(1.2);
  }
}@keyframes orbit {
  0% {
    transform: rotate(0deg) translateX(100px) rotate(0deg);
  }
  100% {
    transform: rotate(360deg) translateX(100px) rotate(-360deg);
  }
}@keyframes gradientShift {
  0%, 100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}@keyframes particleFloat {
  0% {
    transform: translateY(0) translateX(0) scale(0);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translateY(-100vh) translateX(50px) scale(1);
    opacity: 0;
  }
}@keyframes rotate3D {
  0% {
    transform: perspective(1000px) rotateY(0deg) rotateX(0deg);
  }
  50% {
    transform: perspective(1000px) rotateY(180deg) rotateX(10deg);
  }
  100% {
    transform: perspective(1000px) rotateY(360deg) rotateX(0deg);
  }
}@keyframes glowPulse {
  0%, 100% {
    box-shadow: 0 0 20px rgba(227, 30, 36, 0.3),
                0 0 40px rgba(227, 30, 36, 0.2),
                0 0 60px rgba(227, 30, 36, 0.1);
  }
  50% {
    box-shadow: 0 0 30px rgba(227, 30, 36, 0.5),
                0 0 60px rgba(227, 30, 36, 0.3),
                0 0 90px rgba(227, 30, 36, 0.2);
  }
}@keyframes morph {
  0%, 100% {
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
  }
  25% {
    border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%;
  }
  50% {
    border-radius: 50% 60% 30% 60% / 30% 60% 70% 40%;
  }
  75% {
    border-radius: 60% 40% 60% 40% / 70% 30% 50% 60%;
  }
}.antigravity-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.floating-shape{position:absolute;opacity:.6;filter:blur(2px)}.shape-1{width:100px;height:100px;background:linear-gradient(135deg,var(--color-pastel-coral),var(--color-pastel-pink));border-radius:30%;top:10%;left:10%;animation:floatShape1 20s ease-in-out infinite}.shape-2{width:80px;height:80px;background:linear-gradient(135deg,var(--color-pastel-lavender),var(--color-pastel-purple));border-radius:50%;top:60%;right:15%;animation:floatShape2 25s ease-in-out infinite}.shape-3{width:120px;height:120px;background:linear-gradient(135deg,var(--color-pastel-mint),var(--color-pastel-teal));border-radius:40%;bottom:20%;left:20%;animation:floatShape3 18s ease-in-out infinite}.shape-4{width:90px;height:90px;background:linear-gradient(135deg,var(--color-pastel-sky),var(--color-secondary));border-radius:35%;top:40%;right:30%;animation:floatShape1 22s ease-in-out infinite reverse}.gradient-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4;animation:morph 15s ease-in-out infinite , float 20s ease-in-out infinite}.orb-1{width:400px;height:400px;background:radial-gradient(circle,var(--color-pastel-coral),transparent);top:-10%;right:-5%}.orb-2{width:350px;height:350px;background:radial-gradient(circle,var(--color-pastel-lavender),transparent);bottom:-10%;left:-5%;animation-delay:-5s}.orb-3{width:300px;height:300px;background:radial-gradient(circle,var(--color-pastel-mint),transparent);top:50%;left:50%;animation-delay:-10s}.particle{position:absolute;width:4px;height:4px;background:var(--color-primary);border-radius:50%;opacity:0}.particle:nth-child(1) {left:10%;animation:particleFloat 15s ease-in infinite;animation-delay:0s}.particle:nth-child(2) {left:20%;animation:particleFloat 18s ease-in infinite;animation-delay:2s}.particle:nth-child(3) {left:30%;animation:particleFloat 20s ease-in infinite;animation-delay:4s}.particle:nth-child(4) {left:40%;animation:particleFloat 16s ease-in infinite;animation-delay:1s}.particle:nth-child(5) {left:50%;animation:particleFloat 19s ease-in infinite;animation-delay:3s}.particle:nth-child(6) {left:60%;animation:particleFloat 17s ease-in infinite;animation-delay:5s}.particle:nth-child(7) {left:70%;animation:particleFloat 21s ease-in infinite;animation-delay:2.5s}.particle:nth-child(8) {left:80%;animation:particleFloat 15s ease-in infinite;animation-delay:4.5s}.particle:nth-child(9) {left:90%;animation:particleFloat 18s ease-in infinite;animation-delay:1.5s}.animated-gradient-bg{background: linear-gradient(
    -45deg,
    rgba(227, 30, 36, 0.05),
    rgba(255, 107, 107, 0.05),
    rgba(167, 139, 250, 0.05),
    rgba(110, 231, 183, 0.05)
  );background-size:400% 400%;animation:gradientShift 15s ease infinite}@media (max-width:1024px){.hero-content{grid-template-columns:1fr;gap:3rem}.hero-visual{order:-1}.features-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.nav-menu{position:fixed;top:73px;left:-100%;width:100%;height:calc(100vh - 73px);background:rgba(255,255,255,.98);backdrop-filter:blur(20px);flex-direction:column;padding:2rem;gap:1.5rem;transition:left var(--transition-base);border-top:1px solid var(--color-gray-200)}.nav-menu.active{left:0}.mobile-menu-toggle{display:flex}.mobile-menu-toggle.active span:nth-child(1) {transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active span:nth-child(2) {opacity:0}.mobile-menu-toggle.active span:nth-child(3) {transform:rotate(-45deg) translate(7px,-6px)}.countdown-timer{grid-template-columns:repeat(2,1fr)}.features-grid,.products-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:2rem}.section{padding:4rem 1.5rem}.hero{padding:5rem 1.5rem 3rem}}@media (max-width:480px){.hero-buttons{flex-direction:column;width:100%}.btn{width:100%;justify-content:center}.countdown-item{padding:1rem .5rem}.countdown-value{font-size:2rem}}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.bg-gray{background-color:var(--color-gray-50)}.container{max-width:1400px;margin:0 auto;padding:0 2rem}