.vt-sections {
  --vt-ink: var(--ink, #0b1c45);
  --vt-muted: var(--muted, #6b809a);
  --vt-mint: var(--mint, #b6f4df);
  --vt-sky: var(--sky, #cceeff);
  --vt-surface: var(--surface, #f7fbfd);
  --vt-line: color-mix(in srgb, var(--vt-ink) 14%, transparent);
  color: var(--vt-ink);
  font-family: inherit;
}
.vt-sections *, .vt-sections *::before, .vt-sections *::after { box-sizing: border-box; }
.vt-sections h2, .vt-sections h3, .vt-sections p { margin: 0; }
.vt-sections button, .vt-sections a { -webkit-tap-highlight-color: transparent; }
.vt-sections a { color: inherit; }
.vt-sections button { font-family: inherit; }
/* html already has scroll-padding for the top bar; this pulls a section's own top padding back up so the content lands near the bar. */
.vt-sections section[id] { scroll-margin-top: -96px; }
.vt-sections section#shipping { scroll-margin-top: 0; }
.vt-section { width: min(100% - 112px, 1320px); margin-inline: auto; padding-block: 124px; }
.vt-sections h2 { font-size: clamp(42px, 5.15vw, 76px); font-weight: 600; letter-spacing: -.057em; line-height: 1.035; text-wrap: balance; }
.vt-eyebrow { display: flex; align-items: center; gap: 10px; font-size: 11px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; line-height: 1.5; margin-bottom: 28px !important; }
.vt-lead { font-size: clamp(19px, 1.6vw, 24px); line-height: 1.45; letter-spacing: -.025em; color: var(--vt-muted); }
.vt-body { font-size: 15px; line-height: 1.75; color: var(--vt-muted); }
.vt-text-link { display: inline-flex; gap: 20px; align-items: center; color: var(--vt-ink); font-size: 14px; font-weight: 500; line-height: 1.5; text-decoration: none; background: none; padding: 7px 0; border: 0; border-bottom: 1px solid var(--vt-line); cursor: pointer; transition: gap .25s, border-color .25s; }
.vt-text-link svg, .vt-primary-link svg { width: 21px; height: 21px; flex: none; transition: transform .25s; }
.vt-text-link:hover { gap: 28px; border-bottom-color: currentColor; }
.vt-sections a:focus-visible, .vt-sections button:focus-visible, .vt-sections summary:focus-visible { outline: 2px solid currentColor; outline-offset: 6px; border-radius: 2px; }
.vt-quality { display: grid; grid-template-columns: .91fr 1fr; gap: min(7vw, 110px); align-items: center; }
.vt-quality-copy > .vt-lead { margin-top: 30px; max-width: 450px; }
.vt-quality-copy > .vt-body { max-width: 430px; margin-bottom: 26px; }
.vt-quality-proof { display: flex; align-items: flex-start; gap: 18px; margin: 32px 0 24px; padding-top: 26px; border-top: 1px solid var(--vt-line); }
.vt-icon { --vt-icon-fill: #e8fff7; display: grid; place-items: center; flex: 0 0 45px; width: 45px; height: 45px; border-radius: 50%; background: color-mix(in srgb, var(--vt-mint) 40%, transparent); }
.vt-icon svg { width: 23px; height: 23px; }
.vt-quality-proof h3 { font-size: 21px; font-weight: 550; letter-spacing: -.025em; margin-bottom: 6px; }
.vt-quality-proof p { font-size: 13px; line-height: 1.65; color: var(--vt-muted); max-width: 330px; }
.vt-quality-art { position: relative; display: grid; place-items: center; height: 625px; min-width: 0; overflow: hidden; border-radius: 4px 4px 140px 4px; isolation: isolate; background: radial-gradient(ellipse at 65% 60%, #c9f5e5 0, transparent 64%), linear-gradient(135deg, #edf8fd, #e5f4f5); color: #163454; }
.vt-art-kicker { position: absolute; top: 34px; left: 36px; font-size: 10px; text-transform: uppercase; letter-spacing: .17em; z-index: 3; }
.vt-eight { position: absolute; left: -14px; top: 96px; font-size: clamp(210px, 25vw, 390px); font-weight: 550; letter-spacing: -.11em; line-height: 1; color: color-mix(in srgb, #4bb3bf 29%, transparent); z-index: -1; }
.vt-eight > span { font-size: .57em; letter-spacing: -.14em; }
.vt-quality-orbit { position: absolute; width: 520px; height: 520px; border: 1px solid #ffffffa6; border-radius: 50%; top: 110px; left: 80px; transform: rotate(-28deg) scaleY(.6); z-index: -1; }
.vt-quality-vial { width: 79%; height: 77%; object-fit: contain; transform: rotate(8deg) translate(35px, 14px); filter: drop-shadow(0 27px 18px #456c7820); animation: vt-vial-drift 8s ease-in-out infinite; }
@keyframes vt-vial-drift { 0%, 100% { transform: rotate(8deg) translate(35px, 14px); } 50% { transform: rotate(5deg) translate(29px, 0); } }
.vt-shipping { width: min(100% - 32px, 1480px); margin: 0 auto; border-radius: 26px; overflow: hidden; background: linear-gradient(118deg, #edfbf7, #dbf6ef 60%, #e5f6fb); color: #112e3b; --vt-ink: #112e3b; --vt-muted: #527976; --vt-line: #22483c25; }
.vt-shipping-main { width: min(100% - 100px, 1280px); margin-inline: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; padding-top: 92px; }
.vt-shipping-copy { padding-bottom: 70px; }
.vt-shipping-copy > .vt-lead { margin-top: 28px; max-width: 445px; }
.vt-shipping-copy > .vt-body { margin: 19px 0 22px; max-width: 425px; }
.vt-shipping-art { height: 450px; position: relative; perspective: 1000px; isolation: isolate; min-width: 0; }
.vt-ship-orbit { position: absolute; width: 460px; height: 460px; left: 50%; top: 40%; border: 1px solid #a6d7c987; border-radius: 50%; transform: translate(-50%, -50%); z-index: -2; }
.vt-ship-orbit-two { width: 350px; height: 350px; }
.vt-parcel { width: 240px; height: 240px; position: absolute; left: 50%; top: 42%; transform: translate(-50%, -50%) rotate(-10deg); transform-style: preserve-3d; animation: vt-parcel-float 7s ease-in-out infinite; }
.vt-parcel-front { position: absolute; width: 240px; height: 175px; top: 65px; left: 0; background: linear-gradient(125deg, #fbffff, #c9e7e1); box-shadow: inset 0 0 0 1px #a9cec6; border-radius: 0 0 3px 3px; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.vt-parcel-lid { position: absolute; width: 240px; height: 68px; top: 0; left: 0; background: linear-gradient(120deg, #e9fbf6, #c0dfd7); transform: skewX(-31deg); transform-origin: bottom; box-shadow: inset 0 0 0 1px #b4d5cb; }
.vt-parcel-lid span { position: absolute; width: 26px; height: 100%; background: #a2dfd080; left: 103px; border-inline: 1px solid #9ccebd99; }
.vt-parcel-side { position: absolute; width: 42px; height: 175px; left: 240px; top: 65px; background: linear-gradient(90deg, #b4d5cc, #cee3da); transform: skewY(-59deg); transform-origin: left; box-shadow: inset 0 0 0 1px #a3cbbb; }
.vt-parcel-front .vt-parcel-wordmark { width: 190px; }
.vt-parcel-stripe { height: 3px; width: 68px; margin: 10px 0 13px; background: linear-gradient(90deg, #78c8e8, #9adabe); }
.vt-parcel-subline { color: #628c88; font-size: 7px; letter-spacing: .21em; }
.vt-parcel-mark { position: absolute; bottom: 13px; right: 14px; display: flex; gap: 3px; color: #709b8e; }
.vt-parcel-shadow { position: absolute; width: 210px; height: 36px; background: #245b4430; border-radius: 50%; filter: blur(16px); top: 74%; left: 33%; transform: rotate(-9deg); z-index: -1; }
.vt-speed-line { height: 1px; background: linear-gradient(90deg, transparent, #75bca9); position: absolute; left: -8px; width: 120px; transform: rotate(-10deg); opacity: .8; }
.vt-speed-one { top: 30%; }.vt-speed-two { top: 42%; left: -48px; width: 150px; }.vt-speed-three { top: 54%; left: 7px; width: 100px; }
.vt-shipping-pill { position: absolute; bottom: 31px; right: 1px; border-radius: 40px; display: flex; gap: 12px; align-items: center; padding: 13px 19px; color: #2a594e; background: #ffffffc4; border: 1px solid #fff; box-shadow: 0 10px 40px #3364520b; font-size: 13px; }
.vt-shipping-pill svg { --vt-icon-fill: #f6fffc; width: 26px; height: 26px; }
@keyframes vt-parcel-float { 0%, 100% { transform: translate(-50%, -50%) rotate(-10deg); } 50% { transform: translate(-45%, -54%) rotate(-7deg); } }
.vt-steps { display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; margin: 0; padding: 0; border-top: 1px solid #214d3f1c; background: #ffffff35; }
.vt-steps li { display: flex; gap: 18px; align-items: flex-start; padding: 32px 36px; position: relative; }
.vt-steps li + li { border-left: 1px solid #214d3f1c; }
.vt-step-number { font-size: 11px; line-height: 27px; color: #578779; }
.vt-steps h3 { font-size: 18px; font-weight: 500; line-height: 1.45; letter-spacing: -.025em; }
.vt-steps p { color: #668d80; font-size: 12px; line-height: 1.6; margin-top: 4px; }
.vt-steps svg { width: 20px; height: 20px; margin-left: auto; margin-top: 3px; flex: none; opacity: .65; }
.vt-value { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: min(8vw, 120px); padding-block: 140px; }
.vt-value-intro h2 > span { color: var(--vt-muted); }
.vt-value-detail { padding-top: 47px; }
.vt-value-detail > .vt-body { margin-top: 22px; max-width: 490px; }
.vt-principles { margin: 32px 0 24px; border-top: 1px solid var(--vt-line); }
.vt-principles > div { display: grid; grid-template-columns: 26px 1fr auto; gap: 16px; align-items: center; min-height: 72px; border-bottom: 1px solid var(--vt-line); }
.vt-principles h3 { font-size: 17px; font-weight: 500; letter-spacing: -.025em; }
.vt-principle-icon { display: flex; }
.vt-principle-icon svg { width: 23px; height: 23px; }
.vt-principle-aside { font-size: 11px; line-height: 1.5; color: var(--vt-muted); text-align: right; }
.vt-faq { display: grid; grid-template-columns: .9fr 1.1fr; gap: min(8vw, 120px); border-top: 1px solid var(--vt-line); padding-block: 108px 128px; }
.vt-faq h2 { font-size: clamp(38px, 4vw, 57px); }
.vt-faq-intro > .vt-body { margin: 27px 0 22px; }
.vt-faq-list { min-width: 0; }
.vt-faq-item { border-bottom: 1px solid var(--vt-line); }
.vt-faq-item:first-child { border-top: 1px solid var(--vt-line); }
.vt-faq-item summary { list-style: none; display: flex; align-items: center; gap: 24px; cursor: pointer; padding: 24px 0; font-size: 18px; font-weight: 500; letter-spacing: -.025em; line-height: 1.4; }
.vt-faq-item summary::-webkit-details-marker { display: none; }
.vt-faq-plus { display: block; position: relative; flex: none; width: 14px; height: 14px; margin-left: auto; }
.vt-faq-plus::before, .vt-faq-plus::after { content: ''; position: absolute; width: 14px; height: 1px; background: currentColor; top: 6px; left: 0; transition: transform .2s; }
.vt-faq-plus::after { transform: rotate(90deg); }
.vt-faq-item[open] .vt-faq-plus::after { transform: rotate(0); }
.vt-faq-answer { padding: 0 26px 26px 0; color: var(--vt-muted); font-size: 14px; line-height: 1.8; }
.vt-faq-answer .vt-text-link { margin-top: 13px; color: var(--vt-ink); font-size: 13px; }
.vt-inline-link { padding: 0; color: var(--vt-ink) !important; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; font-size: inherit; line-height: inherit; cursor: pointer; border: 0; background: none; }
.vt-cta-band { position: relative; isolation: isolate; overflow: hidden; width: min(100% - 32px, 1480px); margin: 0 auto 24px; border-radius: 26px; text-align: center; padding: 87px 24px 66px; background: radial-gradient(ellipse at 82% 35%, #c1f1e36e, transparent 40%), linear-gradient(105deg, #e7f5fc, #e9fbf3); color: #14274b; }
.vt-cta-band > .vt-eyebrow { justify-content: center; color: #698996; position: relative; }
.vt-cta-band h2 { font-size: clamp(48px, 6vw, 88px); }
.vt-cta-band > p:not(.vt-eyebrow) { color: #6c8597; margin: 25px 0 29px; font-size: 16px; letter-spacing: -.02em; }
.vt-primary-link { display: inline-flex; align-items: center; justify-content: center; gap: 32px; padding: 18px 26px; min-height: 56px; background: #122544; color: white !important; text-decoration: none; border-radius: 100px; font-size: 14px; transition: background .25s, transform .25s; }
.vt-primary-link:hover { background: #234668; transform: translateY(-2px); }
.vt-primary-link:hover svg { transform: translateX(4px); }
.vt-cta-fine { display: block; color: #789397; font-size: 10px; margin-top: 27px; letter-spacing: .08em; }
.vt-cta-orbit { position: absolute; z-index: -1; width: 650px; height: 650px; border-radius: 50%; border: 1px solid #ffffffcc; left: calc(50% - 325px); top: calc(50% - 325px); box-shadow: 0 0 0 60px #ffffff1a, 0 0 0 120px #ffffff1a; }

/* Shared composition. */
.vt-sections { --vt-art-start: #edf8fd; --vt-art-end: #e5f4f5; --vt-art-glow: #c9f5e5; --vt-ring: #ffffffa6; --vt-art-radius: 4px 4px 140px 4px; --vt-shipping-radius: 26px; }
.vt-chapter { display: inline-grid; place-items: center; width: 27px; height: 27px; border: 1px solid var(--vt-line); border-radius: 50%; font-size: 9px; letter-spacing: 0; font-variant-numeric: tabular-nums; flex: none; margin-right: 2px; }
.vt-quality-art { background: radial-gradient(ellipse at 65% 60%, var(--vt-art-glow) 0, transparent 65%), linear-gradient(135deg, var(--vt-art-start), var(--vt-art-end)); border-radius: var(--vt-art-radius); }
.vt-quality-orbit { border-color: var(--vt-ring); animation: vt-orbit-turn 34s linear infinite; animation-play-state: paused; }
.vt-quality-orbit::after { content: ''; position: absolute; inset: 38px; border: 1px solid var(--vt-ring); border-radius: inherit; opacity: .6; }
.vt-quality-orbit > span { position: absolute; width: 8px; height: 8px; border-radius: 50%; top: 22%; left: 7%; background: #fff; box-shadow: 0 0 14px #fff9; }
.vt-quality-art.is-visible .vt-quality-orbit { animation-play-state: running; }
.vt-quality-vial { transition: filter .7s ease; }
.vt-quality-art:hover .vt-quality-vial { filter: drop-shadow(0 35px 24px #456c7830); }
.vt-quality-proof { position: relative; }
.vt-quality-proof::before { content: ''; position: absolute; top: -1px; height: 1px; width: 56px; left: 0; background: currentColor; opacity: .55; transform-origin: left; }
.vt-quality-copy.is-visible .vt-quality-proof::before { animation: vt-rule-in 1.2s .2s both; }
.vt-shipping { border-radius: var(--vt-shipping-radius); }
.vt-shipping-kit { position: absolute; width: 112%; max-width: none; height: 112%; left: -5%; top: -12%; object-fit: contain; opacity: 0; pointer-events: none; filter: drop-shadow(0 25px 25px #245b4418); z-index: 2; transition: opacity .8s ease; }
.vt-shipping-art.has-kit .vt-shipping-kit { opacity: 1; animation: vt-kit-float 9s ease-in-out infinite; }
.vt-shipping-art.has-kit .vt-parcel, .vt-shipping-art.has-kit .vt-parcel-shadow, .vt-shipping-art.has-kit .vt-speed-line { opacity: 0; visibility: hidden; }
.vt-shipping-pill { z-index: 3; }
.vt-ship-orbit { animation: vt-ring-breathe 8s ease-in-out infinite; animation-play-state: paused; }
.vt-ship-orbit-two { animation-delay: -4s; }
.vt-shipping-art.is-visible .vt-ship-orbit { animation-play-state: running; }
.vt-speed-line { animation: vt-speed-drift 4.6s ease-in-out infinite; }
.vt-speed-two { animation-delay: -.7s; }.vt-speed-three { animation-delay: -1.3s; }
.vt-steps li { overflow: hidden; }
.vt-steps li::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, #68af9e, transparent); transform: scaleX(0); transform-origin: left; opacity: .6; }
.js-motion .vt-steps.is-visible li { animation: vt-step-in .8s both; }
.js-motion .vt-steps.is-visible li:nth-child(2) { animation-delay: .12s; }
.js-motion .vt-steps.is-visible li:nth-child(3) { animation-delay: .24s; }
.vt-steps.is-visible li::after { animation: vt-rule-in 1.3s .35s both; }
.vt-steps.is-visible li:nth-child(2)::after { animation-delay: .65s; }
.vt-steps.is-visible li:nth-child(3)::after { animation-delay: .95s; }
.vt-step-number { font-variant-numeric: tabular-nums; }
.vt-principles > div { transition: padding .3s ease, background .3s ease; }
.vt-principles > div:hover { padding-left: 8px; background: color-mix(in srgb, var(--vt-mint) 9%, transparent); }
.vt-faq-item { transition: background .3s ease, border-color .3s ease; }
.vt-faq-item summary { transition: color .25s, padding .3s; }
.vt-faq-item summary:hover { color: color-mix(in srgb, var(--vt-ink) 72%, #62adab); padding-left: 6px; }
.vt-faq-plus { width: 28px; height: 28px; border: 1px solid var(--vt-line); border-radius: 50%; transition: background .3s, transform .3s; }
.vt-faq-plus::before, .vt-faq-plus::after { width: 10px; top: 12px; left: 8px; }
.vt-faq-item[open] .vt-faq-plus { background: color-mix(in srgb, var(--vt-mint) 30%, transparent); }
.vt-faq-item[open] .vt-faq-answer { animation: vt-answer-in .3s ease-out; }
.vt-cta-orbit { animation: vt-cta-breathe 14s ease-in-out infinite; animation-play-state: paused; }
.vt-cta-band.is-visible .vt-cta-orbit { animation-play-state: running; }








.vt-sections[data-section-theme="tidal-form"] { --vt-art-start: #dff6f9; --vt-art-end: #d3eee7; --vt-art-glow: #b7e4eb; --vt-art-radius: 43% 24% 39% 19% / 28% 31% 22% 20%; --vt-shipping-radius: 60px 15px 60px 15px; }
.vt-sections[data-section-theme="tidal-form"] .vt-quality-art { overflow: hidden; }
.vt-sections[data-section-theme="tidal-form"] .vt-art-kicker { left: 22%; }
.vt-sections[data-section-theme="tidal-form"] .vt-quality-orbit { animation-duration: 20s; }
.vt-sections[data-section-theme="tidal-form"] .vt-cta-band { border-radius: 60px 15px 60px 15px; background: linear-gradient(125deg, #dff3fa, #d4f0e6); }



@keyframes vt-orbit-turn { from { transform: rotate(-28deg) scaleY(.6); } to { transform: rotate(332deg) scaleY(.6); } }
@keyframes vt-kit-float { 0%, 100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-10px) rotate(1deg); } }
@keyframes vt-ring-breathe { 0%, 100% { transform: translate(-50%, -50%) scale(.96); opacity: .45; } 50% { transform: translate(-50%, -50%) scale(1.02); opacity: .85; } }
@keyframes vt-speed-drift { 0%, 100% { transform: translateX(0) rotate(-10deg); opacity: .3; } 50% { transform: translateX(-12px) rotate(-10deg); opacity: .8; } }
@keyframes vt-rule-in { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes vt-step-in { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }
@keyframes vt-answer-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }
@keyframes vt-cta-breathe { 0%, 100% { transform: scale(.96); opacity: .6; } 50% { transform: scale(1.04); opacity: 1; } }
@media (min-width: 900px) {
  .vt-sections[data-section-theme="tidal-form"] .vt-shipping-copy { order: 2; }
  .vt-sections[data-section-theme="tidal-form"] .vt-shipping-art { order: 1; }
}
@media (min-width: 1600px) { .vt-quality-art { height: 670px; } }
@media (max-width: 1100px) {
  .vt-section { width: min(100% - 72px, 1320px); padding-block: 95px; }
  .vt-quality { gap: 45px; }
  .vt-quality-art { height: 570px; }
  .vt-quality-vial { width: 89%; transform: rotate(8deg) translate(20px, 14px); animation: none; }
  .vt-shipping-main { width: calc(100% - 72px); gap: 35px; padding-top: 72px; }
  .vt-steps li { padding: 27px 23px; gap: 12px; }
  .vt-steps h3 { font-size: 16px; }
  .vt-steps svg { display: none; }
  .vt-shipping-art { transform: scale(.88); transform-origin: center; }
  .vt-value { gap: 60px; }
  .vt-principles > div { grid-template-columns: 24px 1fr; gap: 13px; padding-block: 18px; }
  .vt-principle-aside { grid-column: 2; text-align: left; margin-top: -9px; }
  .vt-faq { gap: 55px; }
}
@media (max-width: 760px) {
  .vt-section { width: calc(100% - 40px); padding-block: 72px; }
  .vt-sections section[id] { scroll-margin-top: -48px; }
  .vt-sections h2 { font-size: clamp(38px, 9vw, 60px); }
  .vt-eyebrow { margin-bottom: 22px !important; font-size: 10px; }
  .vt-quality { grid-template-columns: 1fr; gap: 40px; }
  .vt-quality-copy > .vt-lead { max-width: 540px; margin-top: 22px; }
  .vt-quality-copy > .vt-body { max-width: 540px; }
  .vt-quality-proof { margin-top: 25px; }
  .vt-quality-art { height: min(118vw, 560px); border-radius: 4px 4px 96px 4px; }
  .vt-eight { font-size: clamp(255px, 69vw, 390px); left: 0; top: 60px; }
  .vt-quality-vial { width: 74%; height: 80%; transform: rotate(8deg) translate(25px, 14px); }
  .vt-shipping { width: calc(100% - 20px); border-radius: 20px; }
  .vt-shipping-main { width: calc(100% - 40px); grid-template-columns: 1fr; gap: 0; padding-top: 54px; }
  .vt-shipping-copy { padding-bottom: 0; }
  .vt-shipping-copy > .vt-lead, .vt-shipping-copy > .vt-body { max-width: 540px; }
  .vt-shipping-art { height: 385px; width: min(100%, 460px); margin: 5px auto 0; transform: scale(.88); }
  .vt-parcel { left: 44%; }
  .vt-ship-orbit { width: 370px; height: 370px; }
  .vt-ship-orbit-two { width: 290px; height: 290px; }
  .vt-speed-line { left: 0; width: 70px; }.vt-speed-two { left: -15px; width: 90px; }
  .vt-shipping-pill { bottom: 10px; right: -8px; }
  .vt-steps { grid-template-columns: 1fr; }
  .vt-steps li { padding: 24px 25px; gap: 22px; }
  .vt-steps li + li { border-left: 0; border-top: 1px solid #214d3f1c; }
  .vt-steps h3 { font-size: 18px; }
  .vt-steps svg { display: block; }
  .vt-value { grid-template-columns: 1fr; gap: 30px; }
  .vt-value-detail { padding-top: 0; }
  .vt-principles > div { grid-template-columns: 24px 1fr auto; }
  .vt-principle-aside { grid-column: auto; text-align: right; margin: 0; }
  .vt-faq { grid-template-columns: 1fr; gap: 38px; padding-block: 65px 75px; }
  .vt-faq-intro > .vt-body { margin-top: 22px; }
  .vt-faq-item summary { font-size: 17px; padding-block: 23px; }
  .vt-faq-answer { padding-right: 6px; }
  .vt-cta-band { width: calc(100% - 20px); border-radius: 20px; padding-block: 65px 50px; }
  .vt-cta-band h2 { font-size: clamp(43px, 10vw, 68px); }
  .vt-cta-band > p:not(.vt-eyebrow) { font-size: 14px; max-width: 270px; margin-inline: auto; line-height: 1.6; }
  .vt-chapter { width: 24px; height: 24px; }
  .vt-quality-orbit { width: 400px; height: 400px; left: 5%; }
  .vt-shipping-kit { width: 119%; height: 112%; left: -9%; top: -7%; }
  .vt-sections[data-section-theme="tidal-form"] .vt-quality-art { border-radius: 28px 12px 56px 12px; }
  .vt-sections[data-section-theme="tidal-form"] .vt-art-kicker { left: 30px; }
  .vt-body, .vt-quality-proof p, .vt-steps p, .vt-faq-answer { font-size: 15px; line-height: 1.7; }
  .vt-lead { font-size: 20px; line-height: 1.45; }
  .vt-text-link { min-height: 44px; padding-block: 10px; font-size: 15px; gap: 16px; }
  .vt-text-link:hover { gap: 16px; }
  .vt-primary-link { min-height: 52px; font-size: 15px; }
  .vt-faq-answer .vt-text-link { font-size: 15px; }
  .vt-principles > div { grid-template-columns: 24px 1fr; gap: 8px 15px; min-height: 91px; }
  .vt-principle-aside { grid-column: 2; text-align: left; font-size: 14px; margin: 0; }
  .vt-principles > div:hover { padding-left: 0; }
  .vt-shipping-pill { font-size: 14px; padding: 12px 16px; }
  .vt-shipping-art.has-kit { margin-block: 15px 0; height: 320px; transform: none; }
  .vt-shipping-art.has-kit .vt-shipping-kit { top: -12%; height: 114%; width: 112%; left: -6%; filter: none; animation-duration: 12s; }
  .vt-shipping-art.has-kit .vt-shipping-pill { bottom: 0; right: 5%; }
  .vt-shipping-art.has-kit .vt-ship-orbit { display: none; }
  .vt-quality-vial { filter: none; }
  .vt-quality-art:hover .vt-quality-vial { filter: none; }
  .vt-parcel-shadow { filter: none; opacity: .3; }
  .vt-quality-orbit { animation-duration: 48s; }
}
@media (max-width: 400px) {
  .vt-quality-art { height: 460px; }
  .vt-art-kicker { left: 25px; font-size: 9px; }
  .vt-quality-vial { width: 84%; }
  .vt-shipping-art { transform: scale(.77); margin-block: -20px; }
  .vt-principles > div { grid-template-columns: 22px 1fr; }
  .vt-principle-aside { grid-column: 2; text-align: left; margin-top: -9px; }
  .vt-steps li { padding-inline: 22px; }
  .vt-shipping-art.has-kit { transform: none; margin-block: 15px 0; }
}
/* A contained image stage and an opaque caption prevent text crossing the vial. */
.vt-sections[data-section-theme] .vt-quality-art { display: block; height: auto; min-height: 0; overflow: hidden; border-radius: 20px; }
.vt-sections[data-section-theme] .vt-quality-stage { position: relative; isolation: isolate; display: block; width: 100%; height: 500px; overflow: hidden; }
.vt-sections[data-section-theme] .vt-quality-stage .vt-art-kicker { position: absolute; top: 24px; left: 24px; right: 24px; bottom: auto; font-size: 10px; line-height: 1.6; z-index: 2; }
.vt-sections[data-section-theme] .vt-quality-stage .vt-quality-vial { position: absolute; top: 63px; left: 34%; width: 66%; height: calc(100% - 98px); max-width: 66%; max-height: calc(100% - 98px); object-fit: contain; transform: rotate(6deg); transform-origin: center; animation: vt-contained-vial-drift 8s ease-in-out infinite; }
.vt-sections[data-section-theme] .vt-quality-stage .vt-eight { top: 80px; left: 0; font-size: clamp(230px, 25vw, 350px); }
.vt-sections[data-section-theme] .vt-quality-caption { position: relative; inset: auto; z-index: 3; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px 18px; width: 100%; min-height: 94px; padding: 20px; border-top: 1px solid #cfdee5; background: #f8fcff; color: #15384a; }
.vt-sections[data-section-theme] .vt-quality-caption > div { min-width: 165px; }
.vt-sections[data-section-theme] .vt-quality-caption strong { display: block; font-size: 18px; font-weight: 600; line-height: 1.35; letter-spacing: -.03em; }
.vt-sections[data-section-theme] .vt-quality-caption small { display: block; margin-top: 5px; color: #526f7d; font-size: 13px; line-height: 1.55; }
.vt-sections[data-section-theme] .vt-quality-caption .vt-text-link { flex: none; min-height: 44px; padding-block: 10px; gap: 10px; border-bottom-color: #9cb6c1; color: #15384a; font-size: 14px; white-space: nowrap; }
@keyframes vt-contained-vial-drift { 0%, 100% { transform: translateY(0) rotate(6deg); } 50% { transform: translateY(-6px) rotate(4deg); } }
@media (max-width: 1100px) {
  .vt-sections[data-section-theme] .vt-quality-stage { height: 445px; }
}
@media (max-width: 760px) {
  .vt-sections[data-section-theme] .vt-quality-stage { height: clamp(320px, 96vw, 420px); }
  .vt-sections[data-section-theme] .vt-quality-stage .vt-art-kicker { top: 20px; left: 20px; right: 20px; font-size: 9px; }
  .vt-sections[data-section-theme] .vt-quality-stage .vt-quality-vial { top: 46px; left: 38%; width: 64%; height: calc(100% - 62px); max-width: 64%; max-height: calc(100% - 62px); animation: none; }
  /* "8x" sits left of the vial, level with its label, so the x is never hidden. */
  .vt-sections[data-section-theme] .vt-quality-stage .vt-eight { top: auto; bottom: 16%; left: 2px; font-size: clamp(165px, 52vw, 280px); color: color-mix(in srgb, #4bb3bf 36%, transparent); }
  .vt-sections[data-section-theme] .vt-quality-caption { min-height: 0; padding: 16px 20px 12px; gap: 4px 18px; }
  .vt-sections[data-section-theme] .vt-quality-caption small { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .vt-sections *, .vt-sections *::before, .vt-sections *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* Keep shipping artwork, its badge, and the process steps in separate flow rows. */
.vt-shipping-art,.vt-shipping-art.has-kit{display:flex;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:560px;height:auto;margin:0 auto 36px;transform:none}
.vt-shipping-stage{position:relative;isolation:isolate;perspective:1000px;width:100%;height:390px;overflow:hidden}
.vt-shipping-art .vt-shipping-kit,.vt-shipping-art.has-kit .vt-shipping-kit{inset:0;width:100%;height:100%;max-width:100%;object-fit:contain}
.vt-shipping-art .vt-shipping-pill,.vt-shipping-art.has-kit .vt-shipping-pill{position:static;inset:auto;flex:none;max-width:100%;margin:0;background:#f8fffc;border-color:#d7e9e2;color:#214c42;line-height:1.5;box-shadow:none}
@media(max-width:1100px){.vt-shipping-stage{height:330px}}
@media(max-width:760px){
 .vt-shipping-art,.vt-shipping-art.has-kit{gap:14px;margin:24px auto 32px}
 .vt-shipping-stage{height:clamp(215px,67vw,305px)}
 .vt-shipping-art .vt-shipping-pill,.vt-shipping-art.has-kit .vt-shipping-pill{padding:12px 18px;font-size:13px}
 .vt-shipping-pill svg{width:23px;height:23px}
}

/* Identity artwork uses the same front-facing research packaging as the catalog. */
.vt-sections[data-section-theme] .vt-quality-stage .vt-quality-vial{left:26%;width:76%;max-width:76%;transform:none;animation:none}
.vt-sections[data-section-theme] .vt-quality-stage .vt-eight{left:7%;top:32%;font-size:clamp(110px,12vw,170px);letter-spacing:-.08em;color:#3b9daa40}
@media(max-width:760px){.vt-sections[data-section-theme] .vt-quality-stage .vt-eight{left:6%;top:35%;bottom:auto;font-size:clamp(100px,25vw,155px)}}