@keyframes heroFadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-fade{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards heroFadeUp}.hero-fade--1{animation-delay:0s}.hero-fade--2{animation-delay:.15s}.hero-fade--3{animation-delay:.25s}.hero-fade--4{animation-delay:.4s}.hero-fade--5{animation-delay:.55s}.hero-fade--6{animation-delay:.7s}.hero-fade--7{animation-delay:1s}.hero-fade--8{animation-delay:1.3s}.hero-fade--9{animation-delay:1.6s}.hero{min-height:100vh;padding:calc(var(--header-height) + var(--space-16)) 0 var(--space-16);align-items:center;display:flex;position:relative;overflow:hidden}.hero__bg{z-index:0;position:absolute;inset:0}.hero__bg-gradient{background:var(--gradient-hero);position:absolute;inset:0}.hero__bg-grid{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 70%);mask-image:radial-gradient(#000 30%,#0000 70%)}@keyframes orbFloat1{0%,to{transform:translate(0)}50%{transform:translate(30px,-20px)}}@keyframes orbFloat2{0%,to{transform:translate(0)}50%{transform:translate(-25px,30px)}}@keyframes orbFloat3{0%,to{transform:translate(0)}50%{transform:translate(20px,15px)}}.hero__bg-orb{opacity:.4;contain:strict;border-radius:50%;position:absolute}.hero__bg-orb--1{background:radial-gradient(circle,#4f46e5 0%,#0000 70%);width:500px;height:500px;animation:8s ease-in-out infinite orbFloat1;top:-10%;right:-5%}.hero__bg-orb--2{background:radial-gradient(circle,#7c3aed 0%,#0000 70%);width:400px;height:400px;animation:10s ease-in-out infinite orbFloat2;bottom:10%;left:-10%}.hero__bg-orb--3{opacity:.2;background:radial-gradient(circle,#06b6d4 0%,#0000 70%);width:300px;height:300px;animation:12s ease-in-out infinite orbFloat3;top:40%;right:30%}.hero__container{z-index:1;text-align:center;align-items:center;gap:var(--space-16);flex-direction:column;display:flex;position:relative}.hero__content{max-width:800px}.hero__badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);color:#fffc;margin-bottom:var(--space-8);cursor:default;transition:all var(--transition-fast);background:#ffffff14;border:1px solid #ffffff1f;display:inline-flex}.hero__badge:hover{background:#ffffff1f;border-color:#fff3}.hero__title{color:var(--color-white);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:var(--leading-tight);letter-spacing:-.03em;margin-bottom:var(--space-6)}.hero__title-accent{background:linear-gradient(135deg,#a5b4fc 0%,#06b6d4 50%,#818cf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__subtitle{font-size:clamp(var(--text-lg), 2vw, var(--text-xl));color:#fff9;line-height:var(--leading-relaxed);max-width:640px;margin:0 auto var(--space-10)}.hero__cta{align-items:center;gap:var(--space-4);margin-bottom:var(--space-10);flex-direction:column;display:flex}@media (width>=640px){.hero__cta{flex-direction:row;justify-content:center}}.hero__trust{justify-content:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.hero__trust-item{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:#ffffff80;display:flex}.hero__trust-item svg{color:#fff6}.hero__visual{perspective:1200px;width:100%;max-width:1000px;position:relative}.hero__mockup{background:var(--color-gray-900);border-radius:var(--radius-xl);transition:transform var(--transition-slow);overflow:hidden;transform:perspective(1200px)rotateX(3deg);box-shadow:0 0 0 1px #ffffff1a,0 25px 80px -12px #00000080,0 0 60px #4f46e526}.hero__mockup:hover{transform:perspective(1200px)rotateX(0)}@keyframes floatKpi{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero__float-kpi{z-index:10;will-change:transform;contain:layout style;background:#fffffff7;border-radius:14px;align-items:center;gap:.75rem;padding:.75rem 1.25rem;animation:4s ease-in-out infinite floatKpi;display:flex;position:absolute;box-shadow:0 8px 32px #00000026,0 0 0 1px #ffffff1a}.hero__float-kpi--left{animation-delay:0s;top:30%;left:-30px}.hero__float-kpi--right{animation-delay:1.3s;top:20%;right:-30px}.hero__float-kpi--bottom{animation-delay:2.6s;bottom:-20px;right:10%}.hero__float-kpi-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.hero__float-kpi-icon--green{color:#16a34a;background:#dcfce7}.hero__float-kpi-icon--blue{color:#2563eb;background:#dbeafe}.hero__float-kpi-icon--purple{color:#7c3aed;background:#ede9fe}.hero__float-kpi-value{color:#0f172a;letter-spacing:-.02em;font-size:1.125rem;font-weight:800;line-height:1.1}.hero__float-kpi-label{color:#64748b;margin-top:1px;font-size:.6875rem;font-weight:500}@media (width<=768px){.hero__float-kpi--left,.hero__float-kpi--right{display:none}.hero__float-kpi--bottom{bottom:-15px;right:5%}}.hero__mockup-glow{pointer-events:none;background:radial-gradient(#4f46e540 0%,#0000 60%);width:80%;height:120px;position:absolute;bottom:-60px;left:50%;transform:translate(-50%)}.hero__screenshot{background:var(--color-gray-900);border-radius:var(--radius-xl);transition:transform var(--transition-slow);overflow:hidden;transform:perspective(1200px)rotateX(3deg);box-shadow:0 0 0 1px #ffffff1a,0 25px 80px -12px #00000080,0 0 60px #4f46e526}.hero__screenshot:hover{transform:perspective(1200px)rotateX(0)}.hero__screenshot-header{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-gray-800);border-bottom:1px solid #ffffff0f;display:flex}.hero__screenshot-img{width:100%;height:auto;display:block}.hero__mockup-header{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-gray-800);border-bottom:1px solid #ffffff0f;display:flex}.hero__mockup-dots{gap:6px;display:flex}.hero__mockup-dots span{background:var(--color-gray-700);border-radius:50%;width:10px;height:10px}.hero__mockup-dots span:first-child{background:#ff5f57}.hero__mockup-dots span:nth-child(2){background:#febc2e}.hero__mockup-dots span:last-child{background:#28c840}.hero__mockup-url{text-align:center;font-size:var(--text-xs);color:var(--color-gray-500);font-family:var(--font-mono);flex:1}.hero__mockup-body{min-height:320px;display:flex}@media (width>=768px){.hero__mockup-body{min-height:400px}}.hero__mockup-sidebar{background:var(--color-gray-800);width:60px;padding:var(--space-3);gap:var(--space-2);border-right:1px solid #ffffff0f;flex-direction:column;display:none}@media (width>=640px){.hero__mockup-sidebar{display:flex}}.hero__mockup-sidebar-item{border-radius:var(--radius-md);background:#ffffff0a;width:100%;height:36px}.hero__mockup-sidebar-item--active{background:#4f46e54d;border:1px solid #4f46e566}.hero__mockup-content{padding:var(--space-4);gap:var(--space-4);flex-direction:column;flex:1;display:flex}.hero__mockup-kpis{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=640px){.hero__mockup-kpis{grid-template-columns:repeat(4,1fr)}}.hero__mockup-kpi{border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);background:#ffffff0a;border:1px solid #ffffff0f}.hero__mockup-kpi-value{font-size:var(--text-xl);color:var(--color-white);font-weight:700;font-family:var(--font-display)}.hero__mockup-kpi-label{font-size:var(--text-xs);color:var(--color-gray-500);margin-top:2px}.hero__mockup-chart{border-radius:var(--radius-lg);min-height:120px;padding:var(--space-4);background:#ffffff05;border:1px solid #ffffff0f;flex:1;align-items:flex-end;display:flex}.hero__mockup-chart-bars{align-items:flex-end;gap:6px;width:100%;height:100%;min-height:80px;display:flex}.hero__mockup-chart-bar{background:linear-gradient(#4f46e599 0%,#06b6d44d 100%);border-radius:3px 3px 0 0;flex:1;min-width:0;transition:background .3s}.hero__mockup-chart-bar:nth-child(2n){background:linear-gradient(#06b6d480 0%,#4f46e533 100%)}.hero__mockup-table{gap:var(--space-2);flex-direction:column;display:flex}.hero__mockup-table-row{align-items:center;gap:var(--space-3);height:36px;padding:0 var(--space-3);border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff0a;display:flex}.hero__mockup-table-avatar{background:linear-gradient(135deg,#4f46e580,#06b6d480);border-radius:50%;flex-shrink:0;width:22px;height:22px}.hero__mockup-table-text{background:#ffffff14;border-radius:4px;height:8px}.hero__mockup-table-badge{background:#10b981;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-left:auto;box-shadow:0 0 6px #10b98180}.hero__float-card{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);z-index:2;background:#1e1b4beb;border:1px solid #ffffff1a;display:none;position:absolute;box-shadow:0 8px 24px #0000004d}@media (width>=768px){.hero__float-card{display:flex}}.hero__float-card--left{bottom:25%;left:-20px}.hero__float-card--right{top:30%;right:-20px}.hero__float-card-icon{border-radius:var(--radius-md);flex-shrink:0;width:32px;height:32px}.hero__float-card-icon--green{background:linear-gradient(135deg,#10b981,#059669)}.hero__float-card-icon--blue{background:linear-gradient(135deg,#6366f1,#4f46e5)}.hero__float-card-title{font-size:var(--text-xs);color:var(--color-white);white-space:nowrap;font-weight:600}.hero__float-card-sub{color:#ffffff80;white-space:nowrap;font-size:10px}.features-grid{background:var(--color-white)}.features-grid__grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=640px){.features-grid__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.features-grid__grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1280px){.features-grid__grid{grid-template-columns:repeat(4,1fr)}}.feature-card{padding:var(--space-8);border-radius:var(--radius-xl);border:1px solid var(--color-gray-100);background:var(--color-white);transition:all var(--transition-base);height:100%}.feature-card:hover{border-color:var(--color-gray-200);box-shadow:var(--shadow-card-hover)}.feature-card__icon{border-radius:var(--radius-lg);width:48px;height:48px;margin-bottom:var(--space-5);justify-content:center;align-items:center;display:flex}.feature-card__title{font-size:var(--text-lg);color:var(--color-gray-900);margin-bottom:var(--space-2);font-weight:700}.feature-card__desc{font-size:var(--text-sm);color:var(--color-gray-500);line-height:var(--leading-relaxed)}.how-it-works{position:relative}.how-it-works__steps{gap:var(--space-8);z-index:1;grid-template-columns:1fr;display:grid;position:relative}@media (width>=768px){.how-it-works__steps{gap:var(--space-10);grid-template-columns:repeat(3,1fr)}}.how-it-works__step{text-align:center;padding:var(--space-10) var(--space-6);background:var(--color-white);border-radius:var(--radius-2xl);border:1px solid var(--color-gray-200);transition:all var(--transition-base);position:relative}.how-it-works__step:hover{box-shadow:var(--shadow-xl);border-color:var(--color-primary-200)}.how-it-works__step-number{top:var(--space-4);right:var(--space-4);font-size:var(--text-5xl);font-weight:800;font-family:var(--font-display);color:var(--color-gray-100);line-height:1;position:absolute}.how-it-works__step-icon{width:64px;height:64px;margin:0 auto var(--space-6);border-radius:var(--radius-xl);background:var(--gradient-cta);color:var(--color-white);justify-content:center;align-items:center;display:flex;box-shadow:0 4px 16px #4f46e54d}.how-it-works__step-title{font-size:var(--text-xl);margin-bottom:var(--space-3);font-weight:700}.how-it-works__step-desc{font-size:var(--text-base);color:var(--color-gray-500);line-height:var(--leading-relaxed)}.how-it-works__connector{display:none}@media (width>=768px){.how-it-works__connector{background:repeating-linear-gradient(to right, var(--color-primary-200) 0, var(--color-primary-200) 8px, transparent 8px, transparent 16px);z-index:0;height:2px;display:block;position:absolute;top:62%;left:calc(16.67% + 32px);right:calc(16.67% + 32px)}}.stats{padding:var(--space-20) 0;position:relative;overflow:hidden}.stats:before{content:"";pointer-events:none;background:radial-gradient(circle,#4f46e533 0%,#0000 70%);width:600px;height:600px;position:absolute;top:0;left:50%;transform:translate(-50%)}.stats__grid{gap:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.stats__grid{gap:var(--space-12);grid-template-columns:repeat(4,1fr)}}.stats__item{text-align:center}.stats__value{font-size:clamp(var(--text-4xl), 5vw, var(--text-6xl));font-weight:800;font-family:var(--font-display);background:linear-gradient(135deg,#a5b4fc 0%,#06b6d4 100%);-webkit-text-fill-color:transparent;line-height:var(--leading-tight);margin-bottom:var(--space-2);-webkit-background-clip:text;background-clip:text}.stats__label{font-size:var(--text-base);color:#ffffff80;font-weight:500}.stats__headline{text-align:center;font-size:var(--text-lg);color:#fff9;margin-bottom:var(--space-12);font-weight:500}.pricing{position:relative;overflow:hidden}.pricing:before{content:"";pointer-events:none;background:radial-gradient(circle,#4f46e526 0%,#0000 70%);width:800px;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pricing__free-banner{max-width:800px;margin:0 auto var(--space-10);padding:var(--space-5) var(--space-8);border-radius:var(--radius-xl);background:#ffffff0a;border:1px solid #ffffff1f}.pricing__free-banner-content{justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.pricing__free-banner-title{font-size:var(--text-lg);color:#fff;margin-bottom:var(--space-1);font-weight:700}.pricing__free-banner-desc{font-size:var(--text-sm);color:#ffffff80;line-height:var(--leading-relaxed);margin:0}@media (width<=640px){.pricing__free-banner{padding:var(--space-5)}.pricing__free-banner-content{text-align:center;flex-direction:column}}.pricing__grid{gap:var(--space-6);grid-template-columns:1fr;align-items:stretch;max-width:1100px;margin:0 auto;display:grid}@media (width>=768px){.pricing__grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr)}}.pricing-card{border-radius:var(--radius-2xl);padding:var(--space-8);background:#ffffff0d;border:1px solid #ffffff1a;flex-direction:column;height:100%;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative}.pricing-card:hover{border-color:#fff3;transform:translateY(-4px);box-shadow:0 12px 40px #0003}.pricing-card--popular{background:#4f46e51a;border-color:#4f46e580;box-shadow:0 0 40px #4f46e51f}.pricing-card--popular:hover{border-color:#4f46e5b3;box-shadow:0 12px 40px #4f46e533}@media (width>=768px){.pricing-card--popular{z-index:1;transform:scale(1.03)}.pricing-card--popular:hover{transform:scale(1.03)translateY(-4px)}}.pricing-card__badge{top:calc(-1 * var(--space-3));align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);color:var(--color-white);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);font-weight:700;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.pricing-card__header{text-align:center;margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid #ffffff14}.pricing-card__name{font-size:var(--text-xl);color:#fff;margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em;font-weight:800}.pricing-card__price{justify-content:center;align-items:baseline;gap:var(--space-1);display:flex}.pricing-card__amount{font-size:clamp(var(--text-3xl), 4vw, var(--text-4xl));font-weight:800;font-family:var(--font-display);background:linear-gradient(135deg,#a5b4fc 0%,#06b6d4 100%);-webkit-text-fill-color:transparent;line-height:var(--leading-tight);-webkit-background-clip:text;background-clip:text}.pricing-card__period{font-size:var(--text-base);color:#fff6;font-weight:500}.pricing-card__yearly{font-size:var(--text-sm);color:#ffffff59;margin-top:var(--space-2)}.pricing-card__limits{gap:var(--space-3);margin-bottom:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.pricing-card__limit{text-align:center;padding:var(--space-3);border-radius:var(--radius-lg);background:#ffffff0a}.pricing-card__limit-value{font-size:var(--text-lg);color:var(--color-white);font-weight:700;line-height:var(--leading-tight);display:block}.pricing-card__limit-label{font-size:var(--text-xs);color:#fff6;margin-top:var(--space-1);display:block}.pricing-card__features{margin:0 0 var(--space-8);gap:var(--space-3);flex-direction:column;flex:1;padding:0;list-style:none;display:flex}.pricing-card__feature{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:#fff9;display:flex}.pricing-card__feature svg{color:#10b981;flex-shrink:0}.pricing-card__cta{margin-top:auto}.pricing-card--popular .pricing-card__limit{background:#4f46e526}