.explainer-page{width:100%;overflow-x:hidden;background:var(--background-neutral)}.explainer-page__hero{position:relative;min-height:34rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.explainer-page__hero-media{position:absolute;inset:0;z-index:0}.explainer-page__hero-image{object-fit:cover;object-position:center center}.explainer-page__hero-overlay{position:absolute;inset:0;background:radial-gradient(ellipse 95% 75% at 50% 45%,transparent 0,rgb(0 0 0/5%) 55%,rgb(0 0 0/20%) 100%),color-mix(in srgb,var(--color-accent) 72%,transparent);z-index:1}.explainer-page__hero-accent{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--color-secondary);z-index:1;pointer-events:none}.explainer-page__hero-content{position:relative;z-index:2;width:100%;max-width:48rem;padding:2.5rem 1rem 3rem;text-align:center}.explainer-page__badge{display:inline-block;background:var(--color-primary);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;padding:.375rem 1rem;border-radius:var(--border-radius-sm);margin-bottom:.75rem}.explainer-page__badge,.explainer-page__hero-title{color:var(--color-white);font-family:var(--font-saira);font-weight:700}.explainer-page__hero-title{margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,2.75rem);line-height:1.15}.explainer-page__hero-lead,.explainer-page__hero-support{margin:0 auto .75rem;max-width:40rem;font-family:var(--font-figtree);font-size:1rem;line-height:1.55;color:color-mix(in srgb,var(--color-white) 90%,transparent)}.explainer-page__hero-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;margin:1.5rem 0 0}.explainer-page__closing-cta,.explainer-page__hero-cta{display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:26rem;border:none;background:var(--color-primary);color:var(--color-white);font-family:var(--font-saira);font-size:.9375rem;font-weight:700;text-transform:uppercase;text-decoration:none;padding:.875rem 1.5rem;border-radius:var(--border-radius-sm);cursor:pointer;transition:background .2s ease;box-sizing:border-box}.explainer-page__closing-cta:hover,.explainer-page__hero-cta:hover{background:var(--color-secondary)}.explainer-page__hero-cta--outline{background:transparent;color:var(--color-white);border:2px solid var(--color-white)}.explainer-page__hero-cta--outline:hover{background:var(--color-white);color:var(--color-accent)}@media (min-width:600px){.explainer-page__closing-cta,.explainer-page__hero-cta{width:auto}}.explainer-page__section{padding:3rem 0;background:var(--color-white)}.explainer-page__section--mesh{background-color:var(--background-neutral);background-image:radial-gradient(at 0 0,color-mix(in srgb,var(--color-primary) 5%,transparent) 0,transparent 50%),radial-gradient(at 100% 100%,color-mix(in srgb,var(--color-secondary) 5%,transparent) 0,transparent 50%)}.explainer-page__section-inner{width:100%;max-width:1280px;margin:0 auto;padding:0 1rem;box-sizing:border-box}.explainer-page__section-inner--narrow{max-width:800px}.explainer-page__section-header{text-align:center;margin-bottom:2rem}.explainer-page__section-title{margin:0 0 .75rem;font-family:var(--font-saira);font-size:1.5rem;font-weight:700;color:var(--color-accent)}.explainer-page__section-divider{width:5rem;height:4px;background:var(--color-primary);border-radius:var(--border-radius-full,9999px);margin:0 auto 1rem}.explainer-page__section-intro{margin:0 auto;max-width:42rem;font-family:var(--font-figtree);font-size:.9375rem;line-height:1.6;color:var(--color-gray-600)}.explainer-page__steps{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem}@media (min-width:768px){.explainer-page__steps{grid-template-columns:repeat(3,1fr)}}.explainer-page__step{display:flex;flex-direction:column;align-items:center;text-align:center}.explainer-page__step-icon-wrap{width:4.5rem;height:4.5rem;display:flex;align-items:center;justify-content:center;background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin-bottom:1rem}.explainer-page__step-icon{font-size:1.5rem;color:var(--color-primary)}.explainer-page__step-label{font-size:.75rem;letter-spacing:.08em;color:var(--color-primary)}.explainer-page__step-label,.explainer-page__step-title{margin:0 0 .5rem;font-family:var(--font-saira);font-weight:700}.explainer-page__step-title{font-size:1.0625rem;color:var(--color-accent)}.explainer-page__step-text{margin:0;max-width:22rem;font-family:var(--font-figtree);font-size:.9375rem;line-height:1.55;color:var(--color-gray-600)}.explainer-page__props{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}@media (min-width:768px){.explainer-page__props{grid-template-columns:repeat(2,1fr)}}.explainer-page__prop{padding:1.25rem 1.5rem;background:var(--color-white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.5rem}.explainer-page__prop h3{font-family:var(--font-saira);font-size:1.05rem;font-weight:700;color:var(--color-accent);margin:0}.explainer-page__prop p{font-family:var(--font-figtree);font-size:1rem;line-height:1.55;color:var(--foreground);margin:0}.explainer-page__faq{padding:1.25rem 1.5rem;background:var(--color-white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}.explainer-page__closing{padding:3rem 1rem;background:var(--color-accent);text-align:center}.explainer-page__closing-inner{max-width:40rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1rem}.explainer-page__closing-title{margin:0;font-family:var(--font-saira);font-size:1.5rem;font-weight:700;color:var(--color-white)}.explainer-page__closing-text{margin:0;font-family:var(--font-figtree);font-size:1rem;line-height:1.55;color:color-mix(in srgb,var(--color-white) 90%,transparent)}.explainer-page__closing-text a{color:var(--color-secondary);text-decoration:underline;font-weight:600}.explainer-page__closing-cta{background:var(--color-primary)}.explainer-page__cta-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem}.explainer-page__cta-row .app-button{width:100%;max-width:26rem;text-decoration:none;text-align:center;box-sizing:border-box}@media (min-width:600px){.explainer-page__cta-row .app-button{width:auto}}