main{display:flex;flex-direction:column}.hero{background-color:var(--color-navy);padding:var(--spacing-3xl) 0}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center}.hero-heading{font-family:var(--font-heading);font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;color:var(--color-teal);margin-bottom:var(--spacing-md);line-height:1.2}.hero-text p{color:var(--color-white);font-size:.95rem;line-height:1.7;margin-bottom:var(--spacing-sm)}.hero-text p:last-of-type{margin-bottom:var(--spacing-lg)}.hero-visual{display:flex;justify-content:center;align-items:center}.stop-feeding-img{width:100%;max-width:420px;height:auto;display:block}.what-is-hoop{background-color:var(--color-white);padding:var(--spacing-3xl) 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center}.coral-heading{font-family:var(--font-heading);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;color:var(--color-coral);margin-bottom:var(--spacing-md)}.two-col-text p{color:var(--color-dark);font-size:1rem;line-height:1.7;margin-bottom:var(--spacing-sm)}.two-col-image{display:flex;justify-content:center;align-items:center}.what-is-hoop-img{width:100%;max-width:380px;height:auto;display:block}.how-it-works{background-color:var(--color-beige);padding:var(--spacing-3xl) 0}.how-heading{font-family:var(--font-heading);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--color-navy);margin-bottom:var(--spacing-2xl);text-align:center}.short-version{font-weight:400;font-size:.85em;color:var(--color-navy)}.timeline{max-width:800px;margin:0 auto}.timeline-item{display:grid;grid-template-columns:90px 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.timeline-item-last{margin-bottom:0}.step-col{display:flex;flex-direction:column;align-items:center}.step-badge{width:90px;height:90px;border-radius:50%;background-color:var(--color-teal);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:4px 4px #2e334e33;position:relative}.step-badge span{font-family:var(--font-display);font-size:3.5rem;color:var(--color-navy);line-height:1;font-style:italic;display:block;padding-top:.2em;padding-right:.2em}.step-line{flex:1;width:2px;background-image:repeating-linear-gradient(to bottom,var(--color-teal) 0,var(--color-teal) 8px,transparent 8px,transparent 16px);margin-top:var(--spacing-sm);min-height:60px}.step-content{padding-top:var(--spacing-sm)}.step-content h3{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--color-navy);margin-bottom:var(--spacing-md)}.checkout-card{background-color:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);max-width:480px}.checkout-card img{width:100%;height:auto;display:block}.options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.option-card{background-color:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:transform var(--transition-base),box-shadow var(--transition-base)}.option-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.option-card img{width:100%;height:auto;display:block}.stats-section{background-color:var(--color-navy);padding:var(--spacing-3xl) 0}.stats-row{display:flex;align-items:center;justify-content:center;gap:0}.stat-img{width:220px;height:auto;flex-shrink:0}.stats-dashes{flex:1;max-width:120px;height:2px;background-image:repeating-linear-gradient(to right,var(--color-teal) 0,var(--color-teal) 8px,transparent 8px,transparent 16px)}@media(max-width:900px){.hero .container{grid-template-columns:1fr}.hero-visual{order:-1}.two-col{grid-template-columns:1fr}.two-col-image{order:-1}.options-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.stats-row{flex-direction:column;gap:var(--spacing-sm)}.stats-dashes{max-width:2px;height:60px;background-image:repeating-linear-gradient(to bottom,var(--color-teal) 0,var(--color-teal) 8px,transparent 8px,transparent 16px)}}@media(max-width:600px){.timeline-item{grid-template-columns:70px 1fr}.step-badge{width:70px;height:70px}.step-badge span{font-size:2.5rem}}