/* GLP-1 Benefits Hub: patterns/lovable-page-glp-1-benefits-hub.php.
   Loaded only on /glp-1-benefits-hub/, after assets/css/lovable.css. */

/* Text sizes come from the design-system layer (.nv-lp-lead / -text /
   -small / -fine / -note / -kicker / -card-title) and the theme h1/h2/h3;
   rules here are layout, the page's card surfaces, image frames and its
   interactive components (simulator, tabs, compare matrix). */

.nv-glp1h :is(h3, ul, ol, blockquote) { margin: 0; }

.nv-glp1h .nv-lp-actions { margin-top: var(--wp--preset--spacing--30); }

.nv-glp1h .nv-disclosure { margin-top: var(--wp--preset--spacing--30); }

.nv-glp1h .nv-disclosure__trigger:focus-visible { outline: 2px solid var(--nv-orange); outline-offset: 2px; }

.nv-glp1h .nv-glp1h__head--tight { margin-bottom: var(--wp--preset--spacing--30); }

.nv-glp1h__after { margin-top: var(--wp--preset--spacing--20); }

/* Sub-nav and anchor targets land below the sticky sub-nav. */

.nv-glp1h section[id] { scroll-margin-top: var(--wp--preset--spacing--60); }

.nv-glp1h__block { margin-top: var(--wp--preset--spacing--60); }

.nv-glp1h__block > h3 { margin-bottom: var(--wp--preset--spacing--40); }

.nv-glp1h__center { text-align: center; }

.nv-glp1h__left { text-align: left; }

.nv-glp1h__ink { color: var(--nv-ink); }

.nv-glp1h__measure { max-width: 36rem; margin-inline: auto; }

.nv-glp1h__narrow { max-width: 48rem; margin-inline: auto; }

.nv-glp1h__note-center { max-width: 44rem; margin: var(--wp--preset--spacing--30) auto 0; text-align: center; }

.nv-glp1h__accent { color: var(--nv-orange-deep); }

.nv-glp1h .nv-lp-band--ink .nv-glp1h__accent { color: var(--nv-orange-soft); }

.nv-glp1h__band--sand { background: var(--nv-beige-dark); }

/* Display statements (serif lines that close a block). */

.nv-glp1h__statement { margin: 0; font-family: var(--nv-serif); font-size: var(--nv-fs-lead); font-weight: 600; line-height: 1.3; color: var(--nv-ink); }

.nv-glp1h__statement + .nv-glp1h__statement { margin-top: 4px; }

.nv-glp1h__statement--accent { color: var(--nv-orange-deep); }

.nv-glp1h .nv-lp-band--ink .nv-glp1h__statement { color: var(--nv-white); }

.nv-glp1h .nv-lp-band--ink .nv-glp1h__statement--soft { color: var(--nv-orange-soft); }

.nv-glp1h__closer { max-width: 48rem; margin: var(--wp--preset--spacing--50) auto 0; text-align: center; }

.nv-glp1h__closer .nv-glp1h__statement { font-size: var(--nv-fs-h3); }

/* Two-column split used by most chapters: columns stack when they no
   longer fit side by side. */

.nv-glp1h__split { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(360px, 100%), 1fr)); gap: var(--wp--preset--spacing--60); align-items: center; }

.nv-glp1h__split--top { align-items: start; }

.nv-glp1h__split--narrow { max-width: 68rem; }

/* Image frames are the shared .nv-lp-photo and cards the shared
   .nv-lp-card. */

.nv-glp1h .nv-lp-card--beige { background: var(--nv-beige); border: 0; }

/* Frame shapes the shared modifiers can't express: the hero portrait's
   measure, the 16:9 banner, the change cards' square-cornered top, the
   fixed-size product shots and thumbs, and the step cards' absolute fill.
   Thumbs stay positioned so their visually-hidden placeholder label is
   contained. */

.nv-glp1h .nv-glp1h__photo--portrait { max-width: 32rem; margin-inline: auto; }

.nv-glp1h .nv-glp1h__photo--wide { aspect-ratio: 16 / 9; }

.nv-glp1h .nv-glp1h__photo--card { border-radius: 0; }

