/* ============================================================
   BEAUTELA — Custom Design System
   Palette: Silver · Metallic · Grey · Chrome · Dark-Green · Silver-Green
   No frameworks. No external fonts. Mobile-first.
   Class prefix: btl-
   ============================================================ */

:root{
  /* Color tokens */
  --btl-green-900:#0f221c;
  --btl-green-800:#16352b;
  --btl-green-700:#1d4639;
  --btl-green-600:#27604f;
  --btl-silvergreen:#8aa89c;
  --btl-silvergreen-soft:#b9cdc4;
  --btl-chrome:#d8dee0;
  --btl-silver:#bcc4c8;
  --btl-grey:#7b8386;
  --btl-grey-dark:#4a5654;
  --btl-ink:#16201c;
  --btl-paper:#ffffff;
  --btl-mist:#eef2f0;
  --btl-mist-2:#e3e9e6;

  /* Metallic gradients */
  --btl-chrome-grad:linear-gradient(145deg,#f4f7f7 0%,#c9d2d3 38%,#eef2f2 55%,#aab4b5 78%,#dfe6e6 100%);
  --btl-green-grad:linear-gradient(150deg,var(--btl-green-700) 0%,var(--btl-green-900) 100%);
  --btl-cta-grad:linear-gradient(135deg,#2c6c58 0%,#16352b 55%,#27604f 100%);
  --btl-cta-grad-hover:linear-gradient(135deg,#357e66 0%,#1d4639 55%,#2f7560 100%);

  /* Type scale */
  --btl-fs-xs:.78rem;
  --btl-fs-sm:.9rem;
  --btl-fs-base:1rem;
  --btl-fs-lg:1.18rem;
  --btl-fs-xl:1.5rem;
  --btl-fs-2xl:2rem;
  --btl-fs-3xl:2.8rem;
  --btl-fs-4xl:3.6rem;

  /* Spacing */
  --btl-sp-1:.5rem;
  --btl-sp-2:1rem;
  --btl-sp-3:1.5rem;
  --btl-sp-4:2.25rem;
  --btl-sp-5:3.5rem;
  --btl-sp-6:5rem;

  --btl-radius:16px;
  --btl-radius-sm:10px;
  --btl-radius-pill:999px;
  --btl-shadow:0 18px 45px -20px rgba(15,34,28,.45);
  --btl-shadow-soft:0 10px 30px -16px rgba(15,34,28,.35);
  --btl-ring:0 0 0 3px rgba(138,168,156,.55);

  --btl-display:"Georgia","Times New Roman",serif;
  --btl-body:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--btl-body);
  color:var(--btl-ink);
  background:var(--btl-paper);
  line-height:1.65;
  font-size:var(--btl-fs-base);
  overflow-x:hidden;
}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--btl-display);line-height:1.12;font-weight:700;letter-spacing:-.01em}

/* ---------- Layout helpers ---------- */
.btl-wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 1.25rem}
.btl-section{padding:var(--btl-sp-5) 0}
.btl-eyebrow{
  display:inline-block;font-family:var(--btl-body);font-size:var(--btl-fs-xs);
  font-weight:700;letter-spacing:.22em;text-transform:uppercase;
  color:var(--btl-green-600);margin-bottom:var(--btl-sp-2);
}
.btl-eyebrow--light{color:var(--btl-silvergreen-soft)}
.btl-lead{font-size:var(--btl-fs-lg);color:var(--btl-grey-dark);max-width:60ch}

/* ---------- Reveal animation ---------- */
.btl-reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease}
.btl-reveal.btl-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .btl-reveal{opacity:1;transform:none;transition:none}
  html{scroll-behavior:auto}
}

/* ============================================================
   HEADER / NAV
   ============================================================ */
