*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:#203142;
  font-family:Arial,Helvetica,sans-serif;
  background:
    radial-gradient(circle at 9% 4%,rgba(183,143,255,.46),transparent 25%),
    radial-gradient(circle at 94% 13%,rgba(118,223,255,.30),transparent 26%),
    radial-gradient(circle at 55% 47%,rgba(255,255,255,.64),transparent 33%),
    radial-gradient(circle at 82% 92%,rgba(196,136,255,.35),transparent 28%),
    linear-gradient(180deg,#f6f0ff 0%,#ecfbff 32%,#f8f2ff 69%,#f4fbfa 100%);
}
.ambient-layer{
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.42;
  background:
    linear-gradient(115deg,transparent 0 18%,rgba(255,255,255,.28) 18% 19%,transparent 19% 100%),
    radial-gradient(circle at 50% 20%,rgba(255,255,255,.42),transparent 25%);
}
.landing-root{position:relative;z-index:1;padding:22px 0 96px}
.offer-layout{width:min(760px,calc(100% - 18px));margin:0 auto}
.visual-card,.form-card,.checkout-card,.info-folders,.site-note{
  position:relative;
  margin:0 0 18px;
  padding:10px;
  overflow:hidden;
  border-radius:34px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.985),rgba(248,244,255,.965)),
    radial-gradient(circle at 0% 0%,rgba(179,134,255,.20),transparent 38%);
  box-shadow:
    0 18px 46px rgba(76,56,122,.13),
    0 4px 12px rgba(45,141,145,.06),
    inset 0 1px 0 rgba(255,255,255,.92);
}
.visual-card:before,.form-card:before,.checkout-card:before,.info-folders:before,.site-note:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(135deg,rgba(173,124,255,.48),rgba(120,223,218,.46),rgba(255,255,255,.76));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}
.visual-card:after,.form-card:after,.checkout-card:after{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:24px;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),inset 0 -18px 38px rgba(121,86,194,.035);
}
.visual-card--dark{background:linear-gradient(135deg,rgba(74,34,62,.98),rgba(111,40,78,.96))}
.visual-card--last{margin-bottom:20px}
.click-zone{display:block;text-decoration:none}
.art-frame{
  display:block;
  width:100%;
  height:auto;
  border:0;
  margin:0;
  border-radius:24px;
  box-shadow:0 10px 26px rgba(71,54,122,.075),inset 0 0 0 1px rgba(255,255,255,.50);
}
.form-card--top,.checkout-card{
  padding:0;
  background:
    radial-gradient(circle at 95% 0%,rgba(185,145,255,.16),transparent 38%),
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,253,250,.97));
}
.form-card__header,.checkout-card{padding:24px}
.form-card__header h2,.checkout-card h1{margin:6px 0 8px;line-height:1.05;color:#1f3140}
.form-card__header h2{font-size:30px}
.form-card__header p,.checkout-card__head p{margin:0;color:#5d6b79;line-height:1.45}
.form-card__header strong{color:#f06b24}
.form-card__header s{color:#8d97a5;margin-left:8px}
.micro-label{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(146,92,255,.10);
  color:#754bee;
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.lead-form{display:grid;gap:12px;padding:0 24px 26px}
.lead-form--main{padding:0}
.field{display:block}
.field span{display:block;margin:0 0 6px;color:#5e6981;font-size:13px;font-weight:800}
.field input{
  width:100%;
  height:54px;
  border:1px solid rgba(190,181,232,.92);
  border-radius:16px;
  background:linear-gradient(180deg,#fff,#fbfbff);
  padding:0 16px;
  font-size:17px;
  outline:none;
  box-shadow:0 6px 18px rgba(86,97,130,.06);
}
.field input:focus{border-color:#925cff;box-shadow:0 0 0 3px rgba(146,92,255,.14)}
.lead-form__button{
  height:58px;
  border:0;
  border-radius:18px;
  background:linear-gradient(135deg,#ff7a1f 0%,#f25d55 48%,#955cff 100%);
  color:#fff;
  font-size:18px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 13px 30px rgba(152,82,210,.24),0 7px 18px rgba(240,107,36,.20);
}
.lead-form__button:disabled{opacity:.68;cursor:wait}
.lead-form__note{font-size:11px;line-height:1.45;text-align:center;color:#778696;margin:0}
.lead-form__status{min-height:18px;margin:0;text-align:center;font-size:12px;line-height:1.4;color:#b3531f}
.checkout-card{scroll-margin-top:20px}
.checkout-card__head{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.checkout-card__head>div{flex:1}
.checkout-card h1{font-size:34px}
.packshot{width:220px;max-width:37%;height:auto;object-fit:contain}
.price-line{display:flex;align-items:baseline;gap:14px;margin:0 0 18px}
.price-line strong{font-size:38px;font-weight:950;color:#f06b24}
.price-line small{font-size:20px}
.price-line s{font-size:18px;color:#8b9da0}
.info-folders{padding:16px}
.info-folders__item{
  background:#fff;
  border:1px solid #e5e5f3;
  border-radius:16px;
  margin-bottom:10px;
  overflow:hidden;
  box-shadow:0 4px 14px rgba(84,91,125,.05);
}
.info-folders__item:last-child{margin-bottom:0}
.info-folders__item summary{
  position:relative;
  padding:16px 46px 16px 16px;
  cursor:pointer;
  list-style:none;
  font-size:14px;
  font-weight:900;
  color:#394768;
}
.info-folders__item summary::-webkit-details-marker{display:none}
.info-folders__item summary:after{
  content:"+";
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  font-size:23px;
  line-height:1;
  color:#8c59ff;
  font-weight:400;
}
.info-folders__item[open] summary:after{content:"–"}
.info-folders__item div{padding:0 16px 14px;border-top:1px solid #eff1f8;color:#73878b;font-size:11px;line-height:1.55}
.info-folders__item p{margin:12px 0 0}
.site-note{
  padding:22px 20px 20px;
  text-align:center;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(247,247,253,.96));
  color:#7c8290;
  font-size:11px;
  line-height:1.45;
}
.floating-action{
  position:fixed;
  left:50%;
  bottom:max(12px,env(safe-area-inset-bottom));
  transform:translateX(-50%);
  z-index:50;
  width:min(700px,calc(100% - 24px));
  height:58px;
  border-radius:18px;
  background:linear-gradient(135deg,#6f45f5 0%,#b957f7 48%,#ff762b 100%);
  color:#fff;
  text-decoration:none;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  font-weight:950;
  box-shadow:0 16px 38px rgba(101,67,174,.34);
}
x-newprice,x-oldprice,x-currency{display:inline}
@media(max-width:520px){
  .landing-root{padding-top:12px;padding-bottom:90px}
  .offer-layout{width:calc(100% - 14px)}
  .visual-card,.form-card,.checkout-card,.info-folders,.site-note{padding:7px;border-radius:25px;margin-bottom:13px}
  .visual-card:after,.form-card:after,.checkout-card:after{inset:7px;border-radius:19px}
  .art-frame{border-radius:19px}
  .form-card__header,.checkout-card{padding:20px 16px 24px}
  .lead-form{padding:0 16px 22px}
  .lead-form--main{padding:0}
  .form-card__header h2{font-size:25px}
  .checkout-card__head{align-items:flex-start}
  .checkout-card h1{font-size:27px}
  .field input{height:52px;font-size:16px}
  .lead-form__button{height:56px;font-size:16px}
  .price-line strong{font-size:32px}
  .price-line s{font-size:16px}
  .floating-action{height:56px;font-size:16px;width:calc(100% - 18px)}
}