.hero{padding:var(--space-xl) 0;background:linear-gradient(135deg,var(--color-white) 0%,var(--color-light-gray) 100%)}.hero .container{max-width:1400px}.hero__grid{display:grid;grid-template-columns:1fr 1.1fr;gap:var(--space-xl);align-items:center}.hero__content{max-width:600px}.hero__visual{display:flex;justify-content:flex-end}.product-mockup{background:var(--color-white);border-radius:12px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;width:100%;max-width:500px;transform:perspective(1000px) rotateY(-5deg) rotateX(2deg);transition:transform .3s ease}.product-mockup:hover{transform:perspective(1000px) rotateY(0) rotateX(0)}.mockup-header{background:var(--color-primary);padding:12px 16px;display:flex;align-items:center;gap:12px}.mockup-dots{display:flex;gap:6px}.mockup-dots span{width:10px;height:10px;border-radius:50%;background:#ffffff4d}.mockup-dots span:first-child{background:#ff5f57}.mockup-dots span:nth-child(2){background:#ffbd2e}.mockup-dots span:nth-child(3){background:#28ca41}.mockup-title{color:#ffffffe6;font-size:.75rem;font-weight:500}.mockup-content{display:flex;min-height:280px}.mockup-sidebar{width:60px;background:#f8f9fa;padding:16px 12px;display:flex;flex-direction:column;gap:12px}.sidebar-item{width:36px;height:36px;border-radius:8px;background:#e9ecef}.sidebar-item.active{background:var(--color-accent)}.mockup-main{flex:1;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.mockup-card{background:#f8f9fa;border-radius:8px;padding:16px}.card-title{height:8px;width:60%;background:#e9ecef;border-radius:4px;margin-bottom:12px}.card-stat{font-size:1.75rem;font-weight:700;color:var(--color-primary);margin-bottom:4px}.card-stat.highlight{color:#27ae60}.card-label{font-size:.75rem;color:var(--color-gray)}.mockup-list{grid-column:span 2;display:flex;flex-direction:column;gap:8px}.list-item{height:40px;background:#f8f9fa;border-radius:6px}.hero__title{font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;margin-bottom:var(--space-md)}.hero__title .accent,.accent-dot{color:var(--color-accent)}.hero__subtitle{font-size:1.25rem;color:var(--color-gray);margin-bottom:var(--space-lg);max-width:600px}.hero__cta{display:flex;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-md)}.hero__trust{font-size:.875rem;color:var(--color-gray);display:flex;gap:var(--space-sm);flex-wrap:wrap}.hero__trust .separator{color:var(--color-light-gray)}.problem-solution-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg)}.ps-card{background:var(--color-white);padding:var(--space-lg);border-radius:var(--border-radius-lg)}.ps-card h3{font-size:1.25rem;margin-bottom:var(--space-md)}.ps-card ul{list-style:none;padding:0}.ps-card li{padding:var(--space-sm) 0;padding-left:28px;position:relative;border-bottom:1px solid var(--color-light-gray)}.ps-card li:last-child{border-bottom:none}.ps-card--problem li:before{content:"✗";position:absolute;left:0;color:#c0392b;font-weight:700}.ps-card--solution li:before{content:"✓";position:absolute;left:0;color:#27ae60;font-weight:700}.ps-card--solution{border:2px solid var(--color-accent)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.feature{text-align:center;padding:var(--space-lg)}.feature__icon{color:var(--color-accent);margin-bottom:var(--space-md)}.feature h4{font-size:1.125rem;margin-bottom:var(--space-sm)}.feature p{color:var(--color-gray);margin:0}.testimonial{max-width:800px;margin:0 auto;text-align:center}.testimonial blockquote{font-size:1.5rem;font-style:italic;color:var(--color-white);line-height:1.6;margin-bottom:var(--space-lg)}.testimonial__author{display:flex;flex-direction:column;gap:var(--space-xs);color:var(--color-white)}.testimonial__author span{opacity:.8}.pricing-cta{max-width:700px;margin:0 auto}.pricing-cta__content{background:var(--color-white);padding:var(--space-xl);border-radius:var(--border-radius-lg);text-align:center;box-shadow:0 4px 12px #00000014}.pricing-cta__points{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.pricing-cta__point{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:1.1rem}.pricing-cta__point .check{color:var(--color-accent);font-weight:700;font-size:1.25rem}.compare-quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.compare-item{background:var(--color-light-gray);padding:var(--space-lg);border-radius:var(--border-radius-lg)}.compare-item h4{font-size:1.125rem;margin-bottom:var(--space-sm)}.compare-item p{color:var(--color-gray);margin-bottom:var(--space-md)}.compare-item a{color:var(--color-accent);font-weight:600}.final-cta{text-align:center}.final-cta__note{margin-top:var(--space-md);color:#ffffffb3;font-size:.875rem}.social-proof{background:var(--color-primary);padding:var(--space-md) 0}.social-proof__content{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);flex-wrap:wrap}.social-proof__stat{display:flex;flex-direction:column;align-items:center;text-align:center}.social-proof__stat .stat-number{font-size:1.5rem;font-weight:700;color:var(--color-white);font-family:var(--font-family-heading)}.social-proof__stat .stat-label{font-size:.75rem;color:#fffc;text-transform:uppercase;letter-spacing:.05em}.social-proof__divider{width:1px;height:40px;background:#ffffff4d}.social-proof__badge{display:flex;align-items:center;gap:var(--space-xs);background:var(--color-accent);padding:var(--space-xs) var(--space-md);border-radius:20px}.social-proof__badge .badge-icon{color:gold;font-size:1rem}.social-proof__badge .badge-text{color:var(--color-white);font-size:.875rem;font-weight:600}@media(max-width:968px){.hero__grid{grid-template-columns:1fr;gap:var(--space-lg)}.hero__visual{order:-1}.product-mockup{transform:none;max-width:400px}.product-mockup:hover{transform:none}}@media(max-width:768px){.hero__cta{flex-direction:column;align-items:flex-start}.hero__trust{flex-direction:column;gap:var(--space-xs)}.hero__trust .separator{display:none}.mockup-content{min-height:200px}.mockup-main{padding:12px;gap:10px}.card-stat{font-size:1.25rem}}
