/* Local v2 prototype: a self-contained product triptych. No runtime dependency. */
.homepage-fluid-v2 .help-reset {
  --help-ink:#183e32; --help-muted:#4b6457; --help-lime:#d5f4a3;
  background:#f7f8f2; color:var(--help-ink); padding:100px 0 48px;
  font-family:Manrope,sans-serif;
}
.help-reset *, .help-reset *::before, .help-reset *::after { box-sizing:border-box; }
.help-reset :is(h2,h3,p,figure) { margin:0; }
.help-reset .help-shell { max-width:1480px; margin-inline:auto; padding-inline:clamp(20px,4.5vw,72px); }
.help-reset .help-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:32px; margin-bottom:52px; }
.help-reset .help-eyebrow { margin-bottom:24px; color:var(--help-muted); font-size:14px; font-weight:700; }
.help-reset .help-heading h2 { color:var(--help-ink); font-size:clamp(38px,4.8vw,72px); font-weight:400; line-height:1.08; letter-spacing:-.065em; }
.help-reset .help-heading h2 span { color:#66816b; }
.help-reset .help-heading > p { max-width:275px; padding-bottom:4px; color:var(--help-muted); font-size:17px; line-height:1.65; }
.help-reset .help-products { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.help-reset .help-product { display:flex; flex-direction:column; min-width:0; padding:30px 28px 24px; border-radius:8px; overflow:hidden; color:var(--help-ink); }
.help-reset .help-plan { background:#e8eee1; }
.help-reset .help-brain { color:#f2f6e9; background:#193e33; }
.help-reset .help-view { background:#eae7f2; color:#322e49; }
.help-reset .help-product-label { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; min-height:42px; font-size:12px; line-height:1.5; font-weight:700; }
.help-reset .help-product-label > span:last-child { opacity:.6; flex-shrink:0; }
.help-reset .help-label-detail { font-weight:400; }
.help-reset .help-product h3 { margin:20px 0 18px; color:inherit; font-size:clamp(28px,2.6vw,40px); line-height:1.12; letter-spacing:-.05em; font-weight:400; }
.help-reset .help-product > p:not(.help-takeaway) { min-height:132px; color:#4b6457; font-size:15px; line-height:1.65; max-width:36ch; }
.help-reset .help-brain > p:not(.help-takeaway) { color:#c6d5c8; }
.help-reset .help-view > p:not(.help-takeaway) { color:#625d76; }
/* Graphic-led examples. Fixed viewBoxes keep the visual relationships intact at every size. */
.help-reset .help-art { width:100%; margin:18px 0 24px; aspect-ratio:360 / 330; }
.help-reset .help-art > svg { display:block; width:100%; height:auto; overflow:visible; font-family:Manrope,sans-serif; }
.help-reset .help-route { background:radial-gradient(ellipse at 75% 20%,#f8fcef90,transparent 65%); }
.help-reset .help-knowledge { background:transparent; }
.help-reset .help-overview { background:transparent; }
.help-reset .help-product .help-takeaway { margin-top:auto; padding-top:24px; border-top:1px solid #193e3326; color:inherit; font-size:12px; font-weight:700; line-height:1.5; }
.help-reset .help-brain .help-takeaway { border-color:#c6d5c840; }
.help-reset .help-footer { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:28px; }
.help-reset .help-footer p { color:var(--help-muted); font-size:13px; line-height:1.7; }
.help-reset .help-footer a { display:inline-flex; justify-content:space-between; align-items:center; gap:32px; padding:15px 20px; background:var(--help-ink); color:#f7f8f2; border-radius:4px; font-size:13px; font-weight:700; text-decoration:none; min-height:48px; }
.help-reset .help-footer a:focus-visible { outline:3px solid #6c5f9d; outline-offset:4px; }
.help-reset .help-footer a:hover { background:#2c5844; }
.help-reset .help-illustration-note { margin-top:24px; color:#5b6d60; font-size:11px; line-height:1.6; }
@media (max-width:1199px) and (min-width:961px) {
  .help-reset .help-shell { padding-inline:28px; }
  .help-reset .help-products { gap:12px; }
  .help-reset .help-product { padding:24px 18px 20px; }
  .help-reset .help-product > p:not(.help-takeaway) { min-height:150px; font-size:14px; }
  .help-reset .help-product h3 { font-size:30px; }
  .help-reset .help-art { margin-inline:0; }
}
@media (max-width:960px) {
  .homepage-fluid-v2 .help-reset { padding-top:64px; padding-bottom:36px; }
  .help-reset .help-heading { display:block; margin-bottom:32px; }
  .help-reset .help-heading > p { margin-top:24px; max-width:36ch; font-size:16px; }
  .help-reset .help-heading h2 { font-size:clamp(38px,7.5vw,56px); }
  .help-reset .help-eyebrow { margin-bottom:18px; }
  .help-reset .help-products { grid-template-columns:minmax(0,1fr); gap:16px; }
  .help-reset .help-product { padding:26px; }
  .help-reset .help-product-label { min-height:20px; font-size:12px; }
  .help-reset .help-product h3 { margin-top:24px; font-size:38px; }
  .help-reset .help-product > p:not(.help-takeaway) { min-height:0; font-size:16px; max-width:42ch; }
  .help-reset .help-art { width:100%; max-width:360px; margin:24px auto; }
  .help-reset .help-product .help-takeaway { padding-top:18px; font-size:13px; }
  .help-reset .help-footer { align-items:flex-start; flex-direction:column; }
  .help-reset .help-footer a { width:100%; }
}
@media (max-width:359px) {
  .help-reset .help-product { padding:22px 18px; }
  .help-reset .help-product h3 { font-size:34px; }
}

/* Shared output labels make the three distinct illustrations one program. */
.help-reset .help-product-label { flex-wrap:wrap; gap:6px 12px; border-bottom:1px solid #193e3326; padding-bottom:14px; min-height:44px; }
.help-reset .help-product-label .help-product-name { opacity:1; font-weight:400; }
.help-reset .help-brain .help-product-label { border-color:#c6d5c840; }
.help-reset .help-heading > p { max-width:300px; }
@media (min-width:961px) {
  .help-reset .help-heading h2 { font-size:clamp(38px,4.25vw,62px); }
}

/* Follow the homepage theme, including the SVG labels and dashboard surfaces. */
.homepage-fluid-v2.dark .help-reset {
  --help-ink:#edf5ee; --help-muted:#b4c9bd;
  background:var(--lighter-panel); color:var(--help-ink);
  --help-route-grid:#b4d9c4;
  --help-route-ink:#b9e4cb;
  --help-route-muted-line:#648976;
  --help-route-route:#345c45;
  --help-route-paper:#1a3028;
  --help-route-muted:#b4c9bd;
  --help-route-card:#182d25;
  --help-route-check:#182d25;
  --help-route-target:#345c45;
  --help-route-text:#edf5ee;
  --help-overview-paper:#252333;
  --help-overview-border:#69617d;
  --help-overview-rule:#494256;
  --help-overview-label:#ded7ed;
  --help-overview-dot:#c9b5e7;
  --help-overview-track:#494256;
  --help-overview-progress:#a7cbb8;
  --help-overview-attention:#c3a2e9;
  --help-overview-ink:#f3edf9;
  --help-overview-muted:#c4bdd3;
  --help-overview-badge:#49365e;
  --help-overview-badge-text:#f0dfff;
  --help-overview-progress-dot:#a7cbb8;
}
.homepage-fluid-v2.dark .help-heading h2 span { color:#9ac5a8; }
.homepage-fluid-v2.dark .help-plan { background:#182d25; }
.homepage-fluid-v2.dark .help-brain { background:#17392f; }
.homepage-fluid-v2.dark .help-view { background:#282536; color:#f3edf9; }
.homepage-fluid-v2.dark .help-plan > p:not(.help-takeaway) { color:var(--help-muted); }
.homepage-fluid-v2.dark .help-view > p:not(.help-takeaway) { color:#c4bdd3; }
.homepage-fluid-v2.dark .help-route { background:radial-gradient(ellipse at 75% 20%,#345c4540,transparent 65%); }
.homepage-fluid-v2.dark .help-product :is(.help-product-label,.help-takeaway) { border-color:#b4c9bd40; }
.homepage-fluid-v2.dark .help-view :is(.help-product-label,.help-takeaway) { border-color:#c4bdd340; }
.homepage-fluid-v2.dark .help-footer a { background:#b9e4cb; color:#182d25; }
.homepage-fluid-v2.dark .help-footer a:hover { background:#d5f4a3; }
.homepage-fluid-v2.dark .help-illustration-note { color:var(--help-muted); }
