/* ============================================================
   PLUTERO — shop (product + checkout)
   Reuses tokens from styles.css. Load styles.css first.
   ============================================================ */

/* ---------- Promo ticker ---------- */
.ticker{position:relative;z-index:60;overflow:hidden;border-bottom:1px solid var(--line);
  background:linear-gradient(90deg,oklch(0.16 0.03 320 / .6),oklch(0.13 0.02 318 / .6));backdrop-filter:blur(6px)}
.ticker__track{display:flex;gap:0;white-space:nowrap;width:max-content;animation:ticker 32s linear infinite}
.ticker:hover .ticker__track{animation-play-state:paused}
.ticker__item{display:inline-flex;align-items:center;gap:10px;padding:9px 0;font-size:12px;letter-spacing:.06em;color:var(--ink-2)}
.ticker__item b{color:var(--ink);font-weight:600}
.ticker__sep{padding-inline:22px;color:var(--gold);opacity:.7}
@keyframes ticker{to{transform:translateX(-50%)}}

/* ---------- Prop / novelty banner ---------- */
.propbar{position:relative;z-index:55;display:flex;align-items:center;justify-content:center;gap:12px;
  padding:9px 16px;text-align:center;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;
  color:oklch(0.86 0.04 90);background:linear-gradient(90deg,transparent,oklch(0.72 0.13 78 / .12),transparent);
  border-bottom:1px solid oklch(0.72 0.13 78 / .2)}
.propbar b{color:var(--gold);font-weight:700}
.propbar__dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold);flex:none;
  animation:pulse 2.2s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}

/* ---------- Breadcrumb ---------- */
.crumb{display:flex;align-items:center;gap:8px;padding-block:18px;font-size:13px;color:var(--ink-3)}
.crumb a{color:var(--ink-3);transition:color .2s}
.crumb a:hover{color:var(--magenta)}
.crumb .now{color:var(--ink)}
.crumb .sep{opacity:.5}

/* ============================================================
   PRODUCT HERO
   ============================================================ */
.shop-main{position:relative;z-index:1;padding-top:clamp(20px,4vw,32px)}
.phero{padding-bottom:clamp(40px,7vw,72px)}
.phero__grid{display:grid;gap:clamp(28px,5vw,56px);grid-template-columns:1fr}

/* ---- Gallery ---- */
.gallery{position:sticky;top:96px;align-self:start}
.gallery__stage{position:relative;border:1px solid var(--line-2);border-radius:var(--r-lg);overflow:hidden;
  aspect-ratio:1/1;background:
    radial-gradient(120% 120% at 70% 10%,oklch(0.24 0.05 320 / .6),transparent 60%),
    linear-gradient(160deg,oklch(0.17 0.03 318),oklch(0.11 0.015 312))}
.gallery__badge{position:absolute;top:16px;left:16px;z-index:3;padding:7px 13px;border-radius:999px;
  font-size:11px;font-weight:700;letter-spacing:.05em;background:var(--grad);color:oklch(0.99 0.01 320);
  box-shadow:0 8px 22px -8px oklch(0.66 0.24 345 / .8)}
.gallery__shot{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:clamp(14px,4vw,30px);
  opacity:0;transform:scale(1.03);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.gallery__shot.on{opacity:1;transform:none}
.gallery__thumbs{display:flex;gap:10px;margin-top:12px}
.gallery__thumb{flex:1;aspect-ratio:1/1;border:1px solid var(--line-2);border-radius:14px;overflow:hidden;cursor:pointer;
  background:linear-gradient(160deg,oklch(0.18 0.03 318),oklch(0.12 0.015 312));position:relative;
  transition:border-color .25s,transform .25s}
.gallery__thumb:hover{transform:translateY(-2px)}
.gallery__thumb.active{border-color:oklch(0.70 0.19 320 / .7);box-shadow:0 0 0 1px oklch(0.70 0.19 320 / .5)}
.gallery__thumb img{width:100%;height:100%;object-fit:cover;pointer-events:none}
/* real note image inside story media + related + card + ledger */
.story__media img,.rel__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rel__media img{position:static;border-radius:10px}
.card__photo{display:block;width:100%;aspect-ratio:1.9/1;object-fit:cover;border-radius:12px;
  border:1px solid var(--line-2);box-shadow:0 18px 36px -22px #000}
.note--mini img{width:100%;height:100%;object-fit:cover;border-radius:9px}

/* ---- Prop note mockup (placeholder visual — swap for real photos) ---- */
.note{position:relative;width:min(78%,360px);aspect-ratio:1.9/1;border-radius:14px;overflow:hidden;
  border:1px solid oklch(0.78 0.1 88 / .4);
  background:
    linear-gradient(135deg,oklch(0.30 0.06 320),oklch(0.18 0.03 312) 55%,oklch(0.24 0.05 350)),
    var(--bg);
  box-shadow:0 30px 60px -28px oklch(0 0 0 / .9),inset 0 1px 0 oklch(1 0 0 / .12);
  display:grid;grid-template-columns:1fr auto;align-items:center;padding:14px 18px;rotate:-4deg}
.note::before{content:"";position:absolute;inset:0;opacity:.18;mix-blend-mode:overlay;
  background:repeating-linear-gradient(135deg,#fff 0 1px,transparent 1px 7px)}
.note::after{content:"PROP";position:absolute;right:8%;top:50%;translate:0 -50%;rotate:-18deg;
  font-family:"Anton",sans-serif;font-size:clamp(20px,5vw,34px);letter-spacing:.1em;
  color:oklch(0.95 0.02 350 / .14);pointer-events:none}
.note__val{font-family:"Anton",sans-serif;font-size:clamp(34px,9vw,58px);line-height:.85;color:var(--ink);
  text-shadow:0 2px 14px oklch(0 0 0 / .5)}
.note__cur{font-size:.5em;color:var(--gold);vertical-align:super}
.note__brand{position:absolute;left:18px;bottom:12px;font-family:"Cinzel",serif;font-weight:700;
  font-size:10px;letter-spacing:.3em;color:oklch(0.9 0.02 320 / .7)}
.note__seal{width:46px;height:46px;border-radius:50%;border:1px solid oklch(0.78 0.1 88 / .5);
  display:grid;place-content:center;font-family:"Cinzel",serif;color:var(--gold);font-size:18px;
  background:radial-gradient(circle at 35% 30%,oklch(0.4 0.06 320),oklch(0.2 0.03 312))}
.note--gold{background:linear-gradient(135deg,oklch(0.42 0.08 88),oklch(0.24 0.04 80) 55%,oklch(0.34 0.07 95))}
.note--green{background:linear-gradient(135deg,oklch(0.36 0.07 160),oklch(0.2 0.03 200) 55%,oklch(0.3 0.06 175))}
.note--macro{rotate:0deg;width:min(96%,420px);aspect-ratio:1.4/1}

/* ---- Spec chips under gallery ---- */
.gallery__specs{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.chip{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;
  background:var(--bg-2);font-size:12.5px;color:var(--ink-2)}
.chip svg{width:15px;height:15px;color:var(--magenta)}

/* ---- Buy box ---- */
.buy{display:flex;flex-direction:column;gap:var(--s-5)}
.buy__tier{font-family:"Cinzel",serif;font-weight:700;letter-spacing:.18em;text-transform:uppercase;font-size:13px;color:var(--ink-2)}
.buy__title{font-family:"Anton",sans-serif;font-weight:400;line-height:1;font-size:clamp(34px,6vw,52px);margin-top:6px}
.buy__rating{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13.5px}
.buy__stars{color:var(--gold);letter-spacing:2px}
.buy__rlink{color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}
.buy__stock{display:inline-flex;align-items:center;gap:7px;color:oklch(0.82 0.16 150);font-weight:600}
.buy__stock i{width:8px;height:8px;border-radius:50%;background:oklch(0.78 0.18 150);box-shadow:0 0 10px oklch(0.78 0.18 150);animation:pulse 2s infinite}
.buy__sep{color:var(--ink-3)}

.price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.price__now{font-family:"Anton",sans-serif;font-size:clamp(40px,8vw,60px);line-height:.9}
.price__cur{font-size:.45em;color:var(--ink-2);margin-right:2px}
.price__strike{color:var(--ink-3);text-decoration:line-through;font-size:18px}
.price__save{padding:5px 11px;border-radius:8px;font-size:12px;font-weight:700;letter-spacing:.03em;
  background:oklch(0.78 0.18 150 / .16);color:oklch(0.85 0.17 150);border:1px solid oklch(0.78 0.18 150 / .3)}
.price__from{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px}

/* pack picker */
.packs{display:flex;flex-direction:column;gap:10px}
.packs__label{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:2px}
.pack{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;width:100%;
  padding:16px 18px;border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--bg-2);cursor:pointer;
  text-align:left;transition:border-color .25s,background .25s,transform .2s}
.pack:hover{transform:translateY(-2px)}
.pack.active{border-color:oklch(0.70 0.19 320 / .7);background:linear-gradient(120deg,oklch(0.2 0.04 320 / .5),oklch(0.15 0.02 318 / .5));
  box-shadow:0 0 0 1px oklch(0.70 0.19 320 / .5),0 18px 40px -22px oklch(0 0 0 / .8)}
.pack__radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--line-2);position:relative;flex:none;transition:border-color .2s}
.pack.active .pack__radio{border-color:var(--magenta)}
.pack.active .pack__radio::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--grad)}
.pack__name{font-weight:700;font-size:16px}
.pack__qty{font-size:12.5px;color:var(--ink-3)}
.pack__price{text-align:right}
.pack__price b{font-family:"Anton",sans-serif;font-weight:400;font-size:22px}
.pack__price s{display:block;font-size:12px;color:var(--ink-3)}
.pack__tag{position:absolute;top:-9px;right:14px;padding:3px 10px;border-radius:999px;font-size:10.5px;font-weight:700;
  letter-spacing:.04em;background:var(--grad);color:oklch(0.99 0.01 320)}
