/* Adsrek Pay homepage v2 — isolated landing layout */

body.page-landing{
  margin:0!important;
  min-height:100vh!important;
  background:#f5f8fc!important;
  color:#112540!important;
  overflow-x:hidden!important;
}

.apx-home,
.apx-home *{
  box-sizing:border-box;
}

.apx-home{
  --apx-bg:#f5f8fc;
  --apx-surface:#fff;
  --apx-surface-2:#f8fbfe;
  --apx-border:#dfe8f2;
  --apx-border-strong:#cfdeec;
  --apx-text:#102540;
  --apx-muted:#72879e;
  --apx-blue:#2378eb;
  --apx-blue-2:#35b5e7;
  --apx-cyan:#19aab6;
  --apx-green:#159a76;
  --apx-green-soft:#e8f8f3;
  --apx-violet:#6958e8;
  --apx-shadow:0 18px 50px rgba(38,72,112,.09);
  --apx-shadow-soft:0 10px 28px rgba(38,72,112,.07);
  position:relative;
  min-height:100vh;
  overflow:hidden;
  background:
    radial-gradient(circle at 101% 34%,rgba(64,142,226,.09),transparent 27%),
    radial-gradient(circle at -3% 73%,rgba(40,185,212,.07),transparent 20%),
    var(--apx-bg);
  color:var(--apx-text);
  font-family:inherit;
}

html[data-theme="dark"] body.page-landing{
  background:#08131f!important;
}

html[data-theme="dark"] .apx-home{
  --apx-bg:#08131f;
  --apx-surface:#101e2f;
  --apx-surface-2:#132438;
  --apx-border:#273b51;
  --apx-border-strong:#34506b;
  --apx-text:#eff5fb;
  --apx-muted:#91a5b9;
  --apx-blue:#66a5f7;
  --apx-blue-2:#67c8df;
  --apx-cyan:#46bdc8;
  --apx-green:#6bc7a9;
  --apx-green-soft:#143a31;
  --apx-violet:#9b90fa;
  --apx-shadow:0 20px 52px rgba(0,0,0,.25);
  --apx-shadow-soft:0 12px 30px rgba(0,0,0,.18);
  background:
    radial-gradient(circle at 101% 34%,rgba(63,119,182,.08),transparent 27%),
    radial-gradient(circle at -3% 73%,rgba(35,122,140,.05),transparent 20%),
    var(--apx-bg);
}

.apx-bg{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  filter:blur(1px);
  z-index:0;
}
.apx-bg--one{
  width:360px;height:360px;right:-190px;top:235px;
  background:radial-gradient(circle,rgba(63,144,230,.08),rgba(63,144,230,0) 70%);
}
.apx-bg--two{
  width:310px;height:310px;left:-180px;top:570px;
  background:radial-gradient(circle,rgba(43,188,212,.08),rgba(43,188,212,0) 70%);
}

/* Header */
.apx-header{
  position:relative;
  z-index:5;
  width:min(1240px,calc(100% - 40px));
  min-height:76px;
  margin:0 auto;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:30px;
  border-bottom:1px solid var(--apx-border);
}
.apx-brand{
  display:inline-flex;
  align-items:center;
  gap:11px;
  color:var(--apx-text)!important;
  text-decoration:none!important;
  min-width:210px;
}
.apx-brand img{
  width:42px;height:42px;display:block;
  filter:drop-shadow(0 6px 11px rgba(36,104,232,.16));
}
.apx-brand span{display:flex;flex-direction:column;min-width:0}
.apx-brand b{font-size:18px;line-height:1;font-weight:950;letter-spacing:-.03em}
.apx-brand b em{font-style:normal;color:var(--apx-blue)}
.apx-brand small{margin-top:5px;color:var(--apx-muted);font-size:8px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
.apx-nav{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:34px;
}
.apx-nav a,
.apx-header-link{
  color:var(--apx-muted)!important;
  text-decoration:none!important;
  font-size:12px;
  font-weight:850;
  transition:.18s ease;
}
.apx-nav a:hover,.apx-header-link:hover{color:var(--apx-text)!important}
.apx-header-actions{display:flex;align-items:center;gap:8px}
.apx-lang{
  display:flex;
  align-items:center;
  padding:3px;
  border:1px solid var(--apx-border);
  border-radius:11px;
  background:var(--apx-surface);
}
.apx-lang a{
  min-width:31px;height:30px;padding:0 7px;border-radius:8px;
  display:grid;place-items:center;
  color:var(--apx-muted)!important;text-decoration:none!important;
  font-size:10px;font-weight:900;
}
.apx-lang a.is-active{background:var(--apx-blue);color:#fff!important;box-shadow:0 5px 12px rgba(36,104,232,.18)}
.apx-theme{
  width:38px;height:38px;border:1px solid var(--apx-border);border-radius:11px;
  background:var(--apx-surface);color:var(--apx-text);cursor:pointer;
  position:relative;display:grid;place-items:center;
}
.apx-theme__sun,.apx-theme__moon{position:absolute;font-size:17px;line-height:1}
html[data-theme="light"] .apx-theme__moon{display:none}
html[data-theme="dark"] .apx-theme__sun{display:none}
.apx-header-link{padding:0 8px}
.apx-header-btn{
  min-height:40px;padding:0 18px;border-radius:11px;
  display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--apx-blue),var(--apx-blue-2));
  color:#fff!important;text-decoration:none!important;
  font-size:11px;font-weight:900;
  box-shadow:0 8px 18px rgba(36,104,232,.16);
}