.btl-header{
  position:sticky;top:0;z-index:60;
  background:rgba(15,34,28,.82);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(138,168,156,.25);
}
.btl-nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.btl-brand{display:flex;align-items:center;gap:.55rem;font-family:var(--btl-display);
  font-weight:700;font-size:var(--btl-fs-lg);color:#fff;letter-spacing:.04em}
.btl-brand-mark{
  width:26px;height:26px;border-radius:50%;
  background:var(--btl-chrome-grad);
  box-shadow:inset 0 0 0 2px rgba(15,34,28,.35),0 2px 6px rgba(0,0,0,.3);
}
.btl-navlinks{display:none;gap:1.6rem;align-items:center}
.btl-navlinks a{color:var(--btl-silvergreen-soft);font-size:var(--btl-fs-sm);font-weight:600;
  transition:color .25s}
.btl-navlinks a:hover{color:#fff}
.btl-nav-cta{
  display:inline-flex;align-items:center;padding:.5rem 1.05rem;border-radius:var(--btl-radius-pill);
  background:var(--btl-chrome-grad);color:var(--btl-green-900);font-weight:700;font-size:var(--btl-fs-sm);
  box-shadow:0 2px 8px rgba(0,0,0,.25);transition:transform .2s,filter .2s;
}
.btl-nav-cta:hover{transform:translateY(-1px);filter:brightness(1.05)}
@media(min-width:860px){.btl-navlinks{display:flex}}

/* ============================================================
   1. HERO
   ============================================================ */
.btl-hero{
  position:relative;color:#fff;text-align:center;
  background:var(--btl-green-grad);
  overflow:hidden;
}
.btl-hero-bg{
  position:absolute;inset:0;z-index:0;
  background-image:url("../img/hero.jpg");
  background-size:cover;background-position:center;
  opacity:.55;
}
.btl-hero-veil{
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(15,34,28,.55) 0%,rgba(15,34,28,.78) 100%);
}
.btl-hero-inner{position:relative;z-index:2;padding:var(--btl-sp-6) 0 var(--btl-sp-6)}
.btl-hero h1{
  font-size:var(--btl-fs-3xl);max-width:14ch;margin:0 auto var(--btl-sp-3);
  text-shadow:0 2px 20px rgba(0,0,0,.35);
}
.btl-hero h1 em{font-style:normal;background:var(--btl-chrome-grad);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.btl-hero-sub{font-size:var(--btl-fs-lg);max-width:46ch;margin:0 auto var(--btl-sp-4);
  color:var(--btl-silvergreen-soft)}
.btl-hero-badges{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin-top:var(--btl-sp-4)}
.btl-chip{
  display:inline-flex;align-items:center;gap:.4rem;font-size:var(--btl-fs-xs);font-weight:600;
  padding:.45rem .9rem;border-radius:var(--btl-radius-pill);
  background:rgba(255,255,255,.08);border:1px solid rgba(138,168,156,.4);
  color:var(--btl-silvergreen-soft);
}
.btl-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--btl-silvergreen)}

/* ---------- CTA buttons (conversion-optimized) ---------- */
.btl-cta{
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  font-family:var(--btl-body);font-weight:800;font-size:var(--btl-fs-lg);
  color:#fff;padding:1.05rem 2.4rem;border:none;cursor:pointer;
  border-radius:var(--btl-radius-pill);background:var(--btl-cta-grad);
  box-shadow:0 14px 30px -10px rgba(15,34,28,.65),inset 0 1px 0 rgba(255,255,255,.18);
  transition:transform .22s ease,box-shadow .22s ease,background .3s ease;
  position:relative;overflow:hidden;
}
.btl-cta::after{
  content:"";position:absolute;top:0;left:-130%;width:60%;height:100%;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.45),transparent);
  transform:skewX(-20deg);transition:left .6s ease;
}
.btl-cta:hover{transform:translateY(-2px);background:var(--btl-cta-grad-hover);
  box-shadow:0 20px 38px -12px rgba(15,34,28,.7)}
.btl-cta:hover::after{left:130%}
.btl-cta:focus-visible{outline:none;box-shadow:var(--btl-ring),0 14px 30px -10px rgba(15,34,28,.65)}
.btl-cta--chrome{background:var(--btl-chrome-grad);color:var(--btl-green-900)}
.btl-cta--chrome:hover{background:var(--btl-chrome-grad);filter:brightness(1.06)}
.btl-cta--lg{font-size:var(--btl-fs-xl);padding:1.2rem 2.8rem}
.btl-cta-note{display:block;margin-top:.8rem;font-size:var(--btl-fs-xs);color:var(--btl-silvergreen-soft)}

/* ============================================================
   2. PROBLEM AWARENESS
   ============================================================ */