.pack__tag--gold{background:linear-gradient(120deg,var(--gold),var(--gold-deep));color:oklch(0.2 0.04 80)}

.buy__cta{display:flex;flex-direction:column;gap:10px}
.buy__cta .btn{width:100%}
.buy__eta{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--ink-2)}
.buy__eta svg{width:18px;height:18px;color:var(--gold);flex:none}
.buy__eta b{color:var(--ink)}

.buy__trust{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:6px;border-top:1px solid var(--line)}
.buy__trust .ti{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--ink-2)}
.buy__trust .ti svg{width:18px;height:18px;color:var(--magenta);flex:none}

/* ============================================================
   USP STRIP
   ============================================================ */
.usp{padding-block:clamp(28px,5vw,44px);border-block:1px solid var(--line)}
.usp__grid{display:grid;gap:var(--s-4);grid-template-columns:1fr 1fr}
.usp__item{display:flex;flex-direction:column;gap:8px}
.usp__icon{width:34px;height:34px;color:var(--magenta)}
.usp__item h3{font-size:15px;font-weight:700}
.usp__item p{font-size:13px;color:var(--ink-2);line-height:1.5}

/* ============================================================
   STORY BLOCKS
   ============================================================ */
.story{padding-block:var(--sec-pad)}
.story__block{display:grid;gap:clamp(24px,5vw,56px);grid-template-columns:1fr;align-items:center;margin-bottom:clamp(40px,7vw,80px)}
.story__block:last-child{margin-bottom:0}
.story__media{position:relative;border:1px solid var(--line-2);border-radius:var(--r-lg);aspect-ratio:4/3;overflow:hidden;
  display:grid;place-content:center;background:radial-gradient(120% 120% at 30% 20%,oklch(0.22 0.05 320 / .6),transparent 60%),linear-gradient(160deg,oklch(0.16 0.03 318),oklch(0.11 0.015 312))}
.story__stat{position:absolute;left:16px;bottom:16px;padding:12px 16px;border-radius:14px;background:oklch(0.12 0.02 312 / .7);
  border:1px solid var(--line-2);backdrop-filter:blur(8px)}
.story__stat b{display:block;font-family:"Anton",sans-serif;font-size:28px;line-height:1;color:var(--ink)}
.story__stat span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.story__content .eyebrow{margin-bottom:14px}
.story__content h2{font-family:"Anton",sans-serif;font-weight:400;line-height:1.02;font-size:clamp(28px,5vw,44px);margin-bottom:14px}
.story__content p{color:var(--ink-2);max-width:54ch;margin-bottom:16px}
.story__specs{display:flex;flex-direction:column;gap:10px}
.story__specs .row{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid var(--line);font-size:14px}
.story__specs .row span:first-child{color:var(--ink-3)}
.story__specs .row span:last-child{color:var(--ink);font-weight:600}

/* ============================================================
   RELATED
   ============================================================ */
.related{padding-block:var(--sec-pad)}
.related__grid{display:grid;gap:var(--s-4);grid-template-columns:1fr}
.rel{display:flex;gap:16px;align-items:center;padding:16px;border:1px solid var(--line-2);border-radius:var(--r-lg);
  background:var(--bg-2);transition:border-color .3s,transform .3s}
