.how-it-works-page{padding-top:100px}.hiw-hero{padding:var(--space-lg) 0 var(--space-md);text-align:center;background:linear-gradient(180deg,var(--cream) 0%,var(--pearl) 50%,var(--white) 100%)}.hiw-hero h1{margin-bottom:var(--space-sm)}.hiw-hero .large{color:var(--dark-gray);max-width:650px;margin:0 auto}.vision-section{background:var(--white);padding:var(--space-sm) 0 var(--space-lg)}.vision-image{position:relative;overflow:hidden;border-radius:var(--radius-2xl);max-width:1000px;margin:0 auto;box-shadow:var(--shadow-lg)}.vision-image img{width:100%;height:auto;display:block;aspect-ratio:21/9;object-fit:cover}.vision-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(to top,rgba(10,9,8,.85) 0%,rgba(10,9,8,.4) 50%,transparent 100%);padding:var(--space-lg)}.vision-quote{font-family:var(--font-display);font-size:clamp(1.25rem,3vw,2rem);font-style:italic;color:var(--gold);text-align:center;margin:0;max-width:700px}.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:center}.problem-content h2{margin-bottom:var(--space-md)}.problem-content p{margin-bottom:var(--space-sm)}.problem-stats{display:flex;flex-direction:column;gap:var(--space-sm)}.stat-card{background:var(--white);padding:var(--space-md);border-left:4px solid var(--gold);border-radius:0 var(--radius-lg) var(--radius-lg) 0;box-shadow:var(--shadow-sm);transition:all .4s var(--ease-elegant)}.stat-card:hover{transform:translate(8px);box-shadow:var(--shadow-md)}.stat-number{display:block;font-family:var(--font-display);font-size:2.5rem;color:var(--gold);margin-bottom:.25rem}.stat-label{font-size:.9375rem;color:var(--dark-gray)}.steps-header{margin-bottom:var(--space-xl)}.steps-detailed{max-width:800px;margin:0 auto}.step-detailed{display:flex;gap:var(--space-lg);margin-bottom:var(--space-xl)}.step-detailed:last-child{margin-bottom:0}.step-number-large{flex-shrink:0;width:88px;height:88px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold-dark) 0%,var(--gold) 50%,var(--gold-light) 100%);color:var(--black);font-family:var(--font-display);font-size:2.5rem;border-radius:50%;box-shadow:var(--shadow-gold);transition:all .4s var(--ease-elegant)}.step-detailed:hover .step-number-large{transform:scale(1.08);box-shadow:var(--shadow-gold-lg)}.step-content h3{font-family:var(--font-display);font-size:1.75rem;margin-bottom:.75rem}.step-content p{margin-bottom:.75rem}.step-content p:last-child{margin-bottom:0}.benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}.benefit-column h3{font-family:var(--font-display);font-size:1.5rem;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid var(--gold)}.benefit-list{list-style:none}.benefit-list li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;color:var(--dark-gray)}.benefit-list li:before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;background:var(--gold);border-radius:50%}.hiw-cta h2{margin-bottom:var(--space-sm)}.hiw-cta .large{margin-bottom:var(--space-lg);max-width:none}@media(max-width:968px){.vision-image img{aspect-ratio:16/9}.vision-quote{font-size:clamp(1rem,2.5vw,1.5rem)}.problem-grid,.benefits-grid{grid-template-columns:1fr;gap:var(--space-lg)}}@media(max-width:768px){.hiw-hero{padding:var(--space-md) 0 var(--space-sm)}.vision-section{padding:var(--space-xs) 0 var(--space-md)}.step-detailed{flex-direction:column;gap:var(--space-sm);text-align:center}.step-number-large{margin:0 auto;width:64px;height:64px;font-size:2rem}}