.btl-problem{background:var(--btl-mist)}
.btl-problem .btl-lead{margin-bottom:var(--btl-sp-4)}
.btl-prob-grid{display:grid;gap:var(--btl-sp-2);grid-template-columns:1fr}
.btl-prob-card{
  background:var(--btl-paper);border-radius:var(--btl-radius);
  padding:var(--btl-sp-3);box-shadow:var(--btl-shadow-soft);
  border:1px solid var(--btl-mist-2);
  display:flex;gap:1rem;align-items:flex-start;
}
.btl-prob-ic{
  flex:0 0 auto;width:44px;height:44px;border-radius:12px;
  background:var(--btl-green-grad);display:grid;place-items:center;
  box-shadow:inset 0 0 0 1px rgba(138,168,156,.45);
}
.btl-prob-ic svg{width:22px;height:22px;stroke:var(--btl-silvergreen-soft);fill:none;stroke-width:1.8}
.btl-prob-card h3{font-size:var(--btl-fs-lg);margin-bottom:.25rem}
.btl-prob-card p{font-size:var(--btl-fs-sm);color:var(--btl-grey-dark)}
@media(min-width:760px){.btl-prob-grid{grid-template-columns:1fr 1fr}}

/* ============================================================
   3. PRODUCT PRESENTATION
   ============================================================ */
