@font-face{font-family:Firma;src:url('assets/BRFirma-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Firma;src:url('assets/BRFirma-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Firma;src:url('assets/BRFirma-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Caslon;src:url('assets/CaslonGraD.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--ink:#26301f;--forest:#1f2b20;--cream:#f3efe4;--paper:#faf8f0;--sage:#9aaf94;--sage-light:#e6f2e8;--moss:#5f7a57;--line:#c9cec0;--max:1370px}
*{box-sizing:border-box}
html{scroll-padding-top:95px}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Firma,Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,a{font:inherit}
button{cursor:pointer}
a{color:inherit}
img{max-width:100%}
::selection{background:#b8d0a7;color:#17251a}
:focus-visible{outline:3px solid #7b9e65;outline-offset:4px}
.skip-link{position:absolute;z-index:1000;top:-60px;left:20px;padding:12px 16px;background:white;color:var(--ink)}
.skip-link:focus{top:20px}
.site-header{position:absolute;z-index:20;top:23px;left:50%;transform:translateX(-50%);width:min(calc(100% - 88px),var(--max));height:76px;border-radius:999px;background:rgba(247,247,239,.97);display:flex;align-items:center;justify-content:space-between;padding:0 13px 0 30px;box-shadow:0 14px 50px #0c150e30}
.brand{display:flex;align-items:center;width:95px}
.brand img{display:block;width:78px;height:auto;object-fit:contain}
.main-nav{display:flex;align-items:center;gap:44px}
.main-nav a{text-decoration:none;font-size:13px;font-weight:600;letter-spacing:.015em;transition:color .2s}
.main-nav a:hover{color:var(--moss)}
.header-cta{height:50px;display:inline-flex;align-items:center;gap:35px;padding:0 21px;border-radius:999px;background:var(--ink);color:white;text-decoration:none;font-size:13px;font-weight:700;transition:background .25s,transform .25s}
.header-cta:hover{background:#465d3d;transform:translateY(-2px)}
.hero{position:relative;min-height:min(835px,100svh);background:#20261d;color:#fff;overflow:hidden}
.hero-photo,.hero-shade{position:absolute;inset:0}
.hero-photo{background-image:url('assets/couple-redhead.jpg');background-size:cover;background-position:center 47%}
.hero-shade{background:linear-gradient(90deg,rgba(17,27,19,.92) 0%,rgba(19,28,21,.75) 31%,rgba(20,28,21,.29) 57%,rgba(15,22,17,.09) 100%),linear-gradient(0deg,rgba(15,23,17,.48),transparent 24%)}
.hero-grid{position:relative;z-index:2;width:min(calc(100% - 108px),var(--max));min-height:min(835px,100svh);margin:auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(350px,.9fr);align-items:center;padding-top:125px;padding-bottom:78px}
.hero-copy{max-width:665px}
.eyebrow{margin:0 0 23px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.2em}
.hero-eyebrow{display:flex;align-items:center;gap:14px;color:#d4e6d0}
.eyebrow-line{width:32px;height:1px;background:#d4e6d0}
h1,h2,h3,h4,p{margin-top:0}
h1{margin:0 0 26px;font-weight:600;font-size:clamp(70px,7vw,115px);line-height:.97;letter-spacing:-.071em}
h1 span{color:#c9dec5}
.hero-lede{max-width:520px;margin:0 0 30px;font-size:17px;line-height:1.6;color:#eef4ec}
.hero-actions{display:flex;gap:29px;align-items:center;flex-wrap:wrap}
.button{min-height:58px;padding:0 24px;display:inline-flex;align-items:center;justify-content:space-between;gap:42px;border-radius:999px;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap;transition:transform .25s,background .25s,box-shadow .25s}
.button:hover{transform:translateY(-3px);box-shadow:0 12px 24px #10201722}
.button-sage{background:#cce0c8;color:#203323}
.button-sage:hover{background:#e4f0df}
.button-ink{background:var(--ink);color:white}
.button-ink:hover{background:#465d3d}
.text-link{font-size:13px;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding:4px 0}
.text-link-light{color:#f3f7ef}
.hero-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:9px 14px;margin:35px 0 0;max-width:560px;font-size:13px;color:#dfebd9}
.hero-price strong{font-size:15px;color:#fff}
.hero-price span{color:#e1e6de}
.hero-disclosure{margin:12px 0 0;max-width:590px;color:#d1d8ce;font-size:10px;line-height:1.45}
.hero-object{position:absolute;right:2.4%;bottom:62px;width:23%;min-width:250px;max-width:338px;height:43%;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}
.hero-object img{position:relative;z-index:2;height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 22px 21px #030a07b0)}
.object-halo{position:absolute;width:122%;aspect-ratio:1;bottom:-5%;left:-11%;background:radial-gradient(circle,#d7f1c755,transparent 67%)}
.object-note{position:absolute;z-index:3;right:-8%;bottom:7%;padding-left:13px;border-left:1px solid #d4e7cc;color:#fff;font-size:12px;line-height:1.25;letter-spacing:.12em;font-weight:700}
.object-note small{display:block;margin-top:3px;font-size:9px;font-weight:400;letter-spacing:0}
.hero-index{position:absolute;z-index:4;left:max(54px,calc((100vw - var(--max))/2));right:54px;bottom:23px;display:flex;justify-content:space-between;color:#e0e7dc;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.ai-label{position:absolute;z-index:4;right:28px;bottom:52px;margin:0;color:#e0e7dcbd;font-size:9px}
.trust-bar{display:grid;grid-template-columns:repeat(3,1fr);padding:22px max(54px,calc((100vw - var(--max))/2));gap:24px;background:#e0e9dd;border-bottom:1px solid #c7d1c5}
.trust-bar>div{display:flex;align-items:center;justify-content:center;gap:13px;text-align:center;font-size:11px;font-weight:700;letter-spacing:.04em}
.trust-bar>div+div{border-left:1px solid #bdcaba}
.trust-icon{font-size:22px;line-height:1;color:var(--moss)}
.section-pad{padding:112px max(54px,calc((100vw - var(--max))/2))}
.section-intro{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);gap:20px 70px;align-items:end;margin-bottom:48px}
.section-intro .eyebrow{grid-column:1/-1;margin-bottom:0;color:var(--moss)}
.section-intro h2,.process h2,.faq h2,.final-cta h2{font-size:clamp(48px,5vw,77px);line-height:1.05;letter-spacing:-.055em;font-weight:600;margin:0}
.section-intro em,.process h2 em,.faq h2 em,.final-cta h2 em,.review-band h2 em{font-family:Caslon,Georgia,serif;font-weight:400;letter-spacing:-.065em}
.section-intro>p:last-child{margin:0 0 7px;max-width:350px;color:#5b6656;font-size:14px;line-height:1.65}
.options{background:var(--paper)}
.route-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:18px}
.route-card{min-height:530px;position:relative;display:block;overflow:hidden;border-radius:14px;text-decoration:none;isolation:isolate;transition:transform .3s,box-shadow .3s}
.route-card:hover{transform:translateY(-5px);box-shadow:0 24px 50px #1d2d1c24}
.route-duo{background:linear-gradient(132deg,#dbe9d9,#91ae8a)}
.route-gum{background:linear-gradient(143deg,#e6ede0,#c4dcbc)}
.route-card:after{content:"";position:absolute;z-index:-1;width:75%;height:100%;right:-16%;bottom:-33%;border-radius:50%;border:1px solid #ffffff9a;box-shadow:0 0 0 45px #ffffff16,0 0 0 95px #ffffff0d}
.route-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;max-width:55%;height:100%;min-height:530px;padding:30px 0 31px 34px}
.route-number{font-size:11px;font-weight:700;letter-spacing:.08em}
.route-number span{margin-left:13px;color:#55714f}
.route-card h3{margin:82px 0 11px;font-size:clamp(36px,3.7vw,58px);font-weight:600;letter-spacing:-.06em;line-height:1}
.route-card p{margin:0;max-width:260px;font-size:13px;line-height:1.58;color:#3c4939}
.route-price{display:block;margin:auto 0 25px;font-size:12px;line-height:1.1}
.route-price strong{font-size:31px;letter-spacing:-.06em}
.route-price small{display:block;margin-top:6px;font-size:10px;color:#455442}
.route-link{min-width:187px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:10px;font-size:12px;font-weight:700}
.route-art{position:absolute;z-index:1;right:0;bottom:9px;width:51%;height:82%;display:flex;justify-content:center;align-items:flex-end;pointer-events:none}
.route-art img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 23px 18px #2d493548);transition:transform .35s}
.route-card:hover .route-art img{transform:translateY(-9px) rotate(-2deg)}
.route-art-gum{height:83%;width:46%;right:1%;bottom:8px}
.choice-note{border-top:1px solid #ced8ca;margin:25px 0 0;padding-top:17px;color:#677461;font-size:11px;line-height:1.5}
.review-band{position:relative;background:var(--ink);color:var(--cream);padding:40px max(54px,calc((100vw - var(--max))/2)) 78px;overflow:hidden}
.review-band:after{content:"&";position:absolute;right:8%;top:-156px;font-family:Caslon,Georgia,serif;font-size:590px;line-height:1;color:#ffffff08;pointer-events:none}
.review-kicker{display:flex;align-items:center;gap:10px;padding-bottom:29px;border-bottom:1px solid #ffffff38;font-size:10px;letter-spacing:.18em;font-weight:700}
.small-star{font-size:22px;line-height:1;color:#a3c29b}
.review-main{position:relative;z-index:1;display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:50px;padding-top:70px}
.review-label{margin:0 0 17px;color:#c0d6b8;font-size:11px;letter-spacing:.18em;font-weight:700}
.review-band h2{margin:0;font-size:clamp(48px,5.5vw,87px);line-height:1.04;letter-spacing:-.06em;font-weight:600}
.review-band h2 em{color:#b6d1aa}
.review-action{max-width:310px;justify-self:end}
.review-action p{font-size:14px;line-height:1.65;color:#e2e9dd}
.review-action a{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #cbdac5;text-decoration:none;font-size:13px;font-weight:700}
.review-action small{display:block;margin-top:14px;color:#b8c7b3;font-size:10px;line-height:1.5}
.plans{background:var(--cream)}
.plans-intro{margin-bottom:42px}
.plan-switch{display:inline-flex;gap:3px;background:#e1e6dc;padding:5px;border-radius:999px;margin-bottom:42px}
.plan-switch button{min-width:190px;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:8px 20px;border:0;border-radius:999px;background:transparent;color:#566550;font-size:13px;font-weight:700}
.plan-switch button span{font-size:10px;font-weight:400}
.plan-switch button[aria-selected=true]{background:var(--ink);color:white;box-shadow:0 5px 16px #20301d29}
.plan-panel[hidden]{display:none}
.plan-panel-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:26px}
.panel-category{display:block;margin-bottom:11px;color:var(--moss);font-size:10px;font-weight:700;letter-spacing:.18em}
.plan-panel-heading h3{font-size:clamp(30px,3vw,43px);line-height:1.13;letter-spacing:-.05em;font-weight:600;margin:0}
.plan-panel-heading p{max-width:290px;font-size:12px;color:#5c6658;line-height:1.55;margin:0}
.plan-grid{display:grid;gap:16px}
.plan-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.plan-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.plan-card{min-height:420px;display:flex;flex-direction:column;padding:27px 28px 25px;border:1px solid #cdd3c7;border-radius:12px;background:#f9f9f2}
.plan-featured{background:#e3eedf;border-color:#9bae95}
.plan-top{display:flex;justify-content:space-between;gap:12px;padding-bottom:25px;border-bottom:1px solid #cbd3c5;font-size:10px;font-weight:700;letter-spacing:.09em}
.plan-top span:last-child{font-weight:400;letter-spacing:0}
.plan-card h4{margin:24px 0 10px;font-size:27px;letter-spacing:-.05em;font-weight:600}
.plan-amount{display:flex;align-items:baseline;gap:12px}
.plan-amount strong{font-size:58px;line-height:1;letter-spacing:-.075em;font-weight:600}
.plan-amount span{font-size:12px}
.plan-equation{margin:9px 0 18px;color:#60705d;font-size:11px}
.plan-card ul{list-style:none;padding:18px 0 0;margin:0 0 23px;border-top:1px solid #cbd3c5}
.plan-card li{position:relative;padding-left:18px;margin:0 0 9px;font-size:11px;line-height:1.35}
.plan-card li:before{content:"✓";position:absolute;left:0;color:var(--moss);font-weight:700}
.plan-card .button{margin-top:auto;min-height:50px;width:100%;font-size:12px}
.plan-smallprint{max-width:740px;color:#666e62;font-size:10px;line-height:1.6;margin:24px 0 0}
.process{background:#e4ecde;display:grid;grid-template-columns:.86fr 1.14fr;gap:30px 90px}
.process-head .eyebrow{color:var(--moss)}
.process h2{font-size:clamp(45px,4.6vw,70px)}
.process-list{border-top:1px solid #b5c4b0}
.process-step{display:grid;grid-template-columns:70px 1fr;gap:12px;padding:23px 0 22px;border-bottom:1px solid #b5c4b0}
.process-num{padding-top:6px;color:#5d7953;font-size:12px;font-weight:700}
.process-step h3{font-size:23px;letter-spacing:-.045em;margin:0 0 5px;font-weight:600}
.process-step p{max-width:440px;color:#566251;font-size:12px;line-height:1.55;margin:0}
.process>.button{grid-column:2;justify-self:start;margin-top:7px}
.faq{background:#faf8f0;display:grid;grid-template-columns:.82fr 1.18fr;gap:80px}
.faq-head .eyebrow{color:var(--moss)}
.faq h2{font-size:clamp(45px,4.8vw,72px)}
.faq-head>p:last-child{max-width:300px;margin:20px 0 0;color:#606c5d;font-size:13px;line-height:1.6}
.faq-list{border-top:1px solid #c9d0c3}
.faq details{border-bottom:1px solid #c9d0c3}
.faq summary{list-style:none;position:relative;padding:23px 44px 23px 0;font-size:14px;font-weight:600;cursor:pointer;line-height:1.4}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:4px;top:17px;font-size:25px;font-weight:400;color:var(--moss)}
.faq details[open] summary:after{content:"−"}
.faq details p{max-width:580px;padding:0 42px 24px 0;color:#596557;font-size:12px;line-height:1.6;margin:0}
.faq details a{text-decoration:underline;text-underline-offset:3px}
.final-cta{position:relative;overflow:hidden;background:var(--ink);color:#fff;text-align:center;padding:105px 24px 112px}
.final-cta:before,.final-cta:after{content:"";position:absolute;border:1px solid #cedfc22b;border-radius:50%;width:680px;aspect-ratio:1;top:-160px}
.final-cta:before{left:-430px}
.final-cta:after{right:-430px}
.final-inner{position:relative;z-index:1}
.final-mark{font-family:Caslon,Georgia,serif;font-size:46px;color:#bfdbb8}
.final-cta .eyebrow{color:#aac7a0;margin:23px 0}
.final-cta h2{font-size:clamp(54px,5.5vw,86px)}
.final-cta h2 em{color:#bed7b5}
.final-cta p:not(.eyebrow){font-size:13px;color:#dce8d7;margin:24px auto 29px;max-width:460px;line-height:1.6}
.site-footer{padding:52px max(54px,calc((100vw - var(--max))/2)) 23px;background:#e5e9df}
.footer-top{display:flex;align-items:center;gap:36px;padding-bottom:36px;border-bottom:1px solid #cbd3c6}
.footer-top img{width:79px;display:block}
.footer-top p{margin:0;font-size:13px;color:#64715f}
.footer-links{display:flex;gap:23px 38px;flex-wrap:wrap;padding:24px 0}
.footer-links a{font-size:11px;font-weight:700;text-decoration:none}
.footer-links a:hover{text-decoration:underline}
.footer-legal{max-width:1040px;font-size:10px;line-height:1.65;color:#5b6657}
.footer-bottom{margin:24px 0 0;font-size:10px;color:#677463}
@media(max-width:1100px){
  .hero-grid{grid-template-columns:1fr .6fr}
  h1{font-size:clamp(68px,8vw,95px)}
  .hero-object{right:2%;width:26%;height:38%}
  .route-copy{max-width:61%}
  .route-art{width:49%}
  .route-card h3{font-size:43px}
  .faq{gap:45px}
}
@media(max-width:800px){
  .site-header{top:14px;width:calc(100% - 30px);height:58px;padding:0 7px 0 18px}
  .brand{width:auto}
  .brand img{width:64px}
  .main-nav{gap:17px}
  .main-nav a{font-size:11px}
  .header-cta{min-height:42px;height:42px;gap:10px;padding:0 15px;font-size:11px}
  .hero,.hero-grid{min-height:760px}
  .hero-grid{width:calc(100% - 62px);grid-template-columns:1fr;align-items:end;padding-bottom:104px}
  .hero-copy{max-width:580px}
  .hero-photo{background-position:65% center}
  .hero-shade{background:linear-gradient(90deg,#142017d9,#14201763 85%),linear-gradient(0deg,#142017a6,transparent 70%)}
  .hero-object{height:33%;width:25%;min-width:180px;right:2%;bottom:74px}
  .object-note{display:none}
  .hero-index{left:30px;right:30px}
  .section-pad{padding:82px 30px}
  .trust-bar{padding:20px 30px}
  .route-grid{grid-template-columns:1fr 1fr}
  .route-card,.route-copy{min-height:480px}
  .route-copy{padding-left:25px;max-width:64%}
  .route-card h3{font-size:38px;margin-top:72px}
  .route-art{right:-10%;width:56%;height:65%}
  .route-art-gum{right:-8%;width:54%;height:67%}
  .review-band{padding:34px 30px 65px}
  .review-main{gap:25px}
  .plan-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}
  .plan-card{padding:24px 19px}
  .plan-amount strong{font-size:48px}
  .process{gap:30px}
  .faq{gap:30px}
  .site-footer{padding:44px 30px 24px}
}
@media(max-width:620px){
  html{scroll-padding-top:70px}
  .site-header{top:12px;width:calc(100% - 24px);height:54px;padding-left:17px}
  .main-nav{display:none}
  .header-cta{height:39px;min-height:39px}
  .hero{min-height:0;padding-top:360px;background:#1c291f}
  .hero-photo{height:440px;inset:0 0 auto;background-size:cover;background-position:66% 31%}
  .hero-shade{inset:0;background:linear-gradient(0deg,#1c291f 0%,#1c291f 44%,#1c291f00 73%),linear-gradient(90deg,#1c291f29,transparent 60%)}
  .hero-grid{width:calc(100% - 38px);min-height:0;display:block;padding:16px 0 54px}
  .hero-copy{position:relative;z-index:4}
  .hero-eyebrow{margin-bottom:18px;font-size:9px;letter-spacing:.17em}
  h1{font-size:clamp(58px,14vw,84px);margin-bottom:20px;line-height:.98}
  .hero-lede{font-size:14px;line-height:1.56;margin-bottom:22px;max-width:410px}
  .hero-actions{align-items:stretch;gap:14px}
  .button{min-height:52px;gap:25px}
  .hero-actions .button{flex:1;min-width:200px}
  .text-link{display:inline-flex;align-items:center;justify-content:center;font-size:12px}
  .hero-price{margin-top:27px;font-size:11px;gap:5px;display:block}
  .hero-price strong{font-size:13px;display:block;margin-bottom:3px}
  .hero-disclosure{font-size:9px;line-height:1.45;max-width:420px}
  .hero-object{height:155px;width:116px;min-width:0;right:4px;top:-156px;bottom:auto;opacity:.97}
  .object-halo{display:none}
  .hero-index{display:none}
  .ai-label{top:auto;right:19px;bottom:13px;font-size:8px}
  .trust-bar{grid-template-columns:1fr 1fr;padding:18px 18px;gap:13px}
  .trust-bar>div{justify-content:flex-start;text-align:left;font-size:10px;gap:8px}
  .trust-bar>div+div{border-left:0}
  .trust-bar>div:nth-child(3){grid-column:1/-1;border-top:1px solid #bfcdbb;padding-top:12px}
  .trust-icon{font-size:15px}
  .section-pad{padding:73px 19px}
  .section-intro{display:block;margin-bottom:30px}
  .section-intro .eyebrow{margin:0 0 18px}
  .section-intro h2,.process h2,.faq h2{font-size:clamp(45px,11vw,62px)}
  .section-intro>p:last-child{max-width:500px;margin-top:19px;font-size:13px}
  .route-grid{display:block}
  .route-card,.route-copy{min-height:465px}
  .route-card+.route-card{margin-top:13px}
  .route-copy{padding:24px 0 25px 23px;max-width:48%}
  .route-duo .route-copy{max-width:58%}
  .route-duo h3{font-size:36px}
  .route-card h3{font-size:clamp(38px,10vw,50px);margin-top:57px}
  .route-card p{font-size:11px;line-height:1.5}
  .route-art{width:53%;height:72%;right:-5%;bottom:7px}
  .route-art-gum{right:-4%;width:52%;height:70%}
  .route-price{font-size:10px;margin-bottom:18px}
  .route-price strong{font-size:24px}
  .route-price small{font-size:9px}
  .route-link{min-width:150px;font-size:10px}
  .choice-note{font-size:10px}
  .review-band{padding:27px 19px 63px}
  .review-kicker{padding-bottom:22px}
  .review-main{display:block;padding-top:53px}
  .review-band h2{font-size:clamp(47px,11vw,68px)}
  .review-action{max-width:100%;margin-top:26px}
  .review-action p{font-size:12px;max-width:440px}
  .review-band:after{right:-50%;top:0}
  .plans{padding-top:73px}
  .plan-switch{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-bottom:34px}
  .plan-switch button{min-width:0;min-height:52px;display:flex;flex-direction:column;gap:1px;font-size:11px;padding:5px 8px;line-height:1.2}
  .plan-switch button span{font-size:9px}
  .plan-panel-heading{display:block}
  .plan-panel-heading h3{font-size:36px}
  .plan-panel-heading p{margin-top:14px}
  .plan-grid,.plan-grid-two,.plan-grid-three{display:block}
  .plan-card{min-height:0;padding:23px;margin-bottom:12px}
  .plan-card h4{margin-top:20px}
  .plan-amount strong{font-size:55px}
  .plan-card ul{margin-bottom:18px}
  .plan-smallprint{margin-top:15px}
  .process{display:block}
  .process-list{margin-top:32px}
  .process-step{grid-template-columns:48px 1fr}
  .process-step h3{font-size:21px}
  .process>.button{margin-top:29px}
  .faq{display:block}
  .faq-head{margin-bottom:31px}
  .faq summary{font-size:13px;padding-top:19px;padding-bottom:19px}
  .faq summary:after{top:13px}
  .final-cta{padding:78px 19px 87px}
  .final-cta h2{font-size:clamp(51px,11vw,67px)}
  .footer-top{align-items:flex-start;gap:20px;padding-bottom:25px}
  .footer-top img{width:64px}
  .footer-top p{font-size:11px}
  .footer-links{gap:17px 23px}
  .site-footer{padding:38px 19px 24px}
}
@media(max-width:365px){
  .hero{padding-top:335px}
  .hero-photo{height:405px}
  .hero-object{top:-147px;height:145px}
  .hero-actions .button{width:100%}
  .route-copy{max-width:49%}
  .route-art{right:-9%;width:55%}
}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* ED v2 art direction: midnight blue photography, sage glass, and clear offer math. */
.hero{background:#172338;min-height:760px}
.hero-photo{background-image:url('assets/couple-redhead.jpg');background-position:center 38%}
.hero-shade{background:linear-gradient(90deg,#111e35ef 0%,#14233ad9 30%,#17264155 62%,#17233836 100%),linear-gradient(0deg,#142238bd,transparent 52%)}
.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(310px,.95fr);min-height:760px;padding-top:145px;padding-bottom:82px;gap:clamp(20px,4vw,70px)}
.hero-copy{max-width:680px;padding:36px 34px 30px;border:1px solid #d6e2f43d;border-radius:26px;background:linear-gradient(135deg,#15223dba,#15243b73 72%,#15243b37);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 24px 70px #0b142552}
.hero h1{font-size:clamp(54px,4.9vw,78px);line-height:1.015;letter-spacing:-.045em;margin-bottom:22px;text-wrap:balance}
.hero h1 span{color:#c6dfd3}
.hero-eyebrow{color:#dcebe5}
.hero-lede{font-size:17px;max-width:560px}
.hero-price{margin-top:25px}
.hero-disclosure{font-size:11px;line-height:1.5}
.hero-formula{justify-self:end;align-self:end;width:min(100%,390px);padding:19px 20px 17px;border-radius:23px;color:#f9fcfb;background:linear-gradient(140deg,#1c2c48cf,#17263db3);border:1px solid #e3edfa5b;backdrop-filter:blur(19px);-webkit-backdrop-filter:blur(19px);box-shadow:0 24px 65px #08142380;position:relative}
.formula-kicker{margin:0;font-size:11px;font-weight:700;letter-spacing:.2em;color:#c9e7e1}
.formula-tablet{display:block;width:100%;height:245px;object-fit:contain;filter:drop-shadow(0 25px 24px #050d1a75);margin:-8px 0 -9px}
.formula-ingredients{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.formula-ingredients span{padding:9px 12px;border-radius:999px;background:#e4f2e7;color:#253521;font-size:12px;font-weight:700}
.formula-ingredients i{font-style:normal;color:#bcd9d4;font-weight:700}
.hero-formula>p:last-child{color:#dbe8e7;font-size:11px;line-height:1.45;margin:13px 0 0}
.hero-index{color:#d9e8ed}
.trust-bar{grid-template-columns:repeat(4,minmax(0,1fr));background:#e8efe9;gap:16px;padding-top:16px;padding-bottom:16px}
.trust-bar>div{font-size:11px;justify-content:flex-start;text-align:left}
.trust-bar>div+div{border-left:1px solid #bed0bd;padding-left:16px}
.trust-review{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:2px;padding:9px 10px;background:#ffffffe0;border:1px solid #d5e0d2;border-radius:12px;text-decoration:none;transition:transform .2s,box-shadow .2s}
.trust-review:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1b36201c}
.trust-review img{display:block;width:min(100%,162px);height:auto}
.trust-review span{color:#52664f;font-size:9px;line-height:1.35;text-align:center}
.options{background:linear-gradient(180deg,#f6f7f0,#e8efe8)}
.route-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.route-card{display:grid;grid-template-columns:55% 45%;min-height:510px;background:linear-gradient(140deg,#f5fbf3d9,#dceadbba),#d6e5d2;border:1px solid #ffffffd4;border-radius:24px;box-shadow:0 16px 40px #263f2a1f,inset 0 1px #fff;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.route-gum{background:linear-gradient(140deg,#f8fff2d8,#dbeccbba),#d9e6d7}
.route-card:before{content:"";position:absolute;inset:12px;border:1px solid #ffffffad;border-radius:17px;pointer-events:none}
.route-card:after{z-index:0;right:-22%;bottom:-53%;width:80%;height:115%;opacity:.7}
.route-copy{grid-column:1;z-index:2;max-width:none;width:100%;box-sizing:border-box;min-height:510px;padding:31px 8px 33px 35px}
.route-card h3{font-size:clamp(38px,3.7vw,55px);line-height:1.02;letter-spacing:-.05em;margin:74px 0 13px}
.route-card p{font-size:14px;line-height:1.55;max-width:300px;color:#344732}
.route-price{font-size:12px}
.route-price strong{font-size:37px}
.route-price small{font-size:11px;color:#455a44}
.route-link{font-size:13px;min-width:0;width:min(100%,230px)}
.route-art,.route-art-gum{position:relative;grid-column:2;z-index:1;right:auto;bottom:auto;width:100%;height:auto;padding:40px 8px 36px 0;align-self:center;box-sizing:border-box}
.route-art img,.route-art-gum img{width:100%;height:auto;max-height:330px;object-fit:contain;filter:drop-shadow(0 20px 18px #17382440)}
.review-band{background:#273724}
.review-main{align-items:center}
.review-logo{display:block;max-width:min(100%,330px);width:100%;height:auto;margin-top:27px;padding:15px 20px;background:#f8f8f1;border-radius:12px;box-shadow:0 15px 40px #0a1c0b4a}
.review-band h2 span{font-size:.77em}
.plans{background:linear-gradient(180deg,#faf8f0,#eef4e8)}
.offer-perks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:-3px 0 32px}
.offer-perks>div{min-height:152px;display:flex;flex-direction:column;padding:23px;border-radius:18px;background:#ffffffbd;border:1px solid #d9e4d6;box-shadow:0 13px 30px #1b32151a}
.offer-perks>div:nth-child(2){background:#dcebdd}
.perk-number{font-size:35px;line-height:1;font-weight:700;letter-spacing:-.055em;color:#476b4a;margin-bottom:11px}
.offer-perks strong{font-size:15px;line-height:1.2}
.offer-perks small{display:block;margin-top:8px;color:#465848;font-size:12px;line-height:1.45}
.promo-draft{display:none;margin:0 0 30px;padding:23px 26px;border-radius:18px;background:#20344e;color:#fff;border:1px solid #8dbbb8;box-shadow:0 15px 35px #0c213839;align-items:center;gap:10px 22px;flex-wrap:wrap}
.preview-offer .promo-draft{display:flex}
.promo-tag{font-size:10px;letter-spacing:.15em;color:#c9e9df;font-weight:700}
.promo-draft strong{font-size:28px;letter-spacing:-.04em}
.promo-draft p{width:100%;margin:0;color:#d8e5e6;font-size:12px}
.plan-card{background:#ffffffed;border-color:#cbd9ca;border-radius:18px;box-shadow:0 10px 28px #24432a12}
.plan-featured{background:#e7f3e8;border-color:#95b59a;box-shadow:0 15px 35px #24432a1c}
.plan-top{font-size:11px}
.plan-card li,.plan-equation{font-size:12px}
.plan-card .button{min-height:55px}
.offer-receipt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:30px;border-radius:19px;overflow:hidden;border:1px solid #bfd0bc;background:#e8efe5}
.offer-receipt>div{display:grid;grid-template-columns:30px 1fr;align-content:center;column-gap:10px;padding:19px 17px;border-right:1px solid #bfd0bc}
.offer-receipt>div:nth-child(3){border-right:0}
.offer-receipt>div span{font-size:11px;color:#60835d;font-weight:700;grid-row:1/3}
.offer-receipt strong{font-size:13px}
.offer-receipt small{font-size:11px;color:#52644e;line-height:1.4;margin-top:3px}
.offer-receipt p{grid-column:1/-1;margin:0;padding:14px 18px;border-top:1px solid #bfd0bc;background:#f8fbf5;font-size:12px;line-height:1.45;color:#465747}
.offer-receipt a{text-decoration:underline;text-underline-offset:3px}
.inside{background:#26364d;color:#f8fbfc}
.inside-heading{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:10px 40px;margin-bottom:31px}
.inside-heading .eyebrow{grid-column:1/-1;color:#d2e8e4;margin:0}
.inside-heading h2,.choice-stat h2{font-size:clamp(50px,5vw,78px);line-height:1.04;letter-spacing:-.045em;margin:0;text-wrap:balance}
.inside-heading h2 em,.choice-stat h2 em{font-family:Caslon,Georgia,serif;font-weight:400;color:#c6dfd3}
.inside-heading>p:last-child{font-size:14px;line-height:1.6;color:#dfebef;margin:0 0 7px;max-width:390px}
.inside-switch{display:flex;gap:8px;margin-bottom:0}
.inside-switch button{border:1px solid #b6c8d755;color:#e8f2f1;background:#30425c;min-height:49px;padding:0 20px;font-family:inherit;font-weight:700;font-size:12px;border-radius:12px 12px 0 0;cursor:pointer}
.inside-switch button[aria-selected=true]{background:#e9f4ed;color:#233b2b;border-color:#e9f4ed}
.inside-panel{display:grid;grid-template-columns:1fr .88fr;min-height:570px;background:#e9f4ed;color:#263a29;border-radius:0 22px 22px 22px;overflow:hidden}
.inside-panel[hidden]{display:none}
.inside-copy{padding:clamp(28px,4vw,64px)}
.inside-overline{font-size:11px;color:#577458;letter-spacing:.16em;font-weight:700}
.inside-copy h3{font-size:clamp(40px,4vw,65px);line-height:1.02;letter-spacing:-.045em;margin:18px 0 17px}
.inside-copy>p{max-width:570px;font-size:14px;line-height:1.6;color:#435747}
.ingredient-list{list-style:none;margin:24px 0 27px;padding:0;border-top:1px solid #bad0b9}
.ingredient-list li{display:grid;grid-template-columns:32px 135px 1fr;gap:9px;align-items:center;min-height:60px;border-bottom:1px solid #bad0b9;font-size:12px}
.ingredient-list li span{color:#6c916c;font-weight:700}
.ingredient-list li strong{font-size:13px}
.ingredient-list li small{font-size:11px;line-height:1.35;color:#4c6452}
.inside-art{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 55% 45%,#d8e9d7,#9ab59a 75%);overflow:hidden}
.inside-orbit{position:absolute;width:75%;aspect-ratio:1;border:1px solid #ffffffae;border-radius:50%;box-shadow:0 0 0 50px #ffffff20,0 0 0 100px #ffffff0d}
.inside-art img{position:relative;z-index:1;display:block;max-width:75%;max-height:465px;object-fit:contain;filter:drop-shadow(0 27px 22px #19412250)}
.inside-art span{position:absolute;z-index:2;right:18px;bottom:18px;font-size:10px;letter-spacing:.13em;color:#2b482c;font-weight:700}
.inside-disclaimer{font-size:11px;line-height:1.5;color:#d9e6e8;margin:19px 0 0;max-width:950px}
.choice-stat{display:grid;grid-template-columns:.42fr 1fr;align-items:center;gap:55px;background:#edf3f7}
.stat-mark{font-size:clamp(180px,20vw,300px);line-height:.8;letter-spacing:-.14em;color:#beced9;font-weight:700}
.choice-stat>div:last-child{background:#ffffffd9;padding:42px 45px;border-radius:26px;border:1px solid #fff;box-shadow:0 17px 50px #26364b1a}
.choice-stat .eyebrow{color:#5b735b}
.choice-stat h2{font-size:clamp(43px,4vw,64px)}
.choice-stat h2 em{color:#587d68}
.choice-stat p:not(.eyebrow){font-size:15px;line-height:1.6;max-width:600px;margin:20px 0 25px;color:#4b5e56}
.final-cta{background:#1c2e45;padding-top:100px;padding-bottom:105px}
.final-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:32px}
.final-trust span{border:1px solid #b6d2c75a;border-radius:999px;padding:10px 13px;color:#e5f2ec;font-size:11px}
@media(max-width:1100px){
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(270px,.75fr)}
  .hero h1{font-size:clamp(54px,6.3vw,75px)}
  .hero-formula{width:min(100%,340px)}
  .route-card,.route-copy{min-height:490px}
  .route-copy{padding-left:27px}
  .route-card h3{font-size:clamp(35px,4vw,46px)}
  .route-art img{max-height:280px}
}
@media(max-width:800px){
  .hero,.hero-grid{min-height:770px}
  .hero-grid{display:grid;grid-template-columns:1fr .65fr;align-items:end;padding-top:145px;gap:18px;width:calc(100% - 48px)}
  .hero-copy{padding:24px 22px}
  .hero h1{font-size:clamp(50px,7vw,69px)}
  .hero-formula{padding:15px}
  .formula-tablet{height:190px}
  .trust-bar{grid-template-columns:repeat(2,1fr)}
  .trust-bar>div+div{border:0;padding-left:0}
  .trust-review{grid-column:1/-1}
  .route-card{grid-template-columns:57% 43%}
  .route-card,.route-copy{min-height:470px}
  .route-card h3{font-size:37px}
  .route-art img{max-height:245px}
  .inside-panel{grid-template-columns:1.1fr .9fr}
  .ingredient-list li{grid-template-columns:28px 100px 1fr}
}
@media(max-width:620px){
  .hero{padding-top:315px;min-height:0;background:#172338}
  .hero-photo{height:445px;background-position:63% 29%}
  .hero-shade{background:linear-gradient(0deg,#172338 0%,#172338 29%,#17233820 64%),linear-gradient(90deg,#17233850,transparent 72%)}
  .hero-grid{display:block;width:calc(100% - 30px);min-height:0;padding:0 0 62px}
  .hero-copy{padding:22px 19px 23px;border-radius:20px;background:#15243bdf}
  .hero h1{font-size:clamp(43px,12vw,60px);letter-spacing:-.045em;margin-bottom:17px}
  .hero-lede{font-size:14px;margin-bottom:19px}
  .hero-actions{gap:12px}
  .hero-actions .button{min-width:0;width:100%;flex:auto}
  .hero-price{margin-top:18px}
  .hero-disclosure{font-size:10px}
  .hero-formula{width:auto;margin:19px 0 0;padding:15px 15px 13px;display:grid;grid-template-columns:43% 57%;align-items:center;gap:0}
  .formula-kicker{grid-column:1/-1;font-size:9px}
  .formula-tablet{width:100%;height:133px;margin:0}
  .formula-ingredients{grid-column:2;grid-row:2;gap:5px}
  .formula-ingredients span{font-size:10px;padding:7px 8px}
  .hero-formula>p:last-child{grid-column:1/-1;margin-top:0;font-size:10px}
  .trust-bar{grid-template-columns:1fr 1fr;padding:17px;gap:11px}
  .trust-bar>div{font-size:10px;gap:6px}
  .trust-bar>div:nth-child(3){grid-column:1/-1;border:0;padding-top:0}
  .trust-review{grid-column:1/-1;flex-direction:row;justify-content:space-between;padding:10px 13px}
  .trust-review img{width:140px}
  .trust-review span{text-align:right;max-width:125px}
  .route-card,.route-copy{min-height:360px}
  .route-card{grid-template-columns:56% 44%;border-radius:20px}
  .route-card:before{inset:8px;border-radius:14px}
  .route-copy,.route-duo .route-copy{max-width:none;padding:20px 0 21px 21px}
  .route-card h3,.route-duo h3{font-size:clamp(34px,9vw,44px);margin:43px 0 9px}
  .route-card p{font-size:11px;line-height:1.4}
  .route-price{font-size:10px;margin-bottom:12px}
  .route-price strong{font-size:27px}
  .route-price small{font-size:9px}
  .route-art,.route-art-gum{width:100%;height:auto;right:auto;bottom:auto;padding:15px 5px 18px 0}
  .route-art img{max-height:220px}
  .route-link{font-size:10px}
  .review-logo{width:min(100%,280px);padding:12px}
  .offer-perks{display:block;margin-bottom:22px}
  .offer-perks>div{min-height:0;margin-bottom:10px;padding:16px 18px}
  .perk-number{font-size:28px;margin-bottom:5px}
  .offer-perks strong{font-size:14px}
  .offer-perks small{font-size:11px;margin-top:4px}
  .promo-draft{padding:18px}
  .promo-draft strong{font-size:23px}
  .offer-receipt{display:block}
  .offer-receipt>div{border-right:0;border-bottom:1px solid #bfd0bc;padding:12px 15px}
  .offer-receipt p{border-top:0}
  .inside-heading{display:block;margin-bottom:25px}
  .inside-heading .eyebrow{margin-bottom:17px}
  .inside-heading h2{font-size:clamp(43px,10vw,60px)}
  .inside-heading>p:last-child{font-size:12px;margin-top:19px}
  .inside-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px}
  .inside-switch button{padding:0 6px;font-size:10px;min-height:46px}
  .inside-panel{display:flex;flex-direction:column;border-radius:0 0 18px 18px}
  .inside-copy{padding:25px 20px 24px}
  .inside-copy h3{font-size:42px}
  .inside-copy>p{font-size:12px}
  .ingredient-list{margin:20px 0}
  .ingredient-list li{grid-template-columns:23px 105px 1fr;gap:6px;min-height:54px}
  .ingredient-list li strong{font-size:11px}
  .ingredient-list li small{font-size:10px}
  .inside-art{min-height:270px}
  .inside-art img{max-height:225px}
  .inside-art span{font-size:8px}
  .inside-disclaimer{font-size:10px}
  .choice-stat{display:block;padding-top:62px}
  .stat-mark{font-size:145px;line-height:.72;margin-bottom:-18px}
  .choice-stat>div:last-child{padding:29px 23px;border-radius:20px}
  .choice-stat h2{font-size:42px}
  .choice-stat p:not(.eyebrow){font-size:12px}
  .final-trust{gap:8px}
  .final-trust span{font-size:10px;padding:8px 10px}
}
@media(max-width:365px){
  .hero{padding-top:290px}
  .hero-photo{height:415px}
  .hero h1{font-size:43px}
  .route-card,.route-copy{min-height:365px}
  .route-card h3,.route-duo h3{font-size:31px}
  .route-copy{padding-left:16px}
  .route-art img{max-height:175px}
  .ingredient-list li{grid-template-columns:20px 85px 1fr}
}

/* ED v3: real editorial photography, floating glass, and tactile formula stage. */
.site-header{position:fixed;background:linear-gradient(145deg,rgba(255,255,255,.79),rgba(244,250,246,.59));border:1px solid rgba(255,255,255,.82);-webkit-backdrop-filter:blur(27px) saturate(175%);backdrop-filter:blur(27px) saturate(175%);box-shadow:0 17px 48px #0b172636,0 2px 12px #0b17261f,inset 0 1px 1px #fff,inset 0 -1px 1px #dce9e7;transition:background .3s,box-shadow .3s}
.site-header:before{content:"";position:absolute;inset:2px;border-radius:inherit;border:1px solid #ffffff70;pointer-events:none}
.site-header.is-scrolled{background:linear-gradient(145deg,rgba(255,255,255,.91),rgba(237,246,241,.78));box-shadow:0 12px 30px #0b172631,0 1px 6px #0b172624,inset 0 1px 1px #fff}
.hero-photo{background-image:url('assets/couple-redhead.jpg');background-position:54% 40%;transform:scaleX(-1)}
.hero-shade{background:linear-gradient(90deg,#101c31fa 0%,#11213ae8 33%,#11223d87 60%,#14253b23 100%),linear-gradient(0deg,#142139bb,transparent 52%)}
.hero-copy{background:linear-gradient(140deg,#11213cd9,#14243dc4 68%,#14243c8c);border-color:#ffffff5c;box-shadow:0 25px 80px #0613237d,inset 0 1px #ffffff27}
.hero-formula{background:linear-gradient(150deg,#182a48e8,#14243ed9);border-color:#ffffff85;box-shadow:0 30px 70px #061323aa,inset 0 1px #ffffff31}
.editorial-moment{position:relative;min-height:570px;margin:24px max(24px,calc((100vw - 1450px)/2));border-radius:30px;overflow:hidden;background:#162238;color:#fff;isolation:isolate}
.editorial-photo,.editorial-vignette{position:absolute;inset:0}
.editorial-photo{background-image:url('assets/couple-kissing.jpg');background-size:cover;background-position:76% 47%;transform:scaleX(-1)}
.editorial-vignette{background:linear-gradient(90deg,#10203af5 0%,#13233be7 32%,#15263b73 63%,#1727390b),linear-gradient(0deg,#0b172b69,transparent 42%)}
.editorial-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:570px;max-width:690px;padding:60px clamp(28px,5vw,77px)}
.editorial-content .eyebrow{color:#bad9d0}
.editorial-content h2{font-size:clamp(52px,5.6vw,86px);line-height:1.01;letter-spacing:-.06em;margin:0 0 23px}
.editorial-content h2 em{font-family:Caslon,Georgia,serif;color:#bbd8c8;font-weight:400}
.editorial-content p:not(.eyebrow){font-size:16px;line-height:1.67;max-width:470px;color:#e2eef0;margin:0 0 26px}
.editorial-number{position:absolute;z-index:1;right:34px;bottom:26px;color:#eaf4f0;font-size:10px;font-weight:700;letter-spacing:.16em}
.plan-saving{align-self:flex-start;margin:-5px 0 16px;padding:7px 10px;border-radius:999px;background:#d9eddc;color:#28513d;font-size:10px;font-weight:700;line-height:1.3}
.plan-featured{background:linear-gradient(145deg,#f3fbf1,#d9ecd9);border-color:#91af93}
.inside{background:radial-gradient(circle at 85% 20%,#3f5970 0,#26364d 42%,#17273e 100%)}
.inside-panel{grid-template-columns:1fr 1fr;min-height:630px;background:linear-gradient(140deg,#f4fbf6,#e3f2e9);box-shadow:0 30px 65px #07152744}
.inside-copy{align-self:center}
.inside-art{min-height:630px;display:block;background:radial-gradient(circle at 56% 40%,#d9efe0,#a1bea8 67%,#80a18f);perspective:1100px;isolation:isolate}
.inside-art:before{content:"";position:absolute;inset:14px;border-radius:30px;border:1px solid #ffffff80;pointer-events:none;z-index:3}
.formula-orbit{position:absolute;z-index:0;width:min(77%,475px);aspect-ratio:1;left:50%;top:45%;transform:translate(-50%,-50%) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .25s ease-out;pointer-events:none}
.orbit-ring{position:absolute;inset:5%;border:2px solid #f3fff2d6;border-radius:50%;box-shadow:0 0 0 33px #ffffff21,0 0 0 65px #ffffff10,inset 0 0 28px #ffffff61;transform:translateZ(-25px)}
.orbit-ring-two{inset:11%;border-color:#ffffff94;transform:rotateX(69deg) rotateY(-19deg) translateZ(20px);box-shadow:none}
.orbit-glow{position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle,#e3ffeba8,transparent 66%);filter:blur(12px);transform:translateZ(-10px)}
.formula-orbit img{position:absolute;z-index:1;max-width:none;width:68%;height:87%;object-fit:contain;left:16%;top:5%;filter:drop-shadow(0 25px 17px #274f3980);transform:translateZ(82px)}
.inside-art-gum .formula-orbit img{width:78%;left:11%;top:8%;height:88%}
.orbit-topline{position:absolute;z-index:4;top:33px;left:32px;right:32px;display:flex;justify-content:space-between;color:#244636;font-size:10px;letter-spacing:.17em;font-weight:700}
.orbit-topline span{position:static;font:inherit;color:inherit}
.orbit-point{position:absolute;z-index:5;display:flex;align-items:center;gap:5px;padding:11px 13px;border:1px solid #ffffffd4;background:linear-gradient(135deg,#fafff4e8,#effcf0aa);color:#264436;border-radius:17px;box-shadow:0 12px 25px #31553c30,inset 0 1px #fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-size:10px;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s}
.orbit-point:hover,.orbit-point[aria-pressed=true]{transform:translateY(-3px);background:#fafff7;box-shadow:0 18px 30px #244e3c3d,inset 0 1px #fff}
.orbit-point strong{font-size:12px}
.orbit-point small{padding:5px 6px;border-radius:999px;background:#d7ead8;font-size:9px;color:#426248}
.orbit-point-one{top:22%;left:5%}
.orbit-point-two{top:40%;right:4%}
.orbit-point-three{top:57%;left:6%}
.orbit-detail{position:absolute;z-index:5;left:25px;right:25px;bottom:45px;max-width:430px;padding:13px 17px;border-radius:17px;background:linear-gradient(145deg,#fafff3e8,#f1fff1c5);border:1px solid #ffffffed;box-shadow:0 15px 30px #294b3d30;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.orbit-detail span{position:static;display:block;color:#5b8361;font-size:8px;letter-spacing:.17em;margin-bottom:5px}
.orbit-detail strong{display:block;font-size:15px;letter-spacing:-.02em}
.orbit-detail p{font-size:10px;line-height:1.45;margin:4px 0 0;color:#425d49}
.inside-art .orbit-hint{position:absolute;z-index:5;left:32px;right:auto;bottom:18px;color:#31583c;font-size:8px;letter-spacing:.12em;font-weight:700}
.why-us{background:linear-gradient(135deg,#e9f0e9,#faf9f3 55%,#e0eae0)}
.why-intro{max-width:1050px;margin:0 0 40px}
.why-intro .eyebrow{color:#568061}
.why-intro h2,.care-heading h2{font-size:clamp(45px,5vw,76px);line-height:1.03;letter-spacing:-.06em;margin:0 0 22px}
.why-intro h2 em,.care-heading h2 em{font-family:Caslon,Georgia,serif;font-weight:400;color:#60856a}
.why-intro>p:last-child{max-width:670px;font-size:15px;line-height:1.65;color:#536957}
.why-grid,.care-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.why-grid article{padding:31px 28px;min-height:245px;border-radius:24px;background:linear-gradient(140deg,#ffffffc7,#eff7ef8c);border:1px solid #ffffffec;box-shadow:0 17px 39px #213e2720,inset 0 1px #fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.why-grid article>span{display:inline-block;margin-bottom:33px;color:#618769;font-size:11px;font-weight:700;letter-spacing:.14em}
.why-grid h3{margin:0 0 9px;font-size:22px;letter-spacing:-.04em}
.why-grid p{margin:0;color:#506454;font-size:12px;line-height:1.55}
.why-footnote{font-size:10px;line-height:1.55;color:#546654;max-width:860px;margin:23px 0 0}
.why-footnote a{text-underline-offset:3px}
.choice-stat{grid-template-columns:.8fr 1fr;gap:26px;background:#e8f0ea}
.stat-mark{height:460px;display:flex;align-items:end;justify-content:flex-start;padding:28px;border-radius:27px;background:linear-gradient(0deg,#101d36a8,transparent 48%),url('assets/couple-tattoo.jpg') center 52%/cover;color:#ffffffca;font-size:95px;letter-spacing:-.1em;box-shadow:0 22px 50px #15293a30}
.choice-stat>div:last-child{background:linear-gradient(145deg,#ffffffd9,#ecf8eec6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.care-team{background:linear-gradient(145deg,#17283f,#263c4e 70%,#304f53);color:#f7faf4;position:relative;overflow:hidden}
.care-team:before{content:"";position:absolute;right:-210px;top:-260px;width:650px;aspect-ratio:1;border:1px solid #bfdcd32e;border-radius:50%;box-shadow:0 0 0 70px #ffffff08,0 0 0 160px #ffffff05}
.care-heading{position:relative;z-index:1;max-width:1000px;margin-bottom:47px}
.care-heading .eyebrow{color:#b8d7c5}
.care-heading h2 em{color:#b8d8c9}
.care-heading>p:last-child{max-width:620px;color:#dce9e8;font-size:14px;line-height:1.65}
.care-grid{position:relative;z-index:1}
.care-grid article{min-height:325px;padding:27px;border-radius:24px;border:1px solid #ffffff69;background:linear-gradient(155deg,#edf8f028,#e8f6e910);-webkit-backdrop-filter:blur(23px) saturate(130%);backdrop-filter:blur(23px) saturate(130%);box-shadow:0 18px 40px #07142337,inset 0 1px #ffffff45}
.care-index{font-size:9px;letter-spacing:.17em;color:#bdd7cc;font-weight:700}
.care-icon{display:grid;place-items:center;width:58px;height:58px;margin:39px 0 26px;border-radius:18px;background:#e8f7ed2b;border:1px solid #f3fff685;color:#ecf9ed;font-size:28px;box-shadow:inset 0 1px #ffffff56}
.care-grid h3{margin:0 0 9px;font-size:23px;letter-spacing:-.04em}
.care-grid p{font-size:12px;line-height:1.58;color:#e0eae5;max-width:320px}
.care-note{position:relative;z-index:1;color:#bccdc9;font-size:10px;line-height:1.5;margin:22px 0 0}
.faq{background:linear-gradient(135deg,#eef5ef,#f9faf5 50%,#e4eee9);gap:clamp(35px,5vw,80px)}
.faq-head>p:last-child{max-width:380px;font-size:14px}
.faq-portraits{display:flex;align-items:center;margin-top:38px;padding-left:4px}
.faq-portraits img{width:62px;height:62px;object-fit:cover;border-radius:50%;border:3px solid #f7fbf5;margin-left:-7px;box-shadow:0 10px 25px #213d2c26}
.faq-portraits img:first-child{object-position:32% 45%}
.faq-portraits img:nth-child(2){object-position:49% 37%}
.faq-portraits img:nth-child(3){object-position:70% 40%}
.faq-portraits span{margin-left:15px;font-size:9px;line-height:1.5;font-weight:700;letter-spacing:.12em;color:#64836a}
.faq-list{border:0}
.faq details{margin-bottom:11px;border:1px solid #ffffffeb;border-radius:19px;background:linear-gradient(135deg,#ffffffde,#f5fcf6ad);box-shadow:0 12px 27px #1d3d2b18,inset 0 1px #fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden;transition:box-shadow .2s,background .2s}
.faq details[open]{background:#ffffffed;box-shadow:0 18px 38px #1d3d2b29}
.faq summary{display:flex;gap:20px;align-items:center;padding:22px 55px 22px 23px;font-size:15px;min-height:85px}
.faq summary:after{right:23px;top:50%;transform:translateY(-50%);font-size:22px}
.faq-num{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e4f2e5;color:#517c5b;font-size:10px;letter-spacing:.03em}
.faq details p{padding:0 28px 27px 81px;font-size:12px;line-height:1.65}
@media(max-width:900px){
  .editorial-moment{min-height:490px;margin:16px}
  .editorial-content{min-height:490px}
  .inside-panel{grid-template-columns:1fr 1fr}
  .orbit-point{padding:9px;font-size:9px}
  .orbit-point strong{font-size:10px}
  .orbit-point small{font-size:8px}
  .why-grid,.care-grid{gap:10px}
  .why-grid article,.care-grid article{padding:21px}
}
@media(max-width:620px){
  .site-header{background:linear-gradient(145deg,#ffffffd9,#f1f9f4ad);-webkit-backdrop-filter:blur(24px) saturate(165%);backdrop-filter:blur(24px) saturate(165%)}
  .hero-photo{background-position:40% 28%}
  .hero-shade{background:linear-gradient(0deg,#172338 0%,#172338 28%,#17233839 64%),linear-gradient(90deg,#17233830,#17233800)}
  .editorial-moment{min-height:640px;margin:12px;border-radius:23px}
  .editorial-photo{background-position:39% 28%}
  .editorial-vignette{background:linear-gradient(0deg,#10203bfa 0%,#10203be0 34%,#10203b21 76%)}
  .editorial-content{min-height:640px;justify-content:flex-end;padding:34px 25px 61px}
  .editorial-content h2{font-size:clamp(49px,12vw,68px)}
  .editorial-content p:not(.eyebrow){font-size:12px;line-height:1.55}
  .editorial-number{left:25px;right:auto;bottom:22px}
  .plan-saving{font-size:9px;white-space:normal}
  .inside-art{min-height:560px}
  .formula-orbit{top:40%;width:min(83%,360px)}
  .orbit-topline{top:24px;left:20px;right:20px;font-size:9px}
  .orbit-point-one{top:14%;left:5%}
  .orbit-point-two{top:42%;right:4%}
  .orbit-point-three{top:52%;left:4%}
  .orbit-detail{left:16px;right:16px;bottom:43px;max-width:none}
  .orbit-hint{left:20px;bottom:16px;font-size:7px}
  .ingredient-list li{grid-template-columns:23px minmax(115px,1fr);gap:4px 8px;padding:7px 0}
  .ingredient-list li small{grid-column:2;font-size:10px}
  .why-intro h2,.care-heading h2{font-size:clamp(44px,11vw,60px)}
  .why-grid,.care-grid{display:block}
  .why-grid article,.care-grid article{min-height:0;margin-bottom:12px;padding:23px}
  .why-grid article>span{margin-bottom:22px}
  .care-grid article{min-height:235px}
  .care-icon{margin:25px 0 18px}
  .choice-stat{padding-top:60px}
  .stat-mark{height:380px;margin:0 0 14px;font-size:70px}
  .faq-portraits{margin-top:25px}
  .faq summary{min-height:80px;padding:16px 47px 16px 14px;font-size:12px;gap:12px}
  .faq summary:after{right:15px}
  .faq-num{width:34px;height:34px}
  .faq details p{padding:0 18px 23px 60px;font-size:11px}
}
@media(max-width:365px){
  .orbit-point{padding:8px;font-size:8px}
  .orbit-point strong{font-size:9px}
  .orbit-point small{font-size:7px;padding:4px}
  .inside-art{min-height:520px}
  .formula-orbit{top:38%}
}
@media(prefers-reduced-motion:reduce){.formula-orbit{transition:none}}

/* v1.3: formula journey, preference quiz, and on-page plan review */
.main-nav{gap:clamp(16px,2.2vw,34px)}
.trust-bar{grid-template-columns:repeat(3,minmax(0,1fr)) 1.3fr .8fr;align-items:center}
.trust-legit{display:grid;place-items:center;min-height:58px;padding:8px 12px;border:1px solid #d7e5d7;border-radius:13px;background:linear-gradient(135deg,#ffffffec,#eaf4ebc9);color:#305842;text-align:center;text-decoration:none;font-size:10px;font-weight:700;line-height:1.35;box-shadow:inset 0 1px #fff,0 8px 20px #1b392015}
.trust-legit span{display:inline}
.editorial-photo{background-image:url('assets/couple-kissing.jpg');background-position:72% 42%;transform:none}
.editorial-vignette{background:linear-gradient(90deg,#10203bf2 0%,#10203bda 33%,#10203b43 73%,#10203b13 100%)}
.inside{padding-top:clamp(88px,9vw,148px)}
.inside-heading{align-items:center}
.inside-heading h2{font-size:clamp(59px,6vw,100px)}
.inside-panel{min-height:680px}
.inside-art{min-height:680px}
.formula-orbit{transform:translate(-50%,-50%) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) rotateZ(var(--turn,0deg));transition:transform .65s cubic-bezier(.22,1,.36,1)}
.orbit-ring-one{box-shadow:0 0 0 35px #ffffff25,0 0 0 74px #ffffff12,inset 0 0 38px #ffffff81,0 0 35px #c9f6d786}
.orbit-ring-two{border-width:2px;box-shadow:0 0 27px #ffffff88}
.orbit-point{transition:transform .42s cubic-bezier(.22,1,.36,1),background .42s,box-shadow .42s}
.orbit-point[aria-pressed=true]{border-color:#fafff9;box-shadow:0 18px 36px #244e3c55,0 0 0 4px #ffffff6b,inset 0 1px #fff}
.orbit-detail{max-width:455px;padding:18px 21px 14px;box-shadow:0 18px 40px #294b3d42,inset 0 1px #fff}
.orbit-detail p{font-size:11px;line-height:1.5;min-height:34px}
.orbit-controls{display:flex;justify-content:space-between;align-items:center;margin-top:11px;padding-top:9px;border-top:1px solid #a2c8a692}
.orbit-controls button{border:0;background:transparent;color:#28513b;font-size:11px;font-weight:700;min-height:30px;padding:2px 6px}
.orbit-controls button:hover{color:#0a2b1a}
.formula-route{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0 22px}
.formula-route span{padding:8px 9px;border-radius:999px;background:#e4f0e7;color:#44644b;font-size:8px;letter-spacing:.08em;font-weight:700}
.inside-copy>.button{margin-top:2px}
.quiz-section{background:radial-gradient(circle at 86% 14%,#41655242 0,transparent 34%),linear-gradient(145deg,#14253b,#223951 63%,#16283e);color:#f7faf7}
.quiz-shell{width:min(100%,var(--max));margin:auto;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(26px,5vw,88px);align-items:center}
.quiz-intro .eyebrow{color:#bfdfc5}
.quiz-intro h2{font-size:clamp(54px,5.7vw,96px);line-height:1;letter-spacing:-.065em;margin:0 0 25px}
.quiz-intro h2 em{font-family:Caslon,Georgia,serif;font-weight:400;color:#cce8d1}
.quiz-intro>p:not(.eyebrow){max-width:520px;color:#d5e4e8;font-size:15px;line-height:1.62}
.quiz-meta{display:flex;gap:18px;align-items:center;margin-top:40px;color:#c4d8d5;font-size:10px;font-weight:700;letter-spacing:.14em}
.quiz-meta span:first-child{display:grid;place-items:center;width:57px;height:57px;border-radius:50%;border:1px solid #b4d7cc77;background:#ffffff12;font-size:12px}
.quiz-card{position:relative;min-height:535px;padding:clamp(25px,3.3vw,54px);border:1px solid #ffffffb8;border-radius:30px;background:linear-gradient(140deg,#fffffff1,#e8f3ede6);color:#203327;box-shadow:0 32px 75px #06172875,inset 0 1px #fff;overflow:hidden}
.quiz-card:before{content:"";position:absolute;inset:7px;border:1px solid #ffffffb0;border-radius:24px;pointer-events:none}
.quiz-progress{height:4px;background:#bdd4c4;border-radius:99px;overflow:hidden;margin-bottom:43px}
.quiz-progress span{display:block;width:100%;height:100%;background:#4f8469;transform:scaleX(.333);transform-origin:left;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.quiz-kicker{margin:0 0 11px;color:#618169;font-size:10px;letter-spacing:.16em;font-weight:700}
.quiz-step h3,.quiz-result h3{max-width:620px;margin:0 0 29px;font-size:clamp(27px,2.8vw,42px);line-height:1.13;letter-spacing:-.045em}
.quiz-answer{position:relative;display:grid;grid-template-columns:1fr 28px;width:100%;min-height:70px;text-align:left;align-items:center;padding:12px 18px;margin:0 0 9px;border:1px solid #cdddcf;border-radius:15px;background:#ffffffc4;color:#203327;box-shadow:0 5px 16px #173a2410;transition:transform .45s cubic-bezier(.22,1,.36,1),background .3s,border-color .3s,box-shadow .3s}
.quiz-answer:hover{transform:translateX(5px);background:#fff;border-color:#80a78b;box-shadow:0 11px 22px #173a2423}
.quiz-answer span{font-size:14px;font-weight:700}
.quiz-answer small{grid-column:1;font-size:11px;line-height:1.4;color:#526b59}
.quiz-answer b{grid-column:2;grid-row:1/3;font-size:19px;font-weight:400;color:#60886a;text-align:right}
.quiz-footer{display:flex;align-items:center;justify-content:space-between;margin-top:24px;min-height:30px;color:#607d69;font-size:9px;letter-spacing:.1em;font-weight:700}
.quiz-footer button{border:0;background:none;color:#335b41;font-size:11px;font-weight:700;min-height:30px;padding:0}
.quiz-result>p:not(.quiz-kicker){font-size:13px;line-height:1.58;color:#4c6253;max-width:500px}
.quiz-result-plan{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #c7d9ca;border-bottom:1px solid #c7d9ca;margin:23px 0;padding:18px 0;font-size:13px}
.quiz-result-plan strong{font-size:15px}
.quiz-result .button{border:0}
.quiz-result>a{display:inline-block;margin-left:15px;color:#446c50;font-size:11px;font-weight:700}
.quiz-result small{display:block;max-width:510px;margin-top:19px;color:#607065;font-size:10px;line-height:1.45}
.plan-review{border:0;text-align:left;cursor:pointer}
.plan-grid-three .plan-card{min-width:0}
.plan-grid-three .plan-amount strong{font-size:clamp(42px,4.1vw,62px)}
.plan-featured{background:linear-gradient(150deg,#e8f4e9,#d7ebd9);border-color:#9fc4a7;box-shadow:0 17px 34px #214d2d28,inset 0 1px #fff}
.plan-featured .plan-top span:first-child{color:#386c49}
.order-dialog{position:fixed;inset:0 0 0 auto;width:min(100%,530px);max-width:none;max-height:100dvh;margin:0;padding:0;border:0;background:#f7faf5;color:#203327;box-shadow:-28px 0 90px #0617286b;overflow:auto}
.order-dialog[open]{animation:order-in .55s cubic-bezier(.22,1,.36,1) both}
.order-dialog::backdrop{background:#09162aaf;backdrop-filter:blur(9px)}
@keyframes order-in{from{opacity:0;transform:translateX(35px)}to{opacity:1;transform:translateX(0)}}
.order-sheet{min-height:100%;padding:33px clamp(22px,4vw,48px) 42px;background:radial-gradient(circle at 100% 0,#dceee3,transparent 37%),#f7faf5}
.order-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:36px}
.order-brand{font-family:Caslon,Georgia,serif;font-size:49px;line-height:1;font-weight:700}
.order-close{width:43px;height:43px;border:1px solid #bfd1c3;border-radius:50%;background:#ffffffb6;color:#375743;font-size:26px;line-height:1}
.order-sheet>.eyebrow{color:#618269;font-size:10px;margin:0 0 12px}
.order-sheet h2{font-size:clamp(37px,4vw,58px);line-height:1.03;letter-spacing:-.055em;margin:0 0 12px}
.order-subtitle{font-size:13px;line-height:1.5;color:#536b58;margin:0 0 26px}
.order-product{display:flex;align-items:center;gap:17px;padding:14px 16px;border:1px solid #d0decf;border-radius:20px;background:linear-gradient(135deg,#fff,#eaf4ea);box-shadow:inset 0 1px #fff,0 10px 25px #16412012}
.order-product img{width:85px;height:85px;object-fit:contain}
.order-product span{display:block;color:#63836a;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.order-product strong{display:block;margin-top:7px;font-size:16px;line-height:1.3}
.order-lines{margin:29px 0 20px}
.order-lines>div,.order-total{display:flex;justify-content:space-between;gap:20px;padding:11px 0;font-size:13px}
.order-lines>div{border-bottom:1px solid #d7e4d7}
.order-lines strong,.order-total strong{font-weight:700}
.order-total{align-items:baseline;padding:17px 0;border-top:2px solid #789b7c;font-size:15px;font-weight:700}
.order-total strong{font-size:35px;letter-spacing:-.05em}
.order-saving{min-height:22px;color:#3d724d;font-size:11px;font-weight:700;line-height:1.45;margin:0 0 21px}
.order-continue{width:100%;border:0}
.order-note{margin:13px 0 22px;color:#5b7160;font-size:10px;line-height:1.5}
.order-steps{display:flex;gap:6px;flex-wrap:wrap}
.order-steps span{padding:8px 9px;border-radius:999px;background:#e7f0e6;color:#4f7357;font-size:9px;font-weight:700}
.order-disclosure{margin:22px 0 0;color:#617265;font-size:10px;line-height:1.55}
@media(max-width:1100px){.trust-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.trust-review,.trust-legit{grid-column:auto}.quiz-shell{gap:34px}.plan-grid-three .plan-card{padding:21px}.plan-grid-three .plan-amount strong{font-size:43px}}
@media(max-width:800px){.trust-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-review{grid-column:1}.trust-legit{grid-column:2}.quiz-shell{grid-template-columns:1fr}.quiz-intro h2{font-size:clamp(56px,9vw,76px)}.quiz-meta{margin-top:23px}.quiz-card{min-height:0}.plan-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.plan-grid-three .plan-card{padding:17px}.plan-grid-three .plan-amount strong{font-size:38px}}
@media(max-width:620px){.trust-review,.trust-legit{grid-column:1/-1}.trust-legit{min-height:44px}.inside{padding-top:80px}.inside-heading h2{font-size:clamp(53px,12vw,72px)}.inside-art{min-height:625px}.formula-orbit{top:35%;width:min(82%,345px)}.orbit-detail{bottom:41px;padding:13px 15px}.orbit-detail p{font-size:10px;min-height:45px}.orbit-hint{bottom:14px}.formula-route{gap:4px}.formula-route span{font-size:7px;padding:7px 8px}.quiz-section{padding:80px 18px}.quiz-intro h2{font-size:clamp(52px,12vw,69px)}.quiz-intro>p:not(.eyebrow){font-size:13px}.quiz-meta{font-size:8px}.quiz-card{padding:25px 20px;border-radius:23px}.quiz-progress{margin-bottom:29px}.quiz-step h3,.quiz-result h3{font-size:30px}.quiz-answer{min-height:68px}.plan-grid-three{grid-template-columns:1fr}.plan-grid-three .plan-card{padding:25px}.plan-grid-three .plan-amount strong{font-size:58px}.editorial-photo{background-position:61% 45%}.editorial-vignette{background:linear-gradient(0deg,#10203bf9 0%,#10203bc7 44%,#10203b08 83%)}.order-dialog{top:auto;bottom:0;width:100%;max-height:92dvh;border-radius:26px 26px 0 0}.order-dialog[open]{animation:order-up .55s cubic-bezier(.22,1,.36,1) both}.order-sheet{padding-top:22px}@keyframes order-up{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){.order-dialog[open]{animation:none}.formula-orbit,.quiz-progress span{transition:none}}

/* v1.5: DirectMeds rhythm. Promo bar, a hero that says what it sells, risk reversal under every ask,
   plan ribbons, compact safety block, a sold-how comparison, and a phone sticky bar. */
:root{--promo-h:40px;--ed-navy:#172338;--ed-sage:#cce0c8;--ed-sage-deep:#9fc3a1;--ed-fine:#566353}
.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.promo-bar{position:relative;z-index:25;display:flex;align-items:center;justify-content:center;gap:14px;min-height:var(--promo-h);padding:8px 20px;background:#0f1a2c;color:#dfe9e4;font-size:12.5px;line-height:1.3;text-decoration:none;text-align:center}
.promo-bar strong{color:#fff;font-weight:700}
.promo-bar i{width:4px;height:4px;border-radius:50%;background:var(--ed-sage);flex:none}
.promo-bar:hover strong{text-decoration:underline;text-underline-offset:3px}
.site-header{top:calc(var(--promo-h) + 16px);transition:top .35s cubic-bezier(.22,1,.36,1),background .3s,box-shadow .3s}
.site-header.is-scrolled{top:16px}
.hero-copy{max-width:640px}
.hero h1{font-size:clamp(48px,4.5vw,70px);line-height:1.02;letter-spacing:-.05em;margin-bottom:18px}
.hero h1 span{color:var(--ed-sage)}
.hero-lede{font-size:16px;line-height:1.55;max-width:540px;margin:0 0 18px;color:#e4edf0}
.hero-points{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:9px}
.hero-points li{position:relative;padding-left:30px;font-size:14px;line-height:1.45;color:#eef4f1}
.hero-points li:before{content:"";position:absolute;left:0;top:1px;width:19px;height:19px;border-radius:50%;background:var(--ed-sage)}
.hero-points li:after{content:"";position:absolute;left:6px;top:6px;width:7px;height:4px;border-left:2px solid #1d3325;border-bottom:2px solid #1d3325;transform:rotate(-45deg)}
.hero-points strong{color:#fff}
.hero-price.hero-price-v15{display:block;margin:0 0 20px;font-size:15px;color:#e8f0ec}
.hero-price.hero-price-v15 strong{display:inline;font-size:34px;line-height:1;letter-spacing:-.05em;color:#fff;margin:0 2px}
.hero-price-v15 span{display:block;margin-top:6px;font-size:12px;color:#c9d8d6}
.hero .hero-actions{gap:12px}
.button-glass{background:#ffffff14;color:#fff;border:1px solid #ffffff5e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.button-glass:hover{background:#ffffff26;transform:translateY(-2px)}
.button-line{background:transparent;color:var(--ink);border:1px solid #9fb59c}
.button-line:hover{background:#ffffff8c;transform:translateY(-2px)}
.risk-trio{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;margin:16px 0 0;padding:0;font-size:12.5px;line-height:1.4;color:#3f5542}
.risk-trio li{position:relative;padding-left:20px}
.risk-trio li:before{content:"";position:absolute;left:0;top:3px;width:12px;height:7px;border-left:2px solid #4f8469;border-bottom:2px solid #4f8469;transform:rotate(-45deg)}
.risk-trio-light{color:#d9e7e3}
.risk-trio-light li:before{border-color:var(--ed-sage)}
.hero-disclosure{margin-top:16px;color:#b9c9c9}
.hero-formula{overflow:visible}
.formula-tag{position:absolute;z-index:3;display:flex;flex-direction:column;gap:2px;max-width:190px;padding:10px 13px;border-radius:15px;background:linear-gradient(140deg,#ffffffe8,#eaf4eecc);border:1px solid #ffffffe6;color:#23372b;font-size:11px;line-height:1.35;box-shadow:0 16px 34px #06132355,inset 0 1px #fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:ed-float 6s ease-in-out infinite}
.formula-tag b{font-size:12.5px;letter-spacing:-.01em}
.formula-tag-a{left:-34px;top:62px}
.formula-tag-b{right:-26px;top:196px;animation-delay:-3s}
@keyframes ed-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
.plan-card{position:relative}
.plan-ribbon{position:absolute;top:-13px;left:24px;padding:7px 12px;border-radius:999px;background:var(--ed-navy);color:#fff;font-size:11px;font-weight:700;letter-spacing:.02em;box-shadow:0 8px 18px #17233840}
.plan-card .plan-equation{font-size:12.5px;color:#324634}
.plan-saving{font-size:11px;color:#1f4a31}
.plans .risk-trio{justify-content:center;margin:26px 0 0}
.plan-smallprint{max-width:1040px}
.plan-isi{margin:26px 0 0;padding:20px 24px 18px;border-radius:18px;background:#ffffffc9;border:1px solid #d4dfd2;box-shadow:inset 0 1px #fff}
.plan-isi h3{margin:0 0 10px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#243526}
.plan-isi ul{margin:0;padding:0 0 0 18px;display:grid;gap:6px}
.plan-isi li,.plan-isi p{font-size:12px;line-height:1.55;color:var(--ed-fine)}
.plan-isi li strong{color:#243526}
.plan-isi p{margin:10px 0 0}
.plan-isi a{color:#243526;text-underline-offset:3px}
.choice-stat .compare{grid-column:1/-1;margin:20px 0 0;outline:0}
.choice-stat>div:last-of-type{background:linear-gradient(145deg,#ffffffd9,#ecf8eec6);padding:42px 45px;border-radius:26px;border:1px solid #fff;box-shadow:0 17px 50px #26364b1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.compare:focus-visible .compare-scroll{outline:3px solid #7b9e65;outline-offset:4px}
.compare-title{margin:0 0 14px;font-size:22px;letter-spacing:-.03em}
.compare-swipe{display:none;margin:0 0 10px;font-size:12px;color:var(--ed-fine)}
.compare-scroll{overflow-x:auto;border-radius:22px;background:#ffffffe6;border:1px solid #fff;box-shadow:0 17px 45px #26364b1c}
.compare-table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;font-size:13px;line-height:1.45;color:#2d3f31}
.compare-table th,.compare-table td{padding:15px 18px;text-align:left;vertical-align:top;border-bottom:1px solid #e1e9df}
.compare-table tbody tr:last-child th,.compare-table tbody tr:last-child td{border-bottom:0}
.compare-table thead th{vertical-align:bottom;font-size:14px;font-weight:700;padding-top:22px}
.compare-table thead img,.compare-otc{display:block;width:74px;height:74px;object-fit:contain;margin:0 0 10px;filter:drop-shadow(0 10px 10px #1c3a2433)}
.compare-otc{fill:#dfe3de;stroke:#b3bcb1;stroke-width:2}
.compare-otc circle{fill:#f5f6f3}
.compare-table tbody th{width:22%;font-weight:600;color:#435845;font-size:12.5px}
.compare-ours{background:#eef7ef}
.compare-table tbody td:nth-child(2),.compare-table tbody td:nth-child(3){background:#f4faf4}
.compare-them,.compare-table tbody td:nth-child(4){color:#5d6a5d}
.compare-table .yes,.compare-table .no{display:inline-flex;align-items:center;gap:7px;font-weight:700}
.compare-table .yes:before{content:"✓";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#d6ecd8;color:#2a6140;font-size:11px}
.compare-table .no:before{content:"✕";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#eceeea;color:#6b756a;font-size:10px}
.compare-table a{color:inherit;text-underline-offset:3px}
.compare-note{margin:12px 0 0;font-size:11.5px;line-height:1.5;color:var(--ed-fine)}
.choice-stat .compare p.compare-note,.choice-stat .compare p.compare-swipe{font-size:11.5px;line-height:1.5;margin:12px 0 0;max-width:none;color:var(--ed-fine)}
.choice-stat .compare p.compare-swipe{margin:0 0 10px}
.process-cta,.final-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.final-actions{justify-content:center}
.process .risk-trio{margin-top:16px}
.final-cta .button-glass{border-color:#ffffff4d}
.footer-isi{max-width:1040px;margin:14px 0 0;font-size:10.5px;line-height:1.65;color:#5b6657}
.footer-isi a{color:inherit;text-underline-offset:3px}
.sticky-cta{display:none}
html.ed-rise .rise{opacity:.55;translate:0 24px;transition:opacity .7s cubic-bezier(.22,1,.36,1),translate .7s cubic-bezier(.22,1,.36,1)}
html.ed-rise .rise.is-in{opacity:1;translate:0 0}
@media(max-width:1100px){.formula-tag-a{left:-18px}.formula-tag-b{right:-12px}.hero h1{font-size:clamp(46px,5.4vw,64px)}}
@media(max-width:800px){
  :root{--promo-h:36px}
  .promo-bar{font-size:11.5px;gap:10px}
  .promo-bar .promo-third,.promo-bar i:nth-of-type(2){display:none}
  .site-header{top:calc(var(--promo-h) + 10px)}
  .site-header.is-scrolled{top:12px}
  .hero,.hero-grid{min-height:0}
  .hero-grid{padding-bottom:70px}
  .formula-tag{display:none}
  .sticky-cta{position:fixed;z-index:30;left:10px;right:10px;bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 18px;border-radius:20px;background:linear-gradient(140deg,#16243cf2,#1b2d48eb);border:1px solid #ffffff3d;color:#fff;box-shadow:0 18px 40px #07142466;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:translateY(140%);transition:transform .45s cubic-bezier(.22,1,.36,1);pointer-events:none}
  .sticky-cta.is-on{transform:translateY(0);pointer-events:auto}
  body:has(> .ycck) .sticky-cta{transform:translateY(140%);pointer-events:none}
  .sticky-cta p{margin:0;display:flex;flex-direction:column;font-size:11px;color:#cfe0dc;line-height:1.3}
  .sticky-cta strong{font-size:16px;color:#fff;letter-spacing:-.02em}
  .sticky-cta .button{min-height:48px;gap:18px;padding:0 20px;flex:none;width:auto;min-width:0;margin:0}
  .compare-swipe{display:block}
}
@media(max-width:620px){
  .hero{padding-top:268px}
  .hero-photo{height:400px}
  .hero-points li:nth-child(n+3){display:none}
  .hero h1{font-size:clamp(38px,10.6vw,50px);margin-bottom:14px}
  .hero-lede{font-size:14px;margin-bottom:15px}
  .hero-points{gap:8px;margin-bottom:16px}
  .hero-points li{font-size:13px;padding-left:28px}
  .hero-price-v15 strong{font-size:30px}
  .risk-trio{font-size:12px;gap:6px 14px}
  .plan-ribbon{left:18px}
  .choice-stat>div:last-of-type{padding:29px 23px;border-radius:20px}
  .plan-isi{padding:18px 16px}
  .compare-table{min-width:640px;font-size:12px}
  .compare-table th,.compare-table td{padding:12px 13px}
  .compare-table tbody th{position:sticky;left:0;z-index:1;background:#fff;box-shadow:6px 0 10px -8px #1b322033}
  .compare-table thead th:first-child{position:sticky;left:0;z-index:1;background:#fff}
  .process-cta .button,.final-actions .button{width:100%}
  .footer-isi{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.formula-tag{animation:none}.site-header{transition:none}.sticky-cta{transition:none}}

/* v1.5.1: phone finish. Nothing sits on the product, the kiss photo shows the couple, one-line promo. */
.promo-short{display:none}
.trust-legit{display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.faq-head h2+p{margin-top:20px}
@media(max-width:800px){
  .promo-bar{font-size:11.5px}
  .promo-bar .promo-long{display:none}
  .promo-bar .promo-short{display:inline}
}
@media(max-width:620px){
  .promo-bar{min-height:34px;padding:7px 12px;white-space:nowrap}
  /* formula stage: tags in a row above the product, product smaller and lower, detail card below it */
  .inside-art{min-height:650px}
  .formula-orbit{top:44%;width:min(64%,260px)}
  .orbit-point-one{top:64px;left:14px;right:auto}
  .orbit-point-two{top:64px;right:14px;left:auto}
  .orbit-point-three{top:114px;left:14px;right:auto}
  /* "The why": photo band on top so the whole kiss shows, words underneath on navy */
  .editorial-moment{display:flex;flex-direction:column;min-height:0}
  .editorial-photo{position:relative;inset:auto;flex:none;height:clamp(250px,76vw,320px);background-size:cover;background-position:46% 40%}
  .editorial-vignette{inset:0;background:linear-gradient(180deg,#10203b00 0,#10203b00 clamp(160px,50vw,220px),#10203bf2 clamp(250px,76vw,320px),#10203b 100%)}
  .editorial-content{min-height:0;justify-content:flex-start;margin-top:-34px;padding:0 22px 64px}
}
@media(min-width:621px){
  /* same rule at tablet and desktop: tags in a row above the product, product clear of the detail card */
  .inside-art{min-height:690px}
  .formula-orbit{top:47%;width:min(56%,340px)}
  .orbit-point-one{top:72px;left:28px;right:auto}
  .orbit-point-two{top:72px;right:28px;left:auto}
  .orbit-point-three{top:126px;left:28px;right:auto}
}
.formula-tablet{margin-top:0}
/* hero tags live under the tablet now, in a row, so they never sit on the drawing */
.formula-tags{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 12px}
.hero-formula .formula-tag{position:static;max-width:none;flex:1 1 140px;animation:none;padding:9px 12px;border-radius:13px;box-shadow:0 10px 22px #0613233d,inset 0 1px #fff}
@media(max-width:800px){.formula-tags{display:none}}
@media(min-width:621px){.inside-art-gum .formula-orbit img{width:70%;left:15%;top:11%;height:80%}}

/* v1.5.2: Important safety information lives collapsed at the bottom, opened by a click. */
details.footer-isi{max-width:1040px;margin:18px 0 0;border-top:1px solid #cbd3c6;border-bottom:1px solid #cbd3c6}
details.footer-isi summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:6px 0;font-size:13px;line-height:1.4;font-weight:700;color:#26301f}
details.footer-isi summary em{font-style:normal;font-weight:600;color:#3f5542}
.plan-smallprint a{color:inherit;text-underline-offset:3px}
details.footer-isi summary::-webkit-details-marker{display:none}
details.footer-isi summary:after{content:"+";font-size:18px;font-weight:400;line-height:1;color:#4f6a4f}
details.footer-isi[open] summary:after{content:"\2212"}
details.footer-isi summary:focus-visible{outline:2px solid #7b9e65;outline-offset:3px}
details.footer-isi ul{margin:0 0 10px;padding-left:18px;display:grid;gap:6px}
details.footer-isi li,details.footer-isi p{font-size:10.5px;line-height:1.6;color:#5b6657}
details.footer-isi li strong{color:#26301f}
details.footer-isi p{margin:0 0 16px}
details.footer-isi a{color:inherit;text-underline-offset:3px}

/* v1.6: new hero couple, more Apple glass, soft colour light behind the light sections. */
:root{--glass-fill:linear-gradient(140deg,rgba(255,255,255,.78),rgba(255,255,255,.5));--glass-edge:rgba(255,255,255,.86);--glass-shadow:inset 0 1px 0 #fff,0 22px 48px rgba(22,38,30,.12),0 2px 8px rgba(22,38,30,.06);--glass-blur:saturate(175%) blur(20px)}
/* hero: real couple with chemistry, faces clear of the headline card */
.hero-photo{background-image:url('assets/couple-bed-smile.jpg');background-position:64% 38%;transform:none}
.hero-shade{background:linear-gradient(90deg,#101c31f5 0%,#11213ad9 26%,#11223d7a 44%,#14253b1f 60%,#14253b00 74%),linear-gradient(0deg,#142139b3,transparent 44%),linear-gradient(180deg,#101c3166,transparent 24%)}
.hero-copy{background:linear-gradient(140deg,#11213cc7,#14243da6 64%,#14243c80);-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%)}
.header-price{display:none}
@media(min-width:1101px){.header-price{display:inline-flex;align-items:baseline;gap:5px;margin-left:auto;margin-right:12px;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 #fff;color:#26301f;text-decoration:none;font-size:12.5px;font-weight:600}.header-price strong{font-size:15px;letter-spacing:-.02em}.header-price:hover{background:rgba(255,255,255,.8)}}
/* colour light behind the glass so the glass has something to catch */
.options,.plans,.why-us,.choice-stat,.process,.faq{position:relative;isolation:isolate}
.plans{background:radial-gradient(55% 45% at 8% 14%,rgba(196,222,190,.62),transparent 70%),radial-gradient(42% 38% at 92% 26%,rgba(188,210,236,.55),transparent 72%),radial-gradient(48% 40% at 72% 92%,rgba(244,219,200,.5),transparent 72%),linear-gradient(180deg,#faf8f0,#eef4e8)}
.options{background:radial-gradient(50% 45% at 90% 10%,rgba(188,210,236,.5),transparent 70%),radial-gradient(45% 40% at 6% 88%,rgba(196,222,190,.55),transparent 72%),linear-gradient(180deg,#f6f7f0,#e8efe8)}
.why-us{background:radial-gradient(45% 50% at 86% 20%,rgba(244,219,200,.45),transparent 70%),radial-gradient(50% 45% at 10% 80%,rgba(188,210,236,.45),transparent 72%),linear-gradient(135deg,#e9f0e9,#faf9f3 55%,#e0eae0)}
.choice-stat{background:radial-gradient(50% 45% at 92% 12%,rgba(196,222,190,.6),transparent 70%),radial-gradient(45% 40% at 8% 94%,rgba(244,219,200,.45),transparent 72%),#e8f0ea}
.process{background:radial-gradient(48% 50% at 88% 30%,rgba(188,210,236,.5),transparent 70%),radial-gradient(40% 45% at 4% 90%,rgba(244,219,200,.4),transparent 72%),#e4ecde}
.faq{background:radial-gradient(45% 40% at 90% 8%,rgba(244,219,200,.45),transparent 70%),radial-gradient(50% 45% at 6% 60%,rgba(196,222,190,.5),transparent 72%),linear-gradient(135deg,#eef5ef,#f9faf5 50%,#e4eee9)}
/* glass on the pieces people touch */
.plan-card,.offer-perks>div,.offer-receipt,.compare-scroll,.plan-switch{background:var(--glass-fill);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}
.plan-card.plan-featured{background:linear-gradient(145deg,rgba(236,247,237,.9),rgba(208,232,212,.62));border-color:rgba(255,255,255,.95)}
.offer-perks>div:nth-child(2){background:linear-gradient(140deg,rgba(226,242,228,.86),rgba(214,234,218,.55))}
.offer-receipt>div,.offer-receipt p{background:transparent}
.offer-receipt>div{border-right-color:rgba(160,185,160,.45)}
.offer-receipt p{border-top-color:rgba(160,185,160,.45)}
.plan-switch{padding:6px}
.plan-switch button[aria-selected=true]{box-shadow:0 8px 20px rgba(32,48,29,.22),inset 0 1px 0 rgba(255,255,255,.14)}
.process-list{border-top:0;display:grid;gap:12px}
.process-step{padding:20px 22px;border:1px solid var(--glass-edge);border-radius:20px;background:var(--glass-fill);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}
.trust-bar{background:linear-gradient(90deg,#e6eee7,#eef3ee 50%,#e4ece6)}
.trust-review,.trust-legit{background:var(--glass-fill);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow)}
.plan-isi-link{margin:14px 0 0;font-size:12px;text-align:right}
.plan-isi-link a{color:#3f5542;text-underline-offset:3px}
@media(max-width:620px){
  .hero-photo{background-image:url('assets/couple-bed-smile-1200.jpg');background-position:68% 40%}
  .hero-shade{background:linear-gradient(0deg,#172338 0%,#172338 26%,#17233800 62%),linear-gradient(180deg,#17233866,transparent 30%)}
  .process-step{padding:16px 16px}
  .plan-isi-link{text-align:left}
}
@media(prefers-reduced-transparency:reduce){.plan-card,.offer-perks>div,.offer-receipt,.compare-scroll,.plan-switch,.process-step{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}}
/* v1.6: "Inside Duo" becomes a slim glass bar in the corner so it never covers the couple's faces */
@media(min-width:801px){
  .hero-grid{padding-bottom:64px}
  .hero-formula{width:min(100%,400px);display:grid;grid-template-columns:118px minmax(0,1fr);column-gap:14px;row-gap:6px;align-items:center;padding:14px 18px 14px 12px;border-radius:22px;background:linear-gradient(150deg,#182a48cc,#14243eb3);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%)}
  .hero-formula .formula-kicker{grid-column:2;grid-row:1;align-self:end}
  .hero-formula .formula-tablet{grid-column:1;grid-row:1/4;width:118px;height:92px;margin:0}
  .hero-formula .formula-tags{display:none}
  .hero-formula .formula-ingredients{grid-column:2;grid-row:2}
  .hero-formula .formula-ingredients span{padding:6px 10px;font-size:11px}
  .hero-formula>p:last-child{grid-column:2;grid-row:3;margin:0;font-size:10.5px;line-height:1.4}
}
@media(max-width:620px){
  .hero{padding-top:340px}
  .hero-photo{height:450px;background-position:66% 30%}
}

/* v1.7: blurred couple film behind the hero, one big frosted panel over it, the sharp photo framed inside.
   The film is blurred in the file itself, so nothing on the page runs a blur filter over moving video. */
.hero{background:#0f1b30}
.hero-photo{background-image:url('assets/hero-kiss-poster.jpg');background-size:cover;background-position:center;transform:none}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}
.hero-shade{z-index:1;background:radial-gradient(120% 90% at 70% 40%,rgba(16,28,49,.12),rgba(12,22,40,.58) 72%),linear-gradient(180deg,rgba(12,22,40,.5),transparent 28%,transparent 72%,rgba(12,22,40,.66))}
.hero-grid{z-index:2}
.hero-portrait{position:relative;margin:0;border-radius:26px;overflow:hidden;border:1px solid rgba(255,255,255,.34);box-shadow:0 30px 60px rgba(4,10,24,.45),inset 0 1px 0 rgba(255,255,255,.2);background:#1a2a44}
.hero-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:66% 42%}
@media(min-width:801px){
  .hero,.hero-grid{min-height:0}
  .hero-grid{width:min(calc(100% - 64px),1290px);margin:128px auto 58px;padding:40px 40px 40px 46px;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:40px;align-items:stretch;border-radius:36px;background:linear-gradient(135deg,rgba(18,33,60,.76),rgba(20,37,64,.54) 55%,rgba(24,42,70,.4));border:1px solid rgba(255,255,255,.26);box-shadow:0 40px 100px rgba(4,10,24,.5),inset 0 1px 0 rgba(255,255,255,.18)}
  .hero-copy{padding:0;background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;align-self:center;max-width:none}
  .hero-side{display:flex;flex-direction:column;gap:14px;min-width:0}
  .hero-portrait{flex:1;min-height:400px}
  .hero-formula{width:100%;justify-self:stretch;align-self:stretch;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(150deg,rgba(26,44,74,.82),rgba(20,36,62,.62))}
  .hero-index{bottom:16px}
}
@media(max-width:800px){
  .hero,.hero-grid{min-height:0}
  .hero{padding-top:82px;padding-bottom:34px}
  .hero-photo{height:auto;inset:0;background-image:url('assets/hero-kiss-poster-m.jpg')}
  .hero-grid{display:flex;flex-direction:column;gap:16px;width:calc(100% - 24px);margin:0 auto;padding:12px 12px 22px;border-radius:28px;background:linear-gradient(160deg,rgba(18,33,60,.8),rgba(20,37,64,.62));border:1px solid rgba(255,255,255,.24);box-shadow:0 30px 70px rgba(4,10,24,.5),inset 0 1px 0 rgba(255,255,255,.16)}
  .hero-side{display:contents}
  .hero-portrait{order:-1;height:clamp(230px,60vw,380px);border-radius:20px}
  .hero-copy{order:0;padding:6px 8px 0;background:none;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;max-width:none}
  .hero-formula{order:1;width:auto;margin:0 4px;-webkit-backdrop-filter:none;backdrop-filter:none}
  .hero-index{display:none}
}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}}
/* v1.7.1: on desktop the cookie notice sits bottom right, over the photo corner, never over the hero buttons */
@media(min-width:801px){body .ycck{left:auto;right:16px}}
/* v1.8.0: plan cards show the pack next to the price */
.plan-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 4px}
.plan-hero-text{min-width:0}
.plan-hero .plan-amount{flex-wrap:wrap;row-gap:2px}
.plan-pack{position:relative;flex:0 0 auto;margin:14px 0 0;width:132px;height:138px;display:flex;align-items:flex-end;justify-content:center}
.plan-pack:before{content:"";position:absolute;left:8%;right:8%;bottom:-2px;height:22px;border-radius:50%;background:radial-gradient(closest-side,rgba(23,40,30,.28),rgba(23,40,30,0));filter:blur(2px)}
.plan-pack img{position:relative;display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(26,48,34,.18))}
.plan-pack-gum{width:104px}
.plan-grid-two .plan-pack{width:172px;height:178px;margin-right:-6px}
.plan-grid-three .plan-pack{width:92px;height:128px}

.plan-isi-link{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:6px 18px}
.plan-isi-link span{order:-1;color:#6a7466;font-size:11px}
@media(max-width:1100px){.plan-grid-three .plan-pack{width:78px;height:112px}.plan-grid-two .plan-pack{width:140px;height:146px}}
@media(max-width:800px){.plan-pack,.plan-grid-two .plan-pack,.plan-grid-three .plan-pack{width:122px;height:128px;margin-right:0}.plan-pack-gum,.plan-grid-three .plan-pack-gum{width:92px}}
@media(max-width:380px){.plan-pack,.plan-grid-two .plan-pack,.plan-grid-three .plan-pack{width:96px;height:106px}.plan-pack-gum,.plan-grid-three .plan-pack-gum{width:76px}}
/* v1.8.0: the film reads through the glass */
.hero-photo{background-image:url('assets/hero-kiss-poster.jpg');background-position:0% 50%}
.hero-video{object-position:0% 50%}
.hero-shade{background:linear-gradient(180deg,rgba(12,22,40,.42),transparent 22%,transparent 80%,rgba(12,22,40,.55))}
.hero-copy h1,.hero-copy p,.hero-copy li{text-shadow:0 1px 2px rgba(6,12,26,.35),0 2px 22px rgba(6,12,26,.45)}
@media(min-width:801px){
  .hero-grid{background:linear-gradient(180deg,rgba(14,26,48,.3),rgba(14,26,48,.36) 45%,rgba(12,22,42,.62) 80%,rgba(12,22,42,.7));border-color:rgba(255,255,255,.3)}
  .hero-formula{background:linear-gradient(150deg,rgba(26,44,74,.84),rgba(20,36,62,.7))}
}
@media(max-width:800px){
  .hero-photo{background-image:url('assets/hero-kiss-poster-m.jpg');background-position:50% 50%}
  .hero-video{object-position:50% 50%}
  .hero-grid{background:linear-gradient(170deg,rgba(18,33,60,.62),rgba(20,37,64,.44) 45%,rgba(20,37,64,.58))}
}
.hero-portrait img{object-position:45% 40%}
@media(max-width:800px){.plan-hero .plan-amount{flex-direction:column;align-items:flex-start;gap:4px}.plan-hero .plan-amount span{padding-left:3px}}
/* v1.8.1: phones load smaller copies of the two photo cards (same pictures) */
@media(max-width:800px){.stat-mark{background-image:linear-gradient(0deg,#101d36a8,transparent 48%),url('assets/couple-tattoo-m.webp')}.editorial-photo{background-image:url('assets/couple-kissing-m.webp')}}
/* v1.8.2: Daily Wellness Gum paused (cannot be filled right now); Duo unchanged */
.plan-unavailable{margin-top:auto;min-height:55px;width:100%;font-size:12px;background:#eef1ec;color:#5b6858;border:1px dashed #b7c3b3;box-shadow:none;cursor:not-allowed;justify-content:center;text-align:center}
.plan-unavailable:hover{transform:none;background:#eef1ec}
.plan-pause-note{margin:0 0 22px;padding:13px 16px;border-radius:14px;background:#fff7e8;border:1px solid #ecd9b4;color:#5a4a2c;font-size:13px;line-height:1.5}
.plan-pause-note a{color:#1f3b2b;font-weight:700;text-underline-offset:3px;margin-left:4px}
[data-quiz-review][disabled]{background:#eef1ec;color:#5b6858;border:1px dashed #b7c3b3;cursor:not-allowed;box-shadow:none}
.route-price-paused strong{font-size:clamp(18px,1.6vw,22px)!important;letter-spacing:-.02em!important;line-height:1.2;color:#5a4a2c}
.plan-ribbon-paused{background:#8a6d3b}
/* v1.8.3: Duo has three plan lengths; the 3-month ribbon is a plain saving */
.plan-ribbon-soft{background:#2f5a40}