:root{--primary-orange: #ff6a00;--primary-orange-dark: #ea580c;--text-dark: #0b1220;--text-gray: #475569;--text-light-gray: #64748b;--bg-light: #f8fafc;--bg-white: #ffffff;--border-light: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--border-radius-lg: .75rem;--border-radius-xl: 1rem}body{font-family:Inter,sans-serif;margin:0;padding:0;color:var(--text-dark)}.container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.section-how-it-works{padding:4rem 1rem;color:var(--text-dark)}.how-it-works-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:flex-start;max-width:1000px;margin:0 auto}.how-it-works-left h2{font-size:2.25rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-dark)}.how-it-works-left ol{list-style:none;padding:0;margin-bottom:2rem}.how-it-works-left ol li{margin-bottom:1rem;font-size:1rem;color:var(--text-gray);line-height:1.5}.how-it-works-left ol li strong{color:var(--text-dark);font-weight:600}.how-it-works-actions{display:flex;gap:1rem;flex-wrap:wrap}.how-it-works-actions .btn{padding:.75rem 1.5rem;border-radius:var(--border-radius-lg);font-weight:600;text-decoration:none;transition:background-color .3s ease,border-color .3s ease,color .3s ease}.how-it-works-actions .btn-primary{background-color:var(--primary-orange);color:#fff;border:1px solid var(--primary-orange)}.how-it-works-actions .btn-primary:hover{background-color:var(--primary-orange-dark);border-color:var(--primary-orange-dark)}.how-it-works-actions .btn-secondary{background-color:transparent;color:var(--text-dark);border:1px solid var(--border-light)}.how-it-works-actions .btn-secondary:hover{background-color:var(--border-light)}.how-it-works-right{background-color:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--border-radius-xl);padding:2rem;box-shadow:var(--shadow-lg)}.how-it-works-right .badge{font-size:.75rem;font-weight:600;color:var(--primary-orange);background-color:#fff3e7;padding:.25rem .75rem;border-radius:9999px;display:inline-block;margin-bottom:1rem}.how-it-works-right h3{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin-bottom:1rem}.how-it-works-right ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.how-it-works-right ul li{font-size:.95rem;color:var(--text-gray)}.section-installation-process{background-color:var(--bg-light);padding:1rem;color:var(--text-dark)}.section-installation-process h2{text-align:center;font-size:2.25rem;font-weight:700;margin-bottom:3rem;color:var(--text-dark)}.installation-steps-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem;max-width:1100px;margin:0 auto}.installation-step-card{background-color:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--border-radius-xl);padding:2rem;box-shadow:var(--shadow-md);text-align:center}.installation-step-card .step-number{font-size:1.25rem;font-weight:700;color:var(--primary-orange);margin-bottom:.5rem}.installation-step-card h3{font-size:1.25rem;font-weight:700;color:var(--text-dark);margin-bottom:.75rem}.installation-step-card p{font-size:.95rem;color:var(--text-gray);line-height:1.6}@media(min-width:768px){.how-it-works-grid{grid-template-columns:1.2fr 1fr}.installation-steps-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.installation-steps-grid{grid-template-columns:repeat(4,1fr)}}
