*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;line-height:1.7;color:var(--dark);background:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:0 auto;padding:0 20px}section{padding:80px 0}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:15px}.section-subtitle{font-size:1.1rem;color:var(--gray);text-align:center;max-width:700px;margin:0 auto 60px}.service-hero{padding-top:60px;padding-bottom:60px;text-align:center}.service-hero h1{font-size:3.5rem;font-weight:800;line-height:1.2;color:var(--dark)}.service-hero p{font-size:1.2rem;color:var(--gray);max-width:800px;margin:20px auto 0}#interactive-diagram{background:var(--light-gray)}.diagram-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.diagram{border:1px solid #E5E7EB;border-radius:12px;padding:30px;background:var(--white)}.diagram h3{font-size:1.5rem;margin-bottom:20px;text-align:center}.diagram-box{border:2px dashed #D1D5DB;border-radius:8px;padding:20px}.diagram-component{background:#e5e7eb;border-radius:6px;padding:15px;margin-bottom:15px;text-align:center;font-weight:500;cursor:pointer;transition:all .3s ease}.diagram-component:hover{background:var(--primary);color:var(--white);transform:scale(1.05)}.monolith .diagram-component{background:var(--gray);color:var(--white)}.monolith .diagram-component:hover{background:var(--dark-gray)}.explanation-box{padding:30px;background:var(--dark);color:var(--white);border-radius:12px;min-height:400px}.explanation-box h4{font-size:1.2rem;color:var(--primary);margin-bottom:10px}.explanation-box p{color:var(--light-gray)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.benefit-card{text-align:center}.benefit-card .icon{width:50px;height:50px;margin:0 auto 20px;color:var(--primary)}.benefit-card h3{font-size:1.25rem;margin-bottom:10px}.benefit-card p{color:var(--gray)}@media(max-width:768px){.service-hero h1{font-size:2.5rem}.service-hero p{font-size:1rem}.diagram-container{grid-template-columns:1fr;gap:30px}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.explanation-box{min-height:auto;padding:20px}.section-title{font-size:2rem}.container{padding:0 15px}}.hpwa-cta{background:var(--light-gray);text-align:center;padding:80px 0}.hpwa-cta__title{font-size:2.5rem;font-weight:700;margin-bottom:20px}.hpwa-cta__lead{font-size:1.1rem;color:var(--gray);max-width:600px;margin:0 auto 40px}