:root{--color-primary: #6366f1;--color-primary-light: #818cf8;--color-primary-dark: #4f46e5;--color-primary-darker: #4338ca;--color-primary-glow: rgba(99, 102, 241, 0.5);--color-purple: #a763f1;--color-blue: #63adf1;--color-accent: #f1ee63;--color-yellow: #f1ee63;--color-teal: #14b8a6;--color-red: #f16366;--color-primary-tint-1: #7a7df3;--color-primary-tint-2: #9294f5;--color-primary-tint-3: #a9abf7;--color-primary-shade-1: #4c4fef;--color-primary-shade-2: #3438ed;--color-primary-shade-3: #1b1feb;--color-bg: #08080d;--color-bg-elevated: #0f0f18;--color-bg-card: #16162a;--color-bg-hover: #1e1e3a;--color-text: #ffffff;--color-text-secondary: #a9abf7;--color-text-muted: #7a7df3;--color-border: rgba(99, 102, 241, 0.2);--color-border-light: rgba(99, 102, 241, 0.1);--space-xs: 0.25rem;--space-sm: 0.5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3.5rem;--font-size-6xl: 4.5rem;--radius-sm: 0.375rem;--radius-md: 0.5rem;--radius-lg: 0.75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: 150ms ease;--transition-base: 250ms ease;--transition-slow: 400ms ease;--transition-slower: 600ms ease;--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.5);--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.5);--shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.5);--shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.5);--shadow-glow: 0 0 40px var(--color-primary-glow);--container-max: 1280px;--nav-height: 72px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}@media(max-width: 768px){html{font-size:14px}}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}.text-gradient,.hero__title-gradient{background:linear-gradient(135deg, var(--color-primary-tint-2), var(--color-primary), var(--color-purple));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn__icon{width:20px;height:20px;flex-shrink:0}.btn__icon--right{margin-left:var(--space-xs)}.btn--primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;box-shadow:var(--shadow-md),0 0 20px rgba(99,102,241,.3)}.btn--primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 30px rgba(99,102,241,.4)}.btn--primary:active{transform:translateY(0)}.btn--secondary{background:var(--color-bg-card);color:var(--color-text);border:1px solid var(--color-border)}.btn--secondary:hover{background:var(--color-bg-hover);border-color:var(--color-primary)}.btn--ghost{background:rgba(0,0,0,0);color:var(--color-text-secondary)}.btn--ghost:hover{color:var(--color-text);background:var(--color-bg-card)}.btn--large{padding:var(--space-lg) var(--space-2xl);font-size:var(--font-size-lg);border-radius:var(--radius-xl)}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nav-height);background:rgba(8,8,13,.8);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border-light);transition:all var(--transition-base)}.nav--scrolled{background:rgba(8,8,13,.95)}.nav__container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-xl);height:100%;display:flex;align-items:center;justify-content:space-between}.nav__logo{display:flex;align-items:center;gap:var(--space-sm)}.nav__logo img{max-width:100%;height:auto}.nav__logo-icon{height:47px;width:47px;max-width:47px;max-height:47px;border-radius:var(--radius-md);object-fit:contain}@media(max-width: 768px){.nav__logo-icon{height:42px;width:42px;max-width:42px;max-height:42px}}.nav__logo-text{height:48px;width:auto;max-height:48px}@media(max-width: 768px){.nav__logo-text{height:39px;max-height:39px}}.nav__links{display:flex;align-items:center;gap:var(--space-2xl)}@media(max-width: 768px){.nav__links{display:none}}.nav__link{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);transition:color var(--transition-fast);position:relative}.nav__link::after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-primary);transition:width var(--transition-base)}.nav__link:hover,.nav__link--active{color:var(--color-text)}.nav__link:hover::after,.nav__link--active::after{width:100%}@media(max-width: 768px){.nav__cta{display:none}}.nav__toggle{display:none;flex-direction:column;gap:5px;padding:var(--space-sm);background:none;border:none;cursor:pointer}@media(max-width: 768px){.nav__toggle{display:flex}}.nav__toggle span{width:24px;height:2px;background:var(--color-text);border-radius:var(--radius-full);transition:all var(--transition-base)}.nav__toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px, 5px)}.nav__toggle.active span:nth-child(2){opacity:0}.nav__toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px, -5px)}.mobile-menu{position:fixed;top:var(--nav-height);left:0;right:0;bottom:0;background:var(--color-bg);z-index:999;padding:var(--space-2xl);transform:translateX(100%);transition:transform var(--transition-slow)}.mobile-menu.active{transform:translateX(0)}.mobile-menu__links{display:flex;flex-direction:column;gap:var(--space-xl)}.mobile-menu__link{font-size:var(--font-size-2xl);font-weight:600}.mobile-menu__cta{margin-top:var(--space-2xl)}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--nav-height) + var(--space-2xl)) var(--space-xl) var(--space-2xl);position:relative;overflow:hidden}.hero__background{position:absolute;inset:0;z-index:-1}.hero__gradient{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%, rgba(99, 102, 241, 0.35), transparent),radial-gradient(ellipse 60% 40% at 80% 60%, rgba(167, 99, 241, 0.2), transparent),radial-gradient(ellipse 50% 30% at 20% 80%, rgba(99, 173, 241, 0.15), transparent)}.hero__particles{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.03) 1px, transparent 1px),radial-gradient(circle at 80% 70%, rgba(255, 255, 255, 0.03) 1px, transparent 1px),radial-gradient(circle at 40% 80%, rgba(255, 255, 255, 0.02) 1px, transparent 1px);background-size:100px 100px,150px 150px,200px 200px;animation:particleFloat 20s ease-in-out infinite}.hero__showcase{width:100%;max-width:1000px;padding:0 var(--space-md);animation:fadeInUp .8s ease-out}@media(max-width: 768px){.hero__showcase{padding:0}}.hero__footer{text-align:center;margin-top:var(--space-2xl);animation:fadeInUp .8s ease-out .2s both}.hero__intro-slide{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-2xl);background:var(--color-bg);z-index:10;opacity:0;transition:opacity .6s ease;pointer-events:none}.hero__intro-slide.active{opacity:1}@media(max-width: 768px){.hero__intro-slide{padding:var(--space-lg)}}.hero__intro-logo{height:204px;width:auto;max-width:100%;object-fit:contain;margin-bottom:var(--space-lg)}@media(max-width: 768px){.hero__intro-logo{height:auto;max-height:127px;margin-bottom:var(--space-md)}}.hero__intro-title{font-size:var(--font-size-3xl);font-weight:800;line-height:1.2;margin-bottom:var(--space-md);color:var(--color-text)}.hero__intro-title--large{font-size:var(--font-size-4xl);line-height:1.1;margin-bottom:var(--space-lg)}@media(max-width: 768px){.hero__intro-title--large{font-size:var(--font-size-2xl)}}@media(max-width: 768px){.hero__intro-title{font-size:var(--font-size-xl)}}.hero__intro-description{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:500px;line-height:1.6}.hero__intro-description--highlight{font-size:var(--font-size-lg);max-width:600px;margin-bottom:var(--space-lg)}.hero__intro-description--highlight strong{color:var(--color-text);display:block;margin-top:var(--space-xs);font-size:var(--font-size-xl)}@media(max-width: 768px){.hero__intro-description--highlight strong{font-size:var(--font-size-base)}}@media(max-width: 768px){.hero__intro-description--highlight{font-size:var(--font-size-sm)}}@media(max-width: 768px){.hero__intro-description{font-size:var(--font-size-sm)}}.hero__intro-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:rgba(99,102,241,.15);border:1px solid var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em}@media(max-width: 768px){.hero__intro-badge{padding:var(--space-xs) var(--space-md);font-size:11px;gap:var(--space-xs)}}.hero__intro-badge-icon{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.hero__intro-badge-icon svg{width:18px;height:18px;max-width:18px;max-height:18px}@media(max-width: 768px){.hero__intro-badge-icon{width:14px;height:14px}.hero__intro-badge-icon svg{width:14px;height:14px;max-width:14px;max-height:14px}}.hero__content{text-align:center;max-width:800px;margin-bottom:var(--space-4xl);animation:fadeInUp 1s ease-out}.hero__badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.hero__badge-dot{width:8px;height:8px;background:var(--color-primary);border-radius:var(--radius-full);animation:pulse 2s ease-in-out infinite}.hero__title{font-size:var(--font-size-6xl);font-weight:800;line-height:1.1;margin-bottom:var(--space-xl);letter-spacing:-0.02em}@media(max-width: 768px){.hero__title{font-size:var(--font-size-4xl)}}.hero__subtitle{font-size:var(--font-size-xl);color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--space-2xl);line-height:1.7}@media(max-width: 768px){.hero__subtitle{font-size:var(--font-size-lg)}}.hero__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-3xl)}.hero__platforms{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);color:var(--color-text-muted);font-size:var(--font-size-sm)}.hero__platform-icons{display:flex;gap:var(--space-xl)}.hero__platform{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);color:var(--color-text-secondary)}.hero__platform svg{width:24px;height:24px}.hero__image{width:100%;max-width:1000px;animation:fadeInUp 1s ease-out .3s both}.hero__device{position:relative;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-xl),0 0 80px rgba(99,102,241,.2);border:1px solid var(--color-border)}.hero__device::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(255, 255, 255, 0.1), transparent 50%);pointer-events:none}.hero__screenshot{width:100%;display:block}.hero__image-wrapper{position:relative;overflow:hidden;border-radius:var(--radius-xl)}@media(max-width: 768px){.hero__image-wrapper{min-height:400px;border-radius:var(--radius-lg)}}.hero__showcase-image{width:100%;display:block;will-change:transform;transition:transform .8s cubic-bezier(0.16, 1, 0.3, 1),transform-origin .8s cubic-bezier(0.16, 1, 0.3, 1)}@media(max-width: 768px){.hero__showcase-image{transition:transform .6s cubic-bezier(0.16, 1, 0.3, 1),transform-origin .6s cubic-bezier(0.16, 1, 0.3, 1)}}.hero__hotspots{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hero__hotspot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%, -50%);opacity:0;transition:opacity .4s ease}.hero__hotspot.active{opacity:1}.hero__hotspot-pulse{position:absolute;width:50px;height:50px;border:2px solid var(--color-primary);border-radius:var(--radius-full);animation:heroHotspotPulse 2s ease-out infinite;transform:translate(-50%, -50%)}.hero__hotspot-dot{position:absolute;width:14px;height:14px;background:var(--color-primary);border-radius:var(--radius-full);transform:translate(-50%, -50%);box-shadow:0 0 24px var(--color-primary-glow)}.hero__hotspot-label{position:absolute;left:20px;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.9);color:#fff;padding:8px 14px;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;white-space:nowrap;opacity:0;transition:opacity .3s ease;pointer-events:none;border:1px solid var(--color-primary);box-shadow:0 4px 16px rgba(99,102,241,.4)}.hero__hotspot-label--left{left:auto;right:20px}@media(max-width: 768px){.hero__hotspot-label{padding:6px 10px;font-size:12px;left:14px}.hero__hotspot-label--left{left:auto;right:14px}}.hero__hotspot.active .hero__hotspot-label{opacity:1}.hero__feature-indicators{display:flex;justify-content:center;gap:var(--space-sm);margin-top:var(--space-lg);flex-wrap:wrap;padding:0 var(--space-sm)}@media(max-width: 768px){.hero__feature-indicators{gap:var(--space-xs);margin-top:var(--space-md)}}.hero__feature-indicator{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all .3s ease;opacity:.6}.hero__feature-indicator:hover{opacity:.9;border-color:var(--color-primary)}.hero__feature-indicator.active{opacity:1;background:rgba(99,102,241,.15);border-color:var(--color-primary)}.hero__feature-indicator.active .hero__feature-icon{color:var(--color-primary)}.hero__feature-indicator.active .hero__feature-label{color:var(--color-text)}@media(max-width: 768px){.hero__feature-indicator{padding:var(--space-xs) var(--space-sm)}}.hero__feature-icon{width:18px;height:18px;color:var(--color-text-secondary);transition:color .3s ease}.hero__feature-icon svg{width:100%;height:100%}@media(max-width: 768px){.hero__feature-icon{width:16px;height:16px}}.hero__feature-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);transition:color .3s ease}@media(max-width: 480px){.hero__feature-label{display:none}}@keyframes heroHotspotPulse{0%{transform:translate(-50%, -50%) scale(0.5);opacity:1}100%{transform:translate(-50%, -50%) scale(1.5);opacity:0}}.features{padding:var(--space-4xl) var(--space-xl);max-width:var(--container-max);margin:0 auto}.features__header{text-align:center;max-width:700px;margin:0 auto var(--space-4xl)}.features__label{display:inline-block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-md)}.features__title{font-size:var(--font-size-5xl);font-weight:800;line-height:1.2;margin-bottom:var(--space-lg)}@media(max-width: 768px){.features__title{font-size:var(--font-size-3xl)}}.features__description{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.feature{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4xl);align-items:center;margin-bottom:var(--space-4xl);opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(0.16, 1, 0.3, 1)}.feature.visible{opacity:1;transform:translateY(0)}@media(max-width: 968px){.feature{grid-template-columns:1fr;gap:var(--space-2xl)}}.feature--right .feature__content{order:2}@media(max-width: 968px){.feature--right .feature__content{order:1}}.feature--right .feature__visual{order:1}@media(max-width: 968px){.feature--right .feature__visual{order:2}}.feature__content{padding:var(--space-xl)}.feature__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));border-radius:var(--radius-lg);margin-bottom:var(--space-lg);box-shadow:0 0 30px rgba(99,102,241,.3);overflow:hidden}.feature__icon svg{width:28px;height:28px;stroke:#fff}.feature__icon img{width:100%;height:100%;object-fit:cover}.feature__icon--purple{background:linear-gradient(135deg, var(--color-purple), #8b3fea);box-shadow:0 0 30px rgba(167,99,241,.3)}.feature__icon--teal{background:linear-gradient(135deg, var(--color-teal), #0d9488);box-shadow:0 0 30px rgba(20,184,166,.3)}.feature__icon--blue{background:linear-gradient(135deg, var(--color-blue), #4a9ee8);box-shadow:0 0 30px rgba(99,173,241,.3)}.feature__icon--red{background:linear-gradient(135deg, var(--color-red), #e84a4d);box-shadow:0 0 30px rgba(241,99,102,.3)}.feature__icon--yellow{background:linear-gradient(135deg, var(--color-yellow), #e8e550);box-shadow:0 0 30px rgba(241,238,99,.3)}.feature__label{display:inline-block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary-tint-2);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-md)}.feature__title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-lg);line-height:1.2}.feature__description{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-xl);line-height:1.7}.feature__list{display:flex;flex-direction:column;gap:var(--space-md)}.feature__list li{display:flex;align-items:center;gap:var(--space-md);color:var(--color-text-secondary)}.feature__list li svg{width:20px;height:20px;color:var(--color-primary);flex-shrink:0}.feature__visual{position:relative}.feature__screenshot-container{position:relative}.feature__screenshot-frame{position:relative;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border);background:var(--color-bg-card)}.feature__screenshot-frame::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent 30%);pointer-events:none;z-index:1}.feature__screenshot{width:100%;display:block;will-change:transform;transition:transform .15s ease-out}.feature__glow{position:absolute;inset:-20%;background:radial-gradient(ellipse at center, rgba(99, 102, 241, 0.2), transparent 70%);z-index:-1;filter:blur(40px)}.feature__glow--purple{background:radial-gradient(ellipse at center, rgba(167, 99, 241, 0.2), transparent 70%)}.feature__glow--teal{background:radial-gradient(ellipse at center, rgba(20, 184, 166, 0.2), transparent 70%)}.feature__glow--blue{background:radial-gradient(ellipse at center, rgba(99, 173, 241, 0.2), transparent 70%)}.feature__glow--red{background:radial-gradient(ellipse at center, rgba(241, 99, 102, 0.2), transparent 70%)}.feature__glow--yellow{background:radial-gradient(ellipse at center, rgba(241, 238, 99, 0.2), transparent 70%)}.showcase{padding:var(--space-4xl) var(--space-xl);background:var(--color-bg-elevated);border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light)}.showcase__header{text-align:center;max-width:600px;margin:0 auto var(--space-3xl)}.showcase__label{display:inline-block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-md)}.showcase__title{font-size:var(--font-size-4xl);font-weight:800;margin-bottom:var(--space-md)}.showcase__description{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.showcase__container{max-width:var(--container-max);margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-4xl)}@media(max-width: 968px){.showcase__container{grid-template-columns:1fr}}.showcase__sticky{position:sticky;top:calc(var(--nav-height) + var(--space-2xl));height:fit-content}@media(max-width: 968px){.showcase__sticky{position:relative;top:0}}.showcase__image-wrapper{position:relative;border-radius:var(--radius-2xl);overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-xl)}.showcase__image{width:100%;display:block;will-change:transform;transition:transform .6s cubic-bezier(0.16, 1, 0.3, 1),transform-origin .6s cubic-bezier(0.16, 1, 0.3, 1)}.showcase__hotspots{position:absolute;inset:0;pointer-events:none}.showcase__hotspot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%, -50%);opacity:0;transition:opacity var(--transition-base)}.showcase__hotspot.active{opacity:1}.showcase__hotspot-pulse{position:absolute;width:40px;height:40px;border:2px solid var(--color-primary);border-radius:var(--radius-full);animation:hotspotPulse 2s ease-out infinite;transform:translate(-50%, -50%)}.showcase__hotspot-dot{position:absolute;width:12px;height:12px;background:var(--color-primary);border-radius:var(--radius-full);transform:translate(-50%, -50%);box-shadow:0 0 20px var(--color-primary-glow)}.showcase__content{display:flex;flex-direction:column;gap:var(--space-4xl);padding:var(--space-4xl) 0}.showcase__item{opacity:.3;transform:translateX(20px);transition:all .6s cubic-bezier(0.16, 1, 0.3, 1);padding:var(--space-xl);border-radius:var(--radius-xl);border:1px solid rgba(0,0,0,0)}.showcase__item.active{opacity:1;transform:translateX(0);background:var(--color-bg-card);border-color:var(--color-border)}.showcase__item-number{font-size:var(--font-size-sm);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-md)}.showcase__item-title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-md)}.showcase__item-description{color:var(--color-text-secondary);line-height:1.7}.platforms{padding:var(--space-4xl) var(--space-xl);max-width:var(--container-max);margin:0 auto}.platforms__header{text-align:center;max-width:600px;margin:0 auto var(--space-4xl)}.platforms__label{display:inline-block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-md)}.platforms__title{font-size:var(--font-size-4xl);font-weight:800;margin-bottom:var(--space-lg)}.platforms__description{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.platforms__grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-xl)}@media(max-width: 968px){.platforms__grid{grid-template-columns:1fr}}.platform-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-2xl);overflow:hidden;transition:all var(--transition-base)}.platform-card:hover{transform:translateY(-8px);border-color:var(--color-primary);box-shadow:0 20px 40px rgba(0,0,0,.3),0 0 40px rgba(99,102,241,.1)}.platform-card__device{padding:var(--space-xl);background:var(--color-bg-elevated);display:flex;align-items:center;justify-content:center;min-height:250px}.platform-card__image{max-height:200px;width:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.platform-card--iphone .platform-card__image{max-height:280px}.platform-card--watch .platform-card__image{max-height:180px}.platform-card__content{padding:var(--space-xl)}.platform-card__title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-md)}.platform-card__description{color:var(--color-text-secondary);margin-bottom:var(--space-lg);line-height:1.6}.social-proof{padding:var(--space-4xl) var(--space-xl);background:var(--color-bg-elevated);border-top:1px solid var(--color-border-light)}.social-proof__container{max-width:var(--container-max);margin:0 auto}.social-proof__stats{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-2xl)}@media(max-width: 768px){.social-proof__stats{grid-template-columns:1fr;text-align:center}}.stat{text-align:center}.stat__number{display:block;font-size:var(--font-size-5xl);font-weight:800;background:linear-gradient(135deg, var(--color-primary-light), var(--color-primary));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}@media(max-width: 768px){.stat__number{font-size:var(--font-size-4xl)}}.stat__number::after{content:"+";-webkit-text-fill-color:var(--color-primary)}.stat__label{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-top:var(--space-sm)}.cta{position:relative;padding:var(--space-4xl) var(--space-xl);overflow:hidden}.cta__background{position:absolute;inset:0;z-index:-1}.cta__gradient{position:absolute;inset:0;background:radial-gradient(ellipse 100% 80% at 50% 100%, rgba(99, 102, 241, 0.35), transparent),radial-gradient(ellipse 80% 60% at 20% 80%, rgba(167, 99, 241, 0.2), transparent)}.cta__content{max-width:700px;margin:0 auto;text-align:center}.cta__title{font-size:var(--font-size-4xl);font-weight:800;margin-bottom:var(--space-lg)}@media(max-width: 768px){.cta__title{font-size:var(--font-size-3xl)}}.cta__description{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-2xl);line-height:1.7}.cta__buttons{display:flex;justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-lg)}.cta__note{font-size:var(--font-size-sm);color:var(--color-text-muted)}.footer{background:var(--color-bg-elevated);border-top:1px solid var(--color-border-light);padding:var(--space-4xl) var(--space-xl) var(--space-xl)}.footer__container{max-width:var(--container-max);margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:var(--space-4xl)}@media(max-width: 768px){.footer__container{grid-template-columns:1fr;gap:var(--space-2xl)}}.footer__brand{max-width:300px}.footer__logo{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.footer__logo-icon{height:47px;width:47px;max-width:47px;max-height:47px;border-radius:var(--radius-md);object-fit:contain}@media(max-width: 768px){.footer__logo-icon{height:42px;width:42px;max-width:42px;max-height:42px}}.footer__logo-text{height:48px;width:auto;max-height:48px}@media(max-width: 768px){.footer__logo-text{height:39px;max-height:39px}}.footer__tagline{color:var(--color-text-secondary)}.footer__links{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-2xl)}@media(max-width: 480px){.footer__links{grid-template-columns:1fr 1fr}}.footer__column h4{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-lg)}.footer__column a{display:block;color:var(--color-text-secondary);padding:var(--space-sm) 0;transition:color var(--transition-fast)}.footer__column a:hover{color:var(--color-text)}.footer__bottom{max-width:var(--container-max);margin:var(--space-3xl) auto 0;padding-top:var(--space-xl);border-top:1px solid var(--color-border-light);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.page-header{padding:calc(var(--nav-height) + var(--space-4xl)) var(--space-xl) var(--space-4xl);text-align:center;position:relative;overflow:hidden}.page-header::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 0%, rgba(99, 102, 241, 0.25), transparent);z-index:-1}.page-header__title{font-size:var(--font-size-5xl);font-weight:800;margin-bottom:var(--space-lg)}@media(max-width: 768px){.page-header__title{font-size:var(--font-size-3xl)}}.page-header__description{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes particleFloat{0%,100%{transform:translate(0, 0)}25%{transform:translate(10px, -10px)}50%{transform:translate(-5px, 5px)}75%{transform:translate(-10px, -5px)}}@keyframes hotspotPulse{0%{transform:translate(-50%, -50%) scale(0.8);opacity:1}100%{transform:translate(-50%, -50%) scale(2);opacity:0}}.scroll-animate{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(0.16, 1, 0.3, 1)}.scroll-animate.visible{opacity:1;transform:translateY(0)}.scroll-animate-scale{opacity:0;transform:scale(0.95);transition:all .8s cubic-bezier(0.16, 1, 0.3, 1)}.scroll-animate-scale.visible{opacity:1;transform:scale(1)}.pricing{padding:0 var(--space-xl) var(--space-4xl);max-width:var(--container-max);margin:0 auto}.pricing__toggle-container{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-3xl)}.pricing__toggle-label{font-size:var(--font-size-base);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--space-sm)}.pricing__save-badge{background:linear-gradient(135deg, var(--color-primary), var(--color-purple));padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;color:#fff}.pricing__toggle{width:56px;height:28px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;position:relative;transition:all var(--transition-base)}.pricing__toggle:hover{border-color:var(--color-primary)}.pricing__toggle.yearly{background:var(--color-primary);border-color:var(--color-primary)}.pricing__toggle.yearly .pricing__toggle-slider{transform:translateX(28px)}.pricing__toggle-slider{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:var(--radius-full);transition:transform var(--transition-base)}.pricing__grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-xl);margin-bottom:var(--space-3xl)}@media(max-width: 968px){.pricing__grid{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}}.pricing__enterprise{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl);padding:var(--space-xl);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl)}@media(max-width: 768px){.pricing__enterprise{flex-direction:column;text-align:center}}.pricing__enterprise h3{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-sm)}.pricing__enterprise p{color:var(--color-text-secondary)}.pricing-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-2xl);position:relative;transition:all var(--transition-base)}.pricing-card:hover{transform:translateY(-4px);border-color:var(--color-border)}.pricing-card--featured{background:linear-gradient(135deg, rgba(99, 102, 241, 0.15), rgba(167, 99, 241, 0.08));border-color:var(--color-primary);transform:scale(1.05)}.pricing-card--featured:hover{transform:scale(1.05) translateY(-4px);border-color:var(--color-primary-light)}.pricing-card__badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg, var(--color-primary), var(--color-purple));padding:var(--space-xs) var(--space-lg);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;white-space:nowrap}.pricing-card__header{margin-bottom:var(--space-xl)}.pricing-card__name{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-sm)}.pricing-card__description{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pricing-card__price{margin-bottom:var(--space-xl)}.pricing-card__amount{font-size:var(--font-size-4xl);font-weight:800}.pricing-card__period{color:var(--color-text-secondary)}.pricing-card__features{margin-bottom:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md)}.pricing-card__features li{display:flex;align-items:flex-start;gap:var(--space-md);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pricing-card__features li svg{width:18px;height:18px;color:var(--color-primary);flex-shrink:0;margin-top:2px}.pricing-card__cta{width:100%;justify-content:center}.pricing-card__trial{text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-md)}.comparison{padding:var(--space-4xl) var(--space-xl);background:var(--color-bg-elevated);border-top:1px solid var(--color-border-light)}.comparison__container{max-width:var(--container-max);margin:0 auto}.comparison__title{font-size:var(--font-size-3xl);font-weight:700;text-align:center;margin-bottom:var(--space-3xl)}.comparison__table-wrapper{overflow-x:auto}.comparison__table{width:100%;border-collapse:collapse}.comparison__table th,.comparison__table td{padding:var(--space-lg);text-align:left;border-bottom:1px solid var(--color-border-light)}.comparison__table th{font-weight:600;color:var(--color-text);background:var(--color-bg-card)}.comparison__table th:first-child{border-radius:var(--radius-lg) 0 0 0}.comparison__table th:last-child{border-radius:0 var(--radius-lg) 0 0}.comparison__table td{color:var(--color-text-secondary)}.comparison__table td svg{width:20px;height:20px;color:var(--color-primary)}.comparison__table tr:last-child td{border-bottom:none}.pricing-faq{padding:var(--space-4xl) var(--space-xl);max-width:var(--container-max);margin:0 auto;text-align:center}.pricing-faq h2{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-3xl)}.pricing-faq__grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--space-xl);text-align:left;margin-bottom:var(--space-2xl)}@media(max-width: 768px){.pricing-faq__grid{grid-template-columns:1fr}}.pricing-faq__item{padding:var(--space-xl);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.pricing-faq__item h4{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-md)}.pricing-faq__item p{color:var(--color-text-secondary);line-height:1.6}.about-mission{padding:0 var(--space-xl) var(--space-4xl);max-width:var(--container-max);margin:0 auto}.about-mission__container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4xl);align-items:center}@media(max-width: 968px){.about-mission__container{grid-template-columns:1fr}}.about-mission__label{display:inline-block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-md)}.about-mission__title{font-size:var(--font-size-4xl);font-weight:800;margin-bottom:var(--space-xl)}@media(max-width: 768px){.about-mission__title{font-size:var(--font-size-3xl)}}.about-mission__text{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:1.8;margin-bottom:var(--space-lg)}.about-mission__image-wrapper{border-radius:var(--radius-2xl);overflow:hidden;border:1px solid var(--color-border)}.about-mission__image{width:100%;display:block}.about-values{padding:var(--space-4xl) var(--space-xl);background:var(--color-bg-elevated);border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light)}.about-values__container{max-width:var(--container-max);margin:0 auto;text-align:center}.about-values__label{display:inline-block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-md)}.about-values__title{font-size:var(--font-size-4xl);font-weight:800;margin-bottom:var(--space-3xl)}.about-values__grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--space-xl)}@media(max-width: 968px){.about-values__grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 480px){.about-values__grid{grid-template-columns:1fr}}.value-card{text-align:center;padding:var(--space-xl)}.value-card__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:0 auto var(--space-lg)}.value-card__icon svg{width:28px;height:28px;stroke:var(--color-primary)}.value-card__title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-md)}.value-card__description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6}.about-team{padding:var(--space-4xl) var(--space-xl);max-width:var(--container-max);margin:0 auto;text-align:center}.about-team__label{display:inline-block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-md)}.about-team__title{font-size:var(--font-size-4xl);font-weight:800;margin-bottom:var(--space-lg)}.about-team__description{color:var(--color-text-secondary);font-size:var(--font-size-lg);max-width:600px;margin:0 auto var(--space-3xl)}.about-team__grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--space-xl)}@media(max-width: 968px){.about-team__grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 480px){.about-team__grid{grid-template-columns:1fr}}.team-card{text-align:center}.team-card__image{width:120px;height:120px;border-radius:var(--radius-full);overflow:hidden;margin:0 auto var(--space-lg);border:2px solid var(--color-border)}.team-card__image img{width:100%;height:100%;object-fit:cover}.team-card__name{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-xs)}.team-card__role{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-md)}.team-card__bio{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6}.about-contact{padding:var(--space-4xl) var(--space-xl);background:var(--color-bg-elevated);text-align:center}.about-contact__container{max-width:var(--container-max);margin:0 auto}.about-contact__title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-md)}.about-contact__description{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--space-3xl)}.about-contact__methods{display:flex;justify-content:center;gap:var(--space-xl);flex-wrap:wrap}.contact-method{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-xl);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-base);text-align:left}.contact-method:hover{border-color:var(--color-primary);transform:translateY(-2px)}.contact-method__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-hover);border-radius:var(--radius-lg)}.contact-method__icon svg{width:24px;height:24px;color:var(--color-primary)}.contact-method__content h4{font-weight:600;margin-bottom:var(--space-xs)}.contact-method__content p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.faq-search{padding:0 var(--space-xl) var(--space-3xl);max-width:600px;margin:0 auto}.faq-search__input-wrapper{position:relative}.faq-search__icon{position:absolute;left:var(--space-lg);top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--color-text-muted)}.faq-search__input{width:100%;padding:var(--space-lg) var(--space-lg) var(--space-lg) calc(var(--space-lg)*2 + 20px);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);font-size:var(--font-size-base);color:var(--color-text);outline:none;transition:all var(--transition-base)}.faq-search__input::placeholder{color:var(--color-text-muted)}.faq-search__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.faq{padding:0 var(--space-xl) var(--space-4xl)}.faq__container{max-width:800px;margin:0 auto}.faq__category{margin-bottom:var(--space-3xl)}.faq__category-title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border-light)}.faq__item{margin-bottom:var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.faq__item:hover{border-color:var(--color-border)}.faq__item.active{border-color:var(--color-primary)}.faq__item.active .faq__question svg{transform:rotate(180deg)}.faq__item.active .faq__answer{max-height:500px;padding:0 var(--space-xl) var(--space-xl)}.faq__question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-xl);background:none;border:none;text-align:left;cursor:pointer;font-size:var(--font-size-base);font-weight:600;color:var(--color-text)}.faq__question svg{width:20px;height:20px;flex-shrink:0;color:var(--color-text-muted);transition:transform var(--transition-base)}.faq__answer{max-height:0;overflow:hidden;transition:all var(--transition-slow)}.faq__answer p{color:var(--color-text-secondary);line-height:1.7}.faq-contact{padding:var(--space-4xl) var(--space-xl);background:var(--color-bg-elevated);text-align:center}.faq-contact__container{max-width:600px;margin:0 auto}.faq-contact h2{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-md)}.faq-contact p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--space-2xl)}.faq-contact__options{display:flex;justify-content:center;gap:var(--space-lg);flex-wrap:wrap}.page-header--legal{padding-bottom:var(--space-2xl)}.legal{padding:0 var(--space-xl) var(--space-4xl)}.legal__container{max-width:var(--container-max);margin:0 auto;display:grid;grid-template-columns:250px 1fr;gap:var(--space-4xl)}@media(max-width: 968px){.legal__container{grid-template-columns:1fr}}.legal__nav{position:sticky;top:calc(var(--nav-height) + var(--space-xl));height:fit-content}@media(max-width: 968px){.legal__nav{display:none}}.legal__nav h4{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-lg)}.legal__nav ul{display:flex;flex-direction:column;gap:var(--space-sm)}.legal__nav a{display:block;padding:var(--space-sm) 0;color:var(--color-text-secondary);font-size:var(--font-size-sm);transition:color var(--transition-fast)}.legal__nav a:hover{color:var(--color-primary)}.legal__content section{margin-bottom:var(--space-3xl)}.legal__content h2{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-lg);padding-top:var(--space-xl)}.legal__content h3{font-size:var(--font-size-lg);font-weight:600;margin-top:var(--space-xl);margin-bottom:var(--space-md)}.legal__content p{color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--space-lg)}.legal__content ul{margin-bottom:var(--space-lg);padding-left:var(--space-xl)}.legal__content ul li{color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--space-sm);position:relative}.legal__content ul li::before{content:"";position:absolute;left:-var(--space-lg);top:10px;width:6px;height:6px;background:var(--color-primary);border-radius:var(--radius-full)}.legal__content ul li strong{color:var(--color-text)}.legal__divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-4xl) 0}
