.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color)}.header__container{display:flex;align-items:center;justify-content:space-between;height:72px}.header__logo{display:flex;align-items:center}.header__logo-img{height:32px;width:auto}.header__nav{display:flex;gap:var(--spacing-xl)}.header__nav-item{position:relative;height:100%;display:flex;align-items:center}.header__link{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);transition:color var(--transition-base);position:relative;display:flex;align-items:center;gap:4px}.header__chevron{transition:transform .2s}.header__chevron.open{transform:rotate(180deg)}.header__dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-xs);box-shadow:var(--shadow-xl);width:360px;margin-top:12px;z-index:1100}.header__dropdown-grid{display:flex;flex-direction:column}.header__dropdown-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-lg);transition:background-color var(--transition-base)}.header__dropdown-item:hover{background-color:var(--bg-secondary)}.header__dropdown-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.header__dropdown-icon img{width:24px;height:24px;object-fit:contain}.header__dropdown-content{display:flex;flex-direction:column;gap:2px}.header__dropdown-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.header__dropdown-desc{font-size:12px;color:var(--text-secondary);line-height:1.4}.header__link.active:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--gradient-brand);border-radius:var(--radius-full)}.header__actions{display:flex;align-items:center;gap:var(--spacing-md)}.header__lang{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-base)}.header__lang:hover{color:var(--text-primary);border-color:var(--border-color-hover)}.header__cta{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm)}.header__menu-btn{display:none;color:var(--text-primary)}.header__mobile-menu{display:none;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.header__mobile-link{font-size:var(--font-size-lg);color:var(--text-secondary);padding:var(--spacing-sm) 0}@media(max-width:768px){.header__nav,.header__actions .header__cta,.header__actions .header__lang{display:none}.header__menu-btn,.header__mobile-menu{display:flex}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--spacing-4xl) 0 var(--spacing-xl)}.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--spacing-3xl);margin-bottom:var(--spacing-3xl)}.footer__brand{display:flex;flex-direction:column;gap:var(--spacing-md)}.footer__logo img{height:28px;width:auto}.footer__tagline{color:var(--text-secondary);font-size:var(--font-size-sm);max-width:280px}.footer__social{display:flex;gap:var(--spacing-md)}.footer__social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background:var(--bg-elevated);color:var(--text-secondary);transition:all var(--transition-base)}.footer__social a:hover{background:var(--accent-purple);color:#fff}.footer__column{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer__column h4{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.footer__column a{font-size:var(--font-size-sm);color:var(--text-secondary);transition:color var(--transition-base)}.footer__column a:hover{color:var(--text-primary)}.footer__bottom{padding-top:var(--spacing-xl);border-top:1px solid var(--border-color)}.footer__bottom p{font-size:var(--font-size-sm);color:var(--text-muted);text-align:center}@media(max-width:768px){.footer__grid{grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.footer__brand{grid-column:1 / -1}}@media(max-width:480px){.footer__grid{grid-template-columns:1fr}}.data-insights{margin-top:60px;padding:40px 20px;background:linear-gradient(135deg,#f8fafc,#fff);border-radius:24px;box-shadow:0 4px 20px #00000008;text-align:left}.data-insights__header{text-align:center;margin-bottom:40px}.data-insights__title{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px}.data-insights__subtitle{font-size:1.1rem;color:#64748b;max-width:800px;margin:0 auto;line-height:1.6}.data-insights__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:1024px){.data-insights__grid{grid-template-columns:repeat(1,1fr)}}.insight-card{background:#fff;border-radius:16px;padding:32px;position:relative;overflow:hidden;border:1px solid rgba(226,232,240,.8);transition:all .3s ease;display:flex;flex-direction:column}.insight-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000014;border-color:#cbd5e1}.insight-card--pixel{background:linear-gradient(180deg,#fff,#f0f9ff)}.insight-card--pixel:hover{border-color:#0ea5e9}.insight-card--fit{background:linear-gradient(180deg,#fff,#f0fdf4)}.insight-card--fit:hover{border-color:#22c55e}.insight-card--stock{background:linear-gradient(180deg,#fff,#fff1f2)}.insight-card--stock:hover{border-color:#f43f5e}.insight-card__icon{font-size:2.5rem;margin-bottom:24px;display:inline-block;padding:16px;border-radius:12px;background:#fffc;box-shadow:0 4px 6px #0000000d;width:fit-content}.insight-card__title{font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:12px}.insight-card__description{font-size:.95rem;color:#64748b;line-height:1.6;margin-bottom:24px;flex-grow:1}.insight-card__code-block{background:#1e293b;border-radius:8px;padding:16px;font-family:Fira Code,monospace;font-size:.75rem;color:#e2e8f0;margin-top:auto;position:relative;overflow:hidden}.insight-card__code-block:before{content:"Pixel Event";position:absolute;top:0;right:0;background:#334155;color:#94a3b8;font-size:.6rem;padding:2px 6px;border-bottom-left-radius:4px}.insight-card__stat{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:20px;border-top:1px solid rgba(0,0,0,.05)}.stat-value{font-size:1.5rem;font-weight:800;color:#0f172a}.stat-label{font-size:.8rem;color:#64748b;font-weight:500}.insight-card--pixel .stat-value{color:#0284c7}.insight-card--fit .stat-value{color:#16a34a}.insight-card--stock .stat-value{color:#e11d48}.code-keyword{color:#c678dd}.code-function{color:#61afef}.code-string{color:#98c379}.code-object{color:#e06c75}.hero{min-height:100vh;display:flex;align-items:center;position:relative;padding-top:72px;overflow:hidden;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero__glow{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(120px);opacity:.3}.hero__glow--left{top:10%;left:-10%;background:var(--gradient-start)}.hero__glow--right{bottom:10%;right:-10%;background:var(--accent-purple)}.hero__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%);mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%)}.hero__container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4xl);align-items:center;position:relative;z-index:1}.hero__content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.hero__badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#a855f71a;border:1px solid rgba(168,85,247,.2);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;color:var(--accent-purple);width:fit-content}.hero__title{font-size:var(--font-size-5xl);font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--text-primary)}.hero__subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:500px;line-height:1.7}.hero__actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.hero__visual{display:flex;justify-content:center;align-items:center;perspective:1000px;height:600px}.hero__carousel{position:relative;width:300px;height:600px;display:flex;justify-content:center;align-items:center}.hero__carousel-item{position:absolute;width:300px;height:600px;display:flex;justify-content:center;align-items:center;transition:all .5s ease-out}.hero__phone{width:100%;height:100%;background:var(--bg-card);border:1px solid var(--border-color);border-radius:40px;padding:12px;box-shadow:var(--shadow-lg);transition:all .3s ease}.hero__phone--inactive{border-color:transparent;background:transparent;box-shadow:none;padding:0}.hero__phone--inactive .hero__phone-screen{border-radius:20px;opacity:.8}.hero__phone-screen{width:100%;height:100%;background:var(--bg-secondary);border-radius:32px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.hero__demo-gif{width:100%;height:100%;object-fit:cover}.stats{background:var(--bg-primary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl)}.stats__item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-xl)}.stats__icon{color:var(--accent-purple);margin-bottom:var(--spacing-md)}.stats__value{font-size:var(--font-size-4xl);font-weight:800;margin-bottom:var(--spacing-xs)}.stats__label{font-size:var(--font-size-sm);color:var(--text-secondary)}.products__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.product-card{display:flex;flex-direction:column;gap:var(--spacing-md);cursor:pointer}.product-card__icon{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff}.product-card__icon--image{padding:10px}.product-card__icon--image img{width:100%;height:100%;object-fit:contain}.product-card__title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.product-card__tagline{font-size:var(--font-size-sm);color:var(--accent-purple);font-weight:500}.product-card__description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6;flex:1}.product-card__link{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600;margin-top:var(--spacing-sm);transition:gap var(--transition-base)}.product-card__link:hover{gap:var(--spacing-md)}.benefits{background:var(--bg-secondary)}.benefits__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl)}.benefit-card{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl);border-radius:var(--radius-xl);background:var(--bg-card);border:1px solid var(--border-color);transition:all var(--transition-base)}.benefit-card:hover{border-color:var(--accent-purple);box-shadow:var(--shadow-md)}.benefit-card__icon{width:48px;height:48px;border-radius:var(--radius-md);background:#a855f71a;display:flex;align-items:center;justify-content:center;color:var(--accent-purple)}.benefit-card__title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.benefit-card__description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.cta{background:var(--bg-primary)}.cta__content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-4xl);background:var(--gradient-glow);border:1px solid var(--border-color);border-radius:var(--radius-2xl)}.cta__title{font-size:var(--font-size-3xl);font-weight:800;margin-bottom:var(--spacing-md);color:var(--text-primary)}.cta__subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-xl)}@media(max-width:1024px){.hero__container{grid-template-columns:1fr;text-align:center;gap:var(--spacing-xl)}.hero__content{align-items:center}.hero__subtitle{max-width:600px}.hero__visual{display:flex;height:500px;margin-top:var(--spacing-xl)}.hero__carousel{transform:scale(.8)}.products__grid{grid-template-columns:1fr}.benefits__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero__title{font-size:var(--font-size-4xl)}.hero__actions{flex-direction:column;width:100%}.hero__actions .btn{width:100%;justify-content:center}.hero__visual{height:400px}.hero__carousel{transform:scale(.65)}.stats__grid{grid-template-columns:repeat(2,1fr)}.benefits__grid{grid-template-columns:1fr}}.products-page{padding-top:calc(72px + var(--spacing-4xl));padding-bottom:var(--spacing-4xl);min-height:100vh;background:var(--bg-primary)}.products-page__header{text-align:center;margin-bottom:var(--spacing-4xl)}.products-page__title{font-size:var(--font-size-4xl);font-weight:800;margin-bottom:var(--spacing-md);color:var(--text-primary)}.products-page__subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;margin:0 auto}.products-page__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.product-detail-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base)}.product-detail-card:hover{transform:translateY(-8px);border-color:var(--border-color-hover);box-shadow:var(--shadow-lg)}.product-detail-card__header{padding:var(--spacing-3xl);display:flex;align-items:center;justify-content:center;color:#fff}.product-detail-card__content{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md)}.product-detail-card__content h2{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary)}.product-detail-card__tagline{font-size:var(--font-size-sm);color:var(--accent-purple);font-weight:500}.product-detail-card__content p{color:var(--text-secondary);line-height:1.6}.product-detail-card__features{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin:var(--spacing-md) 0}.product-detail-card__features li{padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--text-secondary)}@media(max-width:1024px){.products-page__grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}}.showcase-mockup-container{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--spacing-3xl);align-items:center;padding:var(--spacing-xl);background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin:var(--spacing-2xl) 0;box-shadow:0 20px 40px #0003}.showcase-mockup-content{display:flex;flex-direction:column;gap:var(--spacing-xl);text-align:left}.showcase-mockup-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.05em;color:#fff;width:fit-content;background:linear-gradient(135deg,#a855f7,#ec4899);box-shadow:0 4px 12px #ec489933}.sparkle-icon{animation:pulse-sparkle 2s infinite ease-in-out}@keyframes pulse-sparkle{0%,to{transform:scale(1) rotate(0);opacity:.8}50%{transform:scale(1.2) rotate(15deg);opacity:1}}.showcase-mockup-title{font-size:var(--font-size-3xl);font-weight:800;color:var(--text-primary);line-height:1.2}.showcase-mockup-subtitle{font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.6}.showcase-model-selector{display:flex;flex-direction:column;gap:var(--spacing-md)}.selector-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.model-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.model-select-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;width:100%}.model-select-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.model-select-card.selected{background:#ec489914;border-color:#ec4899;box-shadow:0 0 15px #ec489926}.model-card-avatar-wrapper{position:relative;width:48px;height:48px;flex-shrink:0}.model-card-avatar{width:100%;height:100%;border-radius:var(--radius-lg);object-fit:cover;border:1.5px solid rgba(255,255,255,.2)}.model-select-card.selected .model-card-avatar{border-color:#ec4899}.model-card-check{position:absolute;bottom:-4px;right:-4px;background:#ec4899;color:#fff;border-radius:var(--radius-full);width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:1.5px solid #1a1a1a;box-shadow:0 2px 5px #0000004d}.model-card-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.model-card-name{font-size:var(--font-size-md);font-weight:700;color:var(--text-primary)}.model-card-role{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.showcase-tutorial-hint{display:flex;gap:var(--spacing-md);align-items:flex-start;background:#ffffff05;border-left:3px solid #ec4899;padding:var(--spacing-md);border-radius:0 var(--radius-lg) var(--radius-lg) 0;margin-top:var(--spacing-sm)}.hint-indicator{font-size:var(--font-size-lg);animation:wiggle 3s infinite ease-in-out}@keyframes wiggle{0%,to{transform:rotate(0)}10%{transform:rotate(-10deg)}20%{transform:rotate(12deg)}30%{transform:rotate(-10deg)}40%{transform:rotate(8deg)}50%{transform:rotate(0)}}.hint-text{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5;margin:0}.simulator-phone-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);justify-content:center}.simulator-smartphone{position:relative;width:320px;height:640px;background:#111;border:12px solid #2a2a2a;border-radius:45px;box-shadow:0 25px 50px -12px #000000b3,0 0 30px #ffffff0d;overflow:hidden;display:flex;flex-direction:column;border-color:#222}.smartphone-speaker-bar{position:absolute;top:8px;left:50%;transform:translate(-50%);width:60px;height:4px;background:#444;border-radius:2px;z-index:10}.smartphone-camera-dot{position:absolute;top:18px;left:50%;transform:translate(-50%);width:8px;height:8px;background:#1a1a1a;border-radius:50%;border:1px solid #333;z-index:10}.smartphone-screen-content{width:100%;height:calc(100% - 24px);margin-top:12px;background:#0d0d0d;border-radius:35px;overflow:hidden;position:relative}.smartphone-iframe-element{width:100%;height:100%;border:none;background:#0d0d0d}.smartphone-home-button-ring{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:12px;height:4px;background:#333;border-radius:2px;z-index:10}.simulator-status-caption{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--text-muted)}@media(max-width:1024px){.showcase-mockup-container{grid-template-columns:1fr;gap:var(--spacing-2xl);padding:var(--spacing-lg)}.simulator-phone-wrapper{order:-1}}@media(max-width:640px){.model-cards-grid{grid-template-columns:1fr}.simulator-smartphone{width:280px;height:560px}}.product-detail{padding-top:72px}.product-detail__hero{padding:var(--spacing-4xl) 0}.product-detail__hero .container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4xl);align-items:center}.product-detail__hero-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.product-detail__badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;color:#fff;width:fit-content}.product-detail__hero-content h1{font-size:var(--font-size-5xl);font-weight:800;color:var(--text-primary)}.product-detail__hero-content p{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:1.7}.product-detail__actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.product-detail__hero-visual{display:flex;justify-content:center}.product-detail__phone{width:280px;height:560px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:40px;padding:12px;box-shadow:var(--shadow-lg)}.product-detail__phone-screen{width:100%;height:100%;background:var(--bg-secondary);border-radius:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);color:var(--text-muted)}.product-detail__demo{background:var(--bg-secondary)}.product-detail__features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md)}.feature-card__icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.feature-card h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.feature-card p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6}@media(max-width:1024px){.product-detail__hero .container{grid-template-columns:1fr;text-align:center}.product-detail__hero-content{align-items:center}.product-detail__hero-visual{display:none}.product-detail__features-grid{grid-template-columns:1fr}}.case-studies-page{padding-top:calc(72px + var(--spacing-4xl));padding-bottom:var(--spacing-4xl);min-height:100vh;background:var(--bg-primary)}.case-studies-page__header{text-align:center;margin-bottom:var(--spacing-4xl)}.case-studies-page__header h1{font-size:var(--font-size-4xl);font-weight:800;margin-bottom:var(--spacing-md);color:var(--text-primary)}.case-studies-page__header p{font-size:var(--font-size-lg);color:var(--text-secondary)}.case-studies-page__grid{display:flex;flex-direction:column;gap:var(--spacing-xl);max-width:900px;margin:0 auto}.case-study-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:all var(--transition-base)}.case-study-card:hover{border-color:var(--accent-purple);box-shadow:var(--shadow-md)}.case-study-card__header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.case-study-card__logo{font-size:2.5rem}.case-study-card__header h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.case-study-card__industry{font-size:var(--font-size-sm);color:var(--text-muted)}.case-study-card__title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-md);color:var(--text-primary)}.case-study-card__description{color:var(--text-secondary);line-height:1.7;margin-bottom:var(--spacing-lg)}.case-study-card__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.case-study-stat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-xs)}.case-study-stat svg{color:var(--accent-purple)}.case-study-stat__value{font-size:var(--font-size-xl);font-weight:700}.case-study-stat__label{font-size:var(--font-size-xs);color:var(--text-muted)}.case-studies-page__cta{text-align:center;margin-top:var(--spacing-4xl);padding:var(--spacing-3xl);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-2xl)}.case-studies-page__cta h2{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-lg);color:var(--text-primary)}@media(max-width:768px){.case-study-card__stats{grid-template-columns:1fr}}.faq-page{padding-top:calc(72px + var(--spacing-4xl));padding-bottom:var(--spacing-4xl);min-height:100vh;background:var(--bg-primary)}.faq-page__header{text-align:center;margin-bottom:var(--spacing-4xl)}.faq-page__header h1{font-size:var(--font-size-4xl);font-weight:800;margin-bottom:var(--spacing-md);color:var(--text-primary)}.faq-page__header p{font-size:var(--font-size-lg);color:var(--text-secondary)}.faq-page__list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-md)}.faq-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-base)}.faq-item:hover,.faq-item.open{border-color:var(--accent-purple)}.faq-item__question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);text-align:left}.faq-item__icon{color:var(--text-muted);transition:transform var(--transition-base)}.faq-item.open .faq-item__icon{transform:rotate(180deg)}.faq-item__answer{overflow:hidden}.faq-item__answer p{padding:0 var(--spacing-lg) var(--spacing-lg);color:var(--text-secondary);line-height:1.7}.contact-page{padding-top:calc(72px + var(--spacing-4xl));padding-bottom:var(--spacing-4xl);min-height:100vh;background:var(--bg-primary)}.contact-page__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4xl);align-items:start}.contact-page__info h1{font-size:var(--font-size-4xl);font-weight:800;margin-bottom:var(--spacing-md);color:var(--text-primary)}.contact-page__info>p{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-3xl)}.contact-page__details{display:flex;flex-direction:column;gap:var(--spacing-lg)}.contact-detail{display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-secondary)}.contact-detail svg{color:var(--accent-purple)}.contact-page__form-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-xl)}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.form-group input,.form-group textarea{padding:var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--text-primary);font-family:inherit;transition:border-color var(--transition-base)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-purple)}.form-group textarea{resize:vertical;min-height:120px}.contact-page__success{text-align:center;padding:var(--spacing-3xl)}.success-icon{width:64px;height:64px;border-radius:50%;background:var(--accent-purple);color:#fff;font-size:var(--font-size-2xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg)}.contact-page__success h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm);color:var(--text-primary)}.contact-page__success p{color:var(--text-secondary)}@media(max-width:768px){.contact-page__grid{grid-template-columns:1fr}}.integration-hero{padding:120px 0 80px;background:linear-gradient(135deg,#0f0f23,#1a1a3e,#2d1b4e);position:relative;overflow:hidden}.integration-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(236,72,153,.1) 0%,transparent 50%);pointer-events:none}.integration-hero__content{text-align:center;max-width:700px;margin:0 auto;position:relative;z-index:1}.integration-hero__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#8b5cf633;border:1px solid rgba(139,92,246,.3);border-radius:20px;color:#a78bfa;font-size:14px;font-weight:500;margin-bottom:24px}.integration-hero h1{font-size:48px;font-weight:700;color:#fff;margin-bottom:20px;letter-spacing:-1px}.integration-hero p{font-size:18px;color:#ffffffb3;line-height:1.6;margin-bottom:32px}.integration-hero__actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;font-weight:600;font-size:15px;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;box-shadow:0 4px 20px #8b5cf666}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px #8b5cf680}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#ffffff26}.btn-large{padding:16px 32px;font-size:16px}.integration-features{padding:80px 0;background:#fafafa}.integration-features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{background:#fff;padding:32px;border-radius:16px;box-shadow:0 4px 20px #0000000d;transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001a}.feature-card__icon{width:56px;height:56px;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:20px}.feature-card h3{font-size:18px;font-weight:600;color:#1a1a2e;margin-bottom:12px}.feature-card p{color:#64748b;line-height:1.6}.section-header{text-align:center;margin-bottom:48px}.section-header h2{font-size:36px;font-weight:700;color:#1a1a2e;margin-bottom:12px}.section-header p{font-size:18px;color:#64748b}.integration-quickstart{padding:80px 0;background:#fff}.quickstart-steps{max-width:800px;margin:0 auto}.quickstart-step{display:flex;gap:24px;padding:32px;background:#fafafa;border-radius:16px;margin-bottom:16px;transition:all .3s ease}.quickstart-step:hover{background:#f0f0ff}.quickstart-step__number{width:48px;height:48px;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px;flex-shrink:0}.quickstart-step__content h3{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;color:#1a1a2e;margin-bottom:12px}.quickstart-step__content h3 svg{color:#8b5cf6}.quickstart-step__content p{color:#64748b;line-height:1.6;margin-bottom:16px}.step-link{display:inline-flex;align-items:center;gap:6px;color:#8b5cf6;font-weight:600;text-decoration:none}.step-link:hover{text-decoration:underline}.code-inline{background:#1a1a2e;padding:12px 16px;border-radius:8px;overflow-x:auto}.code-inline code{color:#a5f3fc;font-family:Fira Code,Monaco,monospace;font-size:13px}.integration-code{padding:80px 0;background:#0f0f23}.integration-code .section-header h2,.integration-code .section-header p{color:#fff}.integration-code .section-header p{color:#fff9}.code-tabs{max-width:900px;margin:0 auto;border-radius:16px;overflow:hidden;background:#1a1a2e;box-shadow:0 8px 40px #0000004d}.code-tabs__header{display:flex;background:#252542;border-bottom:1px solid rgba(255,255,255,.1)}.code-tab{padding:16px 24px;background:none;border:none;color:#ffffff80;font-weight:500;font-size:14px;cursor:pointer;transition:all .3s ease;position:relative}.code-tab:hover{color:#fffc}.code-tab.active{color:#fff}.code-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:linear-gradient(135deg,#8b5cf6,#ec4899)}.code-tabs__content{position:relative;padding:24px}.code-copy{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:6px;padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:13px;cursor:pointer;transition:all .3s ease}.code-copy:hover{background:#ffffff26}.code-tabs__content pre{margin:0;padding:16px 0;overflow-x:auto}.code-tabs__content code{color:#e2e8f0;font-family:Fira Code,Monaco,monospace;font-size:13px;line-height:1.7;white-space:pre}.integration-api{padding:80px 0;background:#fff}.api-methods{max-width:900px;margin:0 auto}.api-method{background:#fafafa;border-radius:16px;padding:24px;margin-bottom:24px}.api-method__header{margin-bottom:12px}.api-method__name{font-size:18px;font-weight:600;color:#8b5cf6;background:#8b5cf61a;padding:8px 16px;border-radius:8px}.api-method__desc{color:#64748b;margin-bottom:20px;line-height:1.6}.api-method__params{width:100%;border-collapse:collapse;font-size:14px}.api-method__params th{text-align:left;padding:12px;background:#e2e8f0;color:#475569;font-weight:600}.api-method__params th:first-child{border-radius:8px 0 0 8px}.api-method__params th:last-child{border-radius:0 8px 8px 0}.api-method__params td{padding:12px;border-bottom:1px solid #e2e8f0;color:#475569}.api-method__params td code{background:#e2e8f0;padding:2px 8px;border-radius:4px;font-size:13px;color:#1e293b}.integration-events{padding:80px 0;background:#fafafa}.events-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:1000px;margin:0 auto}.events-code{background:#1a1a2e;border-radius:16px;padding:24px;overflow-x:auto}.events-code pre{margin:0}.events-code code{color:#e2e8f0;font-family:Fira Code,Monaco,monospace;font-size:13px;line-height:1.7}.events-list{display:flex;flex-direction:column;gap:12px}.event-item{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.event-item code{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;white-space:nowrap}.event-item span{color:#64748b;font-size:14px}.integration-cta{padding:100px 0;background:linear-gradient(135deg,#8b5cf6,#ec4899)}.integration-cta__content{text-align:center;max-width:600px;margin:0 auto}.integration-cta h2{font-size:36px;font-weight:700;color:#fff;margin-bottom:16px}.integration-cta p{font-size:18px;color:#ffffffe6;margin-bottom:32px;line-height:1.6}.integration-cta__actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.integration-cta .btn-primary{background:#fff;color:#8b5cf6;box-shadow:0 4px 20px #0003}.integration-cta .btn-primary:hover{background:#f8fafc}.integration-cta .btn-secondary{background:#fff3;color:#fff;border-color:#ffffff4d}@media(max-width:768px){.integration-hero{padding:80px 0 60px}.integration-hero h1{font-size:32px}.integration-hero p{font-size:16px}.integration-features__grid{grid-template-columns:1fr}.quickstart-step{flex-direction:column;text-align:center}.quickstart-step__number{margin:0 auto}.quickstart-step__content h3{justify-content:center}.code-tabs__header{overflow-x:auto}.code-tab{padding:12px 16px;font-size:13px;white-space:nowrap}.events-grid{grid-template-columns:1fr}.api-method__params{display:block;overflow-x:auto}.section-header h2,.integration-cta h2{font-size:28px}}.book-demo{padding:120px 0 80px;min-height:100vh;background:var(--bg-primary)}.book-demo__container{max-width:800px}.book-demo__header{margin-bottom:40px}.book-demo__title{font-size:2.5rem;font-weight:700;margin-bottom:16px;color:var(--text-primary);background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.book-demo__subtitle{font-size:1.1rem;color:var(--text-secondary);line-height:1.6}.book-demo__card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:40px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.book-demo__step-title{display:flex;align-items:center;gap:12px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.book-demo__step-title .icon{color:#10b981}.book-demo__step-title h2{font-size:1.5rem;font-weight:600;margin:0;color:var(--text-primary)}.book-demo__loading{text-align:center;padding:40px 0;color:var(--text-secondary)}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:#10b981;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.book-demo__empty{text-align:center;padding:40px 0;color:var(--text-secondary)}.book-demo__error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444;padding:16px;border-radius:8px;margin-bottom:24px}.book-demo__date-group{margin-bottom:32px}.book-demo__date-group:last-child{margin-bottom:0}.book-demo__date-title{font-size:1.1rem;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.book-demo__time-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.book-demo__time-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .2s ease}.book-demo__time-btn:hover{border-color:#10b981;color:#10b981;background:#10b9810d}.book-demo__selected-time{background:var(--bg-secondary);padding:16px;border-radius:8px;margin-bottom:30px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border-color)}.book-demo__change-time{background:none;border:none;color:#10b981;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px}.book-demo__change-time:hover{background:#10b9811a}.book-demo__form .form-group{margin-bottom:24px}.book-demo__form label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;color:var(--text-secondary)}.book-demo__form input{width:100%;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;transition:all .2s ease}.book-demo__form .input-wrapper .input-icon+input{padding-left:44px}.book-demo__form input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.book-demo__submit{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;font-size:1.1rem;margin-top:32px}.book-demo__success{text-align:center;padding:40px 0}.success-icon{color:#10b981;margin-bottom:24px;display:flex;justify-content:center}.book-demo__success h2{font-size:1.8rem;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.book-demo__success p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:8px}.book-demo__success .sub-text{font-size:.95rem;color:var(--text-tertiary)}.success-actions{margin-top:40px}@media(max-width:768px){.book-demo__card{padding:24px}.book-demo__title{font-size:2rem}.book-demo__selected-time{flex-direction:column;align-items:flex-start;gap:12px}.book-demo__change-time{width:100%;text-align:center;background:#10b9811a;padding:8px}}:root{--gradient-start: #FF9A3D;--gradient-mid-1: #F97316;--gradient-mid-2: #A855F7;--gradient-end: #3B82F6;--bg-primary: #FFFFFF;--bg-secondary: #F9FAFB;--bg-card: #FFFFFF;--bg-card-hover: #F3F4F6;--bg-elevated: #F3F4F6;--text-primary: #111827;--text-secondary: #6B7280;--text-muted: #9CA3AF;--accent-purple: #A855F7;--accent-blue: #3B82F6;--accent-orange: #F97316;--border-color: rgba(0, 0, 0, .08);--border-color-hover: rgba(0, 0, 0, .15);--gradient-brand: linear-gradient(135deg, var(--gradient-start), var(--gradient-mid-2), var(--gradient-end));--gradient-text: linear-gradient(90deg, var(--gradient-start), var(--gradient-mid-2), var(--gradient-end));--gradient-glow: radial-gradient(ellipse at center, rgba(168, 85, 247, .08) 0%, transparent 70%);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1);--shadow-glow: 0 0 40px rgba(168, 85, 247, .15);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .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;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--container-max: 1280px;--container-padding: 1.5rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background:var(--bg-primary);min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img,video{max-width:100%;height:auto;display:block}ul,ol{list-style:none}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-lg);transition:all var(--transition-base);white-space:nowrap}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 60px #a855f74d}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{border-color:var(--accent-purple);background:#a855f70d}.section{padding:var(--spacing-4xl) 0;position:relative}.section-title{font-size:var(--font-size-4xl);font-weight:800;margin-bottom:var(--spacing-lg);text-align:center;color:var(--text-primary)}.section-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);text-align:center;max-width:600px;margin:0 auto var(--spacing-3xl)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.card:hover{border-color:var(--border-color-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg)}@media(max-width:768px){:root{--font-size-5xl: 2.5rem;--font-size-6xl: 3rem;--spacing-4xl: 4rem}.section-title{font-size:var(--font-size-3xl)}}