/* Reference-led three-step How it works composition. */
body[data-page=commitment]{background:#fff;--paper:#fff}
.guide-nav.home-scene{min-height:0;background:#fff}
.guide-nav nav a[aria-current=page]{color:#6e4e73;font-weight:600;box-shadow:none}
.guide-page{max-width:1240px;margin:auto;padding:58px 48px 48px}
.guide-heading{margin:0 40px}
.guide-heading h1{font-family:var(--font-editorial);font-size:var(--type-page);font-weight:400;line-height:1.12;letter-spacing:-1.4px;margin:0 0 20px;color:#2b2330}
.guide-heading h1 em{color:#8c6b8f;font-weight:400}
.guide-heading p{font-size:var(--type-body);line-height:1.5;max-width:680px;margin:0;color:#2b2330}
.guide-journey{margin:42px 0 52px}
.guide-journey ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:0}
.guide-journey li{position:relative;text-align:center;padding:0 36px}
.guide-icon{display:flex;align-items:center;justify-content:center;width:120px;height:120px;border-radius:50%;background:#f2eaf6;color:#6e4e73;margin:0 auto 18px}
.guide-icon svg{width:48px;height:48px;stroke-width:1.8}
.guide-journey h2{font-family:var(--font-ui);font-size:var(--type-card);font-weight:600;line-height:1.3;letter-spacing:-.3px;margin:0 0 10px}
.guide-journey p{font-size:var(--type-body);line-height:1.45;max-width:280px;margin:0 auto;color:#2b2330}
.guide-arrow{position:absolute;top:49px;left:calc(100% - 62px);width:124px;color:#b9b5b9}
.guide-arrow svg{width:100%;height:22px;stroke-width:1.2}
.guide-logistics{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:24px;background:#f8f3fa;border-radius:20px;padding:32px 26px;min-height:176px}
.guide-logistics>h2{font-family:var(--font-ui);font-size:var(--type-body);font-weight:600;line-height:1.4;color:#6e4e73;padding-right:24px;border-right:1px solid #d6c5dd;align-self:stretch;display:flex;align-items:center;margin:0}
.guide-logistics ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:0}
.guide-logistics li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;color:#6e4e73;font-size:var(--type-metadata);line-height:1.4}
.guide-logistics li svg{width:34px;height:34px;flex:none;stroke-width:1.8}
@media(max-width:1000px) and (min-width:761px){.guide-page{padding:48px 32px}.guide-heading{margin:0 20px}.guide-logistics{grid-template-columns:160px 1fr;gap:14px;padding:24px 18px}.guide-logistics ul{gap:12px}.guide-journey li{padding:0 22px}.guide-icon{width:100px;height:100px}.guide-arrow{top:39px;left:calc(100% - 40px);width:80px}}
@media(max-width:760px){.guide-page{padding:36px 5% 30px}.guide-heading{margin:0}.guide-heading h1{letter-spacing:-1px;font-size:var(--type-page)}.guide-heading p{line-height:1.55}.guide-journey{margin:34px 0}.guide-journey ol{grid-template-columns:1fr;gap:38px}.guide-journey li{padding:0 12px}.guide-icon{width:86px;height:86px;margin-bottom:14px}.guide-icon svg{width:35px;height:35px}.guide-journey h2{margin-bottom:7px}.guide-arrow{display:none}.guide-journey p{max-width:285px}.guide-logistics{display:block;padding:22px 18px;border-radius:14px}.guide-logistics>h2{display:block;text-align:left;border-right:0;padding:0;margin:0 0 24px}.guide-logistics>h2 br{display:none}.guide-logistics ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.guide-logistics li{font-size:var(--type-metadata);gap:10px}.guide-logistics li svg{width:28px;height:28px}.guide-logistics li:last-child{grid-column:1/-1;max-width:150px;justify-self:center}}
/* Match the reference's long, quiet connectors and branded WhatsApp mark. */
.guide-arrow svg{overflow:visible}
.guide-logistics li svg:not([fill="none"]){fill:currentColor}
@media(min-width:761px){.guide-heading h1{font-size:56px}.guide-journey{margin-top:58px}}

/* The strip holds the explanation; the weekly note stays attached and secondary. */
.guide-logistics{grid-template-columns:280px 1fr}
.guide-logistics>h2{font-size:22px;line-height:1.35;font-weight:600;color:#6e4e73}
.guide-yes-note{display:grid;grid-template-columns:280px 1fr;align-items:baseline;gap:24px;margin:16px 0 0;padding:0 26px;color:#6b6470}
.guide-yes-note h2{font-family:var(--font-ui);font-size:var(--type-body);font-weight:600;line-height:var(--leading-ui);letter-spacing:0;margin:0;color:#6b6470}
.guide-yes-note p{font-size:var(--type-metadata);line-height:1.5;margin:0}
@media(min-width:761px) and (max-width:1000px){.guide-logistics{grid-template-columns:220px 1fr}.guide-logistics>h2{font-size:18px}.guide-yes-note{grid-template-columns:220px 1fr;gap:14px;padding:0 18px}}
@media(max-width:760px){.guide-logistics>h2{font-size:20px;line-height:1.35}.guide-logistics>h2 br{display:block}.guide-yes-note{display:block;margin-top:14px;padding:0 18px}.guide-yes-note h2{margin:0 0 4px}}