:root { --jv-deep:#102f2d; --jv-dark:#153d39; --jv-green:#0f766e; --jv-teal:#1aa294; --jv-gold:#e6a83b; --jv-cream:#f8f3e7; --jv-ink:#19312e; --jv-muted:#657571; --jv-line:#d8e1de; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
.jv-page { margin:0; color:var(--jv-ink); background:#fff; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.jv-wrap { width:min(1180px,calc(100% - 48px)); margin-inline:auto; }
.jv-section { padding-top:112px; padding-bottom:112px; }
.jv-launch-bar { min-height:39px; padding:10px 20px; display:flex; justify-content:center; gap:12px; color:#d4e8e4; background:#0b2422; font-size:.7rem; letter-spacing:.025em; }
.jv-launch-bar strong { color:#fff1cd; }
.jv-launch-bar span::after { content:'•'; margin-left:12px; color:#648b85; }
.jv-header { width:min(1220px,calc(100% - 48px)); min-height:82px; margin:auto; display:flex; align-items:center; gap:34px; }
.jv-header .brand { font-size:1rem; }
.jv-header .brand b { color:var(--jv-green); }
.jv-header .brand em { margin-left:3px; color:var(--jv-gold); font-style:normal; }
.jv-header nav { margin-left:auto; display:flex; gap:28px; }
.jv-header nav a { color:#62716d; font-size:.68rem; font-weight:800; text-decoration:none; }
.jv-header nav a:hover { color:var(--jv-green); }
.jv-header__cta { min-height:39px; padding:0 15px; display:inline-flex; align-items:center; color:#fff; border-radius:8px; background:var(--jv-green); font-size:.65rem; font-weight:850; text-decoration:none; }
.jv-eyebrow { display:flex; align-items:center; gap:9px; color:var(--jv-green); font-size:.66rem; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
.jv-eyebrow i { width:23px; height:2px; background:var(--jv-gold); }
.jv-eyebrow--light { color:#9bd7d0; }
.jv-hero { min-height:700px; padding-top:82px; padding-bottom:96px; display:grid; grid-template-columns:1.08fr .72fr; gap:82px; align-items:center; }
.jv-hero h1 { margin:18px 0 23px; max-width:750px; font-size:clamp(3.7rem,7.2vw,6.6rem); line-height:.91; letter-spacing:-.075em; }
.jv-hero h1 em { display:block; color:var(--jv-green); font-style:normal; }
.jv-hero__lede { max-width:680px; color:var(--jv-muted); font-size:1.08rem; line-height:1.72; }
.jv-hero__actions { margin-top:30px; display:flex; align-items:center; gap:22px; }
.jv-button { min-height:55px; padding:0 23px; display:inline-flex; align-items:center; justify-content:center; border-radius:9px; text-decoration:none; font-size:.78rem; font-weight:900; transition:.18s ease; }
.jv-button:hover { transform:translateY(-1px); }
.jv-button--gold { color:#2b2e25; background:var(--jv-gold); box-shadow:0 14px 31px rgba(184,122,18,.22); }
.jv-text-link { display:flex; align-items:center; gap:8px; color:var(--jv-ink); font-size:.75rem; font-weight:850; text-decoration:none; }
.jv-text-link span { color:var(--jv-green); }
.jv-hero__note { margin-top:15px; color:#7c8985; font-size:.68rem; }
.jv-hero__note span { padding:0 6px; color:#b4bfbc; }
.jv-countdown { position:relative; overflow:hidden; padding:34px; color:white; border-radius:25px; background:linear-gradient(145deg,#123b38,#0f766e); box-shadow:0 36px 90px rgba(18,59,57,.25); }
.jv-countdown::after { content:''; position:absolute; width:250px; height:250px; right:-115px; top:-110px; border:1px solid rgba(255,255,255,.12); border-radius:50%; box-shadow:0 0 0 35px rgba(255,255,255,.035); }
.jv-countdown__label { position:relative; z-index:1; color:#9adbd3; font-size:.58rem; font-weight:900; letter-spacing:.14em; }
.jv-countdown h2 { position:relative; z-index:1; margin:20px 0 28px; font-size:3.15rem; line-height:.95; letter-spacing:-.055em; }
.jv-countdown__zones { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.jv-countdown__zones span { padding:15px; display:grid; gap:4px; border:1px solid rgba(255,255,255,.14); border-radius:11px; background:rgba(255,255,255,.06); color:#bfdbd7; font-size:.63rem; }
.jv-countdown__zones b { color:white; font-size:1.25rem; }
.jv-clock { margin-top:19px; display:grid; grid-template-columns:repeat(4,1fr); gap:6px; }
.jv-clock > span { padding:12px 4px; display:grid; gap:3px; text-align:center; border-radius:9px; background:white; color:var(--jv-ink); }
.jv-clock b { font-size:1.45rem; letter-spacing:-.04em; }
.jv-clock small { color:#71807c; font-size:.48rem; font-weight:800; text-transform:uppercase; }
.jv-clock__live { grid-column:1/-1; padding:15px; color:white; border:1px solid rgba(255,255,255,.18); border-radius:10px; text-align:center; }
.jv-calendar { margin-top:18px; display:block; color:#d9e9e6; text-align:center; font-size:.65rem; font-weight:750; text-underline-offset:3px; }
.jv-facts { width:min(1260px,100%); margin:auto; display:grid; grid-template-columns:repeat(5,1fr); border-block:1px solid var(--jv-line); }
.jv-facts div { min-height:115px; padding:25px 32px; display:flex; align-items:center; gap:14px; border-right:1px solid var(--jv-line); }
.jv-facts div:last-child { border:0; }
.jv-facts strong { color:var(--jv-green); font-size:2.1rem; letter-spacing:-.055em; }
.jv-facts span { max-width:145px; color:var(--jv-muted); font-size:.72rem; line-height:1.42; }
.jv-section-heading { max-width:850px; }
.jv-section-heading h2,.jv-funnel h2,.jv-buyers h2,.jv-resources h2,.jv-launch h2,.jv-final h2 { margin:15px 0 0; font-size:clamp(2.7rem,5.1vw,4.7rem); line-height:.98; letter-spacing:-.062em; }
.jv-story__grid { margin-top:51px; display:grid; grid-template-columns:.82fr 1.18fr; gap:80px; align-items:center; }
.jv-story__copy p { color:var(--jv-muted); font-size:1rem; line-height:1.75; }
.jv-story__copy strong { color:var(--jv-ink); }
.jv-mechanism { padding:29px; border:1px solid #d5dfdc; border-radius:20px; background:#f5f8f7; box-shadow:0 20px 55px rgba(24,66,62,.09); }
.jv-mechanism > span { color:var(--jv-green); font-size:.57rem; font-weight:900; letter-spacing:.12em; }
.jv-mechanism > div { margin-top:17px; padding:16px; display:grid; grid-template-columns:auto 1fr; gap:14px; align-items:center; border-radius:12px; background:white; }
.jv-mechanism > div > b { width:35px; height:35px; display:grid; place-items:center; color:var(--jv-green); border-radius:9px; background:#e7f2ef; font-size:.65rem; }
.jv-mechanism p { margin:0; display:grid; gap:4px; }
.jv-mechanism p strong { font-size:.82rem; }
.jv-mechanism p small { color:#71807c; font-size:.67rem; }
.jv-mechanism > i { width:30px; height:30px; margin:-7px auto; position:relative; z-index:1; display:grid; place-items:center; color:white; border-radius:50%; background:var(--jv-deep); font-style:normal; font-size:.7rem; }
.jv-funnel { color:white; background:var(--jv-deep); }
.jv-funnel__heading { display:grid; grid-template-columns:1.08fr .92fr; gap:80px; align-items:end; }
.jv-funnel__heading > p { margin:0; color:#b6cfcb; line-height:1.7; }
.jv-funnel__rail { height:2px; margin:60px 12.5% -14px; display:flex; justify-content:space-between; background:rgba(190,222,217,.2); }
.jv-funnel__rail i { width:12px; height:12px; margin-top:-5px; border:3px solid #15413e; border-radius:50%; background:var(--jv-gold); box-shadow:0 0 0 4px rgba(230,168,59,.13); }
.jv-funnel__cards { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.jv-funnel__cards article { min-height:430px; padding:25px; display:flex; flex-direction:column; border:1px solid rgba(207,231,227,.14); border-radius:15px; background:rgba(255,255,255,.048); }
.jv-offer__top { display:flex; justify-content:space-between; align-items:center; }
.jv-offer__top span { color:#9bd2cc; font-size:.56rem; font-weight:900; letter-spacing:.11em; }
.jv-offer__top b { color:var(--jv-gold); font-size:1.6rem; }
.jv-offer__commission { margin-top:12px; color:#a9d8d2; font-size:.58rem; font-weight:850; }
.jv-funnel__cards h3 { margin:35px 0 10px; font-size:1.2rem; }
.jv-funnel__cards p { margin:0; color:#b8d0cc; font-size:.75rem; line-height:1.56; }
.jv-funnel__cards ul { list-style:none; padding:0; margin:22px 0; display:grid; gap:10px; }
.jv-funnel__cards li { position:relative; padding-left:18px; color:#c4d9d5; font-size:.68rem; line-height:1.4; }
.jv-funnel__cards li::before { content:'✓'; position:absolute; left:0; color:#68d3c6; }
.jv-funnel__cards a { margin-top:auto; color:#fff; font-size:.69rem; font-weight:850; text-underline-offset:3px; }
.jv-cart-total { margin-top:18px; padding:20px 24px; display:flex; align-items:center; gap:25px; border:1px solid rgba(227,235,233,.14); border-radius:13px; background:rgba(255,255,255,.04); }
.jv-cart-total span { font-size:.57rem; font-weight:900; letter-spacing:.11em; }
.jv-cart-total strong { color:var(--jv-gold); font-size:2.1rem; }
.jv-cart-total em { color:#fff; font-size:.74rem; font-style:normal; font-weight:850; }
.jv-cart-total small { margin-left:auto; color:#adc6c2; font-size:.65rem; }
.jv-centred { max-width:850px; margin:0 auto 53px; text-align:center; }
.jv-centred .jv-eyebrow { justify-content:center; }
.jv-centred h2 { margin:15px 0 12px; font-size:clamp(2.7rem,5.1vw,4.7rem); line-height:.98; letter-spacing:-.062em; }
.jv-centred > p { color:var(--jv-muted); line-height:1.7; }
.jv-angle-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.jv-angle-grid article { min-height:320px; padding:29px; display:flex; flex-direction:column; border:1px solid var(--jv-line); border-radius:17px; background:#fff; }
.jv-angle-grid article > span { color:var(--jv-green); font-size:.56rem; font-weight:900; letter-spacing:.11em; }
.jv-angle-grid h3 { margin:46px 0 12px; font-size:1.3rem; line-height:1.2; }
.jv-angle-grid p { margin:0; color:var(--jv-muted); font-size:.79rem; line-height:1.62; }
.jv-angle-grid strong { margin-top:auto; padding-top:25px; font-size:.65rem; }
.jv-angle-grid small { margin-top:5px; color:#7c8986; font-size:.68rem; line-height:1.4; }
.jv-buyers { color:white; background:linear-gradient(140deg,#123431,#0f5c55); }
.jv-buyers__grid { display:grid; grid-template-columns:.82fr 1.18fr; gap:75px; align-items:start; }
.jv-buyers__grid > div > p { color:#bad1cd; line-height:1.7; }
.jv-buyers ul { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.jv-buyers li { padding:19px; display:grid; gap:6px; border:1px solid rgba(209,232,228,.14); border-radius:12px; background:rgba(255,255,255,.045); }
.jv-buyers li b { font-size:.8rem; }
.jv-buyers li span { color:#b4ccc8; font-size:.69rem; line-height:1.45; }
.jv-honesty__grid { margin-top:48px; display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.jv-honesty__grid article { padding:31px; border:1px solid #e2ded6; border-radius:18px; background:#faf8f3; }
.jv-honesty__grid article.is-yes { border-color:#bedbd6; background:#f1faf8; }
.jv-honesty__grid article > span { font-size:1rem; font-weight:900; }
.jv-honesty__grid ul { list-style:none; padding:0; margin:22px 0 0; display:grid; gap:13px; }
.jv-honesty__grid li { position:relative; padding-left:23px; color:#667571; font-size:.79rem; line-height:1.5; }
.jv-honesty__grid li::before { content:'×'; position:absolute; left:0; color:#a2665c; font-weight:900; }
.jv-honesty__grid .is-yes li::before { content:'✓'; color:var(--jv-green); }
.jv-resources { color:white; background:var(--jv-deep); }
.jv-resources__grid { display:grid; grid-template-columns:.92fr 1.08fr; gap:80px; align-items:center; }
.jv-resource-art { padding:26px; border:1px solid rgba(255,255,255,.14); border-radius:22px; background:rgba(255,255,255,.055); transform:rotate(-1deg); }
.jv-resource-art img { width:100%; display:block; border-radius:13px; }
.jv-resources__copy > p { color:#b8cfcb; line-height:1.7; }
.jv-resource-links { margin-top:26px; display:grid; gap:8px; }
.jv-resource-links a { min-height:53px; padding:0 17px; display:flex; justify-content:space-between; align-items:center; color:#fff; border:1px solid rgba(210,232,228,.15); border-radius:10px; background:rgba(255,255,255,.05); font-size:.73rem; font-weight:850; text-decoration:none; }
.jv-resource-links a:hover { border-color:rgba(230,168,59,.55); background:rgba(255,255,255,.08); }
.jv-resources__copy > small { display:block; margin-top:16px; color:#9fb9b5; font-size:.64rem; }
.jv-swipe-grid { display:grid; gap:13px; }
.jv-swipe-grid article { overflow:hidden; border:1px solid var(--jv-line); border-radius:16px; background:#fff; }
.jv-swipe__head { padding:22px 24px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--jv-line); background:#f7f9f8; }
.jv-swipe__head span { color:var(--jv-green); font-size:.53rem; font-weight:900; letter-spacing:.1em; }
.jv-swipe__head h3 { margin:5px 0 0; font-size:.94rem; }
.jv-swipe__head button { min-width:70px; min-height:35px; color:var(--jv-green); border:1px solid #bed8d3; border-radius:8px; background:#fff; font-size:.65rem; font-weight:850; cursor:pointer; }
.jv-swipe-grid pre { margin:0; padding:25px; white-space:pre-wrap; color:#596965; background:white; font:400 .77rem/1.65 Inter,ui-sans-serif,system-ui,sans-serif; }
.jv-subjects { margin-top:15px; padding:20px; display:flex; gap:8px; align-items:center; flex-wrap:wrap; border-radius:13px; background:#f2f6f4; }
.jv-subjects strong { margin-right:8px; font-size:.72rem; }
.jv-subjects button { padding:8px 11px; color:#526560; border:1px solid #d2ddda; border-radius:999px; background:white; font-size:.62rem; cursor:pointer; }
.jv-launch { color:white; background:linear-gradient(140deg,#0e645c,#0f766e); }
.jv-launch__card { display:grid; grid-template-columns:1fr 1.1fr; gap:65px; align-items:center; }
.jv-launch__card > div > p { color:#d1e6e2; line-height:1.7; }
.jv-launch__times { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.jv-launch__times span { padding:21px 15px; display:grid; gap:6px; border:1px solid rgba(255,255,255,.17); border-radius:12px; background:rgba(255,255,255,.06); text-align:center; }
.jv-launch__times small { color:#a9d6d0; font-size:.48rem; font-weight:900; letter-spacing:.09em; }
.jv-launch__times b { font-size:1.65rem; letter-spacing:-.04em; }
.jv-launch__times em { color:#c9e1dd; font-size:.58rem; font-style:normal; }
.jv-launch__actions { grid-column:1/-1; display:flex; justify-content:center; align-items:center; gap:21px; }
.jv-launch__actions > a:last-child { color:white; font-size:.7rem; font-weight:800; text-underline-offset:3px; }
.jv-faq { display:grid; grid-template-columns:.72fr 1.28fr; gap:80px; align-items:start; }
.jv-faq__list { border-top:1px solid var(--jv-line); }
.jv-faq details { border-bottom:1px solid var(--jv-line); }
.jv-faq summary { position:relative; padding:21px 40px 21px 0; list-style:none; cursor:pointer; font-size:.86rem; font-weight:850; }
.jv-faq summary::-webkit-details-marker { display:none; }
.jv-faq summary::after { content:'+'; position:absolute; right:5px; top:15px; color:var(--jv-green); font-size:1.5rem; font-weight:400; }
.jv-faq details[open] summary::after { content:'−'; }
.jv-faq details p { margin:-3px 38px 21px 0; color:var(--jv-muted); font-size:.79rem; line-height:1.66; }
.jv-faq details a { color:var(--jv-green); }
.jv-final { padding:105px 24px; color:white; background:var(--jv-deep); text-align:center; }
.jv-final .jv-wrap { max-width:900px; }
.jv-final .jv-eyebrow { justify-content:center; }
.jv-final > div > p { max-width:700px; margin:19px auto 29px; color:#b7ceca; line-height:1.7; }
.jv-footer { padding:42px 24px; color:#adc5c1; background:#0b2422; text-align:center; font-size:.68rem; }
.jv-footer .brand { justify-content:center; color:white; }
.jv-footer > p { max-width:760px; margin:13px auto; line-height:1.55; }
.jv-footer a { color:white; }
.jv-toast { position:fixed; right:20px; bottom:20px; z-index:20; padding:12px 17px; color:white; border-radius:9px; background:#102f2d; box-shadow:0 10px 32px rgba(0,0,0,.2); font-size:.7rem; font-weight:800; opacity:0; transform:translateY(10px); pointer-events:none; transition:.18s ease; }
.jv-toast.show { opacity:1; transform:none; }
@media(max-width:1020px) {
  .jv-header nav { display:none; }
  .jv-header__cta { margin-left:auto; }
  .jv-hero,.jv-story__grid,.jv-buyers__grid,.jv-resources__grid,.jv-faq { grid-template-columns:1fr; gap:50px; }
  .jv-countdown { width:min(650px,100%); margin:auto; }
  .jv-funnel__heading,.jv-launch__card { grid-template-columns:1fr; gap:35px; }
  .jv-funnel__cards { grid-template-columns:1fr 1fr; }
  .jv-funnel__rail { display:none; }
  .jv-launch__actions { grid-column:auto; }
  .jv-angle-grid { grid-template-columns:1fr 1fr; }
  .jv-angle-grid article:last-child { grid-column:1/-1; }
  .jv-resource-art { max-width:650px; margin:auto; }
}
@media(max-width:720px) {
  .jv-wrap { width:min(100% - 28px,1180px); }
  .jv-section { padding-top:76px; padding-bottom:76px; }
  .jv-launch-bar { display:grid; gap:3px; text-align:center; }
  .jv-launch-bar span::after { display:none; }
  .jv-header { width:calc(100% - 28px); min-height:68px; }
  .jv-header .brand em { display:none; }
  .jv-header__cta { font-size:.56rem; padding:0 10px; }
  .jv-hero { min-height:auto; padding-top:50px; padding-bottom:72px; }
  .jv-hero h1 { font-size:clamp(3.15rem,15vw,4.7rem); }
  .jv-hero__lede { font-size:1rem; }
  .jv-hero__actions { display:grid; }
  .jv-text-link { justify-content:center; }
  .jv-facts { grid-template-columns:1fr 1fr; }
  .jv-facts div:nth-child(even) { border-right:0; }
  .jv-facts div { min-height:95px; padding:20px; }
  .jv-funnel__cards,.jv-angle-grid,.jv-buyers ul,.jv-honesty__grid,.jv-launch__times { grid-template-columns:1fr; }
  .jv-angle-grid article:last-child { grid-column:auto; }
  .jv-funnel__cards article { min-height:390px; }
  .jv-cart-total { display:grid; gap:7px; }
  .jv-cart-total small { margin-left:0; }
  .jv-launch__actions { display:grid; }
  .jv-launch__actions .jv-button { width:100%; }
  .jv-swipe__head { align-items:flex-start; gap:15px; }
  .jv-swipe-grid pre { padding:20px; font-size:.72rem; }
  .jv-subjects { display:grid; }
  .jv-final { padding:78px 20px; }
  .jv-final .jv-button { width:100%; }
}
@media(max-width:410px) {
  .jv-header__cta { display:none; }
  .jv-clock { grid-template-columns:1fr 1fr; }
  .jv-countdown { padding:27px 20px; }
  .jv-countdown h2 { font-size:2.7rem; }
  .jv-countdown__zones { grid-template-columns:1fr; }
  .jv-facts { grid-template-columns:1fr; }
  .jv-facts div { border-right:0; border-bottom:1px solid var(--jv-line); }
  .jv-swipe__head { display:grid; }
  .jv-swipe__head button { width:100%; }
}