/* Ad landing pages — one product, one job: get the order. Liquid hero, spatial stage, clay order form. */
.lp-dock .dock{justify-content:space-between}
.lp-call{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--neem);font-size:15px;padding:8px 14px;border-radius:999px;background:var(--paper);box-shadow:var(--neu-sm)}
.offer{position:relative;z-index:61;background:var(--deep);color:var(--on-dark-2);font-size:13.5px;text-align:center}
.offer .wrap{padding-block:7px}
.offer b{color:var(--gold-2);font-weight:600}

.lp-hero{position:relative;isolation:isolate;overflow:hidden;color:var(--on-dark);margin-top:-80px;padding-top:80px;border-radius:0 0 44px 44px}
.lp-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,20,7,.66) 0%,rgba(8,20,7,.3) 55%,rgba(8,20,7,0) 100%);pointer-events:none}
.lh{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;padding-block:50px 110px}
.lh h1{font-size:clamp(42px,5.6vw,76px);margin-top:16px}
.lh h1 em{font-style:italic;color:var(--gold-2)}
.lh .lead{font-size:18px;color:var(--on-dark-2);margin-top:16px;max-width:32em}
.lh-pts{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}
.lh-pts li{display:flex;gap:10px;align-items:flex-start;font-size:16px}
.lh-pts .ic{color:var(--gold-2);margin-top:3px}
.lh-price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-top:24px}
.lh-price strong{font-size:44px;font-weight:700;color:#fff}
.lh-price s{font-size:18px;color:var(--on-dark-2)}
.lh-price em{font-style:normal;background:linear-gradient(180deg,#d4473c,#9e2a22);color:#fff;font-weight:700;font-size:14px;padding:4px 12px;border-radius:999px}
.lh .hint{color:var(--on-dark-2)}
.lh-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.lh-cta .btn{font-size:17px;padding:16px 30px}
.lh-mini{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:18px;font-size:14px;color:var(--on-dark-2)}
.lh-mini span{display:flex;align-items:center;gap:6px}
.lh-mini .ic{color:var(--gold-2)}

.stage{position:relative;width:100%;max-width:500px;aspect-ratio:1;justify-self:center}
.stage .ring{position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.14),rgba(255,255,255,.03) 60%);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 0 60px rgba(214,169,72,.15),0 40px 80px -30px rgba(0,0,0,.6)}
.stage .ring2{position:absolute;inset:16%;border-radius:50%;border:1.5px dashed rgba(224,183,90,.4);animation:spin 60s linear infinite}
@keyframes spin{to{transform:translate3d(var(--px,0),var(--py,0),0) rotate(360deg)}}
.stage .blob{position:absolute;inset:22%;background:radial-gradient(circle at 40% 35%,rgba(247,226,166,.75),rgba(196,149,58,.45) 40%,rgba(36,64,31,0) 72%);border-radius:42% 58% 63% 37%/45% 41% 59% 55%;animation:morph 14s ease-in-out infinite;filter:blur(2px)}
@keyframes morph{0%,100%{border-radius:42% 58% 63% 37%/45% 41% 59% 55%}33%{border-radius:58% 42% 38% 62%/55% 63% 37% 45%}66%{border-radius:37% 63% 52% 48%/62% 38% 62% 38%}}
.stage .prod{position:absolute;inset:14%;display:grid;place-items:center}
.stage .prod>div{width:100%;animation:float 7s ease-in-out infinite;filter:drop-shadow(0 30px 30px rgba(0,0,0,.45))}
.stage .prod img,.stage .prod svg{display:block;width:100%;height:auto;object-fit:contain}
@keyframes float{0%,100%{transform:translateY(-6px) rotate(-1deg)}50%{transform:translateY(8px) rotate(1deg)}}
.orb{position:absolute;display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;font-size:13.5px;font-weight:500;white-space:nowrap}
.orb .ic{color:var(--gold-2)}
.orb.o1{top:10%;left:-2%}.orb.o2{top:42%;right:-4%}.orb.o3{bottom:12%;left:4%}
.save-badge{position:absolute;right:4%;top:6%;width:104px;height:104px;border-radius:50%;display:grid;place-items:center;text-align:center;font-weight:700;line-height:1.05;color:var(--gold-ink);background:radial-gradient(circle at 35% 30%,#fbe9b8,#e0b75a 50%,#a87a22);box-shadow:0 16px 30px -10px rgba(0,0,0,.5),inset 0 2px 4px rgba(255,255,255,.6)}
.save-badge span{font-size:30px;display:block}
.save-badge small{font-size:12.5px;letter-spacing:.1em}

.strip{position:relative;z-index:2;margin-top:-52px}
.strip .glass{border-radius:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:14px}
.strip .glass>div{display:flex;align-items:center;gap:12px;font-weight:600;font-size:15px;padding:8px}
.orbi{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--gold-ink);background:radial-gradient(circle at 35% 30%,#fbe9b8,#e0b75a 50%,#b5852a);box-shadow:0 8px 16px -6px rgba(168,122,34,.6),inset 0 2px 3px rgba(255,255,255,.6)}

.s{padding-block:76px}
.s-h{text-align:center;max-width:760px;margin:0 auto 34px;display:flex;flex-direction:column;align-items:center}
.s-h h2{font-size:clamp(34px,4.2vw,54px);color:var(--neem);margin-top:10px}
.s-h p{color:var(--muted);margin-top:10px;font-size:17px}
.ing4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.ing4>div{position:relative;border-radius:28px;padding:26px 20px;text-align:center}
.ing4 .glyph{width:66px;height:66px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;font-family:var(--f-display);font-weight:700;font-size:30px;color:var(--gold);background:var(--paper);box-shadow:var(--neu-in)}
.ing4 b{font-family:var(--f-display);font-weight:600;font-size:27px;color:var(--neem);display:block}
.ing4 i{font-size:13.5px;color:var(--muted)}
.ing4 p{font-size:15px;margin-top:8px}
.ben2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;max-width:980px;margin:0 auto}
.ben2>div{display:flex;gap:18px;background:var(--paper);box-shadow:var(--neu);border-radius:28px;padding:24px}
.ben2 .orbi{width:52px;height:52px}
.ben2 h3{font-size:26px;color:var(--neem)}
.ben2 p{color:var(--muted);font-size:15px;margin-top:4px}
.dose{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:980px;margin:0 auto}
.dose>div{background:var(--paper);box-shadow:var(--neu);border-radius:28px;padding:24px}
.dose dt{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:600}
.dose dd{margin:6px 0 0;font-size:18px}
.care{max-width:980px;margin:24px auto 0}
.routine{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.routine>div{position:relative;border-radius:28px;padding:24px}
.routine .n{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-family:var(--f-display);font-weight:700;font-size:20px;color:var(--gold);background:var(--paper);box-shadow:var(--neu-in)}
.routine h3{font-size:24px;color:var(--neem);margin-top:14px}
.routine p{color:var(--muted);font-size:15px;margin-top:4px}
.faq{margin:0 auto}

/* order section — liquid backdrop, glass + clay form */
.order{position:relative;isolation:isolate;overflow:hidden;border-radius:44px 44px 0 0;color:var(--on-dark);scroll-margin-top:90px;background:linear-gradient(140deg,#0b1d0a,#1d3a19 45%,#3a3214);background-size:200% 200%;animation:flow 18s ease-in-out infinite alternate}
@keyframes flow{to{background-position:100% 50%}}
.order::before{content:"";position:absolute;inset:-30%;z-index:-1;background:radial-gradient(28% 34% at 82% 22%,rgba(224,183,90,.32),transparent 70%),radial-gradient(26% 30% at 14% 78%,rgba(127,197,111,.22),transparent 70%);animation:drift 22s ease-in-out infinite alternate}
.order .s-h h2{color:var(--on-dark)}
.order .s-h p{color:var(--on-dark-2)}
.order .eyebrow{color:var(--gold-2)}
.og{display:grid;grid-template-columns:1.3fr 1fr;gap:26px;align-items:start;max-width:1080px;margin:0 auto}
.og .box{color:var(--ink);background:rgba(240,243,234,.86)}
.og .box+.box{margin-top:20px}
.og h3{font-family:var(--f-body);font-weight:600;font-size:17px;color:var(--neem);display:flex;align-items:center;gap:8px;margin:0 0 16px}
.og .pack,.og .pm label,.og .fld input,.og .fld select{background:#eef1e8}
.sum .r.t{font-size:23px}
#placeBtn{font-size:18px;padding:17px}
.done{max-width:660px;margin:0 auto;text-align:center;border-radius:36px;padding:40px 26px;color:var(--ink);background:rgba(240,243,234,.9)}
.done h2{font-size:clamp(30px,3.8vw,44px);color:var(--neem);margin-top:18px}
.done p{color:var(--muted);margin-top:8px}

.lp-ft{background:#081407;color:var(--on-dark-2);font-size:14px}
.lp-ft .wrap{padding-block:40px calc(40px + env(safe-area-inset-bottom,0px));display:grid;gap:16px}
.lp-ft .logo img{height:50px}
.lp-ft nav{display:flex;flex-wrap:wrap;gap:8px 20px}
.lp-ft nav a{color:var(--on-dark)}
.lp-ft nav a:hover{color:var(--gold-2)}
.lp-ft .fine{font-size:12.5px;color:#93a089;max-width:70em}

.sticky-cta{position:fixed;left:max(10px,env(safe-area-inset-left,0px));right:max(10px,env(safe-area-inset-right,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:45;display:none;align-items:center;gap:12px;padding:8px 8px 8px 20px;border-radius:999px}
.sticky-cta .btn{flex:1;padding:13px}
.sticky-cta .price strong{font-size:21px}
.sticky-cta.show{display:flex}

@media (max-width:960px){
  .lh,.og{grid-template-columns:1fr}
  .lh{padding-block:28px 96px;gap:24px}
  .stage{max-width:380px;order:-1}
  .ing4,.routine{grid-template-columns:1fr 1fr}
  .strip .glass{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .ben2,.dose,.ing4,.routine{grid-template-columns:1fr}
  .lh-cta .btn{width:100%}
  .s{padding-block:56px}
  .lp-call span{display:none}
  .lp-call{width:42px;height:42px;padding:0;justify-content:center}
  .save-badge{width:82px;height:82px;right:0}
  .save-badge span{font-size:24px}
  .orb{font-size:12px;padding:6px 10px}
  .orb.o2{right:0}
  .orb.o3{display:none}
  .strip .glass>div{flex-direction:column;text-align:center;gap:6px;font-size:14px}
  .order{border-radius:32px 32px 0 0}
}
@media (min-width:961px){ .sticky-cta{display:none!important} }
.og .sum{position:sticky;top:calc(env(safe-area-inset-top,0px) + 100px)}
@media (max-width:960px){ .og .sum{position:static} }

/* 3D hero */
.three-bg{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:-2}
.lp-hero.is3d::after{background:linear-gradient(90deg,rgba(4,14,4,.35) 0%,rgba(4,14,4,0) 50%)}
.lp-hero.is3d .stage .ring,.lp-hero.is3d .stage .ring2,.lp-hero.is3d .stage .blob,.lp-hero.is3d .stage .prod{display:none}
.lp-hero.is3d .stage{cursor:grab}
@media (max-width:960px){ .lp-hero.is3d::after{background:linear-gradient(180deg,rgba(4,14,4,0) 0%,rgba(4,14,4,.15) 30%,rgba(4,14,4,.72) 58%,rgba(4,14,4,.85) 100%)} }

.lh-rating{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:15px;color:var(--on-dark-2)}
.lh-rating b{color:#fff}
.done .acct-box{margin:0}