.nv-glp1h .nv-glp1h__photo--square { width: 140px; height: 140px; flex: none; border-radius: var(--nv-radius-sm); }

.nv-glp1h .nv-glp1h__photo--feature { width: min(220px, 100%); margin-inline: auto; border-radius: var(--nv-radius-sm); }

.nv-glp1h .nv-glp1h__photo--product { width: min(280px, 100%); height: 220px; margin-inline: auto; border-radius: var(--nv-radius-sm); }

.nv-glp1h .nv-glp1h__photo--product-lg { width: min(340px, 100%); height: 280px; margin-inline: auto; border-radius: var(--nv-radius-sm); }

.nv-glp1h .nv-glp1h__photo--product-square { width: min(340px, 100%); margin-inline: auto; border-radius: var(--nv-radius-sm); }

.nv-glp1h .nv-glp1h__photo--start { width: min(220px, 100%); height: 180px; border-radius: var(--nv-radius-sm); }

.nv-glp1h .nv-glp1h__photo--thumb { position: relative; width: 80px; height: 80px; flex: none; border-radius: var(--nv-radius-xs); }

.nv-glp1h .nv-glp1h__photo--thumb-sm { position: relative; width: 56px; height: 56px; flex: none; border-radius: var(--nv-radius-xs); }

.nv-glp1h .nv-glp1h__photo--fill { position: absolute; inset: 0; height: 100%; border-radius: 0; }

/* Placeholder labels only fit in the larger frames; small thumbs keep the
   accessible label (role="img" + aria-label) but hide the visible text. */

.nv-glp1h :is(.nv-glp1h__photo--thumb, .nv-glp1h__photo--thumb-sm) .nv-lp-imgslot > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

.nv-glp1h .nv-lp-band--ink .nv-lp-photo { background: color-mix(in srgb, var(--nv-white) 6%, transparent); }

/* Figures are blocks, not the row acf-blocks.css's global
   figure:not(.wp-block-image){display:flex} would make them. */

.nv-glp1h .nv-glp1h__figure { display: block; margin: 0; }

.nv-glp1h .nv-glp1h__figure--wide { max-width: 48rem; margin: var(--wp--preset--spacing--40) auto 0; }

/* Grids: item counts are fixed (6 change cards, 3-card rows), so columns
   divide the count at every width. */

.nv-glp1h__grid { display: grid; gap: var(--wp--preset--spacing--30); grid-template-columns: minmax(0, 1fr); }

