:root{--blue:#1E73E8;--teal:#00BDA5;--navy:#0D1B2A}
.g3-hero{background:linear-gradient(135deg,var(--navy),var(--blue),var(--teal));padding:120px 30px;color:#fff;text-align:center;border-radius:30px;margin:20px auto;max-width:1300px}
.g3-hero h1{font-size:64px;color:#fff}.g3-hero p{font-size:22px}
.g3-buttons{margin-top:20px}
.g3-btn{display:inline-block;padding:14px 24px;background:var(--teal);color:#fff!important;text-decoration:none;border-radius:12px;margin:6px;font-weight:700}
.g3-btn.alt{background:#fff;color:var(--navy)!important}
.g3-section,.g3-problem,.g3-demo,.g3-testimonials,.g3-cta{max-width:1300px;margin:40px auto;padding:20px}
.g3-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.g3-card,.g3-feature{background:linear-gradient(135deg,#1E73E8,#00BDA5);color:#fff;padding:25px;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.15)}
.g3-card h3{color:#fff}
.g3-problem{background:#f4f8fb;border-radius:25px;padding:40px}
.g3-flow{text-align:center;font-size:28px;font-weight:700}
.g3-cta{text-align:center;background:linear-gradient(135deg,#1E73E8,#00BDA5);color:#fff;border-radius:25px;padding:60px}
@media(max-width:768px){.g3-hero h1{font-size:40px}}