:root{--color-primary: #0D2137;--color-primary-dark: #081828;--color-primary-light: #163352;--color-accent: #3EC98E;--color-accent-dark: #2BAA74;--color-accent-light: #5DDBA2;--color-accent-subtle: rgba(62, 201, 142, 0.12);--color-white: #FFFFFF;--color-off-white: #F7F9FC;--color-gray-50: #F0F4F8;--color-gray-100: #E2E8F0;--color-gray-200: #CBD5E1;--color-gray-300: #94A3B8;--color-gray-400: #64748B;--color-gray-500: #475569;--color-gray-600: #334155;--color-gray-700: #1E293B;--color-gray-800: #0F172A;--color-text-primary: #0D2137;--color-text-secondary:#475569;--color-text-light: #94A3B8;--color-text-inverse: #FFFFFF;--color-border: #E2E8F0;--color-border-dark: rgba(255,255,255,0.12);--gradient-hero: linear-gradient(135deg, #081828 0%, #0D2137 40%, #163352 100%);--gradient-accent: linear-gradient(135deg, #3EC98E 0%, #2BAA74 100%);--gradient-card: linear-gradient(145deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.02) 100%);--gradient-section: linear-gradient(180deg, #F7F9FC 0%, #FFFFFF 100%);--gradient-esg: linear-gradient(135deg, #081828 0%, #0D2137 50%, #0E3A2A 100%);--font-primary: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;--font-display: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-size-7xl: 4.5rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold:800;--line-height-tight: 1.2;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--space-40: 10rem;--radius-sm: 0.25rem;--radius-md: 0.5rem;--radius-lg: 0.75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);--shadow-md: 0 4px 16px rgba(0,0,0,0.10), 0 2px 6px rgba(0,0,0,0.06);--shadow-lg: 0 10px 40px rgba(0,0,0,0.12), 0 4px 12px rgba(0,0,0,0.08);--shadow-xl: 0 20px 60px rgba(0,0,0,0.16), 0 8px 24px rgba(0,0,0,0.10);--shadow-accent: 0 8px 32px rgba(62,201,142,0.25);--shadow-card: 0 4px 24px rgba(13,33,55,0.08);--transition-fast: 150ms ease;--transition-base: 250ms ease;--transition-slow: 400ms ease;--transition-spring: 300ms cubic-bezier(0.34, 1.56, 0.64, 1);--container-max: 1280px;--container-narrow: 900px;--container-wide: 1440px;--nav-height: 72px;--section-padding-y: var(--space-24)}*, *::before, *::after{box-sizing: border-box;margin: 0;padding: 0}html{font-size: 16px;scroll-behavior: smooth;-webkit-text-size-adjust: 100%}body{font-family: var(--font-primary);font-size: var(--font-size-base);font-weight: var(--font-weight-regular);line-height: var(--line-height-normal);color: var(--color-text-primary);background-color: var(--color-white);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;overflow-x: hidden}img, svg{display: block;max-width: 100%}a{color: inherit;text-decoration: none}ul, ol{list-style: none}button{cursor: pointer;border: none;background: none;font-family: inherit}input, textarea, select{font-family: inherit}.text-xs{font-size: var(--font-size-xs)}.text-sm{font-size: var(--font-size-sm)}.text-base{font-size: var(--font-size-base)}.text-lg{font-size: var(--font-size-lg)}.text-xl{font-size: var(--font-size-xl)}.text-2xl{font-size: var(--font-size-2xl)}.text-3xl{font-size: var(--font-size-3xl)}.text-4xl{font-size: var(--font-size-4xl)}.text-5xl{font-size: var(--font-size-5xl)}.text-6xl{font-size: var(--font-size-6xl)}.font-medium{font-weight: var(--font-weight-medium)}.font-semibold{font-weight: var(--font-weight-semibold)}.font-bold{font-weight: var(--font-weight-bold)}.font-extrabold{font-weight: var(--font-weight-extrabold)}.text-center{text-align: center}.text-left{text-align: left}.text-right{text-align: right}.text-accent{color: var(--color-accent)}.text-primary{color: var(--color-primary)}.text-white{color: var(--color-white)}.text-muted{color: var(--color-text-secondary)}.container{width: 100%;max-width: var(--container-max);margin-inline: auto;padding-inline: var(--space-6)}.container--narrow{max-width: var(--container-narrow)}.section{padding-block: var(--section-padding-y)}.section--dark{background: var(--gradient-hero);color: var(--color-text-inverse)}.section--light{background: var(--color-off-white)}.section--white{background: var(--color-white)}.grid{display: grid;gap: var(--space-8)}.grid--2{grid-template-columns: repeat(2, 1fr)}.grid--3{grid-template-columns: repeat(3, 1fr)}.grid--4{grid-template-columns: repeat(4, 1fr)}.flex{display: flex}.flex--center{align-items: center;justify-content: center}.flex--between{align-items: center;justify-content: space-between}.flex--gap-4{gap: var(--space-4)}.flex--gap-6{gap: var(--space-6)}.flex--gap-8{gap: var(--space-8)}.section-header{text-align: center;margin-bottom: var(--space-16)}.section-tag{display: inline-flex;align-items: center;gap: var(--space-2);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);letter-spacing: 0.12em;text-transform: uppercase;color: var(--color-accent);background: var(--color-accent-subtle);border: 1px solid rgba(62,201,142,0.25);padding: var(--space-2) var(--space-4);border-radius: var(--radius-full);margin-bottom: var(--space-5)}.section-tag--dark{color: var(--color-accent);background: rgba(62,201,142,0.15);border-color: rgba(62,201,142,0.3)}.section-title{font-size: clamp(var(--font-size-3xl), 4vw, var(--font-size-5xl));font-weight: var(--font-weight-extrabold);line-height: var(--line-height-tight);color: var(--color-primary);margin-bottom: var(--space-5)}.section-title--white{color: var(--color-white)}.section-title em{font-style: normal;color: var(--color-accent)}.section-subtitle{font-size: clamp(var(--font-size-base), 1.5vw, var(--font-size-lg));line-height: var(--line-height-relaxed);color: var(--color-text-secondary);max-width: 680px;margin-inline: auto}.section-subtitle--white{color: rgba(255,255,255,0.72)}.btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--space-2);font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);line-height: 1;letter-spacing: 0.01em;padding: var(--space-4) var(--space-8);border-radius: var(--radius-lg);border: 2px solid transparent;transition: all var(--transition-base);white-space: nowrap;text-decoration: none;cursor: pointer;position: relative;overflow: hidden}.btn::before{content: '';position: absolute;inset: 0;background: rgba(255,255,255,0);transition: background var(--transition-fast)}.btn:hover::before{background: rgba(255,255,255,0.08)}.btn:focus-visible{outline: 2px solid var(--color-accent);outline-offset: 3px}.btn--primary{background: var(--gradient-accent);color: var(--color-primary-dark);border-color: transparent;box-shadow: var(--shadow-accent)}.btn--primary:hover{transform: translateY(-2px);box-shadow: 0 12px 40px rgba(62,201,142,0.35)}.btn--primary:active{transform: translateY(0)}.btn--secondary{background: transparent;color: var(--color-white);border-color: rgba(255,255,255,0.35)}.btn--secondary:hover{background: rgba(255,255,255,0.08);border-color: rgba(255,255,255,0.6);transform: translateY(-2px)}.btn--outline-accent{background: transparent;color: var(--color-accent);border-color: var(--color-accent)}.btn--outline-accent:hover{background: var(--color-accent);color: var(--color-primary-dark);transform: translateY(-2px)}.btn--outline-dark{background: transparent;color: var(--color-primary);border-color: var(--color-primary)}.btn--outline-dark:hover{background: var(--color-primary);color: var(--color-white);transform: translateY(-2px)}.btn--lg{font-size: var(--font-size-base);padding: var(--space-5) var(--space-10);border-radius: var(--radius-xl)}.btn--sm{font-size: var(--font-size-xs);padding: var(--space-3) var(--space-5)}.btn svg{width: 18px;height: 18px;flex-shrink: 0}#site-header{position: fixed;top: 0;left: 0;right: 0;z-index: 1000;height: var(--nav-height);transition: background var(--transition-base), box-shadow var(--transition-base)}#site-header.scrolled{background: rgba(8, 24, 40, 0.96);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);box-shadow: 0 1px 0 rgba(255,255,255,0.06), 0 4px 24px rgba(0,0,0,0.24)}.nav{height: 100%;display: flex;align-items: center;justify-content: space-between;gap: var(--space-8)}.nav__logo{display: flex;align-items: center;flex-shrink: 0;text-decoration: none}.nav__logo img{height: 55px;width: auto}.nav__links{display: flex;align-items: center;gap: var(--space-1);list-style: none}.nav__links a{display: block;font-size: var(--font-size-xl);font-weight: var(--font-weight-medium);color: rgba(255,255,255,0.8);padding: var(--space-2) var(--space-4);border-radius: var(--radius-md);transition: color var(--transition-fast), background var(--transition-fast);text-decoration: none}.nav__links a:hover{color: var(--color-white);background: rgba(255,255,255,0.08)}.nav__links a:focus-visible{outline: 2px solid var(--color-accent);outline-offset: 2px}.nav__cta{display: flex;align-items: center;gap: var(--space-3);flex-shrink: 0}.nav__login{font-size: var(--font-size-xl);font-weight: var(--font-weight-medium);color: rgba(255,255,255,0.75);transition: color var(--transition-fast);text-decoration: none}.nav__login:hover{color: var(--color-white)}.nav__toggle{display: none;flex-direction: column;gap: 5px;width: 28px;padding: 4px;cursor: pointer;background: none;border: none}.nav__toggle span{display: block;height: 2px;background: var(--color-white);border-radius: var(--radius-full);transition: all var(--transition-base)}.nav__toggle.active span:nth-child(1){transform: translateY(7px) rotate(45deg)}.nav__toggle.active span:nth-child(2){opacity: 0;transform: scaleX(0)}.nav__toggle.active span:nth-child(3){transform: translateY(-7px) rotate(-45deg)}.nav__mobile{display: none;position: fixed;top: var(--nav-height);left: 0;right: 0;background: rgba(8, 24, 40, 0.98);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);padding: var(--space-6) var(--space-6) var(--space-8);border-top: 1px solid rgba(255,255,255,0.08);transform: translateY(-8px);opacity: 0;transition: all var(--transition-base);z-index: 999}.nav__mobile.open{display: block;transform: translateY(0);opacity: 1}.nav__mobile ul{list-style: none;display: flex;flex-direction: column;gap: var(--space-1);margin-bottom: var(--space-6)}.nav__mobile ul a{display: block;font-size: var(--font-size-base);font-weight: var(--font-weight-medium);color: rgba(255,255,255,0.85);padding: var(--space-3) var(--space-4);border-radius: var(--radius-md);transition: all var(--transition-fast);text-decoration: none}.nav__mobile ul a:hover{color: var(--color-white);background: rgba(255,255,255,0.08)}.nav__mobile-cta{display: flex;flex-direction: column;gap: var(--space-3)}#hero{position: relative;min-height: 100vh;display: flex;align-items: center;background: var(--gradient-hero);overflow: hidden;padding-top: var(--nav-height)}.hero__bg{position: absolute;inset: 0;pointer-events: none;overflow: hidden}.hero__grid{position: absolute;inset: 0;background-image: linear-gradient(rgba(62,201,142,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(62,201,142,0.04) 1px, transparent 1px);background-size: 60px 60px}.hero__glow{position: absolute;border-radius: 50%;filter: blur(80px);pointer-events: none}.hero__glow--1{width: 600px;height: 600px;background: radial-gradient(circle, rgba(62,201,142,0.18) 0%, transparent 70%);top: -100px;right: -100px}.hero__glow--2{width: 400px;height: 400px;background: radial-gradient(circle, rgba(22,51,82,0.8) 0%, transparent 70%);bottom: 0;left: -80px}.hero__glow--3{width: 300px;height: 300px;background: radial-gradient(circle, rgba(62,201,142,0.10) 0%, transparent 70%);bottom: 100px;right: 20%}.hero__blueprint{position: absolute;inset: 0;opacity: 0.06}.hero__inner{position: relative;z-index: 2;width: 100%;padding-block: var(--space-20);display: grid;grid-template-columns: 1fr 1fr;align-items: center;gap: var(--space-16)}.hero__content{max-width: 620px}.hero__badge{display: inline-flex;align-items: center;gap: var(--space-2);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);letter-spacing: 0.1em;text-transform: uppercase;color: var(--color-accent);background: rgba(62,201,142,0.12);border: 1px solid rgba(62,201,142,0.3);padding: var(--space-2) var(--space-4);border-radius: var(--radius-full);margin-bottom: var(--space-6)}.hero__badge-dot{width: 6px;height: 6px;background: var(--color-accent);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(0.8)}}.hero__headline{font-size: clamp(2.25rem, 5vw, 4rem);font-weight: var(--font-weight-extrabold);line-height: var(--line-height-tight);color: var(--color-white);margin-bottom: var(--space-6);letter-spacing: -0.02em}.hero__headline .highlight{color: var(--color-accent);position: relative}.hero__headline .highlight::after{content: '';position: absolute;bottom: 2px;left: 0;right: 0;height: 3px;background: var(--gradient-accent);border-radius: var(--radius-full);opacity: 0.5}.hero__subheadline{font-size: clamp(var(--font-size-base), 1.5vw, var(--font-size-lg));line-height: var(--line-height-relaxed);color: rgba(255,255,255,0.72);margin-bottom: var(--space-6);max-width: 540px}.hero__slogan{display: inline-flex;align-items: center;gap: var(--space-2);font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);color: rgba(255,255,255,0.5);font-style: italic;margin-bottom: var(--space-10)}.hero__slogan::before, .hero__slogan::after{content: '';display: block;width: 24px;height: 1px;background: rgba(255,255,255,0.25)}.hero__actions{display: flex;align-items: center;gap: var(--space-4);flex-wrap: wrap}.hero__stats{display: flex;align-items: center;gap: var(--space-8);margin-top: var(--space-12);padding-top: var(--space-8);border-top: 1px solid rgba(255,255,255,0.1)}.hero__stat{text-align: center}.hero__stat-value{font-size: var(--font-size-2xl);font-weight: var(--font-weight-extrabold);color: var(--color-accent);line-height: 1;margin-bottom: var(--space-1)}.hero__stat-label{font-size: var(--font-size-xs);color: rgba(255,255,255,0.5);text-transform: uppercase;letter-spacing: 0.08em}.hero__visual{position: relative;display: flex;align-items: center;justify-content: center}.hero__dashboard{position: relative;width: 100%;max-width: 560px}.dashboard-frame{background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.1);border-radius: var(--radius-2xl);padding: var(--space-6);backdrop-filter: blur(8px);box-shadow: 0 32px 80px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.08)}.dashboard-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: var(--space-5);padding-bottom: var(--space-4);border-bottom: 1px solid rgba(255,255,255,0.08)}.dashboard-dots{display: flex;gap: var(--space-2)}.dashboard-dots span{width: 10px;height: 10px;border-radius: 50%}.dashboard-dots span:nth-child(1){background: #FF5F57}.dashboard-dots span:nth-child(2){background: #FEBC2E}.dashboard-dots span:nth-child(3){background: #28C840}.dashboard-title{font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);color: rgba(255,255,255,0.5);letter-spacing: 0.08em;text-transform: uppercase}.dashboard-status{display: flex;align-items: center;gap: var(--space-1);font-size: var(--font-size-xs);color: var(--color-accent)}.dashboard-status-dot{width: 6px;height: 6px;background: var(--color-accent);border-radius: 50%;animation: pulse-dot 2s ease-in-out infinite}.dashboard-kpis{display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-3);margin-bottom: var(--space-4)}.kpi-card{background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.08);border-radius: var(--radius-lg);padding: var(--space-4);transition: background var(--transition-fast)}.kpi-card:hover{background: rgba(255,255,255,0.08)}.kpi-label{font-size: 10px;color: rgba(255,255,255,0.45);text-transform: uppercase;letter-spacing: 0.08em;margin-bottom: var(--space-2)}.kpi-value{font-size: var(--font-size-xl);font-weight: var(--font-weight-bold);color: var(--color-white);line-height: 1;margin-bottom: var(--space-1)}.kpi-trend{font-size: 10px;font-weight: var(--font-weight-semibold)}.kpi-trend--up{color: var(--color-accent)}.kpi-trend--down{color: #FF6B6B}.dashboard-chart{background: rgba(255,255,255,0.03);border: 1px solid rgba(255,255,255,0.06);border-radius: var(--radius-lg);padding: var(--space-4);margin-bottom: var(--space-4);height: 100px;position: relative;overflow: hidden}.chart-label{font-size: 10px;color: rgba(255,255,255,0.4);text-transform: uppercase;letter-spacing: 0.08em;margin-bottom: var(--space-3)}.chart-bars{display: flex;align-items: flex-end;gap: var(--space-2);height: 56px}.chart-bar{flex: 1;border-radius: var(--radius-sm) var(--radius-sm) 0 0;background: rgba(62,201,142,0.3);transition: background var(--transition-fast);position: relative}.chart-bar--active{background: var(--gradient-accent)}.chart-bar:hover{background: rgba(62,201,142,0.5)}.dashboard-modules{display: flex;gap: var(--space-2);flex-wrap: wrap}.module-pill{font-size: 10px;font-weight: var(--font-weight-semibold);color: rgba(255,255,255,0.65);background: rgba(255,255,255,0.06);border: 1px solid rgba(255,255,255,0.1);padding: var(--space-1) var(--space-3);border-radius: var(--radius-full);white-space: nowrap}.module-pill--active{color: var(--color-accent);background: rgba(62,201,142,0.12);border-color: rgba(62,201,142,0.3)}.dashboard-float{position: absolute;background: rgba(13,33,55,0.92);border: 1px solid rgba(62,201,142,0.25);border-radius: var(--radius-xl);padding: var(--space-3) var(--space-4);backdrop-filter: blur(12px);box-shadow: var(--shadow-lg);white-space: nowrap}.dashboard-float--1{top: -20px;right: -30px;animation: float-1 4s ease-in-out infinite}.dashboard-float--2{bottom: 30px;left: -30px;animation: float-2 5s ease-in-out infinite}@keyframes float-1{0%, 100%{transform: translateY(0)}50%{transform: translateY(-10px)}}@keyframes float-2{0%, 100%{transform: translateY(0)}50%{transform: translateY(8px)}}.float-icon{font-size: var(--font-size-lg);margin-bottom: var(--space-1)}.float-text{font-size: 10px;color: rgba(255,255,255,0.5);margin-bottom: 2px}.float-value{font-size: var(--font-size-sm);font-weight: var(--font-weight-bold);color: var(--color-accent)}.hero__scroll{position: absolute;bottom: var(--space-8);left: 50%;transform: translateX(-50%);display: flex;flex-direction: column;align-items: center;gap: var(--space-2);color: rgba(255,255,255,0.35);font-size: var(--font-size-xs);letter-spacing: 0.1em;text-transform: uppercase;z-index: 2;animation: bounce-scroll 2s ease-in-out infinite}.hero__scroll-line{width: 1px;height: 32px;background: linear-gradient(to bottom, rgba(255,255,255,0.35), transparent)}@keyframes bounce-scroll{0%, 100%{transform: translateX(-50%) translateY(0)}50%{transform: translateX(-50%) translateY(6px)}}#trust-bar{background: var(--color-primary-dark);border-top: 1px solid rgba(255,255,255,0.06);border-bottom: 1px solid rgba(255,255,255,0.06);padding-block: var(--space-5)}.trust-bar__inner{display: flex;align-items: center;justify-content: center;gap: var(--space-12);flex-wrap: wrap}.trust-bar__item{display: flex;align-items: center;gap: var(--space-3);color: rgba(255,255,255,0.45);font-size: var(--font-size-sm);font-weight: var(--font-weight-medium)}.trust-bar__item svg{color: var(--color-accent);opacity: 0.8;flex-shrink: 0}#value-prop{background: var(--color-white)}.value-prop__grid{display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-16);align-items: center}.value-prop__content{border: 0}.value-prop__text{font-size: var(--font-size-lg);line-height: var(--line-height-relaxed);color: var(--color-text-secondary);margin-bottom: var(--space-6)}.value-prop__text strong{color: var(--color-primary);font-weight: var(--font-weight-semibold)}.value-prop__highlight{background: var(--color-off-white);border-left: 4px solid var(--color-accent);padding: var(--space-5) var(--space-6);border-radius: 0 var(--radius-lg) var(--radius-lg) 0;margin-bottom: var(--space-8)}.value-prop__highlight p{font-size: var(--font-size-lg);font-weight: var(--font-weight-medium);color: var(--color-primary);line-height: var(--line-height-snug);font-style: italic}.value-prop__list{display: flex;flex-direction: column;gap: var(--space-4);list-style: none}.value-prop__list li{display: flex;align-items: flex-start;gap: var(--space-3);font-size: var(--font-size-base);color: var(--color-text-secondary);line-height: var(--line-height-relaxed)}.value-prop__list li::before{content: '';display: block;width: 20px;height: 20px;min-width: 20px;background: var(--color-accent-subtle);border-radius: var(--radius-full);border: 1.5px solid var(--color-accent);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='%233EC98E' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-repeat: no-repeat;background-position: center;margin-top: 2px}.value-prop__visual{position: relative}.plus-cards{display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-4)}.plus-card{background: var(--color-white);border: 1px solid var(--color-border);border-radius: var(--radius-xl);padding: var(--space-6);box-shadow: var(--shadow-card);transition: all var(--transition-base);position: relative;overflow: hidden}.plus-card::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: var(--gradient-accent);opacity: 0;transition: opacity var(--transition-base)}.plus-card:hover{transform: translateY(-4px);box-shadow: var(--shadow-lg);border-color: rgba(62,201,142,0.3)}.plus-card:hover::before{opacity: 1}.plus-card__icon{width: 44px;height: 44px;background: var(--color-accent-subtle);border-radius: var(--radius-lg);display: flex;align-items: center;justify-content: center;margin-bottom: var(--space-4);color: var(--color-accent)}.plus-card__icon svg{width: 22px;height: 22px}.plus-card__title{font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);color: var(--color-primary);margin-bottom: var(--space-2)}.plus-card__text{font-size: var(--font-size-sm);color: var(--color-text-secondary);line-height: var(--line-height-relaxed)}#differentials{background: var(--color-off-white)}.differentials__grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-6)}.diff-card{background: var(--color-white);border: 1px solid var(--color-border);border-radius: var(--radius-xl);padding: var(--space-8);transition: all var(--transition-base);position: relative;overflow: hidden}.diff-card::after{content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 3px;background: var(--gradient-accent);transform: scaleX(0);transform-origin: left;transition: transform var(--transition-base)}.diff-card:hover{transform: translateY(-6px);box-shadow: var(--shadow-xl);border-color: rgba(62,201,142,0.2)}.diff-card:hover::after{transform: scaleX(1)}.diff-card__number{font-size: var(--font-size-xs);font-weight: var(--font-weight-bold);color: var(--color-accent);letter-spacing: 0.1em;text-transform: uppercase;margin-bottom: var(--space-4)}.diff-card__icon{width: 52px;height: 52px;background: var(--gradient-hero);border-radius: var(--radius-xl);display: flex;align-items: center;justify-content: center;margin-bottom: var(--space-5);color: var(--color-accent);box-shadow: 0 4px 16px rgba(13,33,55,0.2)}.diff-card__icon svg{width: 26px;height: 26px}.diff-card__title{font-size: var(--font-size-lg);font-weight: var(--font-weight-bold);color: var(--color-primary);margin-bottom: var(--space-3);line-height: var(--line-height-snug)}.diff-card__text{font-size: var(--font-size-sm);color: var(--color-text-secondary);line-height: var(--line-height-relaxed)}#modules{background: var(--color-white)}.modules__grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-6)}.module-card{background: var(--color-white);border: 1px solid var(--color-border);border-radius: var(--radius-2xl);padding: var(--space-8);transition: all var(--transition-base);cursor: pointer;position: relative;overflow: hidden;text-decoration: none;color: inherit;display: block}.module-card__bg{position: absolute;inset: 0;background: var(--gradient-hero);opacity: 0;transition: opacity var(--transition-base);z-index: 0}.module-card:hover .module-card__bg{opacity: 1}.module-card__inner{position: relative;z-index: 1}.module-card:hover .module-card__title, .module-card:hover .module-card__text{color: var(--color-white)}.module-card:hover .module-card__icon{background: rgba(62,201,142,0.2);color: var(--color-accent)}.module-card:hover .module-card__tag{background: rgba(62,201,142,0.15);color: var(--color-accent);border-color: rgba(62,201,142,0.3)}.module-card:hover{transform: translateY(-6px);box-shadow: var(--shadow-xl);border-color: transparent}.module-card__icon{width: 56px;height: 56px;background: var(--color-off-white);border-radius: var(--radius-xl);display: flex;align-items: center;justify-content: center;margin-bottom: var(--space-5);color: var(--color-primary);transition: all var(--transition-base)}.module-card__icon svg{width: 28px;height: 28px}.module-card__title{font-size: var(--font-size-lg);font-weight: var(--font-weight-bold);color: var(--color-primary);margin-bottom: var(--space-3);transition: color var(--transition-base)}.module-card__text{font-size: var(--font-size-sm);color: var(--color-text-secondary);line-height: var(--line-height-relaxed);margin-bottom: var(--space-5);transition: color var(--transition-base)}.module-card__features{display: flex;flex-direction: column;gap: var(--space-2);margin-bottom: var(--space-5)}.module-card__feature{display: flex;align-items: center;gap: var(--space-2);font-size: var(--font-size-xs);color: var(--color-text-secondary);transition: color var(--transition-base)}.module-card:hover .module-card__feature{color: rgba(255,255,255,0.7)}.module-card__feature-dot{width: 5px;height: 5px;background: var(--color-accent);border-radius: 50%;flex-shrink: 0}.module-card__tag{display: inline-flex;align-items: center;gap: var(--space-1);font-size: 10px;font-weight: var(--font-weight-semibold);color: var(--color-text-secondary);background: var(--color-gray-50);border: 1px solid var(--color-border);padding: var(--space-1) var(--space-3);border-radius: var(--radius-full);transition: all var(--transition-base);letter-spacing: 0.06em;text-transform: uppercase}#esg{background: var(--gradient-esg);position: relative;overflow: hidden}.esg__bg{position: absolute;inset: 0;pointer-events: none}.esg__grid-overlay{position: absolute;inset: 0;background-image: linear-gradient(rgba(62,201,142,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(62,201,142,0.03) 1px, transparent 1px);background-size: 80px 80px}.esg__glow{position: absolute;width: 500px;height: 500px;background: radial-gradient(circle, rgba(62,201,142,0.12) 0%, transparent 70%);top: -100px;right: -100px;border-radius: 50%}.esg__inner{position: relative;z-index: 2}.esg__layout{display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-16);align-items: center}.esg__content{border: 0}.esg__intro{font-size: var(--font-size-lg);line-height: var(--line-height-relaxed);color: rgba(255,255,255,0.75);margin-bottom: var(--space-8)}.esg__pillars{display: flex;flex-direction: column;gap: var(--space-5)}.esg__pillar{display: flex;align-items: flex-start;gap: var(--space-4);padding: var(--space-5);background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.08);border-radius: var(--radius-xl);transition: all var(--transition-base)}.esg__pillar:hover{background: rgba(255,255,255,0.07);border-color: rgba(62,201,142,0.2);transform: translateX(4px)}.esg__pillar-icon{width: 48px;height: 48px;min-width: 48px;background: rgba(62,201,142,0.15);border: 1px solid rgba(62,201,142,0.25);border-radius: var(--radius-lg);display: flex;align-items: center;justify-content: center;color: var(--color-accent)}.esg__pillar-icon svg{width: 24px;height: 24px}.esg__pillar-content{border: 0}.esg__pillar-title{font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);color: var(--color-white);margin-bottom: var(--space-1)}.esg__pillar-text{font-size: var(--font-size-sm);color: rgba(255,255,255,0.6);line-height: var(--line-height-relaxed)}.esg__visual{display: flex;align-items: center;justify-content: center}.esg-circle{position: relative;width: 360px;height: 360px}.esg-circle__outer{position: absolute;inset: 0;border-radius: 50%;border: 1px solid rgba(62,201,142,0.2);animation: rotate-slow 20s linear infinite}.esg-circle__inner{position: absolute;inset: 40px;border-radius: 50%;border: 1px dashed rgba(62,201,142,0.15);animation: rotate-slow 15s linear infinite reverse}.esg-circle__center{position: absolute;inset: 80px;border-radius: 50%;background: rgba(62,201,142,0.08);border: 1px solid rgba(62,201,142,0.2);display: flex;align-items: center;justify-content: center;flex-direction: column;gap: var(--space-2)}.esg-circle__label{font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);color: rgba(255,255,255,0.5);letter-spacing: 0.1em;text-transform: uppercase}.esg-circle__value{font-size: var(--font-size-4xl);font-weight: var(--font-weight-extrabold);color: var(--color-accent);line-height: 1}.esg-circle__sub{font-size: var(--font-size-xs);color: rgba(255,255,255,0.4)}.esg-orbit-dot{position: absolute;width: 10px;height: 10px;background: var(--color-accent);border-radius: 50%;box-shadow: 0 0 12px rgba(62,201,142,0.6)}.esg-orbit-dot--1{top: 10px;left: 50%;transform: translateX(-50%)}.esg-orbit-dot--2{bottom: 10px;left: 50%;transform: translateX(-50%)}.esg-orbit-dot--3{left: 10px;top: 50%;transform: translateY(-50%)}.esg-orbit-dot--4{right: 10px;top: 50%;transform: translateY(-50%)}@keyframes rotate-slow{from{transform: rotate(0deg)}to{transform: rotate(360deg)}}.esg__stats{display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-4);margin-top: var(--space-10);padding-top: var(--space-8);border-top: 1px solid rgba(255,255,255,0.08)}.esg__stat{text-align: center}.esg__stat-value{font-size: var(--font-size-3xl);font-weight: var(--font-weight-extrabold);color: var(--color-accent);line-height: 1;margin-bottom: var(--space-2)}.esg__stat-label{font-size: var(--font-size-xs);color: rgba(255,255,255,0.5);line-height: var(--line-height-snug)}#benefits{background: var(--color-white)}.benefits__layout{display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-16);align-items: center}.benefits__list{display: flex;flex-direction: column;gap: var(--space-4)}.benefit-item{display: flex;align-items: flex-start;gap: var(--space-4);padding: var(--space-5) var(--space-6);background: var(--color-white);border: 1px solid var(--color-border);border-radius: var(--radius-xl);transition: all var(--transition-base);cursor: default}.benefit-item:hover{border-color: rgba(62,201,142,0.3);box-shadow: var(--shadow-md);transform: translateX(4px)}.benefit-item__icon{width: 44px;height: 44px;min-width: 44px;background: var(--color-accent-subtle);border-radius: var(--radius-lg);display: flex;align-items: center;justify-content: center;color: var(--color-accent)}.benefit-item__icon svg{width: 22px;height: 22px}.benefit-item__content{border: 0}.benefit-item__title{font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);color: var(--color-primary);margin-bottom: var(--space-1)}.benefit-item__text{font-size: var(--font-size-sm);color: var(--color-text-secondary);line-height: var(--line-height-relaxed)}.benefits__visual{position: relative}.benefits-chart{background: var(--gradient-hero);border-radius: var(--radius-2xl);padding: var(--space-8);box-shadow: var(--shadow-xl)}.benefits-chart__title{font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);color: rgba(255,255,255,0.6);text-transform: uppercase;letter-spacing: 0.08em;margin-bottom: var(--space-6)}.benefits-metric{display: flex;flex-direction: column;gap: var(--space-4)}.metric-row{display: flex;flex-direction: column;gap: var(--space-2)}.metric-header{display: flex;justify-content: space-between;align-items: center}.metric-label{font-size: var(--font-size-sm);color: rgba(255,255,255,0.7)}.metric-value{font-size: var(--font-size-sm);font-weight: var(--font-weight-bold);color: var(--color-accent)}.metric-bar-track{height: 6px;background: rgba(255,255,255,0.08);border-radius: var(--radius-full);overflow: hidden}.metric-bar-fill{height: 100%;background: var(--gradient-accent);border-radius: var(--radius-full);transition: width 1.5s cubic-bezier(0.4, 0, 0.2, 1)}#plans{background: var(--color-off-white)}.plans__toggle{display: flex;align-items: center;justify-content: center;gap: var(--space-4);margin-bottom: var(--space-12)}.plans__toggle-label{font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);color: var(--color-text-secondary)}.plans__toggle-switch{position: relative;width: 52px;height: 28px}.plans__toggle-switch input{opacity: 0;width: 0;height: 0}.plans__toggle-slider{position: absolute;cursor: pointer;inset: 0;background: var(--color-gray-200);border-radius: var(--radius-full);transition: background var(--transition-base)}.plans__toggle-slider::before{content: '';position: absolute;height: 20px;width: 20px;left: 4px;bottom: 4px;background: var(--color-white);border-radius: 50%;transition: transform var(--transition-base);box-shadow: var(--shadow-sm)}.plans__toggle-switch input:checked + .plans__toggle-slider{background: var(--color-accent)}.plans__toggle-switch input:checked + .plans__toggle-slider::before{transform: translateX(24px)}.plans__badge{font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);color: var(--color-accent-dark);background: rgba(62,201,142,0.15);padding: var(--space-1) var(--space-3);border-radius: var(--radius-full)}.plans__grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-6);align-items: start}.plan-card{background: var(--color-white);border: 1px solid var(--color-border);border-radius: var(--radius-2xl);padding: var(--space-8);transition: all var(--transition-base);position: relative;overflow: hidden}.plan-card--featured{background: var(--gradient-hero);border-color: transparent;box-shadow: var(--shadow-xl);transform: scale(1.04)}.plan-card--featured .plan-card__name, .plan-card--featured .plan-card__price, .plan-card--featured .plan-card__period, .plan-card--featured .plan-card__desc{color: var(--color-white)}.plan-card--featured .plan-card__feature{color: rgba(255,255,255,0.75)}.plan-card--featured .plan-card__feature-check{background: rgba(62,201,142,0.2);border-color: rgba(62,201,142,0.4)}.plan-card--featured .plan-card__divider{background: rgba(255,255,255,0.1)}.plan-card:not(.plan-card--featured):hover{transform: translateY(-6px);box-shadow: var(--shadow-xl);border-color: rgba(62,201,142,0.3)}.plan-card__name{font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);color: var(--color-text-secondary);text-transform: uppercase;letter-spacing: 0.1em;margin-bottom: var(--space-4)}.plan-card__price{font-size: var(--font-size-5xl);font-weight: var(--font-weight-extrabold);color: var(--color-primary);line-height: 1;margin-bottom: var(--space-2)}.plan-card__price span{font-size: var(--font-size-xl);font-weight: var(--font-weight-semibold);vertical-align: top;margin-top: var(--space-3);display: inline-block}.plan-card__period{font-size: var(--font-size-sm);color: var(--color-text-secondary);margin-bottom: var(--space-2)}.plan-card__desc{font-size: var(--font-size-sm);color: var(--color-text-secondary);line-height: var(--line-height-relaxed);margin-bottom: var(--space-6)}.plan-card__divider{height: 1px;background: var(--color-border);margin-bottom: var(--space-6)}.plan-card__features{display: flex;flex-direction: column;gap: var(--space-3);margin-bottom: var(--space-8)}.plan-card__feature{display: flex;align-items: center;gap: var(--space-3);font-size: var(--font-size-sm);color: var(--color-text-secondary)}.plan-card__feature-check{width: 20px;height: 20px;min-width: 20px;background: var(--color-accent-subtle);border: 1.5px solid var(--color-accent);border-radius: var(--radius-full);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='%233EC98E' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-repeat: no-repeat;background-position: center}.plan-card__note{font-size: var(--font-size-xs);color: var(--color-text-light);text-align: center;margin-top: var(--space-3)}.plan-card--featured .plan-card__note{color: rgba(255,255,255,0.4)}.plans__footer{text-align: center;margin-top: var(--space-10);font-size: var(--font-size-sm);color: var(--color-text-secondary)}.plans__footer a{color: var(--color-accent);font-weight: var(--font-weight-medium);text-decoration: underline;text-underline-offset: 3px}#for-whom{background: var(--color-white)}.for-whom__grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-5)}.audience-card{background: var(--color-off-white);border: 1px solid var(--color-border);border-radius: var(--radius-xl);padding: var(--space-6);text-align: center;transition: all var(--transition-base)}.audience-card:hover{background: var(--color-white);border-color: rgba(62,201,142,0.3);box-shadow: var(--shadow-md);transform: translateY(-4px)}.audience-card__icon{width: 52px;height: 52px;background: var(--color-accent-subtle);border-radius: var(--radius-xl);display: flex;align-items: center;justify-content: center;margin: 0 auto var(--space-4);color: var(--color-accent)}.audience-card__icon svg{width: 26px;height: 26px}.audience-card__title{font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);color: var(--color-primary);margin-bottom: var(--space-2)}.audience-card__text{font-size: var(--font-size-sm);color: var(--color-text-secondary);line-height: var(--line-height-relaxed)}.plans__grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-8);margin-top: 55px;max-width: 79%;margin-inline: auto;align-items: start}.plan-card{position: relative;background: var(--color-white);border: 1.5px solid var(--color-border);border-radius: var(--radius-2xl);padding: var(--space-8);display: flex;flex-direction: column;transition: box-shadow 0.3s ease, transform 0.3s ease}.plan-card:hover{box-shadow: 0 8px 32px rgba(13,33,55,0.10);transform: translateY(-4px)}.plan-card--featured{background: var(--gradient-hero);border-color: var(--color-accent);box-shadow: 0 16px 48px rgba(13,33,55,0.22);transform: translateY(-8px)}.plan-card--featured:hover{box-shadow: 0 24px 56px rgba(13,33,55,0.30);transform: translateY(-12px)}.plan-card__badge{position: absolute;top: 13px;right: 13px;background: var(--gradient-accent);color: var(--color-primary-dark);font-size: var(--font-size-xs);font-weight: var(--font-weight-bold);padding: var(--space-1) var(--space-4);border-radius: var(--radius-full);white-space: nowrap;letter-spacing: 0.06em;text-transform: uppercase}.plan-card__header{margin-bottom: var(--space-6)}.plan-card__tag{display: inline-block;font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);color: var(--color-accent);letter-spacing: 0.06em;text-transform: uppercase;margin-bottom: var(--space-4)}.plan-card__price{display: flex;align-items: baseline;gap: var(--space-2);margin-bottom: var(--space-2)}.plan-card__amount{font-size: var(--font-size-4xl);font-weight: var(--font-weight-extrabold);color: var(--color-text-primary);line-height: 1}.plan-card--featured .plan-card__amount{color: var(--color-white)}.plan-card__period{font-size: var(--font-size-base);font-weight: var(--font-weight-medium);color: var(--color-text-secondary)}.plan-card--featured .plan-card__tag{color: #ffffff}.plan-card--featured .plan-card__period{color: #ffffff}.plan-card__meta{margin-top: var(--space-3);display: flex;flex-direction: column;gap: var(--space-1)}.plan-card__users{font-size: var(--font-size-sm);color: var(--color-text-secondary)}.plan-card--featured .plan-card__users{color: #ffffff}.plan-card__setup{font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);color: var(--color-accent)}.plan-card__body{flex: 1;border-top: 1px solid var(--color-border);padding-top: var(--space-6);margin-bottom: var(--space-8)}.plan-card--featured .plan-card__body{border-top-color: rgba(255,255,255,0.12)}.plan-card__description{font-size: var(--font-size-sm);color: var(--color-text-secondary);line-height: var(--line-height-relaxed)}.plan-card--featured .plan-card__setup{color: #ffffff}.plan-card--featured .plan-card__description{color: #ffffff}.plan-card__cta{display: block;text-align: center;width: 100%;box-sizing: border-box}#cta-final{background: var(--gradient-hero);position: relative;overflow: hidden}.cta-final__bg{position: absolute;inset: 0;pointer-events: none}.cta-final__grid-overlay{position: absolute;inset: 0;background-image: linear-gradient(rgba(62,201,142,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(62,201,142,0.04) 1px, transparent 1px);background-size: 60px 60px}.cta-final__glow-1{position: absolute;width: 500px;height: 500px;background: radial-gradient(circle, rgba(62,201,142,0.15) 0%, transparent 70%);top: -150px;left: -100px;border-radius: 50%}.cta-final__glow-2{position: absolute;width: 400px;height: 400px;background: radial-gradient(circle, rgba(62,201,142,0.10) 0%, transparent 70%);bottom: -100px;right: -50px;border-radius: 50%}.cta-final__inner{position: relative;z-index: 2;text-align: center;max-width: 760px;margin-inline: auto}.cta-final__title{font-size: clamp(var(--font-size-3xl), 4vw, var(--font-size-5xl));font-weight: var(--font-weight-extrabold);color: var(--color-white);line-height: var(--line-height-tight);margin-bottom: var(--space-6);letter-spacing: -0.02em}.cta-final__title em{font-style: normal;color: var(--color-accent)}.cta-final__text{font-size: var(--font-size-lg);color: rgba(255,255,255,0.72);line-height: var(--line-height-relaxed);margin-bottom: var(--space-10)}.cta-final__actions{display: flex;align-items: center;justify-content: center;gap: var(--space-4);flex-wrap: wrap;margin-bottom: var(--space-10)}.cta-final__trust{display: flex;align-items: center;justify-content: center;gap: var(--space-8);flex-wrap: wrap}.cta-trust-item{display: flex;align-items: center;gap: var(--space-2);font-size: var(--font-size-sm);color: rgba(255,255,255,0.5)}.cta-trust-item svg{color: var(--color-accent);width: 16px;height: 16px}#footer{background: var(--color-primary-dark);border-top: 1px solid rgba(255,255,255,0.06)}.footer__main{padding-block: var(--space-16);display: grid;grid-template-columns: 2fr 1fr 1fr 1fr;gap: var(--space-12)}.footer__brand{border: 0}.footer__logo{display: block;margin-bottom: var(--space-5)}.footer__logo img{height: 32px;width: auto}.footer__tagline{font-size: var(--font-size-sm);color: rgba(255,255,255,0.5);line-height: var(--line-height-relaxed);margin-bottom: var(--space-6);max-width: 280px}.footer__social{display: flex;gap: var(--space-3)}.footer__social-link{width: 36px;height: 36px;background: rgba(255,255,255,0.06);border: 1px solid rgba(255,255,255,0.1);border-radius: var(--radius-lg);display: flex;align-items: center;justify-content: center;color: rgba(255,255,255,0.5);transition: all var(--transition-base);text-decoration: none}.footer__social-link:hover{background: rgba(62,201,142,0.15);border-color: rgba(62,201,142,0.3);color: var(--color-accent)}.footer__social-link svg{width: 16px;height: 16px}.footer__col-title{font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);color: var(--color-white);text-transform: uppercase;letter-spacing: 0.1em;margin-bottom: var(--space-5)}.footer__links{display: flex;flex-direction: column;gap: var(--space-3);list-style: none}.footer__links a{font-size: var(--font-size-sm);color: rgba(255,255,255,0.5);transition: color var(--transition-fast);text-decoration: none}.footer__links a:hover{color: var(--color-accent)}.footer__contact-item{display: flex;align-items: flex-start;gap: var(--space-3);font-size: var(--font-size-sm);color: rgba(255,255,255,0.5);margin-bottom: var(--space-3)}.footer__contact-item svg{width: 16px;height: 16px;color: var(--color-accent);flex-shrink: 0;margin-top: 2px}.footer__bottom{border-top: 1px solid rgba(255,255,255,0.06);padding-block: var(--space-6);display: flex;align-items: center;justify-content: space-between;gap: var(--space-4);flex-wrap: wrap}.footer__copyright{font-size: var(--font-size-xs);color: rgba(255,255,255,0.35)}.footer__legal{display: flex;gap: var(--space-6);list-style: none}.footer__legal a{font-size: var(--font-size-xs);color: rgba(255,255,255,0.35);transition: color var(--transition-fast);text-decoration: none}.footer__legal a:hover{color: rgba(255,255,255,0.6)}[data-animate]{opacity: 0;transform: translateY(24px);transition: opacity 0.6s ease, transform 0.6s ease}[data-animate].animated{opacity: 1;transform: translateY(0)}[data-animate="fade-left"]{transform: translateX(-24px)}[data-animate="fade-left"].animated{transform: translateX(0)}[data-animate="fade-right"]{transform: translateX(24px)}[data-animate="fade-right"].animated{transform: translateX(0)}[data-animate="scale"]{transform: scale(0.95)}[data-animate="scale"].animated{transform: scale(1)}[data-delay="100"]{transition-delay: 0.1s}[data-delay="200"]{transition-delay: 0.2s}[data-delay="300"]{transition-delay: 0.3s}[data-delay="400"]{transition-delay: 0.4s}[data-delay="500"]{transition-delay: 0.5s}[data-delay="600"]{transition-delay: 0.6s}@media (max-width: 1024px){:root{--section-padding-y: var(--space-20)}.hero__inner{grid-template-columns: 1fr;text-align: center;gap: var(--space-12)}.hero__content{max-width: 100%}.hero__subheadline{max-width: 100%}.hero__actions{justify-content: center}.hero__stats{justify-content: center}.hero__visual{order: -1}.hero__dashboard{max-width: 480px;margin-inline: auto}.value-prop__grid{grid-template-columns: 1fr;gap: var(--space-12)}.differentials__grid{grid-template-columns: repeat(2, 1fr)}.modules__grid{grid-template-columns: repeat(2, 1fr)}.esg__layout{grid-template-columns: 1fr;gap: var(--space-12);text-align: center}.esg__visual{order: -1}.esg__pillars{max-width: 600px;margin-inline: auto}.benefits__layout{grid-template-columns: 1fr;gap: var(--space-12)}.plans__grid{grid-template-columns: repeat(2, 1fr)}.plan-card--featured{transform: none}.for-whom__grid{grid-template-columns: repeat(2, 1fr)}.footer__main{grid-template-columns: 1fr 1fr;gap: var(--space-10)}}@media (max-width: 768px){:root{--section-padding-y: var(--space-16);--nav-height: 64px}.nav__links, .nav__cta{display: none}.nav__toggle{display: flex}.hero__inner{padding-block: var(--space-16)}.dashboard-float{display: none}.differentials__grid{grid-template-columns: 1fr}.modules__grid{grid-template-columns: 1fr}.plans__grid{grid-template-columns: 1fr;margin-top: 34px;max-width: 100%}.for-whom__grid{grid-template-columns: 1fr}.trust-bar__inner{gap: var(--space-6)}.footer__main{grid-template-columns: 1fr;gap: var(--space-8)}.footer__bottom{flex-direction: column;text-align: center}.esg__stats{grid-template-columns: repeat(3, 1fr)}.esg-circle{width: 280px;height: 280px}.esg-circle__center{inset: 60px}}@media (max-width: 480px){:root{--section-padding-y: var(--space-12)}.container{padding-inline: var(--space-4)}.hero__headline{font-size: clamp(1.875rem, 8vw, 2.5rem)}.hero__stats{flex-wrap: wrap;justify-content: center;gap: var(--space-6)}.plus-cards{grid-template-columns: 1fr}.dashboard-kpis{grid-template-columns: repeat(2, 1fr)}.esg__stats{grid-template-columns: 1fr;gap: var(--space-6)}.cta-final__actions{flex-direction: column;align-items: stretch}.cta-final__actions .btn{text-align: center;justify-content: center}.hero__actions{flex-direction: column;align-items: stretch}.hero__actions .btn{text-align: center;justify-content: center}.footer__legal{flex-wrap: wrap;justify-content: center;gap: var(--space-3)}}.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border-width: 0}.hidden{display: none !important}.mt-auto{margin-top: auto}.mb-0{margin-bottom: 0}:focus-visible{outline: 2px solid var(--color-accent);outline-offset: 3px}::selection{background: rgba(62,201,142,0.25);color: var(--color-primary)}::-webkit-scrollbar{width: 6px}::-webkit-scrollbar-track{background: var(--color-gray-50)}::-webkit-scrollbar-thumb{background: var(--color-gray-200);border-radius: var(--radius-full)}::-webkit-scrollbar-thumb:hover{background: var(--color-gray-300)}.plans-table{overflow-x: auto;-webkit-overflow-scrolling: touch;border-radius: var(--radius-xl);margin-top: 13px}.plans-table table{width: 100%;border-collapse: collapse;min-width: 620px;background: var(--color-white);border-radius: var(--radius-xl);overflow: hidden;box-shadow: 0 4px 32px rgba(13,33,55,0.10)}.plans-table__head th{padding: var(--space-6) 34px;text-align: center;vertical-align: bottom;border-bottom: 2px solid var(--color-gray-100)}.plans-table__head .plans-table__feature-col{text-align: right;width: 36%;padding-inline: var(--space-5);font-size: var(--font-size-xl);font-weight: 700;color: var(--color-primary)}.plans-table__plan-name{display: block;font-size: var(--font-size-xl);font-weight: 700;color: var(--color-primary);margin-top: var(--space-2)}thead .plans-table__col--featured{background: var(--gradient-hero)}thead .plans-table__col--featured .plans-table__plan-name{color: var(--color-white)}#plans .section__header{margin-bottom: 0}.plans-table tbody tr{border-bottom: 1px solid var(--color-gray-100);transition: background 0.15s}.plans-table tbody tr:last-child{border-bottom: none}.plans-table tbody tr:hover{background: var(--color-gray-50)}.plans-table tbody th[scope="row"]{padding: 0 var(--space-5);height: 21px;text-align: right !important;font-size: var(--font-size-sm);font-weight: 500;color: var(--color-primary);vertical-align: middle}.plans-table tbody td{padding: 0 34px;height: 21px;text-align: center !important;vertical-align: middle}tbody .plans-table__col--featured{background: rgba(13,33,55,0.04)}.plans-table tbody tr:hover td.plans-table__col--featured{background: rgba(13,33,55,0.07)}.plans-table__check{display: inline-flex;align-items: center;justify-content: center;width: 18px;height: 18px;background: var(--color-accent-subtle);border-radius: 50%;color: var(--color-accent);font-size: 11px;font-weight: 700;line-height: 1}.plans-table__dash{display: inline-block;width: 18px;text-align: center;color: var(--color-gray-300);font-size: var(--font-size-sm);font-weight: 400;line-height: 1}.plans-table__foot td, .plans-table__foot th[scope="row"]{padding: var(--space-3) 34px;text-align: center;vertical-align: middle;border-top: 1px solid var(--color-gray-100)}.plans-table__foot th[scope="row"]{padding-inline: var(--space-5);text-align: right;font-size: var(--font-size-sm);font-weight: 600;color: var(--color-gray-500)}tfoot tr:first-child td, tfoot tr:first-child th{border-top: 2px solid var(--color-gray-100);padding-top: var(--space-5)}.plans-table__foot--cta td, .plans-table__foot--cta th{padding-top: var(--space-4);padding-bottom: var(--space-6);border-top: none}tfoot .plans-table__col--featured{background: var(--gradient-hero)}.plans-table__users-val{font-size: var(--font-size-base);font-weight: 700;color: var(--color-primary)}tfoot .plans-table__col--featured .plans-table__users-val{color: var(--color-white)}.plans-table__price-wrap{display: inline-flex;align-items: baseline;justify-content: center;gap: var(--space-1)}.plans-table__price-amount{font-size: var(--font-size-2xl);font-weight: 800;color: var(--color-primary)}tfoot .plans-table__col--featured .plans-table__price-amount{color: var(--color-white)}.plans-table__price-period{font-size: var(--font-size-sm);font-weight: 400;color: var(--color-gray-400)}tfoot .plans-table__col--featured .plans-table__price-period{color: rgba(255,255,255,0.65)}.plans-table__setup-fee{font-size: var(--font-size-sm);font-weight: 600;color: var(--color-gray-600)}tfoot .plans-table__col--featured .plans-table__setup-fee{color: rgba(255,255,255,0.85)}.plans-table__cta{display: inline-block;width: 100%;padding: var(--space-3) var(--space-4);background: var(--gradient-accent);color: var(--color-white);font-size: var(--font-size-sm);font-weight: 700;text-align: center;border-radius: var(--radius-md);text-decoration: none;transition: opacity 0.2s, transform 0.2s;letter-spacing: 0.02em;white-space: nowrap}.plans-table__cta:hover{opacity: 0.88;transform: translateY(-2px)}@media (max-width: 768px){.plans-table table{min-width: 520px}.plans-table__head th, .plans-table__foot th[scope="row"], .plans-table__foot td{padding: var(--space-3) var(--space-3);font-size: var(--font-size-xs)}.plans-table tbody th[scope="row"], .plans-table tbody td{height: auto;padding: var(--space-2) var(--space-3);font-size: var(--font-size-xs)}.plans-table__head .plans-table__feature-col, .plans-table tbody th[scope="row"], .plans-table__foot th[scope="row"]{position: sticky;left: 0;background: var(--color-white);z-index: 2;box-shadow: 2px 0 8px rgba(13,33,55,0.06)}.plans-table tbody tr:hover th[scope="row"]{background: var(--color-gray-50)}.plans-table__plan-name{font-size: var(--font-size-base)}.plans-table__price-amount{font-size: var(--font-size-xl)}}@media (max-width: 480px){.plans-table table{min-width: 460px}}