@media (min-width: 620px) {
	.nv-glp1h__grid--6 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 900px) {
	.nv-glp1h__grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (min-width: 980px) {
	.nv-glp1h__grid--6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Cards: the shared .nv-lp-card, stacking its content with a small gap at
   the medium radius; beige and hairline-less on white bands. */

.nv-glp1h__card { display: flex; flex-direction: column; gap: var(--wp--preset--spacing--10); border-radius: var(--nv-radius); }

.nv-glp1h__card > * { margin: 0; }

.nv-glp1h .nv-lp-band--white .nv-glp1h__card { border-color: transparent; background: var(--nv-beige); }

.nv-glp1h__card-body { display: flex; flex-direction: column; gap: var(--wp--preset--spacing--10); padding: var(--wp--preset--spacing--30); }

.nv-glp1h__card-body > * { margin: 0; }

.nv-glp1h__card-head { display: flex; align-items: center; gap: var(--wp--preset--spacing--20); }

.nv-glp1h__card-head .nv-lp-kicker { margin: 0; }

.nv-glp1h__product-name { display: block; margin: 0; font-family: var(--nv-serif); font-size: var(--wp--preset--font-size--body); font-weight: 600; line-height: 1.25; color: var(--nv-ink); }

.nv-glp1h__dash-list { display: grid; gap: var(--wp--preset--spacing--10); padding: 0; list-style: none; color: var(--nv-ink-80); }

.nv-glp1h__dash-list li { display: flex; gap: var(--wp--preset--spacing--10); }

.nv-glp1h__dash-list li::before { content: "\2014"; flex: none; color: var(--nv-orange-deep); }

.nv-glp1h__limit { padding: var(--wp--preset--spacing--20); border-radius: var(--nv-radius-xs); background: var(--nv-beige); }

.nv-glp1h .nv-lp-band--white .nv-glp1h__limit { background: var(--nv-white); }

.nv-glp1h__limit .nv-lp-kicker + .nv-lp-small { margin-top: 4px; }

/* Hero */

.nv-glp1h__hero { grid-template-columns: minmax(0, 1fr); align-items: start; }

@media (min-width: 768px) {
	.nv-glp1h__hero { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.nv-glp1h__hero .nv-glp1h__figure { width: 100%; max-width: 32rem; margin-inline: auto; }

.nv-glp1h__hero-title { margin: var(--wp--preset--spacing--20) 0 var(--wp--preset--spacing--30); }

.nv-glp1h__hero .nv-lp-lead { max-width: 36rem; }

.nv-glp1h__hero-note { max-width: 36rem; margin-top: var(--wp--preset--spacing--30); }

.nv-glp1h__hero-frame { position: relative; overflow: hidden; border-radius: var(--nv-radius-lg); box-shadow: var(--nv-shadow); }

.nv-glp1h__figure figcaption { margin-top: var(--wp--preset--spacing--20); text-align: center; }

.nv-glp1h__layers { position: absolute; inset: auto 0 0 0; display: flex; flex-wrap: wrap; gap: var(--wp--preset--spacing--10); padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--30) var(--wp--preset--spacing--30); list-style: none; background: linear-gradient(to top, color-mix(in srgb, var(--nv-ink) 90%, transparent), transparent); }

.nv-glp1h__layers li { padding: 4px var(--wp--preset--spacing--20); border-radius: var(--nv-radius-pill); background: color-mix(in srgb, var(--nv-white) 15%, transparent); font-family: var(--nv-mono); font-size: var(--nv-fs-mono); font-weight: 700; letter-spacing: 0.06em; color: color-mix(in srgb, var(--nv-white) 85%, transparent); }

.nv-glp1h__layers li.is-active { background: var(--nv-orange-deep); color: var(--nv-white); }

/* Tab rows (filter pills) and their panels */

.nv-glp1h__tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--wp--preset--spacing--10); max-width: 56rem; margin: 0 auto; }

.nv-glp1h__panels { max-width: 62rem; margin: var(--wp--preset--spacing--40) auto 0; }

.nv-glp1h__panels--narrow { max-width: 48rem; }

/* 1. Body-composition simulator */

.nv-glp1h__sim { max-width: 56rem; margin: 0 auto; background: var(--nv-ink-warm); }

.nv-glp1h__sim .nv-glp1h__tabs { margin-bottom: var(--wp--preset--spacing--30); }

.nv-glp1h__sim-panel { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); gap: var(--wp--preset--spacing--50); align-items: center; }

.nv-glp1h__scale { text-align: center; }

.nv-glp1h__scale > * { margin: 0; }

.nv-glp1h__scale-value { margin-top: var(--wp--preset--spacing--10); font-family: var(--nv-serif); font-size: var(--nv-fs-h2); font-weight: 600; line-height: 1; color: var(--nv-white); }

.nv-glp1h__scale-unit { margin-top: 4px; font-family: var(--nv-mono); font-size: var(--nv-fs-mono); letter-spacing: 0.08em; color: color-mix(in srgb, var(--nv-white) 60%, transparent); }

.nv-glp1h__bars { display: grid; gap: var(--wp--preset--spacing--20); }

.nv-glp1h__bar > * { margin: 0; }

.nv-glp1h__bar-head { display: flex; justify-content: space-between; gap: var(--wp--preset--spacing--20); font-size: var(--wp--preset--font-size--small); color: color-mix(in srgb, var(--nv-white) 60%, transparent); }

.nv-glp1h__bar-head span:first-child { font-weight: 600; color: var(--nv-white); }

.nv-glp1h__bar-track { height: 12px; margin: var(--wp--preset--spacing--10) 0 4px; overflow: hidden; border-radius: var(--nv-radius-pill); background: color-mix(in srgb, var(--nv-white) 10%, transparent); }

