@import url('bank-layout.css');
@font-face{font-family:Omega;src:url('assets/fonts/OmegaUI-Regular-VF.woff2') format('woff2');font-weight:300 900;font-display:swap}
:root{--ink:#18273b;--muted:#788395;--green:#0766ef;--line:#e1e7ef;--surface:#f1f5fa}
body{font-family:Omega,Arial,sans-serif;background:#fff}body:before{height:850px;background:radial-gradient(ellipse at 90% 85%,#23b4fa 0,transparent 62%),linear-gradient(145deg,#000a44,#0637bb 65%,#087cf0)}
.header{height:90px;max-width:1280px;background:transparent;border:0;backdrop-filter:none;border-radius:0;margin-top:0;padding-left:40px;padding-right:40px;color:#fff}.header .brand img{width:108px}.header nav a{background:none;border-radius:0;padding:12px 16px}.header nav a:hover{background:#ffffff12}.concept-label{color:#d7e7ff;background:#ffffff0e;border:1px solid #ffffff25;max-width:120px}
.hero{min-height:690px;padding-top:65px;padding-bottom:90px;color:#fff;gap:40px}.hero h1{font-size:62px;line-height:1.075;font-weight:500;letter-spacing:-.02em}.hero h1 span{color:#fff}.hero-content>p{font-size:19px;line-height:1.6;color:#dce8ff;max-width:520px}.hero .button-light{color:#12345a;background:#fff;border-radius:100px;padding:18px 27px;font-weight:400}.hero .button-light:hover{background:#ecf4ff}.hero-checks{color:#dce9ff}.hero-checks svg{stroke:#dce9ff}.hero-art:before{content:none}.orb{border-color:#9acbff25}.orb-two{border-color:#9acbff12}
.payment-card{background:linear-gradient(135deg,#f4f8ff,#cdd7e7 35%,#fff 68%,#c7cfdb);box-shadow:inset 1px 1px 2px #fff,6px 9px 0 #a4b7d2,20px 35px 55px #00183b40;color:#4b5972}.card-brand img{width:95px}.gift-tag{left:0;bottom:10px;transform:rotate(-5deg);padding:22px 57px 22px 23px;box-shadow:0 14px 35px #002a6620}.gift-tag>strong{font-size:36px;display:block;margin-top:8px;font-weight:500}.gift-tag>span:first-child{font-size:12px}.card-symbol{opacity:.1}
.section{max-width:1280px}h2{font-size:42px;font-weight:500;letter-spacing:-.02em}h2 span{color:var(--ink)}.start-section{position:relative;margin-top:-22px;border-radius:32px 32px 0 0;background:#fff;padding-top:70px;z-index:3}.journey article{background:#f1f5fa;border-radius:24px;border:1px solid #edf1f6}.journey article:hover{background:#eaf2ff}.journey-icon{border-radius:50%;background:#fff}.journey h3{font-weight:500}.journey-icon svg{stroke:#0766ef}.button-red{background:#0766ef;border-radius:100px;font-weight:400}.button-red:hover{background:#0051cf}
.app-section{background:linear-gradient(115deg,#f0f5fe,#e7f3ff);border-radius:32px}.app-copy h2 span{color:#0766ef}.phone-glow{background:radial-gradient(ellipse,#76b4ff50,transparent 70%)}.closing-panel{background:radial-gradient(ellipse at right bottom,#1d9cfa,transparent 70%),linear-gradient(140deg,#00195f,#0756d3);color:#fff;border-radius:30px}.closing-copy h2 span{color:#fff}.closing-copy p{color:#d9e7ff}.closing-panel .button-light{border-radius:100px;color:#163a62;font-weight:400}.closing-decoration{background:linear-gradient(140deg,#499dff60,#1462d670);border-color:#ffffff20;box-shadow:inset 1px 1px 2px #fff5,20px 30px 50px #09296933}.closing-decoration>img{filter:brightness(0) invert(1);opacity:.4}
.faq h2{font-weight:500}.faq-list summary{font-weight:400}.footer{background:#fff}.footer .brand img{width:105px}.dialog-logo{width:105px}dialog{font-family:Omega,Arial,sans-serif}.dialog-note{color:#788395}
@media(max-width:1350px){.header{margin-left:auto;margin-right:auto}}@media(max-width:1050px){.hero h1{font-size:53px}.hero{gap:20px}}
@media(max-width:760px){body:before{height:1150px}.header{height:74px;margin:0;padding:0 22px;max-width:none;gap:15px}.header .brand img{width:90px}.concept-label{font-size:9px;max-width:111px;padding:5px 8px}.hero{padding:36px 23px 55px;gap:0;min-height:0}.hero-content{text-align:center}.hero h1{font-size:43px;line-height:1.07;letter-spacing:-.025em;font-weight:500}.hero-content>p{font-size:17px;line-height:1.55;max-width:370px}.hero .button-light{font-size:16px;min-height:60px;padding:17px 25px}.hero-checks{font-size:12px}.hero-art{height:355px;margin-top:25px}.gift-tag{bottom:0;padding:17px 45px 17px 19px;border-radius:18px}.gift-tag>strong{font-size:30px;margin-top:6px}.gift-tag>span:first-child{font-size:10px}.gift-tag>i{top:28px}.card-brand img{width:83px}.payment-card{box-shadow:inset 1px 1px 2px #fff,4px 6px 0 #a4b7d2,15px 25px 45px #00183b40}.start-section{margin-top:-20px;border-radius:28px 28px 0 0;padding-top:50px}h2,.faq h2{font-size:34px;font-weight:500}.journey article{min-height:140px}.journey h3{font-size:22px}.app-section{border-radius:26px}.closing-panel{border-radius:26px}.closing-copy h2{font-size:40px}.footer .brand img{width:95px}}
@media(max-width:360px){.hero h1{font-size:38px}.hero-content>p{font-size:16px}.hero-checks{font-size:11px}.hero .button-light{font-size:15px}.gift-tag>strong{font-size:28px}h2,.faq h2{font-size:31px}.closing-copy h2{font-size:36px}}
.gift-tag{color:#18273b}

@media (max-width: 760px) {
  .hero .hero-content { text-align: center; min-width: 0; }
  .hero .hero-content > h1 {
    margin-inline: auto;
    font-size: clamp(28px, 9.1vw, 43px);
    text-wrap: balance;
  }
  .hero-desktop-break { display: none; }
  .hero .hero-description { margin-inline: auto; max-width: 36ch; text-wrap: balance; }
  .hero .hero-checks { margin-inline: auto; }
  .hero .hero-checks span { justify-content: center; }
}

.hero .payment-card{width:365px;height:auto;aspect-ratio:85.6 / 53.98}
.card-bottom .mir-mark{width:64px;height:auto;flex:none}
@media (max-width:1100px){
  .hero .payment-card{width:312px}
}
@media (max-width:760px){
  .hero .payment-card{width:258px;padding:17px}
  .payment-card .chip{margin-top:18px}
  .payment-card .card-number{margin-top:15px}
  .payment-card .card-bottom{margin-top:10px}
  .card-bottom .mir-mark{width:51px}
}
@media (max-width:360px){
  .hero .payment-card{width:238px;padding:15px}
  .payment-card .chip{margin-top:15px}
  .payment-card .card-number{margin-top:13px}
  .payment-card .card-bottom{margin-top:9px}
}

.landing-footer {
  --footer-accent: #1256ab;
  --footer-tint: #e8f1ff;
  background: #fff;
  color: #161a21;
  border-top: 1px solid #dce2e9;
}
.landing-footer__inner {
  width: min(1220px, calc(100% - 36px));
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 20px 10px;
  padding-block: 24px 23px;
}
.landing-footer__brand {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  min-width: 0;
}
.landing-footer__brand img {
  translate: 0 -3px;
  display: block;
  width: 95px;
  max-width: 100%;
  height: auto;
}
.landing-footer__back {
  justify-self: end;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--footer-accent);
  font-size: 14px;
  font-weight: 650;
  white-space: nowrap;
}
.landing-footer__back span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: var(--footer-tint);
}
.landing-footer__back:hover { text-decoration: underline; }
.landing-footer__message {
  grid-column: 1 / -1;
  padding-top: 16px;
  border-top: 1px solid #dce2e9;
}
.landing-footer__message strong { font-size: 18px; font-weight: 700; line-height: 1.35; }
.landing-footer__message p { margin: 4px 0 0; color: #526275; font-size: 15px; line-height: 1.5; }