.rel:hover{transform:translateY(-3px);border-color:oklch(0.70 0.19 320 / .4)}
.rel__media{width:108px;height:74px;flex:none;border-radius:12px;overflow:hidden;display:grid;place-content:center;
  background:linear-gradient(160deg,oklch(0.18 0.03 318),oklch(0.12 0.015 312))}
.rel__media .note{width:88%;rotate:-3deg;aspect-ratio:1.9/1;padding:8px 10px}
.rel__media .note::after{font-size:16px}
.rel__media .note__val{font-size:24px}
.rel__media .note__seal{display:none}
.rel__media .note__brand{display:none}
.rel__body{flex:1;min-width:0}
.rel__name{font-family:"Anton",sans-serif;font-size:20px}
.rel__meta{display:flex;align-items:center;gap:10px;margin-top:4px;font-size:13px;color:var(--ink-3)}
.rel__price{font-weight:700;color:var(--ink)}
.rel__go{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-content:center;color:var(--magenta)}

/* ============================================================
   STICKY BUY BAR (product)
   ============================================================ */
.pstick{position:fixed;left:0;right:0;bottom:0;z-index:74;display:none;align-items:center;justify-content:space-between;gap:14px;
  padding:12px var(--pad);padding-bottom:max(12px,env(safe-area-inset-bottom));
  background:oklch(0.12 0.02 312 / .85);backdrop-filter:blur(16px);border-top:1px solid var(--line-2);
  transform:translateY(120%);transition:transform .45s var(--ease)}
.pstick.show{transform:none}
.pstick__info{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.pstick__info b{font-family:"Anton",sans-serif;font-weight:400;font-size:18px}
.pstick__info span{font-size:12px;color:var(--ink-3)}
.pstick__cta{flex:none;display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:12px;
  background:var(--grad);color:oklch(0.99 0.01 320);font-weight:700;box-shadow:0 10px 24px -10px oklch(0.66 0.24 345 / .9)}

/* ============================================================
   CHECKOUT WIZARD
   ============================================================ */
.order{padding-block:clamp(28px,5vw,56px)}
.order__head{text-align:center;max-width:640px;margin:0 auto clamp(28px,5vw,44px)}
.order__head .eyebrow{justify-content:center}
.order__head h1{font-family:"Anton",sans-serif;font-weight:400;line-height:1;font-size:clamp(34px,7vw,58px);margin-top:14px}
.order__head p{color:var(--ink-2);margin-top:12px}

/* progress */
.progress{display:flex;align-items:center;max-width:760px;margin:0 auto clamp(32px,5vw,48px)}
.progress__step{display:flex;flex-direction:column;align-items:center;gap:8px;flex:none}
.progress__num{width:38px;height:38px;border-radius:50%;display:grid;place-content:center;font-weight:700;font-size:14px;
  border:1px solid var(--line-2);background:var(--bg-2);color:var(--ink-3);transition:all .35s var(--ease)}
.progress__lbl{font-size:11px;letter-spacing:.04em;color:var(--ink-3);transition:color .35s;white-space:nowrap}
.progress__line{flex:1;height:2px;background:var(--line-2);margin:0 6px;position:relative;top:-13px;border-radius:2px;overflow:hidden}
.progress__line i{position:absolute;inset:0;width:0;background:var(--grad);transition:width .4s var(--ease)}
.progress__step.done .progress__num,.progress__step.active .progress__num{border-color:transparent;background:var(--grad);color:#fff;box-shadow:0 8px 20px -8px oklch(0.66 0.24 345 / .8)}
.progress__step.active .progress__lbl{color:var(--ink)}
.progress__step.done .progress__num{background:oklch(0.78 0.18 150)}

.order__content{display:grid;gap:clamp(24px,4vw,40px);grid-template-columns:1fr;align-items:start}

/* form */
.ofrm{border:1px solid var(--line-2);border-radius:var(--r-lg);background:oklch(0.14 0.018 312 / .6);overflow:hidden}
.ostep{display:none;padding:clamp(22px,4vw,34px)}
.ostep.active{display:block;animation:stepIn .45s var(--ease)}
@keyframes stepIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.ostep__title{font-family:"Anton",sans-serif;font-weight:400;font-size:clamp(22px,4vw,30px);margin-bottom:6px}
.ostep__sub{color:var(--ink-2);font-size:14px;margin-bottom:22px}

.opt{position:relative;display:block;cursor:pointer;margin-bottom:12px}
.opt input{position:absolute;opacity:0;pointer-events:none}
.opt__card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px 18px;
  border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--bg-2);transition:border-color .25s,background .25s}
.opt input:checked + .opt__card{border-color:oklch(0.70 0.19 320 / .7);background:linear-gradient(120deg,oklch(0.2 0.04 320 / .5),oklch(0.15 0.02 318 / .5));box-shadow:0 0 0 1px oklch(0.70 0.19 320 / .5)}
.opt__radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--line-2);position:relative;flex:none}
.opt input:checked + .opt__card .opt__radio{border-color:var(--magenta)}
.opt input:checked + .opt__card .opt__radio::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--grad)}
.opt__main b{display:block;font-size:15.5px;font-weight:700}
.opt__main span{font-size:12.5px;color:var(--ink-3)}
.opt__right{text-align:right;font-family:"Anton",sans-serif;font-weight:400;font-size:20px}
.opt__icon{width:30px;height:30px;color:var(--ink-2)}
.opt--crypto .opt__card{border-color:oklch(0.78 0.18 150 / .4)}
.opt__bonus{font-size:11px;font-weight:700;color:oklch(0.85 0.17 150)}

.crypto-note{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;margin-bottom:18px;
  background:oklch(0.78 0.18 150 / .1);border:1px solid oklch(0.78 0.18 150 / .3);color:oklch(0.86 0.15 150);font-size:13px}
.crypto-note svg{width:18px;height:18px;flex:none}

.osec{margin-bottom:24px}
.osec__h{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:12px}

.fgrid{display:grid;gap:14px;grid-template-columns:1fr 1fr}
.fgrid .full{grid-column:1/-1}
.fld{position:relative}
.fld input{width:100%;height:56px;padding:22px 16px 8px;border-radius:var(--r-sm);background:var(--bg-2);
  border:1px solid var(--line-2);color:var(--ink);font-size:15px;transition:border-color .2s,box-shadow .2s}
