/*
 * Adsrek Pay — Redesign v1.10.9
 * Premium polish over the successful v1.10.8 layout.
 * Geometry remains identical in light/dark.
 */

/* ===== Overall rhythm ===== */
.ap-landing .ap-header{
  width:min(1210px,calc(100% - 40px))!important;
}

.ap-landing .ap-hero{
  width:min(1210px,calc(100% - 40px))!important;
  min-height:585px!important;
  grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr)!important;
  gap:62px!important;
  padding:38px 0 34px!important;
}

.ap-landing .ap-hero-copy{
  max-width:555px!important;
  transform:translateY(-2px)!important;
}

.ap-landing .ap-kicker{
  min-height:29px!important;
  margin-bottom:16px!important;
  padding:0 12px!important;
  font-size:9.5px!important;
  letter-spacing:.11em!important;
}

.ap-landing .ap-hero h1{
  max-width:555px!important;
  font-size:clamp(56px,5.15vw,73px)!important;
  line-height:.985!important;
}

.ap-landing .ap-hero h1 strong{
  margin-top:5px!important;
}

.ap-landing .ap-hero-copy>p{
  max-width:520px!important;
  margin-top:20px!important;
  font-size:16px!important;
  line-height:1.62!important;
}

.ap-landing .ap-hero-actions{
  margin-top:25px!important;
}

.ap-landing .ap-proof{
  margin-top:20px!important;
  padding-top:15px!important;
}

/* ===== Right composition ===== */
.ap-landing .ap-product{
  max-width:625px!important;
  min-height:526px!important;
  grid-template-columns:minmax(0,1.3fr) minmax(200px,.7fr)!important;
  grid-template-rows:228px 121px 121px!important;
  gap:13px!important;
  padding-top:26px!important;
  transform:translateY(-1px)!important;
}

/* label becomes part of composition, not detached */
.ap-landing .ap-product-label{
  top:0!important;
  left:3px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  color:var(--rd-muted)!important;
  font-size:9px!important;
  letter-spacing:.12em!important;
}
.ap-landing .ap-product-label:before{
  content:""!important;
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:var(--rd-primary)!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--rd-primary) 10%,transparent)!important;
}

/* stronger but controlled depth */
.ap-landing .ap-wallet-card{
  height:228px!important;
  min-height:228px!important;
  padding:22px 24px!important;
  border-radius:21px!important;
  box-shadow:0 20px 44px rgba(30,66,108,.11)!important;
}

.ap-landing .ap-wallet-card>small{
  margin-top:22px!important;
}

.ap-landing .ap-wallet-card>strong{
  font-size:34px!important;
}

.ap-landing .ap-wallet-number{
  margin-top:17px!important;
}

/* exchange slightly roomier and more substantial */
.ap-landing .ap-exchange-card{
  height:255px!important;
  min-height:255px!important;
  padding:17px!important;
  border-radius:18px!important;
}

.ap-landing .ap-exchange-head{
  padding-bottom:10px!important;
}

.ap-landing .ap-exchange-row{
  min-height:55px!important;
  margin-top:8px!important;
  padding:8px 10px!important;
}

.ap-landing .ap-exchange-action{
  margin-top:9px!important;
  font-size:11px!important;
}

/* status cards: visually richer, still compact */
.ap-landing .ap-float-card--status,
.ap-landing .ap-float-card--shield{
  min-height:121px!important;
  height:121px!important;
  padding:15px!important;
  border-radius:18px!important;
}

.ap-landing .ap-float-card--status i,
.ap-landing .ap-float-card--shield i{
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
  border-radius:12px!important;
}

.ap-landing .ap-float-card--status b,
.ap-landing .ap-float-card--shield b{
  font-size:10.5px!important;
}

.ap-landing .ap-float-card--status small,
.ap-landing .ap-float-card--shield small{
  font-size:8.5px!important;
}

/* subtle inner highlight on all product cards */
.ap-landing .ap-wallet-card,
.ap-landing .ap-exchange-card,
.ap-landing .ap-float-card--status,
.ap-landing .ap-float-card--shield{
  isolation:isolate!important;
}

.ap-landing .ap-exchange-card:before,
.ap-landing .ap-float-card--status:before,
.ap-landing .ap-float-card--shield:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 45%)!important;
  z-index:-1!important;
}

/* ===== CTA / strip ===== */
.ap-landing .ap-cta{
  min-height:45px!important;
  border-radius:10px!important;
}

.ap-landing .ap-strip{
  width:min(1210px,calc(100% - 40px))!important;
  min-height:46px!important;
  margin-top:0!important;
  border-radius:13px!important;
  font-size:8.5px!important;
}