.btl-product{background:var(--btl-green-grad);color:#fff;position:relative;overflow:hidden}
.btl-product::before{
  content:"";position:absolute;width:520px;height:520px;border-radius:50%;
  right:-180px;top:-160px;background:radial-gradient(circle,rgba(138,168,156,.28),transparent 70%);
}
.btl-prod-grid{display:grid;gap:var(--btl-sp-4);grid-template-columns:1fr;align-items:center;position:relative;z-index:1}
.btl-prod-figure{
  display:grid;place-items:center;padding:var(--btl-sp-3);
  background:radial-gradient(circle at 50% 35%,rgba(236,240,239,.14),transparent 65%);
  border-radius:var(--btl-radius);
}
.btl-prod-figure img{max-width:300px;filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}
.btl-prod-copy h2{font-size:var(--btl-fs-2xl);margin-bottom:var(--btl-sp-2)}
.btl-prod-copy p{color:var(--btl-silvergreen-soft);margin-bottom:var(--btl-sp-3)}
.btl-price-row{display:flex;align-items:baseline;gap:.8rem;margin-bottom:var(--btl-sp-3)}
.btl-price{font-family:var(--btl-display);font-size:var(--btl-fs-4xl);font-weight:700;
  background:var(--btl-chrome-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.btl-price-old{font-size:var(--btl-fs-lg);color:var(--btl-grey);text-decoration:line-through}
.btl-price-tag{font-size:var(--btl-fs-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  padding:.3rem .7rem;border-radius:var(--btl-radius-pill);background:rgba(138,168,156,.2);
  color:var(--btl-silvergreen-soft);border:1px solid rgba(138,168,156,.4)}
.btl-prod-list{list-style:none;margin:0 0 var(--btl-sp-3);display:grid;gap:.55rem}
.btl-prod-list li{display:flex;gap:.6rem;align-items:flex-start;font-size:var(--btl-fs-sm);color:#eef2f0}
.btl-prod-list li::before{content:"✓";color:var(--btl-silvergreen);font-weight:800;flex:0 0 auto}
@media(min-width:860px){.btl-prod-grid{grid-template-columns:.9fr 1.1fr}.btl-prod-figure img{max-width:360px}}

/* ============================================================
   4. BENEFITS
   ============================================================ */
.btl-benefits{background:var(--btl-paper)}
.btl-sec-head{text-align:center;max-width:42rem;margin:0 auto var(--btl-sp-4)}
.btl-sec-head h2{font-size:var(--btl-fs-2xl);margin-bottom:var(--btl-sp-2)}
.btl-sec-head p{color:var(--btl-grey-dark)}
.btl-ben-grid{display:grid;gap:var(--btl-sp-2);grid-template-columns:1fr}
.btl-ben-card{
  border-radius:var(--btl-radius);padding:var(--btl-sp-3);
  background:linear-gradient(180deg,var(--btl-mist) 0%,var(--btl-paper) 100%);
  border:1px solid var(--btl-mist-2);box-shadow:var(--btl-shadow-soft);
  transition:transform .3s ease,box-shadow .3s ease;
}
.btl-ben-card:hover{transform:translateY(-4px);box-shadow:var(--btl-shadow)}
.btl-ben-num{
  font-family:var(--btl-display);font-size:var(--btl-fs-xl);font-weight:700;color:var(--btl-silvergreen);
  display:inline-grid;place-items:center;width:46px;height:46px;border-radius:12px;
  background:var(--btl-green-grad);margin-bottom:var(--btl-sp-2);
  box-shadow:inset 0 0 0 1px rgba(216,222,224,.3);
}
.btl-ben-num span{background:var(--btl-chrome-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.btl-ben-card h3{font-size:var(--btl-fs-lg);margin-bottom:.35rem}
.btl-ben-card p{font-size:var(--btl-fs-sm);color:var(--btl-grey-dark)}
@media(min-width:640px){.btl-ben-grid{grid-template-columns:1fr 1fr}}
@media(min-width:980px){.btl-ben-grid{grid-template-columns:repeat(3,1fr)}}

/* ============================================================
   5. SOCIAL PROOF
   ============================================================ */
.btl-proof{background:var(--btl-mist);position:relative}
.btl-proof-grid{display:grid;gap:var(--btl-sp-4);grid-template-columns:1fr;align-items:center}
.btl-proof-media{position:relative;border-radius:var(--btl-radius);overflow:hidden;box-shadow:var(--btl-shadow)}
.btl-proof-media img{width:100%;object-fit:cover;aspect-ratio:7/5}
.btl-proof-media::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 50%,rgba(15,34,28,.35) 100%)}
.btl-proof-stat{position:absolute;left:1rem;bottom:1rem;z-index:2;color:#fff}
.btl-proof-stat strong{font-family:var(--btl-display);font-size:var(--btl-fs-2xl);display:block}
.btl-proof-stat span{font-size:var(--btl-fs-xs);color:var(--btl-silvergreen-soft);letter-spacing:.08em;text-transform:uppercase}
.btl-quotes{display:grid;gap:var(--btl-sp-2)}
.btl-quote{
  background:var(--btl-paper);border-radius:var(--btl-radius);padding:var(--btl-sp-3);
  border:1px solid var(--btl-mist-2);box-shadow:var(--btl-shadow-soft);
}
.btl-stars{color:#b9942f;letter-spacing:.12em;font-size:var(--btl-fs-sm);margin-bottom:.5rem}
.btl-quote p{font-size:var(--btl-fs-sm);color:var(--btl-ink);margin-bottom:.6rem}
.btl-quote-by{display:flex;align-items:center;gap:.6rem}
.btl-avatar{width:34px;height:34px;border-radius:50%;background:var(--btl-green-grad);
  display:grid;place-items:center;color:var(--btl-silvergreen-soft);font-weight:700;font-size:var(--btl-fs-sm)}
.btl-quote-by b{font-size:var(--btl-fs-sm)}
.btl-quote-by small{display:block;color:var(--btl-grey);font-size:var(--btl-fs-xs)}
@media(min-width:860px){.btl-proof-grid{grid-template-columns:1fr 1fr}}

/* ============================================================
   6. HOW IT WORKS
   ============================================================ */
.btl-how{background:var(--btl-paper)}
.btl-steps{display:grid;gap:var(--btl-sp-3);grid-template-columns:1fr;counter-reset:btl-step}
.btl-step{
  position:relative;padding:var(--btl-sp-3);border-radius:var(--btl-radius);
  background:var(--btl-mist);border:1px solid var(--btl-mist-2);
}
.btl-step-no{
  font-family:var(--btl-display);font-size:var(--btl-fs-2xl);font-weight:700;
  width:58px;height:58px;border-radius:50%;display:grid;place-items:center;
  background:var(--btl-green-grad);color:transparent;margin-bottom:var(--btl-sp-2);
  box-shadow:0 8px 20px -8px rgba(15,34,28,.6);
}
.btl-step-no b{background:var(--btl-chrome-grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}
.btl-step h3{font-size:var(--btl-fs-lg);margin-bottom:.35rem}
.btl-step p{font-size:var(--btl-fs-sm);color:var(--btl-grey-dark)}
@media(min-width:760px){.btl-steps{grid-template-columns:repeat(3,1fr)}}

/* ============================================================
   7. SAFETY + DISCLAIMER
   ============================================================ */
.btl-safety{background:var(--btl-green-grad);color:#fff}
.btl-safety-card{
  display:flex;gap:1.2rem;align-items:flex-start;
  background:rgba(255,255,255,.05);border:1px solid rgba(138,168,156,.35);
  border-radius:var(--btl-radius);padding:var(--btl-sp-4);
}
.btl-safety-ic{flex:0 0 auto;width:52px;height:52px;border-radius:14px;
  background:var(--btl-chrome-grad);display:grid;place-items:center;box-shadow:0 6px 16px rgba(0,0,0,.3)}
.btl-safety-ic svg{width:26px;height:26px;stroke:var(--btl-green-900);fill:none;stroke-width:2}
.btl-safety h2{font-size:var(--btl-fs-xl);margin-bottom:var(--btl-sp-2)}
.btl-safety p{font-size:var(--btl-fs-sm);color:var(--btl-silvergreen-soft);margin-bottom:.7rem}
.btl-safety p:last-child{margin-bottom:0}

/* ============================================================
   8. ORDER FORM
   ============================================================ */
.btl-order{background:var(--btl-mist)}
.btl-order-grid{display:grid;gap:var(--btl-sp-4);grid-template-columns:1fr;align-items:start}
.btl-order-aside h2{font-size:var(--btl-fs-2xl);margin-bottom:var(--btl-sp-2)}
.btl-order-aside p{color:var(--btl-grey-dark);margin-bottom:var(--btl-sp-3)}
.btl-order-points{list-style:none;display:grid;gap:.7rem}
.btl-order-points li{display:flex;gap:.6rem;font-size:var(--btl-fs-sm);color:var(--btl-grey-dark)}
.btl-order-points li::before{content:"●";color:var(--btl-silvergreen)}
.btl-form-card{
  background:var(--btl-paper);border-radius:var(--btl-radius);padding:var(--btl-sp-4);
  box-shadow:var(--btl-shadow);border:1px solid var(--btl-mist-2);
}
.btl-form-card .btl-summary{
  display:flex;align-items:center;justify-content:space-between;
  padding-bottom:var(--btl-sp-2);margin-bottom:var(--btl-sp-3);
  border-bottom:1px dashed var(--btl-mist-2);
}
.btl-summary-name{font-weight:700}
.btl-summary-name small{display:block;color:var(--btl-grey);font-weight:400;font-size:var(--btl-fs-xs)}
.btl-summary-price{font-family:var(--btl-display);font-size:var(--btl-fs-2xl);color:var(--btl-green-700);font-weight:700}
.btl-field{margin-bottom:var(--btl-sp-3)}
.btl-label{display:block;font-size:var(--btl-fs-sm);font-weight:700;margin-bottom:.4rem;color:var(--btl-ink)}
.btl-input{
  width:100%;font-size:var(--btl-fs-base);font-family:var(--btl-body);
  padding:.85rem 1rem;border-radius:var(--btl-radius-sm);
  border:1.5px solid var(--btl-mist-2);background:#fafcfb;color:var(--btl-ink);
  transition:border-color .2s,box-shadow .2s;
}
.btl-input:focus{outline:none;border-color:var(--btl-silvergreen);box-shadow:var(--btl-ring)}
.btl-input.btl-invalid{border-color:#c0463c;background:#fdf3f2}
.btl-error{display:none;color:#c0463c;font-size:var(--btl-fs-xs);margin-top:.35rem;font-weight:600}
.btl-error.btl-show{display:block}
.btl-form-card .btl-cta{width:100%}
.btl-consent{display:flex;gap:.6rem;align-items:flex-start;margin:var(--btl-sp-2) 0;font-size:var(--btl-fs-xs);color:var(--btl-grey-dark)}
.btl-consent input{margin-top:.2rem;accent-color:var(--btl-green-600);width:16px;height:16px;flex:0 0 auto}
.btl-consent a{color:var(--btl-green-700);text-decoration:underline}
.btl-trust{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:var(--btl-sp-2);justify-content:center}
.btl-trust span{font-size:var(--btl-fs-xs);color:var(--btl-grey);display:inline-flex;align-items:center;gap:.3rem}
@media(min-width:860px){.btl-order-grid{grid-template-columns:1fr 1fr}}

/* ============================================================
   FOOTER
   ============================================================ */
.btl-footer{background:var(--btl-green-900);color:var(--btl-silvergreen-soft);padding:var(--btl-sp-5) 0 var(--btl-sp-3)}
.btl-foot-grid{display:grid;gap:var(--btl-sp-4);grid-template-columns:1fr}
.btl-foot-brand .btl-brand{margin-bottom:var(--btl-sp-2)}
.btl-foot-brand p{font-size:var(--btl-fs-sm);max-width:34ch}
.btl-foot-col h4{color:#fff;font-family:var(--btl-body);font-size:var(--btl-fs-sm);
  text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--btl-sp-2)}
.btl-foot-col ul{list-style:none;display:grid;gap:.5rem}
.btl-foot-col a,.btl-foot-col li{font-size:var(--btl-fs-sm);color:var(--btl-silvergreen-soft);transition:color .2s}
.btl-foot-col a:hover{color:#fff}
.btl-foot-bottom{margin-top:var(--btl-sp-4);padding-top:var(--btl-sp-3);
  border-top:1px solid rgba(138,168,156,.2);font-size:var(--btl-fs-xs);
  display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;align-items:center}
@media(min-width:760px){.btl-foot-grid{grid-template-columns:1.4fr 1fr 1fr}}

/* ============================================================
   COOKIE BANNER
   ============================================================ */
.btl-cookie{
  position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:90;
  background:rgba(15,34,28,.97);color:#fff;border:1px solid rgba(138,168,156,.4);
  border-radius:var(--btl-radius);padding:var(--btl-sp-3);box-shadow:var(--btl-shadow);
  display:none;gap:var(--btl-sp-2);flex-direction:column;
  transform:translateY(140%);transition:transform .5s cubic-bezier(.22,1,.36,1);
}
.btl-cookie.btl-cookie-on{display:flex}
.btl-cookie.btl-cookie-show{transform:none}
.btl-cookie p{font-size:var(--btl-fs-sm);color:var(--btl-silvergreen-soft)}
.btl-cookie p a{color:#fff;text-decoration:underline}
.btl-cookie-actions{display:flex;gap:.6rem;flex-wrap:wrap}
.btl-cookie-btn{
  flex:1 1 auto;min-width:130px;padding:.7rem 1.1rem;border-radius:var(--btl-radius-pill);
  font-weight:700;font-size:var(--btl-fs-sm);cursor:pointer;border:none;transition:filter .2s,transform .2s;
}
.btl-cookie-btn:hover{transform:translateY(-1px)}
.btl-cookie-accept{background:var(--btl-chrome-grad);color:var(--btl-green-900)}
.btl-cookie-decline{background:transparent;color:#fff;border:1.5px solid rgba(138,168,156,.5)}
@media(min-width:680px){
  .btl-cookie{flex-direction:row;align-items:center;left:auto;right:1.25rem;max-width:540px}
  .btl-cookie-actions{flex:0 0 auto}
  .btl-cookie-btn{flex:0 0 auto;min-width:0}
}

/* ============================================================
   LEGAL / SUCCESS PAGES
   ============================================================ */
.btl-page-hero{background:var(--btl-green-grad);color:#fff;padding:var(--btl-sp-5) 0}
.btl-page-hero h1{font-size:var(--btl-fs-2xl)}
.btl-page-hero p{color:var(--btl-silvergreen-soft);margin-top:.6rem}
.btl-legal{background:var(--btl-paper);padding:var(--btl-sp-5) 0}
.btl-legal .btl-wrap{max-width:820px}
.btl-legal h2{font-size:var(--btl-fs-xl);margin:var(--btl-sp-4) 0 var(--btl-sp-2);color:var(--btl-green-800)}
.btl-legal h3{font-size:var(--btl-fs-lg);margin:var(--btl-sp-3) 0 .5rem}
.btl-legal p,.btl-legal li{font-size:var(--btl-fs-base);color:var(--btl-grey-dark);margin-bottom:.8rem}
.btl-legal ul{padding-left:1.3rem;margin-bottom:var(--btl-sp-2)}
.btl-legal a{color:var(--btl-green-700);text-decoration:underline}
.btl-legal .btl-updated{font-size:var(--btl-fs-sm);color:var(--btl-grey);font-style:italic}

.btl-success{min-height:70vh;display:grid;place-items:center;text-align:center;
  background:var(--btl-green-grad);color:#fff;padding:var(--btl-sp-6) 1.25rem}
.btl-success-card{max-width:560px}
.btl-success-ic{width:90px;height:90px;border-radius:50%;margin:0 auto var(--btl-sp-3);
  background:var(--btl-chrome-grad);display:grid;place-items:center;box-shadow:var(--btl-shadow)}
.btl-success-ic svg{width:46px;height:46px;stroke:var(--btl-green-900);fill:none;stroke-width:3}
.btl-success h1{font-size:var(--btl-fs-3xl);margin-bottom:var(--btl-sp-2)}
.btl-success p{color:var(--btl-silvergreen-soft);font-size:var(--btl-fs-lg);margin-bottom:var(--btl-sp-2)}
.btl-success .btl-cta{margin-top:var(--btl-sp-3)}
.btl-success-meta{margin-top:var(--btl-sp-4);font-size:var(--btl-fs-sm);color:var(--btl-silvergreen)}

/* Tablet+ type scaling */
@media(min-width:760px){
  :root{--btl-fs-3xl:3.4rem}
  .btl-section{padding:var(--btl-sp-6) 0}
}