.fld input:focus{outline:none;border-color:oklch(0.70 0.19 320 / .7);box-shadow:0 0 0 4px oklch(0.62 0.2 320 / .14)}
.fld label{position:absolute;left:16px;top:17px;color:var(--ink-3);font-size:14.5px;pointer-events:none;
  transition:transform .18s var(--ease),color .18s,font-size .18s;transform-origin:left}
.fld input:focus + label,.fld input:not(:placeholder-shown) + label{transform:translateY(-10px) scale(.78);color:var(--magenta)}
.fld.bad input{border-color:var(--magenta)}
.fld__err{display:block;min-height:15px;margin-top:5px;font-size:12px;color:var(--magenta)}

.coupon{display:flex;gap:10px;margin-top:6px}
.coupon input{flex:1;height:50px;padding:0 16px;border-radius:var(--r-sm);background:var(--bg-2);border:1px solid var(--line-2);
  color:var(--ink);font-size:14px;letter-spacing:.08em;text-transform:uppercase}
.coupon input:focus{outline:none;border-color:oklch(0.70 0.19 320 / .6)}
.coupon button{flex:none;padding:0 20px;border-radius:var(--r-sm);border:1px solid var(--line-2);background:var(--bg-3);
  color:var(--ink);font-weight:600;cursor:pointer;transition:background .2s}
.coupon button:hover{background:oklch(0.24 0.04 320)}
.coupon-msg{margin-top:8px;font-size:13px;min-height:18px}
.coupon-msg.ok{color:oklch(0.85 0.17 150)}
.coupon-msg.bad{color:var(--magenta)}

.obtns{display:flex;gap:12px;margin-top:8px}
.obtns .btn{flex:1}
.obtns .btn-back{flex:0 0 auto}

/* summary */
.summary{border:1px solid var(--line-2);border-radius:var(--r-lg);background:oklch(0.14 0.018 312 / .6);padding:24px;
  position:sticky;top:96px}
.summary__h{font-family:"Cinzel",serif;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:13px;color:var(--ink-2);margin-bottom:18px}
.summary__line{display:flex;justify-content:space-between;gap:12px;padding:9px 0;font-size:14px;color:var(--ink-2)}
.summary__line b{color:var(--ink);font-weight:600}
.summary__line.discount{color:oklch(0.85 0.17 150)}
.summary__total{display:flex;justify-content:space-between;align-items:baseline;margin-top:12px;padding-top:16px;border-top:1px solid var(--line)}
.summary__total span{font-size:14px;color:var(--ink-3)}
.summary__total b{font-family:"Anton",sans-serif;font-weight:400;font-size:32px}
.summary__trust{display:flex;flex-direction:column;gap:9px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.summary__trust .ti{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--ink-2)}
.summary__trust .ti svg{width:16px;height:16px;color:var(--gold);flex:none}

/* confirmation */
.confirm{text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}
.confirm__badge{width:74px;height:74px;border-radius:50%;display:grid;place-content:center;
  background:oklch(0.78 0.18 150 / .15);border:1px solid oklch(0.78 0.18 150 / .4);color:oklch(0.85 0.17 150);
  animation:popIn .5s var(--ease)}
