.pagesbanner img, .pagesbanner video{min-height:initial}
:root {--primary:#2b6cff;--primary-hover:#1a5af0;--text:#ffffff;--text-dim:rgba(255,255,255,0.78);}
.hero-content {position:absolute;z-index:1;max-width:45%;top:50%;left:10%;transform:translateY(-50%);color:#fff}
.hero-content .hero-title {color:#fff;font-size:clamp(22px,3vw,73px);font-weight:700;line-height:1.12;margin-bottom:18px;text-shadow:0 2px 10px rgba(0,0,0,0.25);}
.hero-content .hero-subtitle {font-size:clamp(13px,1.8vw,36px);font-weight:700;line-height:1.35;margin-bottom:22px;width:95%;}
.hero-content .hero-desc {font-size:clamp(12px,1vw,18px);line-height:1.75;color:#ffffffcc;max-width:90%;margin-bottom:36px;}
.hero-content .btn-primary {display:inline-flex;align-items:center;gap:10px;font-size:clamp(12px,1vw,17px);padding:12px 25px;background:var(--color);color:#fff;font-weight:600;text-decoration:none;border-radius:6px;transition:background 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease;box-shadow:0 8px 24px rgba(43,108,255,0.32);}
.hero-content .btn-primary:hover {color:#fff!important;transform:translateY(-2px);box-shadow:0 12px 28px rgba(43,108,255,0.38);}
@media (max-width:1200px){.hero-content .hero-title{margin-bottom:12px}
.hero-content .hero-subtitle{margin-bottom:12px}
.hero-content .hero-desc{margin-bottom:20px}
.hero-content .btn-primary{padding:7px 20px}}
@media (max-width:1024px){.hero-content{max-width:75%;left:10%}}
@media (max-width:768px){.hero-content{max-width:92%;left:4%}
.hero-content .hero-subtitle{margin-bottom:8px}
.hero-content .hero-desc{margin-bottom:0}
.hero-content .btn-primary{display:none}}
@media (max-width:600px){.hero-content .hero-desc{display:none}}