@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,300;0,6..72,400;0,6..72,500;1,6..72,300;1,6..72,400;1,6..72,500&family=Hanken+Grotesk:wght@400;500;600;700&display=swap');


@font-face{font-family:"Newsreader Fallback";src:local("Georgia");size-adjust:94.45%;ascent-override:95.29%;descent-override:26.47%;line-gap-override:0%}
@font-face{font-family:"Hanken Grotesk Fallback";src:local("Arial");size-adjust:101.97%;ascent-override:88.26%;descent-override:24.52%;line-gap-override:0%}
.ev-m{display:block}
.ev-d{display:block}


.ev-m {
  
  --font-serif: 'Newsreader', 'Newsreader Fallback', Georgia, 'Times New Roman', serif;
  --font-sans: 'Hanken Grotesk', 'Hanken Grotesk Fallback', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-brand: 'Hanken Grotesk', 'Hanken Grotesk Fallback', system-ui, sans-serif;

  
  --green-950: #0A1F16;
  --green-900: #0F2A20;
  --green-800: #163A2B;
  --green-700: #1C4429;
  --green-600: #2F6B43;
  --green-500: #3E8556;
  --green-400: #6FB39B;

  
  --seafoam-300: #AED7C7;
  --seafoam-100: #D6EBE2;
  --seafoam-50:  #EAF4EF;

  
  --sand-50:  #FBFAF5;
  --sand-100: #F5F1E8;
  --sand-200: #E7E0D1;
  --sand-300: #D4C9B5;
  --sand-400: #B5A88F;

  
  --danger-500: #C82414;
  --danger-600: #B01F11;

  
  --color-primary: #1C4429;
  --color-primary-hover: #163A2B;
  --color-on-primary: #FFFFFF;

  
  --text-primary:   #1E2A23;
  --text-secondary: #4A574F;
  --text-muted:     #7C887F;
  --text-brand:     #2F6B43;
  --text-on-dark:       rgba(255,255,255,.90);
  --text-on-dark-muted: rgba(255,255,255,.66);
  --ink-900: #14201A;
  --white:   #FFFFFF;

  
  --color-canvas:  #FCFBF7;
  --color-surface: #FFFFFF;
  --border-subtle:  #ECE7DB;
  --border-default: #DED7C7;
  --border-strong:  #C7BFAD;

  
  --text-lg: 18px;

  
  --accent: #1C4429;
  --accent-strong: #1C4429;
  --accent-hover: #163A2B;
  --accent-on: #FFFFFF;
  --accent-tint: #EAF4EF;
}
.ev-m [data-accent="neutral"] {
  --accent: #1C4429;
  --accent-strong: #1C4429;
  --accent-hover: #163A2B;
  --accent-on: #FFFFFF;
  --accent-tint: #EAF4EF;
}
.ev-m [data-accent="male"] {
  --accent: #C67E57;
  --accent-strong: #C67E57;
  --accent-hover: #B26B45;
  --accent-on: #FFFFFF;
  --accent-tint: #F4E4DA;
}
.ev-m [data-accent="female"] {
  --accent: #F6D9E1;
  --accent-strong: #B05A78;
  --accent-hover: #EFC9D5;
  --accent-on: #8A3D5A;
  --accent-tint: #F6D9E1;
}
.ev-m, .ev-m *, .ev-m *::before, .ev-m *::after { box-sizing: border-box; }
.ev-m { scroll-behavior: smooth; }
.ev-m {
    margin: 0;
    background: var(--color-canvas);
    color: var(--text-primary);
    font-family: var(--font-sans);
    -webkit-font-smoothing: antialiased;
  }
.ev-m .wrap { max-width: 1200px; margin: 0 auto; padding: 0 40px; }
.ev-m .eyebrow { font-family: var(--font-brand); font-weight: 400; font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--text-brand); margin: 0; }
.ev-m .display { font-family: var(--font-serif); font-weight: 300; line-height: 1.05; letter-spacing: -0.02em; color: var(--text-primary); margin: 0; }
.ev-m .display em { font-style: italic; font-weight: 400; color: var(--green-600); }
.ev-m h2.title { font-family: var(--font-serif); font-weight: 300; font-size: clamp(2rem, 3.6vw, 3rem); line-height: 1.1; letter-spacing: -0.02em; margin: 0; }
.ev-m h2.title em { font-style: italic; color: var(--accent-strong); }
.ev-m .lede { font-size: var(--text-lg); line-height: 1.55; color: var(--text-secondary); margin: 0; }
.ev-m .muted { color: var(--text-muted); }
.ev-m .btn { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-sans); font-size: 15px; font-weight: 600; border-radius: 999px; padding: 14px 26px; cursor: pointer; border: 1px solid transparent; text-decoration: none; transition: .18s; white-space: nowrap; }
.ev-m .btn-primary { background: var(--color-primary); color: var(--color-on-primary); }
.ev-m .btn-primary:hover { background: var(--color-primary-hover); }
.ev-m .btn-red { background: var(--danger-500); color: var(--white); }
.ev-m .btn-red:hover { background: var(--danger-600); }
.ev-m .btn-ghost { background: transparent; color: var(--text-primary); border-color: var(--border-strong); }
.ev-m .btn-ghost:hover { border-color: var(--ink-900); }
.ev-m .btn-sm { padding: 10px 18px; font-size: 14px; }
.ev-m .promo { background: var(--green-900); color: var(--text-on-dark); text-align: center; font-size: 13px; letter-spacing: 0.01em; padding: 9px 16px; }
.ev-m .promo strong { color: var(--white); font-weight: 600; }
.ev-m .promo a { color: var(--seafoam-300); text-decoration: underline; text-underline-offset: 2px; }
.ev-m nav.bar { position: sticky; top: 0; z-index: 40; background: color-mix(in srgb, var(--sand-50) 88%, transparent); backdrop-filter: blur(10px); border-bottom: 1px solid var(--border-subtle); }
.ev-m .bar-inner { display: flex; align-items: center; gap: 32px; height: 68px; }
.ev-m .wordmark { font-family: var(--font-brand); font-weight: 300; font-size: 23px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--green-700); margin: 0; }
.ev-m .navlinks { display: flex; gap: 30px; margin: 0 auto 0 22px; }

  @media (max-width: 600px) {.ev-m .nav-cta a.shop-all { display: none; }
.ev-m .navlinks { gap: 18px; margin-left: 12px; }
 }.ev-m .navlinks a { font-size: 16px; color: var(--text-primary); text-decoration: none; font-weight: 500; }
.ev-m .navlinks a:hover { color: var(--text-brand); }
.ev-m .nav-cta { display: flex; align-items: center; gap: 20px; }
.ev-m .nav-cta a.shop-all { font-size: 16px; color: var(--text-primary); text-decoration: none; font-weight: 500; }
.ev-m .nav-cta a.shop-all:hover { color: var(--text-brand); }
.ev-m .nav-search { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 999px; border: 1px solid var(--border-strong); background: transparent; color: var(--text-primary); cursor: pointer; padding: 0; transition: border-color .18s, color .18s; }
.ev-m .nav-search:hover { border-color: var(--text-primary); color: var(--text-brand); }
.ev-m .login-btn { padding: 12px 30px; font-size: 15px; }
.ev-m .nav-toggle { display: none; flex-direction: column; justify-content: center; gap: 5px; width: 42px; height: 42px; border: none; background: transparent; cursor: pointer; padding: 0; }
.ev-m .nav-toggle span { display: block; width: 24px; height: 2px; border-radius: 2px; background: var(--text-primary); margin: 0 auto; transition: transform .25s ease, opacity .2s ease; }
.ev-m .nav-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.ev-m .nav-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.ev-m .nav-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.ev-m .nav-menu { display: none; }
.ev-m .hero { position: relative; height: clamp(580px, 84vh, 840px); overflow: hidden; display: flex; align-items: flex-end; }
.ev-m .hero-video { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; background: var(--green-900); }
.ev-m .hero-scrim { position: absolute; inset: 0; z-index: 1; background: linear-gradient(0deg, rgba(15,42,32,.82) 0%, rgba(15,42,32,.34) 46%, rgba(15,42,32,.14) 74%, transparent 100%); }
.ev-m .hero-overlay { position: relative; z-index: 2; width: 100%; padding-bottom: 48px; }
.ev-m .hero-copy { display: flex; flex-direction: column; gap: 22px; align-items: flex-start; max-width: 720px; }
.ev-m .pill { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; letter-spacing: 0.04em; color: var(--white); background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.24); border-radius: 999px; padding: 6px 13px; backdrop-filter: blur(4px); }
.ev-m .hero .display { font-size: clamp(2.9rem, 5.8vw, 4.8rem); color: var(--white); }
.ev-m .hero .display em { color: var(--seafoam-300); }
.ev-m .hero .lede { color: rgba(255,255,255,.88); max-width: 620px; }
.ev-m .hero-cta { display: flex; gap: 14px; flex-wrap: wrap; }
.ev-m .hero .btn-ghost { color: var(--white); border-color: rgba(255,255,255,.5); }
.ev-m .hero .btn-ghost:hover { border-color: var(--white); background: rgba(255,255,255,.08); }
.ev-m .nhero { padding: 38px 0 6px; }
.ev-m .nhero-title { font-size: clamp(2.7rem, 7vw, 4.6rem); line-height: 1.0; letter-spacing: -0.02em; color: var(--text-primary); margin: 0 0 24px; }
.ev-m .nhero-title em { font-style: italic; color: var(--green-600); }
.ev-m .spellout { display: inline-block; white-space: nowrap; }
.ev-m .spellout span { display: inline-block; opacity: 0; transform: translateY(0.5em); filter: blur(8px); animation: letterRise 0.7s cubic-bezier(.2,.65,.2,1) both; }

  @keyframes letterRise { to { opacity: 1; transform: translateY(0); filter: blur(0); } }
  @media (prefers-reduced-motion: reduce) {.ev-m .spellout span { animation: none; opacity: 1; transform: none; filter: none; }
 }.ev-m .nhero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
