/* HaiRakaDee Professional Hero v1.6. Equal-height columns + helpful support panel. */
.hero-premium{
  position:relative;isolation:isolate;overflow:hidden;padding:38px 0 44px;
  background:radial-gradient(ellipse at 100% 20%,rgba(23,102,215,.11),transparent 46%),linear-gradient(180deg,#f6f9fe 0%,#f0f6fe 75%,#f9fbff 100%);
}
.hero-premium::before{content:"";position:absolute;z-index:-1;width:420px;height:420px;left:-200px;top:-150px;border-radius:50%;background:radial-gradient(circle,rgba(39,109,224,.09),transparent 72%);pointer-events:none}
.hero-premium::after{content:"";position:absolute;z-index:-1;width:520px;height:520px;right:-190px;bottom:-240px;border-radius:50%;background:radial-gradient(circle,rgba(40,189,155,.08),transparent 70%);pointer-events:none}
.hero-premium .hero-premium-grid{grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);grid-template-areas:"copy right" "support right";grid-template-rows:auto minmax(0,1fr);column-gap:20px;row-gap:14px;align-items:stretch}
.hero-premium .hero-premium-copy{
  position:relative;isolation:isolate;overflow:hidden;border-radius:27px;padding:clamp(26px,3.4vw,45px);min-width:0;
  border:1px solid #214777;color:#fff;
  background:linear-gradient(150deg,#081d39 0%,#0a2c55 44%,#0e3969 100%);
  box-shadow:0 22px 55px rgba(4,34,80,.19),inset 0 1px 0 rgba(255,255,255,.12);
}
.hero-premium .hero-premium-copy::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 100% 10%,rgba(34,114,204,.23),transparent 36%),radial-gradient(circle at 0% 95%,rgba(32,183,147,.1),transparent 41%)}
.hero-premium .hero-premium-copy::after{content:"";position:absolute;right:-126px;top:-105px;width:300px;height:300px;border:1px solid rgba(164,214,255,.1);border-radius:50%;z-index:-1;pointer-events:none;background:none;box-shadow:0 0 0 48px rgba(164,214,255,.025),0 0 0 96px rgba(164,214,255,.014)}
.hero-premium .hero-premium-content{position:relative;z-index:1}
.hero-premium .hero-premium-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.11)}
.hero-premium .hero-premium-brand{display:flex;align-items:center;gap:11px;min-width:0}
.hero-premium .hero-premium-brand img{height:43px;width:43px;object-fit:contain;background:#fff;border:1px solid rgba(255,255,255,.2);border-radius:13px;padding:4px;flex:none}
.hero-premium .hero-premium-brand-copy{display:grid;gap:0;min-width:0}
.hero-premium .hero-premium-brand-copy strong{font-size:16px;line-height:1.35;color:#fff;letter-spacing:-.018em}
.hero-premium .hero-premium-brand-copy small{font:700 9px/1.6 system-ui,sans-serif;letter-spacing:.115em;color:#8cb2da}
.hero-premium .hero-premium-availability{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:#c9ddf4;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.13);border-radius:99px;padding:7px 10px;font-size:11px;font-weight:740}
.hero-premium .hero-premium-availability i,.hero-premium .hero-premium-photo-header i{display:block;height:7px;width:7px;flex:none;background:#38d6a5;border-radius:50%;box-shadow:0 0 0 4px rgba(56,214,165,.11)}
.hero-premium .hero-premium-heading{padding:37px 0 0}
.hero-premium .hero-premium-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#bad3ed;font-size:clamp(11px,1.1vw,12px);font-weight:800;line-height:1.7;letter-spacing:.005em}
.hero-premium .hero-premium-eyebrow i{height:3px;width:22px;flex:none;border-radius:4px;background:linear-gradient(90deg,#34dba8,#4c96ff)}
.hero-premium .hero-premium-heading h1{margin:14px 0 8px;font-size:clamp(38px,3.9vw,57px);line-height:1.21;letter-spacing:-.043em;color:#fff;font-weight:850;text-wrap:balance}
.hero-premium .hero-premium-heading h1 span{color:#6ce2c6;background:linear-gradient(108deg,#6ce2c6 10%,#81b5ff 90%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-premium .hero-premium-promise{margin:14px 0 20px;font-size:clamp(16px,1.65vw,20px);color:#f5faff;font-weight:820;letter-spacing:-.022em}
.hero-premium .hero-premium-promise span{color:#37d6ac;font-size:.9em;padding:0 5px}
.hero-premium .hero-premium-intro{margin:0;color:#bfd1e6;font-size:14px;line-height:1.95;max-width:61ch}
.hero-premium .hero-premium-intro strong{color:#fff}
.hero-premium .hero-premium-services{display:flex;flex-wrap:wrap;gap:8px;padding:19px 0 0}
.hero-premium .hero-premium-services span{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(192,220,255,.18);background:rgba(255,255,255,.058);color:#dde9f6;border-radius:999px;padding:7px 12px;font-size:11.5px;font-weight:760;line-height:1.45}
.hero-premium .hero-premium-services span::before{content:"";display:block;flex:none;width:5px;height:5px;border-radius:50%;background:#38d8aa}
.hero-premium .hero-premium-actions{display:grid;grid-template-columns:1.15fr .85fr;gap:10px;margin-top:28px}
.hero-premium .hero-premium-action{min-width:0;display:flex;align-items:center;gap:12px;text-decoration:none;border-radius:17px;padding:13px 15px;font-weight:820;line-height:1.4;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.hero-premium .hero-premium-action:hover{transform:translateY(-2px)}
.hero-premium .hero-premium-action:focus-visible,.hero-premium .hero-premium-contact-buttons a:focus-visible,.hero-premium .hero-premium-process-heading a:focus-visible{outline:3px solid #81eacf;outline-offset:3px}
.hero-premium .hero-premium-action-icon{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.15)}
.hero-premium .hero-premium-action-icon svg{width:19px;height:19px}
.hero-premium .hero-premium-action>span:nth-child(2){min-width:0;font-size:12px;white-space:nowrap}
.hero-premium .hero-premium-action small{display:block;font-size:14px;font-weight:900;margin-top:3px;letter-spacing:0}
.hero-premium .hero-premium-action-main{color:#073c30;background:linear-gradient(110deg,#68edb2,#34dba0);box-shadow:0 12px 26px rgba(29,191,146,.22)}
.hero-premium .hero-premium-action-main .hero-premium-action-icon{background:rgba(5,90,69,.12)}
.hero-premium .hero-premium-action-main:hover{box-shadow:0 15px 28px rgba(29,191,146,.32)}
.hero-premium .hero-premium-arrow{font-size:22px;margin-left:auto}
.hero-premium .hero-premium-action-call{color:#f8fcff;background:rgba(255,255,255,.065);border:1px solid rgba(187,216,244,.26)}
.hero-premium .hero-premium-action-call:hover{background:rgba(255,255,255,.11)}
.hero-premium .hero-premium-process{margin-top:29px;padding-top:23px;border-top:1px solid rgba(213,233,255,.14)}
.hero-premium .hero-premium-process-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.hero-premium .hero-premium-process-heading>span{color:#e9f3ff;font-size:12px;font-weight:850}
.hero-premium .hero-premium-process-heading a{color:#7fe7c8;font-size:11px;font-weight:790;white-space:nowrap}
.hero-premium .hero-premium-process-heading a span{margin-left:3px}
.hero-premium .hero-premium-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.hero-premium .hero-premium-process-grid>div{border:1px solid rgba(191,221,252,.13);background:rgba(255,255,255,.045);border-radius:13px;padding:12px 12px 13px;min-width:0}
.hero-premium .hero-premium-process-no{font:800 10px/1 system-ui,sans-serif;letter-spacing:.11em;color:#53ddbb;display:block;margin-bottom:10px}
.hero-premium .hero-premium-process-grid strong{display:block;color:#fff;font-size:12px;white-space:normal}
.hero-premium .hero-premium-process-grid small{display:block;color:#a2bbd6;font-size:11px;margin-top:3px;line-height:1.5}
.hero-premium .hero-premium-right{display:grid;gap:12px;min-width:0;position:relative}
.hero-premium .hero-premium-photo-card{padding:8px;background:#fff;border-radius:24px;border:1px solid rgba(29,75,132,.14);box-shadow:0 21px 56px rgba(13,51,100,.12)}
.hero-premium .hero-premium-photo-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px 14px;color:#284973;font-size:11px;font-weight:830}
.hero-premium .hero-premium-photo-header>span{display:inline-flex;align-items:center;gap:9px}
.hero-premium .hero-premium-photo-header strong{color:#8196b3;font:760 9px/1.5 system-ui,sans-serif;letter-spacing:.1em;white-space:nowrap}
.hero-premium .hero-premium-photo-card img{width:100%;height:auto;max-height:none;aspect-ratio:931/1689;object-fit:contain;object-position:center;border-radius:16px;display:block}
.hero-premium .hero-premium-details{background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid rgba(18,84,255,.1);box-shadow:0 12px 26px rgba(18,84,255,.07);border-radius:22px;padding:15px 17px}
.hero-premium .hero-premium-contact-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px}
.hero-premium .hero-premium-contact-head span{color:#7187a1;font-size:11px;font-weight:800}
.hero-premium .hero-premium-contact-head strong{color:#123e79;font-size:12px;font-weight:850}
.hero-premium .hero-premium-contact-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.hero-premium .hero-premium-contact-buttons a{border:1px solid #dfebfb;border-radius:14px;padding:10px 12px;background:#f6f9ff;min-width:0}
.hero-premium .hero-premium-contact-buttons a:last-child{background:#effcf6;border-color:#cfeee1}
.hero-premium .hero-premium-contact-buttons a span{display:block;color:#607e9e;font-size:10px;font-weight:800}
.hero-premium .hero-premium-contact-buttons a strong{display:block;color:#164580;font-size:13px;letter-spacing:-.01em;overflow-wrap:anywhere}
.hero-premium .hero-premium-contact-buttons a:last-child strong{color:#16815c}
.hero-premium .hero-premium-address{padding-top:10px;margin-top:11px;border-top:1px solid #e7edf6}
.hero-premium .hero-premium-address>span{display:block;color:#506987;font-size:10px;font-weight:820;margin-bottom:3px}
.hero-premium .hero-premium-address p{margin:0;color:#7587a0;font-size:11px;line-height:1.7}
@media(max-width:1100px){
  .hero-premium .hero-premium-grid{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:15px}
  .hero-premium .hero-premium-copy{padding:clamp(24px,3vw,34px)}
  .hero-premium .hero-premium-heading h1{font-size:clamp(36px,4.4vw,50px)}
  .hero-premium .hero-premium-actions{grid-template-columns:1fr}
  .hero-premium .hero-premium-action{padding:12px 16px}
  .hero-premium .hero-premium-action>span:nth-child(2){font-size:13px}
}
@media(min-width:741px) and (max-width:900px){
  .hero-premium .hero-premium-copy{padding:23px}
  .hero-premium .hero-premium-brand-copy small{font-size:8px;letter-spacing:.035em}
  .hero-premium .hero-premium-availability{font-size:9px;padding:6px 8px}
  .hero-premium .hero-premium-heading{padding-top:27px}
  .hero-premium .hero-premium-heading h1{font-size:clamp(32px,4.5vw,40px)}
  .hero-premium .hero-premium-promise{font-size:16px}
  .hero-premium .hero-premium-intro{font-size:12.5px}
  .hero-premium .hero-premium-services span{font-size:10.5px}
  .hero-premium .hero-premium-process-grid>div{padding:11px 9px}
  .hero-premium .hero-premium-process-grid strong{font-size:11px}
}
@media(max-width:740px){
  .hero-premium{padding:19px 0 32px}
  .hero-premium .hero-premium-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .hero-premium .hero-premium-heading h1{font-size:clamp(37px,6vw,54px)}
  .hero-premium .hero-premium-actions{grid-template-columns:1fr 1fr}
  .hero-premium .hero-premium-process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hero-premium .hero-premium-photo-card img{height:auto}
}
@media(min-width:531px) and (max-width:740px){
  .hero-premium .hero-premium-right{max-width:520px;margin-inline:auto;width:100%}
}
@media(max-width:530px){
  .hero-premium .hero-premium-copy{padding:22px;border-radius:22px}
  .hero-premium .hero-premium-topline{padding-bottom:17px}
  .hero-premium .hero-premium-brand img{height:37px;width:37px}
  .hero-premium .hero-premium-brand-copy strong{font-size:14px}
  .hero-premium .hero-premium-brand-copy small{font-size:8px;letter-spacing:.05em}
  .hero-premium .hero-premium-availability{font-size:0;gap:0;padding:11px;border-radius:50%}
  .hero-premium .hero-premium-availability i{width:7px;height:7px}
  .hero-premium .hero-premium-heading{padding-top:26px}
  .hero-premium .hero-premium-heading h1{font-size:clamp(31px,8.2vw,44px);margin:12px 0 9px}
  .hero-premium .hero-premium-promise{font-size:15.5px;white-space:nowrap;margin:12px 0 14px}
  .hero-premium .hero-premium-promise span{padding:0 2px}
  .hero-premium .hero-premium-intro{font-size:13px;line-height:1.85}
  .hero-premium .hero-premium-services{padding-top:16px;gap:7px}
  .hero-premium .hero-premium-services span{font-size:10.5px;padding:7px 10px}
  .hero-premium .hero-premium-actions{grid-template-columns:1fr;gap:9px;margin-top:22px}
  .hero-premium .hero-premium-action{padding:12px 13px}
  .hero-premium .hero-premium-process{margin-top:22px;padding-top:17px}
  .hero-premium .hero-premium-process-heading>span{font-size:10.5px}
  .hero-premium .hero-premium-process-heading a{font-size:10px}
  .hero-premium .hero-premium-process-grid{gap:6px}
  .hero-premium .hero-premium-process-grid>div{padding:11px 8px}
  .hero-premium .hero-premium-process-grid strong{font-size:10.5px}
  .hero-premium .hero-premium-process-grid small{font-size:10px}
  .hero-premium .hero-premium-photo-header{font-size:10px}
  .hero-premium .hero-premium-photo-header strong{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.hero-premium .hero-premium-action{transition:none}}

/* v1.6 - Turn the empty area below the left Hero into a useful, deliberately balanced service panel. */
.hero-premium .hero-premium-copy{grid-area:copy;min-width:0}
.hero-premium .hero-premium-right{grid-area:right;display:flex;flex-direction:column;gap:14px;align-self:stretch}
.hero-premium .hero-premium-details{flex:1 1 auto;display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.hero-premium .hero-premium-support{
  grid-area:support;position:relative;flex:1 1 auto;min-width:0;overflow:hidden;
  display:flex;flex-direction:column;justify-content:space-between;gap:17px;
  padding:24px 26px 21px;border-radius:23px;
  border:1px solid rgba(42,93,154,.15);
  background:linear-gradient(145deg,#fff 0%,#f7fbff 78%,#eff7fc 100%);
  box-shadow:0 15px 38px rgba(13,55,105,.095),inset 0 1px 0 rgba(255,255,255,.8);
}
.hero-premium .hero-premium-support::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,#43deb0,#4b9aec 64%,transparent)}
.hero-premium .hero-premium-support-heading{display:flex;align-items:end;justify-content:space-between;gap:12px}
.hero-premium .hero-premium-support-kicker{display:inline-flex;align-items:center;gap:7px;font:800 10px/1.4 system-ui,sans-serif;letter-spacing:.12em;color:#527398}
.hero-premium .hero-premium-support-kicker i{height:6px;width:6px;border-radius:50%;background:#22b98a;box-shadow:0 0 0 4px rgba(34,185,138,.1)}
.hero-premium .hero-premium-support h2{margin:6px 0 0;color:#123c71;font-size:clamp(18px,1.65vw,22px);line-height:1.4;font-weight:850;letter-spacing:-.025em}
.hero-premium .hero-premium-support h2 span{color:#168569}
.hero-premium .hero-premium-support-more{flex:none;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:#1b5899;font-size:11px;font-weight:850;padding-bottom:3px}
.hero-premium .hero-premium-support-more span{font-size:15px}
.hero-premium .hero-premium-support-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.hero-premium .hero-premium-support-option{position:relative;min-width:0;min-height:113px;padding:14px 12px 11px;border:1px solid #e0eaf5;border-radius:15px;background:#fff;box-shadow:0 5px 16px rgba(15,61,108,.035);display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.hero-premium .hero-premium-support-option:hover{transform:translateY(-2px);border-color:#aac7e8;box-shadow:0 9px 18px rgba(15,61,108,.09)}
.hero-premium .hero-premium-support-option:focus-visible,.hero-premium .hero-premium-support-more:focus-visible,.hero-premium .hero-premium-support-bottom a:focus-visible{outline:3px solid #24cfa2;outline-offset:3px}
.hero-premium .hero-premium-support-number{display:block;margin-bottom:12px;font:800 10px/1 system-ui,sans-serif;letter-spacing:.09em;color:#1c9b82}
.hero-premium .hero-premium-support-option strong{display:block;margin-bottom:3px;color:#123c71;font-size:12px;font-weight:850;line-height:1.4;padding-right:8px}
.hero-premium .hero-premium-support-option small{display:block;color:#667d95;font-size:10.5px;font-weight:650;line-height:1.45}
.hero-premium .hero-premium-support-arrow{position:absolute;right:11px;top:10px;color:#9ab0cb;font-size:13px}
.hero-premium .hero-premium-support-bottom{padding-top:12px;border-top:1px solid #e4edf7;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.hero-premium .hero-premium-support-bottom>span{display:inline-flex;align-items:center;gap:8px;color:#526d88;font-size:10.5px;font-weight:700}
.hero-premium .hero-premium-support-bottom i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;flex:none;background:#e1f7ed;color:#117758;font-style:normal;font-size:11px}
.hero-premium .hero-premium-support-bottom a{color:#1254aa;font-size:11px;font-weight:850;white-space:nowrap}
@media(max-width:1100px){
  .hero-premium .hero-premium-support{padding:20px;gap:14px}
  .hero-premium .hero-premium-support-heading{align-items:flex-start;flex-direction:column;gap:4px}
  .hero-premium .hero-premium-support-option{padding:11px 10px;min-height:114px}
  .hero-premium .hero-premium-support-option strong{font-size:11.5px}
}
@media(max-width:1080px){
  .hero-premium .hero-premium-grid{grid-template-columns:1fr;grid-template-areas:"copy" "right" "support";grid-template-rows:auto auto auto;gap:16px}
  .hero-premium .hero-premium-right{gap:16px}
  .hero-premium .hero-premium-right{width:100%;max-width:580px;margin-inline:auto}
  .hero-premium .hero-premium-support-heading{flex-direction:row;align-items:end}
}
@media(max-width:530px){
  .hero-premium .hero-premium-support{padding:19px 18px;border-radius:20px}
  .hero-premium .hero-premium-support-heading{align-items:flex-start;flex-direction:column;gap:6px}
  .hero-premium .hero-premium-support h2{font-size:19px}
  .hero-premium .hero-premium-support-options{grid-template-columns:1fr;gap:8px}
  .hero-premium .hero-premium-support-option{min-height:0;padding:12px 37px 12px 44px;display:block}
  .hero-premium .hero-premium-support-number{position:absolute;left:13px;top:16px;margin:0}
  .hero-premium .hero-premium-support-option strong{font-size:12.5px;padding:0;margin-bottom:1px}
  .hero-premium .hero-premium-support-option small{font-size:11px}
  .hero-premium .hero-premium-support-arrow{top:18px}
  .hero-premium .hero-premium-support-bottom{align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.hero-premium .hero-premium-support-option{transition:none}}