.nv-glp1h__bar-fill { display: block; width: var(--nv-glp1h-bar, 0%); height: 100%; border-radius: var(--nv-radius-pill); }

.nv-glp1h__bar-fill--fat { background: linear-gradient(90deg, var(--nv-orange-deep), var(--nv-orange)); }

.nv-glp1h__bar-fill--lean { background: color-mix(in srgb, var(--nv-white) 50%, transparent); }

.nv-glp1h__bar-fill--water { background: color-mix(in srgb, var(--nv-white) 35%, transparent); }

.nv-glp1h__bar-fill--bone { background: color-mix(in srgb, var(--nv-white) 25%, transparent); }

.nv-glp1h__sim-foot { margin-top: var(--wp--preset--spacing--30); padding-top: var(--wp--preset--spacing--30); border-top: 1px solid var(--nv-border-on-dark); }

/* 4. The 25–39% stat */

.nv-glp1h__big-stat { padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--30); border-radius: var(--nv-radius-lg); background: var(--nv-white); text-align: center; }

.nv-glp1h__big-stat > * { margin: 0; }

.nv-glp1h__big-stat-value { font-family: var(--nv-serif); font-size: var(--nv-fs-h2); font-weight: 600; line-height: 1; color: var(--nv-orange-deep); }

.nv-glp1h__big-stat-value span { color: var(--nv-ink); }

.nv-glp1h__big-stat-sub { margin-top: var(--wp--preset--spacing--10); font-family: var(--nv-serif); font-size: var(--nv-fs-h3); font-weight: 600; color: var(--nv-ink); }

.nv-glp1h__callout { margin: 0; padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30); border-left: 4px solid var(--nv-orange); border-radius: var(--nv-radius-xs); background: var(--nv-white); }

.nv-glp1h__callout > * { margin: 0; }

.nv-glp1h__callout .nv-lp-kicker + * { margin-top: 4px; }

.nv-glp1h__callout--card { margin-top: var(--wp--preset--spacing--30); text-align: left; }

.nv-glp1h__callout--ink { margin-top: var(--wp--preset--spacing--20); border-left-color: var(--nv-ink); background: var(--nv-beige); }

/* 5. Muscle system steps + product links */

.nv-glp1h__step { position: relative; min-height: 300px; overflow: hidden; border-radius: var(--nv-radius); background: var(--nv-ink-05); }

.nv-glp1h__step-body { position: absolute; inset: auto 0 0 0; padding: var(--wp--preset--spacing--80) var(--wp--preset--spacing--30) var(--wp--preset--spacing--30); background: linear-gradient(to top, color-mix(in srgb, var(--nv-ink) 92%, transparent) 55%, transparent); }

.nv-glp1h__step-body > * { margin: 0; }

.nv-glp1h__step-num { font-family: var(--nv-serif); font-size: var(--nv-fs-h3); font-weight: 600; line-height: 1; color: var(--nv-orange); }

.nv-glp1h__step-title { margin-top: 4px; font-family: var(--nv-serif); font-size: var(--nv-fs-lead); font-weight: 600; color: var(--nv-white); }

.nv-glp1h__step-body .nv-lp-strong { color: color-mix(in srgb, var(--nv-white) 85%, transparent); }

.nv-glp1h__step-body .nv-glp1h__step-note { margin-top: 2px; color: var(--nv-orange-soft); }

.nv-glp1h__step .nv-lp-imgslot { align-items: flex-start; padding-top: var(--wp--preset--spacing--40); }

.nv-glp1h__product-link { display: flex; align-items: center; gap: var(--wp--preset--spacing--20); padding: var(--wp--preset--spacing--20); border: 1px solid var(--nv-ink-10); border-radius: var(--nv-radius-sm); background: var(--nv-white); color: var(--nv-ink); text-decoration: none; transition: border-color var(--nv-dur) var(--nv-ease), box-shadow var(--nv-dur) var(--nv-ease); }

.nv-glp1h__product-link.is-primary { border-color: color-mix(in srgb, var(--nv-orange) 40%, transparent); background: var(--nv-beige); }

.nv-glp1h__product-link:hover { border-color: var(--nv-orange); box-shadow: var(--nv-shadow-sm); }

