/*
 * Adsrek Pay — Redesign v1.10.8
 * Rebalanced hero with card-first fintech composition.
 * Same geometry in light/dark; only palette changes.
 */

/* ===== HERO: compact and balanced ===== */
.ap-landing .ap-hero{
  width:min(1180px,calc(100% - 40px))!important;
  min-height:610px!important;
  grid-template-columns:minmax(0,.88fr) minmax(500px,1.12fr)!important;
  gap:56px!important;
  align-items:center!important;
  padding:48px 0 42px!important;
}

.ap-landing .ap-hero-copy{
  max-width:540px!important;
  padding-top:2px!important;
}

.ap-landing .ap-kicker{
  display:inline-flex!important;
  align-items:center!important;
  min-height:30px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  box-shadow:none!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}

.ap-landing .ap-kicker span{
  width:7px!important;
  height:7px!important;
  box-shadow:none!important;
}

.ap-landing .ap-hero h1{
  max-width:540px!important;
  margin:18px 0 0!important;
  font-size:clamp(54px,5vw,72px)!important;
  line-height:.99!important;
  letter-spacing:-.06em!important;
}

.ap-landing .ap-hero h1 strong{
  display:block!important;
  margin-top:4px!important;
  background:none!important;
  background-image:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:none!important;
}

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

.ap-landing .ap-hero-actions{
  gap:10px!important;
  margin-top:28px!important;
}

.ap-landing .ap-cta{
  min-height:46px!important;
  padding:0 18px!important;
  border-radius:11px!important;
  font-size:13px!important;
  box-shadow:none!important;
}

.ap-landing .ap-cta--primary{
  box-shadow:0 10px 22px rgba(36,104,232,.16)!important;
}

/* trust row becomes one neat strip, not three mini columns */
.ap-landing .ap-proof{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px 16px!important;
  margin-top:24px!important;
  padding-top:17px!important;
  border-top:1px solid var(--rd-border)!important;
}
.ap-landing .ap-proof>div{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  flex:0 1 auto!important;
}
.ap-landing .ap-proof i{
  display:none!important;
}
.ap-landing .ap-proof span{
  display:block!important;
}
.ap-landing .ap-proof b{
  font-size:10.5px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.ap-landing .ap-proof small{
  display:none!important;
}
.ap-landing .ap-proof>div:before{
  content:""!important;
  width:5px!important;
  height:5px!important;
  border-radius:50%!important;
  background:var(--rd-primary)!important;
  flex:0 0 5px!important;
}

/* ===== PRODUCT COMPOSITION ===== */
.ap-landing .ap-product{
  position:relative!important;
  width:100%!important;
  max-width:610px!important;
  min-height:540px!important;
  margin:0 0 0 auto!important;
  padding:30px 0 0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.28fr) minmax(190px,.72fr)!important;
  grid-template-rows:236px 126px 126px!important;
  gap:12px!important;
  align-content:center!important;
}

.ap-landing .ap-product-label{
  position:absolute!important;
  top:0!important;
  left:2px!important;
  color:var(--rd-muted)!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}

/* very subtle glow only */
.ap-landing .ap-product-glow{
  display:block!important;
  position:absolute!important;
  inset:70px 12px 20px 40px!important;
  border-radius:50%!important;
  filter:blur(38px)!important;
  opacity:.5!important;
  pointer-events:none!important;
  z-index:0!important;
}

/* Wallet card */
.ap-landing .ap-wallet-card{
  position:relative!important;
  inset:auto!important;
  grid-column:1 / -1!important;
  grid-row:1!important;
  width:100%!important;
  height:236px!important;
  min-height:236px!important;
  margin:0!important;
  padding:23px 24px!important;
  border-radius:22px!important;
  transform:none!important;
  rotate:none!important;
  translate:none!important;
  scale:none!important;
  overflow:hidden!important;
  z-index:2!important;
}

.ap-landing .ap-wallet-card>small{
  margin-top:25px!important;
  font-size:10px!important;
}
.ap-landing .ap-wallet-card>strong{
  margin-top:7px!important;
  font-size:32px!important;
}
.ap-landing .ap-wallet-number{
  margin-top:18px!important;
  font-size:13px!important;
}
.ap-landing .ap-wallet-meta{
  margin-top:13px!important;
  font-size:9px!important;
}

/* Exchange card */
.ap-landing .ap-exchange-card{
  position:relative!important;
  inset:auto!important;
  grid-column:1!important;
  grid-row:2 / 4!important;
  width:100%!important;
  height:264px!important;
  min-height:264px!important;
  margin:0!important;
  padding:17px!important;
  border-radius:19px!important;
  transform:none!important;
  z-index:2!important;
}
.ap-landing .ap-exchange-head{
  padding-bottom:10px!important;
}
.ap-landing .ap-exchange-head span{
  font-size:13px!important;
}
.ap-landing .ap-exchange-head b{
  padding:4px 7px!important;
  border-radius:999px!important;
  font-size:8px!important;
}
.ap-landing .ap-exchange-row{
  min-height:56px!important;
  margin-top:9px!important;
  padding:8px 10px!important;
  border-radius:11px!important;
}
.ap-landing .ap-method-icon{
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
  border-radius:10px!important;
  font-size:16px!important;
}
.ap-landing .ap-exchange-row small{
  font-size:8px!important;
}
.ap-landing .ap-exchange-row b{
  font-size:12px!important;
}
.ap-landing .ap-exchange-row em{
  font-size:9px!important;
}
.ap-landing .ap-swap{
  width:28px!important;
  height:28px!important;
  margin:-2px auto -6px!important;
  border-radius:8px!important;
}
.ap-landing .ap-exchange-action{
  margin-top:10px!important;
  font-size:11px!important;
}

