/* Srikrung Broker Premium Hero V2 — scoped; other site CSS remains unchanged. */
.hero.hero-premium {
  position:relative;min-height:635px;isolation:isolate;overflow:hidden;color:#fff;
  background:radial-gradient(ellipse at 74% 32%,rgba(15,180,99,.55),transparent 48%),
             radial-gradient(ellipse at 13% 104%,rgba(21,142,101,.45),transparent 45%),
             linear-gradient(108deg,#003d2d 3%,#005b3e 45%,#008958 100%);
}
.hero.hero-premium::before{content:'';position:absolute;z-index:0;pointer-events:none;inset:0;
  background:radial-gradient(circle at 88% 11%,rgba(243,255,137,.06),transparent 28%);}
.hero-premium .hero-premium-ambient{position:absolute;z-index:0;pointer-events:none;inset:0;
  background:linear-gradient(146deg,transparent 63%,rgba(133,233,162,.08) 73%,transparent 89%)}
.hero-premium .hero-premium-shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);
  align-items:center;gap:clamp(0px,1.2vw,24px);min-height:635px;max-width:1480px;}
.hero-premium .hero-premium-copy{min-width:0;position:relative;z-index:3;padding:55px 0 74px;}
.hero-premium .hero-premium-tag{color:#d2f3cc;font-weight:700;font-size:11px;letter-spacing:1.25px;line-height:1.5;}
.hero-premium .hero-premium-tag .sparkle{color:#ffe56a}
.hero-premium .hero-premium-copy h1{font-size:clamp(38px,4.5vw,70px);line-height:1.28;font-weight:800;letter-spacing:-1.4px;
  margin:25px 0 21px;color:#fff;max-width:785px;text-wrap:balance;text-shadow:0 2px 12px rgba(0,48,30,.12);}
.hero-premium .hero-premium-copy h1 span{color:#ffe76b;text-shadow:0 2px 25px rgba(239,219,81,.14)}
.hero-premium .hero-premium-copy>p{max-width:630px;margin:0 0 30px;line-height:1.85;font-size:clamp(14px,1.2vw,18px);color:#e9fff4;}
.hero-premium .hero-premium-actions{display:flex;flex-wrap:wrap;gap:13px;position:relative;z-index:4;}
.hero-premium .hero-premium-actions .btn{min-height:56px;border-radius:99px;padding:14px 25px;font-weight:800;font-size:14px;
  transition:transform .2s ease,filter .2s ease;}
.hero-premium .hero-premium-actions .btn:hover{transform:translateY(-2px);filter:brightness(1.05)}
.hero-premium .hero-premium-actions .btn-yellow{background:#ffe866;color:#0b4636;box-shadow:0 8px 24px rgba(255,225,63,.2)}
.hero-premium .hero-premium-actions .btn-ghost{color:#fff;border:1px solid rgba(231,255,238,.7);background:rgba(2,87,61,.28)}
.hero-premium .hero-premium-trust{margin-top:35px;display:flex;flex-wrap:wrap;gap:9px 19px;color:#e0fbea;font-size:12px;font-weight:500}
.hero-premium .hero-premium-trust span{display:inline-flex;gap:8px;align-items:center}
.hero-premium .hero-premium-trust i{font-size:11px;font-style:normal;display:inline-grid;place-items:center;width:21px;height:21px;
  border-radius:50%;color:#155e32;background:linear-gradient(135deg,#cfff7e,#80dc6b);box-shadow:0 2px 8px rgba(4,24,7,.3)}
.hero-premium .hero-premium-visual{align-self:stretch;min-height:550px;height:auto;width:100%;position:relative;display:block;isolation:isolate;overflow:visible;z-index:1}
.hero-premium .hero-premium-visual img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 13%,#000 99%);
  mask-image:linear-gradient(to right,transparent 0%,#000 13%,#000 99%);}
.hero-premium .hero-premium-photo-note{position:absolute;bottom:12px;right:20px;color:rgba(255,255,255,.7);font-size:10px;
  text-shadow:0 1px 4px rgba(0,27,19,.7)}
.hero-premium .hero-premium-bottom{pointer-events:none;position:absolute;left:0;bottom:0;width:100%;height:9px;z-index:5;
  background:linear-gradient(90deg,#39ac75,#e9eb69 32%,#ffe474 57%,#33b87b);box-shadow:0 -7px 26px rgba(205,250,107,.15)}
@media(max-width:1160px){
  .hero-premium .hero-premium-shell{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);}
  .hero-premium .hero-premium-copy h1{font-size:clamp(35px,4.4vw,57px)}
  .hero-premium .hero-premium-trust{gap:8px 11px;font-size:11px}
}
@media(max-width:850px){
  .hero-premium .hero-premium-shell{grid-template-columns:minmax(0,1fr);min-height:0;gap:0;}
  .hero-premium .hero-premium-copy{padding:60px 0 12px}
  .hero-premium .hero-premium-copy h1{font-size:clamp(42px,7vw,61px);max-width:720px}
  .hero-premium .hero-premium-copy>p{max-width:690px}
  .hero-premium .hero-premium-trust{margin-top:25px}
  .hero-premium .hero-premium-visual{height:490px;min-height:490px;max-width:690px;margin:0 auto;width:100%}
  .hero-premium .hero-premium-visual img{object-fit:contain;object-position:center}
}
@media(max-width:540px){
  .hero-premium .hero-premium-copy{padding:43px 0 2px}
  .hero-premium .hero-premium-tag{font-size:9px;letter-spacing:.65px}
  .hero-premium .hero-premium-copy h1{font-size:clamp(31px,8.3vw,45px);line-height:1.36;letter-spacing:-.6px;margin:15px 0 17px}
  .hero-premium .hero-premium-copy>p{font-size:13px;line-height:1.8;margin-bottom:20px}
  .hero-premium .hero-premium-actions{gap:9px}
  .hero-premium .hero-premium-actions .btn{font-size:11px;min-height:45px;padding:10px 14px}
  .hero-premium .hero-premium-trust{margin-top:19px;gap:7px 13px;font-size:10px}
  .hero-premium .hero-premium-trust i{width:18px;height:18px;font-size:10px}
  .hero-premium .hero-premium-visual{height:340px;min-height:340px;max-width:450px;margin:8px auto 0}
  .hero-premium .hero-premium-photo-note{font-size:9px;right:2px;bottom:8px}
}
@media(max-width:355px){
  .hero-premium .hero-premium-actions .btn{font-size:10px;padding:10px 12px}
  .hero-premium .hero-premium-visual{height:290px;min-height:290px}
}
@media(prefers-reduced-motion:reduce){.hero-premium .hero-premium-actions .btn{transition:none}}