.nv-glp1h__product-link:focus-visible { outline: 2px solid var(--nv-orange); outline-offset: 3px; }

.nv-glp1h__product-text { display: flex; flex: 1; flex-direction: column; gap: 2px; min-width: 0; }

.nv-glp1h__product-text .nv-lp-small { margin: 0; }

.nv-glp1h__badge { display: inline-block; padding: 4px var(--wp--preset--spacing--20); border-radius: var(--nv-radius-pill); background: var(--nv-orange-deep); font-family: var(--nv-mono); font-size: var(--nv-fs-mono); font-weight: 600; letter-spacing: 0.04em; line-height: 1.3; color: var(--nv-white); }

.nv-glp1h__badge--end { flex: none; padding: 4px var(--wp--preset--spacing--10); }

/* 6. Goal selector */

.nv-glp1h__goal { display: flex; flex-wrap: wrap; align-items: center; gap: var(--wp--preset--spacing--40); border-radius: var(--nv-radius); }

.nv-glp1h__goal > .nv-glp1h__stack { flex: 1 1 min(320px, 100%); }

.nv-glp1h__stack > * { margin: 0; }

.nv-glp1h__stack > .nv-lp-kicker + * { margin-top: 4px; }

.nv-glp1h__stack > .nv-glp1h__gap { margin-top: var(--wp--preset--spacing--20); }

.nv-glp1h__stack > .nv-glp1h__limit { margin-top: var(--wp--preset--spacing--20); }

/* 7. Product system tabs */

.nv-glp1h__product { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: var(--wp--preset--spacing--40); align-items: center; }

.nv-glp1h__product.is-primary { border-color: color-mix(in srgb, var(--nv-orange) 40%, transparent); background: var(--nv-beige); }

.nv-glp1h__product-media { display: flex; flex-direction: column; align-items: center; gap: var(--wp--preset--spacing--20); text-align: center; }

.nv-glp1h__role { margin: var(--wp--preset--spacing--10) 0 0; font-size: var(--nv-fs-lead); font-weight: 600; line-height: 1.35; color: var(--nv-orange-deep); }

.nv-glp1h__product .nv-glp1h__dash-list { margin-top: var(--wp--preset--spacing--20); }

.nv-glp1h__pill { display: inline-block; margin: var(--wp--preset--spacing--20) 0 var(--wp--preset--spacing--10); padding: 4px var(--wp--preset--spacing--20); border-radius: var(--nv-radius-pill); background: var(--nv-beige); font-family: var(--nv-mono); font-size: var(--nv-fs-mono); line-height: 1.3; color: var(--nv-ink-80); }

.nv-glp1h__product.is-primary .nv-glp1h__pill { background: var(--nv-white); }

/* 8. Bar stats: shared stat tiles, drawn here as compact hairline tiles
   with a tighter, regular-weight label. */

.nv-glp1h__stat-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--wp--preset--spacing--20); }

.nv-glp1h__stat-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: var(--wp--preset--spacing--30); }

.nv-glp1h .nv-glp1h__stat { display: flex; flex-direction: column; justify-content: center; padding: var(--wp--preset--spacing--20); border: 1px solid var(--nv-ink-10); border-radius: var(--nv-radius-sm); }

.nv-glp1h .nv-glp1h__stat .nv-lp-stat-tile__label { margin-top: 4px; font-weight: 400; line-height: 1.3; }

.nv-glp1h .nv-glp1h__stat--sm .nv-lp-stat-tile__value { font-size: var(--nv-fs-lead); }

/* 9 / 15. Flow tags (training + protein -> remodeling; weight -> goals) */

.nv-glp1h__flow { display: flex; flex-wrap: wrap; align-items: center; gap: var(--wp--preset--spacing--10); margin: 0; }

.nv-glp1h__tag { padding: 4px var(--wp--preset--spacing--20); border-radius: var(--nv-radius-pill); background: color-mix(in srgb, var(--nv-white) 10%, transparent); font-family: var(--nv-mono); font-size: var(--nv-fs-mono); font-weight: 600; letter-spacing: 0.05em; line-height: 1.3; color: color-mix(in srgb, var(--nv-white) 85%, transparent); }

