:root {
  --ink: #f5f6f4;
  --muted: #a4aaad;
  --soft: #0b0d0e;
  --white: #ffffff;
  --line: #dedfdf;
  --fwp-green: #8bc53f;
  --renova: #c04892;
  --renova-soft: #f8edf4;
  --liv: #69b3b8;
  --liv-lime: #a7cf34;
  --liv-soft: #e9f6f6;
  --boost: #f04b23;
  --boost-soft: #fff0eb;
  --burn: #79cf28;
  --burn-soft: #101310;
  --shadow: 0 22px 60px rgba(25, 31, 34, .12);
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: #080a0b;
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
body, button { font-family: "DM Sans", sans-serif; }
.pilot-app .pilot-submit { color: #fff; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
.skip-link { position: fixed; top: -5rem; left: 1rem; z-index: 100; padding: .7rem 1rem; color: #111; background: white; border-radius: 8px; }
.skip-link:focus { top: 1rem; }

.promo-strip {
  min-height: 98px;
  padding: 1rem clamp(1rem, 5vw, 5rem);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 3vw, 2.8rem);
  position: relative;
  overflow: hidden;
  color: white;
  background:
    radial-gradient(circle at 14% 45%, rgba(225,107,178,.62), transparent 25%),
    radial-gradient(circle at 84% 52%, rgba(121,207,40,.42), transparent 27%),
    linear-gradient(105deg, #361225 0%, #17100f 50%, #11200c 100%);
  border-bottom: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 14px 38px rgba(0,0,0,.28);
  letter-spacing: .02em;
}
.promo-strip::before { content: ""; position: absolute; inset: 0; opacity: .15; background: repeating-linear-gradient(120deg, transparent 0 28px, rgba(255,255,255,.24) 29px 30px); }
.promo-badge, .promo-copy, .promo-strip a { position: relative; z-index: 1; }
.promo-badge { padding: .58rem .75rem; color: #17100f; background: var(--fwp-green); border-radius: 7px; box-shadow: 0 0 0 5px rgba(139,197,63,.16); font: 800 .92rem/1 "Barlow Condensed", sans-serif; letter-spacing: .13em; }
.promo-copy { display: grid; grid-template-columns: auto auto; align-items: end; gap: 0 .75rem; line-height: 1; }
.promo-copy small { grid-column: 1 / -1; margin-bottom: .3rem; color: rgba(255,255,255,.72); font-size: .68rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.promo-copy strong { color: white; font: 800 clamp(2.2rem, 4.2vw, 4.1rem)/.78 "Barlow Condensed", sans-serif; letter-spacing: -.025em; text-shadow: 0 6px 22px rgba(0,0,0,.32); }
.promo-copy > span { color: #dfe6dc; font-size: .86rem; font-weight: 600; }
.promo-strip a { min-height: 48px; padding: .7rem 1.05rem; display: inline-flex; align-items: center; gap: .8rem; color: #101210; background: white; border-radius: 999px; box-shadow: 0 10px 28px rgba(0,0,0,.2); font-size: .82rem; font-weight: 800; transition: transform .2s ease, box-shadow .2s ease; }
.promo-strip a span { color: #4b861f; font-size: 1.25rem; transition: transform .2s ease; }
.promo-strip a:hover { transform: translateY(-2px); box-shadow: 0 14px 34px rgba(0,0,0,.28); }
.promo-strip a:hover span { transform: translateX(3px); }

.site-header {
  height: 76px;
  padding: 0 clamp(1rem, 5vw, 5rem);
  display: flex;
  align-items: center;
  gap: 2rem;
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(8,10,11,.94);
  border-bottom: 1px solid rgba(255,255,255,.09);
  backdrop-filter: blur(18px);
}
.brand { margin-right: auto; display: flex; align-items: center; gap: .8rem; }
.brand img { width: 50px; height: 50px; padding: .15rem; object-fit: contain; background: white; border-radius: 9px; }
.brand span { display: block; line-height: 1.08; }
.brand strong { font-family: "Barlow Condensed", sans-serif; font-size: 1.18rem; letter-spacing: .025em; text-transform: uppercase; }
.brand small { display: block; margin-top: .22rem; color: var(--muted); font-size: .75rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.main-nav { display: flex; align-items: center; gap: 1.8rem; color: #c5cac8; font-weight: 600; }
.main-nav a { position: relative; }
.main-nav a::after { content: ""; position: absolute; bottom: -.35rem; left: 0; width: 0; height: 2px; background: var(--fwp-green); transition: width .2s ease; }
.main-nav a:hover::after, .main-nav a:focus-visible::after { width: 100%; }
.header-cta { padding: .62rem 1rem; color: #111; background: var(--fwp-green); border-radius: 999px; font-weight: 700; }

h1, h2, h3 { margin-top: 0; font-family: "Barlow Condensed", sans-serif; font-weight: 800; line-height: .98; letter-spacing: -.025em; text-transform: uppercase; }
.eyebrow { margin: 0 0 1rem; display: flex; align-items: center; gap: .7rem; color: #aeb4b1; font-size: .75rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.eyebrow span { width: 30px; height: 3px; background: var(--fwp-green); }
.eyebrow.light { color: #c9cecb; }

.hero {
  min-height: calc(100vh - 114px);
  padding: clamp(3.5rem, 7vw, 7rem) clamp(1.25rem, 6vw, 6rem);
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(520px, 1.1fr);
  align-items: center;
  gap: clamp(2.5rem, 6vw, 7rem);
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 8% 88%, rgba(192,72,146,.22), transparent 28%),
    radial-gradient(circle at 92% 8%, rgba(105,179,184,.20), transparent 30%),
    linear-gradient(135deg, #080a0b 0%, #101315 52%, #080a0b 100%);
}
.hero::before, .hero::after { content: ""; position: absolute; width: 520px; height: 1px; right: -110px; top: 16%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.15), transparent); transform: rotate(-18deg); }
.hero::after { top: auto; bottom: 17%; right: auto; left: -120px; transform: rotate(18deg); }
.hero-copy, .hero-products { position: relative; z-index: 2; }
.hero h1 { max-width: 760px; margin-bottom: 1.2rem; font-size: clamp(3.4rem, 6.2vw, 6.5rem); }
.hero-text { max-width: 650px; margin: 0 0 1.6rem; color: #c0c6c3; font-size: clamp(1rem, 1.4vw, 1.2rem); }
.hero-pain-map { max-width: 690px; margin: 0 0 1.35rem; display: grid; grid-template-columns: repeat(2,1fr); gap: .55rem; }
.hero-pain-map a { min-height: 68px; padding: .72rem .82rem; display: flex; flex-direction: column; justify-content: center; color: #eef1ef; background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.14); border-left: 3px solid var(--fwp-green); border-radius: 10px; transition: transform .2s ease, background .2s ease, border-color .2s ease; }
.hero-pain-map a:nth-child(1) { border-left-color: var(--renova); }.hero-pain-map a:nth-child(2) { border-left-color: var(--liv); }.hero-pain-map a:nth-child(3) { border-left-color: var(--boost); }.hero-pain-map a:nth-child(4) { border-left-color: var(--burn); }
.hero-pain-map a:hover { transform: translateY(-2px); background: rgba(255,255,255,.075); border-color: rgba(255,255,255,.3); }
.hero-pain-map small { color: #8f9793; font-size: .62rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.hero-pain-map strong { font: 700 .94rem/1.16 "Barlow Condensed",sans-serif; text-transform: uppercase; }
.opening-offer { width: fit-content; margin-bottom: 1.65rem; padding: .78rem 1rem; display: flex; align-items: center; gap: .9rem; color: #f3f5f3; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.15); border-radius: 14px; box-shadow: 0 10px 28px rgba(0,0,0,.22); }
.opening-offer > span { padding: .33rem .48rem; color: white; background: var(--renova); border-radius: 6px; font: 700 .78rem/1 "Barlow Condensed", sans-serif; letter-spacing: .08em; }
.opening-offer strong, .opening-offer small { display: block; }
.opening-offer strong { font-size: .95rem; }
.opening-offer small { color: var(--muted); font-size: .75rem; }
.hero-actions { display: flex; flex-wrap: wrap; gap: .8rem; }
.btn { min-height: 51px; padding: .82rem 1.25rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; font-weight: 700; transition: transform .2s ease, box-shadow .2s ease; }
.btn:hover { transform: translateY(-2px); }
.btn-dark { color: #101210; background: var(--fwp-green); box-shadow: 0 14px 30px rgba(139,197,63,.18); }
.btn-outline { color: white; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.22); }

.interactive-media { --scene-x: 0px; --scene-y: 0px; --pack-x: 0px; --pack-y: 0px; isolation: isolate; }
.hero-products { display: grid; grid-template-columns: 1fr 1fr; gap: .85rem; }
.hero-product { min-height: 0; aspect-ratio: 4 / 3; position: relative; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 22px; box-shadow: 0 18px 42px rgba(0,0,0,.34); }
.hero-product::after { content: ""; position: absolute; inset: 0; z-index: 6; pointer-events: none; border: 1px solid rgba(255,255,255,.08); border-radius: inherit; }
.hero-scene { position: absolute; inset: 0 0 0 27%; z-index: 0; width: 73%; max-width: none; height: 100%; object-fit: contain; object-position: center; transition: filter .35s ease; }
.hero-shade { position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(4,6,6,.94) 0%, rgba(4,6,6,.56) 34%, rgba(5,7,7,.08) 70%, rgba(5,7,7,.34) 100%); }
.hero-product-name { position: absolute; top: 1rem; left: 1rem; z-index: 5; font: 800 1.05rem/1 "Barlow Condensed", sans-serif; letter-spacing: .04em; text-transform: uppercase; text-shadow: 0 2px 16px rgba(0,0,0,.75); }
.hero-product-claim { position: absolute; top: 2.75rem; left: 1rem; z-index: 5; max-width: 58%; margin: 0; padding-left: .6rem; color: #fff; border-left: 3px solid var(--tile-accent, var(--fwp-green)); font: 700 clamp(.95rem, 1.05vw, 1.14rem)/1.08 "Barlow Condensed", sans-serif; letter-spacing: .01em; text-wrap: balance; text-shadow: 0 2px 13px rgba(0,0,0,.95); }
.hero-pack { position: absolute; left: 2%; bottom: 29%; z-index: 4; width: 32%; height: 52%; object-fit: contain; filter: drop-shadow(0 17px 15px rgba(0,0,0,.55)); transform: translate3d(var(--pack-x), var(--pack-y), 0) rotate(-2deg); transition: transform .18s ease-out; }
.hero-product:hover .hero-scene { filter: saturate(1.08) brightness(1.04); }
.hero-product:hover .hero-pack { transform: translate3d(var(--pack-x), calc(var(--pack-y) - 5px), 0) rotate(-1deg) scale(1.04); }
.hero-liv .hero-scene, .hero-burn .hero-scene { inset: 0 27% 0 0; }
.hero-liv .hero-shade, .hero-burn .hero-shade { background: linear-gradient(270deg, rgba(4,6,6,.94) 0%, rgba(4,6,6,.54) 34%, rgba(5,7,7,.08) 70%, rgba(5,7,7,.34) 100%); }
.hero-liv .hero-pack, .hero-burn .hero-pack { left: auto; right: 2%; }
.hero-liv .hero-pack { transform: translate3d(var(--pack-x), var(--pack-y), 0) rotate(3deg); }
.hero-burn .hero-pack { transform: translate3d(var(--pack-x), var(--pack-y), 0) rotate(2deg); }
.hero-pack-framed { object-fit: contain; border: 0; filter: drop-shadow(0 16px 18px rgba(0,0,0,.48)); }
.hero-burn-clean { filter: drop-shadow(0 17px 15px rgba(0,0,0,.7)); }
.hero-product-price { position: absolute; left: 2%; bottom: 19%; z-index: 5; width: 32%; min-height: 27px; padding: .32rem .45rem; display: grid; place-items: center; color: white; background: rgba(7,9,9,.8); border: 1px solid var(--tile-accent, var(--fwp-green)); border-radius: 999px; box-shadow: 0 8px 18px rgba(0,0,0,.38); font-size: .82rem; font-weight: 800; line-height: 1; letter-spacing: .01em; backdrop-filter: blur(10px); }
.hero-product-price.hero-price-right { right: 2%; left: auto; }
.hero-renova { --tile-accent: #e26eb1; color: #f39bd0; background: #171116; }
.hero-liv { --tile-accent: #75cbd0; color: white; background: #0c1718; }
.hero-eboost { --tile-accent: #ff7958; color: #ff8b6c; background: #181110; }
.hero-burn { --tile-accent: var(--burn); color: var(--burn); background: #0c0e0c; }
.hero-tile-actions { position: absolute; right: .75rem; bottom: .75rem; left: .75rem; z-index: 7; display: grid; grid-template-columns: 1fr 1fr; gap: .45rem; }
.hero-tile-actions a, .hero-tile-actions button { min-height: 39px; padding: .55rem .65rem; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 9px; font-size: .72rem; font-weight: 800; line-height: 1; text-align: center; box-shadow: 0 8px 20px rgba(0,0,0,.32); backdrop-filter: blur(12px); transition: transform .2s ease, filter .2s ease, border-color .2s ease; }
.hero-tile-actions a:hover, .hero-tile-actions button:hover { transform: translateY(-2px); filter: brightness(1.08); }
.hero-detail-link { color: #fff; background: rgba(8,10,10,.78); border: 1px solid rgba(255,255,255,.32); }
.hero-buy-link { color: #0b0d0c; background: var(--tile-accent, var(--fwp-green)); border: 1px solid rgba(255,255,255,.18); }

/* Supplied portrait artwork keeps its full composition; shopping controls sit below it. */
.hero--artwork { grid-template-columns: minmax(0, .78fr) minmax(520px, 1.22fr); align-items: start; gap: clamp(2rem, 3.5vw, 4rem); padding-top: clamp(3rem, 5vw, 5rem); }
.hero--artwork .hero-products { align-items: start; gap: 1rem; }
.hero-product.hero-artwork { min-width: 0; aspect-ratio: auto; border-radius: 18px; }
.hero-artwork-frame { aspect-ratio: 4 / 5; display: grid; place-items: center; overflow: hidden; background: #10100e; }
.hero-renova .hero-artwork-frame { background: #f5f6f7; }
.hero-liv .hero-artwork-frame { background: #25221c; }
.hero-burn .hero-artwork-frame { background: #070906; }
.hero-artwork-frame > img { width: 100%; height: 100%; min-height: 0; object-fit: contain; object-position: center; }
.hero-artwork-footer { padding: .85rem; border-top: 2px solid var(--tile-accent); background: #111516; }
.hero-artwork-meta { display: flex; align-items: center; justify-content: space-between; gap: .6rem; margin-bottom: .75rem; }
.hero-artwork .hero-product-name { position: static; margin: 0; font-size: 1.2rem; line-height: 1.15; text-shadow: none; }
.hero-artwork .hero-product-price { position: static; width: auto; min-height: 0; padding: 0; color: #fff; background: none; border: 0; border-radius: 0; box-shadow: none; font-size: 1rem; line-height: 1.3; white-space: nowrap; backdrop-filter: none; }
.hero-artwork .hero-tile-actions { position: static; gap: .5rem; }
.hero-artwork .hero-tile-actions a, .hero-artwork .hero-tile-actions button { min-height: 44px; padding: .6rem .4rem; font-size: .875rem; line-height: 1.2; box-shadow: none; backdrop-filter: none; }
.hero-artwork .hero-tile-actions button:focus-visible { outline: 3px solid var(--tile-accent); outline-offset: 3px; }

@media (max-width: 1120px) {
  .hero--artwork { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 620px) {
  .hero--artwork .hero-products { gap: .85rem; padding-bottom: .6rem; align-items: stretch; }
  .hero-product.hero-artwork { flex: 0 0 min(82vw, 360px); aspect-ratio: auto; scroll-snap-align: start; }
  .hero-artwork-footer { padding: .85rem; }
}

.assurance { padding: 1.8rem clamp(1.25rem, 6vw, 6rem); display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; color: #aeb4b1; background: #0e1112; border-top: 1px solid #252a2b; border-bottom: 1px solid #252a2b; }
.assurance > div { padding: .4rem 1.25rem; display: flex; align-items: center; gap: 1rem; border-right: 1px solid #2a2e2f; }
.assurance > div:last-child { border-right: 0; }
.assurance b { color: var(--fwp-green); font: 800 1.25rem/1 "Barlow Condensed", sans-serif; }
.assurance span, .assurance strong, .assurance small { display: block; }
.assurance strong { color: #f4f5f3; font-size: .88rem; }
.assurance small { color: var(--muted); font-size: .75rem; }

.product-videos { padding: clamp(4.5rem,8vw,8rem) clamp(1.25rem,6vw,6rem); overflow: hidden; background: radial-gradient(circle at 88% 12%,rgba(105,179,184,.14),transparent 28%),#0b0d0e; }
.product-video-grid { max-width: 1360px; margin: 0 auto; display: grid; grid-template-columns: repeat(4,1fr); gap: .8rem; }
.product-video-card { --video-accent:var(--fwp-green); min-width: 0; padding: 0; aspect-ratio: 4/5; position: relative; overflow: hidden; cursor: pointer; color: white; background: #121516; border: 1px solid #303637; border-radius: 20px; box-shadow: 0 22px 50px rgba(0,0,0,.25); text-align: left; }
.product-video-card > img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; filter: saturate(.78) contrast(1.03); transition: transform .45s ease,filter .35s ease; }
.video-card-shade { position: absolute; inset: 0; background: linear-gradient(180deg,rgba(4,6,6,.18),rgba(4,6,6,.2) 38%,rgba(4,6,6,.94)); }
.video-status { position: absolute; top: .85rem; left: .85rem; padding: .38rem .55rem; color: #f1f3f2; background: rgba(8,10,10,.75); border: 1px solid rgba(255,255,255,.22); border-radius: 999px; font-size: .62rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; backdrop-filter: blur(9px); }
.video-play { width: 64px; height: 64px; padding-left: 4px; display: grid; place-items: center; position: absolute; top: 48%; left: 50%; color: #0d100e; background: var(--video-accent); border: 5px solid rgba(255,255,255,.2); border-radius: 50%; box-shadow: 0 14px 36px rgba(0,0,0,.45); transform: translate(-50%,-50%); transition: transform .25s ease,box-shadow .25s ease; }
.video-card-copy { position: absolute; right: 1rem; bottom: 1rem; left: 1rem; display: grid; }
.video-card-copy small { color: var(--video-accent); font-size: .63rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.video-card-copy strong { margin: .2rem 0; font: 800 clamp(2.5rem,3.5vw,4rem)/.9 "Barlow Condensed",sans-serif; text-transform: uppercase; }
.video-card-copy > span { color: #c6ceca; font-size: .76rem; }
.product-video-card:hover > img { transform: scale(1.035); filter: saturate(1) contrast(1.04); }.product-video-card:hover .video-play { transform: translate(-50%,-54%) scale(1.08); box-shadow: 0 18px 42px rgba(0,0,0,.52); }
.video-renova { --video-accent:#e16bb2; }.video-liv { --video-accent:#7acbd0; }.video-eboost { --video-accent:#ff704c; }.video-burn { --video-accent:var(--burn); }
.video-readiness-note { max-width: 1360px; margin: 1rem auto 0; padding: .85rem 1rem; color: #9ca5a1; background: rgba(255,255,255,.025); border: 1px solid #293031; border-radius: 10px; font-size: .78rem; }.video-readiness-note strong { color: white; }

.products, .faq { padding: clamp(4.5rem, 8vw, 8rem) clamp(1.25rem, 6vw, 6rem); background: var(--soft); }
.section-heading { max-width: 1360px; margin: 0 auto 2.2rem; display: flex; align-items: end; justify-content: space-between; gap: 2rem; }
.section-heading h2, .distributor h2 { margin-bottom: 0; font-size: clamp(3rem, 5vw, 5.4rem); }
.section-heading > p { max-width: 470px; margin: 0; color: var(--muted); }
.filter-bar { max-width: 1360px; margin: 0 auto 2rem; display: flex; flex-wrap: wrap; gap: .55rem; }
.filter-btn { padding: .62rem .95rem; cursor: pointer; color: #b4bab7; background: #141718; border: 1px solid #303536; border-radius: 999px; transition: .2s ease; }
.filter-btn:hover, .filter-btn.active { color: #101210; background: var(--fwp-green); border-color: var(--fwp-green); }
.filter-btn:focus-visible, a:focus-visible, summary:focus-visible { outline: 3px solid rgba(139,197,63,.55); outline-offset: 3px; }
.product-grid { max-width: 1360px; margin: 0 auto; display: grid; grid-template-columns: 1fr; gap: 2rem; }
.product-card { display: grid; grid-template-columns: minmax(390px, .82fr) minmax(0, 1.18fr); gap: 1rem; align-items: start; min-height: 0; overflow: visible; scroll-margin-top: 96px; background: transparent; border: 0; border-radius: 28px; box-shadow: none; transition: transform .25s ease; }
.product-card:nth-child(even) .product-media { order: 2; }
.product-card:hover { transform: translateY(-3px); }
.product-card[hidden] { display: none; }
.product-media { width: 100%; min-height: 0; aspect-ratio: 4 / 5; position: sticky; top: 96px; overflow: hidden; background: #111; border: 1px solid #2c3132; border-radius: 26px; box-shadow: 0 24px 65px rgba(0,0,0,.25); }
.product-media::before { content: ""; position: absolute; inset: 0; z-index: 6; pointer-events: none; border: 1px solid rgba(255,255,255,.08); }
.lifestyle-scene { position: absolute; inset: 0; z-index: 0; width: 100%; max-width: none; height: 100%; object-fit: cover; object-position: center; transition: filter .4s ease; }
.scene-shade { position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(5,7,7,.06) 28%, rgba(5,7,7,.28) 55%, rgba(5,7,7,.94) 100%); }
.product-card:hover .lifestyle-scene { filter: saturate(1.07) contrast(1.02); }
.product-number { position: absolute; top: 1.2rem; left: 1.2rem; z-index: 5; width: 35px; height: 35px; display: grid; place-items: center; color: #101210; background: var(--accent); border-radius: 50%; font: 800 .72rem/1 "DM Sans", sans-serif; letter-spacing: .06em; box-shadow: 0 8px 24px rgba(0,0,0,.28); }
.experience-label { position: absolute; top: 1.3rem; right: 1.2rem; z-index: 5; max-width: 190px; padding: .52rem .72rem; color: white; background: rgba(7,9,9,.62); border: 1px solid rgba(255,255,255,.18); border-radius: 999px; backdrop-filter: blur(8px); font-size: .7rem; font-weight: 700; letter-spacing: .04em; text-align: center; text-transform: uppercase; }
.media-word { position: absolute; left: 1rem; bottom: 1rem; z-index: 3; color: white; opacity: .78; font: 800 clamp(3.1rem, 5vw, 5.8rem)/.8 "Barlow Condensed", sans-serif; text-shadow: 0 7px 30px rgba(0,0,0,.6); white-space: nowrap; }
.floating-pack { position: absolute; left: 3%; bottom: 10%; z-index: 4; width: 48%; height: 48%; object-fit: contain; filter: drop-shadow(0 22px 18px rgba(0,0,0,.6)); transform: translate3d(var(--pack-x), var(--pack-y), 0) rotate(-4deg); transition: transform .18s ease-out; }
.product-card:hover .floating-pack { transform: translate3d(var(--pack-x), calc(var(--pack-y) - 7px), 0) rotate(-1deg) scale(1.035); }
.renova { --accent: #e16bb2; }
.liv { --accent: #7acbd0; }
.eboost { --accent: #ff704c; }
.burn { --accent: var(--burn); --product-soft: var(--burn-soft); }
.renova .lifestyle-scene { object-position: 58% center; }
.liv .lifestyle-scene { object-position: 40% center; }
.eboost .lifestyle-scene { object-position: 58% center; }
.burn .lifestyle-scene { object-position: 42% center; }
.liv .floating-pack { left: auto; right: 2%; transform: translate3d(var(--pack-x), var(--pack-y), 0) rotate(4deg); }
.pack-framed { object-fit: contain; border: 0; filter: drop-shadow(0 22px 22px rgba(0,0,0,.6)); }
.burn .product-number { color: #101210; }
.burn-crop { position: absolute; right: 3%; bottom: 6%; z-index: 4; width: 48%; aspect-ratio: .9; overflow: hidden; border: 1px solid rgba(121,207,40,.6); border-radius: 16px; box-shadow: 0 23px 28px rgba(0,0,0,.56); transform: translate3d(var(--pack-x), var(--pack-y), 0) rotate(3deg); transition: transform .18s ease-out; }
.burn-crop img { width: 100%; height: 109%; object-fit: cover; object-position: center top; }
.product-card:hover .burn-crop { transform: translate3d(var(--pack-x), calc(var(--pack-y) - 7px), 0) rotate(1deg) scale(1.025); }
.product-content { padding: clamp(2rem, 4vw, 3.6rem); display: flex; flex-direction: column; background: linear-gradient(145deg, #15191a, #101314); border: 1px solid #2c3132; border-radius: 26px; box-shadow: 0 24px 65px rgba(0,0,0,.22); }
.product-kicker { margin: 0 0 .15rem; color: var(--accent); font: 800 .9rem/1 "Barlow Condensed", sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.product-card h3 { margin: 0 0 .7rem; color: var(--accent); font-size: clamp(3.6rem, 5vw, 5.5rem); }
.emotional-line { max-width: 700px; margin: 0 0 1rem; color: white; font: 700 clamp(1.35rem, 2.2vw, 2rem)/1.15 "Barlow Condensed", sans-serif; text-transform: uppercase; }
.product-description { max-width: 760px; margin: 0; color: #bac1be; font-size: 1rem; }
.benefit-grid { margin: 1.4rem 0; display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; }
.benefit-grid > div { min-height: 105px; padding: .9rem; background: rgba(255,255,255,.035); border: 1px solid #303536; border-radius: 11px; }
.benefit-grid b, .benefit-grid span { display: block; }
.benefit-grid b { margin-bottom: .25rem; color: var(--accent); font-size: .79rem; text-transform: uppercase; letter-spacing: .04em; }
.benefit-grid span { color: #aeb5b2; font-size: .82rem; line-height: 1.45; }
.formula-tags { margin: 1.1rem 0; display: flex; flex-wrap: wrap; gap: .4rem; }
.formula-tags span { padding: .38rem .58rem; color: #d4d9d6; background: #202425; border: 1px solid #34393a; border-radius: 7px; font-size: .75rem; font-weight: 700; }
.product-facts { margin-bottom: 1.2rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: .45rem; }
.product-facts span { padding: .6rem .45rem; color: #979e9b; background: #0e1112; border: 1px solid #2a2f30; border-radius: 8px; font-size: .75rem; text-align: center; }
.product-facts b { display: block; color: white; font-size: .9rem; }
.ritual { margin: 0 0 1.1rem; padding: .8rem .9rem; color: #abb2af; background: rgba(255,255,255,.025); border-left: 3px solid var(--accent); font-size: .82rem; }
.ritual b { color: white; }
.price-row { margin-top: auto; padding-top: 1.1rem; display: flex; align-items: center; justify-content: space-between; gap: .75rem; border-top: 1px solid #313637; }
.price small, .price strong, .shipping b, .shipping small { display: block; }
.price small { color: #7d8285; font-size: .64rem; text-transform: uppercase; letter-spacing: .08em; }
.price strong { color: white; font: 800 2.25rem/1.15 "Barlow Condensed", sans-serif; }
.shipping { padding: .48rem .6rem; color: #dce3d8; background: rgba(121,207,40,.09); border: 1px solid rgba(121,207,40,.32); border-radius: 8px; text-align: right; }
.shipping b { color: #79cf28; font-size: .78rem; }
.shipping small { font-size: .72rem; }
.product-cta { min-height: 46px; margin-top: .75rem; padding: .65rem .85rem; display: flex; align-items: center; justify-content: space-between; color: white; background: var(--accent); border-radius: 9px; font-weight: 700; }
.product-cta span { font-size: 1.25rem; transition: transform .2s ease; }
.product-cta:hover span { transform: translateX(4px); }
.burn .product-cta { color: #101210; }
.coverage-note { max-width: 1360px; margin: 1.25rem auto 0; color: #8f9692; font-size: .75rem; }

.journal-preview { padding: clamp(4.5rem, 8vw, 8rem) clamp(1.25rem, 6vw, 6rem); background: radial-gradient(circle at 85% 18%, rgba(139,197,63,.1), transparent 28%), #0f1213; border-top: 1px solid #252a2b; }
.journal-heading { max-width: 1360px; margin: 0 auto 2.2rem; display: grid; grid-template-columns: 1.2fr .8fr; gap: clamp(2rem, 7vw, 7rem); align-items: end; }
.journal-heading h2 { max-width: 760px; margin: 0; font-size: clamp(3rem, 5vw, 5.4rem); }
.journal-heading > div:last-child > p { margin: 0; color: var(--muted); }
.journal-grid { max-width: 1360px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.journal-card { min-height: 0; aspect-ratio: 4 / 5; position: relative; overflow: hidden; border: 1px solid #34393a; border-radius: 22px; box-shadow: 0 22px 48px rgba(0,0,0,.28); }
.journal-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease, filter .5s ease; }
.journal-card-shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5,6,6,.05) 24%, rgba(5,6,6,.93) 100%); }
.journal-card-copy { position: absolute; inset: auto 0 0; z-index: 2; padding: 1.5rem; }
.journal-card-copy small { color: var(--accent, var(--fwp-green)); font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.journal-card-copy h3 { margin: .4rem 0 1rem; color: white; font-size: clamp(1.8rem, 2.5vw, 2.8rem); line-height: .98; }
.journal-card-copy > span { color: white; font-size: .82rem; font-weight: 700; }
.journal-card:hover img { filter: saturate(1.08) brightness(1.03); }
.journal-renova { --accent: #e16bb2; }
.journal-liv { --accent: #7acbd0; }
.journal-boost { --accent: #ff704c; }
.journal-burn { --accent: var(--burn); }

.blog-hero { padding: clamp(4rem, 7vw, 7rem) clamp(1.25rem, 6vw, 6rem); display: grid; grid-template-columns: minmax(0,.82fr) minmax(460px,1.18fr); gap: clamp(3rem, 7vw, 7rem); align-items: center; background: radial-gradient(circle at 10% 70%, rgba(105,179,184,.14), transparent 28%), linear-gradient(135deg,#080a0b,#111516); }
.blog-hero-copy h1 { max-width: 690px; margin-bottom: 1.3rem; font-size: clamp(3.8rem, 7vw, 7.4rem); }
.blog-hero-copy > p:not(.eyebrow) { max-width: 650px; color: #bbc2bf; font-size: 1.08rem; }
.topic-row { margin-top: 1.6rem; display: flex; flex-wrap: wrap; gap: .5rem; }
.topic-row span { padding: .45rem .7rem; color: #dce2df; background: #171b1c; border: 1px solid #343a3b; border-radius: 999px; font-size: .75rem; font-weight: 700; }
.blog-feature { min-height: 620px; position: relative; overflow: hidden; background: linear-gradient(135deg,#171116,#0b0e0f); border: 1px solid #383d3e; border-radius: 28px; box-shadow: 0 28px 72px rgba(0,0,0,.4); }
.blog-feature-scene { position: absolute; inset: 0 0 0 auto; width: 66%; height: 100%; object-fit: contain; object-position: right center; transition: filter .5s ease; }
.blog-feature-pack { position: absolute; right: 2%; bottom: 3%; z-index: 3; width: 31%; height: 42%; object-fit: contain; filter: drop-shadow(0 20px 18px rgba(0,0,0,.62)); }
.blog-feature-shade { position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(7,8,9,.98) 0%, rgba(7,8,9,.9) 38%, rgba(7,8,9,.2) 72%, rgba(7,8,9,.38) 100%); }
.blog-feature > div { position: absolute; inset: auto auto 0 0; z-index: 4; width: 62%; padding: clamp(1.5rem,4vw,3rem); }
.blog-feature small { color: #f090cb; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.blog-feature h2 { max-width: 650px; margin: .5rem 0 .8rem; color: white; font-size: clamp(2.4rem,4vw,4.5rem); }
.blog-feature p { max-width: 530px; margin: 0 0 1rem; color: #c5cbc8; }
.blog-feature strong { color: #f090cb; font-size: .86rem; }
.blog-feature:hover .blog-feature-scene { filter: saturate(1.08) brightness(1.03); }
.blog-library { padding: clamp(4.5rem, 8vw, 8rem) clamp(1.25rem, 6vw, 6rem); background: #0c0f10; }
.blog-card-grid { max-width: 1360px; margin: 0 auto; display: grid; grid-template-columns: repeat(3,1fr); gap: 1.4rem; }
.blog-card { display: flex; flex-direction: column; overflow: hidden; background: #141819; border: 1px solid #303536; border-radius: 22px; }
.blog-card-image { min-height: 0; aspect-ratio: 4 / 5; overflow: hidden; background: #0f1213; }
.blog-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.blog-card:hover .blog-card-image img { filter: saturate(1.08) brightness(1.03); }
.blog-card-body { padding: clamp(1.5rem,3vw,2.4rem); display: flex; flex: 1; flex-direction: column; }
.blog-card-body small { color: var(--fwp-green); font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.blog-card h3 { margin: .55rem 0 1rem; color: white; font-size: clamp(2rem,3vw,3.1rem); }
.blog-card p { color: var(--muted); }
.article-link { margin-top: auto; color: white; font-size: .84rem; font-weight: 700; }
.article-link span { color: var(--fwp-green); margin-left: .35rem; }
.editorial-promise { margin: 0 clamp(1rem,4vw,4rem) clamp(4.5rem,8vw,8rem); padding: clamp(3rem,6vw,6rem); display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem,6vw,6rem); align-items: center; background: linear-gradient(135deg,#2a1230,#122019); border: 1px solid #3a403d; border-radius: 28px; }
.editorial-promise h2 { margin: 0; font-size: clamp(3rem,5vw,5.5rem); }
.editorial-promise > div:last-child p { max-width: 660px; color: #c8cecb; }

.article-page { background: #090b0c; }
.article-site-header { position: sticky; }
.article-shell { --article-accent: var(--fwp-green); padding: clamp(4rem,7vw,7rem) clamp(1.25rem,6vw,6rem); background: radial-gradient(circle at 78% 6%, color-mix(in srgb, var(--article-accent) 13%, transparent), transparent 25%), #0b0e0f; }
.article-renova { --article-accent: #e16bb2; }
.article-liv { --article-accent: #7acbd0; }
.article-boost { --article-accent: #ff704c; }
.article-burn { --article-accent: var(--burn); }
.article-heading { max-width: 1050px; margin: 0 auto 3rem; text-align: center; }
.back-to-blog { margin-bottom: 2rem; display: inline-block; color: #aeb5b2; font-size: .78rem; font-weight: 700; }
.article-heading .eyebrow { justify-content: center; color: var(--article-accent); }
.article-heading .eyebrow span { background: var(--article-accent); }
.article-heading h1 { margin-bottom: 1.4rem; font-size: clamp(3.7rem,7vw,7.6rem); }
.article-lead { max-width: 820px; margin: 0 auto 1.5rem; color: #c8cecb; font-size: clamp(1.08rem,1.8vw,1.35rem); }
.article-meta { display: flex; justify-content: center; flex-wrap: wrap; gap: .55rem 1.4rem; color: #858c89; font-size: .74rem; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; }
.article-cover { max-width: 760px; margin: 0 auto 4rem; padding: 1rem; background: #121617; border: 1px solid #303536; border-radius: 26px; box-shadow: 0 24px 60px rgba(0,0,0,.35); }
.article-cover img { width: 100%; height: auto; object-fit: contain; border-radius: 17px; }
.article-cover figcaption { padding: .75rem .25rem 0; color: #858c89; font-size: .72rem; text-align: center; }
.article-layout { max-width: 1050px; margin: 0 auto; display: grid; grid-template-columns: minmax(0,1fr) 230px; gap: clamp(2rem,6vw,5rem); align-items: start; }
.article-copy { max-width: 720px; color: #c1c7c4; }
.article-copy p { margin: 0 0 1.35rem; }
.article-copy h2 { margin: 3rem 0 1rem; color: white; font-size: clamp(2.3rem,4vw,3.8rem); }
.article-intro { color: white; font-size: 1.17rem; font-weight: 600; }
.article-callout { margin: 2.3rem 0; padding: 1.35rem 1.5rem; background: color-mix(in srgb, var(--article-accent) 9%, #111516); border: 1px solid color-mix(in srgb, var(--article-accent) 35%, #303536); border-left: 4px solid var(--article-accent); border-radius: 0 14px 14px 0; }
.article-callout strong { color: var(--article-accent); text-transform: uppercase; letter-spacing: .06em; }
.article-callout p { margin: .25rem 0 0; color: white; }
.article-checklist { margin: 1.4rem 0 2rem; padding: 0; list-style: none; }
.article-checklist li { padding: 1rem 0 1rem 2rem; position: relative; border-bottom: 1px solid #292e2f; }
.article-checklist li::before { content: "✓"; position: absolute; left: 0; top: 1rem; color: var(--article-accent); font-weight: 800; }
.article-checklist strong { color: white; }
.article-sources { margin: 3rem 0 0; padding: 1.3rem 1.5rem; background: #101415; border: 1px solid #303637; border-radius: 14px; }
.article-sources h2 { margin: 0 0 .55rem; color: white; font-size: 1.65rem; }
.article-sources p { margin: 0 0 .8rem; color: #9fa7a3; font-size: .8rem; }
.article-sources ul { margin: 0; padding-left: 1.15rem; }
.article-sources li { margin: .45rem 0; color: var(--article-accent); }
.article-sources a { color: #dce2df; text-decoration: underline; text-decoration-color: color-mix(in srgb, var(--article-accent) 65%, transparent); text-underline-offset: 3px; }
.article-sources a:hover { color: white; }
.product-article-cta { margin-top: 3rem; padding: 1.35rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; background: #15191a; border: 1px solid #323738; border-radius: 15px; }
.product-article-cta small, .product-article-cta strong { display: block; }
.product-article-cta small { color: var(--article-accent); font-size: .7rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.product-article-cta strong { color: white; }
.product-article-cta a { flex: 0 0 auto; padding: .65rem .85rem; color: #101210; background: var(--article-accent); border-radius: 8px; font-size: .78rem; font-weight: 800; }
.share-panel { padding: 1.2rem; position: sticky; top: 100px; display: grid; gap: .55rem; background: #141819; border: 1px solid #303536; border-radius: 15px; }
.share-panel small { color: var(--article-accent); font-size: .68rem; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.share-panel > strong { margin-bottom: .4rem; color: white; line-height: 1.3; }
.share-panel a, .share-panel button { min-height: 42px; padding: .6rem .75rem; display: flex; align-items: center; justify-content: center; cursor: pointer; color: white; background: #202526; border: 1px solid #373d3e; border-radius: 8px; font-size: .78rem; font-weight: 700; }
.share-panel a:hover, .share-panel button:hover { border-color: var(--article-accent); }
.copy-status { min-height: 1rem; color: #99a09d; font-size: .68rem; text-align: center; }
.next-reading { padding: clamp(3.5rem,6vw,6rem) clamp(1.25rem,6vw,6rem); background: #111415; }
.next-reading > * { max-width: 1050px; margin-left: auto; margin-right: auto; }
.next-reading h2 { font-size: clamp(2.8rem,5vw,5rem); }
.next-reading > a { padding: 1.4rem; display: grid; grid-template-columns: 150px 1fr auto; gap: 1rem; align-items: center; border-top: 1px solid #34393a; border-bottom: 1px solid #34393a; }
.next-reading a span { color: var(--fwp-green); font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.next-reading a strong { color: white; }
.next-reading a b { color: var(--fwp-green); font-size: .8rem; }

.partner-page { background: #090b0c; }
.partner-hero { min-height: calc(100vh - 74px); padding: clamp(4rem,7vw,7rem) clamp(1.25rem,6vw,6rem); display: grid; grid-template-columns: minmax(0,.92fr) minmax(500px,1.08fr); gap: clamp(2.5rem,6vw,6rem); align-items: center; background: radial-gradient(circle at 8% 75%, rgba(139,197,63,.15), transparent 27%), radial-gradient(circle at 88% 10%, rgba(192,72,146,.16), transparent 25%), #0a0d0e; }
.partner-hero-copy h1 { max-width: 720px; margin-bottom: 1.2rem; font-size: clamp(3.4rem,5.4vw,6rem); }
.partner-hero-copy > p:not(.eyebrow):not(.partner-note) { max-width: 680px; color: #c2c8c5; font-size: 1.08rem; }
.partner-hero-actions, .distributor-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.partner-hero-actions { margin: 1.7rem 0 1.2rem; }
.partner-note { max-width: 650px; margin: 1.35rem 0 0; padding-left: .9rem; color: #8f9793; border-left: 2px solid var(--fwp-green); font-size: .75rem; }
.advisor-showcase { width: 100%; margin: 0; }
.advisor-visual { aspect-ratio: 3 / 2; position: relative; overflow: hidden; background: #121516; border: 1px solid #33393a; border-radius: 24px; box-shadow: 0 24px 55px rgba(0,0,0,.4); }
.advisor-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.advisor-shade { position: absolute; inset: 0; background: linear-gradient(180deg,rgba(5,7,7,.02) 52%,rgba(5,7,7,.3) 100%); }
.advisor-specialties { position: absolute; top: 1rem; left: 1rem; z-index: 2; max-width: calc(100% - 2rem); padding: .75rem .9rem; color: white; background: rgba(8,11,10,.72); border: 1px solid rgba(255,255,255,.2); border-radius: 12px; backdrop-filter: blur(10px); }
.advisor-specialties strong, .advisor-specialties span { display: block; }
.advisor-specialties strong { font: 800 1.25rem/1.05 "Barlow Condensed",sans-serif; }
.advisor-specialties span { margin-top: .25rem; color: #cdd4d0; font-size: .72rem; }
.advisor-hero-actions { position: absolute; right: 1rem; bottom: 1rem; left: 1rem; z-index: 4; margin: 0; justify-content: center; }
.advisor-hero-actions .btn { min-height: 48px; box-shadow: 0 12px 28px rgba(0,0,0,.34); }
.advisor-hero-actions .btn-outline { background: rgba(8,11,10,.78); border-color: rgba(255,255,255,.52); backdrop-filter: blur(10px); }
.advisor-products { position: absolute; right: 1rem; bottom: 1rem; left: 1rem; z-index: 3; min-height: 84px; padding: .45rem .65rem; display: grid; grid-template-columns: repeat(4,1fr); gap: .4rem; background: rgba(7,9,9,.82); border: 1px solid rgba(255,255,255,.2); border-radius: 14px; backdrop-filter: blur(12px); }
.advisor-product { min-width: 0; display: flex; align-items: center; justify-content: center; gap: .4rem; color: white; border-right: 1px solid rgba(255,255,255,.13); }
.advisor-product:last-child { border-right: 0; }
.advisor-product img { width: 42px; height: 66px; object-fit: contain; filter: drop-shadow(0 7px 8px rgba(0,0,0,.5)); }
.advisor-product b { font: 800 .82rem/1 "Barlow Condensed",sans-serif; text-transform: uppercase; }
.advisor-renova b { color: #f39bd0; }
.advisor-liv b { color: #8dd9dd; }
.advisor-boost b { color: #ff8b6c; }
.advisor-burn b { color: var(--burn); }
.advisor-burn img { border-radius: 4px; }
.advisor-showcase figcaption { margin-top: .55rem; color: #858d89; font-size: .68rem; text-align: right; }

.partner-proof { padding: clamp(4rem,7vw,6.5rem) clamp(1.25rem,6vw,6rem); background: #0a0d0e; border-top: 1px solid #2c3233; border-bottom: 1px solid #2c3233; }
.partner-proof-heading { max-width: 1360px; margin: 0 auto 2rem; display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,.65fr); column-gap: 3rem; align-items: end; }
.partner-proof-heading .eyebrow { grid-column: 1 / -1; }
.partner-proof-heading h2 { max-width: 780px; margin: 0; color: white; font-size: clamp(3rem,5vw,5.4rem); }
.partner-proof-heading > p:last-child { margin: 0; color: var(--muted); }
.partner-proof-grid { max-width: 1360px; margin: 0 auto; display: grid; grid-template-columns: repeat(4,1fr); gap: .85rem; }
.partner-stat { min-height: 255px; padding: 1.5rem; display: flex; flex-direction: column; justify-content: center; background: #111516; border: 1px solid #303637; border-radius: 18px; }
.partner-stat strong { color: var(--fwp-green); font: 800 clamp(2.6rem,4vw,4.5rem)/.9 "Barlow Condensed",sans-serif; letter-spacing: -.02em; }
.partner-stat span { margin-top: .8rem; color: white; font-weight: 800; }
.partner-stat small { max-width: 330px; margin-top: .35rem; color: var(--muted); font-size: .78rem; }

.partner-model, .partner-value, .partner-portfolio, .share-resources { padding: clamp(4.5rem,8vw,8rem) clamp(1.25rem,6vw,6rem); }
.partner-model { background: radial-gradient(circle at 12% 15%,rgba(139,197,63,.13),transparent 25%),#0d1011; }
.partner-model-grid { max-width: 1360px; margin: 0 auto; display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }
.partner-model-card { min-height: 390px; padding: clamp(1.5rem,3vw,2.4rem); display: flex; flex-direction: column; background: linear-gradient(145deg,#15191a,#101314); border: 1px solid #343a3b; border-radius: 22px; box-shadow: 0 18px 42px rgba(0,0,0,.2); }
.partner-model-card.is-featured { background: linear-gradient(145deg,rgba(139,197,63,.19),#121615 62%); border-color: rgba(139,197,63,.6); }
.model-number { width: 48px; height: 48px; display: grid; place-items: center; color: #0b0d0c; background: var(--fwp-green); border-radius: 50%; font-weight: 800; }
.partner-model-card small { margin-top: 1.5rem; color: var(--fwp-green); font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.partner-model-card h3 { margin: .25rem 0 .8rem; color: white; font-size: clamp(2.8rem,4vw,4.6rem); }
.partner-model-card p { margin: 0 0 1.5rem; color: #b9c1bd; }
.partner-model-card > strong { margin-top: auto; padding-top: 1.1rem; color: white; border-top: 1px solid #353b3c; font-size: .86rem; }
.partner-model-cta { max-width: 1360px; margin: 1rem auto 0; padding: 1.4rem; display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; background: #eef8df; border-radius: 16px; }
.partner-model-cta strong, .partner-model-cta span { display: block; }
.partner-model-cta strong { color: #111512; font-size: 1.05rem; }
.partner-model-cta span { margin-top: .2rem; color: #4d554f; font-size: .84rem; }
.partner-model-cta .btn { flex: 0 0 auto; }
.partner-terms { max-width: 1360px; margin: 1rem auto 0; color: #89918d; font-size: .74rem; }

.partner-value { background: #101415; }
.partner-value-grid { max-width: 1360px; margin: 0 auto; display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }
.partner-value-grid article { min-height: 245px; padding: 1.5rem; background: #15191a; border: 1px solid #303637; border-radius: 18px; }
.partner-value-grid b { display: inline-grid; width: 38px; height: 38px; place-items: center; color: #111; background: var(--fwp-green); border-radius: 50%; font-size: .75rem; }
.partner-value-grid h3 { margin: 1.4rem 0 .6rem; color: white; font-size: 1.7rem; }
.partner-value-grid p { margin: 0; color: var(--muted); font-size: .88rem; }

.conversation-guide { padding: clamp(4.5rem,8vw,8rem) clamp(1.25rem,8vw,8rem); display: grid; grid-template-columns: .78fr 1.22fr; gap: clamp(3rem,8vw,8rem); background: linear-gradient(135deg,#0b0e0f,#141918); }
.conversation-heading h2 { max-width: 620px; margin: 0; font-size: clamp(3rem,5vw,5.4rem); }
.conversation-steps { margin: 0; padding: 0; list-style: none; counter-reset: none; }
.conversation-steps li { padding: 1.35rem 0; display: grid; grid-template-columns: 58px 1fr; gap: 1.1rem; border-bottom: 1px solid #303637; }
.conversation-steps li > span { width: 48px; height: 48px; display: grid; place-items: center; color: #101210; background: #eef8df; border-radius: 50%; font-weight: 800; }
.conversation-steps h3 { margin: 0 0 .25rem; color: white; font-size: 1.55rem; }
.conversation-steps p { margin: 0; color: var(--muted); }

.partner-portfolio { background: #0c0f10; }
.partner-portfolio-grid { max-width: 1360px; margin: 0 auto; display: grid; grid-template-columns: repeat(2,1fr); gap: 1rem; }
.partner-guide { padding: clamp(1.5rem,3vw,2.4rem); background: #141819; border: 1px solid #303536; border-top: 4px solid var(--accent); border-radius: 18px; }
.partner-guide small { color: var(--accent); font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.partner-guide h3 { margin: .35rem 0 .65rem; color: var(--accent); font-size: 3.2rem; }
.partner-guide p { color: #bdc4c0; }
.partner-guide ul { margin: 1.1rem 0 1.4rem; padding-left: 1.2rem; color: #9fa6a3; }
.partner-guide li { margin-bottom: .45rem; }
.partner-guide > strong { color: white; }

.share-resources { background: radial-gradient(circle at 90% 20%,rgba(105,179,184,.12),transparent 28%),#111415; }
.share-resource-grid { max-width: 1360px; margin: 0 auto; display: grid; grid-template-columns: repeat(2,1fr); gap: 1rem; }
.share-resource-grid a { min-height: 210px; padding: 1.5rem; display: flex; flex-direction: column; background: #171b1c; border: 1px solid #343a3b; border-radius: 17px; transition: transform .2s ease,border-color .2s ease; }
.share-resource-grid a:hover { transform: translateY(-3px); border-color: var(--fwp-green); }
.share-resource-grid small { color: var(--fwp-green); font-size: .7rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.share-resource-grid strong { max-width: 540px; margin: .7rem 0 1.4rem; color: white; font: 700 2rem/1.05 "Barlow Condensed",sans-serif; }
.share-resource-grid span { margin-top: auto; color: #b9c0bc; font-size: .82rem; font-weight: 700; }

.partner-final-cta { margin: clamp(3.5rem,7vw,7rem) clamp(1rem,4vw,4rem); padding: clamp(3rem,6vw,6rem); display: grid; grid-template-columns: 1fr auto; gap: 2rem; align-items: center; background: linear-gradient(135deg,#233516,#38203a); border: 1px solid #4a514b; border-radius: 28px; }
.partner-final-cta h2 { margin: 0; font-size: clamp(3rem,5vw,5.5rem); }
.partner-final-cta p:not(.eyebrow) { max-width: 760px; color: #d0d6d2; }

.text-link { margin-top: 1rem; display: inline-flex; align-items: center; gap: .65rem; color: #4f8f1f; font-weight: 700; }
.text-link span { transition: transform .2s ease; }
.text-link:hover span { transform: translateX(5px); }

.distributor { margin: 0 clamp(1rem, 4vw, 4rem); padding: clamp(3rem, 6vw, 6rem); display: grid; grid-template-columns: .65fr 1.35fr; gap: clamp(2rem, 6vw, 6rem); align-items: center; overflow: hidden; position: relative; color: white; background: linear-gradient(135deg, #1f2322, #292f2b); border-radius: 28px; }
.distributor::after { content: ""; position: absolute; right: -100px; bottom: -170px; width: 460px; height: 460px; border-radius: 50%; background: rgba(139,197,63,.13); }
.distributor-logo { min-height: 320px; padding: 1.5rem; display: grid; place-items: center; position: relative; z-index: 2; background: white; border-radius: 22px; }
.distributor-logo img { width: min(100%, 320px); }
.distributor-copy { position: relative; z-index: 2; }
.distributor-copy > p:not(.eyebrow) { max-width: 760px; color: #cbd1ce; }
.distributor-points { margin: 1.5rem 0 2rem; display: flex; flex-wrap: wrap; gap: .65rem; }
.distributor-points span { padding: .5rem .7rem; color: #e3e8e5; border: 1px solid #525a55; border-radius: 8px; font-size: .75rem; }
.distributor-actions .btn-outline { color: white; }
.distributor-terms { display: block; max-width: 720px; margin-top: 1rem; color: #939b97; font-size: .7rem; }
.btn-white { color: #202321; background: white; }

.faq { margin-top: clamp(4.5rem, 8vw, 8rem); background: #0b0d0e; }
.faq-heading { margin-bottom: 1.4rem; }
.faq-list { max-width: 940px; margin: 0 auto; border-top: 1px solid #303536; }
details { border-bottom: 1px solid #303536; }
summary { padding: 1.35rem .2rem; display: flex; justify-content: space-between; align-items: center; gap: 1rem; cursor: pointer; list-style: none; font-weight: 700; }
summary::-webkit-details-marker { display: none; }
summary span { color: #5a9e22; font-size: 1.5rem; font-weight: 400; transition: transform .2s ease; }
details[open] summary span { transform: rotate(45deg); }
details p { max-width: 790px; margin: -.25rem 0 1.35rem; color: var(--muted); }

footer { padding: 3rem clamp(1.25rem, 6vw, 6rem) 2rem; display: grid; grid-template-columns: 1fr auto; gap: 2rem; align-items: center; color: #c8cecb; background: #1d211f; }
.footer-brand { display: flex; align-items: center; gap: .85rem; }
.footer-brand img { width: 58px; height: 58px; padding: .2rem; object-fit: contain; background: white; border-radius: 10px; }
.footer-brand strong { color: white; font-family: "Barlow Condensed", sans-serif; font-size: 1.25rem; text-transform: uppercase; }
.footer-brand p, .footer-contact p { margin: .1rem 0 0; font-size: .75rem; }
.footer-contact { text-align: right; }
.footer-contact a { color: white; font: 800 1.35rem/1.2 "Barlow Condensed", sans-serif; }
.footer-contact .footer-management { display: block; width: fit-content; min-height: 44px; margin: .65rem 0 0 auto; padding: .6rem 0; color: #d7e1da; font: 600 .875rem/1.4 "DM Sans", sans-serif; text-decoration: underline; text-underline-offset: .2em; }
.footer-contact .footer-management:hover, .footer-contact .footer-management:focus-visible { color: var(--fwp-green); }
.legal { grid-column: 1 / -1; margin: 0; padding-top: 1.4rem; color: #909793; border-top: 1px solid #373d39; font-size: .75rem; }
.whatsapp-float { position: fixed; right: 1.2rem; bottom: 1.2rem; z-index: 40; min-height: 54px; padding: .7rem 1rem; display: flex; align-items: center; gap: .6rem; color: white; background: #20aa59; border: 3px solid white; border-radius: 999px; box-shadow: 0 14px 34px rgba(0,0,0,.22); font-weight: 700; }
.whatsapp-float svg { width: 24px; fill: white; }
.reveal-ready { opacity: 0; transform: translateY(24px); }
.reveal-ready.reveal-visible { opacity: 1; transform: translateY(0); transition: opacity .6s ease, transform .6s ease; }

@media (max-width: 1120px) {
  .main-nav { display: none; }
  .hero { grid-template-columns: 1fr; }
  .hero-copy { max-width: 830px; }
  .hero-products { max-width: 820px; width: 100%; }
  .product-video-grid { grid-template-columns: repeat(2,1fr); }
  .journal-grid { grid-template-columns: repeat(2, 1fr); }
  .blog-hero { grid-template-columns: 1fr; }
  .blog-feature { max-width: 820px; width: 100%; }
  .blog-card-grid { grid-template-columns: repeat(2,1fr); }
  .product-card { grid-template-columns: 1fr; }
  .product-card:nth-child(even) .product-media { order: 0; }
  .product-media { width: min(100%,720px); min-height: 0; aspect-ratio: 4 / 5; position: relative; top: auto; justify-self: center; }
  .product-content { min-height: 0; }
  .partner-hero { grid-template-columns: 1fr; }
  .advisor-showcase { max-width: 820px; }
  .partner-proof-grid { grid-template-columns: repeat(2,1fr); }
  .partner-value-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 820px) {
  .assurance { grid-template-columns: 1fr; }
  .assurance > div { border-right: 0; border-bottom: 1px solid var(--line); }
  .assurance > div:last-child { border-bottom: 0; }
  .product-grid { grid-template-columns: 1fr; }
  .product-card { grid-template-columns: 1fr; }
  .product-media { min-height: 0; }
  .product-content { min-height: 0; }
  .distributor, .conversation-guide { grid-template-columns: 1fr; }
  .journal-heading, .editorial-promise { grid-template-columns: 1fr; }
  .journal-grid { grid-template-columns: repeat(2,1fr); }
  .journal-card { min-height: 0; }
  .blog-card-grid { grid-template-columns: 1fr; }
  .blog-card-image { min-height: 0; }
  .article-layout { grid-template-columns: 1fr; }
  .article-copy { max-width: none; }
  .share-panel { position: static; grid-template-columns: repeat(3,1fr); }
  .share-panel small, .share-panel > strong, .copy-status { grid-column: 1 / -1; }
  .distributor-logo { min-height: 260px; }
  .partner-proof-heading, .partner-model-grid, .partner-portfolio-grid, .share-resource-grid { grid-template-columns: 1fr; }
  .partner-proof-heading > p:last-child { margin-top: 1rem; }
  .partner-model-cta { align-items: stretch; flex-direction: column; }
  .partner-model-cta .btn { width: 100%; }
  .partner-final-cta { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  .promo-strip { min-height: 142px; padding: .9rem 1rem; display: grid; grid-template-columns: auto 1fr; justify-content: stretch; gap: .75rem 1rem; }
  .promo-badge { font-size: .78rem; }
  .promo-copy { grid-template-columns: 1fr; gap: .16rem; }
  .promo-copy small { margin-bottom: .08rem; font-size: .56rem; }
  .promo-copy strong { font-size: clamp(2.15rem, 12vw, 3.15rem); }
  .promo-copy > span { font-size: .7rem; }
  .promo-strip a { grid-column: 1 / -1; width: 100%; min-height: 43px; justify-content: center; }
  .site-header { height: 68px; padding-inline: .9rem; }
  .brand img { width: 43px; height: 43px; }
  .brand strong { font-size: 1rem; }
  .brand small { font-size: .7rem; }
  .header-cta { padding: .52rem .72rem; font-size: .76rem; }
  .hero { min-height: auto; padding: 4rem 1rem 3rem; }
  .hero h1 { font-size: clamp(3.6rem, 17vw, 5.4rem); }
  .hero-pain-map { grid-template-columns: 1fr; }
  .hero-actions .btn { width: 100%; }
  .opening-offer { width: 100%; }
  .hero-products { max-width: none; display: flex; gap: .65rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; }
  .hero-product { flex: 0 0 82vw; min-height: 0; aspect-ratio: 4 / 3; border-radius: 15px; scroll-snap-align: center; }
  .hero-product-name { top: .7rem; left: .7rem; font-size: .85rem; }
  .hero-product-claim { top: 2.1rem; left: .7rem; max-width: 61%; padding-left: .48rem; font-size: .95rem; }
  .hero-pack { bottom: 34%; width: 31%; height: 47%; }
  .hero-product-price { bottom: 24%; width: 32%; min-height: 24px; padding: .25rem .35rem; font-size: .76rem; }
  .hero-tile-actions { right: .6rem; bottom: .6rem; left: .6rem; gap: .4rem; }
  .hero-tile-actions a, .hero-tile-actions button { min-height: 40px; font-size: .76rem; }
  .product-videos { padding-inline: 1rem; }.product-video-grid { grid-template-columns: 1fr; }.product-video-card { aspect-ratio: 16/10; }.video-play { width: 54px; height: 54px; }.video-card-copy strong { font-size: 2.75rem; }.video-modal { grid-template-columns: 1fr; }.video-frame { min-height: 240px; }.video-modal-copy { padding: .35rem .5rem; }.video-modal-copy p { margin-bottom: .35rem; }
  .journal-preview, .blog-library { padding-inline: 1rem; }
  .journal-grid { grid-template-columns: 1fr; }
  .journal-card { min-height: 0; aspect-ratio: 4 / 5; }
  .journal-card-copy { padding: 1.15rem; }
  .blog-hero { padding: 3.5rem 1rem; }
  .blog-hero-copy h1 { font-size: clamp(3.4rem,15vw,5.4rem); }
  .blog-feature { min-height: 540px; border-radius: 19px; }
  .blog-feature-scene { width: 100%; height: 62%; object-fit: contain; object-position: center top; }
  .blog-feature-pack { right: 1%; bottom: 38%; width: 38%; height: 28%; }
  .blog-feature-shade { background: linear-gradient(180deg,rgba(7,8,9,.05) 0%,rgba(7,8,9,.25) 42%,rgba(7,8,9,.97) 73%); }
  .blog-feature > div { width: 100%; }
  .blog-card-image { min-height: 0; aspect-ratio: 4 / 5; }
  .editorial-promise { margin-inline: .7rem; padding: 2.8rem 1.2rem; }
  .article-shell { padding: 3.5rem 1rem; }
  .article-heading h1 { font-size: clamp(3.35rem,15vw,5.4rem); }
  .article-cover { margin-bottom: 2.8rem; padding: .55rem; border-radius: 18px; }
  .article-cover img { border-radius: 13px; }
  .article-layout { gap: 2.5rem; }
  .product-article-cta { align-items: stretch; flex-direction: column; }
  .product-article-cta a { text-align: center; }
  .share-panel { grid-template-columns: 1fr; }
  .next-reading > a { grid-template-columns: 1fr auto; }
  .next-reading a span { grid-column: 1 / -1; }
  .section-heading { display: block; }
  .section-heading > p { margin-top: 1rem; }
  .filter-bar { flex-wrap: nowrap; overflow-x: auto; padding-bottom: .45rem; scrollbar-width: thin; }
  .filter-btn { flex: 0 0 auto; }
  .product-card { grid-template-columns: 1fr; }
  .product-media { width: 100%; min-height: 0; aspect-ratio: 4 / 5; }
  .experience-label { top: 1rem; right: 1rem; max-width: 155px; font-size: .61rem; }
  .floating-pack { width: 52%; height: 46%; bottom: 11%; }
  .burn-crop { width: 51%; }
  .product-content { min-height: 0; }
  .product-facts { gap: .3rem; }
  .price-row { align-items: stretch; }
  .shipping { display: flex; flex-direction: column; justify-content: center; }
  .distributor { margin-inline: .7rem; padding: 2.8rem 1.2rem; border-radius: 22px; }
  .distributor-logo { min-height: 220px; }
  .distributor-actions, .partner-hero-actions { flex-direction: column; }
  .distributor-actions .btn, .partner-hero-actions .btn { width: 100%; }
  .partner-hero { padding: 3.5rem 1rem; }
  .partner-hero-copy h1 { font-size: clamp(3rem,12vw,4.4rem); }
  .advisor-visual { aspect-ratio: 4 / 5; }
  .advisor-photo { object-position: 47% center; }
  .advisor-specialties { top: .7rem; right: .7rem; left: .7rem; }
  .advisor-specialties strong { font-size: 1.08rem; }
  .advisor-hero-actions { right: .7rem; bottom: .7rem; left: .7rem; }
  .advisor-products { right: .6rem; bottom: .6rem; left: .6rem; min-height: 78px; padding: .4rem; gap: .15rem; }
  .advisor-product { gap: .15rem; flex-direction: column; }
  .advisor-product img { width: 36px; height: 49px; }
  .advisor-product b { font-size: .68rem; }
  .advisor-showcase figcaption { font-size: .65rem; text-align: left; }
  .partner-proof-grid { grid-template-columns: 1fr; }
  .partner-stat { min-height: 210px; }
  .partner-value-grid { grid-template-columns: 1fr; }
  .partner-value-grid article { min-height: 0; }
  .partner-model, .partner-value, .partner-portfolio, .share-resources { padding-inline: 1rem; }
  .partner-value-grid { grid-template-columns: 1fr; }
  .partner-model-card { min-height: 330px; }
  .partner-final-cta { margin-inline: .7rem; padding: 2.8rem 1.2rem; border-radius: 22px; }
  footer { grid-template-columns: 1fr; }
  .footer-contact { text-align: left; }
  .footer-contact .footer-management { margin-left: 0; }
  .whatsapp-float { width: 58px; height: 58px; padding: 0; justify-content: center; }
  .whatsapp-float span { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal-ready { opacity: 1; transform: none; }
}

/* Guided shopping experience */
button { color: inherit; }
.hero-tile-actions a, .hero-tile-actions button { min-height: 39px; padding: .55rem .65rem; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 9px; font-size: .72rem; font-weight: 800; line-height: 1; text-align: center; box-shadow: 0 8px 20px rgba(0,0,0,.32); backdrop-filter: blur(12px); transition: transform .2s ease, filter .2s ease, border-color .2s ease; }
.hero-tile-actions a:hover, .hero-tile-actions button:hover { transform: translateY(-2px); filter: brightness(1.08); }
.header-cart { min-height: 42px; padding: .55rem .8rem; display: inline-flex; align-items: center; gap: .5rem; cursor: pointer; color: #e9eeeb; background: #15191a; border: 1px solid #363c3d; border-radius: 999px; font-weight: 700; }
.header-cart span { min-width: 22px; height: 22px; padding: 0 .35rem; display: grid; place-items: center; color: #111; background: var(--fwp-green); border-radius: 999px; font-size: .7rem; }
.product-card-actions { margin-top: .75rem; display: grid; grid-template-columns: .85fr 1.15fr; gap: .55rem; }
.product-card-actions .product-cta { width: 100%; margin: 0; cursor: pointer; border: 0; }
.product-detail-cta { min-height: 46px; padding: .65rem .8rem; display: grid; place-items: center; color: #ecf0ee; border: 1px solid #3d4445; border-radius: 9px; font-weight: 700; }

.product-finder { padding: clamp(4.5rem,8vw,8rem) clamp(1.25rem,6vw,6rem); display: grid; grid-template-columns: minmax(280px,.65fr) minmax(500px,1.35fr); gap: clamp(2rem,6vw,6rem); background: radial-gradient(circle at 10% 30%,rgba(192,72,146,.16),transparent 30%),#101314; }
.finder-intro h2 { max-width: 620px; margin-bottom: 1.2rem; font-size: clamp(3rem,5vw,5.2rem); }
.finder-intro > p:last-child { max-width: 560px; color: #abb2af; }
.finder-panel { min-height: 420px; padding: clamp(1.5rem,3vw,2.8rem); background: linear-gradient(145deg,#1a1e1f,#111415); border: 1px solid #353b3c; border-radius: 24px; box-shadow: 0 28px 70px rgba(0,0,0,.25); }
.quiz-progress { height: 5px; margin-bottom: 2.3rem; overflow: hidden; background: #282d2e; border-radius: 99px; }
.quiz-progress span { width: 33.34%; height: 100%; display: block; background: linear-gradient(90deg,var(--renova),var(--liv),var(--fwp-green)); transition: width .3s ease; }
.quiz-step > small, .quiz-result small { color: var(--fwp-green); font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.quiz-step h3, .quiz-result h3 { margin: .65rem 0 1.3rem; font-size: clamp(2.1rem,3.5vw,3.5rem); }
.quiz-options { display: grid; grid-template-columns: repeat(2,1fr); gap: .7rem; }
.quiz-options button { min-height: 82px; padding: 1rem; cursor: pointer; color: white; background: #101314; border: 1px solid #3a4041; border-radius: 13px; font-weight: 700; text-align: left; transition: border-color .2s ease, transform .2s ease, background .2s ease; }
.quiz-options button:hover { transform: translateY(-2px); background: #1b201e; border-color: var(--fwp-green); }
.quiz-result { display: grid; grid-template-columns: 180px 1fr; gap: 1.5rem; align-items: center; }
.quiz-result > img { width: 100%; height: 230px; object-fit: contain; filter: drop-shadow(0 18px 18px rgba(0,0,0,.5)); }
.quiz-result p { color: #b5bcb8; }
.quiz-result > div > div { display: flex; flex-wrap: wrap; gap: .55rem; }
.quiz-result a, .quiz-result [data-add-to-cart] { padding: .7rem .85rem; cursor: pointer; color: white; background: #171b1c; border: 1px solid #3a4141; border-radius: 8px; font-size: .8rem; font-weight: 700; }
.quiz-result [data-add-to-cart] { color: #111; background: var(--fwp-green); border-color: var(--fwp-green); }
.quiz-reset { margin-top: 1rem; padding: 0; cursor: pointer; color: #9da5a1; background: transparent; border: 0; text-decoration: underline; }

.kits { padding: clamp(4.5rem,8vw,8rem) clamp(1.25rem,6vw,6rem); background: radial-gradient(circle at 90% 25%,rgba(121,207,40,.12),transparent 30%),#0f1213; }
.kit-grid { max-width: 1360px; margin: 0 auto; display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }
.kit-card { min-height: 530px; padding: 1.35rem; display: flex; flex-direction: column; overflow: hidden; position: relative; background: #171b1c; border: 1px solid #343a3b; border-radius: 20px; }
.kit-card::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 50% 22%,rgba(255,255,255,.08),transparent 35%); }
.kit-packs { height: 240px; display: flex; align-items: end; justify-content: center; gap: clamp(.1rem,1vw,.8rem); position: relative; }
.kit-packs img { width: min(42%,145px); height: 220px; object-fit: contain; filter: drop-shadow(0 20px 15px rgba(0,0,0,.54)); }
.kit-all .kit-packs { gap: 0; }
.kit-all .kit-packs img { width: 25%; height: 190px; }
.kit-card > small { color: var(--fwp-green); font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.kit-card h3 { margin: .45rem 0 .7rem; font-size: 2.4rem; }
.kit-card p { margin: 0 0 1rem; color: #aeb5b2; }
.kit-card > strong { margin-top: auto; color: white; font: 800 2.2rem/1 "Barlow Condensed",sans-serif; }
.kit-card > button { min-height: 46px; margin-top: 1rem; cursor: pointer; color: #111; background: var(--fwp-green); border: 0; border-radius: 9px; font-weight: 800; }
.kit-care { border-top: 4px solid var(--renova); }.kit-drive { border-top: 4px solid var(--boost); }.kit-all { border-top: 4px solid var(--fwp-green); }

.checkout-confidence { padding: clamp(4.5rem,7vw,7rem) clamp(1.25rem,6vw,6rem); display: grid; grid-template-columns: 1fr 1.05fr .7fr; gap: clamp(1.5rem,4vw,4rem); align-items: center; background: #171b19; border-top: 1px solid #343a36; border-bottom: 1px solid #343a36; }
.checkout-confidence h2 { margin-bottom: 1rem; font-size: clamp(3rem,4.8vw,5rem); }
.checkout-confidence > div > p:last-child, .checkout-confidence aside p { color: #aeb5b1; }
.checkout-confidence ol { margin: 0; padding: 0; list-style: none; }
.checkout-confidence li { padding: 1rem 0; display: flex; gap: 1rem; border-bottom: 1px solid #343a37; }
.checkout-confidence li b { color: var(--fwp-green); font: 800 1.2rem/1 "Barlow Condensed",sans-serif; }
.checkout-confidence li span, .checkout-confidence li strong, .checkout-confidence li small { display: block; }
.checkout-confidence li small { color: #8f9793; }
.checkout-confidence aside { padding: 1.25rem; background: #0f1211; border: 1px solid #3b433e; border-radius: 15px; }
.checkout-confidence aside strong { color: var(--fwp-green); }

/* Cart and assisted checkout */
.cart-backdrop { position: fixed; inset: 0; z-index: 89; background: rgba(0,0,0,.68); backdrop-filter: blur(3px); }
.cart-drawer { width: min(470px,100%); height: 100dvh; padding: 1.25rem; display: flex; flex-direction: column; position: fixed; top: 0; right: 0; z-index: 90; overflow-y: auto; color: #f5f6f4; background: #111415; border-left: 1px solid #353b3c; box-shadow: -22px 0 60px rgba(0,0,0,.4); transform: translateX(102%); visibility: hidden; transition: transform .28s ease,visibility .28s; }
.cart-drawer[aria-hidden="false"] { transform: translateX(0); visibility: visible; }
body.cart-open, body.video-open { overflow: hidden; }
.cart-head { padding-bottom: 1rem; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #34393a; }
.cart-head small { color: var(--fwp-green); font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.cart-head h2 { margin: .2rem 0 0; font-size: 3.3rem; }
.cart-head button { width: 42px; height: 42px; cursor: pointer; color: white; background: #202526; border: 1px solid #3b4142; border-radius: 50%; font-size: 1.7rem; }
.cart-steps { margin: 1rem 0 .4rem; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: .55rem; list-style: none; }
.cart-steps li { padding: .6rem .7rem; display: flex; align-items: center; gap: .55rem; color: #7f8883; background: #0d1011; border: 1px solid #2e3435; border-radius: 9px; font-size: .72rem; text-transform: uppercase; letter-spacing: .06em; }
.cart-steps li span { width: 25px; height: 25px; display: grid; place-items: center; color: #9ca49f; background: #212627; border-radius: 50%; font-size: .66rem; font-weight: 800; }
.cart-steps li.is-active { color: white; border-color: rgba(139,197,63,.55); }.cart-steps li.is-active span { color: #111; background: var(--fwp-green); }.cart-steps li.is-complete { color: #aeb6b1; }.cart-steps li.is-complete span { color: #111; background: #b6c3b0; }
.cart-stage { min-height: 0; flex: 1; display: flex; flex-direction: column; }
.cart-stage[hidden] { display: none; }
.cart-items { padding: .8rem 0; }
.cart-item { padding: .8rem 0; display: grid; grid-template-columns: 64px 1fr auto; gap: .8rem; align-items: center; border-bottom: 1px solid #2c3233; }
.cart-item img { width: 64px; height: 86px; object-fit: contain; }
.cart-item a, .cart-item small { display: block; }.cart-item a { font-weight: 800; }.cart-item small { color: #8f9793; font-size: .73rem; }.cart-item > strong { font-size: .85rem; }
.cart-quantity { margin-top: .45rem; display: flex; align-items: center; gap: .45rem; }
.cart-quantity button { min-width: 27px; height: 27px; cursor: pointer; color: white; background: #222728; border: 1px solid #3d4445; border-radius: 6px; }
.cart-quantity .cart-remove { width: auto; margin-left: .25rem; color: #aeb5b2; background: transparent; border: 0; font-size: .68rem; text-decoration: underline; }
.cart-empty { padding: 4rem 1rem; color: #aeb5b2; text-align: center; }.cart-empty span { color: white; font: 800 1.8rem/1.1 "Barlow Condensed",sans-serif; text-transform: uppercase; }.cart-empty a { margin-top: 1rem; padding: .7rem 1rem; display: inline-block; color: #111; background: var(--fwp-green); border-radius: 8px; font-weight: 800; }
.cart-summary { margin-top: auto; padding: 1rem 0; border-top: 1px solid #34393a; }.cart-summary > div { display: flex; justify-content: space-between; align-items: center; }.cart-summary strong { font: 800 2rem/1 "Barlow Condensed",sans-serif; }.cart-summary small { display: block; margin-top: .55rem; color: #929a96; }
.cart-next { min-height: 51px; padding: .75rem 1rem; display: flex; align-items: center; justify-content: space-between; cursor: pointer; color: #101210; background: var(--fwp-green); border: 0; border-radius: 9px; font-weight: 800; }.cart-next span { font-size: 1.2rem; }
.cart-checkout { padding-top: .7rem; display: grid; gap: .72rem; }.cart-checkout h3 { margin: .15rem 0 0; font-size: 2.25rem; }.cart-checkout label { display: grid; gap: .25rem; color: #c8cecb; font-size: .74rem; font-weight: 700; }.cart-checkout input, .cart-checkout select { width: 100%; min-height: 44px; padding: .65rem .75rem; color: white; background: #0a0c0d; border: 1px solid #3a4041; border-radius: 8px; }.cart-checkout select option { color: #111; background: #fff; }.cart-checkout .cart-consent { grid-template-columns: auto 1fr; align-items: start; }.cart-consent input { width: 18px; min-height: 18px; }.cart-submit { min-height: 49px; cursor: pointer; color: #111; background: var(--fwp-green); border: 0; border-radius: 9px; font-weight: 800; }.cart-checkout > small { color: #848c88; }
.cart-delivery-intro { padding-bottom: .4rem; border-bottom: 1px solid #303637; }.cart-delivery-intro small { color: var(--fwp-green); font-size: .65rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.cart-delivery-intro p { margin: .35rem 0 .15rem; color: #969f9a; font-size: .76rem; }
.cart-form-actions { display: grid; grid-template-columns: .75fr 1.25fr; gap: .55rem; }.cart-back { min-height: 49px; cursor: pointer; color: #d7ddda; background: #1a1e1f; border: 1px solid #3a4142; border-radius: 9px; font-size: .75rem; font-weight: 800; }
.cart-consent a { color: var(--fwp-green); font-weight: 800; text-decoration: underline; text-underline-offset: 2px; }
.cart-honeypot { width: 1px; height: 1px; position: absolute; left: -10000px; overflow: hidden; }
.legal a { color: inherit; font-weight: 800; text-decoration: underline; text-underline-offset: 2px; }
.site-toast { max-width: min(380px,calc(100vw - 2rem)); padding: .8rem 1rem; position: fixed; left: 50%; bottom: 1rem; z-index: 100; color: #111; background: white; border-radius: 999px; box-shadow: 0 18px 48px rgba(0,0,0,.35); font-weight: 800; opacity: 0; transform: translate(-50%,30px); pointer-events: none; transition: opacity .2s ease,transform .2s ease; }.site-toast.is-visible { opacity: 1; transform: translate(-50%,0); }

.video-modal-backdrop { position: fixed; inset: 0; z-index: 94; background: rgba(0,0,0,.82); backdrop-filter: blur(6px); }
.video-modal { width: min(900px,calc(100vw - 2rem)); max-height: calc(100dvh - 2rem); padding: 1rem; display: grid; grid-template-columns: minmax(0,1.5fr) minmax(230px,.5fr); gap: 1rem; align-items: center; position: fixed; top: 50%; left: 50%; z-index: 95; overflow-y: auto; color: white; background: #111415; border: 1px solid #3a4142; border-radius: 20px; box-shadow: 0 32px 90px rgba(0,0,0,.65); transform: translate(-50%,-46%) scale(.96); opacity: 0; visibility: hidden; transition: opacity .22s ease,transform .22s ease,visibility .22s; }
.video-modal[aria-hidden="false"] { transform: translate(-50%,-50%) scale(1); opacity: 1; visibility: visible; }.video-modal-close { width: 42px; height: 42px; position: absolute; top: .55rem; right: .55rem; z-index: 2; cursor: pointer; color: white; background: rgba(10,12,12,.8); border: 1px solid rgba(255,255,255,.3); border-radius: 50%; font-size: 1.6rem; }.video-frame { min-height: 360px; overflow: hidden; background: #050606; border-radius: 13px; }.video-frame video { width: 100%; height: 100%; max-height: 70dvh; display: block; object-fit: contain; }.video-modal-copy { padding: 1rem; }.video-modal-copy small { color: var(--fwp-green); font-size: .68rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }.video-modal-copy h2 { margin: .45rem 0 .7rem; font-size: clamp(3rem,5vw,5rem); }.video-modal-copy p { color: #aeb5b1; }

/* Individual product pages */
.compact-promo { min-height: 72px; }.compact-promo .promo-copy strong { font-size: clamp(2rem,3vw,3rem); }
.breadcrumb { max-width: 1360px; margin: 0 auto; padding: 1.2rem clamp(1rem,4vw,3rem); display: flex; gap: .65rem; color: #8f9793; font-size: .75rem; }.breadcrumb strong { color: white; }
.detail-hero { max-width: 1360px; margin: 0 auto; padding: 1.4rem clamp(1rem,4vw,3rem) clamp(4rem,7vw,7rem); display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(2rem,6vw,6rem); align-items: center; }
.detail-visual { min-height: 650px; position: relative; overflow: hidden; background: #111; border: 1px solid #343a3b; border-radius: 28px; box-shadow: 0 28px 80px rgba(0,0,0,.3); }.detail-scene { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; }.detail-shade { position: absolute; inset: 0; background: linear-gradient(180deg,rgba(5,7,7,.02),rgba(5,7,7,.34) 60%,rgba(5,7,7,.82)); }.detail-pack { width: 45%; height: 52%; position: absolute; right: 5%; bottom: 4%; z-index: 3; object-fit: contain; filter: drop-shadow(0 25px 20px rgba(0,0,0,.65)); transform: translate3d(var(--pack-x),var(--pack-y),0); }.detail-orbit { width: 48%; aspect-ratio: 1; position: absolute; right: 3%; bottom: 2%; border: 1px solid var(--detail-accent,var(--fwp-green)); border-radius: 50%; opacity: .55; box-shadow: 0 0 50px color-mix(in srgb,var(--detail-accent,var(--fwp-green)) 30%,transparent); }
.detail-copy h1 { margin-bottom: .4rem; color: var(--detail-accent,var(--fwp-green)); font-size: clamp(5rem,9vw,9rem); }.detail-lead { margin: 0 0 1rem; color: white; font: 800 clamp(1.8rem,3vw,3rem)/1.05 "Barlow Condensed",sans-serif; text-transform: uppercase; }.detail-copy > p:not(.eyebrow):not(.detail-lead) { max-width: 620px; color: #b3bab6; }
.detail-price { margin: 1.6rem 0; padding: 1rem 0; display: grid; grid-template-columns: 1fr auto; border-top: 1px solid #343a3b; border-bottom: 1px solid #343a3b; }.detail-price small,.detail-price strong,.detail-price span { display: block; }.detail-price small { color: #8e9692; text-transform: uppercase; letter-spacing: .08em; }.detail-price strong { font: 800 3rem/1 "Barlow Condensed",sans-serif; }.detail-price span { align-self: end; color: var(--fwp-green); font-size: .78rem; font-weight: 800; }
.detail-buy { display: flex; flex-wrap: wrap; align-items: end; gap: .8rem; }.detail-buy > label { width: 100%; color: #8f9793; font-size: .72rem; font-weight: 700; }.detail-qty { height: 51px; display: grid; grid-template-columns: 38px 48px 38px; }.detail-qty button,.detail-qty input { color: white; background: #15191a; border: 1px solid #3a4041; text-align: center; }.detail-qty button { cursor: pointer; font-size: 1.2rem; }.detail-qty input { width: 48px; border-inline: 0; }.detail-help { margin-top: 1rem; display: inline-block; color: #bec5c1; font-size: .82rem; text-decoration: underline; }
.detail-renova { --detail-accent:#e16bb2; }.detail-liv { --detail-accent:#7acbd0; }.detail-eboost { --detail-accent:#ff704c; }.detail-burn { --detail-accent:#79cf28; }
.detail-story { padding: clamp(4.5rem,8vw,8rem) clamp(1.25rem,6vw,6rem); display: grid; grid-template-columns: .75fr 1.25fr; gap: clamp(2rem,6vw,6rem); background: #111415; }.detail-story > div:first-child h2 { font-size: clamp(3rem,5vw,5rem); }.detail-story > div:first-child > p:last-child { color: #aeb5b2; }.detail-benefits { display: grid; grid-template-columns: repeat(2,1fr); gap: .8rem; }.detail-benefits article { min-height: 190px; padding: 1.3rem; background: #171b1c; border: 1px solid #353b3c; border-top: 3px solid var(--detail-accent); border-radius: 14px; }.detail-benefits b { color: var(--detail-accent); }.detail-benefits h3 { margin: .8rem 0 .5rem; font-size: 1.8rem; }.detail-benefits p { color: #aab1ae; }
.detail-facts { display: grid; grid-template-columns: repeat(4,1fr); background: #0d1011; border-block: 1px solid #303637; }.detail-facts div { min-height: 150px; padding: 1.4rem; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid #303637; }.detail-facts div:last-child { border: 0; }.detail-facts small { color: #858d89; text-transform: uppercase; }.detail-facts strong { margin-top: .4rem; color: var(--detail-accent); font: 800 1.55rem/1.1 "Barlow Condensed",sans-serif; text-transform: uppercase; }
.detail-bottom { margin: clamp(3rem,7vw,7rem) clamp(1rem,5vw,5rem); padding: clamp(2rem,5vw,5rem); display: flex; align-items: center; justify-content: space-between; gap: 2rem; background: linear-gradient(135deg,color-mix(in srgb,var(--detail-accent) 22%,#111),#151918); border: 1px solid #404745; border-radius: 24px; }.detail-bottom h2 { margin: 0; font-size: clamp(3rem,5vw,5rem); }.detail-bottom p { color: #bdc4c0; }

/* Distributor lead form */
.partner-lead { padding: clamp(4.5rem,8vw,8rem) clamp(1.25rem,6vw,6rem); display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(2rem,6vw,6rem); background: radial-gradient(circle at 10% 30%,rgba(139,197,63,.14),transparent 30%),#101314; }.partner-lead-copy h2 { font-size: clamp(3rem,5vw,5.2rem); }.partner-lead-copy > p:not(.eyebrow),.partner-lead-copy li { color: #aeb5b2; }.partner-lead-copy ul { padding-left: 1.2rem; }
.partner-lead-form { padding: clamp(1.4rem,3vw,2.5rem); display: grid; grid-template-columns: repeat(2,1fr); gap: .9rem; background: #171b1c; border: 1px solid #353b3c; border-radius: 22px; }.partner-lead-form > label { display: grid; gap: .3rem; color: #c9cfcc; font-size: .76rem; font-weight: 700; }.partner-lead-form input,.partner-lead-form select { min-height: 48px; padding: .7rem .8rem; color: white; background: #0b0e0f; border: 1px solid #3a4041; border-radius: 8px; }.partner-lead-form select option { color: #111; background: #fff; }.partner-lead-form fieldset { grid-column: 1/-1; padding: 1rem; display: grid; grid-template-columns: repeat(2,1fr); gap: .7rem; border: 1px solid #3a4041; border-radius: 10px; }.partner-lead-form legend { padding: 0 .4rem; font-weight: 800; }.partner-lead-form fieldset label { color: #b9c0bd; }.partner-lead-form fieldset input { min-height: 0; }.partner-lead-form .form-consent,.partner-lead-form > button,.partner-lead-form > small { grid-column: 1/-1; }.partner-lead-form .form-consent { grid-template-columns: auto 1fr; align-items: start; }.partner-lead-form .form-consent input { min-height: 18px; }.partner-lead-form > small { color: #858d89; }

@media (max-width: 980px) {
  .product-finder,.checkout-confidence,.detail-hero,.detail-story,.partner-lead { grid-template-columns: 1fr; }
  .kit-grid { grid-template-columns: 1fr; }
  .kit-card { min-height: 0; }.kit-packs { height: 210px; }
  .checkout-confidence { align-items: start; }
  .detail-visual { min-height: 560px; }.detail-facts { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 620px) {
  .header-cart { padding: .48rem .6rem; font-size: 0; }.header-cart span { font-size: .68rem; }
  .article-site-header .header-cta { display: none; }
  .hero-tile-actions a,.hero-tile-actions button { min-height: 40px; font-size: .76rem; }
  .product-card-actions { grid-template-columns: 1fr; }
  .product-finder { padding-inline: 1rem; }.finder-panel { min-height: 0; padding: 1.2rem; }.quiz-options { grid-template-columns: 1fr; }.quiz-options button { min-height: 62px; }.quiz-result { grid-template-columns: 90px 1fr; align-items: start; }.quiz-result > img { height: 150px; }.quiz-result > div > div { flex-direction: column; }
  .kits { padding-inline: 1rem; }.kit-packs { height: 190px; }.kit-packs img { height: 180px; }
  .checkout-confidence { padding-inline: 1rem; }
  .cart-drawer { padding: 1rem; }.cart-item { grid-template-columns: 55px 1fr; }.cart-item img { width: 55px; height: 74px; }.cart-item > strong { grid-column: 2; }.cart-form-actions { grid-template-columns: 1fr; }
  .compact-promo { min-height: 92px; display: flex; }.compact-promo .promo-copy { display: grid; grid-template-columns: 1fr; }
  .detail-hero { padding-inline: 1rem; }.detail-visual { min-height: 470px; border-radius: 20px; }.detail-pack { width: 53%; height: 49%; }.detail-price { grid-template-columns: 1fr; gap: .4rem; }.detail-price span { align-self: auto; }.detail-buy .btn { flex: 1; }.detail-story { padding-inline: 1rem; }.detail-benefits { grid-template-columns: 1fr; }.detail-facts { grid-template-columns: 1fr 1fr; }.detail-facts div { min-height: 125px; }.detail-bottom { align-items: stretch; flex-direction: column; }.detail-bottom .btn { width: 100%; }
  .partner-lead { padding-inline: 1rem; }.partner-lead-form { grid-template-columns: 1fr; }.partner-lead-form fieldset { grid-template-columns: 1fr; }.partner-lead-form > label,.partner-lead-form fieldset,.partner-lead-form .form-consent,.partner-lead-form > button,.partner-lead-form > small { grid-column: 1; }
}

.analytics-consent { width: min(720px,calc(100vw - 2rem)); padding: 1rem; display: grid; grid-template-columns: 1fr auto; gap: 1rem; align-items: center; position: fixed; left: 1rem; bottom: 1rem; z-index: 120; color: #f5f6f4; background: rgba(17,20,21,.98); border: 1px solid #414849; border-radius: 16px; box-shadow: 0 24px 70px rgba(0,0,0,.48); backdrop-filter: blur(18px); }
.analytics-consent strong { display: block; font-size: .95rem; }
.analytics-consent p { margin: .25rem 0 0; color: #aeb5b2; font-size: .82rem; line-height: 1.45; }
.analytics-consent > div:last-child { display: flex; gap: .5rem; }
.analytics-consent button { min-height: 43px; padding: .65rem .8rem; cursor: pointer; color: white; background: #202526; border: 1px solid #454c4d; border-radius: 8px; font-size: .82rem; font-weight: 800; }
.analytics-consent button.is-primary { color: #101210; background: var(--fwp-green); border-color: var(--fwp-green); }

@media (max-width: 680px) {
  .analytics-consent { grid-template-columns: 1fr; right: 1rem; width: auto; }
  .analytics-consent > div:last-child { display: grid; grid-template-columns: 1fr 1fr; }
}

/* Professional referral pilot */
.cart-referral { margin: .2rem 0 .85rem; padding: .8rem .9rem; display: grid; gap: .15rem; background: rgba(121,207,40,.09); border: 1px solid rgba(121,207,40,.28); border-radius: 10px; }
.cart-referral span { color: #a8b2ac; font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.cart-referral strong { color: var(--fwp-green); font: 800 1.35rem/1 "Barlow Condensed",sans-serif; letter-spacing: .05em; }
.cart-referral small { color: #9ba49f; font-size: .7rem; }
.cart-submit:disabled { cursor: wait; opacity: .68; }
.professional-pilot { padding: clamp(3rem,6vw,5.5rem) clamp(1.25rem,6vw,6rem); display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(2rem,6vw,6rem); align-items: center; color: #111916; background: linear-gradient(135deg,#f1f7ec,#e1f5ca); border-block: 1px solid #cbe4b3; }
.professional-pilot-copy h2 { max-width: 760px; margin: .7rem 0 1rem; font-size: clamp(3rem,5.2vw,5.4rem); line-height: .92; }
.professional-pilot-copy > p:not(.eyebrow) { max-width: 680px; color: #536159; }
.professional-pilot-copy .btn { margin-top: 1.2rem; }
.professional-pilot-steps { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2,1fr); gap: .8rem; list-style: none; }
.professional-pilot-steps li { min-height: 145px; padding: 1.2rem; display: grid; grid-template-columns: auto 1fr; gap: .8rem; color: white; background: #121a16; border: 1px solid #2e3c34; border-radius: 16px; }
.professional-pilot-steps b { color: var(--fwp-green); font: 800 1.4rem/1 "Barlow Condensed",sans-serif; }
.professional-pilot-steps strong,.professional-pilot-steps small { display: block; }
.professional-pilot-steps strong { font: 800 1.45rem/1 "Barlow Condensed",sans-serif; text-transform: uppercase; }
.professional-pilot-steps small { margin-top: .55rem; color: #aeb8b1; line-height: 1.45; }
.pilot-entry-card { align-content: center; grid-template-columns: 1fr; }
.pilot-entry-card > small,.pilot-entry-card > strong,.pilot-entry-card > p,.pilot-entry-card > ul,.pilot-entry-card > a { grid-column: 1; }
.pilot-entry-card > small { color: var(--fwp-green); font-weight: 800; letter-spacing: .1em; }
.pilot-entry-card > strong { color: white; font: 800 clamp(2.4rem,4vw,4.4rem)/.95 "Barlow Condensed",sans-serif; text-transform: uppercase; }
.pilot-entry-card > p,.pilot-entry-card > ul { color: #aeb8b1; }
.pilot-entry-card > ul { margin: 0; padding-left: 1.1rem; }
.pilot-entry-card > a { width: fit-content; margin-top: .6rem; }

@media (max-width: 980px) { .professional-pilot { grid-template-columns: 1fr; } }
@media (max-width: 620px) {
  .professional-pilot { padding-inline: 1rem; }
  .professional-pilot-steps { grid-template-columns: 1fr; }
  .professional-pilot-steps li { min-height: 0; }
}

.video-modal { width: min(720px,calc(100vw - 2rem)); grid-template-columns: minmax(0,1fr) minmax(220px,.7fr); }
.video-modal-landscape { width: min(980px,calc(100vw - 2rem)); grid-template-columns: minmax(0,1.8fr) minmax(220px,.7fr); }
.video-frame { min-height: 0; }
.video-frame video { height: auto; max-height: 76dvh; margin: auto; }
.video-controls-note,.video-error { font-size: .875rem; }
.video-error { padding: 1rem; color: #ffbea9; }
.product-video-card:focus-visible { outline: 3px solid var(--video-accent); outline-offset: 4px; }
@media (max-width: 620px) {
  .video-modal,.video-modal-landscape { width: calc(100vw - 1rem); padding: .5rem; grid-template-columns: 1fr; gap: .5rem; }
  .video-frame video { max-height: 62dvh; }
  .video-modal-copy { padding: .35rem .5rem; }
  .video-modal-copy h2 { margin: .25rem 0; font-size: 2rem; }
  .video-modal-copy p,.video-modal-copy small { font-size: .875rem; }
  .video-controls-note { display: none; }
}