/* Kian Computer: restored double animated hero waves and consistent contrast. */
body.modern-site .page-hero{isolation:isolate;overflow:hidden}
/* Two independent moving arcs, behind all hero content. */
body.modern-site .page-hero::before{
 content:""!important;position:absolute!important;inset:auto!important;
 width:130%!important;height:205px!important;left:-15%!important;bottom:-150px!important;
 background:none!important;border-top:2px solid rgba(70,219,255,.88)!important;
 border-radius:50% 50% 0 0!important;box-shadow:0 -3px 13px rgba(29,193,255,.36)!important;
 transform:rotate(2deg);animation:kianHeroWaveSecond 12s ease-in-out infinite alternate!important;
 z-index:0!important;pointer-events:none!important;opacity:.94!important
}
body.modern-site .page-hero::after{
 border-top:2px solid #238bff!important;
 box-shadow:0 -5px 16px rgba(14,113,255,.42)!important;
 animation:kianHeroWaveFirst 15s ease-in-out infinite alternate!important;
 z-index:0!important;pointer-events:none!important
}
@keyframes kianHeroWaveFirst{0%{transform:translateY(0) rotate(-3deg)}100%{transform:translateY(-22px) rotate(2deg)}}
@keyframes kianHeroWaveSecond{0%{transform:translateY(-8px) rotate(3deg)}100%{transform:translateY(-27px) rotate(-2deg)}}
body.modern-site .page-hero>.container{position:relative;z-index:2}
/* Hero CTA buttons: polished appearance and animated highlight on hover. */
body.modern-site .page-hero .hero-actions .button{position:relative;overflow:hidden;isolation:isolate;min-height:58px;padding:13px 23px;border-radius:14px!important;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;transition:transform .25s,box-shadow .25s,background .25s;box-shadow:0 8px 22px rgba(0,24,74,.25)}
body.modern-site .page-hero .hero-actions .button::before{content:"";position:absolute;inset:-45% auto -45% -70%;width:45%;background:linear-gradient(95deg,transparent,rgba(255,255,255,.3),transparent);transform:skewX(-22deg);transition:left .55s ease;pointer-events:none}
body.modern-site .page-hero .hero-actions .button:hover::before{left:130%}
body.modern-site .page-hero .hero-actions .button:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(16,137,255,.35)}
body.modern-site .page-hero .hero-actions .button:focus-visible{outline:3px solid #77eaff;outline-offset:3px}
body.modern-site .page-hero .hero-actions .button-ghost{background:rgba(9,33,66,.35)!important;border:1px solid #a9d9ff!important;color:#fff!important}
body.modern-site .page-hero .hero-actions a[href*="wa.me"]{background:rgba(10,108,77,.32)!important;border:1px solid #00d9a0!important;color:#5af6c5!important}
@media(max-width:650px){body.modern-site .page-hero .hero-actions .button{min-height:52px;padding:11px 16px}}
@media(prefers-reduced-motion:reduce){body.modern-site .page-hero::before,body.modern-site .page-hero::after{animation:none!important}body.modern-site .page-hero .hero-actions .button::before{display:none}}