*,*::before,*::after{box-sizing: border-box;margin: 0;padding: 0}:root,[data-theme="light"]{--color-bg: #f3f5f8;--color-surface: #ffffff;--color-surface-2: #f8f9fb;--color-surface-offset: #edf0f4;--color-border: #dce1e8;--color-text: #1a2b42;--color-text-muted: #5a6a7e;--color-text-faint: #94a3b8;--color-primary: #2c4a7c;--color-primary-hover: #1e3a65;--color-primary-light: rgba(44,74,124,0.08);--color-primary-glow: rgba(44,74,124,0.15);--color-accent: #c44b4b;--color-accent-soft: rgba(196,75,75,0.08);--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-text-inverse: #ffffff;--font-body: 'General Sans',-apple-system,BlinkMacSystemFont,sans-serif;--font-logo: 'Nunito Sans',sans-serif;--radius-sm: 0.375rem;--radius-md: 0.625rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(26,43,66,0.06);--shadow-md: 0 4px 16px rgba(26,43,66,0.08);--shadow-lg: 0 12px 40px rgba(26,43,66,0.12);--shadow-xl: 0 24px 64px rgba(26,43,66,0.16);--shadow-glow: 0 0 60px rgba(44,74,124,0.15);--transition-fast: 180ms cubic-bezier(0.16,1,0.3,1);--transition-smooth: 350ms cubic-bezier(0.16,1,0.3,1);--transition-slow: 600ms cubic-bezier(0.16,1,0.3,1);--nav-height: 64px;--content-max: 1200px;--device-bg: #1a2b42;--device-toolbar: #0f1a2a;--glass-bg: rgba(255,255,255,0.6);--glass-border: rgba(255,255,255,0.8);--glass-blur: 20px;--gradient-accent: linear-gradient(135deg,#2c4a7c,#5b9cf5,#60d4e8);--gradient-accent-vivid: linear-gradient(135deg,#38bdf8,#5b9cf5,#818cf8);--gradient-border: linear-gradient(135deg,rgba(44,74,124,0.4),rgba(91,156,245,0.3),rgba(96,212,232,0.2))}[data-theme="dark"]{--color-bg: #111827;--color-surface: #1a2332;--color-surface-2: #1f2b3d;--color-surface-offset: #151e2e;--color-border: #2e3d55;--color-text: #e2e6f0;--color-text-muted: #9ba4bc;--color-text-faint: #606a82;--color-primary: #5b9cf5;--color-primary-hover: #7bb3ff;--color-primary-light: rgba(91,156,245,0.12);--color-primary-glow: rgba(91,156,245,0.2);--color-accent: #e06262;--color-accent-soft: rgba(224,98,98,0.12);--color-success: #4cc882;--color-warning: #e4b54a;--color-error: #f87171;--color-text-inverse: #ffffff;--shadow-sm: 0 1px 3px rgba(0,0,0,0.3),0 1px 2px rgba(30,60,120,0.08);--shadow-md: 0 4px 16px rgba(0,0,0,0.35),0 2px 8px rgba(30,60,120,0.1);--shadow-lg: 0 12px 40px rgba(0,0,0,0.45),0 4px 16px rgba(30,60,120,0.12);--shadow-xl: 0 24px 64px rgba(0,0,0,0.5),0 8px 24px rgba(30,60,120,0.14);--shadow-glow: 0 0 80px rgba(91,156,245,0.2);--device-bg: #111827;--device-toolbar: #0d1321;--glass-bg: rgba(26,35,50,0.65);--glass-border: rgba(91,156,245,0.12);--glass-blur: 20px;--gradient-accent: linear-gradient(135deg,#5b9cf5,#93c5fd,#60d4e8);--gradient-accent-vivid: linear-gradient(135deg,#38bdf8,#5b9cf5,#a78bfa);--gradient-border: linear-gradient(135deg,rgba(91,156,245,0.3),rgba(96,212,232,0.2),rgba(167,139,250,0.15))}html{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;scroll-behavior: smooth;scroll-padding-top: calc(var(--nav-height) + 2rem)}body{font-family: var(--font-body);font-size: 17px;line-height: 1.6;color: var(--color-text);background: var(--color-bg);overflow-x: hidden}img{display: block;max-width: 100%;height: auto}button{cursor: pointer;background: none;border: none;font: inherit;color: inherit}a{text-decoration: none;color: inherit}::selection{background: var(--color-primary-light);color: var(--color-text)}.container{width: 100%;max-width: var(--content-max);margin: 0 auto;padding: 0 clamp(1.25rem,4vw,3rem)}.gradient-text{background: var(--gradient-accent-vivid);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;background-size: 200% 200%;animation: gradientShimmer 6s ease-in-out infinite}@keyframes gradientShimmer{0%,100%{background-position: 0% 50%}50%{background-position: 100% 50%}}.nav{position: fixed;top: 0;left: 0;right: 0;height: var(--nav-height);z-index: 1000;background: transparent;transition: background var(--transition-smooth),box-shadow var(--transition-smooth),backdrop-filter var(--transition-smooth)}.nav.scrolled{background: rgba(243,245,248,0.85);backdrop-filter: blur(20px) saturate(1.8);-webkit-backdrop-filter: blur(20px) saturate(1.8);box-shadow: 0 1px 0 var(--color-border)}[data-theme="dark"] .nav.scrolled{background: rgba(17,24,39,0.88)}.nav-inner{max-width: 1320px;margin: 0 auto;padding: 0 clamp(1.25rem,4vw,3rem);height: 100%;display: flex;align-items: center;justify-content: space-between;gap: 2rem}.nav-logo{display: flex;align-items: center;z-index: 10;transform: translateY(-6px)}.nav-logo-full{height: 26px;width: auto;max-width: none;object-fit: contain}.nav-logo-icon{width: 18px;height: 17px;object-fit: contain}@media (min-width: 769px){.nav-logo-icon{width: 22px;height: 20px}.nav-logo-text{font-size: 1.8rem;font-weight: 900;letter-spacing: -0.025em;line-height: 1}.nav-logo-full{height: 36px}}.logo-dark{display: none}[data-theme="dark"] .logo-light{display: none}[data-theme="dark"] .logo-dark{display: block}.nav-logo-text{font-family: var(--font-logo);font-weight: 900;font-size: 1.35rem;letter-spacing: -0.02em;color: var(--color-text)}.nav-links{display: flex;gap: 2rem}.nav-links a{font-size: 0.875rem;font-weight: 500;color: var(--color-text-muted);transition: color var(--transition-fast);position: relative}.nav-links a:hover,.nav-links a.active{color: var(--color-text)}.nav-links a::after{content: '';position: absolute;bottom: -4px;left: 0;width: 0;height: 2px;background: var(--color-primary);border-radius: 1px;transition: width var(--transition-fast)}.nav-links a:hover::after,.nav-links a.active::after{width: 100%}.nav-dropdown-wrap{position: relative;display: flex;align-items: center}.nav-dropdown-trigger{display: inline-flex;align-items: center;font-size: 0.875rem;font-weight: 500;color: var(--color-text-muted);transition: color var(--transition-fast);position: relative;cursor: pointer}.nav-dropdown-trigger:hover,.nav-dropdown-trigger.active{color: var(--color-text)}.nav-dropdown-trigger::after{display: none !important}.nav-dropdown-wrap::after{content: '';position: absolute;bottom: -4px;left: 0;width: 0;height: 2px;background: var(--color-primary);border-radius: 1px;transition: width var(--transition-fast)}.nav-dropdown-wrap:hover::after,.nav-dropdown-wrap:has(.nav-dropdown-trigger.active)::after{width: 100%}.nav-dropdown{position: fixed;top: var(--nav-height);left: 0;right: 0;border-bottom: 1px solid var(--color-border);padding: 0.75rem 0;opacity: 0;visibility: hidden;transform: translateY(-6px);transition: opacity 0.35s cubic-bezier(0.4,0,0.2,1),transform 0.35s cubic-bezier(0.4,0,0.2,1),visibility 0.35s;z-index: 999;backdrop-filter: blur(24px) saturate(1.8);-webkit-backdrop-filter: blur(24px) saturate(1.8);background: rgba(251,252,253,0.95)}[data-theme="dark"] .nav-dropdown{background: rgba(17,24,39,0.96);border-bottom-color: rgba(46,61,85,0.5)}.nav-dropdown::before{content: '';position: absolute;top: -20px;left: 0;right: 0;height: 20px}.nav-dropdown-wrap:hover .nav-dropdown{opacity: 1;visibility: visible;transform: translateY(0)}.nav-dropdown-inner{max-width: var(--content-max);margin: 0 auto;padding: 0 clamp(1.25rem,4vw,3rem);display: flex;justify-content: center;gap: 2.5rem}.nav-dropdown a{font-size: 0.8125rem;font-weight: 400;color: var(--color-text-muted);letter-spacing: 0.01em;transition: color 0.2s ease;white-space: nowrap;padding: 0.25rem 0}.nav-dropdown a::after{display: none !important}.nav-dropdown a:hover{color: var(--color-text)}.nav-dropdown-scrim{position: fixed;top: var(--nav-height);left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0);z-index: 997;pointer-events: none;transition: background 0.4s ease}.nav-dropdown-scrim.active{background: rgba(0,0,0,0.25)}[data-theme="dark"] .nav-dropdown-scrim.active{background: rgba(0,0,0,0.45)}.nav-actions{display: flex;align-items: center;gap: 0.75rem}.theme-toggle{width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;border-radius: var(--radius-full);color: var(--color-text-muted);transition: background var(--transition-fast),color var(--transition-fast)}.theme-toggle:hover{background: var(--color-primary-light);color: var(--color-primary)}.icon-moon{display: none}[data-theme="dark"] .icon-sun{display: none}[data-theme="dark"] .icon-moon{display: block}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;font-family: var(--font-body);font-weight: 600;font-size: 0.875rem;padding: 0.625rem 1.25rem;border-radius: var(--radius-lg);transition: all var(--transition-fast);white-space: nowrap;border: none;cursor: pointer}.btn-primary{background: var(--color-primary);color: #fff}.btn-primary:hover{background: var(--color-primary-hover);transform: translateY(-1px);box-shadow: var(--shadow-md),0 0 20px var(--color-primary-glow)}.btn-outline{background: transparent;color: var(--color-text);border: 1.5px solid var(--color-border)}.btn-outline:hover{border-color: var(--color-primary);color: var(--color-primary);background: var(--color-primary-light)}.btn-ghost{background: var(--color-surface);color: var(--color-text);border: 1.5px solid var(--color-border)}.btn-ghost:hover{border-color: var(--color-primary);color: var(--color-primary);background: var(--color-primary-light);transform: translateY(-1px)}.btn-lg{padding: 0.875rem 2rem;font-size: 1rem;border-radius: var(--radius-xl)}.btn-xl{padding: 1.125rem 2.75rem;font-size: 1.125rem;border-radius: var(--radius-xl)}.btn-block{width: 100%}.btn-nav{padding: 0.5rem 1.25rem}.mobile-menu-btn{display: none;flex-direction: column;gap: 5px;width: 28px;z-index: 1001}.mobile-menu-btn span{display: block;height: 2px;background: var(--color-text);border-radius: 2px;transition: all var(--transition-fast)}.mobile-menu-btn.active span:nth-child(1){transform: translateY(7px) rotate(45deg)}.mobile-menu-btn.active span:nth-child(2){opacity: 0}.mobile-menu-btn.active span:nth-child(3){transform: translateY(-7px) rotate(-45deg)}.mobile-menu{display: none;position: fixed;inset: 0;background: var(--color-bg);z-index: 999;padding: calc(var(--nav-height) + 2rem) 2rem 2rem;opacity: 0;pointer-events: none;transition: opacity var(--transition-smooth)}.mobile-menu.open{opacity: 1;pointer-events: auto}.mobile-menu-nav{display: flex;flex-direction: column;gap: 1.5rem}.mobile-menu-nav a{font-size: 1.25rem;font-weight: 600;color: var(--color-text)}.hero{position: relative;min-height: 100vh;display: flex;align-items: center;justify-content: center;overflow: hidden;padding: calc(var(--nav-height) + 4rem) 0 6rem}.hero-bg{position: absolute;inset: 0;z-index: 0}.hero-gradient{position: absolute;inset: 0;background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(44,74,124,0.18) 0%,transparent 70%),radial-gradient(ellipse 60% 50% at 80% 20%,rgba(91,156,245,0.1) 0%,transparent 60%),radial-gradient(ellipse 40% 40% at 20% 70%,rgba(96,212,232,0.06) 0%,transparent 50%),var(--color-bg)}[data-theme="dark"] .hero-gradient{background:radial-gradient(ellipse 80% 60% at 50% 35%,rgba(91,156,245,0.18) 0%,transparent 70%),radial-gradient(ellipse 50% 50% at 80% 20%,rgba(96,212,232,0.08) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 20% 80%,rgba(44,74,124,0.12) 0%,transparent 60%),var(--color-bg)}.hero-particles{position: absolute;inset: 0;overflow: hidden}.hero-particle{position: absolute;width: 3px;height: 3px;background: var(--color-primary);border-radius: 50%;opacity: 0;animation: particleFloat 10s ease-in-out infinite}@keyframes particleFloat{0%,100%{opacity: 0;transform: translateY(0) scale(0.5)}15%{opacity: 0.25}50%{opacity: 0.45;transform: translateY(-120px) scale(1)}85%{opacity: 0.15}}.hero-content{position: relative;z-index: 1;text-align: center;max-width: 900px;margin: 0 auto;padding: 0 1.5rem}.hero-badge{display: inline-flex;align-items: center;gap: 0.5rem;font-size: 0.75rem;font-weight: 600;color: var(--color-primary);background: var(--color-primary-light);padding: 0.4rem 1.125rem;border-radius: var(--radius-full);margin-bottom: 2rem;letter-spacing: 0.08em;text-transform: uppercase;border: 1px solid var(--color-primary-glow);animation: badgeGlow 3s ease-in-out infinite}@keyframes badgeGlow{0%,100%{box-shadow: 0 0 8px rgba(91,156,245,0.1)}50%{box-shadow: 0 0 20px rgba(91,156,245,0.25),0 0 40px rgba(91,156,245,0.1)}}.badge-dot{width: 6px;height: 6px;background: var(--color-primary);border-radius: 50%;animation: pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,100%{opacity: 1;transform: scale(1)}50%{opacity: 0.5;transform: scale(1.5)}}.hero-title{font-size: clamp(2.75rem,1.5rem + 6vw,5.5rem);font-weight: 600;line-height: 1.05;letter-spacing: -0.035em;margin-bottom: 1.5rem;color: var(--color-text)}.hero-title-accent{display: block;background: var(--gradient-accent-vivid);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;background-size: 300% 300%;animation: gradientShimmer 6s ease-in-out infinite;-webkit-box-decoration-break: clone;box-decoration-break: clone;will-change: background-position;transform: translateZ(0);-webkit-transform: translateZ(0);padding: 0 0.15em 0.05em 0}.hero-subtitle{font-size: clamp(1.05rem,0.9rem + 0.6vw,1.3rem);font-weight: 400;color: var(--color-text-muted);max-width: 600px;margin: 0 auto 2.5rem;line-height: 1.7}.hero-cta-group{display: flex;gap: 1rem;justify-content: center;flex-wrap: wrap;margin-bottom: 4rem}.hero-metrics{display: flex;align-items: center;justify-content: center;gap: 3rem;flex-wrap: wrap}.hero-metric{text-align: center}.hero-metric-value{display: block;font-size: clamp(2.5rem,2rem + 2vw,4rem);font-weight: 700;color: var(--color-text);font-variant-numeric: tabular-nums;letter-spacing: -0.02em;line-height: 1}.hero-metric-label{display: block;font-size: 0.75rem;font-weight: 500;color: var(--color-text-muted);margin-top: 0.5rem;letter-spacing: 0.04em;text-transform: uppercase}.hero-metric-divider{width: 1px;height: 48px;background: var(--color-border)}.hero-scroll-indicator{position: absolute;bottom: 2.5rem;left: 50%;transform: translateX(-50%);z-index: 1}.scroll-line{width: 1px;height: 56px;background: linear-gradient(to bottom,var(--color-primary),transparent);animation: scrollPulse 2.5s ease-in-out infinite}@keyframes scrollPulse{0%,100%{opacity: 1;transform: scaleY(1)}50%{opacity: 0.3;transform: scaleY(0.5);transform-origin: top}}.page-hero{position: relative;min-height: auto;padding: calc(var(--nav-height) + 6rem) 0 5rem;overflow: visible}.page-hero .hero-bg{position: absolute;inset: 0;z-index: 0}.page-hero .hero-content{max-width: 900px}.page-hero .hero-title{font-size: clamp(2.25rem,1.5rem + 5vw,4.5rem);margin-bottom: 1.25rem}.page-hero .hero-subtitle{margin-bottom: 2rem}.logo-strip{padding: 3rem 0;border-top: 1px solid var(--color-border);border-bottom: 1px solid var(--color-border);overflow: hidden}.logo-strip-label{text-align: center;font-size: 0.75rem;color: var(--color-text-faint);text-transform: uppercase;letter-spacing: 0.1em;margin-bottom: 1.25rem;font-weight: 600}.logo-strip-scroll{overflow: hidden;mask-image: linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image: linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.logo-strip-track{display: flex;gap: 1rem;animation: marquee 40s linear infinite;width: max-content}.country-tag{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.5rem 1rem;background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-full);font-size: 0.8rem;font-weight: 500;color: var(--color-text-muted);white-space: nowrap;flex-shrink: 0}.country-tag .fi{font-size: 1rem;border-radius: 2px}@keyframes marquee{0%{transform: translateX(0)}100%{transform: translateX(-50%)}}.section-label{font-size: 0.75rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.12em;color: var(--color-primary);margin-bottom: 1.25rem}.problem-section{padding: clamp(4.5rem,7vw,7rem) 0}.problem-sticky{display: grid;grid-template-columns: 1fr 1fr;gap: 5rem;align-items: start}.problem-text{position: sticky;top: calc(var(--nav-height) + 4rem)}.problem-headline{font-size: clamp(2rem,1.5rem + 3.5vw,4.5rem);font-weight: 700;line-height: 1.08;letter-spacing: -0.03em;color: var(--color-text)}.pain-cards{display: flex;flex-direction: column;gap: 1.75rem}.pain-card{position: relative;background: var(--glass-bg);backdrop-filter: blur(var(--glass-blur));-webkit-backdrop-filter: blur(var(--glass-blur));border: 1px solid var(--glass-border);border-radius: var(--radius-xl);padding: 2rem;transition: all var(--transition-smooth);opacity: 0;transform: translateY(25px);overflow: hidden}[data-theme="dark"] .pain-card{border-color: var(--color-border)}.pain-card.visible{opacity: 1;transform: translateY(0)}.pain-card:hover{border-color: var(--color-accent);box-shadow: 0 0 0 1px var(--color-accent-soft),0 8px 30px rgba(0,0,0,0.08);transform: translateY(-2px)}.pain-card .pain-number{position: absolute;top: -0.25rem;right: 1rem;font-size: clamp(4rem,3rem + 3vw,7rem);font-weight: 800;line-height: 1;color: var(--color-border);opacity: 0.4;pointer-events: none}[data-theme="dark"] .pain-card .pain-number{color: rgba(91,156,245,0.08)}.pain-icon{width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;background: var(--color-accent-soft);color: var(--color-accent);border-radius: var(--radius-md);margin-bottom: 1rem}.pain-card h3{font-size: 1.1rem;font-weight: 600;margin-bottom: 0.5rem}.pain-card p{font-size: 0.9rem;color: var(--color-text-muted);line-height: 1.65}.solution-section{padding: clamp(4.5rem,7vw,7rem) 0;background: var(--color-surface-2)}.solution-intro{text-align: center;margin-bottom: 3.5rem}.solution-headline{font-size: clamp(2rem,1.5rem + 3.5vw,4.5rem);font-weight: 700;line-height: 1.08;letter-spacing: -0.03em;margin-bottom: 1.25rem}.solution-sub{font-size: clamp(1rem,0.9rem + 0.4vw,1.15rem);color: var(--color-text-muted);max-width: 580px;margin: 0 auto;line-height: 1.7}.features-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 1.5rem}.feature-card{position: relative;background: var(--glass-bg);backdrop-filter: blur(var(--glass-blur));-webkit-backdrop-filter: blur(var(--glass-blur));border: 1px solid var(--glass-border);border-radius: var(--radius-xl);padding: 2rem;transition: all var(--transition-smooth);opacity: 0;transform: translateY(25px);overflow: hidden}[data-theme="dark"] .feature-card{border-color: var(--color-border)}.feature-card::before{content: '';position: absolute;inset: 0;border-radius: var(--radius-xl);padding: 1px;background: var(--gradient-border);-webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;opacity: 0;transition: opacity var(--transition-smooth);pointer-events: none}.feature-card:hover::before{opacity: 1}.feature-card.visible{opacity: 1;transform: translateY(0)}.feature-card:hover{transform: translateY(-6px) scale(1.02);box-shadow: var(--shadow-lg),0 0 30px var(--color-primary-glow)}.feature-card-large{grid-column: 1 / -1;display: grid;grid-template-columns: 1.3fr 1fr;gap: 2.5rem;padding: 2.5rem;overflow: hidden}.feature-card-large:hover{transform: translateY(-4px) scale(1.01)}.feature-icon-wrap{width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;background: var(--color-primary-light);color: var(--color-primary);border-radius: var(--radius-md);margin-bottom: 1.125rem}.feature-card h3{font-size: 1.05rem;font-weight: 600;margin-bottom: 0.5rem}.feature-card p{font-size: 0.9rem;color: var(--color-text-muted);line-height: 1.65}.mock-dashboard{display: grid;grid-template-columns: 100px 1fr;background: var(--device-bg);border-radius: var(--radius-lg);overflow: hidden;height: 220px;box-shadow: var(--shadow-lg)}.mock-sidebar{background: rgba(255,255,255,0.04);padding: 0.75rem;border-right: 1px solid rgba(255,255,255,0.06)}.mock-logo-area{height: 10px;width: 50px;background: rgba(255,255,255,0.15);border-radius: 3px;margin-bottom: 1rem}.mock-nav-item{height: 8px;background: rgba(255,255,255,0.06);border-radius: 4px;margin-bottom: 0.5rem}.mock-nav-item.active{background: rgba(91,156,245,0.3)}.mock-main{padding: 0.75rem}.mock-kpi-row{display: grid;grid-template-columns: repeat(3,1fr);gap: 0.5rem;margin-bottom: 0.75rem}.mock-kpi{background: rgba(255,255,255,0.04);border-radius: 6px;padding: 0.5rem;text-align: center}.mock-kpi-val{display: block;font-size: 0.75rem;font-weight: 700;color: #fff;font-variant-numeric: tabular-nums}.mock-kpi-label{display: block;font-size: 0.5rem;color: rgba(255,255,255,0.4);margin-top: 2px}.mock-progress-bar{height: 4px;background: rgba(255,255,255,0.08);border-radius: 2px;margin-bottom: 0.75rem;overflow: hidden}.mock-progress-fill{height: 100%;width: 72%;background: linear-gradient(90deg,var(--color-primary),#5b9cf5);border-radius: 2px}.mock-card-row{display: grid;grid-template-columns: 1fr 1fr;gap: 0.5rem}.mock-mini-card{height: 40px;background: rgba(255,255,255,0.04);border-radius: 6px}.feature-card-content{display: flex;flex-direction: column;justify-content: center}.how-section{padding: clamp(4.5rem,7vw,7rem) 0}.how-header{text-align: center;margin-bottom: 3.5rem}.how-headline{font-size: clamp(2rem,1.5rem + 3.5vw,4.5rem);font-weight: 700;letter-spacing: -0.03em}.how-steps{display: flex;flex-direction: column;gap: 5rem}.how-step{display: grid;grid-template-columns: 1fr 1fr;gap: 5rem;align-items: center;opacity: 0;transform: translateY(40px)}.how-step.visible{opacity: 1;transform: translateY(0)}.how-step:nth-child(even){direction: rtl}.how-step:nth-child(even) > *{direction: ltr}.how-step-number{font-size: clamp(4rem,3rem + 4vw,8rem);font-weight: 800;color: var(--color-border);opacity: 0.5;line-height: 1;margin-bottom: 0.75rem;font-variant-numeric: tabular-nums;letter-spacing: -0.04em}[data-theme="dark"] .how-step-number{color: rgba(91,156,245,0.12);opacity: 1}.how-step h3{font-size: clamp(1.25rem,1rem + 0.5vw,1.5rem);font-weight: 700;margin-bottom: 0.875rem;letter-spacing: -0.01em}.how-step p{font-size: 1rem;color: var(--color-text-muted);line-height: 1.7;max-width: 480px}.how-step-visual{background: var(--glass-bg);backdrop-filter: blur(var(--glass-blur));-webkit-backdrop-filter: blur(var(--glass-blur));border: 1px solid var(--glass-border);border-radius: var(--radius-xl);padding: 1.75rem;box-shadow: var(--shadow-md)}[data-theme="dark"] .how-step-visual{border-color: var(--color-border)}.profile-form-mock{display: flex;flex-direction: column;gap: 0.75rem}.form-row{display: flex;justify-content: space-between;align-items: center;padding: 0.5rem 0;border-bottom: 1px solid var(--color-border)}.form-label{font-size: 0.8rem;color: var(--color-text-muted)}.form-val{font-size: 0.85rem;font-weight: 600;color: var(--color-primary)}.form-progress{height: 6px;background: var(--color-surface-offset);border-radius: 3px;overflow: hidden;margin-top: 0.5rem}.form-progress-fill{height: 100%;background: linear-gradient(90deg,var(--color-primary),#5b9cf5);border-radius: 3px;transition: width 1s var(--transition-smooth)}.roadmap-mock{display: flex;flex-direction: column;gap: 0}.roadmap-node{display: flex;align-items: center;gap: 0.75rem;padding: 0.5rem 0;font-size: 0.85rem;color: var(--color-text-faint)}.roadmap-node.active{color: var(--color-text)}.roadmap-node.current{color: var(--color-primary);font-weight: 600}.node-dot{width: 10px;height: 10px;border-radius: 50%;background: var(--color-border);flex-shrink: 0}.roadmap-node.active .node-dot{background: var(--color-success)}.roadmap-node.current .node-dot{background: var(--color-primary)}.node-dot.pulse{animation: pulse-dot 2s ease-in-out infinite}.node-check{margin-left: auto;color: var(--color-success);font-weight: 700}.roadmap-line{width: 2px;height: 16px;background: var(--color-border);margin-left: 4px}.roadmap-line.active{background: var(--color-success)}.alerts-mock{display: flex;flex-direction: column;gap: 0.75rem}.alert-item{display: flex;align-items: flex-start;gap: 0.75rem;padding: 0.75rem;border-radius: var(--radius-md);font-size: 0.8rem}.alert-item strong{display: block;font-size: 0.8rem;margin-bottom: 2px}.alert-item p{font-size: 0.75rem;color: var(--color-text-muted);margin: 0}.alert-urgent{background: var(--color-accent-soft);color: var(--color-accent)}.alert-info{background: var(--color-primary-light);color: var(--color-primary)}.alert-success{background: rgba(34,197,94,0.08);color: var(--color-success)}.alert-item i{margin-top: 2px;flex-shrink: 0}.platform-section{padding: clamp(4.5rem,7vw,7rem) 0;background: var(--color-surface-2);overflow: hidden}.platform-header{text-align: center;margin-bottom: 3.5rem}.platform-headline{font-size: clamp(2rem,1.5rem + 3.5vw,4.5rem);font-weight: 700;letter-spacing: -0.03em;margin-bottom: 1rem}.platform-sub{font-size: clamp(1rem,0.9rem + 0.4vw,1.15rem);color: var(--color-text-muted)}.platform-cta{text-align: center;margin-top: 2.5rem}.platform-cta .btn{font-size: 1rem;padding: 0.875rem 2rem}.platform-device-wrap{perspective: 1200px;max-width: 1040px;margin: 0 auto;position: relative}.platform-device-wrap::before{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 80%;height: 60%;background: radial-gradient(ellipse,var(--color-primary-glow) 0%,transparent 70%);filter: blur(60px);z-index: 0;pointer-events: none}.platform-device{position: relative;z-index: 1;transform: rotateX(8deg) scale(0.85);transition: transform 0.8s cubic-bezier(0.16,1,0.3,1)}.platform-device.revealed{transform: rotateX(0) scale(1)}.device-frame{background: var(--device-bg);border-radius: var(--radius-2xl);overflow: hidden;box-shadow: var(--shadow-xl),var(--shadow-glow);border: 1px solid rgba(255,255,255,0.06)}.device-toolbar{background: var(--device-toolbar);padding: 0.75rem 1rem;display: flex;align-items: center;gap: 0.75rem}.device-dots{display: flex;gap: 6px}.device-dots span{width: 10px;height: 10px;border-radius: 50%;background: rgba(255,255,255,0.1)}.device-dots span:nth-child(1){background: #ff5f57}.device-dots span:nth-child(2){background: #ffbd2e}.device-dots span:nth-child(3){background: #28c840}.device-url{flex: 1;text-align: center;font-size: 0.7rem;color: rgba(255,255,255,0.4);background: rgba(255,255,255,0.05);padding: 0.375rem 1rem;border-radius: var(--radius-sm)}.device-screen{padding: 0}.screen-dashboard{display: grid;grid-template-columns: 180px 1fr;min-height: 400px}.screen-sidebar{background: rgba(255,255,255,0.03);padding: 1.25rem;border-right: 1px solid rgba(255,255,255,0.06)}.screen-logo{display: flex;align-items: center;gap: 0.5rem;margin-bottom: 1.5rem;font-family: var(--font-logo);font-weight: 800;font-size: 0.85rem;color: #fff}.screen-logo-leaf{width: 20px;height: 18px;background: var(--color-primary);clip-path: polygon(50% 0%,80% 30%,70% 100%,50% 85%,30% 100%,20% 30%);opacity: 0.8}.screen-nav-items{display: flex;flex-direction: column;gap: 0.25rem}.screen-nav-item{display: flex;align-items: center;gap: 0.5rem;padding: 0.5rem 0.625rem;font-size: 0.7rem;color: rgba(255,255,255,0.45);border-radius: var(--radius-sm)}.screen-nav-item.active{background: rgba(91,156,245,0.15);color: #5b9cf5}.sni-icon{width: 14px;height: 14px;border-radius: 3px;background: currentColor;opacity: 0.3}.screen-nav-item.active .sni-icon{opacity: 0.6}.screen-main{padding: 1.25rem}.screen-header-bar{display: flex;justify-content: space-between;align-items: center;margin-bottom: 1.25rem}.screen-greeting{font-size: 0.85rem;font-weight: 600;color: #fff}.screen-header-right{display: flex;align-items: center;gap: 0.5rem}.screen-notif{width: 8px;height: 8px;border-radius: 50%;background: var(--color-accent)}.screen-avatar{width: 24px;height: 24px;border-radius: 50%;background: rgba(91,156,245,0.3)}.screen-kpis{display: grid;grid-template-columns: repeat(4,1fr);gap: 0.75rem;margin-bottom: 1.25rem}.screen-kpi{background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.06);border-radius: var(--radius-md);padding: 0.75rem}.screen-kpi-num{display: block;font-size: 1.1rem;font-weight: 700;color: #fff;font-variant-numeric: tabular-nums}.screen-kpi-lbl{display: block;font-size: 0.6rem;color: rgba(255,255,255,0.4);margin-top: 0.125rem}.screen-kpi-change{display: block;font-size: 0.55rem;margin-top: 0.25rem}.screen-kpi-change.up{color: #34d399}.screen-kpi-change.warn{color: #fbbf24}.screen-content-area{display: grid;grid-template-columns: 1fr 1fr;gap: 1rem}.screen-next-step{background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.06);border-radius: var(--radius-md);padding: 1rem}.screen-ns-label{display: block;font-size: 0.6rem;color: rgba(255,255,255,0.4);text-transform: uppercase;letter-spacing: 0.05em;margin-bottom: 0.375rem}.screen-ns-title{display: block;font-size: 0.75rem;font-weight: 600;color: #fff;margin-bottom: 0.75rem}.screen-ns-bar{height: 4px;background: rgba(255,255,255,0.08);border-radius: 2px;overflow: hidden}.screen-ns-fill{height: 100%;width: 65%;background: linear-gradient(90deg,#5b9cf5,#93c5fd);border-radius: 2px}.screen-timeline{background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.06);border-radius: var(--radius-md);padding: 1rem;display: flex;flex-direction: column;gap: 0.5rem}.screen-tl-item{display: flex;align-items: center;gap: 0.5rem;font-size: 0.65rem;color: rgba(255,255,255,0.3)}.screen-tl-item.done{color: rgba(255,255,255,0.55)}.screen-tl-item.current{color: #5b9cf5;font-weight: 600}.tl-dot{width: 6px;height: 6px;border-radius: 50%;background: rgba(255,255,255,0.15);flex-shrink: 0}.screen-tl-item.done .tl-dot{background: #34d399}.screen-tl-item.current .tl-dot{background: #5b9cf5}.tl-dot.pulse{animation: pulse-dot 2s ease-in-out infinite}.compare-section{padding: clamp(4.5rem,7vw,7rem) 0}.compare-headline{text-align: center;font-size: clamp(2rem,1.5rem + 3.5vw,4.5rem);font-weight: 700;letter-spacing: -0.03em;margin-bottom: clamp(3rem,5vw,5rem)}.cmp-toggle-wrap{display: block;max-width: 700px;margin: 0 auto}.cmp-toggle{display: inline-flex;position: relative;background: var(--color-surface-2);border: 1px solid var(--color-border);border-radius: 100px;padding: 4px;margin: 0 auto 2.5rem;width: auto}.cmp-toggle-wrap .cmp-toggle{display: flex;width: fit-content;margin-left: auto;margin-right: auto}.cmp-toggle-btn{position: relative;z-index: 2;padding: 0.625rem 1.75rem;font-size: 0.875rem;font-weight: 600;font-family: inherit;border: none;background: transparent;color: var(--color-text-muted);cursor: pointer;border-radius: 100px;transition: color 0.3s ease;white-space: nowrap}.cmp-toggle-btn--active{color: #fff}.cmp-toggle-pill{position: absolute;top: 4px;left: 4px;height: calc(100% - 8px);border-radius: 100px;background: var(--color-primary);transition: transform 0.35s cubic-bezier(0.4,0,0.2,1),width 0.35s cubic-bezier(0.4,0,0.2,1);z-index: 1}.cmp-card{background: var(--color-surface);border: 1px solid var(--color-border);border-radius: 1.25rem;padding: 0.5rem 0;overflow: hidden}.cmp-card-rows{display: flex;flex-direction: column}.cmp-row{display: grid;grid-template-columns: 180px 1fr;align-items: center;padding: 1rem 2rem;border-bottom: 1px solid var(--color-border);gap: 1rem}.cmp-row:last-child{border-bottom: none}.cmp-row-label{font-size: 0.8rem;font-weight: 600;color: var(--color-text-muted);text-transform: uppercase;letter-spacing: 0.04em}.cmp-row-val{font-size: 0.925rem;display: flex;align-items: center;gap: 0.625rem;transition: opacity 0.35s ease,transform 0.35s ease}.cmp-row-val i{width: 18px;height: 18px;flex-shrink: 0}.cmp-row-val--with{color: var(--color-text);font-weight: 500}.cmp-row-val--with i{color: var(--color-primary)}.cmp-row-val--without{color: var(--color-text-muted)}.cmp-row-val--without i{color: var(--color-accent);opacity: 0.7}.cmp-card[data-cmp-active="with"] .cmp-row-val--with{opacity: 1;transform: translateX(0)}.cmp-card[data-cmp-active="with"] .cmp-row-val--without{opacity: 0;transform: translateX(10px);position: absolute;pointer-events: none}.cmp-card[data-cmp-active="without"] .cmp-row-val--without{opacity: 1;transform: translateX(0)}.cmp-card[data-cmp-active="without"] .cmp-row-val--with{opacity: 0;transform: translateX(-10px);position: absolute;pointer-events: none}.cmp-card[data-cmp-active="without"]{border-color: var(--color-border)}.cmp-card[data-cmp-active="with"]{border-color: var(--color-primary);box-shadow: 0 8px 40px rgba(44,74,124,0.1)}[data-theme="dark"] .cmp-card[data-cmp-active="with"]{box-shadow: 0 8px 40px rgba(44,74,124,0.2)}.cmp-row{position: relative}.cmp-grid{display: none;grid-template-columns: repeat(3,1fr);gap: 1.5rem;align-items: start;max-width: 1000px;margin: 0 auto}@media (max-width: 768px){.cmp-toggle-wrap{display: none !important}.cmp-grid{display: flex}}.cmp-col{border-radius: 1.25rem;background: var(--color-surface);border: 1px solid var(--color-border);padding: 2rem 1.75rem 2.25rem;position: relative;transition: transform 0.3s ease,box-shadow 0.3s ease}.cmp-col:hover{transform: translateY(-2px)}.cmp-col--dim{opacity: 0.75}.cmp-col--dim:hover{opacity: 0.9}.cmp-col--hero{border-color: var(--color-primary);border-width: 2px;background: var(--color-primary-light);box-shadow: 0 8px 40px rgba(44,74,124,0.12);opacity: 1}[data-theme="dark"] .cmp-col--hero{background: rgba(44,74,124,0.15);box-shadow: 0 8px 40px rgba(44,74,124,0.25)}.cmp-col--hero:hover{transform: translateY(-4px);box-shadow: 0 12px 48px rgba(44,74,124,0.18)}[data-theme="dark"] .cmp-col--hero:hover{box-shadow: 0 12px 48px rgba(44,74,124,0.35)}.cmp-col-header{text-align: center;padding-bottom: 1.5rem;margin-bottom: 1.5rem;border-bottom: 1px solid var(--color-border)}.cmp-col-icon{display: inline-flex;align-items: center;justify-content: center;width: 44px;height: 44px;border-radius: 12px;background: var(--color-surface-2);color: var(--color-text-muted);margin-bottom: 0.875rem}.cmp-col-icon--hero{background: var(--color-primary);color: #fff}.cmp-col-title{font-size: 1.05rem;font-weight: 600;margin: 0 0 0.5rem;letter-spacing: -0.01em}.cmp-col-price{font-size: 1.5rem;font-weight: 700;margin: 0;letter-spacing: -0.02em}.cmp-col--hero .cmp-col-price{color: var(--color-primary)}.cmp-col-price-note{font-size: 0.85rem;font-weight: 400;color: var(--color-text-muted)}.cmp-features{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 0}.cmp-feat{display: flex;align-items: center;gap: 0.75rem;padding: 0.8rem 0;font-size: 0.875rem;border-bottom: 1px solid var(--color-border);line-height: 1.35}.cmp-feat:last-child{border-bottom: none}.cmp-feat i{width: 18px;height: 18px;flex-shrink: 0}.cmp-feat--yes i{color: var(--color-primary)}.cmp-feat--yes span{font-weight: 500;color: var(--color-text)}.cmp-feat--no i{color: var(--color-accent);opacity: 0.7}.cmp-feat--no span{color: var(--color-text-muted)}.cmp-feat--weak i{color: var(--color-text-muted);opacity: 0.5}.cmp-feat--weak span{color: var(--color-text-muted)}@media (max-width: 768px){.cmp-grid{display: flex;overflow-x: auto;scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch;gap: 1rem;padding: 0 1rem 1.5rem;margin: 0 -1rem;max-width: none;scrollbar-width: none}.cmp-grid::-webkit-scrollbar{display: none}.cmp-col{flex: 0 0 80%;min-width: 0;scroll-snap-align: center;padding: 1.5rem 1.25rem 1.75rem}.cmp-col--dim{opacity: 0.7}}.testimonials-section{padding: clamp(4.5rem,7vw,7rem) 0;background: var(--color-surface-2)}.testimonials-headline{text-align: center;font-size: clamp(2rem,1.5rem + 3.5vw,4.5rem);font-weight: 700;letter-spacing: -0.03em;margin-bottom: 4rem}.testimonials-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 1.75rem}.testimonial-card{position: relative;background: var(--glass-bg);backdrop-filter: blur(var(--glass-blur));-webkit-backdrop-filter: blur(var(--glass-blur));border: 1px solid var(--glass-border);border-radius: var(--radius-xl);padding: 2rem;transition: all var(--transition-smooth);opacity: 0;transform: translateY(25px);overflow: hidden}[data-theme="dark"] .testimonial-card{border-color: var(--color-border)}.testimonial-card::before{content: '';position: absolute;inset: 0;border-radius: var(--radius-xl);padding: 1px;background: var(--gradient-border);-webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;opacity: 0;transition: opacity var(--transition-smooth);pointer-events: none}.testimonial-card:hover::before{opacity: 1}.testimonial-card.visible{opacity: 1;transform: translateY(0)}.testimonial-card:hover{transform: translateY(-4px);box-shadow: var(--shadow-lg)}.testimonial-stars{color: #f59e0b;font-size: 0.9rem;margin-bottom: 1.25rem;letter-spacing: 2px}.testimonial-card > p{font-size: clamp(0.95rem,0.9rem + 0.2vw,1.1rem);color: var(--color-text-muted);line-height: 1.7;margin-bottom: 1.5rem;font-style: italic}.testimonial-author{display: flex;align-items: center;gap: 0.75rem}.testimonial-avatar{width: 40px;height: 40px;border-radius: 50%;background: var(--color-primary-light);color: var(--color-primary);display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 0.85rem}.testimonial-author strong{display: block;font-size: 0.9rem}.testimonial-author span{font-size: 0.75rem;color: var(--color-text-faint)}.pricing-section{padding: clamp(4rem,8vw,7rem) 0}.pricing-headline{text-align: center;font-size: clamp(2rem,1.5rem + 3.5vw,4.5rem);font-weight: 700;letter-spacing: -0.03em;margin-bottom: 0.75rem}.pricing-sub{text-align: center;font-size: 1.05rem;color: var(--color-text-muted);margin-bottom: 2.5rem}.billing-toggle-wrap{display: flex;justify-content: center;margin-bottom: 3rem}.billing-toggle{position: relative;display: inline-flex;background: var(--glass-bg);border: 1px solid var(--glass-border);border-radius: 100px;padding: 4px;backdrop-filter: blur(var(--glass-blur));-webkit-backdrop-filter: blur(var(--glass-blur))}.billing-opt{position: relative;z-index: 2;padding: 0.55rem 1.5rem;font-size: 0.875rem;font-weight: 500;font-family: var(--font-body);color: var(--color-text-muted);background: none;border: none;cursor: pointer;border-radius: 100px;transition: color 0.3s ease;white-space: nowrap;display: inline-flex;align-items: center;gap: 0.5rem}.billing-opt.active{color: #fff}.billing-opt.active .billing-save{background: rgba(255,255,255,0.2);color: #fff}.billing-save{font-size: 0.7rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.04em;background: rgba(91,156,245,0.15);color: var(--color-primary);padding: 0.2rem 0.55rem;border-radius: 100px;line-height: 1.4;transition: background 0.3s ease,color 0.3s ease}[data-theme="dark"] .billing-save{background: rgba(91,156,245,0.2);color: #7db4fc}[data-theme="dark"] .billing-opt.active .billing-save{background: rgba(255,255,255,0.25);color: #fff}.billing-slider{position: absolute;top: 4px;left: 4px;height: calc(100% - 8px);border-radius: 100px;background: var(--color-primary);transition: transform 0.35s cubic-bezier(0.4,0,0.2,1),width 0.35s cubic-bezier(0.4,0,0.2,1);z-index: 1}.pricing-billed-yearly{font-size: 0.75rem;color: var(--color-text-muted);opacity: 0;max-height: 0;overflow: hidden;transition: opacity 0.3s ease,max-height 0.3s ease;margin-top: 0.15rem}.pricing-billed-yearly.visible{opacity: 1;max-height: 2rem}.pricing-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 1.75rem;max-width: 1000px;margin: 0 auto;padding-top: 1rem}.pricing-card{position: relative;background: var(--glass-bg);backdrop-filter: blur(var(--glass-blur));-webkit-backdrop-filter: blur(var(--glass-blur));border: 1px solid var(--glass-border);border-radius: var(--radius-xl);padding: 2.25rem;display: flex;flex-direction: column;transition: all var(--transition-smooth);opacity: 0;transform: translateY(25px);overflow: hidden}[data-theme="dark"] .pricing-card{border-color: var(--color-border)}.pricing-card.visible{opacity: 1;transform: translateY(0)}.pricing-card:hover{transform: translateY(-4px);box-shadow: var(--shadow-lg),0 0 25px var(--color-primary-glow)}.pricing-card-popular{border-color: transparent;box-shadow: var(--shadow-lg);transform: scale(1.04);overflow: visible}.pricing-card-popular::before{content: '';position: absolute;inset: 0;border-radius: var(--radius-xl);padding: 2px;background: linear-gradient(135deg,#5b9cf5,#60d4e8,#a78bfa,#5b9cf5);background-size: 300% 300%;animation: gradientShimmer 6s ease-in-out infinite;-webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none}.pricing-card-popular.visible{transform: scale(1.04)}.pricing-card-popular:hover{transform: scale(1.04) translateY(-4px);box-shadow: var(--shadow-xl),0 0 40px rgba(91,156,245,0.25)}.pricing-popular-badge{position: absolute;top: -12px;left: 50%;transform: translateX(-50%);background: var(--gradient-accent-vivid);color: #fff;font-size: 0.7rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.06em;padding: 0.3rem 1.125rem;border-radius: var(--radius-full);white-space: nowrap;z-index: 2}.pricing-card-header{margin-bottom: 1.75rem;text-align: center}.pricing-card-header h3{font-size: 1.15rem;font-weight: 600;margin-bottom: 0.5rem}.pricing-amount{display: flex;align-items: baseline;gap: 0;justify-content: center}.pricing-currency{font-size: 1.25rem;font-weight: 600;color: var(--color-text-muted)}.pricing-value{font-size: 3rem;font-weight: 800;line-height: 1;letter-spacing: -0.03em;font-variant-numeric: tabular-nums;transition: opacity 0.2s ease}.pricing-value.switching{opacity: 0}.pricing-period{font-size: 0.9rem;color: var(--color-text-muted);margin-left: 0.25rem}.pricing-desc{font-size: 0.85rem;color: var(--color-text-muted);margin-top: 0.375rem}.pricing-features{list-style: none;display: flex;flex-direction: column;align-items: flex-start;gap: 0.75rem;margin-bottom: 1.75rem;flex: 1;width: 100%}.pricing-features li{display: flex;align-items: center;gap: 0.5rem;font-size: 0.875rem;color: var(--color-text-muted);text-align: left}.pricing-features li i{color: var(--color-primary);flex-shrink: 0}.pricing-includes{color: var(--color-primary) !important;font-weight: 600;font-size: 0.825rem !important;padding-bottom: 0.25rem;margin-bottom: 0.15rem}.final-cta{padding: clamp(5rem,8vw,8rem) 0;background: var(--color-bg);position: relative;overflow: hidden}.final-cta::before{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 600px;height: 400px;background: radial-gradient(ellipse,var(--color-primary-glow) 0%,transparent 70%);filter: blur(80px);pointer-events: none}.final-cta-inner{position: relative;z-index: 1;text-align: center;max-width: 700px;margin: 0 auto}.final-cta h2{font-size: clamp(2rem,1.5rem + 3.5vw,4rem);font-weight: 700;line-height: 1.1;letter-spacing: -0.03em;margin-bottom: 1.25rem}.final-cta h2 .gradient-text{display: inline}.final-cta p{font-size: clamp(1rem,0.9rem + 0.4vw,1.15rem);color: var(--color-text-muted);margin-bottom: 2.5rem}.final-cta .btn-primary{position: relative;box-shadow: 0 0 30px var(--color-primary-glow)}.final-cta .btn-primary:hover{box-shadow: 0 0 50px var(--color-primary-glow),var(--shadow-lg)}.final-cta-note{font-size: 0.8rem;color: var(--color-text-faint);margin-top: 1.75rem}.footer{padding: 5rem 0 2.5rem;border-top: 1px solid var(--color-border)}.footer-grid{display: grid;grid-template-columns: 2fr 1fr 1fr 1fr;gap: 3rem;margin-bottom: 3rem}.footer-brand p{font-size: 0.85rem;color: var(--color-text-muted);margin-top: 0.75rem;line-height: 1.6;max-width: 280px}.footer-logo{display: flex;align-items: center;gap: 0.4rem;font-family: var(--font-logo);font-weight: 900;font-size: 1.3rem;letter-spacing: -0.02em}.footer-logo img{width: 28px;height: 26px;object-fit: contain}.footer-logo .footer-logo-full{height: 32px;width: auto;max-width: none;object-fit: contain}.footer-col h4{font-size: 0.8rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.06em;color: var(--color-text-muted);margin-bottom: 1rem}.footer-col a{display: block;font-size: 0.85rem;color: var(--color-text-muted);padding: 0.25rem 0;transition: color var(--transition-fast)}.footer-col a:hover{color: var(--color-primary)}.footer-bottom{padding-top: 2rem;border-top: 1px solid var(--color-border);text-align: center}.footer-bottom p{font-size: 0.8rem;color: var(--color-text-faint)}.footer-disclaimer{margin-top: 0.5rem;font-size: 0.75rem;max-width: 600px;margin-left: auto;margin-right: auto;line-height: 1.6}.footer-attribution{display: inline-block;margin-top: 1rem;font-size: 0.75rem;color: var(--color-text-faint);transition: color var(--transition-fast)}.footer-attribution:hover{color: var(--color-primary)}.feature-deep-dive{padding: clamp(4.5rem,7vw,7rem) 0;border-bottom: 1px solid var(--color-border)}.feature-deep-dive:nth-child(even){background: var(--color-surface-2)}.feature-deep-dive-inner{display: grid;grid-template-columns: 1fr 1fr;gap: clamp(3rem,6vw,6rem);align-items: center}.feature-deep-dive:nth-child(even) .feature-deep-dive-inner{direction: rtl}.feature-deep-dive:nth-child(even) .feature-deep-dive-inner > *{direction: ltr}.fdd-text .section-label{margin-bottom: 0.75rem}.fdd-title{font-size: clamp(1.75rem,1.25rem + 2.5vw,3rem);font-weight: 700;line-height: 1.1;letter-spacing: -0.025em;margin-bottom: 1.25rem}.fdd-desc{font-size: clamp(1rem,0.95rem + 0.3vw,1.1rem);color: var(--color-text-muted);line-height: 1.7;max-width: 500px}.fdd-points{list-style: none;padding: 0;margin: 1.5rem 0 0;display: flex;flex-direction: column;gap: 0.625rem}.fdd-points li{display: flex;align-items: center;gap: 0.625rem;font-size: 0.925rem;color: var(--color-text-muted);line-height: 1.4}.fdd-points li i,.fdd-points li svg{flex-shrink: 0;color: var(--color-primary);width: 16px;height: 16px}.fdd-visual{background: var(--glass-bg);backdrop-filter: blur(var(--glass-blur));-webkit-backdrop-filter: blur(var(--glass-blur));border: 1px solid var(--glass-border);border-radius: var(--radius-2xl);padding: clamp(1.5rem,3vw,2.5rem);box-shadow: var(--shadow-lg);min-height: 300px;display: flex;align-items: center;justify-content: center}[data-theme="dark"] .fdd-visual{border-color: var(--color-border)}.fdd-mock-dashboard{width: 100%;display: grid;grid-template-columns: 80px 1fr;background: var(--device-bg);border-radius: var(--radius-lg);overflow: hidden;min-height: 260px;box-shadow: var(--shadow-md)}.fdd-mock-sidebar{background: rgba(255,255,255,0.04);padding: 0.75rem;border-right: 1px solid rgba(255,255,255,0.06)}.fdd-mock-main{padding: 1rem}.fdd-kpi-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 0.5rem;margin-bottom: 1rem}.fdd-kpi{background: rgba(255,255,255,0.06);border-radius: 8px;padding: 0.75rem;text-align: center}.fdd-kpi-val{display: block;font-size: 1.1rem;font-weight: 700;color: #fff}.fdd-kpi-label{display: block;font-size: 0.55rem;color: rgba(255,255,255,0.4);margin-top: 2px}.fdd-chart-placeholder{background: rgba(255,255,255,0.04);border-radius: 8px;height: 80px;display: flex;align-items: flex-end;padding: 0.5rem;gap: 4px}.fdd-chart-bar{flex: 1;background: linear-gradient(to top,rgba(91,156,245,0.4),rgba(91,156,245,0.8));border-radius: 3px 3px 0 0;min-height: 8px}.fdd-chat-mock{width: 100%;display: flex;flex-direction: column;gap: 0.75rem}.fdd-chat-bubble{max-width: 85%;padding: 0.875rem 1.125rem;border-radius: var(--radius-lg);font-size: 0.85rem;line-height: 1.55}.fdd-chat-user{align-self: flex-end;background: var(--color-primary);color: #fff;border-bottom-right-radius: 4px}.fdd-chat-ai{align-self: flex-start;background: var(--color-surface);color: var(--color-text);border: 1px solid var(--color-border);border-bottom-left-radius: 4px}.fdd-typing{display: flex;gap: 4px;align-items: center;padding: 0.75rem 1rem}.fdd-typing span{width: 6px;height: 6px;background: var(--color-text-muted);border-radius: 50%;animation: typingBounce 1.4s ease-in-out infinite}.fdd-typing span:nth-child(2){animation-delay: 0.2s}.fdd-typing span:nth-child(3){animation-delay: 0.4s}@keyframes typingBounce{0%,60%,100%{transform: translateY(0);opacity: 0.4}30%{transform: translateY(-4px);opacity: 1}}.fdd-pathway-tree{width: 100%;display: flex;flex-direction: column;gap: 0}.fdd-pathway-node{display: flex;align-items: center;gap: 0.75rem;padding: 0.625rem 0}.fdd-pathway-dot{width: 12px;height: 12px;border-radius: 50%;flex-shrink: 0;border: 2px solid var(--color-border)}.fdd-pathway-node.match .fdd-pathway-dot{background: var(--color-primary);border-color: var(--color-primary)}.fdd-pathway-node.partial .fdd-pathway-dot{background: var(--color-warning);border-color: var(--color-warning)}.fdd-pathway-label{font-size: 0.85rem;font-weight: 500;color: var(--color-text-muted)}.fdd-pathway-node.match .fdd-pathway-label{color: var(--color-text);font-weight: 600}.fdd-pathway-score{margin-left: auto;font-size: 0.75rem;font-weight: 700;color: var(--color-primary)}.fdd-pathway-connector{width: 2px;height: 12px;background: var(--color-border);margin-left: 5px}.fdd-pw-card{width: 100%;background: var(--color-surface,#fff);border: 1px solid var(--color-border);border-radius: var(--radius-xl,12px);overflow: hidden}[data-theme="dark"] .fdd-pw-card{background: #1a2332}.fdd-pw-card-header{display: flex;align-items: center;gap: 0.75rem;padding: 1rem 1.25rem;border-bottom: 1px solid var(--color-border)}.fdd-pw-avatar{width: 36px;height: 36px;border-radius: 50%;background: var(--color-primary);color: #fff;display: flex;align-items: center;justify-content: center;font-size: 0.7rem;font-weight: 700;flex-shrink: 0}.fdd-pw-profile-info{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 1px}.fdd-pw-profile-info strong{font-size: 0.85rem;font-weight: 600;color: var(--color-text)}.fdd-pw-profile-info span{font-size: 0.7rem;color: var(--color-text-faint)}.fdd-pw-score-ring{position: relative;width: 44px;height: 44px;flex-shrink: 0}.fdd-pw-score-ring svg{transform: rotate(-90deg)}.fdd-pw-ring-label{position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;font-size: 0.65rem;font-weight: 700;color: var(--color-primary)}.fdd-pw-list{padding: 0.5rem 0}.fdd-pw-row{display: flex;align-items: center;gap: 0.75rem;padding: 0.6rem 1.25rem;transition: background 0.15s}.fdd-pw-row:hover{background: oklch(from var(--color-primary) l c h / 0.04)}.fdd-pw-rank{width: 20px;height: 20px;border-radius: 50%;background: var(--color-surface-2,var(--glass-bg));border: 1px solid var(--color-border);display: flex;align-items: center;justify-content: center;font-size: 0.6rem;font-weight: 700;color: var(--color-text-muted);flex-shrink: 0}.fdd-pw-row-info{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 4px}.fdd-pw-row-info strong{font-size: 0.78rem;font-weight: 600;color: var(--color-text);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.fdd-pw-bar-wrap{width: 100%;height: 4px;background: var(--color-border);border-radius: 2px;overflow: hidden}.fdd-pw-bar{height: 100%;border-radius: 2px;transition: width 0.6s ease}.fdd-pw-bar.fdd-pw-high{background: #34d399}.fdd-pw-bar.fdd-pw-med{background: #60a5fa}.fdd-pw-bar.fdd-pw-low{background: var(--color-text-faint)}.fdd-pw-pct{font-size: 0.75rem;font-weight: 700;flex-shrink: 0;min-width: 32px;text-align: right}.fdd-pw-high-text{color: #34d399}.fdd-pw-med-text{color: #60a5fa}.fdd-pw-low-text{color: var(--color-text-faint)}@media (max-width: 600px){.fdd-pw-row-info strong{white-space: normal;font-size: 0.72rem}.fdd-pw-card-header{padding: 0.75rem 1rem}.fdd-pw-row{padding: 0.5rem 1rem;gap: 0.5rem}}.fdd-gauge-mock{display: flex;flex-direction: column;align-items: center;gap: 1.25rem}.fdd-gauge-ring{position: relative;width: 200px;height: 200px}.fdd-gauge-svg{width: 100%;height: 100%}.fdd-gauge-center{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-40%);text-align: center}.fdd-gauge-score{display: block;font-size: 2.25rem;font-weight: 800;line-height: 1;color: var(--color-text);letter-spacing: -0.02em}.fdd-gauge-label-text{display: block;font-size: 0.8rem;color: var(--color-text-muted);margin-top: 0.25rem}.fdd-gauge-tips{display: flex;flex-direction: column;gap: 0.5rem;width: 100%}.fdd-gauge-tip{display: flex;align-items: center;gap: 0.5rem;font-size: 0.85rem;color: var(--color-text-muted)}.fdd-gauge-tip strong{color: var(--color-success,#34d399)}.fdd-gauge-tip-icon{color: var(--color-primary);font-weight: 600;font-size: 0.9rem}.fdd-checklist{width: 100%;display: flex;flex-direction: column;gap: 0.625rem}.fdd-check-item{display: flex;align-items: center;gap: 0.75rem;padding: 0.75rem 1rem;background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-md);font-size: 0.85rem}.fdd-check-icon{width: 20px;height: 20px;border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-shrink: 0;font-size: 0.65rem;font-weight: 700}.fdd-check-done .fdd-check-icon{background: var(--color-success);color: #fff}.fdd-check-pending .fdd-check-icon{background: var(--color-surface-offset);color: var(--color-text-faint);border: 1.5px solid var(--color-border)}.fdd-check-urgent .fdd-check-icon{background: var(--color-accent);color: #fff}.fdd-check-done{color: var(--color-text-muted)}.fdd-check-pending{color: var(--color-text)}.fdd-check-urgent{color: var(--color-accent);font-weight: 500}.fdd-check-date{margin-left: auto;font-size: 0.7rem;color: var(--color-text-faint);white-space: nowrap}.fdd-timeline,.fdd-timeline-mock{width: 100%;display: flex;flex-direction: column;gap: 0;position: relative;padding-left: 1.5rem}.fdd-timeline::before,.fdd-timeline-mock::before{content: '';position: absolute;left: 5px;top: 8px;bottom: 8px;width: 2px;background: var(--color-border)}.fdd-tl-node{position: relative;padding: 0.75rem 0 0.75rem 1.25rem}.fdd-tl-dot{position: absolute;left: -1.5rem;top: 50%;transform: translate(-50%,-50%) translateX(5px);width: 10px;height: 10px;border-radius: 50%;background: var(--color-border)}.fdd-tl-node.fdd-tl-done .fdd-tl-dot{background: var(--color-success)}.fdd-tl-node.fdd-tl-current .fdd-tl-dot{background: var(--color-primary);box-shadow: 0 0 8px var(--color-primary-glow)}.fdd-tl-content{display: flex;flex-direction: column;gap: 2px}.fdd-tl-content strong{font-size: 0.85rem;font-weight: 600;color: var(--color-text)}.fdd-tl-content span{font-size: 0.7rem;color: var(--color-text-faint)}.fdd-tl-node.fdd-tl-current .fdd-tl-content strong{color: var(--color-primary)}.fdd-tl-node.fdd-tl-future .fdd-tl-content strong{color: var(--color-text-muted)}.fdd-city-grid{width: 100%;display: grid;grid-template-columns: repeat(2,1fr);gap: 0.75rem}.fdd-city-card{background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-md);padding: 1rem;text-align: center}.fdd-city-emoji{font-size: 2rem;margin-bottom: 0.5rem}.fdd-city-name{font-size: 0.9rem;font-weight: 600;color: var(--color-text);margin-bottom: 0.25rem}.fdd-city-province{font-size: 0.7rem;color: var(--color-text-faint)}.demo-expect{padding: clamp(4rem,6vw,6rem) 0}.demo-expect-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 1.5rem;margin-top: 3rem;max-width: 800px;margin-left: auto;margin-right: auto}@media (min-width: 900px){.demo-expect-grid{grid-template-columns: repeat(4,1fr);max-width: none}}@media (max-width: 480px){.demo-expect-grid{grid-template-columns: 1fr}}.demo-expect-card{background: var(--glass-bg);backdrop-filter: blur(var(--glass-blur));-webkit-backdrop-filter: blur(var(--glass-blur));border: 1px solid var(--glass-border);border-radius: var(--radius-xl);padding: 2rem;text-align: center;transition: all var(--transition-smooth)}[data-theme="dark"] .demo-expect-card{border-color: var(--color-border)}.demo-expect-card:hover{transform: translateY(-4px);box-shadow: var(--shadow-lg)}.demo-expect-icon{width: 56px;height: 56px;display: flex;align-items: center;justify-content: center;background: var(--color-primary-light);color: var(--color-primary);border-radius: var(--radius-lg);margin: 0 auto 1rem}.demo-expect-card h3{font-size: 1rem;font-weight: 600;margin-bottom: 0.5rem}.demo-expect-card p{font-size: 0.875rem;color: var(--color-text-muted);line-height: 1.6}.demo-launch{padding: clamp(4rem,6vw,6rem) 0;text-align: center}.demo-launch-box{background: var(--glass-bg);backdrop-filter: blur(var(--glass-blur));-webkit-backdrop-filter: blur(var(--glass-blur));border: 1px solid var(--glass-border);border-radius: var(--radius-2xl);padding: clamp(3rem,5vw,5rem);max-width: 700px;margin: 0 auto;position: relative;overflow: hidden}[data-theme="dark"] .demo-launch-box{border-color: var(--color-border)}.demo-launch-box::before{content: '';position: absolute;top: -50%;left: -50%;width: 200%;height: 200%;background: radial-gradient(ellipse at center,var(--color-primary-glow) 0%,transparent 50%);opacity: 0.5;pointer-events: none}.demo-launch-box h2{font-size: clamp(1.5rem,1.25rem + 1.5vw,2.25rem);font-weight: 700;margin-bottom: 1rem;position: relative}.demo-launch-box p{font-size: 1rem;color: var(--color-text-muted);margin-bottom: 2rem;position: relative}.demo-expect-section{padding: clamp(4rem,6vw,6rem) 0}.demo-launch-section{padding: clamp(4rem,6vw,6rem) 0;text-align: center}.demo-launch-content{position: relative;z-index: 1}.demo-launch-note{font-size: 0.8rem;color: var(--color-text-muted);margin-top: 1rem;position: relative}.btn-xl{padding: 1rem 2.5rem;font-size: 1.125rem;font-weight: 700;position: relative}.demo-comparison-section{padding: clamp(4rem,6vw,6rem) 0}.demo-comparison{display: grid;grid-template-columns: 1fr 1fr;gap: 2rem;max-width: 900px;margin: 3rem auto 0;padding-top: 1rem}.demo-comparison-col{background: var(--glass-bg);backdrop-filter: blur(var(--glass-blur));-webkit-backdrop-filter: blur(var(--glass-blur));border: 1px solid var(--glass-border);border-radius: var(--radius-xl);padding: 2.5rem 2rem;position: relative}[data-theme="dark"] .demo-comparison-col{border-color: var(--color-border);background: var(--color-surface)}.demo-comparison-col h3{font-size: 1.25rem;font-weight: 700;margin-bottom: 1.5rem}.demo-comparison-col ul{list-style: none;padding: 0;margin: 0 0 1.5rem;display: flex;flex-direction: column;gap: 0.75rem}.demo-comparison-col li{display: flex;align-items: center;gap: 0.5rem;font-size: 0.9rem;color: var(--color-text-secondary)}.demo-comparison-col li svg{flex-shrink: 0}.demo-comparison-price{display: block;font-size: 1.1rem;font-weight: 700;color: var(--color-primary)}.demo-comparison-full{border-color: var(--color-primary);overflow: visible}[data-theme="dark"] .demo-comparison-full{border-color: var(--color-primary-light,#5b8ac4)}.demo-comparison-full .pricing-popular-badge{position: absolute;top: -14px;left: 50%;transform: translateX(-50%);white-space: nowrap}@media (max-width: 640px){.demo-comparison{grid-template-columns: 1fr}}.pricing-comparison{padding: clamp(4rem,6vw,6rem) 0;background: var(--color-surface-2)}.pricing-comparison-headline{text-align: center;font-size: clamp(1.5rem,1.25rem + 2vw,2.5rem);font-weight: 700;letter-spacing: -0.02em;margin-bottom: 3rem}.pricing-detail-table-wrap{overflow-x: auto;-webkit-overflow-scrolling: touch;border-radius: var(--radius-xl);border: 1px solid var(--color-border);background: var(--color-surface)}.pricing-detail-table{width: 100%;min-width: 700px;border-collapse: collapse}.pricing-detail-table th,.pricing-detail-table td{padding: 1rem 1.25rem;text-align: center;font-size: 0.875rem;border-bottom: 1px solid var(--color-border)}.pricing-detail-table th:first-child,.pricing-detail-table td:first-child{text-align: left;font-weight: 500}.pricing-detail-table thead th{font-weight: 600;text-transform: uppercase;letter-spacing: 0.04em;font-size: 0.8rem;color: var(--color-text-muted);background: var(--color-surface-2)}.pricing-detail-table tbody tr:last-child td{border-bottom: none}.pricing-detail-table tbody tr{transition: background var(--transition-fast)}.pricing-detail-table tbody tr:hover{background: var(--color-primary-light)}.faq-section{padding: clamp(4rem,6vw,6rem) 0}.faq-headline{text-align: center;font-size: clamp(1.5rem,1.25rem + 2vw,2.5rem);font-weight: 700;letter-spacing: -0.02em;margin-bottom: 3rem}.faq-list{max-width: 740px;margin: 0 auto;display: flex;flex-direction: column;gap: 0}.faq-item{border-bottom: 1px solid var(--color-border)}.faq-question{width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 1.5rem 0;font-size: 1rem;font-weight: 600;color: var(--color-text);text-align: left;cursor: pointer;background: none;border: none;font-family: var(--font-body);transition: color var(--transition-fast)}.faq-question:hover{color: var(--color-primary)}.faq-icon{width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;transition: transform var(--transition-smooth);color: var(--color-text-muted)}.faq-item.open .faq-icon{transform: rotate(45deg)}.faq-answer{max-height: 0;overflow: hidden;transition: max-height var(--transition-smooth)}.faq-answer-inner{padding: 0 0 1.5rem;font-size: 0.925rem;color: var(--color-text-muted);line-height: 1.7}.enterprise-callout,.enterprise-section{padding: clamp(5rem,8vh,8rem) 0 clamp(2rem,4vh,3rem)}.enterprise-box{background: var(--glass-bg);backdrop-filter: blur(var(--glass-blur));-webkit-backdrop-filter: blur(var(--glass-blur));border: 1px solid var(--glass-border);border-radius: var(--radius-2xl);padding: clamp(3rem,5vw,5rem) clamp(2rem,4vw,4rem);text-align: center;max-width: 720px;margin: 0 auto}[data-theme="dark"] .enterprise-box{border-color: var(--color-border)}.enterprise-box h3{font-size: clamp(1.4rem,1rem + 1.5vw,2rem);font-weight: 700;margin-bottom: 1rem;letter-spacing: -0.02em}.enterprise-box p{font-size: 1.05rem;color: var(--color-text-muted);margin-bottom: 2rem;line-height: 1.7}.guarantee-section{padding: clamp(2rem,4vh,3rem) 0 clamp(4rem,6vh,6rem)}.guarantee-badge{display: inline-flex;align-items: center;gap: 1rem;padding: 1.25rem 2rem;background: rgba(34,197,94,0.08);border: 1px solid rgba(34,197,94,0.2);border-radius: var(--radius-xl)}.guarantee-badge strong{font-size: 1.05rem;color: var(--color-text);display: block;margin-bottom: 0.25rem}.guarantee-badge p{font-size: 0.92rem;color: var(--color-text-muted);line-height: 1.5;margin: 0}.guarantee-badge i{color: var(--color-success);flex-shrink: 0}.guarantee-badge span{font-size: 0.9rem;font-weight: 600;color: var(--color-success)}.about-mission,.about-problem,.about-values,.about-stats,.about-team{text-align: center}.about-mission{padding: clamp(4rem,6vw,6rem) 0}.about-headline{font-size: clamp(1.75rem,1.25rem + 2.5vw,3rem);font-weight: 700;letter-spacing: -0.025em;line-height: 1.15;text-align: center;margin-bottom: 2rem}.about-mission-text,.about-problem-text{max-width: 700px;margin: 0 auto;text-align: center}.about-mission-text p,.about-problem-text p{font-size: clamp(1.05rem,1rem + 0.3vw,1.2rem);color: var(--color-text-muted);line-height: 1.8;margin-bottom: 1.5rem}.about-problem{padding: clamp(4rem,6vw,6rem) 0;background: var(--color-surface-2)}.about-values{padding: clamp(4rem,6vw,6rem) 0}.about-values-headline{text-align: center;font-size: clamp(1.75rem,1.25rem + 2.5vw,3rem);font-weight: 700;letter-spacing: -0.025em;margin-bottom: 4rem}.values-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 1.75rem;max-width: 800px;margin: 0 auto}.value-card{background: var(--glass-bg);backdrop-filter: blur(var(--glass-blur));-webkit-backdrop-filter: blur(var(--glass-blur));border: 1px solid var(--glass-border);border-radius: var(--radius-xl);padding: 2rem;text-align: center;transition: all var(--transition-smooth)}[data-theme="dark"] .value-card{border-color: var(--color-border)}.value-card:hover{transform: translateY(-4px);box-shadow: var(--shadow-lg)}.value-icon{width: 56px;height: 56px;display: flex;align-items: center;justify-content: center;background: var(--color-primary-light);color: var(--color-primary);border-radius: var(--radius-lg);margin: 0 auto 1.25rem}.value-card h3{font-size: 1.1rem;font-weight: 600;margin-bottom: 0.5rem}.value-card p{font-size: 0.9rem;color: var(--color-text-muted);line-height: 1.65}.about-stats{padding: clamp(4rem,6vw,6rem) 0;background: var(--color-surface-2)}.about-stats-headline{text-align: center;font-size: clamp(1.75rem,1.25rem + 2.5vw,3rem);font-weight: 700;letter-spacing: -0.025em;margin-bottom: 4rem}.stats-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 2rem;max-width: 900px;margin: 0 auto}.stat-card{text-align: center}.stat-number{font-size: clamp(2.5rem,2rem + 2vw,3.5rem);font-weight: 800;color: var(--color-primary);line-height: 1;letter-spacing: -0.03em;margin-bottom: 0.5rem}.stat-label{font-size: 0.9rem;color: var(--color-text);font-weight: 600;margin-bottom: 0.5rem}.stat-card p{font-size: 0.8rem;color: var(--color-text-muted);line-height: 1.5}.about-team{padding: clamp(4rem,6vw,6rem) 0}.about-team-headline{text-align: center;font-size: clamp(1.75rem,1.25rem + 2.5vw,3rem);font-weight: 700;letter-spacing: -0.025em;margin-bottom: 4rem}.team-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));gap: 2rem;max-width: 900px;margin: 0 auto}.team-card{text-align: center;padding: 2rem}.team-avatar{width: 96px;height: 96px;border-radius: 50%;margin: 0 auto 1.25rem;display: flex;align-items: center;justify-content: center;font-size: 2rem;font-weight: 700;color: var(--color-primary)}.team-avatar-1{background: linear-gradient(135deg,rgba(91,156,245,0.15),rgba(96,212,232,0.15))}.team-avatar-2{background: linear-gradient(135deg,rgba(167,139,250,0.15),rgba(91,156,245,0.15))}.team-avatar-3{background: linear-gradient(135deg,rgba(96,212,232,0.15),rgba(34,197,94,0.15))}.team-card h3,.team-card h4{font-size: 1.05rem;font-weight: 600;margin-bottom: 0.25rem}.team-card p{font-size: 0.85rem;color: var(--color-text-muted)}.team-role{font-weight: 500;color: var(--color-primary) !important;margin-bottom: 0.5rem}.team-bio{line-height: 1.6}.about-join{padding: clamp(4rem,6vw,6rem) 0;background: var(--color-surface-2)}.about-join-inner{text-align: center;max-width: 600px;margin: 0 auto}.about-join-inner h2{font-size: clamp(1.75rem,1.25rem + 2.5vw,3rem);font-weight: 700;letter-spacing: -0.025em;margin-bottom: 1rem}.about-join-inner p{font-size: 1.05rem;color: var(--color-text-muted);margin-bottom: 2rem;line-height: 1.7}@media (max-width: 900px){.nav-links{display: none}.btn-nav{display: none}.mobile-menu-btn{display: flex}.mobile-menu{display: block}.nav-actions{margin-left: auto;margin-right: 0.5rem}.nav-auth-link,.nav-auth-btn{display: none}.theme-toggle{width: 32px;height: 32px}.problem-sticky{grid-template-columns: 1fr;gap: 2.5rem}.problem-text{position: static}.features-grid{grid-template-columns: 1fr 1fr}.feature-card-large{grid-column: 1 / -1;grid-template-columns: 1fr}.how-step{grid-template-columns: 1fr;gap: 2rem}.how-step:nth-child(even){direction: ltr}.how-steps{gap: 5rem}.screen-dashboard{grid-template-columns: 1fr}.screen-sidebar{display: none}.screen-kpis{grid-template-columns: repeat(2,1fr)}.pricing-grid{grid-template-columns: 1fr;max-width: 420px}.pricing-card-popular{transform: none}.pricing-card-popular.visible{transform: none}.pricing-card-popular:hover{transform: translateY(-4px)}.testimonials-grid{grid-template-columns: 1fr}.footer-grid{grid-template-columns: 1fr 1fr;gap: 2rem}.feature-deep-dive-inner{grid-template-columns: 1fr;gap: 2rem}.feature-deep-dive:nth-child(even) .feature-deep-dive-inner{direction: ltr}.values-grid{grid-template-columns: 1fr 1fr}.stats-grid{grid-template-columns: repeat(2,1fr)}.team-grid{grid-template-columns: 1fr;max-width: 400px}}@media (max-width: 600px){.hero-title{font-size: clamp(2rem,1.25rem + 5vw,3.25rem)}.hero-metrics{gap: 2rem;flex-direction: column;align-items: center}.hero-metric-divider{display: none}.hero-metric-value{font-size: clamp(2rem,1.5rem + 2vw,2.75rem)}.problem-headline,.solution-headline,.how-headline,.platform-headline,.compare-headline,.testimonials-headline,.pricing-headline{font-size: clamp(1.75rem,1.25rem + 3vw,2.75rem)}.features-grid{grid-template-columns: 1fr}.compare-section .container{padding: 0 1rem}.footer-grid{grid-template-columns: 1fr;gap: 2rem}.final-cta h2{font-size: clamp(1.75rem,1.25rem + 3vw,2.5rem)}.page-hero .hero-title{font-size: clamp(1.75rem,1.25rem + 4vw,2.75rem)}.fdd-title{font-size: clamp(1.5rem,1.25rem + 2vw,2rem)}.fdd-city-grid{grid-template-columns: 1fr}.values-grid{grid-template-columns: 1fr}.stats-grid{grid-template-columns: repeat(2,1fr)}.about-headline{font-size: clamp(1.5rem,1.25rem + 2vw,2rem)}}.gsap-fade-up{opacity: 0;transform: translateY(40px)}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important}.platform-device{transform: none !important}.pain-card,.feature-card,.how-step,.testimonial-card,.pricing-card{opacity: 1 !important;transform: none !important}}html:not(.gsap-ready) .pain-card,html:not(.gsap-ready) .feature-card,html:not(.gsap-ready) .how-step,html:not(.gsap-ready) .testimonial-card,html:not(.gsap-ready) .pricing-card{transition: opacity 0.6s ease,transform 0.6s ease}@keyframes gsap-fallback{to{opacity: 1;transform: none}}html:not(.gsap-ready) .pain-card,html:not(.gsap-ready) .feature-card,html:not(.gsap-ready) .how-step,html:not(.gsap-ready) .testimonial-card,html:not(.gsap-ready) .pricing-card{animation: gsap-fallback 0.01s 3.5s forwards}.lang-toggle{display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: var(--radius-md,8px);font-size: 0.8125rem;font-weight: 600;color: var(--color-text-muted);text-decoration: none;transition: background 0.2s,color 0.2s;letter-spacing: 0.02em}.lang-toggle:hover{background: var(--color-surface-2,rgba(0,0,0,0.05));color: var(--color-text)}[data-theme="dark"] .lang-toggle:hover{background: rgba(255,255,255,0.08)}.lang-toggle-mobile{display: block;padding: 0.75rem 1rem;font-size: 0.9375rem;font-weight: 500;color: var(--color-text-muted);text-decoration: none;border-bottom: 1px solid var(--color-border,rgba(0,0,0,0.08));margin-bottom: 0.5rem}.lang-toggle-mobile:hover{color: var(--color-primary)}.ptr-hero{padding: clamp(8rem,18vh,12rem) 0 clamp(5rem,10vh,8rem);text-align: center}.ptr-hero-inner{max-width: 780px;margin: 0 auto}.ptr-badge{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.5rem 1.25rem;border-radius: 999px;background: oklch(from var(--color-primary) l c h / 0.08);color: var(--color-primary);font-size: 0.8rem;font-weight: 600;letter-spacing: 0.04em;text-transform: uppercase;margin-bottom: 2rem}.ptr-hero-title{font-size: clamp(2.2rem,5vw,3.8rem);font-weight: 700;line-height: 1.1;color: var(--color-text);letter-spacing: -0.025em;margin-bottom: 0.25rem}.ptr-hero-highlight{font-size: clamp(2.2rem,5vw,3.8rem);font-weight: 700;line-height: 1.1;letter-spacing: -0.025em;background: linear-gradient(135deg,var(--color-primary),var(--color-accent,#c44b4b));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;margin-bottom: 2rem}.ptr-hero-sub{font-size: clamp(1rem,2vw,1.2rem);line-height: 1.7;color: var(--color-text-muted);max-width: 620px;margin: 0 auto}.ptr-commitment{padding: clamp(4rem,8vh,7rem) 0}.ptr-commit-inner{max-width: 680px;margin: 0 auto;text-align: center;padding: clamp(2.5rem,5vw,4rem) clamp(2rem,4vw,3.5rem);background: var(--glass-bg);backdrop-filter: blur(var(--glass-blur));-webkit-backdrop-filter: blur(var(--glass-blur));border: 1px solid var(--glass-border);border-radius: var(--radius-2xl)}.ptr-commit-icon{width: 64px;height: 64px;border-radius: 50%;background: oklch(from var(--color-primary) l c h / 0.1);color: var(--color-primary);display: flex;align-items: center;justify-content: center;margin: 0 auto 1.5rem}.ptr-commit-title{font-size: clamp(1.4rem,3vw,1.8rem);font-weight: 700;color: var(--color-text);margin-bottom: 1.25rem;letter-spacing: -0.015em}.ptr-commit-body{font-size: clamp(0.95rem,1.5vw,1.05rem);line-height: 1.8;color: var(--color-text-muted)}.ptr-values{padding: clamp(3rem,6vh,5rem) 0 clamp(5rem,10vh,8rem)}.ptr-values-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 1.75rem}.ptr-val-card{padding: 2.25rem 1.75rem;background: var(--glass-bg);backdrop-filter: blur(var(--glass-blur));-webkit-backdrop-filter: blur(var(--glass-blur));border: 1px solid var(--glass-border);border-radius: var(--radius-xl);text-align: center;transition: border-color 0.3s,transform 0.3s,box-shadow 0.3s}.ptr-val-card:hover{border-color: var(--color-primary);transform: translateY(-4px);box-shadow: 0 12px 40px oklch(from var(--color-primary) l c h / 0.08)}.ptr-val-icon{width: 52px;height: 52px;border-radius: var(--radius-lg);background: oklch(from var(--color-primary) l c h / 0.1);color: var(--color-primary);display: flex;align-items: center;justify-content: center;margin: 0 auto 1.25rem}.ptr-val-card h3{font-size: 1.05rem;font-weight: 700;color: var(--color-text);margin-bottom: 0.75rem;letter-spacing: -0.01em}.ptr-val-card p{font-size: 0.9rem;line-height: 1.65;color: var(--color-text-muted)}@media (max-width: 1000px){.ptr-values-grid{grid-template-columns: repeat(2,1fr)}}@media (max-width: 520px){.ptr-values-grid{grid-template-columns: 1fr}}.ptr-label{display: inline-block;font-size: 0.75rem;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;color: var(--color-primary);margin-bottom: 1rem}.ptr-section-title{font-size: clamp(1.8rem,4vw,2.8rem);font-weight: 700;line-height: 1.15;color: var(--color-text);letter-spacing: -0.025em;margin-bottom: 1rem}.ptr-section-sub{font-size: clamp(1rem,1.5vw,1.15rem);line-height: 1.7;color: var(--color-text-muted);max-width: 580px}.ptr-categories{padding: clamp(5rem,10vh,9rem) 0;background: var(--color-surface)}.ptr-cat-header{text-align: center;margin-bottom: clamp(3rem,6vw,5rem)}.ptr-cat-header .ptr-section-sub{margin: 0 auto}.ptr-cat-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 1.5rem}.ptr-cat-card{padding: 2rem 1.75rem;background: var(--color-bg);border: 1px solid var(--color-border);border-radius: var(--radius-xl);display: flex;flex-direction: column;transition: border-color 0.3s,transform 0.3s,box-shadow 0.3s}.ptr-cat-card:hover{border-color: var(--color-primary);transform: translateY(-4px);box-shadow: 0 12px 40px oklch(0 0 0 / 0.06)}.ptr-cat-icon{width: 52px;height: 52px;border-radius: var(--radius-lg);display: flex;align-items: center;justify-content: center;margin-bottom: 1.25rem}.ptr-cat-icon.banking{background: oklch(0.55 0.15 250 / 0.12);color: oklch(0.55 0.15 250)}.ptr-cat-icon.telecom{background: oklch(0.6 0.15 170 / 0.12);color: oklch(0.6 0.15 170)}.ptr-cat-icon.insurance{background: oklch(0.6 0.12 300 / 0.12);color: oklch(0.6 0.12 300)}.ptr-cat-icon.housing{background: oklch(0.6 0.14 50 / 0.12);color: oklch(0.6 0.14 50)}.ptr-cat-icon.education{background: oklch(0.55 0.12 200 / 0.12);color: oklch(0.55 0.12 200)}.ptr-cat-icon.employment{background: oklch(0.55 0.12 30 / 0.12);color: oklch(0.55 0.12 30)}.ptr-cat-icon.financial{background: oklch(0.6 0.15 145 / 0.12);color: oklch(0.6 0.15 145)}.ptr-cat-icon.health{background: oklch(0.6 0.16 15 / 0.12);color: oklch(0.6 0.16 15)}.ptr-cat-card h3{font-size: 1.05rem;font-weight: 700;color: var(--color-text);margin-bottom: 1rem;letter-spacing: -0.01em}.ptr-cat-card ul{list-style: none;padding: 0;margin: 0 0 auto;display: flex;flex-direction: column;gap: 0.5rem}.ptr-cat-card ul li{font-size: 0.88rem;line-height: 1.5;color: var(--color-text-muted);padding-left: 1.1rem;position: relative}.ptr-cat-card ul li::before{content: '';position: absolute;left: 0;top: 8px;width: 5px;height: 5px;border-radius: 50%;background: var(--color-primary);opacity: 0.45}.ptr-cat-save{margin-top: 1.25rem;padding-top: 1rem;border-top: 1px solid var(--color-border);font-size: 0.88rem;color: var(--color-text-muted)}.ptr-cat-save strong{color: #34d399;font-weight: 700}@media (max-width: 1100px){.ptr-cat-grid{grid-template-columns: repeat(2,1fr)}}@media (max-width: 520px){.ptr-cat-grid{grid-template-columns: 1fr}}.ptr-how{padding: clamp(5rem,10vh,9rem) 0}.ptr-how-header{text-align: center;margin-bottom: clamp(3rem,6vw,5rem)}.ptr-how-header .ptr-section-sub{margin: 0 auto}.ptr-steps{display: flex;align-items: flex-start;justify-content: center;gap: 0;max-width: 960px;margin: 0 auto}.ptr-step{flex: 1;text-align: center;padding: 0 1.5rem}.ptr-step-num{font-size: clamp(3rem,5vw,4.5rem);font-weight: 800;color: oklch(from var(--color-primary) l c h / 0.12);line-height: 1;margin-bottom: 1.25rem;letter-spacing: -0.03em}.ptr-step h3{font-size: 1.1rem;font-weight: 700;color: var(--color-text);margin-bottom: 0.75rem;letter-spacing: -0.01em}.ptr-step p{font-size: 0.92rem;line-height: 1.65;color: var(--color-text-muted);max-width: 260px;margin: 0 auto}.ptr-step-divider{width: 80px;height: 2px;background: var(--color-border);margin-top: 2.5rem;flex-shrink: 0;transform-origin: left center}@media (max-width: 700px){.ptr-steps{flex-direction: column;align-items: center;gap: 2.5rem}.ptr-step{padding: 0}.ptr-step-divider{width: 2px;height: 40px;margin-top: 0;transform-origin: center top}}.ptr-stats{padding: clamp(4rem,8vh,7rem) 0;background: var(--color-surface)}.ptr-stats-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 2rem;text-align: center}.ptr-stat{display: flex;flex-direction: column;align-items: center}.ptr-stat-row{display: flex;align-items: baseline;justify-content: center;white-space: nowrap}.ptr-stat-num,.ptr-stat-plus,.ptr-stat-prefix{font-size: clamp(2.4rem,5vw,3.5rem);font-weight: 800;color: var(--color-primary);line-height: 1;letter-spacing: -0.03em}.ptr-stat-label{display: block;font-size: 0.88rem;color: var(--color-text-muted);margin-top: 0.75rem;white-space: nowrap}@media (max-width: 700px){.ptr-stats-grid{grid-template-columns: repeat(2,1fr);gap: 2.5rem}}.ptr-cta{padding: clamp(5rem,10vh,9rem) 0}.ptr-cta-inner{text-align: center;max-width: 700px;margin: 0 auto}.ptr-cta-inner h2{font-size: clamp(1.8rem,4vw,2.8rem);font-weight: 700;line-height: 1.15;color: var(--color-text);letter-spacing: -0.025em;margin-bottom: 1.25rem}.ptr-cta-inner p{font-size: clamp(1rem,1.5vw,1.1rem);line-height: 1.7;color: var(--color-text-muted);margin-bottom: 2.5rem}.ptr-b2b{padding: clamp(5rem,10vh,9rem) 0;background: var(--color-surface)}.ptr-b2b-grid{display: grid;grid-template-columns: 1fr 1fr;gap: clamp(3rem,5vw,5rem);align-items: start}.ptr-b2b-text .ptr-section-title{margin-top: 0.5rem}.ptr-b2b-desc{font-size: 1rem;line-height: 1.75;color: var(--color-text-muted);margin-bottom: 2.5rem}.ptr-b2b-features{display: flex;flex-direction: column;gap: 1.5rem}.ptr-b2b-feat{display: flex;align-items: flex-start;gap: 1rem}.ptr-b2b-feat > i{color: var(--color-primary);flex-shrink: 0;margin-top: 3px}.ptr-b2b-feat strong{display: block;font-size: 0.95rem;font-weight: 700;color: var(--color-text);margin-bottom: 0.15rem}.ptr-b2b-feat span{font-size: 0.88rem;line-height: 1.5;color: var(--color-text-muted)}.ptr-b2b-form-card{background: var(--color-bg);border: 1px solid var(--color-border);border-radius: var(--radius-2xl);padding: clamp(2rem,3vw,2.75rem)}.ptr-b2b-form-card h3{font-size: 1.3rem;font-weight: 700;color: var(--color-text);margin-bottom: 0.35rem}.ptr-b2b-form-card > p{font-size: 0.92rem;color: var(--color-text-muted);margin-bottom: 1.75rem}.ptr-b2b-form{display: flex;flex-direction: column;gap: 0.875rem}.ptr-b2b-form input,.ptr-b2b-form select,.ptr-b2b-form textarea{width: 100%;padding: 0.85rem 1.1rem;border: 1px solid var(--color-border);border-radius: var(--radius-lg);background: var(--color-surface);color: var(--color-text);font-family: inherit;font-size: 0.92rem;outline: none;transition: border-color 0.2s,box-shadow 0.2s}.ptr-b2b-form input:focus,.ptr-b2b-form select:focus,.ptr-b2b-form textarea:focus{border-color: var(--color-primary);box-shadow: 0 0 0 3px oklch(from var(--color-primary) l c h / 0.1)}.ptr-b2b-form select{cursor: pointer;appearance: none;-webkit-appearance: none;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 0.85rem center;padding-right: 2.5rem}.ptr-b2b-form textarea{resize: vertical;min-height: 100px}.ptr-b2b-success{text-align: center;padding: 3rem 1.5rem}.ptr-b2b-success h3{font-size: 1.3rem;font-weight: 700;color: var(--color-text);margin: 1.25rem 0 0.5rem}.ptr-b2b-success p{color: var(--color-text-muted);font-size: 0.95rem}@media (max-width: 900px){.ptr-b2b-grid{grid-template-columns: 1fr;gap: 3rem}}.fade-up{opacity:0;transform:translateY(25px)}.fade-up.visible{opacity:1;transform:translateY(0);transition:opacity 0.6s ease,transform 0.6s ease}

/* ===== PARTNER CATEGORY CAROUSEL — Apple-style ===== */
.ptr-cat-carousel-wrap{position:relative}
.ptr-cat-grid{display:flex !important;grid-template-columns:none !important;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:1.25rem;padding:0.5rem 0 1.5rem;scrollbar-width:none;scroll-behavior:smooth}
.ptr-cat-grid::-webkit-scrollbar{display:none}
.ptr-cat-card{min-width:320px;max-width:360px;flex:0 0 auto;scroll-snap-align:start}
/* Arrows */
.ptr-cat-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:44px;height:44px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity 0.3s ease,background 0.2s ease,box-shadow 0.2s ease;background:oklch(0.96 0 0 / 0.85);color:var(--color-text);box-shadow:0 2px 12px oklch(0 0 0 / 0.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.ptr-cat-arrow:hover{background:oklch(1 0 0 / 0.95);box-shadow:0 4px 20px oklch(0 0 0 / 0.15)}
.ptr-cat-arrow:active{transform:translateY(-50%) scale(0.95)}
.ptr-cat-arrow.hidden{opacity:0;pointer-events:none}
.ptr-cat-arrow-left{left:-22px}
.ptr-cat-arrow-right{right:-22px}
[data-theme="dark"] .ptr-cat-arrow{background:oklch(0.25 0.01 250 / 0.85);color:var(--color-text);box-shadow:0 2px 12px oklch(0 0 0 / 0.3)}
[data-theme="dark"] .ptr-cat-arrow:hover{background:oklch(0.3 0.01 250 / 0.95);box-shadow:0 4px 20px oklch(0 0 0 / 0.4)}
/* Mobile adjustments */
@media (max-width:768px){
.ptr-cat-grid{gap:1rem;padding:0.5rem 0 1.5rem}
.ptr-cat-card{min-width:280px;max-width:300px}
.ptr-cat-arrow{width:36px;height:36px}
.ptr-cat-arrow-left{left:-4px}
.ptr-cat-arrow-right{right:-4px}
.ptr-cat-arrow svg{width:16px;height:16px}
}
@media (max-width:520px){
.ptr-cat-card{min-width:260px;max-width:280px}
}
/* ===== END CAROUSEL ===== */