/* LP system — Inter-only (Six Caps reserved for scrub heroes) */

/* ═══ LP — Midsea Murmur · 16-Step spine · Emil-grade restraint ═══ */
:root{--paper:#F4F0E9;--coal:#141416;--coal2:#1B1B1E}
.lp{--mm:#2B5FB0;--mm-deep:#1E4176}
body{background:var(--coal);color:var(--paper);font-family:'Inter',sans-serif;overflow-x:hidden}
.lp{display:flex;flex-direction:column}
.lp section{padding:6rem var(--pad-x)}
.lp .inner{max-width:64rem;margin:0 auto;width:100%}
.six{font-family:'Inter',sans-serif;font-weight:800;letter-spacing:.01em;line-height:1.12;}
.k{font-size:.68rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:rgba(244,240,233,.55)}
.lp p{line-height:1.9;font-size:.95rem;color:rgba(244,240,233,.85)}
.center{text-align:center}
/* entrance: unseen details compound — one quiet rise, once */
.rise{opacity:0;transform:translateY(1.125rem);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.rise.in{opacity:1;transform:none}

/* ── 1 · HERO (headline + subs + bottle + buy box) ── */
.lp-hero{min-height:100vh;background:var(--mm);position:relative;overflow:hidden;
  display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:8rem var(--pad-x) 4rem}
.lp-hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(85% 70% at 50% 14%, rgba(255,255,255,.08), transparent 60%),
             radial-gradient(140% 100% at 50% 112%, rgba(0,0,0,.34), transparent 55%)}
.lp-hero>*{position:relative;z-index:2}
.hero-copy2{display:flex;flex-direction:column;gap:1.4rem;max-width:34rem}
.hero-copy2 .k{color:rgba(255,255,255,.7)}
.h1{font-size:clamp(1.9rem,4vw,3.4rem);color:#FFF;text-transform:uppercase}
.h1 em{font-style:normal;color:rgba(255,255,255,.55)}
.sub2{font-size:1rem;color:rgba(255,255,255,.85);line-height:1.8}
.lp-bottlecol{position:relative;height:min(74vh,44rem)}
.lp-bottle{position:absolute;left:50%;bottom:0;height:92%;aspect-ratio:.6/1;transform:translateX(-50%);
  transform-origin:50% 100%}
.lp-fit{position:absolute;inset:0;transform-origin:50% 72.32%;transform:translateY(27.68%) scale(1.0)}
.lp-fit img{width:100%;height:100%;object-fit:contain;object-position:bottom center}
.lp-bshadow{position:absolute;left:50%;bottom:-1%;transform:translateX(-50%);width:60%;height:4%;
  border-radius:50%;background:radial-gradient(ellipse, rgba(0,0,0,.4), rgba(0,0,0,.15) 55%, transparent 72%);filter:blur(0.375rem)}
/* buy box */
.buybox{display:flex;flex-direction:column;gap:.9rem;background:rgba(20,20,22,.32);
  backdrop-filter:blur(0.875rem);-webkit-backdrop-filter:blur(0.875rem);
  border:0.0625rem solid rgba(255,255,255,.16);padding:1.6rem 1.8rem;max-width:26rem;
  box-shadow:inset 0 0.0938rem 0 rgba(255,255,255,.22), 0 0.875rem 2.5rem rgba(0,0,0,.28)}
.bb-name{font-size:1rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#FFF}
.bb-line{font-size:.8rem;color:rgba(255,255,255,.75)}
.bb-price{font-size:1.7rem;font-weight:800;color:#FFF}
.bb-price small{font-size:.7rem;font-weight:600;letter-spacing:.12em;color:rgba(255,255,255,.6)}
.bb-sizes{display:flex;gap:.6rem}
.bb-sizes button{padding:.55rem 1.1rem;border-radius:62.4375rem;border:0.0625rem solid rgba(255,255,255,.5);
  background:transparent;color:#FFF;font-family:'Inter',sans-serif;font-weight:700;font-size:.68rem;
  letter-spacing:.12em;cursor:pointer}
.bb-sizes button.active{background:#FFF;color:var(--mm)}
.cta2{display:inline-block;text-align:center;padding:1.05rem 2.4rem;background:#FFF;color:var(--mm);
  font-weight:800;font-size:.8rem;letter-spacing:.24em;text-transform:uppercase;
  transition:transform .15s var(--ease),opacity .15s}
.cta2:hover{transform:translateY(-0.0625rem);opacity:.92}
.cta2.ghost{background:transparent;color:#FFF;border:0.0625rem solid rgba(255,255,255,.7)}
.bb-drawer{font-size:.74rem;color:rgba(255,255,255,.8);line-height:1.7;border-top:0.0625rem solid rgba(255,255,255,.18);padding-top:.9rem}
/* trust marquee */
.trustline{background:var(--coal);border-top:0.0625rem solid rgba(255,255,255,.07);border-bottom:0.0625rem solid rgba(255,255,255,.07);
  overflow:hidden;padding:.95rem 0}
.trustline .tk{display:flex;align-items:center;gap:3rem;width:max-content;animation:h2-scroll 30s linear infinite}
.trustline span{font-size:.68rem;font-weight:700;letter-spacing:.28em;color:rgba(244,240,233,.7);white-space:nowrap;line-height:1}
.trustline i{font-style:normal;color:var(--mm);font-size:.6rem;line-height:1;display:block}

/* ── editorial sections ── */
.band{background:var(--coal)}
.band-alt{background:var(--coal2)}
.band-blue{background:var(--mm-deep)}
.lp h2{font-size:clamp(1.4rem,2.9vw,2.3rem);text-transform:uppercase;color:var(--paper);margin-bottom:1.6rem}
.lp h2 em{font-style:normal;color:var(--mm)}
.band-blue h2 em{color:rgba(255,255,255,.55)}
.lead2{font-size:1.06rem;line-height:2;color:rgba(244,240,233,.9)}
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center}
.notesrow{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem}
.notecard{border:0.0625rem solid rgba(255,255,255,.12);padding:1.4rem 1.5rem}
.notecard b{display:block;font-size:.64rem;letter-spacing:.26em;color:var(--mm);text-transform:uppercase;margin-bottom:.7rem}
.notecard p{font-size:.86rem;color:rgba(244,240,233,.85)}
.band-blue .notecard b{color:rgba(255,255,255,.65)}
/* proof strips */
.proofstrip{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2.2rem}
.chip2{border:0.0625rem solid rgba(255,255,255,.2);padding:.6rem 1.2rem;font-size:.66rem;font-weight:700;
  letter-spacing:.2em;text-transform:uppercase;color:rgba(244,240,233,.85)}
/* benefits */
.benefits{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem 2.6rem;margin-top:2rem}
.benefit{display:flex;gap:.9rem;align-items:flex-start;font-size:.93rem;line-height:1.75;color:rgba(244,240,233,.88)}
.benefit::before{content:"—";color:var(--mm);font-weight:800;flex:0 0 auto}
.band-blue .benefit::before{color:rgba(255,255,255,.6)}
/* value stack */
.stack{border:0.0625rem solid rgba(255,255,255,.14);margin-top:2rem}
.stack .row{display:flex;justify-content:space-between;gap:2rem;padding:1.1rem 1.5rem;
  border-bottom:0.0625rem solid rgba(255,255,255,.09);font-size:.9rem}
.stack .row:last-child{border-bottom:none;background:rgba(255,255,255,.05);font-weight:800}
.stack .row i{font-style:normal;color:rgba(244,240,233,.55);font-size:.8rem}
/* faq */
.faq2 details{border-bottom:0.0625rem solid rgba(255,255,255,.1)}
.faq2 summary{cursor:pointer;list-style:none;padding:1.2rem 0;font-weight:700;font-size:.95rem;
  display:flex;justify-content:space-between;align-items:center;color:var(--paper)}
.faq2 summary::after{content:"+";color:var(--mm);font-size:1.3rem;transition:transform .18s var(--ease)}
.faq2 details[open] summary::after{transform:rotate(45deg)}
.faq2 .a{padding:0 0 1.3rem;font-size:.9rem;line-height:1.9;color:rgba(244,240,233,.8)}
/* cta bands */
.ctaband{text-align:center;padding:4.2rem var(--pad-x)}
.ctaband .k{margin-bottom:1.1rem;display:block}
.bigword{position:relative;overflow:hidden;padding:0}
.bigword .six{font-size:10vw;font-weight:900;color:rgba(255,255,255,.05);white-space:nowrap;text-align:center;display:block;user-select:none}
@media (max-width:53.75rem){
  .lp-hero{grid-template-columns:1fr;padding-top:7rem;gap:2rem}
  .lp-bottlecol{height:52vh}
  .cols2{grid-template-columns:1fr}
  .notesrow{grid-template-columns:1fr}
  .benefits{grid-template-columns:1fr}
}