/* Small cards */
.ap-landing .ap-float-card--status,
.ap-landing .ap-float-card--shield{
  position:relative!important;
  inset:auto!important;
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-height:126px!important;
  height:126px!important;
  margin:0!important;
  padding:14px!important;
  border-radius:18px!important;
  transform:none!important;
  z-index:2!important;
}

.ap-landing .ap-float-card--status{
  grid-column:2!important;
  grid-row:2!important;
}
.ap-landing .ap-float-card--shield{
  grid-column:2!important;
  grid-row:3!important;
}

.ap-landing .ap-float-card--status i,
.ap-landing .ap-float-card--shield i{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  border-radius:11px!important;
}
.ap-landing .ap-float-card--status b,
.ap-landing .ap-float-card--shield b{
  font-size:10px!important;
}
.ap-landing .ap-float-card--status small,
.ap-landing .ap-float-card--shield small{
  margin-top:3px!important;
  font-size:8px!important;
  line-height:1.35!important;
}

/* ===== LOWER STRIP: closer to hero, less empty space ===== */
.ap-landing .ap-strip{
  width:min(1180px,calc(100% - 40px))!important;
  min-height:48px!important;
  margin:0 auto!important;
  padding:0 18px!important;
  border-radius:14px!important;
  font-size:9px!important;
  letter-spacing:.1em!important;
}

/* ===== LIGHT ===== */
html[data-theme="light"] .ap-landing{
  background:
    radial-gradient(circle at 98% 36%,rgba(64,140,225,.08),transparent 27%),
    radial-gradient(circle at 0% 76%,rgba(38,181,208,.07),transparent 20%),
    #f5f8fc!important;
}
html[data-theme="light"] .ap-landing .ap-hero h1{
  color:#102744!important;
}
html[data-theme="light"] .ap-landing .ap-hero h1 strong{
  color:#3e7dab!important;
  -webkit-text-fill-color:#3e7dab!important;
}
html[data-theme="light"] .ap-landing .ap-kicker{
  background:#fff!important;
  border-color:#dfe7ef!important;
  color:#49729b!important;
}
html[data-theme="light"] .ap-landing .ap-wallet-card{
  background:
    radial-gradient(circle at 94% 3%,rgba(104,171,224,.12),transparent 31%),
    linear-gradient(145deg,#f7fbff,#edf4fb 62%,#e6eff8)!important;
  border-color:#d6e2ec!important;
  box-shadow:0 18px 40px rgba(30,66,108,.10)!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{
  background:#fff!important;
  border-color:#dfe7ef!important;
  box-shadow:0 12px 28px rgba(30,61,98,.07)!important;
}
html[data-theme="light"] .ap-landing .ap-product-glow{
  background:radial-gradient(circle,rgba(44,127,214,.14),rgba(50,187,213,.05) 48%,transparent 72%)!important;
}

/* ===== DARK ===== */
html[data-theme="dark"] .ap-landing{
  background:
    radial-gradient(circle at 98% 36%,rgba(55,109,169,.09),transparent 27%),
    radial-gradient(circle at 0% 76%,rgba(40,119,138,.05),transparent 20%),
    #07121f!important;
}
html[data-theme="dark"] .ap-landing .ap-hero h1{
  color:#f3f7fb!important;
}
html[data-theme="dark"] .ap-landing .ap-hero h1 strong{
  color:#77b5d0!important;
  -webkit-text-fill-color:#77b5d0!important;
}
html[data-theme="dark"] .ap-landing .ap-kicker{
  background:#102032!important;
  border-color:#263c53!important;
  color:#99b8d2!important;
}
html[data-theme="dark"] .ap-landing .ap-wallet-card{
  background:
    radial-gradient(circle at 94% 3%,rgba(104,160,209,.10),transparent 31%),
    linear-gradient(145deg,#203e62,#193550 62%,#173049)!important;
  border-color:#34506b!important;
  box-shadow:0 18px 40px rgba(0,0,0,.23)!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{
  background:#142337!important;
  border-color:#2b4056!important;
  box-shadow:0 12px 28px rgba(0,0,0,.17)!important;
}
html[data-theme="dark"] .ap-landing .ap-product-glow{
  background:radial-gradient(circle,rgba(78,126,179,.15),rgba(39,118,140,.05) 48%,transparent 72%)!important;
}

/* ===== KEEP GEOMETRY IDENTICAL BETWEEN THEMES ===== */
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;
}

/* ===== RESPONSIVE ===== */
@media(max-width:1100px){
  .ap-landing .ap-hero{
    grid-template-columns:1fr!important;
    min-height:0!important;
    gap:34px!important;
  }
  .ap-landing .ap-product{
    max-width:650px!important;
    margin:0!important;
  }
}
@media(max-width:720px){
  .ap-landing .ap-hero{
    width:calc(100% - 28px)!important;
    padding-top:40px!important;
  }
  .ap-landing .ap-hero h1{
    font-size:46px!important;
  }
  .ap-landing .ap-product{
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
    min-height:0!important;
    padding-top:26px!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;
    width:100%!important;
    height:auto!important;
  }
  .ap-landing .ap-wallet-card{
    min-height:220px!important;
  }
  .ap-landing .ap-exchange-card{
    min-height:250px!important;
  }
  .ap-landing .ap-float-card--status,
  .ap-landing .ap-float-card--shield{
    min-height:88px!important;
  }
}