.ev-m .nh-big { position: relative; display: flex; flex-direction: column; justify-content: space-between; min-height: 380px; padding: 26px; border-radius: 24px; overflow: hidden; text-decoration: none; color: var(--white); background-size: cover; background-position: center; isolation: isolate; }
.ev-m .nh-big::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(12,30,22,.34) 0%, rgba(12,30,22,.16) 40%, rgba(10,26,18,.50) 72%, rgba(8,22,15,.82) 100%); transition: opacity .25s ease; }
.ev-m .nh-big:hover::after { opacity: .86; }
.ev-m .nh-big h2 { font-family: var(--font-serif); font-weight: 300; font-size: clamp(1.55rem, 2.6vw, 2.3rem); line-height: 1.06; margin: 0; }
.ev-m .nh-big h2 em { font-style: italic; color: var(--seafoam-300); }
.ev-m .nh-big .nh-sub { margin: 9px 0 0; font-size: 14px; line-height: 1.4; color: rgba(255,255,255,.84); max-width: 15em; }
.ev-m .nh-cta { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; font-size: 15px; color: var(--white); }
.ev-m .nh-cta svg { transition: transform .2s ease; }
.ev-m .nh-big:hover .nh-cta svg { transform: translateX(4px); }
.ev-m .nh-big.nh-labs { background: #f5f1e9 url('https://everlife-plasmic-import.brian-e0f.workers.dev/_img/68ca8fb9d332/labs-block.jpg?w=860') center / cover no-repeat; color: var(--text-primary); }
.ev-m .nh-big.nh-labs::after { display: none; }
.ev-m .nh-labs h2 { color: #fff; }
.ev-m .nh-labs .nh-cta { color: #fff; }
.ev-m .nhero-rows { display: flex; flex-direction: column; gap: 14px; }
.ev-m .nh-row { display: flex; align-items: center; gap: 16px; padding: 15px 16px 15px 24px; border-radius: 20px; background: var(--sand-100); text-decoration: none; border: 1px solid var(--border-subtle); transition: background .18s ease, border-color .18s ease, transform .18s ease; }
.ev-m .nh-row:hover { background: #EFE8D9; border-color: var(--border-default); }
.ev-m .nh-row-label { flex: 1; font-family: var(--font-serif); font-weight: 400; font-size: clamp(1.2rem, 2vw, 1.6rem); color: var(--text-primary); line-height: 1.12; }
.ev-m .nh-row-label em { font-style: italic; color: var(--green-600); }
.ev-m .nh-row-img { width: 76px; height: 76px; border-radius: 16px; object-fit: cover; flex-shrink: 0; background: var(--white); }
.ev-m .nh-chev { color: var(--text-muted); flex-shrink: 0; transition: transform .2s ease; }
.ev-m .nh-row:hover .nh-chev { transform: translateX(3px); color: var(--text-primary); }
.ev-m .trust-row { display: flex; flex-wrap: wrap; gap: 26px; margin-top: 6px; }
.ev-m .trust-row .ti { display: flex; align-items: center; gap: 8px; color: rgba(255,255,255,.92); font-size: 13.5px; font-weight: 500; }
.ev-m .trust-row .ti .gold { color: #F2C14E; letter-spacing: 1px; }
.ev-m .trust-row .ti .dot { width: 5px; height: 5px; border-radius: 999px; background: var(--seafoam-300); }
.ev-m section.block { padding: 88px 0; }
.ev-m .sec-head { display: flex; flex-direction: column; gap: 14px; max-width: 660px; margin-bottom: 48px; }
.ev-m .sec-head.center { margin-inline: auto; text-align: center; align-items: center; }
.ev-m .goal-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 30px; flex-wrap: wrap; }
.ev-m .gender-toggle { display: inline-flex; background: var(--sand-100); border: 1px solid var(--border-subtle); border-radius: 999px; padding: 4px; gap: 4px; }
.ev-m .gender-toggle button { border: none; background: transparent; font-family: var(--font-sans); font-size: 14.5px; font-weight: 600; color: var(--text-muted); padding: 10px 26px; border-radius: 999px; cursor: pointer; transition: .16s; display: inline-flex; align-items: center; gap: 8px; }
.ev-m .gender-toggle button.active { background: var(--accent); color: var(--accent-on); }
.ev-m .goal-nav { display: flex; gap: 10px; flex: none; }
.ev-m .goal-track { display: flex; gap: 20px; overflow-x: auto; scroll-behavior: smooth; scroll-snap-type: x mandatory; padding: 4px 4px 18px; margin: 0 -4px; scrollbar-width: none; }
.ev-m .goal-track::-webkit-scrollbar { display: none; }
.ev-m .goal { scroll-snap-align: start; flex: 0 0 380px; background: var(--color-surface); border: 1px solid var(--border-subtle); border-radius: 14px; padding: 0; overflow: hidden; display: flex; flex-direction: column; text-decoration: none; transition: .2s; }
.ev-m .goal:hover { box-shadow: 0 18px 40px -22px rgba(40,30,20,.32); transform: translateY(-3px); border-color: var(--border-default); }
.ev-m .goal .gimg { aspect-ratio: 1/1; overflow: hidden; background: var(--sand-200); }
.ev-m .goal .gimg img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.ev-m .goal:hover .gimg img { transform: scale(1.05); }
.ev-m .goal .gbody { padding: 24px 26px 26px; display: flex; flex-direction: column; gap: 14px; flex: 1; }
.ev-m .goal .gh { display: flex; align-items: center; gap: 13px; }
.ev-m .goal .gicon { width: 44px; height: 44px; border-radius: 12px; background: var(--accent-tint); color: var(--accent-strong); display: flex; align-items: center; justify-content: center; flex: none; }
.ev-m .goal h3 { font-family: var(--font-serif); font-weight: 400; font-size: 1.45rem; margin: 0; letter-spacing: -0.01em; color: var(--text-primary); }
.ev-m .goal .tags { display: flex; flex-wrap: wrap; gap: 8px; }
.ev-m .goal .tg { font-size: 13px; font-weight: 500; color: var(--text-secondary); background: var(--sand-100); border: 1px solid var(--border-subtle); border-radius: 999px; padding: 5px 12px; }
.ev-m .goal .more { margin-top: 4px; font-size: 14px; font-weight: 600; color: var(--text-brand); }
.ev-m .carousel { }
.ev-m .car-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.ev-m .car-head h3 { font-family: var(--font-serif); font-weight: 400; font-size: 1.7rem; letter-spacing: -0.01em; margin: 0; color: var(--text-primary); }
.ev-m .car-head p { margin: 6px 0 0; font-size: 15px; color: var(--text-muted); }
.ev-m .car-nav { display: flex; gap: 10px; flex: none; }
.ev-m .car-btn { width: 44px; height: 44px; border-radius: 999px; border: 1px solid var(--border-strong); background: var(--color-surface); color: var(--text-primary); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: .16s; }
.ev-m .car-btn:hover { border-color: var(--ink-900); background: var(--sand-100); }
.ev-m .car-btn:disabled { opacity: .35; cursor: default; }
.ev-m .car-track { display: flex; gap: 20px; overflow-x: auto; scroll-behavior: smooth; scroll-snap-type: x mandatory; padding: 4px 4px 18px; margin: 0 -4px; scrollbar-width: none; }
.ev-m .car-track::-webkit-scrollbar { display: none; }
.ev-m .product { scroll-snap-align: start; flex: 0 0 300px; background: var(--color-surface); border: 1px solid var(--border-subtle); border-radius: 14px; overflow: hidden; display: flex; flex-direction: column; text-decoration: none; transition: .2s; }
.ev-m .product:hover { box-shadow: 0 18px 40px -22px rgba(40,30,20,.32); transform: translateY(-3px); border-color: var(--border-default); }
.ev-m .product .pimg { position: relative; height: 304px; overflow: hidden; background: #FFFFFF; display: flex; flex-direction: column; align-items: center; padding: 12px 14px 0; }
.ev-m .product .pimg img { margin-top: auto; width: auto !important; height: 256px !important; max-width: 100%; object-fit: contain; object-position: bottom; }
.ev-m .use-badge { position: static; align-self: flex-start; font-family: var(--font-sans); font-size: 11.5px; font-weight: 600; letter-spacing: 0.02em; color: var(--accent-strong); background: var(--accent-tint); border: 1px solid color-mix(in srgb, var(--accent-strong) 22%, transparent); border-radius: 999px; padding: 5px 12px; }
.ev-m .product .pb { padding: 20px 20px 22px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.ev-m .product .pcat { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--text-muted); font-weight: 600; }
.ev-m .product h4 { font-family: var(--font-serif); font-weight: 400; font-size: 1.3rem; margin: 0; letter-spacing: -0.01em; color: var(--text-primary); }
.ev-m .product .pfeat { list-style: none; margin: 8px 0 0; padding: 0 0 0 4px; display: flex; flex-direction: column; gap: 6px; }
.ev-m .product .pfeat li { position: relative; padding-left: 16px; font-size: 13px; line-height: 1.45; color: var(--text-secondary); }
.ev-m .product .pfeat li::before { content: ""; position: absolute; left: 0; top: 7px; width: 5px; height: 5px; border-radius: 999px; background: var(--green-400); }
.ev-m .product .pprice { margin-top: auto; padding-top: 12px; display: flex; align-items: center; gap: 8px; }
.ev-m .product .pprice .amt { font-size: 17px; font-weight: 700; color: var(--text-primary); }
.ev-m .product .pprice .per { font-size: 13px; color: var(--text-muted); }
.ev-m .product .pprice .shop { margin-left: auto; font-family: var(--font-sans); font-size: 13px; font-weight: 700; font-style: italic; color: var(--ink-900); text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.ev-m .product:hover .pprice .shop { color: #000; }
.ev-m .product .shop-btn { display: block; margin-top: 14px; padding: 12px 18px; border-radius: 999px; background: #C82414; color: #fff; text-align: center; font-family: var(--font-sans); font-weight: 600; font-size: 14px; letter-spacing: .01em; transition: background .18s ease; }
.ev-m .product:hover .shop-btn { background: #B01F11; }
.ev-m .why { background: var(--color-canvas); }
.ev-m .why-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px; }
.ev-m .why-col { display: flex; flex-direction: column; gap: 14px; }
.ev-m .why-col .ic { width: 52px; height: 52px; border-radius: 14px; background: var(--green-700); color: var(--white); display: flex; align-items: center; justify-content: center; }
.ev-m .why-col h3 { font-family: var(--font-serif); font-weight: 400; font-size: 1.5rem; margin: 6px 0 0; letter-spacing: -0.01em; }
.ev-m .why-col p { margin: 0; font-size: 15.5px; line-height: 1.6; color: var(--text-secondary); }
.ev-m .how { background: var(--green-900); color: var(--text-on-dark); }
.ev-m .how .title, .ev-m .how .eyebrow { color: var(--white); }
.ev-m .how .eyebrow { color: var(--seafoam-300); }
.ev-m .steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 26px; margin-top: 12px; }
.ev-m .step { padding-top: 26px; border-top: 1px solid color-mix(in srgb, var(--seafoam-300) 30%, transparent); }
.ev-m .step .num { font-family: var(--font-serif); font-size: 2.4rem; font-weight: 300; color: var(--seafoam-300); line-height: 1; }
.ev-m .step h3 { font-family: var(--font-serif); font-weight: 400; font-size: 1.3rem; margin: 16px 0 8px; color: var(--white); }
.ev-m .step p { margin: 0; color: var(--text-on-dark-muted); font-size: 14.5px; line-height: 1.55; }
.ev-m .proof { background: var(--sand-100); padding-top: 48px; }
.ev-m .proof-top { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; margin-bottom: 10px; }
.ev-m .tp-score { display: inline-flex; align-items: center; gap: 10px; flex-wrap: nowrap; white-space: nowrap; max-width: 100%; background: var(--color-surface); border: 1px solid var(--border-subtle); border-radius: 999px; padding: 10px 18px; }
.ev-m .tp-score img { flex: 0 1 auto; min-width: 0; }
.ev-m .tp-score .stars { color: #00B67A; font-size: 19px; letter-spacing: 2px; }
.ev-m .tp-score b { font-size: 17px; }
.ev-m .proof-media { display: grid; grid-template-columns: 1.3fr 1fr; gap: 22px; margin: 44px 0 22px; }
.ev-m .vid-test { position: relative; border-radius: 14px; overflow: hidden; min-height: 320px; }
.ev-m .vid-test img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ev-m .vid-test .play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
.ev-m .vid-test .play span { width: 70px; height: 70px; border-radius: 999px; background: rgba(255,255,255,.92); display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 26px -8px rgba(0,0,0,.4); }
.ev-m .ugc-grid { display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 1fr; gap: 14px; }
.ev-m .ugc-grid img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; display: block; aspect-ratio: 1/1; }
.ev-m .rev-carousel { margin-top: 22px; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.ev-m .rev-track { display: flex; gap: 22px; width: max-content; animation: revScroll 38s linear infinite; }
.ev-m .rev-carousel:hover .rev-track { animation-play-state: paused; }

  @keyframes revScroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
  @media (prefers-reduced-motion: reduce) {.ev-m .rev-track { animation: none; }
 }.ev-m .review { flex: 0 0 340px; background: var(--color-surface); border: 1px solid var(--border-subtle); border-radius: 12px; padding: 26px; display: flex; flex-direction: column; gap: 16px; }
.ev-m .review .stars { color: #00B67A; font-size: 15px; letter-spacing: 1px; }
.ev-m .review p { margin: 0; font-family: var(--font-serif); font-size: 1.12rem; line-height: 1.5; font-weight: 300; color: var(--text-primary); }
.ev-m .review .who { display: flex; align-items: center; gap: 12px; margin-top: auto; }
.ev-m .avatar { width: 40px; height: 40px; border-radius: 999px; background: var(--sand-300); flex: none; object-fit: cover; }
.ev-m .review .who .nm { font-size: 14px; font-weight: 600; }
.ev-m .review .who .mt { font-size: 12.5px; color: var(--text-muted); }
.ev-m .cat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.ev-m .catile { aspect-ratio: 1 / 1; position: relative; border-radius: 14px; overflow: hidden; display: flex; align-items: flex-end; cursor: pointer; }
.ev-m .catile img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.ev-m .catile:hover img { transform: scale(1.05); }
.ev-m .catile .sc { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(15,42,32,.9), rgba(15,42,32,.18) 64%); }
.ev-m .catile .lbl { position: relative; z-index: 2; padding: 22px; width: 100%; display: flex; flex-direction: column; }
.ev-m .cat-badge { align-self: flex-start; margin-bottom: 9px; font-family: var(--font-sans); font-size: 9.5px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--white); border: 1px solid rgba(255,255,255,.65); border-radius: 999px; padding: 4px 10px; background: rgba(0,0,0,.16); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.ev-m .catile h3 { font-family: var(--font-serif); font-weight: 400; font-size: 1.45rem; color: var(--white); margin: 0; letter-spacing: -0.01em; }
.ev-m .cat-cta { display: flex; gap: 9px; margin-top: 0; max-height: 0; opacity: 0; overflow: hidden; transition: max-height .3s ease, opacity .25s ease, margin-top .3s ease; }
.ev-m .catile.open .cat-cta { max-height: 60px; opacity: 1; margin-top: 14px; }
.ev-m .cat-cta a { flex: 1; display: flex; align-items: center; justify-content: center; text-align: center; font-family: var(--font-sans); font-size: 11px; font-weight: 600; text-decoration: none; border-radius: 999px; padding: 9px 0; transition: .16s; background: rgba(255,255,255,.14); color: var(--white); border: 1px solid rgba(255,255,255,.5); }
.ev-m .cat-cta .men { background: var(--white); color: var(--green-800); border-color: var(--white); }
.ev-m .cat-cta:hover .men { background: rgba(255,255,255,.14); color: var(--white); border-color: rgba(255,255,255,.5); }
.ev-m .cat-cta:hover a:hover { background: var(--white); color: var(--green-800); border-color: var(--white); }
.ev-m .proc { background: #F5F1E8; color: var(--text-primary); padding-top: 70px; padding-bottom: 48px; }
.ev-m .proc .title { color: var(--text-primary); }
.ev-m .proc .eyebrow { color: var(--text-brand); }
.ev-m .proc .lede { color: var(--text-secondary); }
.ev-m .proc-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 40px; }
.ev-m .proc-head .sec-head { margin-bottom: 0; }
.ev-m .proc-nav { display: flex; gap: 10px; flex: none; }
.ev-m .proc-btn { width: 46px; height: 46px; border-radius: 999px; border: 1px solid var(--border-strong); background: var(--color-surface); color: var(--text-primary); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: .16s; }
.ev-m .proc-btn:hover { background: var(--sand-100); border-color: var(--ink-900); }
.ev-m .proc-btn:disabled { opacity: .3; cursor: default; }
.ev-m .proc-track { display: flex; flex-direction: column; gap: 14px; padding: 0; margin: 0; }
.ev-m .proc-track::-webkit-scrollbar { display: none; }
.ev-m .pcard { display: flex; align-items: center; gap: 16px; padding: 15px 24px; background: var(--color-surface); border: 1px solid var(--border-subtle); border-radius: 20px; overflow: hidden; }
.ev-m .pcard .ptop { display: contents; }
.ev-m .pcard .picon { width: 46px; height: 46px; border-radius: 12px; background: var(--seafoam-50); color: var(--green-700); display: flex; align-items: center; justify-content: center; flex: none; order: 1; }
.ev-m .pcard .picon svg { width: 22px; height: 22px; }
.ev-m .pcard .pnum { order: 0; margin-right: 2px; font-family: var(--font-serif); font-weight: 300; font-size: 2rem; line-height: 1; color: var(--border-strong); flex: none; min-width: 1.1em; text-align: center; }
.ev-m .pcard .pbody { order: 2; padding: 0; display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.ev-m .pcard h3 { font-family: var(--font-serif); font-weight: 400; font-size: 1.1rem; margin: 0; color: var(--text-primary); line-height: 1.15; letter-spacing: -0.01em; }
.ev-m .pcard p { margin: 0; font-size: 13px; line-height: 1.4; color: var(--text-secondary); }
lumn; }
  @media (min-width: 861px) {.ev-m .proc-title { white-space: nowrap; }
 }.ev-m .referral { padding: 40px 0 20px; }
.ev-m .ref-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: stretch; }
.ev-m .ref-card { position: relative; overflow: hidden; color: var(--white); border-radius: 22px; padding: 48px; display: flex; flex-direction: column; }
.ev-m .ref-card.amb { background: var(--green-900); }
.ev-m .ref-card.amb::before { content: ""; position: absolute; inset: 0; z-index: 0; background-image: linear-gradient(rgba(15,42,32,.86), rgba(15,42,32,.9)), url("https://everlife-plasmic-import.brian-e0f.workers.dev/_img/ec5f7681f021/ambassador-bg.png?w=860"); background-size: cover; background-position: center; pointer-events: none; }
.ev-m .ref-card.ref { background: #AC6843; }
.ev-m .ref-card.ref::before { content: ""; position: absolute; inset: 0; z-index: 0; background-image: linear-gradient(rgba(172,104,67,.86), rgba(140,80,52,.9)), url("https://everlife-plasmic-import.brian-e0f.workers.dev/_img/50f3a7ff1934/referral-bg.png?w=860"); background-size: cover; background-position: center; pointer-events: none; }
.ev-m .ref-card::after { content: ""; position: absolute; right: -90px; top: -90px; width: 300px; height: 300px; border-radius: 999px; background: radial-gradient(circle, rgba(255,255,255,.14), transparent 70%); pointer-events: none; }
.ev-m .ref-card > * { position: relative; z-index: 1; }
.ev-m .ref-card .eyebrow { color: var(--seafoam-300); margin-bottom: 14px; }
.ev-m .ref-card.ref .eyebrow { color: #F4E0D2; }
.ev-m .ref-card h2 { font-family: var(--font-serif); font-weight: 300; font-size: clamp(1.9rem, 2.6vw, 2.5rem); line-height: 1.08; letter-spacing: -0.02em; margin: 0 0 14px; color: var(--white); min-height: 2.2em; }
.ev-m .ref-card h2 em { font-style: italic; color: var(--seafoam-300); }
.ev-m .ref-card.ref h2 em { color: #F6E7DA; }
.ev-m .ref-card > p { margin: 0; font-size: 16px; line-height: 1.55; color: rgba(255,255,255,.85); }
.ev-m .ref-benefits { display: flex; flex-direction: column; gap: 14px; margin: 28px 0 0; }
.ev-m .ref-benefit { display: flex; align-items: center; gap: 13px; }
.ev-m .ref-benefit .rb-ic { flex: none; width: 40px; height: 40px; border-radius: 999px; border: 1.5px solid var(--seafoam-300); color: var(--seafoam-300); display: flex; align-items: center; justify-content: center; }
.ev-m .ref-card.ref .rb-ic { border-color: #F4E0D2; color: #F4E0D2; }
.ev-m .ref-benefit span { font-size: 15.5px; line-height: 1.35; color: rgba(255,255,255,.85); }
.ev-m .ref-benefit span b { color: var(--white); font-weight: 700; }
.ev-m .ref-card .btn { align-self: flex-start; margin-top: 36px; }

  @media (max-width: 860px) {.ev-m .ref-grid { grid-template-columns: 1fr; }
.ev-m .ref-card { padding: 40px 32px; }
 }.ev-m .science { background: #FBFAF5; }
.ev-m .art-grid { display: flex; gap: 22px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; padding: 4px 4px 16px; margin: 0 -4px; scrollbar-width: none; }
.ev-m .art-grid::-webkit-scrollbar { display: none; }
.ev-m .article { scroll-snap-align: start; flex: 0 0 320px; background: var(--color-surface); border: 1px solid var(--border-subtle); border-radius: 14px; overflow: hidden; display: flex; flex-direction: column; text-decoration: none; transition: .2s; }
.ev-m .article:hover { box-shadow: 0 16px 36px -22px rgba(40,30,20,.3); transform: translateY(-3px); }
.ev-m .article .ph { aspect-ratio: 16/10; overflow: hidden; }
.ev-m .article .ph img { width: 100%; height: 100%; object-fit: cover; }
.ev-m .article .ab { padding: 22px 22px 24px; display: flex; flex-direction: column; gap: 10px; }
.ev-m .article .tag { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent-strong); font-weight: 600; }
.ev-m .article h3 { font-family: var(--font-serif); font-weight: 400; font-size: 1.3rem; margin: 0; line-height: 1.25; letter-spacing: -0.01em; color: var(--text-primary); }
.ev-m .article .rd { margin-top: 4px; font-size: 13.5px; font-weight: 600; color: var(--text-brand); }
.ev-m .faq { background: var(--color-canvas); }
.ev-m .faq-list { max-width: 880px; margin: 0 auto; border-top: 1px solid var(--border-default); }
.ev-m .faq-item { border-bottom: 1px solid var(--border-default); }
.ev-m .faq-q { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 24px; background: none; border: none; cursor: pointer; text-align: left; padding: 26px 4px; font-family: var(--font-sans); font-size: 1.18rem; font-weight: 500; color: var(--text-primary); }
.ev-m .faq-q:hover { color: var(--text-brand); }
.ev-m .faq-ico { flex: none; width: 24px; height: 24px; position: relative; transition: transform .25s; }
.ev-m .faq-ico::before, .ev-m .faq-ico::after { content: ""; position: absolute; background: var(--text-muted); border-radius: 2px; }
.ev-m .faq-ico::before { top: 11px; left: 2px; right: 2px; height: 2px; }
.ev-m .faq-ico::after { left: 11px; top: 2px; bottom: 2px; width: 2px; transition: opacity .25s; }
.ev-m .faq-item.open .faq-ico::after { opacity: 0; }
.ev-m .faq-a { overflow: hidden; max-height: 0; transition: max-height .3s ease; }
.ev-m .faq-a p { margin: 0; padding: 0 4px 28px; max-width: 760px; font-size: 16px; line-height: 1.6; color: var(--text-secondary); }
.ev-m .stay-grid { display: flex; flex-direction: column; gap: 14px; }
.ev-m .stay { display: grid; grid-template-columns: 46px 1fr; column-gap: 16px; row-gap: 2px; align-items: center; padding: 15px 24px; border: 1px solid var(--border-subtle); border-radius: 20px; background: var(--sand-100); }
.ev-m .stay .ic { grid-row: 1 / 3; width: 46px; height: 46px; border-radius: 12px; background: var(--accent-tint); color: var(--accent-strong); display: flex; align-items: center; justify-content: center; }
.ev-m .stay h3 { grid-column: 2; font-size: 1rem; font-weight: 700; margin: 0; color: var(--text-primary); }
.ev-m .stay p { grid-column: 2; margin: 0; font-size: 13px; line-height: 1.4; color: var(--text-secondary); }
.ev-m .biomarq { background: #FBFAF5; padding: 30px 0; overflow: hidden; }
.ev-m .biomarq-track { display: flex; gap: 14px; width: max-content; animation: bioScroll 46s linear infinite; }
.ev-m .biomarq:hover .biomarq-track { animation-play-state: paused; }
.ev-m .biopill { display: inline-flex; align-items: center; gap: 9px; white-space: nowrap; font-size: 15px; font-weight: 500; color: var(--text-primary); border: 1px solid rgba(28,68,41,.18); border-radius: 999px; padding: 11px 22px; background: rgba(255,255,255,.45); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 2px 8px -4px rgba(40,30,20,.18); transition: background .16s, border-color .16s; }
.ev-m .biopill::before { content: ""; width: 7px; height: 7px; border-radius: 999px; background: var(--green-400); flex: none; transition: background .16s; }
.ev-m .biopill:hover { background: rgba(255,255,255,.75); border-color: rgba(28,68,41,.32); }
.ev-m .biopill:hover::before { background: var(--green-600); }

  @keyframes bioScroll { to { transform: translateX(-50%); } }
  @media (prefers-reduced-motion: reduce) {.ev-m .biomarq-track { animation: none; }
 }.ev-m .labs { background: #FBFAF5; }
.ev-m .labs-grid { display: flex; gap: 24px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; padding: 4px 4px 16px; margin: 0 -4px; scrollbar-width: none; }
.ev-m .labs-grid::-webkit-scrollbar { display: none; }
.ev-m .labcard { scroll-snap-align: start; flex: 0 0 320px; background: var(--color-surface); border: 1px solid var(--border-subtle); border-radius: 18px; padding: 32px 30px; display: flex; flex-direction: column; }
.ev-m .labcard .lnum { font-family: var(--font-brand); font-size: 13px; font-weight: 600; letter-spacing: 0.14em; color: var(--accent-strong); text-align: center; }
.ev-m .labcard h3 { font-family: var(--font-serif); font-weight: 400; font-size: 1.7rem; margin: 12px 0 8px; letter-spacing: -0.01em; text-align: center; color: var(--text-primary); }
.ev-m .labcard .lsub { font-size: 14.5px; line-height: 1.5; color: var(--text-muted); text-align: center; margin: 0 0 28px; }
.ev-m .labcard .lviz { margin-top: auto; }
.ev-m .lab-cal { border: 1px solid var(--border-subtle); border-radius: 14px; padding: 16px; background: var(--sand-50); }
.ev-m .cal-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.ev-m .cal-head .cm { font-family: var(--font-serif); font-size: 1.05rem; color: var(--text-primary); }
.ev-m .cal-head .cnav { display: flex; gap: 6px; }
.ev-m .cal-head .cnav span { width: 24px; height: 24px; border-radius: 999px; border: 1px solid var(--border-default); display: flex; align-items: center; justify-content: center; color: var(--text-muted); font-size: 12px; }
.ev-m .cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; }
.ev-m .cal-grid .cw { font-size: 9.5px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-muted); text-align: center; padding-bottom: 4px; }
.ev-m .cal-cell { aspect-ratio: 1; display: flex; align-items: center; justify-content: center; font-size: 12.5px; color: var(--text-secondary); border-radius: 8px; }
.ev-m .cal-cell.muted { color: var(--sand-400); }
.ev-m .cal-cell.on { background: var(--accent); color: var(--accent-on); font-weight: 700; }
.ev-m .cal-confirm { display: flex; align-items: center; gap: 9px; margin-top: 14px; padding: 11px 14px; border: 1px solid var(--border-subtle); border-radius: 999px; background: var(--color-surface); font-size: 13px; font-weight: 600; color: var(--text-primary); }
.ev-m .cal-confirm .cdot { width: 8px; height: 8px; border-radius: 999px; background: var(--accent); flex: none; }
.ev-m .cal-confirm .ct { color: var(--text-muted); font-weight: 500; margin-left: auto; }
.ev-m .lab-chart { display: flex; gap: 14px; }
.ev-m .lab-bands { display: flex; flex-direction: column; justify-content: space-between; gap: 8px; padding: 6px 0; }
.ev-m .lab-band { display: flex; align-items: center; gap: 9px; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-muted); white-space: nowrap; }
.ev-m .lab-band i { width: 5px; height: 30px; border-radius: 999px; background: var(--sand-200); display: block; }
.ev-m .lab-band.on i { background: var(--accent); }
.ev-m .lab-band.on { color: var(--text-primary); font-weight: 600; }
.ev-m .lab-plot { flex: 1; position: relative; min-height: 150px; }
.ev-m .lab-donut { flex: 1; display: flex; align-items: center; justify-content: center; padding: 6px 0; margin-top: 0; }
.ev-m .lab-plan { display: flex; flex-direction: column; gap: 12px; }
.ev-m .lab-item { display: flex; align-items: center; gap: 14px; border: 1px solid var(--border-subtle); border-radius: 12px; padding: 14px 16px; }
.ev-m .lab-item .li-ic { width: 42px; height: 42px; border-radius: 10px; background: var(--accent); color: var(--accent-on); display: flex; align-items: center; justify-content: center; flex: none; }
.ev-m .lab-item .li-t { font-size: 15px; font-weight: 700; color: var(--text-primary); }
.ev-m .lab-item .li-s { font-size: 13px; color: var(--text-muted); margin-top: 2px; }
.ev-m .path { position: relative; overflow: hidden; background: var(--green-900); }
.ev-m .path-video { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; }
.ev-m .path-scrim { position: absolute; inset: 0; z-index: 1; background: linear-gradient(120deg, rgba(15,42,32,.82), rgba(15,42,32,.55)); }
.ev-m .path .wrap { position: relative; z-index: 2; }
.ev-m .path .title, .ev-m .path .eyebrow { color: var(--white); }
.ev-m .path .eyebrow { color: var(--seafoam-300); }
.ev-m .path .lede { color: rgba(255,255,255,.85); }
.ev-m .path-card { background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.22); border-radius: 20px; padding: 48px; margin-top: 12px; backdrop-filter: blur(16px) saturate(120%); -webkit-backdrop-filter: blur(16px) saturate(120%); box-shadow: 0 24px 60px -30px rgba(0,0,0,.5); }
.ev-m .path-q { font-family: var(--font-serif); font-weight: 300; font-size: 1.7rem; margin: 0 0 26px; color: var(--white); }
.ev-m .path-opts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.ev-m .opt { display: flex; align-items: center; gap: 12px; padding: 18px 20px; border-radius: 14px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.18); color: var(--white); font-size: 15.5px; font-weight: 500; cursor: pointer; transition: .18s; text-decoration: none; }
.ev-m .opt:hover { background: rgba(255,255,255,.2); border-color: var(--seafoam-300); }
.ev-m .opt .oi { color: var(--seafoam-300); display: flex; }
.ev-m .path-foot { display: flex; align-items: center; gap: 16px; margin-top: 30px; flex-wrap: wrap; }
.ev-m .path-foot .prog { font-size: 13px; color: rgba(255,255,255,.7); }
.ev-m .closing { background: var(--green-950); color: var(--white); text-align: center; padding: 120px 0; }
.ev-m .closing .big { font-family: var(--font-serif); font-weight: 300; font-size: clamp(2.6rem, 6vw, 5rem); line-height: 1.05; letter-spacing: -0.02em; margin: 0 0 22px; }
.ev-m .closing .big em { font-style: italic; color: var(--seafoam-300); }
.ev-m .closing p.sub { max-width: 560px; margin: 0 auto 32px; color: rgba(255,255,255,.82); font-size: 17px; line-height: 1.6; }
.ev-m .closing .hero-cta { justify-content: center; }
.ev-m footer { background: var(--green-950); border-top: 1px solid var(--green-800); color: var(--text-on-dark-muted); padding: 70px 0 40px; }
.ev-m .foot-grid { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 40px; }
.ev-m .foot-fda { font-size: 13px; line-height: 1.6; color: color-mix(in srgb, var(--text-on-dark-muted) 85%, transparent); margin: 0 0 34px; padding-bottom: 30px; border-bottom: 1px solid var(--green-800); }
.ev-m .foot-toggle { display: flex; align-items: center; justify-content: space-between; }
.ev-m .foot-marks { display: flex; align-items: center; gap: 18px; }
.ev-m .foot-legit { height: 62px; width: auto; display: block; flex: none; }
.ev-m .fic { display: none; }
.ev-m .foot-links { display: block; }
.ev-m footer .wordmark { color: var(--sand-50); font-size: 21px; }
.ev-m .foot-col h4 { font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--seafoam-300); margin: 0 0 16px; font-weight: 600; font-family: var(--font-brand); }
.ev-m .foot-col a { display: block; color: var(--text-on-dark-muted); text-decoration: none; font-size: 14px; margin-bottom: 11px; }
.ev-m .foot-col a:hover { color: var(--white); }
.ev-m .foot-news p { font-size: 14px; line-height: 1.55; margin: 8px 0 16px; }
.ev-m .foot-bottom { border-top: 1px solid var(--green-800); margin-top: 50px; padding-top: 24px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 14px; font-size: 12.5px; }
.ev-m .foot-bottom .legal { max-width: 760px; line-height: 1.6; color: color-mix(in srgb, var(--text-on-dark-muted) 80%, transparent); }
.ev-m .foot-bottom .legal p { margin: 0 0 14px; }
.ev-m .foot-bottom .legal p:last-child { margin-bottom: 0; }
.ev-m .foot-bottom .legal a { color: inherit; text-decoration: underline; }
.ev-m .foot-copy { flex: none; }


  @media (max-width: 980px) {.ev-m .goal-grid, .ev-m .why-grid { grid-template-columns: 1fr 1fr; }
.ev-m .steps, .ev-m .stay-grid { grid-template-columns: 1fr; }
.ev-m .proof-media, .ev-m .path-opts { grid-template-columns: 1fr; }
.ev-m .foot-grid { grid-template-columns: 1fr 1fr; }
.ev-m .stay-grid { grid-template-columns: 1fr 1fr; }

  }
  @media (max-width: 620px) {.ev-m .goal-grid, .ev-m .why-grid, .ev-m .steps, .ev-m .stay-grid { grid-template-columns: 1fr; }

  }

  
  @media (max-width: 640px) {.ev-m .wrap { padding: 0 20px; }
.ev-m section.block { padding: 54px 0; }
.ev-m .sec-head { margin-bottom: 30px; gap: 12px; max-width: 100%; }
.ev-m .bar-inner { gap: 12px; height: 60px; }
.ev-m nav.bar .wordmark img { height: 24px !important; }
.ev-m .navlinks { display: none; }
.ev-m .nav-cta { gap: 6px; margin-left: auto; }
.ev-m .nav-cta a.shop-all { display: none; }
.ev-m .login-btn { display: none; }
.ev-m .nav-search { width: 42px; height: 42px; border: none; }
.ev-m .nav-toggle { display: flex; }
.ev-m .nav-menu { display: flex; flex-direction: column; position: absolute; top: 60px; left: 0; right: 0; background: var(--sand-50); border-bottom: 1px solid var(--border-subtle); box-shadow: 0 18px 30px -20px rgba(40,30,20,.4); padding: 0 20px; max-height: 0; overflow: hidden; opacity: 0; transition: max-height .3s ease, opacity .2s ease, padding .3s ease; }
.ev-m nav.bar.menu-open .nav-menu { max-height: 70vh; opacity: 1; padding: 8px 20px 22px; }
.ev-m .nav-menu a { font-size: 17px; font-weight: 500; color: var(--text-primary); text-decoration: none; padding: 15px 2px; border-bottom: 1px solid var(--border-subtle); }
.ev-m .nav-menu a:last-of-type { border-bottom: none; }
.ev-m .nav-menu .nav-menu-login { margin-top: 16px; justify-content: center; padding: 14px 26px; border-bottom: none; color: var(--white); }
.ev-m .promo { font-size: 12px; padding: 8px 14px; line-height: 1.4; }
.ev-m .hero { height: auto; min-height: 80vh; }
.ev-m .hero-overlay { padding-bottom: 34px; }
.ev-m .hero-copy { gap: 16px; max-width: 100%; }
.ev-m .hero .lede { font-size: 16px; }
.ev-m .hero-cta { width: 100%; gap: 10px; }
.ev-m .hero-cta .btn { flex: 1 1 auto; justify-content: center; }
.ev-m .trust-row { gap: 8px 16px; margin-top: 4px; }
.ev-m .trust-row .ti { font-size: 12.5px; }
.ev-m .car-head { flex-direction: column; align-items: flex-start; gap: 14px; }
.ev-m .proc-head { flex-direction: column; align-items: flex-start; gap: 18px; margin-bottom: 26px; }
.ev-m .proc-head .sec-head { margin-bottom: 0; }
.ev-m .goal-toolbar { gap: 14px; margin-bottom: 22px; }
.ev-m .gender-toggle button { padding: 9px 20px; }
.ev-m .car-track { gap: 14px; }
.ev-m .car-track { gap: 14px; }
.ev-m .car-head h3, .ev-m .car-head h2.title { white-space: normal !important; text-wrap: pretty !important; }
.ev-m .car-head .lede { font-size: 16px !important; }
.ev-m .product { flex-basis: 76vw; max-width: 300px; }
.ev-m .goal { flex-basis: 82vw; max-width: 330px; }
.ev-m .goal .gbody { padding: 20px 22px 22px; }
.ev-m .labs-grid { gap: 14px; }
.ev-m .labcard { flex-basis: 80vw; max-width: 320px; }
.ev-m .labs .sec-head .lede { width: auto !important; max-width: 100%; }
.ev-m .labcard { padding: 26px 22px; border-radius: 16px; }
.ev-m .labcard h3 { font-size: 1.5rem; }
.ev-m .labcard .lsub { max-width: 100%; }
.ev-m .cal-confirm { flex-wrap: nowrap; white-space: nowrap; }
.ev-m .cal-confirm .ct { margin-left: auto; }
.ev-m .proof { padding-top: 40px; }
.ev-m .proof-media { gap: 16px; margin: 32px 0 18px; }
.ev-m .vid-test { min-height: 240px; }
.ev-m .review { padding: 22px; flex-basis: 80vw; max-width: 330px; }
.ev-m .cat-grid { gap: 12px; }
.ev-m .referral { padding: 24px 0 8px; }
.ev-m .ref-grid { gap: 18px; }
.ev-m .ref-card { padding: 32px 24px; border-radius: 18px; }
.ev-m .ref-card h2 { min-height: 0; }
.ev-m .ref-card .btn { margin-top: 28px; }
.ev-m .path-card { padding: 26px 20px; border-radius: 16px; }
.ev-m .path-q { font-size: 1.4rem; margin-bottom: 18px; }
.ev-m .path-opts { gap: 10px; }
.ev-m .opt { padding: 16px 18px; }
.ev-m .path-foot { gap: 12px; margin-top: 24px; }
.ev-m .path-foot .btn { width: 100%; justify-content: center; }
.ev-m .art-grid { gap: 14px; }
.ev-m .article { flex-basis: 80vw; max-width: 320px; }
.ev-m .faq-q { font-size: 1.05rem; padding: 22px 2px; gap: 16px; }
.ev-m .faq-a p { font-size: 15px; padding: 0 2px 24px; }
.ev-m .stay-grid { gap: 12px; }
.ev-m .stay { padding: 12px 20px; }
.ev-m .biomarq { padding: 46px 0 30px; }
.ev-m .nhero { padding: 22px 0 4px; }
.ev-m .nhero-title { margin-bottom: 12px; }
.ev-m .nh-big { min-height: 270px; padding: 18px; border-radius: 20px; }
.ev-m .nh-big .nh-sub { font-size: 12.5px; }
.ev-m .nh-cta { font-size: 14px; }
.ev-m .nhero-grid { gap: 12px; }
.ev-m .nhero-rows { gap: 12px; }
.ev-m .nh-row { padding: 12px 14px 12px 20px; gap: 12px; }
.ev-m .nh-row-img { width: 64px; height: 64px; border-radius: 14px; }
.ev-m .closing { padding: 72px 0; }
.ev-m .closing p.sub { font-size: 16px; }
.ev-m footer { padding: 44px 0 32px; }
.ev-m .foot-fda { font-size: 12px; margin-bottom: 26px; padding-bottom: 22px; }
.ev-m .foot-grid { display: block; }
.ev-m .foot-brand { margin-bottom: 26px; }
.ev-m .foot-marks { gap: 14px; }
.ev-m .foot-legit { height: 54px; }
.ev-m .foot-brand .foot-news { max-width: 100%; }
.ev-m .foot-col { border-top: 1px solid var(--green-800); }
.ev-m .foot-col:last-child { border-bottom: 1px solid var(--green-800); }
.ev-m .foot-col h4.foot-toggle { margin: 0; padding: 17px 2px; cursor: pointer; font-size: 12.5px; }
.ev-m .fic { display: block; position: relative; width: 12px; height: 12px; flex: none; }
.ev-m .fic::before, .ev-m .fic::after { content: ""; position: absolute; background: var(--seafoam-300); transition: transform .25s ease, opacity .25s ease; }
.ev-m .fic::before { top: 5px; left: 0; width: 12px; height: 2px; }
.ev-m .fic::after { left: 5px; top: 0; width: 2px; height: 12px; }
.ev-m .foot-col.open .fic::after { transform: scaleY(0); opacity: 0; }
.ev-m .foot-links { overflow: hidden; max-height: 0; opacity: 0; transition: max-height .3s ease, opacity .2s ease; }
.ev-m .foot-col.open .foot-links { padding-bottom: 8px; }
.ev-m .foot-links a { font-size: 15px; margin-bottom: 15px; }
.ev-m .foot-bottom { flex-direction: column; gap: 14px; margin-top: 30px; }
.ev-m .foot-bottom .legal { font-size: 11.5px; }

  }

  
  @media (max-width: 380px) {
  }.ev-m .opt.sel { background: rgba(255,255,255,.26); border-color: var(--seafoam-300); }
.ev-m .opt.sel .oi { transform: scale(1.08); }


/* safari: aspect-ratio + height:100% in a 1fr row overflows (narrow only) */
@media (max-width:767px){
.ev-m .ugc-grid img{height:auto}
.ev-m .ugc-grid{grid-auto-rows:auto}
}



.ev-d {
  
  --font-serif: 'Newsreader', 'Newsreader Fallback', Georgia, 'Times New Roman', serif;
  --font-sans: 'Hanken Grotesk', 'Hanken Grotesk Fallback', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-brand: 'Hanken Grotesk', 'Hanken Grotesk Fallback', system-ui, sans-serif;

  
  --shadow-xs: 0 1px 2px rgba(20, 39, 26, 0.05);
  --shadow-sm: 0 1px 3px rgba(20, 39, 26, 0.06), 0 1px 2px rgba(20, 39, 26, 0.04);
  --shadow-md: 0 4px 12px rgba(20, 39, 26, 0.07), 0 2px 4px rgba(20, 39, 26, 0.04);
  --shadow-lg: 0 12px 28px rgba(20, 39, 26, 0.10), 0 4px 8px rgba(20, 39, 26, 0.05);
  --shadow-xl: 0 24px 56px rgba(20, 39, 26, 0.14), 0 8px 16px rgba(20, 39, 26, 0.06);

  
  --green-950: #0A1F16;
  --green-900: #0F2A20;
  --green-800: #163A2B;
  --green-700: #1C4429;
  --green-600: #2F6B43;
  --green-500: #3E8556;
  --green-400: #6FB39B;

  
  --seafoam-300: #AED7C7;
  --seafoam-100: #D6EBE2;
  --seafoam-50:  #EAF4EF;

  
  --sand-50:  #FBFAF5;
  --sand-100: #F5F1E8;
  --sand-200: #E7E0D1;
  --sand-300: #D4C9B5;
  --sand-400: #B5A88F;

  
  --danger-500: #c82414;
  --danger-600: #a81d10;

  
  --color-primary: #1C4429;
  --color-primary-hover: #163A2B;
  --color-on-primary: #FFFFFF;

  
  --text-primary:   #1E2A23;
  --text-secondary: #4A574F;
  --text-muted:     #7C887F;
  --text-brand:     #2F6B43;
  --text-on-dark:       rgba(255,255,255,.90);
  --text-on-dark-muted: rgba(255,255,255,.66);
  --ink-900: #14201A;
  --white:   #FFFFFF;

  
  --color-canvas:  #FCFBF7;
  --color-surface: #FFFFFF;
  --border-subtle:  #ECE7DB;
  --border-default: #DED7C7;
  --border-strong:  #C7BFAD;

  
  --text-lg: 18px;

  
  --accent: #1C4429;
  --accent-strong: #1C4429;
  --accent-hover: #163A2B;
  --accent-on: #FFFFFF;
  --accent-tint: #EAF4EF;
}
.ev-d [data-accent="neutral"] {
  --accent: #1C4429;
  --accent-strong: #1C4429;
  --accent-hover: #163A2B;
  --accent-on: #FFFFFF;
  --accent-tint: #EAF4EF;
}
.ev-d [data-accent="male"] {
  --accent: #C67E57;
  --accent-strong: #C67E57;
  --accent-hover: #B26B45;
  --accent-on: #FFFFFF;
  --accent-tint: #F4E4DA;
}
.ev-d [data-accent="female"] {
  --accent: #F6D9E1;
  --accent-strong: #B05A78;
  --accent-hover: #EFC9D5;
  --accent-on: #8A3D5A;
  --accent-tint: #F6D9E1;
}
.ev-d, .ev-d *, .ev-d *::before, .ev-d *::after { box-sizing: border-box; }
.ev-d { scroll-behavior: smooth; }
.ev-d {
    margin: 0;
    background: var(--color-canvas);
    color: var(--text-primary);
    font-family: var(--font-sans);
    -webkit-font-smoothing: antialiased;
  }
.ev-d .wrap { max-width: 1200px; margin: 0 auto; padding: 0 40px; }
.ev-d .eyebrow { font-family: var(--font-brand); font-weight: 400; font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--text-brand); margin: 0; }
.ev-d .display { font-family: var(--font-serif); font-weight: 300; line-height: 1.05; letter-spacing: -0.02em; color: var(--text-primary); margin: 0; }
.ev-d .display em { font-style: italic; font-weight: 400; color: var(--green-600); }
.ev-d h2.title { font-family: var(--font-serif); font-weight: 300; font-size: clamp(2rem, 3.6vw, 3rem); line-height: 1.1; letter-spacing: -0.02em; margin: 0; }
.ev-d h2.title em { font-style: italic; color: var(--accent-strong); }
.ev-d .lede { font-size: var(--text-lg); line-height: 1.55; color: var(--text-secondary); margin: 0; }
.ev-d .muted { color: var(--text-muted); }
.ev-d .btn { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-sans); font-size: 15px; font-weight: 600; border-radius: 999px; padding: 14px 26px; cursor: pointer; border: 1px solid transparent; text-decoration: none; transition: .18s; white-space: nowrap; }
.ev-d .btn-primary { background: var(--color-primary); color: var(--color-on-primary); }
.ev-d .btn-primary:hover { background: var(--color-primary-hover); }
.ev-d .btn-red { background: var(--danger-500); color: var(--white); }
.ev-d .btn-red:hover { background: var(--danger-600); }
.ev-d .btn-ghost { background: transparent; color: var(--text-primary); border-color: var(--border-strong); }
.ev-d .btn-ghost:hover { border-color: var(--ink-900); }
.ev-d .btn-sm { padding: 10px 18px; font-size: 14px; }
.ev-d .promo { background: var(--green-900); color: var(--text-on-dark); text-align: center; font-size: 13px; letter-spacing: 0.01em; padding: 9px 16px; }
.ev-d .promo strong { color: var(--white); font-weight: 600; }
.ev-d .promo a { color: var(--seafoam-300); text-decoration: underline; text-underline-offset: 2px; }
.ev-d nav.bar { position: sticky; top: 0; z-index: 40; background: color-mix(in srgb, var(--sand-50) 88%, transparent); backdrop-filter: blur(10px); border-bottom: 1px solid var(--border-subtle); }
.ev-d .bar-inner { display: flex; align-items: center; gap: 32px; height: 68px; }
.ev-d .wordmark { font-family: var(--font-brand); font-weight: 300; font-size: 23px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--green-700); margin: 0; }
.ev-d .navlinks { display: flex; gap: 30px; margin: 0 auto 0 22px; }

  @media (max-width: 600px) {.ev-d .nav-cta a.shop-all { display: none; }
.ev-d .navlinks { gap: 18px; margin-left: 12px; }
 }.ev-d .navlinks a { font-size: 16px; color: var(--text-primary); text-decoration: none; font-weight: 500; }
.ev-d .navlinks a:hover { color: var(--text-brand); }
.ev-d .nav-cta { display: flex; align-items: center; gap: 20px; }
.ev-d .nav-cta a.shop-all { font-size: 16px; color: var(--text-primary); text-decoration: none; font-weight: 500; }
.ev-d .nav-cta a.shop-all:hover { color: var(--text-brand); }
.ev-d .nav-search { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 999px; border: 1px solid var(--border-strong); background: transparent; color: var(--text-primary); cursor: pointer; padding: 0; transition: border-color .18s, color .18s; }
.ev-d .nav-search:hover { border-color: var(--text-primary); color: var(--text-brand); }
.ev-d .login-btn { padding: 12px 30px; font-size: 15px; }
.ev-d .hero { position: relative; background: var(--sand-50); padding: 74px 0 78px; overflow: hidden; }
.ev-d .hero-overlay { position: relative; z-index: 2; width: 100%; }
.ev-d .hero-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 48px; }
.ev-d .hero-copy { display: flex; flex-direction: column; gap: 22px; align-items: flex-start; max-width: 720px; flex: 1; min-width: 0; }
.ev-d .hero .lede { width: auto !important; max-width: 620px; }

  @media (max-width: 900px) {.ev-d .hero-top { flex-direction: column; }
.ev-d .trust-row { align-items: flex-start !important; }
 }.ev-d .type-line .w { display: inline-block; white-space: pre; }
.ev-d .type-line .c { display: inline-block; opacity: 0; filter: blur(8px); transform: translateY(0.34em); transition: opacity .78s cubic-bezier(0.16,1,0.3,1), transform .9s cubic-bezier(0.16,1,0.3,1), filter .78s cubic-bezier(0.16,1,0.3,1); }
.ev-d .type-line .c.in { opacity: 1; filter: blur(0); transform: none; }

  @media (prefers-reduced-motion: reduce) {.ev-d .type-line .c { opacity: 1; filter: none; transform: none; transition: none; }
 }.ev-d .hero-tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 48px; }
.ev-d .hero-tile { position: relative; display: flex; align-items: stretch; aspect-ratio: 3/4; border-radius: 20px; overflow: hidden; text-decoration: none; background: var(--green-800); transition: transform .24s cubic-bezier(0.16,1,0.3,1), box-shadow .24s ease; }
.ev-d .hero-tile:hover { transform: translateY(-3px); box-shadow: var(--shadow-xl); }
.ev-d .hero-tile img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ev-d .hero-tile .ph { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-family: var(--font-brand); font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(255,255,255,.34); background: linear-gradient(160deg, #1C4429, #0F2A20); }
.ev-d .hero-tile .tsc { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10,31,22,var(--tsc-top,.56)) 0%, rgba(10,31,22,.24) 34%, rgba(10,31,22,.12) 56%, rgba(10,31,22,.76) 100%); }
.ev-d .hero-tile .tlbl { position: relative; z-index: 2; width: 100%; padding: 26px 22px 24px; display: flex; flex-direction: column; justify-content: space-between; gap: 20px; }
.ev-d .hero-tile h3 { font-family: var(--font-serif); font-weight: 300; font-size: 1.75rem; line-height: 1.16; letter-spacing: -0.015em; color: var(--white); margin: 0; text-wrap: balance; }
.ev-d .hero-tile .go { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; font-size: 17px; font-weight: 600; line-height: 1.25; color: var(--white); }
.ev-d .hero-tile .go svg { flex: none; margin-bottom: 2px; transition: transform .24s cubic-bezier(.32,.08,.24,1); }
.ev-d .hero-tile:hover .go svg { transform: translateX(4px); }

  @media (max-width: 980px) {.ev-d .hero-tiles { grid-template-columns: 1fr 1fr; }
 }.ev-d .hero-rows { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 20px; }
.ev-d .hero-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 108px; padding: 0 22px 0 26px; border-radius: 18px; background: var(--sand-100); border: 1px solid var(--border-subtle); text-decoration: none; transition: transform 240ms cubic-bezier(0.32,0.08,0.24,1), box-shadow 240ms cubic-bezier(0.32,0.08,0.24,1); }
.ev-d .hero-row:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg); }
.ev-d .hero-row h3 { flex: 1; margin: 0; font-family: var(--font-serif); font-weight: 400; font-size: 1.4rem; line-height: 1.25; letter-spacing: -0.01em; color: var(--text-primary); }
.ev-d .hero-row img { width: 72px; height: 92px; object-fit: contain; object-position: center bottom; flex: none; }
.ev-d .hero-row .chev { flex: none; display: flex; align-items: center; color: #7E8780; transition: transform 240ms cubic-bezier(0.32,0.08,0.24,1), color 240ms; }
.ev-d .hero-row:hover .chev { color: #000000; transform: translateX(3px); }

  @media (max-width: 720px) {.ev-d .hero-rows { grid-template-columns: 1fr; }
 }.ev-d .pill { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; letter-spacing: 0.04em; color: var(--white); background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.24); border-radius: 999px; padding: 6px 13px; backdrop-filter: blur(4px); }
.ev-d .hero .display { font-size: clamp(2.9rem, 5.8vw, 4.8rem); color: var(--text-primary); }
.ev-d .hero .display em { color: var(--green-600); }
.ev-d .hero .lede { color: var(--text-secondary); max-width: 620px; }
.ev-d .hero-cta { display: flex; gap: 14px; flex-wrap: wrap; }
.ev-d .hero .btn-ghost { color: var(--white); border-color: rgba(255,255,255,.5); }
.ev-d .hero .btn-ghost:hover { border-color: var(--white); background: rgba(255,255,255,.08); }
.ev-d .trust-row { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; margin-top: 45px; flex: none; }
.ev-d .trust-row .ti svg { flex: none; color: var(--green-600); }
.ev-d .trust-row .ti { display: flex; align-items: center; gap: 8px; color: var(--text-secondary); font-size: 14px; font-weight: 500; }
.ev-d .trust-row .ti .gold { color: #D9A32B; letter-spacing: 1px; }
.ev-d .trust-row .ti .dot { width: 5px; height: 5px; border-radius: 999px; background: var(--green-400); }
.ev-d section.block { padding: 88px 0; }
.ev-d .sec-head { display: flex; flex-direction: column; gap: 14px; max-width: 660px; margin-bottom: 48px; }
.ev-d .sec-head.center { margin-inline: auto; text-align: center; align-items: center; }
.ev-d .goal-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 30px; flex-wrap: wrap; }
.ev-d .gender-toggle { display: inline-flex; background: var(--sand-100); border: 1px solid var(--border-subtle); border-radius: 999px; padding: 4px; gap: 4px; }
.ev-d .gender-toggle button { border: none; background: transparent; font-family: var(--font-sans); font-size: 14.5px; font-weight: 600; color: var(--text-muted); padding: 10px 26px; border-radius: 999px; cursor: pointer; transition: .16s; display: inline-flex; align-items: center; gap: 8px; }
.ev-d .gender-toggle button.active { background: var(--accent); color: var(--accent-on); }
.ev-d .goal-nav { display: flex; gap: 10px; flex: none; }
.ev-d .goal-track { display: flex; gap: 20px; overflow-x: auto; scroll-behavior: smooth; scroll-snap-type: x mandatory; padding: 4px 4px 18px; margin: 0 -4px; scrollbar-width: none; }
.ev-d .goal-track::-webkit-scrollbar { display: none; }
.ev-d .goal { scroll-snap-align: start; flex: 0 0 380px; background: var(--color-surface); border: 1px solid var(--border-subtle); border-radius: 14px; padding: 0; overflow: hidden; display: flex; flex-direction: column; text-decoration: none; transition: .2s; }
.ev-d .goal:hover { box-shadow: 0 18px 40px -22px rgba(40,30,20,.32); transform: translateY(-3px); border-color: var(--border-default); }
.ev-d .goal .gimg { aspect-ratio: 1/1; overflow: hidden; background: var(--sand-200); }
.ev-d .goal .gimg img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.ev-d .goal:hover .gimg img { transform: scale(1.05); }
.ev-d .goal .gbody { padding: 24px 26px 26px; display: flex; flex-direction: column; gap: 14px; flex: 1; }
.ev-d .goal .gh { display: flex; align-items: center; gap: 13px; }
.ev-d .goal .gicon { width: 44px; height: 44px; border-radius: 12px; background: var(--accent-tint); color: var(--accent-strong); display: flex; align-items: center; justify-content: center; flex: none; }
.ev-d .goal h3 { font-family: var(--font-serif); font-weight: 400; font-size: 1.45rem; margin: 0; letter-spacing: -0.01em; color: var(--text-primary); }
.ev-d .goal .tags { display: flex; flex-wrap: wrap; gap: 8px; }
.ev-d .goal .tg { font-size: 13px; font-weight: 500; color: var(--text-secondary); background: var(--sand-100); border: 1px solid var(--border-subtle); border-radius: 999px; padding: 5px 12px; }
.ev-d .goal .more { margin-top: 4px; font-size: 14px; font-weight: 600; color: var(--text-brand); }
.ev-d .carousel { }
.ev-d .car-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.ev-d .car-head h3 { font-family: var(--font-serif); font-weight: 400; font-size: 1.7rem; letter-spacing: -0.01em; margin: 0; color: var(--text-primary); }
.ev-d .car-head p { margin: 6px 0 0; font-size: 15px; color: var(--text-muted); }
.ev-d .car-nav { display: flex; gap: 10px; flex: none; }
.ev-d .car-btn { width: 44px; height: 44px; border-radius: 999px; border: 1px solid var(--border-strong); background: var(--color-surface); color: var(--text-primary); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: .16s; }
.ev-d .car-btn:hover { border-color: var(--ink-900); background: var(--sand-100); }
.ev-d .car-btn:disabled { opacity: .35; cursor: default; }
.ev-d .car-track { display: flex; gap: 20px; overflow-x: auto; scroll-behavior: smooth; scroll-snap-type: x mandatory; padding: 4px 4px 18px; margin: 0 -4px; scrollbar-width: none; }
.ev-d .car-track::-webkit-scrollbar { display: none; }
.ev-d .product { scroll-snap-align: start; flex: 0 0 300px; background: var(--color-surface); border: 1px solid var(--border-subtle); border-radius: 14px; overflow: hidden; display: flex; flex-direction: column; text-decoration: none; transition: .2s; }
.ev-d .product:hover { box-shadow: 0 18px 40px -22px rgba(40,30,20,.32); transform: translateY(-3px); border-color: var(--border-default); }
.ev-d .product .pimg { position: relative; aspect-ratio: 1/1; background: #FFFFFF; display: flex; align-items: center; justify-content: center; }
.ev-d .product .pimg img { width: 78%; height: 78%; object-fit: contain; }
.ev-d .use-badge { position: absolute; top: 14px; left: 14px; font-family: var(--font-sans); font-size: 11.5px; font-weight: 600; letter-spacing: 0.02em; color: var(--accent-strong); background: var(--accent-tint); border: 1px solid color-mix(in srgb, var(--accent-strong) 22%, transparent); border-radius: 999px; padding: 5px 12px; }
.ev-d .product .pb { padding: 20px 20px 22px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.ev-d .product .pcat { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--text-muted); font-weight: 600; }
.ev-d .product h4 { font-family: var(--font-serif); font-weight: 400; font-size: 1.3rem; margin: 0; letter-spacing: -0.01em; color: var(--text-primary); }
.ev-d .product .pfeat { list-style: none; margin: 8px 0 0; padding: 0 0 0 4px; display: flex; flex-direction: column; gap: 6px; }
.ev-d .product .pfeat li { position: relative; padding-left: 16px; font-size: 13px; line-height: 1.45; color: var(--text-secondary); }
.ev-d .product .pfeat li::before { content: ""; position: absolute; left: 0; top: 7px; width: 5px; height: 5px; border-radius: 999px; background: var(--green-400); }
.ev-d .product .pprice { margin-top: auto; padding-top: 14px; display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; }
.ev-d .product .pprice .amt { font-size: 22px; font-weight: 700; letter-spacing: -0.01em; color: var(--text-primary); }
.ev-d .product .pprice .per { font-size: 14px; color: var(--text-muted); }
.ev-d .product .pprice .shop { flex: 0 0 100%; margin-top: 12px; display: flex; align-items: center; justify-content: center; font-family: var(--font-sans); font-size: 15px; font-weight: 700; color: var(--white); background: var(--danger-500); border-radius: 999px; padding: 13px 20px; text-decoration: none; white-space: nowrap; transition: background .16s; }
.ev-d .product:hover .pprice .shop { background: var(--danger-600); color: var(--white); }
.ev-d .why { background: var(--color-canvas); }
.ev-d .why-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px; }
.ev-d .why-col { display: flex; flex-direction: column; gap: 14px; }
.ev-d .why-col .ic { width: 52px; height: 52px; border-radius: 14px; background: var(--green-700); color: var(--white); display: flex; align-items: center; justify-content: center; }
.ev-d .why-col h3 { font-family: var(--font-serif); font-weight: 400; font-size: 1.5rem; margin: 6px 0 0; letter-spacing: -0.01em; }
.ev-d .why-col p { margin: 0; font-size: 15.5px; line-height: 1.6; color: var(--text-secondary); }
.ev-d .how { background: var(--green-900); color: var(--text-on-dark); }
.ev-d .how .title, .ev-d .how .eyebrow { color: var(--white); }
.ev-d .how .eyebrow { color: var(--seafoam-300); }
.ev-d .steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 26px; margin-top: 12px; }
.ev-d .step { padding-top: 26px; border-top: 1px solid color-mix(in srgb, var(--seafoam-300) 30%, transparent); }
.ev-d .step .num { font-family: var(--font-serif); font-size: 2.4rem; font-weight: 300; color: var(--seafoam-300); line-height: 1; }
.ev-d .step h3 { font-family: var(--font-serif); font-weight: 400; font-size: 1.3rem; margin: 16px 0 8px; color: var(--white); }
.ev-d .step p { margin: 0; color: var(--text-on-dark-muted); font-size: 14.5px; line-height: 1.55; }
.ev-d .proof { background: var(--sand-100); padding-top: 48px; }
.ev-d .proof-top { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 14px; margin-bottom: 14px; }
.ev-d .tp-score { display: inline-flex; align-items: center; gap: 14px; background: var(--color-surface); border: 1px solid var(--border-subtle); border-radius: 999px; padding: 10px 22px; }
.ev-d .tp-score .stars { color: #00B67A; font-size: 19px; letter-spacing: 2px; }
.ev-d .tp-score b { font-size: 17px; }
.ev-d .proof-media { display: grid; grid-template-columns: 1.3fr 1fr; gap: 22px; margin: 44px 0 22px; }
.ev-d .vid-test { position: relative; border-radius: 14px; overflow: hidden; min-height: 320px; }
.ev-d .vid-test img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ev-d .vid-test .play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
.ev-d .vid-test .play span { width: 70px; height: 70px; border-radius: 999px; background: rgba(255,255,255,.92); display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 26px -8px rgba(0,0,0,.4); }
.ev-d .ugc-grid { display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 1fr; gap: 14px; }
.ev-d .ugc-grid img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; display: block; aspect-ratio: 1/1; }
.ev-d .rev-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 22px; }
.ev-d .review { background: var(--color-surface); border: 1px solid var(--border-subtle); border-radius: 12px; padding: 26px; display: flex; flex-direction: column; gap: 16px; }
.ev-d .review .stars { color: #00B67A; font-size: 15px; letter-spacing: 1px; }
.ev-d .review p { margin: 0; font-family: var(--font-serif); font-size: 1.12rem; line-height: 1.5; font-weight: 300; color: var(--text-primary); }
.ev-d .review .who { display: flex; align-items: center; gap: 12px; margin-top: auto; }
.ev-d .avatar { width: 40px; height: 40px; border-radius: 999px; background: var(--sand-300); flex: none; object-fit: cover; }
.ev-d .review .who .nm { font-size: 14px; font-weight: 600; }
.ev-d .review .who .mt { font-size: 12.5px; color: var(--text-muted); }
.ev-d .cat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.ev-d .catile { position: relative; border-radius: 14px; overflow: hidden; min-height: 270px; display: flex; align-items: flex-end; }
.ev-d .catile.feat { grid-column: 1 / -1; min-height: 340px; }
.ev-d .catile.feat .lbl { padding: 34px; max-width: 560px; }
.ev-d .catile.feat h3 { font-size: 2.4rem; }
.ev-d .catile.feat .eyebrow-sm { font-family: var(--font-brand); font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--seafoam-300); margin: 0 0 10px; }
.ev-d .catile.feat .fsub { margin: 12px 0 0; font-size: 15.5px; line-height: 1.55; color: rgba(255,255,255,.8); max-width: 460px; }
.ev-d .catile.feat .cat-cta { max-width: 300px; }
.ev-d .catile.feat .sc { background: linear-gradient(90deg, rgba(15,42,32,.78) 0%, rgba(15,42,32,.48) 46%, rgba(15,42,32,.12) 100%); }
.ev-d .catile img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.ev-d .catile:hover img { transform: scale(1.05); }
.ev-d .catile .sc { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(15,42,32,.9), rgba(15,42,32,.18) 64%); }
.ev-d .catile .lbl { position: relative; z-index: 2; padding: 22px; width: 100%; display: flex; flex-direction: column; }
.ev-d .catile h3 { font-family: var(--font-serif); font-weight: 400; font-size: 1.45rem; color: var(--white); margin: 0; letter-spacing: -0.01em; }
.ev-d .cat-cta { display: flex; gap: 9px; margin-top: 0; max-height: 0; opacity: 0; overflow: hidden; transition: max-height .3s ease, opacity .25s ease, margin-top .3s ease; }
.ev-d .catile:hover .cat-cta, .ev-d .catile:focus-within .cat-cta { max-height: 60px; opacity: 1; margin-top: 14px; }
.ev-d .cat-cta a { flex: 1; text-align: center; font-family: var(--font-sans); font-size: 13.5px; font-weight: 600; text-decoration: none; border-radius: 999px; padding: 9px 0; transition: .16s; background: rgba(255,255,255,.14); color: var(--white); border: 1px solid rgba(255,255,255,.5); }
.ev-d .cat-cta .men { background: var(--white); color: var(--green-800); border-color: var(--white); }
.ev-d .cat-cta:hover .men { background: rgba(255,255,255,.14); color: var(--white); border-color: rgba(255,255,255,.5); }
.ev-d .cat-cta:hover a:hover { background: var(--white); color: var(--green-800); border-color: var(--white); }

  @media (hover: none) {.ev-d .cat-cta { max-height: 60px; opacity: 1; margin-top: 14px; }

  }.ev-d .proc { background: #F5F1E8; color: var(--text-primary); padding-top: 70px; padding-bottom: 48px; }
.ev-d .proc .title { color: var(--text-primary); }
.ev-d .proc .eyebrow { color: var(--text-brand); }
.ev-d .proc .lede { color: var(--text-secondary); }
.ev-d .proc-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 40px; }
.ev-d .proc-head .sec-head { margin-bottom: 0; }
.ev-d .proc-nav { display: flex; gap: 10px; flex: none; }
.ev-d .proc-btn { width: 46px; height: 46px; border-radius: 999px; border: 1px solid var(--border-strong); background: var(--color-surface); color: var(--text-primary); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: .16s; }
.ev-d .proc-btn:hover { background: var(--sand-100); border-color: var(--ink-900); }
.ev-d .proc-btn:disabled { opacity: .3; cursor: default; }
.ev-d .proc-track { display: flex; gap: 22px; overflow-x: auto; scroll-behavior: smooth; scroll-snap-type: x mandatory; padding: 4px 4px 18px; margin: 0 -4px; scrollbar-width: none; }
.ev-d .proc-track::-webkit-scrollbar { display: none; }
.ev-d .pcard { scroll-snap-align: start; flex: 0 0 340px; background: var(--color-surface); border: 1px solid var(--border-subtle); border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; }
.ev-d .pcard .ptop { display: flex; align-items: center; justify-content: space-between; padding: 26px 26px 0; }
.ev-d .pcard .picon { width: 60px; height: 60px; border-radius: 16px; background: var(--seafoam-50); color: var(--green-700); display: flex; align-items: center; justify-content: center; flex: none; }
.ev-d .pcard .pnum { font-family: var(--font-serif); font-weight: 300; font-size: 3rem; line-height: 1; color: var(--border-strong); }
.ev-d .pcard .pbody { padding: 20px 26px 30px; display: flex; flex-direction: column; gap: 10px; }
.ev-d .pcard h3 { font-family: var(--font-serif); font-weight: 400; font-size: 1.4rem; margin: 0; color: var(--text-primary); line-height: 1.2; letter-spacing: -0.01em; }
.ev-d .pcard p { margin: 0; font-size: 15px; line-height: 1.55; color: var(--text-secondary); }

  @media (min-width: 861px) {.ev-d .proc-title { white-space: nowrap; }
 }.ev-d .referral { padding: 40px 0 20px; }
