/* Compact brand composition: familiar payment methods around the priliv mark. */
.hero.hero-brand-panel{display:grid;grid-template-columns:1.08fr 1fr;min-height:374px;margin-bottom:0;overflow:hidden;background:#eaf3ff}
.hero-brand-panel .hero-copy{min-width:0;padding:28px 40px;z-index:2}
.hero-brand-panel .hero-copy .eyebrow{font-size:11px;line-height:1.5;letter-spacing:1.3px;margin-bottom:16px}
.hero-brand-panel .hero-copy h1{font-size:48px;line-height:1.12;letter-spacing:-1.8px;white-space:normal}
.hero-brand-panel .hero-copy .hero-payment-copy{margin-top:16px;font-size:18px;line-height:1.5;color:#556b88}
.hero-brand-panel .hero-payment-copy strong{color:var(--ink);font-weight:650}
.hero-brand-panel .hero-actions{margin-top:22px;gap:20px;flex-wrap:wrap}
.hero-brand-panel .hero-actions .button{min-height:50px;padding:15px 20px;font-size:16px}
.hero-brand-panel .hero-how{font-size:15px;white-space:nowrap}
.hero-brand-panel .hero-note.hero-assurances{display:flex;gap:24px;margin-top:18px;font-size:14px;line-height:20px}
.hero-brand-panel .hero-assurances>span{font-size:14px;line-height:20px}
.hero-brand-panel .hero-assurances .icon{width:18px;height:18px}
.hero-brand-art{position:relative;min-width:0;min-height:374px;isolation:isolate;background:radial-gradient(ellipse at 48% 49%,#dceaff 0,#e4efff88 42%,transparent 72%)}
.hero-brand-art::before{content:"";position:absolute;width:62%;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #bfd4f75c;border-radius:50%;box-shadow:0 0 0 28px #d4e4fc35,0 0 0 57px #d4e4fc23;pointer-events:none;z-index:-1}
.hero-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.hero-ripples{stroke:#c6d9f5;stroke-width:1;opacity:.6}
.hero-flow-lines{stroke:#8db2e8;stroke-width:1.8;stroke-linecap:round}
.hero-flow-mobile{display:none}
.hero-flow-output-compact,.hero-flow-output-mobile{display:none}
.hero-brand-center,.hero-payment-node,.hero-access-card{position:absolute;transform:translate(-50%,-50%);z-index:1}
.hero-brand-center{left:50%;top:48%;width:100px;height:100px;border-radius:29px;box-shadow:0 16px 34px #3567be2a}
.hero-brand-symbol{display:block;width:100%;height:100%;color:var(--blue)}
.hero-payment-node{width:148px;min-height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 15px;border:1px solid #fff;border-radius:17px;background:#ffffffec;box-shadow:0 9px 23px #5979ae0d;animation:hero-node-drift 7s ease-in-out infinite}
.hero-payment-node img{display:block;max-width:100%;height:42px;object-fit:contain}
.hero-payment-node>span{font-size:13px;line-height:1.35;color:#617592}
.hero-node-erip{left:23%;top:23%;animation-delay:-2s}
.hero-node-sbp{left:77%;top:23%;animation-delay:-4.5s}
.hero-node-erip img{width:106px}
.hero-node-sbp img{width:96px;height:46px}
.hero-access-card{left:50%;top:79%;width:258px;min-height:78px;display:flex;align-items:center;gap:13px;padding:14px 16px;border:1px solid #d9eae6;border-radius:18px;background:#fff;box-shadow:0 10px 24px #5979ae10}
.hero-access-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:13px;background:#e9f5f0;color:#378673}
.hero-access-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hero-access-card>div{min-width:0}
.hero-access-card>div>span{display:block;font-size:13px;line-height:1.4;color:#617592;margin-bottom:3px}
.hero-access-card strong{display:block;font-size:17px;line-height:1.3;font-weight:600;letter-spacing:-.4px;white-space:nowrap}
@keyframes hero-node-drift{0%,100%{translate:0 0}50%{translate:0 -4px}}
@media(min-width:1001px) and (max-width:1100px){
  .hero-brand-panel .hero-copy{padding-right:30px;padding-left:32px}
  .hero-brand-panel .hero-copy h1{font-size:42px;letter-spacing:-1.4px}
  .hero-brand-panel .hero-actions{gap:16px}
  .hero-brand-panel .hero-actions .button{padding-right:16px;padding-left:16px;gap:16px}
  .hero-brand-center{width:94px;height:94px}
  .hero-payment-node{width:140px}
}
@media(max-width:1000px){
  .hero.hero-brand-panel{grid-template-columns:1fr;min-height:0}
  .hero-brand-panel .hero-copy{padding:30px 36px 0}
  .hero-brand-panel .hero-copy h1{font-size:42px;letter-spacing:-1.4px}
  .hero-brand-art{width:min(100%,600px);height:300px;min-height:0;margin:8px auto 12px}
  .hero-brand-center{top:45%;width:84px;height:84px;border-radius:25px}
  .hero-flow-output-desktop{display:none}
  .hero-flow-output-compact{display:block}
}
@media(max-width:620px){
  .hero-brand-panel .hero-copy{padding:26px 24px 0}
  .hero-brand-panel .hero-copy .eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:14px}
  .hero-brand-panel .hero-copy h1{font-size:clamp(31px,7.8vw,40px);letter-spacing:-1.1px}
  .hero-brand-panel .hero-copy .hero-payment-copy{font-size:17px;line-height:1.5;margin-top:16px}
  .hero-brand-panel .hero-actions{margin-top:20px;gap:16px}
  .hero-brand-panel .hero-actions .button{padding:14px 17px;gap:16px}
  .hero-brand-panel .hero-note.hero-assurances{margin-top:18px;gap:20px}
  .hero-brand-panel .hero-assurances>span{font-size:13px}
  .hero-brand-art{width:min(100%,470px);height:280px;margin-top:10px;margin-bottom:12px}
  .hero-brand-center{width:84px;height:84px;border-radius:25px}
  .hero-payment-node{width:140px;min-height:78px;padding:9px 12px;gap:4px;border-radius:15px}
  .hero-access-card{width:246px;min-height:72px;padding:12px 14px;gap:11px}
  .hero-access-card strong{font-size:16px}
}
@media(max-width:460px){
  .hero-brand-panel .hero-copy{padding-right:22px;padding-left:22px}
  .hero-brand-panel .hero-actions{gap:13px}
  .hero-brand-panel .hero-how{font-size:14px}
  .hero-brand-art{height:250px;margin-top:12px;margin-bottom:14px}
  .hero-brand-art::before{width:65%;box-shadow:0 0 0 25px #d4e4fc35,0 0 0 47px #d4e4fc23}
  .hero-brand-center{top:50%;width:72px;height:72px;border-radius:21px}
  .hero-node-erip{top:18%}
  .hero-node-sbp{top:18%}
  .hero-access-card{top:84%;min-height:66px;width:238px;padding:10px 12px;gap:10px;border-radius:16px}
  .hero-access-icon{width:38px;height:38px;border-radius:11px}
  .hero-flow-desktop{display:none}
  .hero-flow-mobile{display:block}
  .hero-flow-output-compact{display:none}
  .hero-flow-output-mobile{display:block}
  .hero-payment-node{width:120px;min-height:74px;padding:8px 10px}
  .hero-node-erip img{width:94px;height:36px}
  .hero-node-sbp img{width:82px;height:40px}
}
@media(max-width:365px){
  .hero-brand-panel .hero-copy{padding-left:19px;padding-right:19px}
  .hero-brand-panel .hero-copy h1{font-size:30px;letter-spacing:-1.1px}
  .hero-brand-panel .hero-copy .eyebrow{font-size:9px;letter-spacing:.8px}
  .hero-brand-panel .hero-note.hero-assurances{gap:14px}
  .hero-brand-panel .hero-assurances>span{gap:5px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .hero-brand-panel .hero-payment-node{animation:none}
}