/* Hero */
.apx-hero{
  position:relative;z-index:2;
  width:min(1240px,calc(100% - 40px));
  min-height:635px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);
  gap:68px;
  align-items:center;
  padding:56px 0 52px;
}
.apx-hero-copy{max-width:570px}
.apx-kicker{
  display:inline-flex;align-items:center;gap:9px;
  min-height:32px;padding:0 14px;
  border:1px solid var(--apx-border);border-radius:999px;
  background:color-mix(in srgb,var(--apx-surface) 94%,transparent);
  color:#4c79aa;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;
}
html[data-theme="dark"] .apx-kicker{color:#97b7d2;background:#0f1e2f}
.apx-kicker i{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#49c9d2,#4b93ec);box-shadow:0 0 0 4px rgba(68,166,225,.09)}
.apx-hero h1{
  margin:21px 0 0;
  color:var(--apx-text);
  font-size:clamp(58px,5.25vw,78px);
  line-height:.98;
  letter-spacing:-.062em;
  font-weight:950;
}
.apx-hero h1 strong{
  display:block;margin-top:7px;font-weight:950;
  color:#4b87b7;
  -webkit-text-fill-color:#4b87b7;
}
html[data-theme="dark"] .apx-hero h1 strong{color:#79b6d1;-webkit-text-fill-color:#79b6d1}
.apx-hero-copy>p{
  max-width:540px;margin:24px 0 0;color:var(--apx-muted);
  font-size:17px;line-height:1.66;
}
.apx-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}
.apx-btn{
  min-height:49px;padding:0 20px;border:1px solid var(--apx-border);border-radius:12px;
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  background:var(--apx-surface);color:var(--apx-text)!important;text-decoration:none!important;
  font-size:13px;font-weight:900;box-shadow:0 4px 12px rgba(38,72,112,.025);
  transition:.18s ease;
}
.apx-btn:hover{transform:translateY(-1px);border-color:var(--apx-border-strong);box-shadow:var(--apx-shadow-soft)}
.apx-btn--primary{border-color:transparent;background:linear-gradient(135deg,#2c76e9,#36b8e4);color:#fff!important;box-shadow:0 12px 24px rgba(36,104,232,.17)}
.apx-trust{
  margin-top:29px;padding-top:21px;border-top:1px solid var(--apx-border);
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px;
}
.apx-trust>div{display:flex;gap:10px;align-items:flex-start;min-width:0}
.apx-trust-icon{
  width:28px;height:28px;flex:0 0 28px;border:1px solid var(--apx-border);border-radius:9px;
  display:grid;place-items:center;color:var(--apx-blue);background:var(--apx-surface);
}
.apx-trust-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.apx-trust>div>span:last-child{display:flex;flex-direction:column;min-width:0}
.apx-trust b{font-size:10px;line-height:1.25;color:var(--apx-text);font-weight:900}
.apx-trust small{margin-top:5px;color:var(--apx-muted);font-size:8px;line-height:1.45}

/* Hero product cards */
.apx-visual{position:relative;max-width:620px;margin-left:auto;width:100%}
.apx-bank-card{
  position:relative;height:252px;padding:24px 26px;border-radius:25px;overflow:hidden;
  border:1px solid #d7e4ef;
  background:linear-gradient(145deg,#f9fcff 0%,#eef5fb 57%,#e6eff8 100%);
  box-shadow:0 22px 52px rgba(36,72,112,.11);
}
html[data-theme="dark"] .apx-bank-card{
  border-color:#35516d;
  background:linear-gradient(145deg,#214162 0%,#1a3652 58%,#163049 100%);
  box-shadow:0 22px 52px rgba(0,0,0,.25);
}
.apx-card-rings{position:absolute;width:270px;height:270px;border-radius:50%;right:-100px;top:-155px;border:1px solid rgba(91,147,203,.17)}
.apx-card-rings:before,.apx-card-rings:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(91,147,203,.14)}
.apx-card-rings:before{inset:32px}.apx-card-rings:after{inset:68px}
html[data-theme="dark"] .apx-card-rings,html[data-theme="dark"] .apx-card-rings:before,html[data-theme="dark"] .apx-card-rings:after{border-color:rgba(150,195,229,.09)}
.apx-bank-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}
.apx-bank-top>span{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:950;color:#13345a}
html[data-theme="dark"] .apx-bank-top>span{color:#eff5fb}
.apx-bank-top img{width:23px;height:23px}
.apx-bank-top b{font-size:9px;letter-spacing:.15em;color:#7389a1}
html[data-theme="dark"] .apx-bank-top b{color:#a1b4c6}
.apx-bank-card>small{display:block;margin-top:31px;color:#7b8fa4;font-size:10px;position:relative;z-index:1}
html[data-theme="dark"] .apx-bank-card>small{color:#9cafc0}
.apx-bank-card>strong{display:block;margin-top:8px;color:#12365f;font-size:35px;line-height:1;letter-spacing:-.045em;position:relative;z-index:1}
html[data-theme="dark"] .apx-bank-card>strong{color:#f4f8fb}
.apx-bank-card>strong em{font-style:normal;font-size:14px;letter-spacing:0;color:#6a839f}
html[data-theme="dark"] .apx-bank-card>strong em{color:#aabed0}
.apx-bank-number{margin-top:23px;color:#163b67;font-size:13px;font-weight:950;letter-spacing:.17em;position:relative;z-index:1}
html[data-theme="dark"] .apx-bank-number{color:#eef4fb}
.apx-bank-bottom{display:flex;justify-content:space-between;margin-top:15px;color:#7890aa;font-size:8px;font-weight:850;letter-spacing:.12em;position:relative;z-index:1}
html[data-theme="dark"] .apx-bank-bottom{color:#9aafc2}

.apx-visual-bottom{display:grid;grid-template-columns:1.28fr .72fr;gap:13px;margin-top:13px}
.apx-exchange,.apx-status{
  border:1px solid var(--apx-border);background:var(--apx-surface);box-shadow:var(--apx-shadow-soft);
}
.apx-exchange{min-height:253px;padding:18px;border-radius:20px}
.apx-exchange-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:11px;border-bottom:1px solid var(--apx-border)}
.apx-exchange-head>b{font-size:13px;color:var(--apx-text)}
.apx-exchange-head>span{padding:5px 8px;border-radius:999px;background:var(--apx-green-soft);color:var(--apx-green);font-size:7px;font-weight:950;text-transform:uppercase;white-space:nowrap}
.apx-exchange-row{min-height:58px;margin-top:10px;padding:9px 10px;border:1px solid var(--apx-border);border-radius:12px;background:var(--apx-surface-2);display:flex;align-items:center;gap:10px}
.apx-money{width:38px;height:38px;flex:0 0 38px;border-radius:11px;display:grid;place-items:center;color:#fff;font-style:normal;font-size:17px;font-weight:950}
.apx-money--rub{background:linear-gradient(145deg,#337fe8,#2359c8)}
.apx-money--usdt{background:linear-gradient(145deg,#26bcc7,#118ca5)}
.apx-exchange-row>span{display:flex;flex-direction:column;min-width:0}
.apx-exchange-row small{color:var(--apx-muted);font-size:7px;text-transform:uppercase;letter-spacing:.06em}
.apx-exchange-row b{margin-top:2px;color:var(--apx-text);font-size:11px}
.apx-exchange-row em{margin-left:auto;color:var(--apx-muted);font-size:8px;font-style:normal;font-weight:850}
.apx-swap{width:28px;height:28px;margin:-2px auto -7px;border:1px solid var(--apx-border);border-radius:8px;background:var(--apx-surface);display:grid;place-items:center;color:var(--apx-blue);font-size:15px;position:relative;z-index:2}
.apx-exchange>a{display:inline-flex;margin-top:10px;color:var(--apx-text)!important;text-decoration:none!important;font-size:10px;font-weight:900;gap:8px}
.apx-status-stack{display:grid;grid-template-rows:1fr 1fr;gap:13px}
.apx-status{min-height:120px;padding:15px;border-radius:18px;display:flex;align-items:center;gap:12px}
.apx-status>i{width:36px;height:36px;flex:0 0 36px;border-radius:12px;display:grid;place-items:center;font-style:normal}
.apx-status--ok>i{background:var(--apx-green-soft);color:var(--apx-green);font-size:17px;font-weight:950}
.apx-status--shield>i{background:#eef4ff;color:var(--apx-blue)}
html[data-theme="dark"] .apx-status--shield>i{background:#172d49}
.apx-status>i svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.apx-status>span{display:flex;flex-direction:column;min-width:0}
.apx-status b{font-size:9px;color:var(--apx-text);line-height:1.25}
.apx-status small{margin-top:4px;color:var(--apx-muted);font-size:7px;line-height:1.35}

/* Direction strip */
.apx-strip{
  position:relative;z-index:2;width:min(1240px,calc(100% - 40px));min-height:48px;margin:0 auto;
  padding:0 22px;border:1px solid var(--apx-border);border-radius:14px;background:color-mix(in srgb,var(--apx-surface) 94%,transparent);
  display:flex;align-items:center;justify-content:center;gap:20px;color:var(--apx-muted);box-shadow:0 4px 14px rgba(38,72,112,.025)
}
.apx-strip span{font-size:8px;font-weight:950;letter-spacing:.11em;text-transform:uppercase}
.apx-strip i{font-style:normal;color:#59a9cc;font-size:11px}

/* Features */
.apx-features{
  position:relative;
  z-index:2;
  width:min(1240px,calc(100% - 40px));
  margin:0 auto;
  padding:90px 0 40px
}
.apx-section-head{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);
  gap:52px;
  align-items:start
}
.apx-section-head>div>span{
  color:var(--apx-blue);
  font-size:10px;
  font-weight:950;
  letter-spacing:.13em;
  text-transform:uppercase
}
.apx-section-head h2{
  margin:12px 0 0;
  color:var(--apx-text);
  font-size:clamp(42px,4.25vw,60px);
  line-height:.96;
  letter-spacing:-.06em
}
.apx-section-head>p{
  max-width:450px;
  margin:6px 0 0;
  padding:18px 20px;
  border:1px solid rgba(74,129,189,.12);
  border-radius:20px;
  background:linear-gradient(135deg,rgba(255,255,255,.52),rgba(214,235,255,.18));
  color:var(--apx-muted);
  font-size:14px;
  line-height:1.68
}
html[data-theme="dark"] .apx-section-head>p{
  background:linear-gradient(135deg,rgba(19,41,66,.72),rgba(13,25,44,.38));
  border-color:rgba(84,122,164,.18)
}
.apx-feature-grid{
  display:grid;
  grid-template-columns:1.08fr .96fr .96fr;
  gap:18px;
  margin-top:34px
}
.apx-feature{
  position:relative;
  min-height:324px;
  padding:24px;
  border:1px solid var(--apx-border);
  border-radius:24px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--apx-surface) 96%,#fff),var(--apx-surface));
  box-shadow:0 18px 42px rgba(14,34,58,.05),inset 0 1px 0 rgba(255,255,255,.35);
  overflow:hidden;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease
}
html[data-theme="dark"] .apx-feature{
  background:linear-gradient(180deg,rgba(19,39,65,.98),rgba(12,25,43,.96));
  box-shadow:0 20px 46px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.03)
}
.apx-feature:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 34%);
  pointer-events:none
}
.apx-feature:after{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  right:-118px;
  bottom:-132px;
  border-radius:50%;
  border:1px solid rgba(64,145,226,.12);
  background:radial-gradient(circle at 35% 35%,rgba(126,190,255,.16),rgba(126,190,255,.03) 55%,transparent 72%)
}
.apx-feature:hover{
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--apx-border) 35%, #5da9ff);
  box-shadow:0 22px 52px rgba(14,34,58,.08),inset 0 1px 0 rgba(255,255,255,.42)
}
html[data-theme="dark"] .apx-feature:hover{
  box-shadow:0 22px 52px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04)
}
.apx-feature-copy{
  position:relative;
  z-index:3;
  min-height:276px;
  display:flex;
  flex-direction:column;
  align-items:flex-start
}
.apx-tag{display:inline-flex;min-height:21px;padding:0 10px;border-radius:999px;align-items:center;font-size:8px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.apx-tag--blue{background:#eaf3ff;color:#2976d8}.apx-tag--green{background:#e7f8f4;color:#149b80}.apx-tag--violet{background:#f0edff;color:#6958e8}
html[data-theme="dark"] .apx-tag--blue{background:#183049;color:#7fb4fa}
html[data-theme="dark"] .apx-tag--green{background:#163a32;color:#73cfb3}
html[data-theme="dark"] .apx-tag--violet{background:#2b2746;color:#b3abff}
.apx-feature h3{max-width:302px;margin:14px 0 0;color:var(--apx-text);font-size:24px;line-height:1.08;letter-spacing:-.04em}
.apx-feature p{max-width:338px;margin:13px 0 0;color:var(--apx-muted);font-size:12px;line-height:1.7}
.apx-feature a{
  position:static;
  margin-top:auto;
  padding-top:17px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--apx-text)!important;
  text-decoration:none!important;
  font-size:10px;
  font-weight:900
}
.apx-feature a span{color:var(--apx-blue)}

/* Wallet feature */
.apx-feature--wallet{
  background:linear-gradient(145deg,var(--apx-surface),color-mix(in srgb,var(--apx-surface-2) 90%,#def1ff))
}
html[data-theme="dark"] .apx-feature--wallet{
  background:linear-gradient(145deg,#183659,#102743)
}
.apx-feature--wallet .apx-feature-copy{max-width:54%}
.apx-feature--wallet p{max-width:255px}
.apx-feature--wallet .apx-mini-bank{
  position:absolute;right:20px;bottom:22px;width:214px;height:148px;padding:15px;border-radius:20px;
  border:1px solid #d7e4ef;background:linear-gradient(145deg,#f8fcff,#e7f1fa);box-shadow:0 18px 34px rgba(28,61,98,.10);transform:rotate(-3deg);z-index:2;overflow:hidden
}
html[data-theme="dark"] .apx-feature--wallet .apx-mini-bank{border-color:#36516d;background:linear-gradient(145deg,#25486d,#173652);box-shadow:0 22px 40px rgba(0,0,0,.24)}
.apx-feature--wallet .apx-mini-bank:before{content:"";position:absolute;width:128px;height:128px;border-radius:50%;right:-44px;top:-58px;border:1px solid rgba(87,149,207,.18)}
.apx-feature--wallet .apx-mini-bank:after{content:"";position:absolute;left:-20px;bottom:-28px;width:78px;height:78px;border-radius:50%;background:rgba(67,146,228,.08)}
.apx-mini-bank-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}
.apx-mini-bank-top span{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:950;color:#12355c}
html[data-theme="dark"] .apx-mini-bank-top span{color:#eff5fb}
.apx-mini-bank-top img{width:16px;height:16px}.apx-mini-bank-top b{font-size:6px;color:#8298ad;letter-spacing:.12em}
.apx-mini-bank>small{display:block;margin-top:17px;color:#7b91a7;font-size:6px;position:relative;z-index:1}
.apx-mini-bank>strong{display:block;margin-top:4px;color:#12365e;font-size:19px;line-height:1;letter-spacing:-.04em;position:relative;z-index:1}
html[data-theme="dark"] .apx-mini-bank>strong{color:#f1f6fb}
.apx-mini-bank>strong em{font-style:normal;font-size:8px;color:#7690a7}
.apx-mini-bank>div:not(.apx-mini-bank-top){margin-top:12px;color:#173a63;font-size:8px;font-weight:950;letter-spacing:.13em;position:relative;z-index:1}
html[data-theme="dark"] .apx-mini-bank>div:not(.apx-mini-bank-top){color:#eff5fb}
.apx-mini-bank>i{position:absolute;right:14px;bottom:12px;color:#6a91b5;font-style:normal;font-size:9px;letter-spacing:-2px}

/* P2P visual */
.apx-feature--p2p{background:linear-gradient(145deg,var(--apx-surface),color-mix(in srgb,var(--apx-surface-2) 92%,#e3fffb))}
html[data-theme="dark"] .apx-feature--p2p{background:linear-gradient(145deg,#163246,#10263a)}
.apx-feature--p2p .apx-feature-copy{max-width:68%}
.apx-feature--p2p p{max-width:220px}
.apx-p2p-visual{position:absolute;right:17px;bottom:26px;width:134px;height:134px;z-index:2}
.apx-p2p-line{position:absolute;inset:16px;border-radius:50%;border:1px solid #cde0f2;box-shadow:inset 0 0 0 10px rgba(85,166,224,.03)}
html[data-theme="dark"] .apx-p2p-line{border-color:#2f4b68;box-shadow:inset 0 0 0 10px rgba(83,156,213,.03)}
.apx-p2p-line:before,.apx-p2p-line:after{content:"";position:absolute;width:7px;height:7px;border-top:2px solid #8fbde5;border-right:2px solid #8fbde5}
.apx-p2p-line:before{right:-2px;top:36px;transform:rotate(45deg)}.apx-p2p-line:after{left:-2px;bottom:36px;transform:rotate(225deg)}
.apx-p2p-node{position:absolute;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal;font-size:18px;font-weight:950;box-shadow:0 11px 22px rgba(36,104,232,.18)}
.apx-p2p-node--rub{right:2px;top:15px;background:linear-gradient(145deg,#4f97f5,#2b6bd8)}
.apx-p2p-node--usdt{left:6px;bottom:12px;background:linear-gradient(145deg,#2cc7ce,#169ba4)}
.apx-p2p-visual>b{position:absolute;left:56px;top:54px;color:#78a4cd;font-size:17px}

/* Merchant illustration */
.apx-feature--merchant{background:linear-gradient(145deg,var(--apx-surface),color-mix(in srgb,var(--apx-surface-2) 92%,#f1edff))}
html[data-theme="dark"] .apx-feature--merchant{background:linear-gradient(145deg,#1d2a45,#141f35)}
.apx-feature--merchant .apx-feature-copy{max-width:66%}
.apx-feature--merchant p{max-width:208px}
.apx-merchant-visual{position:absolute;right:0;bottom:24px;width:152px;height:126px;border:1px solid #dfe5f4;border-right:0;border-radius:16px 0 0 16px;background:linear-gradient(145deg,#faf8ff,#eef1ff);box-shadow:0 16px 28px rgba(88,76,207,.08);overflow:hidden;z-index:2}
html[data-theme="dark"] .apx-merchant-visual{border-color:#373758;background:linear-gradient(145deg,#1c2440,#181f38);box-shadow:none}
.apx-browser-top{height:24px;background:linear-gradient(90deg,#9188f1,#7599ec);display:flex;align-items:center;gap:4px;padding-left:10px}.apx-browser-top i{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.74)}
.apx-browser-line{position:absolute;left:14px;height:5px;border-radius:999px;background:#cfdcf2}.apx-browser-line--1{top:43px;width:56px}.apx-browser-line--2{top:58px;width:42px}.apx-browser-line--3{top:73px;width:50px}
html[data-theme="dark"] .apx-browser-line{background:#33445f}
.apx-cart{position:absolute;right:14px;bottom:15px;width:55px;height:55px;border-radius:14px;background:#e5e5ff;display:grid;place-items:center;color:#6658df;box-shadow:0 10px 18px rgba(95,88,214,.18)}
html[data-theme="dark"] .apx-cart{background:#2b2a4a;color:#b0a7ff;box-shadow:none}
.apx-cart svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Security */
.apx-security{
  position:relative;
  z-index:2;
  width:min(1240px,calc(100% - 40px));
  margin:34px auto 0;
  padding:34px 36px;
  border:1px solid var(--apx-border);
  border-radius:28px;
  background:linear-gradient(135deg,var(--apx-surface),color-mix(in srgb,var(--apx-surface-2) 86%,#d9eeff));
  box-shadow:0 20px 44px rgba(14,34,58,.06), inset 0 1px 0 rgba(255,255,255,.38);
  display:grid;
  grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);
  gap:32px;
  align-items:stretch;
  overflow:hidden
}
html[data-theme="dark"] .apx-security{
  background:linear-gradient(135deg,rgba(25,51,80,.96),rgba(18,34,56,.94));
  box-shadow:0 24px 48px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03)
}
.apx-security:before{
  content:"";
  position:absolute;
  width:340px;
  height:340px;
  right:-140px;
  bottom:-190px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(103,177,244,.18),transparent 66%);
  pointer-events:none
}
.apx-security-title{display:flex;align-items:center;gap:20px;position:relative;z-index:1}
.apx-security-icon{width:62px;height:62px;flex:0 0 62px;border:1px solid #d7e5f4;border-radius:20px;background:#eef5ff;color:var(--apx-blue);display:grid;place-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
html[data-theme="dark"] .apx-security-icon{background:#172c47;border-color:#2c4663;box-shadow:none}
.apx-security-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.apx-security-title small{color:var(--apx-blue);font-size:8px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.apx-security-title h2{margin:9px 0 0;color:var(--apx-text);font-size:31px;line-height:1.03;letter-spacing:-.045em}
.apx-security-items{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.apx-security-items>div{
  display:flex;
  gap:11px;
  align-items:flex-start;
  min-width:0;
  padding:15px 14px;
  border:1px solid color-mix(in srgb,var(--apx-border) 92%, transparent);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.46),rgba(255,255,255,.18))
}
html[data-theme="dark"] .apx-security-items>div{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015))}
.apx-security-items i{width:32px;height:32px;flex:0 0 32px;border:1px solid var(--apx-border);border-radius:10px;background:var(--apx-surface);color:var(--apx-blue);display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:900}
.apx-security-items span{display:flex;flex-direction:column}
.apx-security-items b{font-size:10px;color:var(--apx-text)}
.apx-security-items small{margin-top:5px;color:var(--apx-muted);font-size:8px;line-height:1.45}

/* Footer */
.apx-footer{position:relative;z-index:2;width:min(1240px,calc(100% - 40px));margin:56px auto 0;padding:28px 0 24px;border-top:1px solid var(--apx-border);display:flex;align-items:center;justify-content:space-between;gap:22px}
.apx-brand--footer{min-width:auto}.apx-brand--footer img{width:34px;height:34px}.apx-brand--footer b{font-size:15px}.apx-footer>p{margin:0;color:var(--apx-muted);font-size:10px}.apx-footer nav{display:flex;gap:18px}.apx-footer nav a{color:var(--apx-muted)!important;text-decoration:none!important;font-size:10px;font-weight:800}.apx-footer nav a:hover{color:var(--apx-text)!important}

/* Responsive */
@media(max-width:1100px){
  .apx-header{grid-template-columns:auto 1fr}.apx-nav{display:none}.apx-header-actions{justify-self:end}
  .apx-hero{grid-template-columns:1fr;gap:38px;min-height:0;padding-top:48px}.apx-visual{max-width:680px;margin-left:0}
  .apx-section-head{grid-template-columns:1fr;gap:18px}.apx-section-head>p{max-width:680px}
  .apx-feature-grid{grid-template-columns:1fr 1fr}.apx-feature--wallet{grid-column:1/-1}.apx-feature--wallet .apx-feature-copy{max-width:55%}
  .apx-security{grid-template-columns:1fr;gap:28px}
}
@media(max-width:760px){
  .apx-header,.apx-hero,.apx-strip,.apx-features,.apx-security,.apx-footer{width:calc(100% - 28px)}
  .apx-header{min-height:68px;gap:10px}.apx-brand{min-width:0}.apx-brand small{display:none}.apx-brand img{width:36px;height:36px}.apx-brand b{font-size:16px}
  .apx-header-actions{gap:5px}.apx-lang{display:none}.apx-header-link{display:none}.apx-header-btn{padding:0 13px;min-height:37px}.apx-theme{width:36px;height:36px}
  .apx-hero{padding:38px 0 34px}.apx-hero h1{font-size:46px}.apx-hero-copy>p{font-size:15px}.apx-trust{grid-template-columns:1fr;gap:10px}.apx-trust small{display:none}
  .apx-bank-card{height:225px;padding:20px}.apx-bank-card>strong{font-size:30px}.apx-visual-bottom{grid-template-columns:1fr}.apx-status-stack{grid-template-columns:1fr 1fr;grid-template-rows:auto}.apx-status{min-height:88px}
  .apx-strip{justify-content:flex-start;overflow-x:auto;white-space:nowrap;padding:0 16px}
  .apx-features{padding-top:62px}.apx-section-head h2{font-size:39px}.apx-feature-grid{grid-template-columns:1fr}.apx-feature--wallet{grid-column:auto}.apx-feature{min-height:330px}.apx-feature--wallet .apx-feature-copy,.apx-feature--p2p .apx-feature-copy,.apx-feature--merchant .apx-feature-copy{max-width:100%;padding-right:0}.apx-mini-bank{width:185px;height:132px;right:18px;bottom:58px;opacity:.94}.apx-feature--wallet p{max-width:62%}.apx-p2p-visual{width:115px;height:115px;right:16px}.apx-feature--p2p p{max-width:64%}.apx-merchant-visual{width:130px;height:108px}.apx-feature--merchant p{max-width:64%}
  .apx-security{padding:25px 22px}.apx-security-items{grid-template-columns:1fr;gap:13px}.apx-security-title h2{font-size:27px}
  .apx-footer{flex-direction:column;align-items:flex-start;margin-top:40px}.apx-footer nav{flex-wrap:wrap}
}
@media(max-width:480px){
  .apx-hero h1{font-size:40px}.apx-kicker{font-size:8px}.apx-btn{width:100%}.apx-status-stack{grid-template-columns:1fr}
  .apx-feature{min-height:365px}.apx-mini-bank{left:24px;right:auto;width:calc(100% - 48px);bottom:54px;transform:none}.apx-feature--wallet p{max-width:100%}.apx-p2p-visual,.apx-merchant-visual{opacity:.35}.apx-feature--p2p p,.apx-feature--merchant p{max-width:100%}
}


/* =========================================================
   HOME V2.4 — premium lower-page polish
   Hero geometry intentionally untouched.
   ========================================================= */

/* Section header: calmer, editorial, no floating pill-card on the right */
.apx-features{
  padding-top:78px;
  padding-bottom:44px
}
.apx-section-head{
  grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);
  gap:66px;
  align-items:end
}
.apx-section-head>p{
  position:relative;
  max-width:390px;
  margin:0 0 5px;
  padding:0 0 0 20px;
  border:0;
  border-left:2px solid rgba(61,137,220,.30);
  border-radius:0;
  background:none;
  font-size:13px;
  line-height:1.72
}
html[data-theme="dark"] .apx-section-head>p{
  background:none;
  border-color:rgba(110,177,230,.28)
}

/* Unified feature surfaces. Individual accents live in tags/visuals, not whole-card colors. */
.apx-feature-grid{
  gap:16px;
  margin-top:30px
}
.apx-feature,
.apx-feature--wallet,
.apx-feature--p2p,
.apx-feature--merchant{
  min-height:312px;
  border-radius:22px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbfe 100%);
  border-color:#dfe7ef;
  box-shadow:0 14px 34px rgba(24,56,92,.055), inset 0 1px 0 rgba(255,255,255,.65)
}
html[data-theme="dark"] .apx-feature,
html[data-theme="dark"] .apx-feature--wallet,
html[data-theme="dark"] .apx-feature--p2p,
html[data-theme="dark"] .apx-feature--merchant{
  background:linear-gradient(180deg,#13253a 0%,#102033 100%);
  border-color:#294057;
  box-shadow:0 18px 40px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.025)
}
.apx-feature:before{
  background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 34%)
}
html[data-theme="dark"] .apx-feature:before{
  background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 34%)
}
.apx-feature:after{
  width:188px;
  height:188px;
  right:-104px;
  bottom:-112px;
  border-color:rgba(72,151,226,.08);
  background:radial-gradient(circle at 35% 35%,rgba(119,186,245,.10),rgba(119,186,245,.02) 58%,transparent 74%)
}
.apx-feature:hover{
  transform:translateY(-3px);
  border-color:#cbdced;
  box-shadow:0 20px 44px rgba(24,56,92,.09), inset 0 1px 0 rgba(255,255,255,.72)
}
html[data-theme="dark"] .apx-feature:hover{
  border-color:#38556f;
  box-shadow:0 22px 48px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.035)
}

.apx-feature-copy{
  min-height:264px
}
.apx-feature h3{
  margin-top:15px;
  font-size:23px
}
.apx-feature p{
  margin-top:12px;
  color:color-mix(in srgb,var(--apx-muted) 94%,var(--apx-text));
  line-height:1.66
}
.apx-feature a{
  padding-top:15px;
  font-size:10px
}

/* Wallet visual: more bank-card, less card-inside-card feeling */
.apx-feature--wallet .apx-feature-copy{
  max-width:52%
}
.apx-feature--wallet p{
  max-width:245px
}
.apx-feature--wallet .apx-mini-bank{
  right:18px;
  bottom:20px;
  width:220px;
  height:152px;
  border-radius:19px;
  transform:rotate(-2deg);
  box-shadow:0 18px 32px rgba(34,73,117,.10)
}
html[data-theme="dark"] .apx-feature--wallet .apx-mini-bank{
  background:linear-gradient(145deg,#244666 0%,#18344f 68%,#143047 100%);
  box-shadow:0 20px 36px rgba(0,0,0,.26)
}
.apx-feature--wallet .apx-mini-bank:before{
  width:142px;
  height:142px;
  right:-55px;
  top:-72px
}
.apx-feature--wallet .apx-mini-bank:after{
  opacity:.55
}

/* P2P visual: slightly larger but quieter. */
.apx-feature--p2p .apx-feature-copy{max-width:66%}
.apx-p2p-visual{
  right:12px;
  bottom:30px;
  width:142px;
  height:142px;
  opacity:.93
}
.apx-p2p-line{
  inset:17px;
  box-shadow:none
}
.apx-p2p-node{
  width:44px;
  height:44px;
  font-size:17px;
  box-shadow:0 10px 20px rgba(36,104,232,.14)
}

/* Merchant visual: softer and more like a real checkout UI. */
.apx-feature--merchant .apx-feature-copy{max-width:64%}
.apx-merchant-visual{
  right:-1px;
  bottom:27px;
  width:148px;
  height:120px;
  border-radius:16px 0 0 16px;
  box-shadow:0 14px 25px rgba(84,75,194,.06)
}
html[data-theme="dark"] .apx-merchant-visual{
  background:linear-gradient(145deg,#1a233b,#151d31)
}
.apx-browser-top{
  background:linear-gradient(90deg,#7d79df,#6c93e4)
}
.apx-cart{
  width:52px;
  height:52px;
  border-radius:13px
}

/* Security: lighter, flatter and more legible. */
.apx-security{
  margin-top:32px;
  padding:30px 32px;
  border-radius:24px;
  grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);
  gap:26px;
  background:linear-gradient(135deg,#f9fcff,#edf5fb);
  border-color:#dce6ef;
  box-shadow:0 14px 34px rgba(24,56,92,.055)
}
html[data-theme="dark"] .apx-security{
  background:linear-gradient(135deg,#17304b,#12263c);
  border-color:#2d445d;
  box-shadow:0 20px 40px rgba(0,0,0,.18)
}
.apx-security:before{
  width:300px;
  height:300px;
  right:-130px;
  bottom:-170px;
  opacity:.65
}
.apx-security-title{
  gap:17px
}
.apx-security-icon{
  width:56px;
  height:56px;
  flex-basis:56px;
  border-radius:17px
}
.apx-security-icon svg{
  width:27px;
  height:27px
}
.apx-security-title h2{
  font-size:29px;
  line-height:1.02
}
.apx-security-items{
  gap:10px
}
.apx-security-items>div{
  min-height:94px;
  padding:14px 13px;
  border-radius:16px;
  background:rgba(255,255,255,.52);
  border-color:rgba(141,172,204,.16)
}
html[data-theme="dark"] .apx-security-items>div{
  background:rgba(7,20,34,.20);
  border-color:rgba(82,116,151,.18)
}
.apx-security-items b{
  font-size:10px
}
.apx-security-items small{
  margin-top:4px;
  font-size:8px;
  line-height:1.5
}

/* Footer sits a little closer to the product story. */
.apx-footer{
  margin-top:46px
}

@media(max-width:1100px){
  .apx-section-head{grid-template-columns:1fr;gap:16px}
  .apx-section-head>p{max-width:620px}
  .apx-feature--wallet .apx-feature-copy{max-width:54%}
}
@media(max-width:760px){
  .apx-features{padding-top:62px}
  .apx-section-head>p{padding-left:14px}
  .apx-feature,
  .apx-feature--wallet,
  .apx-feature--p2p,
  .apx-feature--merchant{min-height:330px}
  .apx-security{padding:24px 20px}
}


/* =========================================================
   HOME V2.5 — realistic bank card, no fake balance
   ========================================================= */
.apx-visual{
  max-width:620px;
}

/* Smaller than before, but with more realistic physical-card details. */
.apx-bank-card.apx-bank-card--real{
  width:min(88%,540px);
  height:238px;
  margin-left:auto;
  padding:22px 24px 20px;
  border-radius:23px;
  border:1px solid #cedeed;
  background:
    radial-gradient(circle at 7% 7%,rgba(80,157,238,.13),transparent 26%),
    radial-gradient(circle at 96% 96%,rgba(41,114,178,.08),transparent 30%),
    repeating-linear-gradient(126deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px),
    linear-gradient(145deg,#f7fbff 0%,#eaf3fb 58%,#dfeaf5 100%);
  box-shadow:0 18px 42px rgba(30,67,108,.10), inset 0 1px 0 rgba(255,255,255,.76);
}
html[data-theme="dark"] .apx-bank-card.apx-bank-card--real{
  border-color:#3a5874;
  background:
    radial-gradient(circle at 7% 7%,rgba(67,145,229,.16),transparent 25%),
    radial-gradient(circle at 96% 96%,rgba(35,97,157,.12),transparent 31%),
    repeating-linear-gradient(126deg,rgba(255,255,255,.012) 0 1px,transparent 1px 5px),
    linear-gradient(145deg,#24496f 0%,#193957 58%,#132d46 100%);
  box-shadow:0 20px 46px rgba(0,0,0,.27), inset 0 1px 0 rgba(255,255,255,.045);
}

.apx-bank-card--real .apx-card-rings{
  width:238px;
  height:238px;
  right:-86px;
  top:-132px;
  opacity:.78;
}

.apx-bank-card--real .apx-bank-top>span{
  font-size:14px;
}
.apx-bank-card--real .apx-bank-top img{
  width:22px;
  height:22px;
}
.apx-bank-card--real .apx-bank-top b{
  font-size:8px;
  letter-spacing:.17em;
}

.apx-card-tech{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:27px;
}
.apx-card-chip{
  position:relative;
  width:48px;
  height:36px;
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:1fr 1fr;
  gap:2px;
  padding:4px;
  border-radius:9px;
  border:1px solid #8e9cab;
  background:linear-gradient(145deg,#eef1f4,#aeb8c2 48%,#e0e5e9);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.48),0 4px 10px rgba(21,42,64,.10);
  overflow:hidden;
}
.apx-card-chip:before{
  content:"";
  position:absolute;
  left:50%;top:0;bottom:0;
  width:1px;
  background:rgba(84,94,104,.48);
}
.apx-card-chip:after{
  content:"";
  position:absolute;
  left:0;right:0;top:50%;
  height:1px;
  background:rgba(84,94,104,.48);
}
.apx-card-chip i{
  border:1px solid rgba(91,102,112,.35);
  border-radius:3px;
}
.apx-card-contactless{
  width:31px;
  height:31px;
  fill:none;
  stroke:#6f8ba6;
  stroke-width:2;
  stroke-linecap:round;
}
html[data-theme="dark"] .apx-card-contactless{stroke:#c5d7e8}

.apx-bank-card--real .apx-bank-number{
  margin-top:24px;
  font-size:15px;
  letter-spacing:.16em;
}
.apx-bank-bottom--real{
  margin-top:24px;
  align-items:flex-end;
}
.apx-bank-bottom--real>span{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.apx-bank-bottom--real>span:last-child{
  align-items:flex-end;
}
.apx-bank-bottom--real small{
  color:inherit;
  font-size:6px;
  letter-spacing:.14em;
}
.apx-bank-bottom--real b{
  color:#284d72;
  font-size:8px;
  letter-spacing:.13em;
}
html[data-theme="dark"] .apx-bank-bottom--real b{color:#d8e5f1}

/* Keep lower panels aligned under the smaller card. */
.apx-visual-bottom{
  margin-top:14px;
}

/* Mini wallet card uses the same no-balance language. */
.apx-mini-bank.apx-mini-bank--real{
  width:212px;
  height:144px;
  padding:14px;
}
.apx-mini-bank--real .apx-mini-chip{
  display:block;
  width:31px;
  height:23px;
  margin-top:19px;
  border-radius:6px;
  border:1px solid #9aa6b0;
  background:linear-gradient(145deg,#e9edf0,#aab4bd 50%,#dce2e6);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);
}
.apx-mini-bank--real>div:not(.apx-mini-bank-top){
  margin-top:14px;
  font-size:8px;
}
.apx-mini-bank--real>small{
  display:block;
  margin-top:10px;
  color:#7b91a7;
  font-size:6px;
  letter-spacing:.12em;
  position:relative;
  z-index:1;
}
html[data-theme="dark"] .apx-mini-bank--real>small{color:#9cb0c2}

@media(max-width:1100px){
  .apx-bank-card.apx-bank-card--real{
    width:min(88%,540px);
    margin-left:0;
  }
}
@media(max-width:760px){
  .apx-bank-card.apx-bank-card--real{
    width:100%;
    height:218px;
    padding:19px 20px;
  }
  .apx-card-tech{margin-top:23px}
  .apx-bank-card--real .apx-bank-number{margin-top:20px;font-size:13px}
  .apx-bank-bottom--real{margin-top:20px}
}


/* =========================================================
   HOME V2.6 — clean transition between hero and features
   ========================================================= */

.apx-strip{
  display:none!important;
}

.apx-features{
  padding-top:54px!important;
  padding-bottom:42px!important;
}

.apx-section-head{
  display:block!important;
}

.apx-section-head>div{
  max-width:820px!important;
}

.apx-section-head h2{
  max-width:820px!important;
  margin-top:10px!important;
}

.apx-section-head>p{
  max-width:720px!important;
  margin:17px 0 0!important;
  padding:0!important;
  border:0!important;
  border-left:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  color:var(--apx-muted)!important;
  font-size:14px!important;
  line-height:1.65!important;
}

html[data-theme="dark"] .apx-section-head>p,
html[data-theme="light"] .apx-section-head>p{
  background:none!important;
  border:0!important;
}

.apx-feature-grid{
  margin-top:27px!important;
}

.apx-features:before{
  content:""!important;
  display:block!important;
  width:72px!important;
  height:1px!important;
  margin:0 0 28px!important;
  background:linear-gradient(90deg,var(--apx-blue),transparent)!important;
  opacity:.6!important;
}

@media(max-width:1100px){
  .apx-features{
    padding-top:48px!important;
  }
  .apx-section-head>p{
    max-width:650px!important;
  }
}

@media(max-width:760px){
  .apx-features{
    padding-top:42px!important;
  }
  .apx-features:before{
    margin-bottom:22px!important;
  }
  .apx-section-head>p{
    margin-top:14px!important;
    font-size:13px!important;
  }
}


/* =========================================================
   HOME V2.7 — hero status cards removed
   ========================================================= */

.apx-status-stack,
.apx-status{
  display:none!important;
}

/* Exchange now occupies the whole width under the bank card. */
.apx-visual-bottom{
  display:block!important;
  grid-template-columns:none!important;
  gap:0!important;
  width:100%!important;
  margin-top:14px!important;
}

.apx-exchange{
  width:100%!important;
  min-height:232px!important;
  padding:18px 19px!important;
}

.apx-exchange-row{
  padding-left:12px!important;
  padding-right:12px!important;
}

@media(max-width:760px){
  .apx-visual-bottom{
    display:block!important;
  }
  .apx-exchange{
    width:100%!important;
    min-height:228px!important;
  }
}


/* =========================================================
   HOME V2.8 — prettier premium hero polish
   ========================================================= */

.apx-hero{
  gap:56px!important;
  min-height:610px!important;
  padding:52px 0 44px!important;
}
.apx-hero:before{
  content:"";
  position:absolute;
  left:-90px;
  top:10px;
  width:420px;
  height:420px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(82,160,255,.12) 0%,rgba(82,160,255,.05) 36%,transparent 72%);
  filter:blur(10px);
  pointer-events:none;
}
html[data-theme="dark"] .apx-hero:before{
  background:radial-gradient(circle,rgba(72,139,255,.16) 0%,rgba(61,120,219,.08) 36%,transparent 74%);
}

.apx-hero-copy{
  position:relative;
  z-index:2;
}
.apx-hero-copy>p{
  max-width:560px!important;
}
.apx-actions{
  margin-top:34px!important;
  gap:14px!important;
}
.apx-btn{
  min-height:52px!important;
  padding:0 24px!important;
  border-radius:14px!important;
  box-shadow:0 10px 24px rgba(28,66,112,.06)!important;
}
.apx-btn:hover{
  transform:translateY(-2px)!important;
}
.apx-btn--primary{
  box-shadow:0 18px 36px rgba(36,104,232,.22)!important;
}
html[data-theme="dark"] .apx-btn{
  background:linear-gradient(180deg,rgba(19,39,65,.96),rgba(13,27,44,.96))!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"] .apx-btn--primary{
  background:linear-gradient(135deg,#2f7dfa,#35b2e3)!important;
}

.apx-trust{
  margin-top:30px!important;
  padding-top:0!important;
  border-top:none!important;
  gap:14px!important;
}
.apx-trust>div{
  padding:14px 14px 13px!important;
  border:1px solid var(--apx-border)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(244,249,255,.46))!important;
  box-shadow:0 10px 24px rgba(20,44,78,.04)!important;
}
html[data-theme="dark"] .apx-trust>div{
  background:linear-gradient(180deg,rgba(18,39,64,.92),rgba(14,28,47,.92))!important;
  box-shadow:0 14px 28px rgba(0,0,0,.18)!important;
}
.apx-trust-icon{
  width:31px!important;
  height:31px!important;
  flex-basis:31px!important;
  border-radius:10px!important;
}
.apx-trust b{
  font-size:10px!important;
}
.apx-trust small{
  font-size:8px!important;
}

.apx-visual{
  position:relative!important;
  max-width:640px!important;
  padding:16px!important;
  border:1px solid rgba(87,137,191,.16)!important;
  border-radius:32px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(233,244,255,.22))!important;
  box-shadow:0 24px 58px rgba(11,34,60,.08)!important;
  overflow:hidden!important;
}
html[data-theme="dark"] .apx-visual{
  background:linear-gradient(180deg,rgba(14,31,52,.92),rgba(10,24,40,.82))!important;
  border-color:rgba(78,118,160,.24)!important;
  box-shadow:0 28px 64px rgba(0,0,0,.26)!important;
}
.apx-visual:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:
    radial-gradient(circle at 90% 0%,rgba(99,176,255,.16),transparent 34%),
    radial-gradient(circle at 10% 100%,rgba(49,196,227,.10),transparent 30%);
  pointer-events:none;
}
.apx-visual>*{position:relative;z-index:1}

.apx-bank-card{
  height:236px!important;
  padding:22px 24px!important;
  border-radius:26px!important;
  box-shadow:0 24px 54px rgba(30,67,108,.16)!important;
}
html[data-theme="dark"] .apx-bank-card{
  box-shadow:0 26px 58px rgba(0,0,0,.32)!important;
}
.apx-bank-card--real:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:
    linear-gradient(120deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.04) 26%,transparent 46%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 2px,transparent 2px 7px);
  pointer-events:none;
}
.apx-bank-card--real:after{
  content:"";
  position:absolute;
  left:-12%;
  top:56%;
  width:124%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
  opacity:.65;
  pointer-events:none;
}
.apx-bank-number{
  margin-top:18px!important;
  font-size:13px!important;
  letter-spacing:.18em!important;
}
.apx-bank-bottom--real{
  margin-top:14px!important;
}

.apx-visual-bottom{
  margin-top:16px!important;
}
.apx-exchange{
  min-height:0!important;
  padding:20px!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(243,249,255,.52))!important;
  box-shadow:0 16px 38px rgba(23,53,90,.08)!important;
}
html[data-theme="dark"] .apx-exchange{
  background:linear-gradient(180deg,rgba(17,36,60,.96),rgba(11,25,42,.96))!important;
  box-shadow:0 18px 40px rgba(0,0,0,.22)!important;
}
.apx-exchange-head{
  padding-bottom:13px!important;
}
.apx-exchange-row{
  min-height:62px!important;
  margin-top:12px!important;
  padding:10px 12px!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.58),rgba(247,251,255,.34))!important;
}
html[data-theme="dark"] .apx-exchange-row{
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015))!important;
}
.apx-swap{
  width:30px!important;
  height:30px!important;
  margin:-1px auto -4px!important;
  border-radius:10px!important;
  box-shadow:0 8px 18px rgba(35,92,158,.12)!important;
}
.apx-exchange>a{
  margin-top:12px!important;
}

.apx-features{
  padding-top:72px!important;
}
.apx-section-head{
  gap:44px!important;
  align-items:center!important;
}
.apx-section-head>p{
  margin:0!important;
  border-radius:22px!important;
  box-shadow:0 12px 28px rgba(18,42,74,.05)!important;
}
html[data-theme="dark"] .apx-section-head>p{
  box-shadow:0 14px 30px rgba(0,0,0,.16)!important;
}

.apx-security{
  margin-top:26px!important;
}

@media(max-width:1100px){
  .apx-hero{gap:34px!important;min-height:0!important}
  .apx-visual{max-width:700px!important}
}
@media(max-width:760px){
  .apx-hero{padding:34px 0 30px!important}
  .apx-visual{padding:12px!important;border-radius:24px!important}
  .apx-bank-card{height:220px!important;padding:19px 20px!important}
  .apx-actions{gap:10px!important}
  .apx-trust>div{padding:12px 13px!important}
  .apx-section-head{gap:18px!important}
}


/* =========================================================
   HOME V2.9 — live exchange calculator + AR-PAY label
   ========================================================= */
.apx-kicker span{letter-spacing:.1em}

.apx-exchange--live{min-height:276px!important}
.apx-exchange-row--calc{align-items:center!important}
.apx-exchange-field{display:flex!important;flex-direction:column!important;min-width:0!important;flex:1 1 auto!important}
.apx-amount-wrap{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:38px;margin-top:4px;padding:0 0 0 0;
}
.apx-amount-wrap input{
  width:100%;min-width:0;border:0;outline:none;background:transparent;
  color:var(--apx-text);font-size:16px;font-weight:900;letter-spacing:-.03em;
  font-family:inherit;padding:0;box-shadow:none
}
.apx-amount-wrap input::placeholder{color:var(--apx-muted)}
.apx-amount-wrap b,
.apx-amount-wrap strong{
  white-space:nowrap;color:var(--apx-text);font-size:14px;font-weight:950;letter-spacing:-.02em
}
.apx-amount-wrap--readonly strong{font-size:16px}
.apx-swap--button{cursor:pointer;border-color:var(--apx-border-strong)}
.apx-swap--button:hover{transform:translateY(-1px);box-shadow:var(--apx-shadow-soft)}
.apx-exchange-meta{
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 14px;
  margin-top:11px;padding-top:10px;border-top:1px dashed var(--apx-border);
  color:var(--apx-muted);font-size:10px;font-weight:800
}
.apx-exchange-meta span{display:inline-flex;align-items:center;gap:6px}
.apx-exchange-meta span:before{
  content:"";width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--apx-blue),var(--apx-blue-2));opacity:.9
}
html[data-theme="dark"] .apx-amount-wrap input{color:#eff5fb}
html[data-theme="dark"] .apx-exchange-meta{color:#9cb0c3}
@media(max-width:760px){
  .apx-exchange-meta{font-size:9px}
  .apx-amount-wrap input,.apx-amount-wrap--readonly strong{font-size:15px}
}


/* ============================================================
   v7: align security cards in product blocks section
   ============================================================ */
.apx-security-items{
  align-items:stretch!important;
  grid-auto-rows:1fr!important;
}

.apx-security-items>div{
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  min-height:96px!important;
  height:100%!important;
}

.apx-security-items i{
  align-self:center!important;
  justify-self:start!important;
}

.apx-security-items span{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-height:48px!important;
}

.apx-security-items b,
.apx-security-items small{
  display:block!important;
  margin:0!important;
}

.apx-security-items small{
  margin-top:5px!important;
  line-height:1.45!important;
}