.hero-banner{position:relative;height:clamp(220px,36vw,220px);display:grid;place-items:center;color:#fff;isolation:isolate;overflow:hidden}.hero-media{position:absolute;inset:0;background:url(/images/contactbanner.png) 50%/cover no-repeat;transform:scale(1.02)}.hero-overlay{position:absolute;inset:0;background:radial-gradient(50% 30% at 50% 50%,rgba(0,0,0,.2),rgba(0,0,0,.55)),linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.65) 60%)}.hero-content{position:relative;max-width:1100px;width:100%;padding:24px 16px;z-index:1}.hero-title{margin-top:8px;font-weight:800;letter-spacing:-.02em;font-size:clamp(28px,4vw,46px);line-height:1.1}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:clamp(12px,1.6vw,14px);opacity:.95}.breadcrumb a{color:#fff;text-decoration:none;border-bottom:1px dashed rgba(255,255,255,.5)}.breadcrumb a:hover{border-bottom-color:#fff}.crumb-sep{opacity:.8}.refer-main{background:#f7fafc;padding:64px 16px}.refer-container{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:48px}.refer-text h2{font-size:clamp(22px,3vw,34px);color:#0b172a;margin-bottom:16px;font-weight:700}.refer-text p{color:#4b5563;line-height:1.7;margin-bottom:24px;max-width:540px}.steps{display:grid;gap:18px;margin-bottom:32px}.step{display:flex;align-items:flex-start;gap:12px}.step-num{background:#84cc16;color:#fff;font-weight:700;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;flex-shrink:0;font-size:15px}.step p{margin:0;line-height:1.6}.refer-btn{display:inline-block;background:linear-gradient(90deg,#16a34a,#84cc16);color:#fff;padding:12px 28px;border-radius:8px;text-decoration:none;font-weight:600;transition:.3s ease}.refer-btn:hover{opacity:.9}.refer-card{background:#fff;border-radius:16px;box-shadow:0 6px 24px rgba(0,0,0,.08);padding:32px 24px;text-align:center}.refer-card h3{font-size:22px;color:#0b172a;font-weight:700}.refer-card p{color:#4b5563;margin:12px 0 20px}.refer-img{max-width:100%;height:auto;border-radius:10px}@media (max-width:992px){.refer-container{grid-template-columns:1fr;text-align:center}.refer-text p{margin:0 auto 24px}.steps{margin:0 auto 32px;text-align:left;max-width:500px}.refer-btn{margin-top:10px}}@media (max-width:640px){.refer-main{padding:48px 14px}.step-num{width:28px;height:28px;font-size:14px}.refer-card{padding:24px 18px}.refer-text h2{font-size:24px}}