:root{
  --black:#050505;
  --white:#f7f7f3;
  --ivory:#f3f1ea;
  --ink:#0a0a0a;
  --muted:#77736b;
  --acid:#c8ff3d;
  --line:rgba(0,0,0,.16);
  --line-dark:rgba(255,255,255,.16);
  --pad:clamp(22px,4vw,64px);
  --header-h:72px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,Arial,sans-serif;
  background:var(--white);
  color:var(--ink);
  overflow-x:hidden;
}
body.modal-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
img{display:block;max-width:100%}

/* ---------- fixed header ---------- */
.progress{
  position:fixed;
  z-index:160;
  left:0;top:0;
  width:0;height:3px;
  background:var(--acid);
}
.site-header{
  position:fixed;
  z-index:150;
  inset:0 0 auto 0;
  height:var(--header-h);
  padding:0 var(--pad);
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:rgba(5,5,5,.96);
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.11);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.brand{
  flex:0 0 auto;
  font:800 20px/1 "Inter Tight",sans-serif;
  letter-spacing:-.025em;
  white-space:nowrap;
}
.header-right{
  position:relative;
  width:250px;
  height:44px;
  flex:0 0 250px;
}
.header-status,
.header-cta{
  position:absolute;
  right:0;top:50%;
  transform:translateY(-50%);
  transition:
    opacity .42s ease,
    transform .56s cubic-bezier(.2,.8,.2,1),
    filter .42s ease;
}
.header-status{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:700;
  opacity:1;
}
.header-status i{
  width:8px;height:8px;border-radius:50%;
  background:var(--acid);
}
.header-cta{
  min-height:42px;
  padding:0 13px 0 17px;
  border:0;
  border-radius:999px;
  display:flex;
  align-items:center;
  gap:12px;
  background:var(--acid);
  color:var(--ink);
  font-weight:800;
  white-space:nowrap;
  opacity:0;
  filter:blur(7px);
  pointer-events:none;
  transform:translateY(calc(-50% + 14px));
}
.header-cta-label{font-size:13px}
.header-cta-price{
  padding-left:12px;
  border-left:1px solid rgba(0,0,0,.22);
  font-size:12px;
}
.header-cta-arrow{
  font-size:16px;
  line-height:1;
}
body.cta-ready .header-status{
  opacity:0;
  filter:blur(6px);
  pointer-events:none;
  transform:translateY(calc(-50% - 14px));
}
body.cta-ready .header-cta{
  opacity:1;
  filter:blur(0);
  pointer-events:auto;
  transform:translateY(-50%);
}
@media (hover:hover) and (pointer:fine){
  .header-cta:hover{transform:translateY(-50%) scale(1.025)}
}