.nv-glp1h__tag.is-on { background: var(--nv-orange-deep); color: var(--nv-white); }

.nv-glp1h__flow-op { color: color-mix(in srgb, var(--nv-white) 50%, transparent); }

/* 10. Nutrients panel */

.nv-glp1h__panel { text-align: center; }

.nv-glp1h__nutrients { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--wp--preset--spacing--10); margin-top: var(--wp--preset--spacing--30); padding: 0; list-style: none; }

.nv-glp1h__nutrients li { padding: 4px var(--wp--preset--spacing--20); border-radius: var(--nv-radius-pill); background: var(--nv-white); font-size: var(--nv-fs-mono); font-weight: 600; line-height: 1.3; color: var(--nv-orange-deep); }

/* 13. One Bar or two */

.nv-glp1h .nv-glp1h__segmented { margin: 0 auto; background: var(--nv-white); }

.nv-glp1h__segmented button { min-height: 44px; }

.nv-glp1h__segmented button:not(.is-active):hover { background: var(--nv-ink-05); color: var(--nv-ink); }

/* 14. Skin tabs */

.nv-glp1h__skin-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--wp--preset--spacing--20); }

.nv-glp1h__skin-tabs .nv-lp-select-card { display: flex; flex-direction: column; gap: 4px; }

.nv-glp1h__skin-tabs .nv-lp-select-card:not(.is-active):hover { border-color: var(--nv-ink-40); }

.nv-glp1h__tab-title { font-family: var(--nv-serif); font-size: var(--wp--preset--font-size--body); font-weight: 600; color: var(--nv-ink); }

.nv-glp1h__tab-desc { font-size: var(--nv-fs-mono); line-height: 1.4; color: var(--nv-ink-60); }

.nv-glp1h__skin-panel { margin-top: var(--wp--preset--spacing--20); }

/* 15. Core study card */

.nv-glp1h__study { max-width: 62rem; margin: var(--wp--preset--spacing--60) auto 0; background: var(--nv-ink-warm); }

.nv-glp1h__study > * { margin: 0; }

.nv-glp1h__study > .nv-lp-lead { max-width: 44rem; margin-top: var(--wp--preset--spacing--20); }

.nv-glp1h__areas { display: flex; flex-wrap: wrap; gap: var(--wp--preset--spacing--10); margin-top: var(--wp--preset--spacing--30); padding: 0; list-style: none; }

.nv-glp1h__areas li { padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--20); border-radius: var(--nv-radius-pill); background: color-mix(in srgb, var(--nv-orange) 15%, transparent); font-size: var(--wp--preset--font-size--small); font-weight: 600; color: var(--nv-orange-soft); }

.nv-glp1h .nv-glp1h__study-tag { display: inline-block; margin-top: var(--wp--preset--spacing--30); padding: 4px var(--wp--preset--spacing--20); border-radius: var(--nv-radius-pill); background: var(--nv-white); font-family: var(--nv-mono); font-size: var(--nv-fs-mono); font-weight: 600; color: var(--nv-ink); }

.nv-glp1h__study > .nv-lp-small { margin-top: var(--wp--preset--spacing--20); }

.nv-glp1h__dots { display: grid; gap: var(--wp--preset--spacing--10); margin-top: var(--wp--preset--spacing--30); padding: 0; list-style: none; }

.nv-glp1h__dots li { display: flex; align-items: center; gap: var(--wp--preset--spacing--10); font-size: var(--wp--preset--font-size--body); font-weight: 600; color: color-mix(in srgb, var(--nv-white) 90%, transparent); }

.nv-glp1h__dots li::before { content: ""; flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--nv-orange); }

/* 17. Stacked disclosures */

.nv-glp1h__disclosures { margin-top: var(--wp--preset--spacing--20); border-bottom: 1px solid var(--nv-ink-10); }

.nv-glp1h__disclosures .nv-disclosure { margin-top: 0; }

/* 18. Journey phases */

.nv-glp1h__phase { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr)); gap: var(--wp--preset--spacing--40); border-radius: var(--nv-radius); }

