.hero{background:var(--panel);padding:clamp(80px,12vw,160px) clamp(24px,6vw,100px);text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:800px;height:700px;left:50%;bottom:0;transform:translate(-50%);background:radial-gradient(50% 50% at 50% 50%,#6466f133,#6466f100);pointer-events:none}.hero-content{max-width:800px;margin:0 auto;position:relative;z-index:1}.hero-logo{height:clamp(87px,14vw,121px);width:auto;margin-bottom:24px}.hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;color:#fff;line-height:1.1;margin-bottom:24px}.hero-subtitle{font-size:clamp(1rem,1.5vw,1.25rem);color:#fffc;line-height:1.6;max-width:600px;margin:0 auto 40px}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.features{padding:clamp(64px,10vw,120px) clamp(24px,6vw,100px);background:var(--bg)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;max-width:1200px;margin:0 auto}.feature-card{background:#fff;padding:clamp(28px,4vw,40px);border-radius:var(--card-radius);box-shadow:0 10px 40px #0000000f;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.feature-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #0000001a}.feature-icon{width:56px;height:56px;background:#6466f11a;border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--primary);margin-bottom:20px}.feature-card h3{font-size:1.25rem;font-weight:600;margin-bottom:12px}.feature-card p{color:var(--muted);line-height:1.6}.cta-panel{background:linear-gradient(135deg,#6466f1,#4c6eff);padding:clamp(64px,10vw,100px) clamp(24px,6vw,100px);text-align:center;border-radius:var(--section-radius-lg);margin-top:clamp(40px,6vw,80px)}.cta-content{max-width:600px;margin:0 auto}.cta-panel h2{color:#fff;font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:16px}.cta-panel p{color:#ffffffe6;font-size:clamp(1rem,1.2vw,1.125rem);margin-bottom:32px;line-height:1.6}.cta-panel .button.primary{background:#fff;color:var(--primary);box-shadow:0 18px 40px #0003}.cta-panel .button.primary:hover{transform:translateY(-2px);box-shadow:0 22px 50px #00000040}@media(max-width:768px){.hero-actions{flex-direction:column;align-items:center}.hero-actions .button{width:100%;max-width:280px}}