.how-to-use-module__hVaMFW__optionsText{max-width:520px;margin-left:auto;margin-right:0}:root{--howto-card-bg:#fff;--howto-card-border:#0b8e7533;--howto-card-shadow:0 12px 24px #0b8e7514;--howto-highlight:#0b8e75;--howto-muted:#637381}.how-to-use-module__hVaMFW__pageWrapper{background:linear-gradient(#f2fffb,#fff 35%)}.how-to-use-module__hVaMFW__hero{text-align:center;padding:2rem 0}.how-to-use-module__hVaMFW__heroTitle{color:#0b3d3a;margin:1rem 0 .75rem;font-size:clamp(1.2rem,2.6vw + 1rem,2.6rem);font-weight:700;line-height:1.15}.how-to-use-module__hVaMFW__heroSubtitle{color:var(--howto-muted);max-width:700px;margin:0 auto;font-size:1rem}.how-to-use-module__hVaMFW__section{padding:2rem 0}.how-to-use-module__hVaMFW__section:nth-of-type(2n){background:#0b8e7508}.how-to-use-module__hVaMFW__imageFrame{background:#fff;border:1px solid #0b8e7526;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 28px 50px #06372f17}.how-to-use-module__hVaMFW__imageFrame:after{content:"";pointer-events:none;border-radius:22px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0b8e750d}.how-to-use-module__hVaMFW__annotationStack{padding-right:4rem;position:relative}.how-to-use-module__hVaMFW__annotationCard{background:var(--howto-card-bg);border:1px solid var(--howto-card-border);box-shadow:var(--howto-card-shadow);border-radius:18px;max-width:520px;margin-bottom:1rem;padding:.7rem 1.25rem;position:relative;overflow:visible}.how-to-use-module__hVaMFW__annotationTitle{color:#0b3d3a;align-items:center;gap:.75rem;margin-bottom:.4rem;font-size:.98rem;font-weight:600;display:flex}.how-to-use-module__hVaMFW__annotationTitle span{color:var(--howto-highlight);background:#0b8e751f}.how-to-use-module__hVaMFW__annotationCard:first-child{--step-bg:#0b8e75;--step-shadow:#0b8e7540;--step-color:#fff}.how-to-use-module__hVaMFW__annotationCard:nth-child(2){--step-bg:#0ba4c5;--step-shadow:#0ba4c540;--step-color:#fff}.how-to-use-module__hVaMFW__annotationCard:nth-child(3){--step-bg:#f0b429;--step-shadow:#f0b4294d;--step-color:#fff}.how-to-use-module__hVaMFW__annotationCard:nth-child(4){--step-bg:#7358d6;--step-shadow:#7358d64d;--step-color:#fff}.how-to-use-module__hVaMFW__annotationTitle span{background:var(--step-bg,#0b8e751f);box-shadow:0 6px 16px var(--step-shadow,#0b8e751f);color:var(--step-color,var(--howto-highlight));border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-weight:700;display:inline-flex}.how-to-use-module__hVaMFW__annotationDescription{color:var(--howto-muted);margin:0;font-size:.92rem;line-height:1.35}.how-to-use-module__hVaMFW__annotationCard ul{margin-top:.4rem;margin-bottom:0;padding-left:1.2rem;list-style:outside}.how-to-use-module__hVaMFW__annotationCard li{color:var(--howto-muted);margin-bottom:.25rem;font-size:.9rem;line-height:1.3}.how-to-use-module__hVaMFW__annotationCard li:last-child{margin-bottom:0}.how-to-use-module__hVaMFW__arrowLeft:after,.how-to-use-module__hVaMFW__arrowLeft:before,.how-to-use-module__hVaMFW__arrowRight:after,.how-to-use-module__hVaMFW__arrowRight:before{content:"";top:var(--arrow-anchor,50%);transition:opacity .3s;position:absolute;transform:translateY(-50%)}.how-to-use-module__hVaMFW__arrowRight:before{background:linear-gradient(90deg,#0b8e7533,#0b8e7599);width:70px;height:2px;right:-82px}.how-to-use-module__hVaMFW__arrowRight:after{border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:12px solid #0b8e7599;right:-96px}.how-to-use-module__hVaMFW__arrowLeft:before{background:linear-gradient(90deg,#0b8e7599,#0b8e7533);width:70px;height:2px;left:-82px}.how-to-use-module__hVaMFW__arrowLeft:after{border-top:8px solid #0000;border-bottom:8px solid #0000;border-right:12px solid #0b8e7599;left:-96px}.how-to-use-module__hVaMFW__highlightChip{color:var(--howto-highlight);background:#0b8e751f;border-radius:999px;align-items:center;gap:.35rem;margin-bottom:.75rem;padding:.35rem .75rem;font-size:.85rem;font-weight:600;display:inline-flex}.how-to-use-module__hVaMFW__composeTitle{font-size:1.35rem;font-weight:600;line-height:1.3}.how-to-use-module__hVaMFW__composeDescription{font-size:.95rem;line-height:1.35}.how-to-use-module__hVaMFW__cta{text-align:center;background:linear-gradient(#eaf9f4,#f6fffb);padding:5rem 0 6.5rem}.how-to-use-module__hVaMFW__ctaCard{color:#fff;background:linear-gradient(135deg,#8eeee0,#5ed7be 45%,#3ec2a7);border-radius:26px;margin:0 auto;padding:3rem 2.75rem;overflow:hidden;box-shadow:0 20px 38px #0a745f38}.how-to-use-module__hVaMFW__ctaTitle{margin-bottom:.85rem;font-size:clamp(1.85rem,1vw + 1.7rem,2.4rem);font-weight:700}.how-to-use-module__hVaMFW__ctaDescription{color:#ffffffeb;max-width:500px;margin:0 auto 2.1rem;font-size:1.02rem;line-height:1.55}.how-to-use-module__hVaMFW__ctaActions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.how-to-use-module__hVaMFW__primaryButton,.how-to-use-module__hVaMFW__secondaryButton{border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.75rem;font-weight:600;transition:transform .25s,box-shadow .25s;display:inline-flex}.how-to-use-module__hVaMFW__primaryButton{color:#0b8e75;background:#fff;box-shadow:0 14px 24px #0b8e752e}.how-to-use-module__hVaMFW__secondaryButton{color:#fff;background:#ffffff2e;border:1px solid #ffffff80}@media (max-width:992px){.how-to-use-module__hVaMFW__ctaCard{padding:2.5rem 1.9rem}.how-to-use-module__hVaMFW__ctaActions{justify-content:center}}.how-to-use-module__hVaMFW__primaryButton:hover,.how-to-use-module__hVaMFW__secondaryButton:hover{transform:translateY(-2px)}.how-to-use-module__hVaMFW__primaryButton:hover{box-shadow:0 22px 40px #06372f3d}@media (max-width:991px){.how-to-use-module__hVaMFW__hero{padding:3.5rem 0 2.5rem}.how-to-use-module__hVaMFW__arrowLeft:after,.how-to-use-module__hVaMFW__arrowLeft:before,.how-to-use-module__hVaMFW__arrowRight:after,.how-to-use-module__hVaMFW__arrowRight:before{display:none}.how-to-use-module__hVaMFW__annotationCard{margin-bottom:1.25rem}.how-to-use-module__hVaMFW__ctaCard{padding:2.5rem 1.75rem}}@media (max-width:575px){.how-to-use-module__hVaMFW__heroTitle{font-size:2.2rem}.how-to-use-module__hVaMFW__heroSubtitle{font-size:1rem}.how-to-use-module__hVaMFW__ctaActions{flex-direction:column}}