.nv-glp1h__priorities { display: grid; gap: var(--wp--preset--spacing--10); margin-top: var(--wp--preset--spacing--20); padding: 0; list-style: none; counter-reset: nv-glp1h-priority; }

.nv-glp1h__priorities li { display: flex; align-items: center; gap: var(--wp--preset--spacing--20); padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--20); border-radius: var(--nv-radius-xs); background: var(--nv-white); font-weight: 600; color: var(--nv-ink); counter-increment: nv-glp1h-priority; }

.nv-glp1h__priorities li::before { content: counter(nv-glp1h-priority); font-family: var(--nv-serif); font-size: var(--nv-fs-lead); font-weight: 600; color: var(--nv-orange-deep); }

.nv-glp1h__fit-list { display: grid; gap: var(--wp--preset--spacing--10); margin-top: var(--wp--preset--spacing--20); }

.nv-glp1h__phase .nv-glp1h__product-link.is-primary { background: var(--nv-white); }

/* 19. Compare matrix: scrolls sideways on narrow screens. */

.nv-glp1h__scroller { margin-top: 0; border-radius: var(--nv-radius); }

.nv-glp1h__table { width: 100%; min-width: 900px; border-collapse: collapse; background: var(--nv-white); }

.nv-glp1h__table thead th { padding: var(--wp--preset--spacing--20); background: var(--nv-ink); font-family: var(--nv-serif); font-size: var(--wp--preset--font-size--small); font-weight: 600; text-align: center; color: var(--nv-white); vertical-align: bottom; }

.nv-glp1h__table thead th:first-child { font-family: var(--nv-mono); font-size: var(--nv-fs-mono); letter-spacing: 0.05em; text-align: left; }

.nv-glp1h__table thead .nv-lp-photo { margin: 0 auto var(--wp--preset--spacing--10); }

.nv-glp1h__table tbody tr { border-top: 1px solid var(--nv-ink-10); }

.nv-glp1h__table tbody th { padding: var(--wp--preset--spacing--20); font-size: var(--wp--preset--font-size--small); font-weight: 600; text-align: left; color: var(--nv-ink); }

.nv-glp1h__table td { padding: var(--wp--preset--spacing--10); font-size: var(--nv-fs-mono); font-weight: 600; text-align: center; color: var(--nv-ink-80); }

.nv-glp1h__table td.nv-glp1h__cell--strong span { display: inline-block; padding: 4px var(--wp--preset--spacing--10); border-radius: var(--nv-radius-pill); background: color-mix(in srgb, var(--nv-clinical-green) 22%, transparent); font-weight: 700; color: var(--nv-ink); }

.nv-glp1h__table td.nv-glp1h__cell--none { font-weight: 400; color: var(--nv-ink-60); }

/* 20. Reviews: the shared testimonial card with this page's hairline,
   medium radius, looser stack and a mono meta line under the name. */

.nv-glp1h .nv-glp1h__review { justify-content: space-between; gap: var(--wp--preset--spacing--30); border: 1px solid var(--nv-ink-10); border-radius: var(--nv-radius); }

.nv-glp1h__review .nv-lp-testimonial__quote { line-height: 1.6; }

.nv-glp1h__review .nv-lp-testimonial__name { display: flex; flex-direction: column; line-height: 1.55; }

.nv-glp1h__review .nv-lp-testimonial__meta { font-family: var(--nv-mono); font-size: var(--nv-fs-mono); line-height: 1.58; }

/* 21. Scientists: the shared advisor card on the ink band, drawn as this
   page's warm tile with a larger portrait, the lead-size name and no rule
   above the caption. */

.nv-glp1h__scientists { max-width: 62rem; margin-inline: auto; }

.nv-glp1h .nv-glp1h__scientist { background: var(--nv-ink-warm); border-radius: var(--nv-radius); }

.nv-glp1h .nv-glp1h__scientist .nv-lp-person__avatar { width: 90px; height: 90px; }

.nv-glp1h .nv-glp1h__scientist .nv-lp-person__foot { gap: var(--wp--preset--spacing--10); padding-top: 0; border-top: 0; }

