/* A small guided journey, using the same paper, ink and brown selection states. */
.engage-page .builder-goals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0 16px}
.engage-page .builder-goal{display:flex;align-items:flex-start;gap:14px;text-align:left;min-width:0;min-height:116px;padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font:400 15px/1.5 Satoshi,sans-serif;transition:background .18s,border-color .18s,transform .18s;cursor:pointer}
.engage-page .builder-goal strong{display:block;font-size:16px;font-weight:500;margin:0 0 6px}.engage-page .builder-goal small{display:block;font-size:12px;line-height:1.6;color:var(--muted)}.engage-page .builder-goal-icon{font:28px/1 Caveat,cursive;color:var(--accent);flex:0 0 28px}.engage-page .builder-goal:hover{border-color:var(--accent);transform:translateY(-2px)}.engage-page .builder-goal[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--bg)}.engage-page .builder-goal[aria-pressed=true] :is(small,.builder-goal-icon){color:var(--bg)}.engage-page .builder-goal:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.engage-page .builder-goal-note{display:inline-block;font-size:11px!important;line-height:1.5;padding:6px 10px;background:color-mix(in srgb,var(--accent) 8%,var(--bg));color:var(--accent)!important;border-radius:999px;max-width:100%;box-sizing:border-box}.engage-page .builder-encouragement{font:23px/1.3 Caveat,cursive!important;color:var(--accent)!important;margin:14px 0 20px}.engage-page .builder-directions[hidden]{display:none!important}.engage-page .guided-card .step-heading{scroll-margin-top:100px}.engage-page #gate-card[hidden],.engage-page #guided-flow[hidden]{display:none!important}.engage-page .progress-track{grid-template-columns:repeat(7,minmax(0,1fr))}.engage-page .progress-track span{transition:background .2s}
.engage-page #gate-card #unlock-form{display:block;width:100%;min-width:0;max-width:none}.engage-page #gate-card .input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.engage-page #gate-card .input-grid .wide{grid-column:1/-1}.engage-page #gate-card .consent{display:flex;flex-direction:row;align-items:flex-start;gap:10px;margin:20px 0}.engage-page #gate-card .consent input{width:16px;flex:0 0 16px;margin-top:3px}.engage-page #gate-card #contact-back{display:inline-flex;margin-top:18px}.engage-page .guided-card #plan-form{display:block}.engage-page .flow-nav{display:flex;justify-content:space-between;align-items:center;gap:16px}
@media(max-width:650px){.engage-page .builder-goals{grid-template-columns:minmax(0,1fr);gap:10px}.engage-page .builder-goal{min-height:0;padding:16px;gap:12px}.engage-page .builder-goal strong{font-size:15px}.engage-page .builder-goal small{font-size:12px}.engage-page .builder-encouragement{font-size:21px!important}.engage-page #gate-card .input-grid{grid-template-columns:minmax(0,1fr)}.engage-page #gate-card .input-grid .wide{grid-column:auto}.engage-page .flow-nav{gap:10px}.engage-page #gate-card :is(input,select){font-size:16px}}
@media(prefers-reduced-motion:reduce){.engage-page .builder-goal,.engage-page .progress-track span{transition:none}.engage-page .builder-goal:hover{transform:none}}