.confirm__badge svg{width:38px;height:38px}
@keyframes popIn{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
.confirm h2{font-family:"Anton",sans-serif;font-weight:400;font-size:clamp(26px,5vw,40px)}
.confirm p{color:var(--ink-2);max-width:46ch}
.countdown{display:flex;align-items:center;gap:8px;padding:16px 22px;border-radius:var(--r-md);
  background:oklch(0.66 0.245 350 / .1);border:1px solid oklch(0.66 0.245 350 / .3)}
.countdown__u{font-family:"Anton",sans-serif;font-size:30px;line-height:1;min-width:46px}
.countdown__u span{display:block;font-family:"Schibsted Grotesk";font-size:10px;letter-spacing:.1em;color:var(--ink-3);font-weight:600}
.countdown__sep{font-size:24px;color:var(--magenta)}
.ocode{width:100%;max-width:420px}
.ocode__lbl{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.ocode__disp{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;padding:14px 18px;
  border:1px dashed var(--line-2);border-radius:var(--r-sm);background:var(--bg-2);font-family:"Anton",sans-serif;font-size:24px;letter-spacing:.05em}
.ocode__disp button{width:42px;height:42px;border-radius:10px;border:1px solid var(--line-2);background:var(--bg-3);color:var(--ink);display:grid;place-content:center;cursor:pointer}
.confirm__tg{display:inline-flex;align-items:center;gap:10px;padding:17px 30px;border-radius:var(--r-md);
  background:var(--grad);color:oklch(0.99 0.01 320);font-weight:700;font-size:16px;box-shadow:0 16px 36px -16px oklch(0.66 0.24 345 / .9)}
.confirm__micro{font-size:12.5px;color:var(--ink-3)}

/* ============================================================
   CHECKOUT v2 — live ledger + progressive panels
   ============================================================ */
.checkout{padding-block:clamp(24px,4vw,48px);position:relative}
.checkout__grid{display:grid;gap:clamp(20px,3vw,40px);grid-template-columns:1fr;align-items:start}

/* ---- Live ledger (the embossed prop-note receipt) ---- */
.ledger{position:relative;border-radius:var(--r-lg);overflow:hidden;padding:26px 24px;
  border:1px solid oklch(0.78 0.1 88 / .32);
  background:
    radial-gradient(120% 80% at 80% 0%,oklch(0.26 0.06 320 / .8),transparent 60%),
    linear-gradient(165deg,oklch(0.17 0.03 318),oklch(0.10 0.015 312));
  box-shadow:0 40px 90px -50px #000,inset 0 1px 0 oklch(1 0 0 / .1)}
.ledger::before{content:"";position:absolute;inset:0;opacity:.05;mix-blend-mode:overlay;pointer-events:none;
  background:repeating-linear-gradient(135deg,#fff 0 1px,transparent 1px 8px)}
.ledger__head{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative}
.ledger__brand{font-family:"Cinzel",serif;font-weight:700;letter-spacing:.22em;font-size:12px;color:oklch(0.86 0.04 90)}
.ledger__lock{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:var(--ink-3);letter-spacing:.04em}
.ledger__lock b{color:var(--gold);font-variant-numeric:tabular-nums}

/* cash stack */
.stack{position:relative;height:132px;margin:22px 0 18px;display:grid;place-items:center}
.stack__bars{position:absolute;bottom:14px;width:min(74%,300px);height:80px}
.stack__bar{position:absolute;left:0;right:0;height:13px;border-radius:5px;
  background:linear-gradient(135deg,oklch(0.4 0.07 320),oklch(0.22 0.03 312) 60%,oklch(0.3 0.06 350));
  border:1px solid oklch(0.78 0.1 88 / .3);box-shadow:0 3px 8px -3px #000;
  opacity:0;transform:translateY(14px) scaleX(.9);transition:opacity .4s var(--ease),transform .4s var(--ease)}
.stack__bar.on{opacity:1;transform:none}
.stack .note{position:relative;z-index:3;width:min(76%,300px);rotate:-4deg;aspect-ratio:2/1;padding:12px 16px;
  box-shadow:0 22px 40px -20px #000,inset 0 1px 0 oklch(1 0 0 / .14)}
.stack .note::after{font-size:22px}
.stack .note__val{font-size:34px}
.stack__qty{position:absolute;bottom:-2px;right:6%;z-index:4;font-size:11px;font-weight:700;letter-spacing:.05em;
  padding:5px 10px;border-radius:999px;background:oklch(0.12 0.02 312 / .8);border:1px solid var(--line-2);color:var(--ink-2)}

.ledger__issue{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px 0;border-top:1px solid oklch(1 0 0 / .08)}
.ledger__issue .k{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);display:block;margin-bottom:3px}
.ledger__issue .v{font-family:"Cinzel",serif;font-size:14px;color:var(--ink);letter-spacing:.02em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ledger__issue .v.empty{color:var(--ink-3);font-family:"Schibsted Grotesk"}

.ledger__perf{height:0;border-top:2px dashed oklch(1 0 0 / .14);margin:4px -24px;position:relative}
.ledger__perf::before,.ledger__perf::after{content:"";position:absolute;top:-9px;width:18px;height:18px;border-radius:50%;background:var(--bg)}
.ledger__perf::before{left:-9px}.ledger__perf::after{right:-9px}

.ledger__lines{padding:16px 0 6px}
.ledger__line{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:13.5px;color:var(--ink-2)}
.ledger__line b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.ledger__line.discount{color:oklch(0.85 0.17 150)}
.ledger__line.discount b{color:oklch(0.85 0.17 150)}
.ledger__total{display:flex;justify-content:space-between;align-items:baseline;padding-top:14px;margin-top:6px;border-top:1px solid oklch(1 0 0 / .12)}
.ledger__total span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.ledger__total b{font-family:"Anton",sans-serif;font-weight:400;font-size:38px;line-height:.9;font-variant-numeric:tabular-nums}
.ledger__total b i{font-style:normal;font-size:.5em;color:var(--ink-2);vertical-align:super}

.seal{position:absolute;right:20px;bottom:108px;width:84px;height:84px;border-radius:50%;display:grid;place-content:center;
  text-align:center;rotate:-12deg;opacity:0;transform:scale(1.5);transition:opacity .5s var(--ease),transform .5s var(--ease);
  border:2px solid oklch(0.78 0.18 150 / .6);color:oklch(0.85 0.17 150);
  background:radial-gradient(circle at 35% 30%,oklch(0.25 0.05 160 / .6),oklch(0.16 0.02 160 / .4));
  font-family:"Cinzel",serif;font-weight:700;font-size:9px;letter-spacing:.16em}
.seal b{display:block;font-size:26px;line-height:1}
.ledger.is-stamped .seal{opacity:1;transform:scale(1) rotate(-12deg)}

.ledger__trust{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:18px;padding-top:16px;border-top:1px solid oklch(1 0 0 / .08)}
.ledger__trust span{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;color:var(--ink-3)}
.ledger__trust svg{width:14px;height:14px;color:var(--gold)}

/* ---- Progressive form panels ---- */
.cform{display:flex;flex-direction:column;gap:14px}
.cpanel{border:1px solid var(--line-2);border-radius:var(--r-lg);background:oklch(0.14 0.018 312 / .55);overflow:hidden;
  transition:border-color .3s,opacity .3s}
.cpanel.locked{opacity:.5;pointer-events:none}
.cpanel.active{border-color:oklch(0.70 0.19 320 / .5);box-shadow:0 24px 60px -40px #000}
.cpanel__head{display:flex;align-items:center;gap:14px;padding:18px 22px;cursor:pointer;user-select:none}
.cpanel.locked .cpanel__head{cursor:default}
.cpanel__no{width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-content:center;font-weight:700;font-size:13px;
  border:1px solid var(--line-2);color:var(--ink-3);background:var(--bg-2);transition:all .3s}
.cpanel.active .cpanel__no{background:var(--grad);border-color:transparent;color:#fff}
.cpanel.done .cpanel__no{background:oklch(0.78 0.18 150);border-color:transparent;color:#04210f}
.cpanel__t{flex:1;min-width:0}
.cpanel__t b{display:block;font-weight:700;font-size:16px;letter-spacing:-0.01em}
.cpanel__t span{display:block;font-size:13px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.cpanel__edit{font-size:12.5px;color:var(--magenta);font-weight:600;opacity:0;transition:opacity .2s}
.cpanel.done .cpanel__edit{opacity:1}
.cpanel__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .42s var(--ease)}
.cpanel.active .cpanel__body{grid-template-rows:1fr}
.cpanel__inner{overflow:hidden;padding:0 22px}
.cpanel.active .cpanel__inner{padding:4px 22px 22px}

.cstep-cta{margin-top:6px}
.cstep-cta .btn{width:100%}

/* confirmation (replaces form column) */
.confirmed{display:none;text-align:center;flex-direction:column;align-items:center;gap:20px;
  padding:clamp(28px,5vw,44px);border:1px solid oklch(0.78 0.18 150 / .35);border-radius:var(--r-lg);
  background:oklch(0.14 0.02 160 / .35)}
.confirmed.show{display:flex;animation:stepIn .5s var(--ease)}
.confirmed__badge{width:74px;height:74px;border-radius:50%;display:grid;place-content:center;
  background:oklch(0.78 0.18 150 / .15);border:1px solid oklch(0.78 0.18 150 / .4);color:oklch(0.85 0.17 150)}
.confirmed__badge svg{width:38px;height:38px}
.confirmed h2{font-family:"Anton",sans-serif;font-weight:400;font-size:clamp(26px,5vw,40px)}
.confirmed p{color:var(--ink-2);max-width:44ch}

@media (min-width:560px){.fgrid{grid-template-columns:1fr 1fr}}
@media (min-width:980px){
  .checkout__grid{grid-template-columns:.85fr 1.15fr}
  .ledger{position:sticky;top:90px}
}

/* ============================================================
   CHECKOUT v3 — focused single column, app-smooth, mobile-first
   ============================================================ */
body[data-page="checkout"]{background:radial-gradient(120% 70% at 50% -10%,oklch(0.18 0.04 320 / .45),transparent 60%),var(--bg)}
.atmos--quiet{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.atmos--quiet .atmos__aurora{animation:none;opacity:.45}

.co{position:relative;z-index:1;min-height:100svh;padding-bottom:calc(104px + env(safe-area-inset-bottom))}
.co__wrap{width:100%;max-width:540px;margin-inline:auto;padding:max(14px,env(safe-area-inset-top)) clamp(16px,5vw,24px) 0}

.co__top{display:flex;align-items:center;gap:12px;height:58px}
.co__back{width:40px;height:40px;flex:none;display:grid;place-content:center;border-radius:12px;border:1px solid var(--line-2);
  background:var(--bg-2);color:var(--ink);cursor:pointer;transition:transform .18s var(--ease),opacity .25s var(--ease)}
.co__back:active{transform:scale(.9)}
.co__back[hidden]{display:none}
.co__brand{flex:1}
.co__brand .brand__word{font-family:"Anton",sans-serif;font-size:22px;letter-spacing:.02em}
.co__secure{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-3)}

.co__prog{display:flex;gap:6px}
.co__prog i{flex:1;height:4px;border-radius:3px;background:var(--line-2);overflow:hidden;position:relative}
.co__prog i::after{content:"";position:absolute;inset:0;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.co__prog i.on::after{transform:scaleX(1)}
.co__stepno{margin-top:11px;font-size:12.5px;letter-spacing:.03em;color:var(--ink-3)}
.co__stepno span:last-child{color:var(--ink-2)}

/* summary (collapsible) */
.co__sum{display:flex;align-items:center;gap:12px;width:100%;margin-top:16px;padding:11px 14px;border-radius:16px;
  border:1px solid var(--line-2);background:oklch(0.15 0.02 312 / .7);cursor:pointer;text-align:left;transition:border-color .2s}
.co__sum:active{border-color:oklch(0.70 0.19 320 / .5)}
.co__sum-note{flex:none}
.note--mini{width:58px;aspect-ratio:1.7/1;rotate:-5deg;padding:0;display:grid;place-content:center;border-radius:9px}
.note--mini .note__val{font-size:17px}
.note--mini::after,.note--mini::before,.note--mini .note__seal,.note--mini .note__brand{display:none}
.co__sum-main{flex:1;min-width:0}
.co__sum-main b{display:block;font-size:14.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.co__sum-main span{font-size:12px;color:var(--ink-3)}
.co__sum-right{display:flex;align-items:center;gap:7px}
.co__sum-right b{font-family:"Anton",sans-serif;font-weight:400;font-size:20px;font-variant-numeric:tabular-nums}
.co__chev{color:var(--ink-3);transition:transform .3s var(--ease)}
.co__sum[aria-expanded="true"] .co__chev{transform:rotate(180deg)}
.co__sum-detail{display:grid;grid-template-rows:0fr;transition:grid-template-rows .34s var(--ease)}
.co__sum[aria-expanded="true"]+.co__sum-detail{grid-template-rows:1fr}
.co__sum-inner{overflow:hidden}
.co__sum-line{display:flex;justify-content:space-between;gap:12px;padding:10px 4px 0;font-size:13.5px;color:var(--ink-2)}
.co__sum-line b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.co__sum-line.discount,.co__sum-line.discount b{color:oklch(0.85 0.17 150)}
.co__sum-ship{display:flex;justify-content:space-between;gap:12px;padding:12px 4px 2px;margin-top:8px;border-top:1px solid var(--line);font-size:12.5px;color:var(--ink-3)}
.co__sum-ship b{color:var(--ink-2);font-weight:600;text-align:right}

/* steps */
.co__steps{position:relative;margin-top:22px;transition:height .34s var(--ease)}
.co__hp{position:absolute;left:-9999px}
.costep{position:absolute;top:0;left:0;width:100%;opacity:0;transform:translateX(26px);pointer-events:none;
  transition:opacity .28s var(--ease),transform .34s var(--ease);will-change:transform,opacity}
.costep.is-active{opacity:1;transform:none;pointer-events:auto;z-index:1}
.costep.is-prev{transform:translateX(-26px)}
.costep__h{font-family:"Anton",sans-serif;font-weight:400;font-size:clamp(26px,7vw,34px);line-height:1.04}
.costep__s{color:var(--ink-2);font-size:14.5px;margin:8px 0 20px}
.co__seg{margin-bottom:18px}
.co__seg-h{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px}
.co__row{display:grid;grid-template-columns:1.4fr 1fr;gap:12px}
.costep .opt{margin-bottom:10px}
.costep .opt__card{padding:17px 16px;border-radius:16px}

/* fields — 16px prevents iOS zoom-on-focus */
.fld{position:relative;margin-bottom:12px}
.fld input{width:100%;height:58px;padding:23px 16px 9px;border-radius:14px;background:var(--bg-2);border:1px solid var(--line-2);
  color:var(--ink);font-size:16px;-webkit-appearance:none;appearance:none;transition:border-color .2s,box-shadow .2s}
.fld input:focus{outline:none;border-color:oklch(0.70 0.19 320 / .75);box-shadow:0 0 0 4px oklch(0.62 0.2 320 / .15)}
.fld label{position:absolute;left:16px;top:18px;color:var(--ink-3);font-size:15px;pointer-events:none;transition:transform .16s var(--ease),color .16s,font-size .16s;transform-origin:left}
.fld input:focus+label,.fld input:not(:placeholder-shown)+label{transform:translateY(-11px) scale(.74);color:var(--magenta)}
.fld.bad input{border-color:var(--magenta)}
.fld__err{display:block;min-height:14px;margin:5px 2px 0;font-size:12px;color:var(--magenta)}

.co__coupon{display:flex;gap:10px;margin-top:8px}
.co__coupon input{flex:1;height:52px;padding:0 16px;border-radius:14px;background:var(--bg-2);border:1px solid var(--line-2);
  color:var(--ink);font-size:16px;letter-spacing:.06em;text-transform:uppercase;-webkit-appearance:none}
.co__coupon input:focus{outline:none;border-color:oklch(0.70 0.19 320 / .6)}
.co__coupon button{flex:none;padding:0 18px;border-radius:14px;border:1px solid var(--line-2);background:var(--bg-3);color:var(--ink);font-weight:600;cursor:pointer}

.costep--confirm{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}

/* real payment brand marks */
.pay-brands{display:flex;align-items:center;gap:5px;flex:none}
.paychip{display:inline-grid;place-content:center;height:23px;min-width:36px;padding:0 6px;border-radius:5px;
  background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.4);line-height:1}
.paychip svg{display:block}
.paychip--visa{color:#1434cb;font-weight:800;font-style:italic;font-size:12px;letter-spacing:-.03em}
.paychip--pp{color:#003087;font-weight:800;font-size:11px}
.paychip--pp i{color:#0070e0;font-style:normal}
.paychip--sepa{color:#10298e;font-weight:800;font-size:10px;letter-spacing:.04em}
.paychip--paysafe{color:#0b1f3a;font-weight:800;font-size:10px;letter-spacing:-.02em}
.paychip--paysafe i{color:#1a7bd4;font-style:normal}
.coin{width:23px;height:23px;border-radius:50%;display:inline-grid;place-content:center;color:#fff;font-weight:700;
  font-size:13px;line-height:1;box-shadow:0 1px 3px rgba(0,0,0,.4)}
.coin--btc{background:#f7931a}
.coin--eth{background:#627eea;font-size:15px}
.coin--usdt{background:#26a17b;font-size:14px}

/* fixed bottom action bar */
.co__action{position:fixed;left:0;right:0;bottom:0;z-index:30;pointer-events:none;
  padding:14px clamp(16px,5vw,24px) calc(14px + env(safe-area-inset-bottom));
  background:linear-gradient(180deg,transparent,oklch(0.085 0.012 312) 38%)}
.co__action-in{max-width:540px;margin-inline:auto;display:flex;align-items:center;gap:14px;pointer-events:auto}
.co__action-tot{display:flex;flex-direction:column;line-height:1.1;flex:none}
.co__action-tot span{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.co__action-tot b{font-family:"Anton",sans-serif;font-weight:400;font-size:24px;font-variant-numeric:tabular-nums}
.co__cta{flex:1;height:56px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:16px;
  background:var(--grad);color:oklch(0.99 0.01 320);font-weight:700;font-size:16.5px;cursor:pointer;
  box-shadow:0 14px 30px -12px oklch(0.66 0.24 345 / .9),inset 0 1px 0 oklch(1 0 0 / .3);
  transition:transform .16s var(--ease),box-shadow .25s,opacity .2s}
.co__cta:active{transform:scale(.975)}
.co__cta.is-busy{opacity:.7;pointer-events:none}
.co.is-done .co__action,.co.is-done .co__prog,.co.is-done .co__sum,.co.is-done .co__sum-detail,.co.is-done .co__stepno{display:none}

/* ============================================================
   TIKTOK LANDING PAGE (start.html) — premium funnel
   ============================================================ */
body[data-page="lp"]{background:radial-gradient(135% 80% at 50% -8%,oklch(0.20 0.05 320 / .55),transparent 58%),var(--bg)}
.lp{position:relative;z-index:1;width:100%;max-width:540px;margin-inline:auto;padding:0 clamp(18px,5vw,26px) calc(96px + env(safe-area-inset-bottom))}

/* top bar */
.lp__bar{display:flex;align-items:center;justify-content:space-between;height:64px;position:sticky;top:0;z-index:20;
  background:linear-gradient(180deg,var(--bg) 60%,transparent)}
.lp__bar .brand__word{font-family:"Anton",sans-serif;font-size:23px;letter-spacing:.02em}
.lp__bar .brand__tag{font-size:8px}

/* telegram button */
.tg-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 20px;border-radius:14px;
  font-weight:700;font-size:15px;color:#fff;background:linear-gradient(135deg,#2aabee,#1d8fd1);
  box-shadow:0 12px 28px -12px rgba(42,171,238,.8),inset 0 1px 0 rgba(255,255,255,.3);transition:transform .18s var(--ease)}
.tg-btn:active{transform:scale(.97)}
.tg-btn svg{width:19px;height:19px}
.tg-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;font-size:13px;font-weight:600;
  color:#5cc3f2;border:1px solid rgba(42,171,238,.35);background:rgba(42,171,238,.1)}
.tg-chip svg{width:15px;height:15px}
/* reviews button — same shape as .tg-btn, gold themed */
.rev-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;border-radius:14px;
  font-weight:700;font-size:15px;color:var(--ink);border:1px solid oklch(0.80 0.13 86 / .5);
  background:oklch(0.80 0.13 86 / .12);transition:transform .18s var(--ease),background .2s,border-color .2s}
.rev-btn:hover{background:oklch(0.80 0.13 86 / .18);border-color:oklch(0.80 0.13 86 / .78)}
.rev-btn:active{transform:scale(.97)}
.rev-btn .rev-stars{color:var(--gold);letter-spacing:1.5px;font-size:14px}

/* hero */
.lp__hero{text-align:center;padding-top:8px}
.lp__pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;font-size:12px;font-weight:700;
  letter-spacing:.04em;color:var(--gold);border:1px solid oklch(0.78 0.13 86 / .35);background:oklch(0.78 0.13 86 / .1);margin-bottom:18px}
.lp__pill i{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold)}
.lp__h1{font-family:"Anton",sans-serif;font-weight:400;line-height:.98;font-size:clamp(38px,11vw,60px);letter-spacing:.004em}
.lp__h1 em{font-style:normal;color:var(--magenta)}
.lp__sub{color:var(--ink-2);font-size:clamp(15px,4vw,17px);line-height:1.55;max-width:34ch;margin:16px auto 0}
.lp__sub b{color:var(--ink)}

.lp__shot{position:relative;margin:26px auto 4px;width:min(96%,420px);aspect-ratio:1.55/1;display:grid;place-items:center}
.lp__shot::before{content:"";position:absolute;width:84%;height:74%;border-radius:50%;
  background:radial-gradient(circle,oklch(0.62 0.2 320 / .5),transparent 68%);filter:blur(28px);z-index:0}
.lp__shot img{position:relative;z-index:1;width:100%;border-radius:14px;rotate:-5deg;
  box-shadow:0 40px 70px -30px #000,0 0 0 1px oklch(0.78 0.1 88 / .25);object-fit:cover}
.lp__shot .lp__shot-2{position:absolute;width:62%;rotate:7deg;translate:42% 30%;z-index:0;opacity:.92}

.lp__cta{display:flex;flex-direction:column;gap:12px;margin-top:26px}
.lp__cta .btn{width:100%}
.lp__stats{display:flex;align-items:center;justify-content:center;gap:clamp(14px,5vw,30px);margin-top:26px}
.lp__stats li{display:flex;flex-direction:column;gap:2px}
.lp__stats b{font-family:"Anton",sans-serif;font-size:26px;line-height:1}
.lp__stats span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.lp__stats .div{width:1px;height:30px;background:var(--line-2)}

/* section heads on lp */
.lp__sec{margin-top:clamp(48px,9vw,72px)}
.lp__sec-h{font-family:"Anton",sans-serif;font-weight:400;font-size:clamp(26px,7vw,38px);line-height:1.04;text-align:center}
.lp__sec-s{text-align:center;color:var(--ink-2);font-size:14.5px;margin:10px auto 0;max-width:36ch}

/* benefits */
.lp__benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.lp__benefit{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid var(--line);border-radius:16px;
  background:oklch(0.15 0.02 312 / .6)}
.lp__benefit svg{width:26px;height:26px;color:var(--magenta)}
.lp__benefit b{font-size:14.5px}
.lp__benefit span{font-size:12.5px;color:var(--ink-3);line-height:1.45}

/* collection row */
.lp__notes{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.lp__note{display:flex;align-items:center;gap:16px;padding:14px;border:1px solid var(--line-2);border-radius:18px;
  background:oklch(0.15 0.02 312 / .6);transition:transform .2s var(--ease),border-color .25s}
.lp__note:active{transform:scale(.99)}
.lp__note.feature{border-color:oklch(0.66 0.22 330 / .5);background:linear-gradient(120deg,oklch(0.2 0.04 320 / .6),oklch(0.14 0.02 318 / .7))}
.lp__note img{width:108px;aspect-ratio:1.9/1;object-fit:cover;border-radius:10px;flex:none;box-shadow:0 10px 22px -12px #000}
.lp__note-b{flex:1;min-width:0}
.lp__note-b b{font-family:"Anton",sans-serif;font-weight:400;font-size:20px;display:block}
.lp__note-b span{font-size:12.5px;color:var(--ink-3)}
.lp__note-p{text-align:right;flex:none}
.lp__note-p b{font-weight:700;font-size:15px}
.lp__note-p span{display:block;font-size:11px;color:var(--ink-3)}
.lp__note-tag{font-size:10px;font-weight:700;letter-spacing:.04em;padding:3px 8px;border-radius:999px;background:var(--grad);color:#fff;margin-bottom:4px;display:inline-block}

/* proof screenshot */
.lp__proof{margin-top:24px;border:1px solid var(--line-2);border-radius:22px;overflow:hidden;background:var(--bg-2);box-shadow:var(--shadow)}
.lp__proof img{width:100%;display:block}
.lp__proof figcaption{padding:14px 18px 16px}
.lp__proof b{display:block;font-size:14.5px;margin-bottom:3px}
.lp__proof span{font-size:12.5px;color:var(--ink-3)}
.lp__stars{color:var(--gold);letter-spacing:2px;font-size:15px;text-align:center;margin-top:18px}
.lp__rev{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.lp__rev figure{padding:16px;border:1px solid var(--line);border-radius:14px;background:oklch(0.15 0.018 312 / .5)}
.lp__rev blockquote{font-size:14px;line-height:1.5;color:var(--ink)}
.lp__rev figcaption{display:flex;align-items:center;gap:9px;margin-top:12px;font-size:12.5px;color:var(--ink-3)}
.lp__rev .av{width:30px;height:30px;border-radius:50%;display:grid;place-content:center;font-size:12px;font-weight:700;color:#fff;background:var(--grad)}

/* telegram community block */
.lp__tg{margin-top:clamp(48px,9vw,72px);padding:clamp(26px,6vw,38px) clamp(22px,5vw,30px);border-radius:24px;text-align:center;
  border:1px solid rgba(42,171,238,.3);background:linear-gradient(165deg,rgba(42,171,238,.16),oklch(0.14 0.02 312 / .6) 70%)}
.lp__tg-icon{width:58px;height:58px;border-radius:50%;display:grid;place-content:center;margin:0 auto 16px;
  background:linear-gradient(135deg,#2aabee,#1d8fd1);box-shadow:0 16px 32px -14px rgba(42,171,238,.8)}
.lp__tg-icon svg{width:30px;height:30px;color:#fff}
.lp__tg h2{font-family:"Anton",sans-serif;font-weight:400;font-size:clamp(24px,6vw,32px);line-height:1.05}
.lp__tg p{color:var(--ink-2);font-size:14.5px;margin:10px auto 20px;max-width:34ch}
.lp__tg .tg-btn{width:100%;padding:16px;font-size:16px}
.lp__tg-meta{margin-top:14px;font-size:12.5px;color:var(--ink-3);display:flex;align-items:center;justify-content:center;gap:7px}
.lp__tg-meta i{display:inline-flex;gap:-8px}

/* guarantee strip */
.lp__guar{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px;margin-top:28px}
.lp__guar span{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-2)}
.lp__guar svg{width:17px;height:17px;color:var(--gold)}

/* final cta */
.lp__final{margin-top:clamp(48px,9vw,72px);text-align:center}
.lp__final h2{font-family:"Anton",sans-serif;font-weight:400;font-size:clamp(30px,8vw,46px);line-height:1.02}
.lp__final h2 em{font-style:normal;color:var(--magenta)}
.lp__legal{margin-top:40px;text-align:center;font-size:11px;color:var(--ink-3);line-height:1.5}
.lp__legal a{color:var(--ink-2);text-decoration:underline}

/* sticky bottom */
.lp__sticky{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;gap:10px;
  padding:12px clamp(16px,5vw,24px) calc(12px + env(safe-area-inset-bottom));
  background:linear-gradient(180deg,transparent,oklch(0.085 0.012 312) 36%)}
.lp__sticky-in{max-width:540px;margin-inline:auto;display:flex;gap:10px;width:100%}
.lp__sticky .btn{flex:1;height:54px}
.lp__sticky .tg-btn{flex:none;width:54px;padding:0;border-radius:15px}
.lp__sticky .tg-btn span{display:none}

/* ============================================================
   SHOP RESPONSIVE
   ============================================================ */
@media (min-width:680px){
  .usp__grid{grid-template-columns:repeat(4,1fr)}
  .related__grid{grid-template-columns:1fr 1fr}
}
@media (min-width:900px){
  .phero__grid{grid-template-columns:1.05fr .95fr}
  .story__block{grid-template-columns:1fr 1fr}
  .story__block.reverse .story__media{order:2}
  .order__content{grid-template-columns:1.6fr .9fr}
}
@media (max-width:767px){
  .pstick{display:flex}
  .gallery{position:static}
  .summary{position:static;order:-1}
  .progress__lbl{display:none}
  .progress__line{top:0;margin:0 4px}
  .fgrid{grid-template-columns:1fr}
  .countdown__u{font-size:24px;min-width:38px}
}