:root{--hero-height:100vh;--section-spacing:120px;--ease-1:cubic-bezier(.28,.11,.32,1);--ease-2:cubic-bezier(.4,0,.2,1);--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:48px;--space-6:64px;--space-7:80px;--space-8:96px}.bg-gradient{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,var(--overlay-hero-top),var(--overlay-hero-bottom)),url('/static/landing_builder/images/backgrounds/hero-bg.webp') center/cover no-repeat;z-index:-1}.bg-pattern{position:fixed;top:0;left:0;right:0;bottom:0;background-image:url('/static/landing_builder/images/backgrounds/bg-pattern.webp');opacity:.08;z-index:-1}.hero{min-height:var(--hero-height);display:flex;align-items:center;justify-content:space-between;padding:var(--space-8) var(--space-4);position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top right,var(--pink-tint-08),transparent 60%);z-index:-1}.hero-content{max-width:600px;position:relative;z-index:1}.hero-title{font-size:clamp(40px,5vw,64px);line-height:1.1;font-weight:700;background:linear-gradient(135deg,var(--text-light) 30%,var(--pink-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-4);letter-spacing:-0.022em}.hero-subtitle{font-size:clamp(18px,2.5vw,24px);line-height:1.4;color:var(--text-gray);margin-bottom:var(--space-5);letter-spacing:-0.021em}.hero-stats{display:flex;gap:var(--space-5);margin-bottom:var(--space-6)}.stat-item{text-align:center}.stat-number{font-size:clamp(28px,4vw,36px);font-weight:700;color:var(--pink-primary);margin-bottom:var(--space-2);letter-spacing:-0.022em}.stat-label{color:var(--text-gray);font-size:14px;letter-spacing:-0.016em}.hero-cta{display:flex;gap:var(--space-3)}.hero-image{flex:1;max-width:500px;position:relative}.hero-image img{width:100%;height:auto;border-radius:24px;box-shadow:var(--shadow-lg);transform:perspective(1000px) rotateY(-10deg);transition:transform .8s var(--ease-1);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hero-image:hover img{transform:perspective(1000px) rotateY(0deg)}.features{padding:var(--space-7) var(--space-4);position:relative}.features::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at bottom left,var(--pink-tint-05),transparent 70%);z-index:-1}.section-title{text-align:center;margin-bottom:var(--space-6);max-width:800px;margin-left:auto;margin-right:auto;padding:0 var(--space-3)}.section-title h2{font-size:clamp(32px,4vw,40px);line-height:1.1;font-weight:600;background:linear-gradient(135deg,var(--text-light) 30%,var(--pink-primary) 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-2);letter-spacing:-0.022em}.section-title p{font-size:clamp(15px,2vw,17px);color:var(--text-gray);max-width:500px;margin:0 auto;line-height:1.47059;letter-spacing:-0.016em}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-3);max-width:1200px;margin:0 auto;padding:0 var(--space-3)}.feature-item{background:var(--surface-overlay);backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur));border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-4);transition:transform 200ms var(--ease-2),box-shadow 200ms var(--ease-2),background-color 200ms var(--ease-2)}.feature-item:hover{transform:translateY(-2px);background:var(--surface-overlay-strong);box-shadow:var(--shadow-lg)}