.ev-d .ref-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: stretch; }
.ev-d .ref-card { position: relative; overflow: hidden; color: var(--white); border-radius: 22px; padding: 48px; display: flex; flex-direction: column; }
.ev-d .ref-card.amb { background: var(--green-900); }
.ev-d .ref-card.amb::before { content: ""; position: absolute; inset: 0; z-index: 0; background-image: linear-gradient(rgba(15,42,32,.86), rgba(15,42,32,.9)), url("https://everlife-plasmic-import.brian-e0f.workers.dev/_img/ec5f7681f021/ambassador-bg.png?w=1600"); background-size: cover; background-position: center; pointer-events: none; }
.ev-d .ref-card.ref { background: #AC6843; }
.ev-d .ref-card.ref::before { content: ""; position: absolute; inset: 0; z-index: 0; background-image: linear-gradient(rgba(172,104,67,.86), rgba(140,80,52,.9)), url("https://everlife-plasmic-import.brian-e0f.workers.dev/_img/50f3a7ff1934/referral-bg.png?w=1600"); background-size: cover; background-position: center; pointer-events: none; }
.ev-d .ref-card::after { content: ""; position: absolute; right: -90px; top: -90px; width: 300px; height: 300px; border-radius: 999px; background: radial-gradient(circle, rgba(255,255,255,.14), transparent 70%); pointer-events: none; }
.ev-d .ref-card > * { position: relative; z-index: 1; }
.ev-d .ref-card .eyebrow { color: var(--seafoam-300); margin-bottom: 14px; }
.ev-d .ref-card.ref .eyebrow { color: #F4E0D2; }
.ev-d .ref-card h2 { font-family: var(--font-serif); font-weight: 300; font-size: clamp(1.9rem, 2.6vw, 2.5rem); line-height: 1.08; letter-spacing: -0.02em; margin: 0 0 14px; color: var(--white); min-height: 2.2em; }
.ev-d .ref-card h2 em { font-style: italic; color: var(--seafoam-300); }
.ev-d .ref-card.ref h2 em { color: #F6E7DA; }
.ev-d .ref-card > p { margin: 0; font-size: 16px; line-height: 1.55; color: rgba(255,255,255,.85); }
.ev-d .ref-benefits { display: flex; flex-direction: column; gap: 14px; margin: 28px 0 0; }
.ev-d .ref-benefit { display: flex; align-items: center; gap: 13px; }
.ev-d .ref-benefit .rb-ic { flex: none; width: 40px; height: 40px; border-radius: 999px; border: 1.5px solid var(--seafoam-300); color: var(--seafoam-300); display: flex; align-items: center; justify-content: center; }
.ev-d .ref-card.ref .rb-ic { border-color: #F4E0D2; color: #F4E0D2; }
.ev-d .ref-benefit span { font-size: 15.5px; line-height: 1.35; color: rgba(255,255,255,.85); }
.ev-d .ref-benefit span b { color: var(--white); font-weight: 700; }
.ev-d .ref-card .btn { align-self: flex-start; margin-top: 36px; }

  @media (max-width: 860px) {.ev-d .ref-grid { grid-template-columns: 1fr; }
.ev-d .ref-card { padding: 40px 32px; }
 }.ev-d .science { background: #FBFAF5; }
.ev-d .art-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.ev-d .article { background: var(--color-surface); border: 1px solid var(--border-subtle); border-radius: 14px; overflow: hidden; display: flex; flex-direction: column; text-decoration: none; transition: .2s; }
.ev-d .article:hover { box-shadow: 0 16px 36px -22px rgba(40,30,20,.3); transform: translateY(-3px); }
.ev-d .article .ph { aspect-ratio: 16/10; overflow: hidden; }
.ev-d .article .ph img { width: 100%; height: 100%; object-fit: cover; }
.ev-d .article .ab { padding: 22px 22px 24px; display: flex; flex-direction: column; gap: 10px; }
.ev-d .article .tag { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent-strong); font-weight: 600; }
.ev-d .article h3 { font-family: var(--font-serif); font-weight: 400; font-size: 1.3rem; margin: 0; line-height: 1.25; letter-spacing: -0.01em; color: var(--text-primary); }
.ev-d .article .rd { margin-top: 4px; font-size: 13.5px; font-weight: 600; color: var(--text-brand); }
.ev-d .faq { background: var(--color-canvas); }
.ev-d .faq-list { max-width: 880px; margin: 0 auto; border-top: 1px solid var(--border-default); }
.ev-d .faq-item { border-bottom: 1px solid var(--border-default); }
.ev-d .faq-q { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 24px; background: none; border: none; cursor: pointer; text-align: left; padding: 26px 4px; font-family: var(--font-sans); font-size: 1.18rem; font-weight: 500; color: var(--text-primary); }
.ev-d .faq-q:hover { color: var(--text-brand); }
.ev-d .faq-ico { flex: none; width: 24px; height: 24px; position: relative; transition: transform .25s; }
.ev-d .faq-ico::before, .ev-d .faq-ico::after { content: ""; position: absolute; background: var(--text-muted); border-radius: 2px; }
.ev-d .faq-ico::before { top: 11px; left: 2px; right: 2px; height: 2px; }
.ev-d .faq-ico::after { left: 11px; top: 2px; bottom: 2px; width: 2px; transition: opacity .25s; }
.ev-d .faq-item.open .faq-ico::after { opacity: 0; }
.ev-d .faq-a { overflow: hidden; max-height: 0; transition: max-height .3s ease; }
.ev-d .faq-a p { margin: 0; padding: 0 4px 28px; max-width: 760px; font-size: 16px; line-height: 1.6; color: var(--text-secondary); }
.ev-d .stay-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.ev-d .stay { display: flex; flex-direction: column; gap: 12px; padding: 26px; border: 1px solid var(--border-subtle); border-radius: 14px; background: var(--color-surface); }
.ev-d .stay .ic { width: 46px; height: 46px; border-radius: 12px; background: var(--accent-tint); color: var(--accent-strong); display: flex; align-items: center; justify-content: center; }
.ev-d .stay h3 { font-size: 1.05rem; font-weight: 700; margin: 4px 0 0; color: var(--text-primary); }
.ev-d .stay p { margin: 0; font-size: 14px; line-height: 1.55; color: var(--text-secondary); }
.ev-d .biomarq { background: #FBFAF5; padding: 38px 0; overflow: hidden; }
.ev-d .biomarq-track { display: flex; gap: 14px; width: max-content; animation: bioScroll 46s linear infinite; }
.ev-d .biomarq:hover .biomarq-track { animation-play-state: paused; }
.ev-d .biopill { display: inline-flex; align-items: center; gap: 9px; white-space: nowrap; font-size: 15px; font-weight: 500; color: var(--text-secondary); border: 1px solid var(--border-strong); border-radius: 999px; padding: 11px 22px; background: transparent; transition: background .16s, color .16s, border-color .16s; }
.ev-d .biopill::before { content: ""; width: 7px; height: 7px; border-radius: 999px; background: var(--green-400); flex: none; transition: background .16s; }
.ev-d .biopill:hover { background: #15331F; border-color: #15331F; color: #FFFFFF; }
.ev-d .biopill:hover::before { background: #6FB39B; }

  @keyframes bioScroll { to { transform: translateX(-50%); } }
  @media (prefers-reduced-motion: reduce) {.ev-d .biomarq-track { animation: none; }
 }.ev-d .labs { background: #FBFAF5; }
.ev-d .labs-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.ev-d .labcard { background: var(--color-surface); border: 1px solid var(--border-subtle); border-radius: 18px; padding: 32px 30px; display: flex; flex-direction: column; }
.ev-d .labcard .lnum { font-family: var(--font-brand); font-size: 13px; font-weight: 600; letter-spacing: 0.14em; color: var(--accent-strong); text-align: center; }
.ev-d .labcard h3 { font-family: var(--font-serif); font-weight: 400; font-size: 1.7rem; margin: 12px 0 8px; letter-spacing: -0.01em; text-align: center; color: var(--text-primary); }
.ev-d .labcard .lsub { font-size: 14.5px; line-height: 1.5; color: var(--text-muted); text-align: center; margin: 0 0 28px; }
.ev-d .labcard .lviz { margin-top: auto; }
.ev-d .lab-cal { border: 1px solid var(--border-subtle); border-radius: 14px; padding: 16px; background: var(--sand-50); }
.ev-d .cal-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.ev-d .cal-head .cm { font-family: var(--font-serif); font-size: 1.05rem; color: var(--text-primary); }
.ev-d .cal-head .cnav { display: flex; gap: 6px; }
.ev-d .cal-head .cnav span { width: 24px; height: 24px; border-radius: 999px; border: 1px solid var(--border-default); display: flex; align-items: center; justify-content: center; color: var(--text-muted); font-size: 12px; }
.ev-d .cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; }
.ev-d .cal-grid .cw { font-size: 9.5px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-muted); text-align: center; padding-bottom: 4px; }
.ev-d .cal-cell { aspect-ratio: 1; display: flex; align-items: center; justify-content: center; font-size: 12.5px; color: var(--text-secondary); border-radius: 8px; }
.ev-d .cal-cell.muted { color: var(--sand-400); }
.ev-d .cal-cell.on { background: var(--accent); color: var(--accent-on); font-weight: 700; }
.ev-d .cal-confirm { display: flex; align-items: center; gap: 9px; margin-top: 14px; padding: 11px 14px; border: 1px solid var(--border-subtle); border-radius: 999px; background: var(--color-surface); font-size: 13px; font-weight: 600; color: var(--text-primary); }
.ev-d .cal-confirm .cdot { width: 8px; height: 8px; border-radius: 999px; background: var(--accent); flex: none; }
.ev-d .cal-confirm .ct { color: var(--text-muted); font-weight: 500; margin-left: auto; }
.ev-d .lab-chart { display: flex; gap: 14px; }
.ev-d .lab-bands { display: flex; flex-direction: column; justify-content: space-between; gap: 8px; padding: 6px 0; }
.ev-d .lab-band { display: flex; align-items: center; gap: 9px; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-muted); white-space: nowrap; }
.ev-d .lab-band i { width: 5px; height: 30px; border-radius: 999px; background: var(--sand-200); display: block; }
.ev-d .lab-band.on i { background: var(--accent); }
.ev-d .lab-band.on { color: var(--text-primary); font-weight: 600; }
.ev-d .lab-plot { flex: 1; position: relative; min-height: 150px; }
.ev-d .lab-donut { flex: 1; display: flex; align-items: center; justify-content: center; padding: 6px 0; margin-top: 0; }
.ev-d .lab-plan { display: flex; flex-direction: column; gap: 12px; }
.ev-d .lab-item { display: flex; align-items: center; gap: 14px; border: 1px solid var(--border-subtle); border-radius: 12px; padding: 14px 16px; }
.ev-d .lab-item .li-ic { width: 42px; height: 42px; border-radius: 10px; background: var(--accent); color: var(--accent-on); display: flex; align-items: center; justify-content: center; flex: none; }
.ev-d .lab-item .li-t { font-size: 15px; font-weight: 700; color: var(--text-primary); }
.ev-d .lab-item .li-s { font-size: 13px; color: var(--text-muted); margin-top: 2px; }
.ev-d .path { position: relative; overflow: hidden; background: var(--green-900); }
.ev-d .path-video { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; }
.ev-d .path-scrim { position: absolute; inset: 0; z-index: 1; background: linear-gradient(120deg, rgba(15,42,32,.82), rgba(15,42,32,.55)); }
.ev-d .path .wrap { position: relative; z-index: 2; }
.ev-d .path .title, .ev-d .path .eyebrow { color: var(--white); }
.ev-d .path .eyebrow { color: var(--seafoam-300); }
.ev-d .path .lede { color: rgba(255,255,255,.85); }
.ev-d .path-card { background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.22); border-radius: 20px; padding: 48px; margin-top: 12px; backdrop-filter: blur(16px) saturate(120%); -webkit-backdrop-filter: blur(16px) saturate(120%); box-shadow: 0 24px 60px -30px rgba(0,0,0,.5); }
.ev-d .path-q { font-family: var(--font-serif); font-weight: 300; font-size: 1.7rem; margin: 0 0 26px; color: var(--white); }
.ev-d .path-opts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.ev-d .opt { display: flex; align-items: center; gap: 12px; padding: 18px 20px; border-radius: 14px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.18); color: var(--white); font-size: 15.5px; font-weight: 500; cursor: pointer; transition: .18s; text-decoration: none; }
.ev-d .opt:hover { background: rgba(255,255,255,.2); border-color: var(--seafoam-300); }
.ev-d .opt .oi { color: var(--seafoam-300); display: flex; }
.ev-d .path-foot { display: flex; align-items: center; gap: 16px; margin-top: 30px; flex-wrap: wrap; }
.ev-d .path-foot .prog { font-size: 13px; color: rgba(255,255,255,.7); }
.ev-d .closing { background: var(--green-950); color: var(--white); text-align: center; padding: 120px 0; }
.ev-d .closing .big { font-family: var(--font-serif); font-weight: 300; font-size: clamp(2.6rem, 6vw, 5rem); line-height: 1.05; letter-spacing: -0.02em; margin: 0 0 22px; }
.ev-d .closing .big em { font-style: italic; color: var(--seafoam-300); }
.ev-d .closing p.sub { max-width: 560px; margin: 0 auto 32px; color: rgba(255,255,255,.82); font-size: 17px; line-height: 1.6; }
.ev-d .closing .hero-cta { justify-content: center; }
.ev-d footer { background: var(--green-950); border-top: 1px solid var(--green-800); color: var(--text-on-dark-muted); padding: 70px 0 40px; }
.ev-d .foot-grid { display: grid; grid-template-columns: 1.4fr repeat(4, 1fr); gap: 40px; }
.ev-d footer .wordmark { color: var(--sand-50); font-size: 21px; }
.ev-d .foot-col h4 { font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--seafoam-300); margin: 0 0 16px; font-weight: 600; font-family: var(--font-brand); }
.ev-d .foot-col a { display: block; color: var(--text-on-dark-muted); text-decoration: none; font-size: 14px; margin-bottom: 11px; }
.ev-d .foot-col a:hover { color: var(--white); }
.ev-d .foot-news p { font-size: 14px; line-height: 1.55; margin: 8px 0 16px; }
.ev-d .foot-bottom { border-top: 1px solid var(--green-800); margin-top: 50px; padding-top: 24px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 14px; font-size: 12.5px; }
.ev-d .foot-bottom .legal { max-width: 760px; line-height: 1.55; color: color-mix(in srgb, var(--text-on-dark-muted) 80%, transparent); }


  @media (max-width: 980px) {.ev-d .goal-grid, .ev-d .why-grid, .ev-d .cat-grid, .ev-d .art-grid, .ev-d .rev-grid { grid-template-columns: 1fr 1fr; }
.ev-d .steps, .ev-d .stay-grid, .ev-d .labs-grid { grid-template-columns: 1fr; }
.ev-d .proof-media, .ev-d .path-opts { grid-template-columns: 1fr; }
.ev-d .foot-grid { grid-template-columns: 1fr 1fr; }

  }
  @media (max-width: 620px) {.ev-d .goal-grid, .ev-d .why-grid, .ev-d .cat-grid, .ev-d .art-grid, .ev-d .rev-grid, .ev-d .steps, .ev-d .stay-grid { grid-template-columns: 1fr; }

  }.ev-d footer { background: var(--green-950); border-top: 1px solid var(--green-800); color: rgba(255,255,255,.74); padding: 56px 0 40px; }
.ev-d .foot-disclaimer { display: flex; flex-direction: column; gap: 18px; padding-bottom: 40px; border-bottom: 1px solid var(--green-800); }
.ev-d .foot-disclaimer p { margin: 0; font-size: 14px; line-height: 1.6; color: rgba(255,255,255,.7); max-width: 1080px; }
.ev-d .foot-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 48px; padding: 48px 0 56px; border-bottom: 1px solid var(--green-800); }
.ev-d .foot-brand { display: flex; flex-direction: column; align-items: flex-start; gap: 22px; }
.ev-d .foot-brand p { margin: 0; font-size: 16px; line-height: 1.5; color: rgba(255,255,255,.86); max-width: 260px; }
.ev-d .foot-brand img.legit { width: 104px; height: auto; display: block; }
.ev-d .foot-col h4 { font-family: var(--font-brand); font-size: 13px; letter-spacing: 0.16em; text-transform: uppercase; color: rgba(255,255,255,.9); margin: 0 0 22px; font-weight: 400; }
.ev-d .foot-col .flinks { display: flex; flex-direction: column; gap: 16px; }
.ev-d .foot-col a { display: block; color: rgba(255,255,255,.78); text-decoration: none; font-size: 15.5px; line-height: 1.4; margin: 0; transition: color .16s; }
.ev-d .foot-col a:hover { color: var(--white); }
.ev-d .foot-bottom { display: grid; grid-template-columns: 100px 1fr; gap: 40px; margin: 0; padding-top: 32px; border: none; font-size: 13px; }
.ev-d .foot-bottom .copy { color: rgba(255,255,255,.6); line-height: 1.5; }
.ev-d .foot-bottom .legal { display: flex; flex-direction: column; gap: 14px; max-width: 1000px; }
.ev-d .foot-bottom .legal p { margin: 0; font-size: 13.5px; line-height: 1.6; color: rgba(255,255,255,.62); }

  @media (max-width: 1040px) {.ev-d .foot-grid { grid-template-columns: 1fr 1fr; gap: 40px; }
.ev-d .foot-bottom { grid-template-columns: 1fr; gap: 18px; }

  }.ev-d .opt.sel { background: rgba(255,255,255,.26); border-color: var(--seafoam-300); }
.ev-d .opt.sel .oi { transform: scale(1.08); }


/* safari: aspect-ratio + height:100% in a 1fr row overflows (narrow only) */
@media (max-width:767px){
.ev-d .ugc-grid img{height:auto}
.ev-d .ugc-grid{grid-auto-rows:auto}
}

@media (max-width:767px){.ev-d{display:none!important}}
@media (min-width:768px){.ev-m{display:none!important}}