/* ============ ASSOCIATE PAGE ============ */
.phero{position:relative;background:linear-gradient(160deg,#0A1D3B 0%,#123A63 55%,#0A2647 100%);padding:170px 0 90px;overflow:hidden}
.phero .wrap{position:relative;z-index:3}
.phero h1{color:#fff;font-size:clamp(2rem,4.6vw,3.5rem);max-width:18ch;margin-bottom:20px}
.phero__sub{color:#B9C8DC;font-size:clamp(1rem,1.35vw,1.14rem);max-width:60ch;margin-bottom:32px}
.phero__btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:38px}
.phero__trust{display:flex;gap:26px;flex-wrap:wrap;padding-top:24px;border-top:1px solid rgba(255,255,255,.12)}
.phero__trust div{display:flex;align-items:center;gap:9px;font-size:.84rem;font-weight:600;color:#9FB2CC}
.phero__trust svg{color:var(--teal-400);flex:0 0 17px}
.chk{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-direction:column;gap:13px}
.chk li{display:flex;gap:12px;align-items:flex-start;font-size:.95rem}
.chk li::before{content:"";flex:0 0 22px;height:22px;margin-top:1px;border-radius:50%;background:var(--pink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat}
.note{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--pink);border-radius:var(--r);padding:26px;box-shadow:var(--sh-1)}
.note h3{font-size:1.1rem;margin-bottom:10px}
.note p{font-size:.92rem}
.note p:last-child{margin-bottom:0}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
@media(max-width:1020px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.g4{grid-template-columns:1fr}.phero{padding:140px 0 70px}}