/* ===== Light theme ===== */
html[data-theme="light"] .ap-landing{
  background:
    radial-gradient(circle at 100% 40%,rgba(56,139,220,.075),transparent 29%),
    radial-gradient(circle at 0% 78%,rgba(34,181,206,.06),transparent 20%),
    #f6f9fc!important;
}

html[data-theme="light"] .ap-landing .ap-wallet-card{
  background:
    radial-gradient(circle at 96% 2%,rgba(91,160,216,.12),transparent 31%),
    linear-gradient(145deg,#fbfdff,#eef5fb 61%,#e7f0f8)!important;
  border-color:#d6e3ed!important;
}

html[data-theme="light"] .ap-landing .ap-exchange-card,
html[data-theme="light"] .ap-landing .ap-float-card--status,
html[data-theme="light"] .ap-landing .ap-float-card--shield{
  border-color:#dde6ee!important;
  background:#ffffff!important;
  box-shadow:0 13px 30px rgba(31,63,101,.075)!important;
}

html[data-theme="light"] .ap-landing .ap-float-card--status{
  background:linear-gradient(145deg,#ffffff,#f8fbfd)!important;
}

html[data-theme="light"] .ap-landing .ap-float-card--shield{
  background:linear-gradient(145deg,#ffffff,#f7faff)!important;
}

/* ===== Dark theme ===== */
html[data-theme="dark"] .ap-landing{
  background:
    radial-gradient(circle at 100% 40%,rgba(54,108,164,.08),transparent 29%),
    radial-gradient(circle at 0% 78%,rgba(33,105,123,.045),transparent 20%),
    #08131f!important;
}

html[data-theme="dark"] .ap-landing .ap-wallet-card{
  background:
    radial-gradient(circle at 96% 2%,rgba(103,157,205,.10),transparent 31%),
    linear-gradient(145deg,#213f63,#1a3651 61%,#173049)!important;
  border-color:#35516d!important;
  box-shadow:0 20px 44px rgba(0,0,0,.22)!important;
}

html[data-theme="dark"] .ap-landing .ap-exchange-card,
html[data-theme="dark"] .ap-landing .ap-float-card--status,
html[data-theme="dark"] .ap-landing .ap-float-card--shield{
  border-color:#2b4056!important;
  background:#142337!important;
  box-shadow:0 13px 30px rgba(0,0,0,.16)!important;
}

html[data-theme="dark"] .ap-landing .ap-float-card--status{
  background:linear-gradient(145deg,#15263a,#132236)!important;
}

html[data-theme="dark"] .ap-landing .ap-float-card--shield{
  background:linear-gradient(145deg,#15263a,#13243a)!important;
}

/* ===== Strict theme parity ===== */
html[data-theme="light"] .ap-landing .ap-product,
html[data-theme="dark"] .ap-landing .ap-product{
  transform:translateY(-1px)!important;
}

html[data-theme="light"] .ap-landing .ap-wallet-card,
html[data-theme="dark"] .ap-landing .ap-wallet-card,
html[data-theme="light"] .ap-landing .ap-exchange-card,
html[data-theme="dark"] .ap-landing .ap-exchange-card,
html[data-theme="light"] .ap-landing .ap-float-card--status,
html[data-theme="dark"] .ap-landing .ap-float-card--status,
html[data-theme="light"] .ap-landing .ap-float-card--shield,
html[data-theme="dark"] .ap-landing .ap-float-card--shield{
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  rotate:none!important;
  scale:none!important;
}

/* ===== Responsive ===== */
@media(max-width:1100px){
  .ap-landing .ap-hero{
    grid-template-columns:1fr!important;
    min-height:0!important;
    gap:30px!important;
  }

  .ap-landing .ap-product{
    max-width:660px!important;
    margin-left:0!important;
  }
}

@media(max-width:720px){
  .ap-landing .ap-hero{
    width:calc(100% - 28px)!important;
    padding:34px 0 30px!important;
  }

  .ap-landing .ap-hero h1{
    font-size:45px!important;
  }

  .ap-landing .ap-product{
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
    padding-top:24px!important;
  }

  .ap-landing .ap-wallet-card,
  .ap-landing .ap-exchange-card,
  .ap-landing .ap-float-card--status,
  .ap-landing .ap-float-card--shield{
    grid-column:1!important;
    grid-row:auto!important;
    height:auto!important;
  }

  .ap-landing .ap-wallet-card{
    min-height:215px!important;
  }

  .ap-landing .ap-exchange-card{
    min-height:246px!important;
  }

  .ap-landing .ap-float-card--status,
  .ap-landing .ap-float-card--shield{
    min-height:84px!important;
  }
}