/* ---------- hero ---------- */
.hero{
  min-height:100svh;
  padding:calc(var(--header-h) + 72px) var(--pad) var(--pad);
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background:var(--black);
  color:var(--white);
}
.product-lockup{
  margin-bottom:clamp(26px,4vw,54px);
  display:flex;
  align-items:baseline;
  gap:12px;
  flex-wrap:wrap;
}
.product-name{
  font:800 clamp(29px,3vw,46px)/1 "Inter Tight",sans-serif;
  letter-spacing:-.04em;
}
.product-by{
  color:#a5a59f;
  font-size:13px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.hero h1{
  margin:0;
  max-width:1450px;
  font:800 clamp(58px,9.4vw,146px)/.92 "Inter Tight",sans-serif;
  letter-spacing:-.05em;
  text-wrap:balance;
}
.hero-bottom{
  margin-top:clamp(42px,7vw,88px);
  padding-top:18px;
  border-top:1px solid var(--line-dark);
  display:grid;
  grid-template-columns:1fr auto;
  gap:32px;
  align-items:end;
}
.hero-bottom p{
  margin:0;
  max-width:690px;
  color:#c9c9c4;
  font-size:clamp(17px,1.5vw,23px);
  line-height:1.42;
}
.hero-bottom .tag{
  color:var(--acid);
  font-size:12px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  text-align:right;
}

/* ---------- review proof ---------- */
.proof{
  background:#f6f5f0;
  color:var(--ink);
  border-bottom:1px solid rgba(0,0,0,.10);
}
.proof-head{
  max-width:1450px;
  margin:0 auto;
  padding:clamp(52px,6vw,92px) var(--pad) clamp(36px,4vw,54px);
}
.proof-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:32px;
  margin-bottom:clamp(32px,4vw,48px);
}
.proof-kicker{
  color:#747069;
  font-size:11px;
  line-height:1;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.proof-heading h3{
  margin:0;
  font:800 clamp(26px,2.5vw,40px)/1 "Inter Tight",sans-serif;
  letter-spacing:-.045em;
}
.proof-metrics{
  display:grid;
  grid-template-columns:minmax(0,.78fr) 1px minmax(0,1.22fr);
  align-items:stretch;
  border-top:1px solid rgba(0,0,0,.15);
  border-bottom:1px solid rgba(0,0,0,.15);
}
.proof-metric{
  min-width:0;
  padding:clamp(24px,3vw,38px) 0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:end;
  gap:clamp(22px,3vw,44px);
}
.proof-metric:first-child{
  padding-right:clamp(26px,4vw,58px);
}
.proof-metric-wide{
  padding-left:clamp(26px,4vw,58px);
}
.proof-divider{
  width:1px;
  background:rgba(0,0,0,.14);
}
.proof-number{
  font:900 clamp(82px,9vw,150px)/.78 "Inter Tight",sans-serif;
  letter-spacing:-.075em;
  color:#111;
  white-space:nowrap;
}
.proof-number.accent{
  color:#6f991b;
}
.proof-data{
  min-width:0;
  padding-bottom:8px;
}
.proof-data strong{
  display:block;
  margin-bottom:7px;
  font:800 clamp(18px,1.5vw,24px)/1 "Inter Tight",sans-serif;
  letter-spacing:-.03em;
}
.proof-data span{
  display:block;
  max-width:430px;
  color:#6d6962;
  font-size:13px;
  line-height:1.45;
}

.platform-rail{
  max-width:1450px;
  margin:0 auto;
  padding:0 var(--pad);
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid rgba(0,0,0,.12);
  border-bottom:1px solid rgba(0,0,0,.12);
}
.platform-chip{
  min-width:0;
  min-height:86px;
  padding:16px 18px;
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  grid-template-areas:
    "mark name"
    "mark stars";
  column-gap:13px;
  row-gap:4px;
  align-items:center;
  border-right:1px solid rgba(0,0,0,.10);
  transition:background .2s ease, transform .2s ease;
}
.platform-chip:last-child{border-right:0}
.platform-mark{
  grid-area:mark;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
}
.platform-mark svg{
  width:100%;
  height:100%;
  display:block;
}
.platform-name{
  grid-area:name;
  align-self:end;
  font:800 16px/1 "Inter Tight",sans-serif;
  letter-spacing:-.025em;
}
.platform-stars{
  grid-area:stars;
  align-self:start;
  color:#111;
  font-size:11px;
  line-height:1;
  letter-spacing:.08em;
  transition:opacity .18s ease,transform .18s ease;
}
@media (hover:hover) and (pointer:fine){
  .platform-chip:hover{
    background:#fff;
    transform:translateY(-3px);
  }
  .platform-chip:hover .platform-stars{
    opacity:0;
    transform:translateY(4px);
  }
  .platform-chip:hover::after{
    content:"✓";
    grid-area:stars;
    align-self:start;
    justify-self:start;
    width:23px;
    height:23px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#fff;
    color:#111;
    border:1px solid rgba(0,0,0,.16);
    font-size:12px;
    font-weight:900;
    animation:proofCheckIn .22s ease both;
  }
}
@keyframes proofCheckIn{
  from{opacity:0;transform:translateY(4px) scale(.88)}
  to{opacity:1;transform:none}
}

.review-marquee{
  position:relative;
  overflow:hidden;
  width:100%;
  max-width:1450px;
  margin:18px auto 0;
  border:0;
  border-radius:0;
  background:#f6f5f0;
}
.review-marquee::before,
.review-marquee::after{
  content:"";
  position:absolute;
  z-index:2;
  top:0;
  bottom:0;
  width:clamp(24px,4vw,64px);
  pointer-events:none;
}
.review-marquee::before{
  left:0;
  background:linear-gradient(90deg,#f6f5f0 18%,rgba(246,245,240,0));
}
.review-marquee::after{
  right:0;
  background:linear-gradient(-90deg,#f6f5f0 18%,rgba(246,245,240,0));
}
.review-marquee-track{
  width:max-content;
  min-height:60px;
  display:flex;
  align-items:center;
  gap:clamp(42px,5vw,76px);
  padding:15px 28px;
  animation:proofMarquee 42s linear infinite;
}
.review-marquee-item{
  min-height:30px;
  display:inline-flex;
  align-items:center;
  gap:13px;
  color:#44413b;
  white-space:nowrap;
  line-height:1;
}
.review-marquee-logo{
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:grid;
  place-items:center;
  font-style:normal;
}
.review-marquee-logo svg{
  width:100%;
  height:100%;
  display:block;
}
.review-marquee-item q{
  quotes:none;
  font:600 14px/1.2 Inter,sans-serif;
  transform:translateY(1px);
}
.review-marquee-item q::before,
.review-marquee-item q::after{
  content:"";
}
@keyframes proofMarquee{
  to{transform:translateX(-50%)}
}
.proof-spacer{
  height:clamp(22px,2.5vw,36px);
}
@media (hover:hover) and (pointer:fine){
  .review-marquee:hover .review-marquee-track{
    animation-play-state:paused;
  }
}

/* ---------- story sections ---------- */
.section{
  min-height:88svh;
  padding:110px var(--pad) var(--pad);
  display:grid;
  grid-template-columns:minmax(230px,34%) minmax(0,1fr);
  gap:clamp(44px,7vw,112px);
  border-top:1px solid var(--line);
  align-items:start;
}
.section.dark{
  background:var(--black);
  color:var(--white);
  border-top-color:var(--line-dark);
}
.section-head{
  position:sticky;
  top:110px;
  min-width:0;
}
.kicker{
  display:block;
  margin-bottom:22px;
  color:var(--muted);
  font-size:13px;
  line-height:1;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.dark .kicker{color:#92928c}
.section h2{
  margin:0;
  max-width:570px;
  font:800 clamp(42px,5.4vw,88px)/.96 "Inter Tight",sans-serif;
  letter-spacing:-.05em;
  text-wrap:balance;
}
.section-copy{
  min-height:60vh;
  max-width:880px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.section-copy p{
  margin:0;
  font:500 clamp(23px,2.7vw,44px)/1.24 "Inter Tight",sans-serif;
  letter-spacing:-.006em;
}
.section-copy p+p{margin-top:clamp(20px,2.2vw,34px)}
.section-copy strong{font-weight:800}
.accent-line{color:var(--acid);font-weight:700}
.rule{
  width:100%;
  height:1px;
  margin-top:40px;
  background:rgba(0,0,0,.12);
}
.dark .rule{background:rgba(255,255,255,.14)}

/* ---------- closing acid section ---------- */
.closing{
  min-height:82svh;
  padding:120px var(--pad) 110px;
  background:var(--acid);
  color:var(--ink);
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.closing-grid{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);
  align-items:center;
  gap:clamp(48px,7vw,110px);
}

.closing-content{
  min-width:0;
}

.closing-media{
  width:100%;
  min-width:0;
}

.closing-iframe{
  display:block;
  width:100%;
  aspect-ratio:16 / 10;
  border:0;
  border-radius:22px;
}

.closing-kicker{
  display:block;
  margin-bottom:clamp(24px,3vw,38px);
  font-size:13px;
  line-height:1;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.closing h2{
  margin:0;
  max-width:1280px;
  font:900 clamp(66px,9.4vw,148px)/.9 "Inter Tight",sans-serif;
  letter-spacing:-.05em;
  text-wrap:balance;
}
.closing-copy{
  margin-top:clamp(52px,7vw,90px);
  max-width:940px;
}
.closing-copy p{
  margin:0;
  font:600 clamp(25px,3vw,47px)/1.16 "Inter Tight",sans-serif;
  letter-spacing:-.015em;
}
.closing-copy p+p{margin-top:clamp(26px,3vw,42px)}

/* ---------- purchase / final CTA ---------- */
.purchase-section{
  background:var(--ivory);
  color:var(--ink);
  padding:110px var(--pad);
}
.purchase-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(330px,440px);
  gap:clamp(48px,8vw,130px);
  align-items:center;
}
.purchase-eyebrow{
  display:block;
  margin-bottom:18px;
  font-size:14px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:800;
}
.purchase-section h2{
  margin:0;
  max-width:780px;
  font:900 clamp(58px,7vw,112px)/.9 "Inter Tight",sans-serif;
  letter-spacing:-.05em;
  text-wrap:balance;
}
.purchase-support{
  margin:24px 0 0;
  max-width:670px;
  font:600 clamp(21px,2.2vw,31px)/1.22 "Inter Tight",sans-serif;
  letter-spacing:-.015em;
}
.purchase-card{
  padding:30px;
  border:1px solid rgba(0,0,0,.13);
  border-radius:34px;
  background:#fff;
}
.purchase-card-top{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-end;
  padding-bottom:24px;
  border-bottom:1px solid rgba(0,0,0,.1);
}
.purchase-card-top span{
  color:#6f6b63;
  font-size:12px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.purchase-card-top strong{
  font:900 42px/1 "Inter Tight",sans-serif;
  letter-spacing:-.05em;
  white-space:nowrap;
}
.purchase-card-top strong small{
  font:600 13px/1 Inter,sans-serif;
  letter-spacing:0;
  margin-left:3px;
  color:#6d6962;
}
.purchase-benefits{
  margin:24px 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:12px;
}
.purchase-benefits li{
  display:flex;
  gap:10px;
  align-items:flex-start;
  font-size:15px;
  line-height:1.35;
}
.purchase-benefits li::before{
  content:"✓";
  flex:0 0 auto;
  width:19px;height:19px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--acid);
  font-size:11px;
  font-weight:900;
}
.purchase-button{
  width:100%;
  min-height:74px;
  padding:0 18px 0 24px;
  border:0;
  border-radius:999px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:16px;
  align-items:center;
  background:var(--ink);
  color:#fff;
  text-align:left;
  transition:transform .28s cubic-bezier(.2,.8,.2,1);
}
.purchase-button span{
  font:800 17px/1.1 "Inter Tight",sans-serif;
}
.purchase-button b{
  width:46px;height:46px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--acid);
  color:var(--ink);
  font-size:20px;
}
@media (hover:hover) and (pointer:fine){
  .purchase-button:hover{transform:translateY(-3px)}
}

.risk-assurance{
  margin-top:clamp(56px,6vw,88px);
  max-width:820px;
}
.risk-assurance-label{
  display:block;
  margin:0 0 2px;
  color:#6f991b;
  font:900 clamp(52px,5.2vw,82px)/.88 "Inter Tight",sans-serif;
  letter-spacing:-.055em;
  text-transform:uppercase;
}
.risk-assurance p{
  margin:0;
  max-width:800px;
  color:#111;
  font:800 clamp(22px,2.3vw,34px)/1.04 "Inter Tight",sans-serif;
  letter-spacing:-.035em;
}
.risk-assurance-link{
  display:inline;
  margin:0 0 0 7px;
  padding:0;
  border:0;
  background:transparent;
  color:#111;
  font:800 11px/1.25 Inter,sans-serif;
  text-decoration:underline;
  text-underline-offset:2px;
  vertical-align:baseline;
}
@media (hover:hover) and (pointer:fine){
  .risk-assurance-link:hover{opacity:.58}
}

.final-footer{
  margin:110px calc(var(--pad) * -1) -110px;
  padding:16px var(--pad);
  border-top:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  background:var(--black);
  color:#fff;
  font-size:12px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.footer-links{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:20px;
}
.footer-links button{
  padding:4px 0;
  border:0;
  background:transparent;
  color:#fff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  opacity:.72;
}
@media (hover:hover) and (pointer:fine){
  .footer-links button:hover{opacity:1}
}

/* ---------- modals ---------- */
.modal-layer{
  position:fixed;
  inset:0;
  z-index:300;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
}

.modal-layer.is-open{
  display:flex;
}

.modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.62);
  backdrop-filter:blur(11px);
  -webkit-backdrop-filter:blur(11px);
}

.modal-panel{
  position:relative;
  z-index:2;
  width:min(920px,100%);
  height:min(90svh,760px);
  max-height:min(90svh,760px);
  overflow:hidden;
  border-radius:28px;
  background:#fff;
  color:var(--ink);
  box-shadow:0 32px 110px rgba(0,0,0,.36);
  display:none;
  flex-direction:column;
}

.modal-panel.active{
  display:flex;
}

.modal-close{
  position:absolute;
  z-index:20;
  right:14px;
  top:14px;
  width:42px;
  height:42px;
  border:0;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.16);
  color:#fff;
  font-size:25px;
  line-height:1;
}

.modal-brandbar{
  position:sticky;
  top:0;
  z-index:10;
  min-height:76px;
  padding:14px 66px 14px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  background:#0a0a0a;
  color:#fff;
  flex:0 0 auto;
}

.modal-brandbar .mini-brand{
  font:800 18px/1 "Inter Tight",sans-serif;
  letter-spacing:-.025em;
  white-space:nowrap;
}

.modal-brandbar .mini-brand small{
  display:block;
  margin-top:6px;
  color:#9e9e99;
  font:700 10px/1 Inter,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.modal-switch-cta{
  min-height:46px;
  padding:0 17px;
  border:0;
  border-radius:999px;
  background:var(--acid);
  color:var(--ink);
  font:800 14px/1 "Inter Tight",sans-serif;
  white-space:nowrap;
}

.modal-body{
  padding:clamp(28px,4vw,52px);
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
}

.modal-kicker{
  display:block;
  margin-bottom:14px;
  color:#6f6b63;
  font-size:12px;
  line-height:1;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.modal-body h3,
.checkout-head h3{
  margin:0;
  font:900 clamp(38px,5vw,68px)/.94 "Inter Tight",sans-serif;
  letter-spacing:-.05em;
}

.checkout-head h3{
color: #6f991b !important;
}

.modal-body p{
  margin:22px 0 0;
  max-width:760px;
  color:#34322e;
  font-size:17px;
  line-height:1.62;
}

.modal-body h4{
  margin:30px 0 0;
  font:800 20px/1.1 "Inter Tight",sans-serif;
  letter-spacing:-.02em;
}

.modal-body ul{
  margin:14px 0 0;
  padding-left:20px;
  color:#34322e;
  font-size:16px;
  line-height:1.55;
}

.checkout-panel{width:min(1040px,100%)}
.checkout-head{
  padding:30px 72px 26px 28px;
  background:#0a0a0a;
  color:#fff;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  flex:0 0 auto;
}
.checkout-head .modal-kicker{color:#aaa9a3}
.checkout-price{
  font:900 clamp(34px,4vw,58px)/1 "Inter Tight",sans-serif;
  letter-spacing:-.05em;
  white-space:nowrap;
}
.checkout-price span{
  font:600 13px/1 Inter,sans-serif;
  letter-spacing:0;
  margin-left:3px;
  color:#b7b7b0;
}
.checkout-grid{
  padding:46px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(310px,550px);
  gap:28px;
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
}
.checkout-summary{
  padding:10px 4px 10px 2px;
}
.checkout-summary>p{
  margin:0;
  font:600 clamp(24px,2.6vw,36px)/1.15 "Inter Tight",sans-serif;
  letter-spacing:-.03em;
}
.checkout-summary ul{
  margin:26px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:14px;
}
.checkout-summary li{
  display:flex;
  gap:10px;
  color:#34322e;
  font-size:16px;
  line-height:1.4;
}
.checkout-box-label{
  display:block;
  margin-bottom:17px;
  color:#6f6b63;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.checkout-line{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:16px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(0,0,0,.1);
}
.checkout-line strong{
  font:800 27px/1 "Inter Tight",sans-serif;
  letter-spacing:-.04em;
}
.checkout-line span{
  font:800 20px/1 "Inter Tight",sans-serif;
  white-space:nowrap;
}
.paypal-sandbox{
  width:100%;
  min-height:54px;
  margin-top:20px;
  border:0;
  border-radius:999px;
  background:#ffc439;
  color:#111;
  font-weight:800;
}
.card-sandbox{
  width:100%;
  min-height:52px;
  margin-top:10px;
  border:1px solid rgba(0,0,0,.15);
  border-radius:999px;
  background:#fff;
  color:#111;
  font-weight:800;
}
.sandbox-note{
  display:block;
  margin-top:13px;
  color:#77736b;
  font-size:11px;
  line-height:1.45;
}
.sandbox-state{
  display:none;
  margin-top:18px;
  padding:14px;
  border-radius:16px;
  background:#e9ffd1;
  color:#203000;
  font-size:14px;
  line-height:1.4;
  font-weight:700;
}
.sandbox-state.show{display:block}

/* ---------- reveal ---------- */
.reveal{
  opacity:0;
  transform:translateY(40px);
  transition:opacity .78s cubic-bezier(.2,.7,.2,1),transform .78s cubic-bezier(.2,.7,.2,1);
}
.reveal.on{opacity:1;transform:none}

/* ---------- responsive ---------- */
@media(max-width:980px){
  .proof-heading{
    align-items:flex-start;
    flex-direction:column;
    gap:12px;
  }
  .proof-metrics{
    grid-template-columns:1fr;
  }
  .proof-divider{
    width:100%;
    height:1px;
  }
  .proof-metric:first-child,
  .proof-metric-wide{
    padding-left:0;
    padding-right:0;
  }
  .platform-rail{
    grid-template-columns:1fr 1fr;
  }
  .platform-chip:nth-child(2){
    border-right:0;
  }
  .platform-chip:nth-child(-n+2){
    border-bottom:1px solid rgba(0,0,0,.10);
  }
  .section{
    min-height:auto;
    grid-template-columns:1fr;
    gap:52px;
    padding-top:100px;
  }
  .section-head{position:static}
  .section-copy{min-height:auto;padding-bottom:40px}

  .closing-grid{
    grid-template-columns:1fr;
    gap:52px;
  }

  .closing-media{
    width:100%;
  }

  .closing-iframe{
    width:100%;
    aspect-ratio:16 / 10;
    border-radius:18px;
  }

  .purchase-shell{
    grid-template-columns:1fr;
  }
  .purchase-card{
    width:min(520px,100%);
  }
  .checkout-grid{grid-template-columns:1fr}
}

@media(max-width:760px){
  :root{--header-h:60px}
  .site-header{
    padding-left:16px;
    padding-right:16px;
  }
  .brand{font-size:18px}
  .header-right{
    width:152px;
    flex-basis:152px;
    height:40px;
  }
  .header-status{
    font-size:11px;
    letter-spacing:.1em;
  }
  .header-status span{display:inline}
  .header-cta{
    min-height:40px;
    max-width:152px;
    padding:0 11px 0 13px;
    gap:8px;
  }
  .header-cta-label{
    max-width:105px;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:11px;
  }
  .header-cta-price{display:none}
  .header-cta-arrow{font-size:14px}

  .hero{
    min-height:auto;
    padding-top:calc(var(--header-h) + 72px);
    padding-bottom:50px;
  }
  .hero h1{
    font-size:clamp(50px,15vw,78px);
    line-height:.94;
  }
  .hero-bottom{
    grid-template-columns:1fr;
    margin-top:48px;
  }
  .hero-bottom .tag{text-align:left}

  .trust-shell{
    padding:38px 18px 34px;
    grid-template-columns:1fr;
    gap:32px;
  }
  .trust-scoreline strong{
    font-size:84px;
  }
  .trust-summary p{
    margin-top:18px;
  }
  .trust-platforms{
    grid-template-columns:1fr;
  }
  .trust-platform{
    min-height:88px;
    padding:16px 4px;
    border-right:0;
    border-bottom:1px solid rgba(0,0,0,.1);
    grid-template-columns:48px 1fr auto;
    grid-template-areas:"logo word stars";
    column-gap:13px;
    row-gap:0;
  }
  .trust-platform:last-child{
    border-bottom:0;
  }
  .platform-logo{
    width:48px;
    height:48px;
    max-width:none;
  }
  .platform-word{
    font-size:17px;
  }
  .platform-stars{
    font-size:12px;
  }
  .review-stream::before,
  .review-stream::after{
    width:30px;
  }
  .review-track{
    gap:38px;
    padding:15px 0;
    animation-duration:50s;
  }
  .review-track span{
    font-size:13px;
  }

  .proof-head{
    padding:42px 18px 28px;
  }
  .proof-heading{
    margin-bottom:24px;
    gap:10px;
  }
  .proof-heading h3{
    font-size:30px;
  }
  .proof-metric{
    padding:24px 0;
    grid-template-columns:1fr;
    gap:12px;
  }
  .proof-number{
    font-size:clamp(76px,24vw,108px);
    line-height:.82;
  }
  .proof-data{
    padding-bottom:0;
  }
  .proof-data strong{
    font-size:20px;
  }
  .proof-data span{
    max-width:none;
    font-size:12px;
  }
  .platform-rail{
    padding:0 18px;
    grid-template-columns:1fr;
    border-top:0;
    border-bottom:0;
  }
  .platform-chip{
    min-height:76px;
    padding:14px 0;
    grid-template-columns:42px 1fr auto;
    grid-template-areas:"mark name stars";
    border-right:0;
    border-bottom:1px solid rgba(0,0,0,.10);
  }
  .platform-chip:nth-child(2){
    border-right:0;
  }
  .platform-chip:nth-child(-n+2){
    border-bottom:1px solid rgba(0,0,0,.10);
  }
  .platform-chip:last-child{
    border-bottom:0;
  }
  .platform-mark{
    width:42px;
    height:42px;
  }
  .platform-stars{
    align-self:center;
  }
  .review-marquee{
    width:auto;
    max-width:none;
    margin:16px 18px 0;
    border:0;
    border-radius:0;
    background:#f6f5f0;
  }
  .review-marquee::before,
  .review-marquee::after{
    width:22px;
  }
  .review-marquee-track{
    min-height:56px;
    padding:13px 18px;
    gap:34px;
    animation-duration:48s;
  }
  .review-marquee-item{
    gap:11px;
  }
  .review-marquee-item q{
    font-size:13px;
    transform:none;
  }
  .review-marquee-logo{
    width:27px;
    height:27px;
    flex-basis:27px;
  }
  .proof-spacer{
    height:24px;
  }

  .section{
    padding:86px 18px 52px;
    gap:36px;
  }
  .section h2{
    font-size:clamp(42px,12vw,66px);
    line-height:.96;
  }
  .section-copy p{
    font-size:clamp(22px,6.4vw,31px);
    line-height:1.28;
  }

  .closing{
    min-height:auto;
    padding:86px 18px 84px;
  }

  .closing-grid{
    grid-template-columns:1fr;
    gap:38px;
  }

  .closing h2{
    font-size:clamp(56px,15vw,82px);
    line-height:.92;
  }
  .closing-copy{
    margin-top:48px;
  }
  .closing-copy p{
    font-size:clamp(24px,7vw,34px);
    line-height:1.22;
  }

  .closing-media{
    width:100%;
  }

  .closing-iframe{
    width:100%;
    aspect-ratio:4 / 3;
    border-radius:14px;
  }

  .purchase-section{
    padding:86px 18px;
  }
  .purchase-shell{
    gap:44px;
  }
  .purchase-section h2{
    font-size:clamp(52px,14vw,76px);
    line-height:.92;
  }
  .purchase-support{
    font-size:clamp(20px,5.6vw,27px);
  }
  .risk-assurance{
    margin-top:46px;
  }
  .risk-assurance-label{
    font-size:clamp(46px,13vw,64px);
    line-height:.9;
  }
  .risk-assurance p{
    font-size:clamp(22px,6.8vw,30px);
    line-height:1.08;
  }
  .risk-assurance-link{
    margin-left:5px;
    font-size:10px;
    line-height:1.2;
  }
  .purchase-card{
    padding:22px;
    border-radius:26px;
  }
  .purchase-card-top strong{font-size:36px}
  .purchase-button{
    min-height:68px;
  }
  .final-footer{
    margin:86px -18px -86px;
    padding:15px 18px;
    align-items:center;
    flex-direction:row;
    justify-content:space-between;
    gap:14px;
  }
  .footer-links{
    justify-content:flex-end;
    gap:14px;
  }

  .modal-layer{padding:8px}
  .modal-panel{
    width:100%;
    height:88svh;
    max-height:88svh;
    border-radius:22px;
  }
  .modal-brandbar{
    min-height:unset;
    padding:14px 54px 14px 16px;
    align-items:flex-start;
    flex-direction:column;
    gap:12px;
  }
  .modal-switch-cta{
    width:100%;
    min-height:44px;
  }
  .modal-body{padding:26px 18px 24px}
  .modal-body h3{font-size:clamp(38px,11vw,54px)}
  .modal-body p{font-size:16px}

  .checkout-head{
    padding:24px 56px 22px 18px;
    align-items:flex-start;
    flex-direction:column;
    gap:18px;
  }
  .checkout-head h3{font-size:clamp(38px,11vw,54px)}
  .checkout-grid{padding:18px}
  .checkout-summary>p{font-size:clamp(23px,7vw,31px)}
  .checkout-box{padding:18px}
}

@media(max-width:390px){
  .brand{font-size:17px}
  .header-right{
    width:138px;
    flex-basis:138px;
  }
  .header-status span{display:none}
  .header-cta{
    width:138px;
    max-width:138px;
  }
  .header-cta-label{
    max-width:94px;
    font-size:10.5px;
  }
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none;transition:none}
  .review-track{animation:none}
  .review-marquee-track{animation:none}
  .header-status,.header-cta{transition:none}
}

.copy-agd {
  text-transform:none;
  font-weight:400;
  font-size:.7rem;
}

.e-font-icon-svg.e-fas-carrot {
  height:23px;
  color:#fff;
  fill:#ED9121;
  position:relative;
  top:3px;
  left:-3px;
}

.wc-presentation-embed {
	position: relative;
	width: 100%;
	max-width: 1100px;
	aspect-ratio: 1100 / 620;
	overflow: hidden;
	border-radius: 25px;
}

.wc-presentation-embed iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

.fa-solid {
	font-size: 1.2rem;
	color: #e57b0a;
}

.cookie-bar{
    position:fixed;
    left:50%;
    bottom:18px;
    z-index:5000;
    transform:translateX(-50%);
    width:min(720px,calc(100% - 28px));
}

.cookie-bar-inner{
    min-height:54px;
    padding:9px 10px 9px 18px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:999px;
    background:rgba(10,10,10,.96);
    color:#fff;
    box-shadow:0 14px 40px rgba(0,0,0,.18);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    font-size:13px;
    font-weight:600;
}

.cookie-accept{
    flex:0 0 auto;
    min-width:64px;
    height:36px;
    padding:0 16px;
    border:0;
    border-radius:999px;
    background:var(--acid,#c8ff3d);
    color:#0a0a0a;
    font-size:12px;
    font-weight:800;
}

.cookie-bar.is-hidden{
    display:none;
}

@media(max-width:600px){
    .cookie-bar{
        bottom:10px;
    }

    .cookie-bar-inner{
        justify-content:space-between;
        padding-left:15px;
    }
}