.nv-glp1h .nv-glp1h__scientist .nv-lp-person__name { font-size: var(--nv-fs-lead); line-height: 1.2; letter-spacing: -0.01em; }

.nv-glp1h .nv-glp1h__scientist .nv-lp-person__role { font-size: var(--wp--preset--font-size--small); line-height: 1.55; }

.nv-glp1h__scientists + .nv-lp-actions { margin-top: var(--wp--preset--spacing--40); }

/* 22. Start with the problem */

.nv-glp1h__starts { display: grid; gap: var(--wp--preset--spacing--20); max-width: 68rem; margin-inline: auto; }

.nv-glp1h__start { display: flex; flex-wrap: wrap; align-items: center; gap: var(--wp--preset--spacing--30); border-radius: var(--nv-radius); }

.nv-glp1h__start.is-primary { display: grid; justify-items: center; border-color: color-mix(in srgb, var(--nv-orange) 40%, transparent); background: var(--nv-beige); text-align: center; }

.nv-glp1h__start-body { flex: 1 1 min(320px, 100%); }

.nv-glp1h__start.is-primary .nv-glp1h__start-body { width: 100%; max-width: 40rem; }

.nv-glp1h__start-body > * { margin: 0; }

.nv-glp1h__start-body > h3 { margin-top: var(--wp--preset--spacing--10); }

.nv-glp1h__start-body > .nv-lp-text { margin-top: var(--wp--preset--spacing--10); }

.nv-glp1h__start:not(.is-primary) h3 { font-size: var(--nv-fs-lead); }

.nv-glp1h__start.is-primary .nv-lp-actions { justify-content: center; }

.nv-glp1h__unsure { max-width: 50rem; margin: var(--wp--preset--spacing--40) auto 0; text-align: center; }

.nv-glp1h__unsure .nv-lp-text { max-width: 32rem; margin: var(--wp--preset--spacing--10) auto 0; }

/* 24. Final lines */

.nv-glp1h__final-lines { max-width: 48rem; text-align: center; }

.nv-glp1h__line { margin: var(--wp--preset--spacing--10) 0 0; font-family: var(--nv-serif); font-size: var(--nv-fs-h3); font-weight: 600; line-height: 1.25; color: color-mix(in srgb, var(--nv-white) 75%, transparent); }

.nv-glp1h__line.is-lead { margin-top: 0; color: var(--nv-white); }

.nv-glp1h__win { margin: 0; font-family: var(--nv-serif); font-size: var(--nv-fs-h2); font-weight: 600; line-height: var(--nv-h2-lh); letter-spacing: var(--nv-h2-ls); color: var(--nv-white); }

.nv-glp1h__line + .nv-glp1h__win { margin-top: var(--wp--preset--spacing--50); }

/* 25. Final CTA */

.nv-glp1h__band--sand .nv-glp1h__dash-list { margin-top: var(--wp--preset--spacing--20); }

.nv-glp1h__text-link { display: inline-flex; align-items: center; min-height: 24px; margin-top: var(--wp--preset--spacing--20); font-size: var(--wp--preset--font-size--small); color: var(--nv-ink-80); text-decoration: underline; text-underline-offset: 3px; }

.nv-glp1h__text-link:hover { color: var(--nv-ink); }

/* 26. Legal footer */

.nv-glp1h__legal { display: grid; gap: var(--wp--preset--spacing--20); max-width: 48rem; text-align: center; }

.nv-glp1h__legal .nv-lp-fine { margin: 0; line-height: 1.7; }

.nv-glp1h__legal-links { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--wp--preset--spacing--10) var(--wp--preset--spacing--30); padding: var(--wp--preset--spacing--10) 0 0; list-style: none; }

.nv-glp1h__legal-links a { display: inline-flex; align-items: center; min-height: 24px; font-size: var(--wp--preset--font-size--small); font-weight: 600; color: color-mix(in srgb, var(--nv-white) 70%, transparent); }

.nv-glp1h__legal-links a:hover { color: var(--nv-white); }

@media (max-width: 619px) {
	.nv-glp1h__goal { justify-content: center; }

	.nv-glp1h__stat-grid--3 { gap: var(--wp--preset--spacing--10); }
}
