/* Master Step 3 surgical visual refinement: accepted homepage sections and behavior preserved. */
.services{background:radial-gradient(ellipse at 4% 9%,rgba(123,0,42,.043),#fff 63%)!important}
.insights-hub{background:radial-gradient(ellipse at 88% 5%,rgba(113,0,38,.038),#fff 66%)!important}
#nav a:focus-visible,.footer a:focus-visible{outline:3px solid #cc9d45;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.services,.insights-hub{scroll-behavior:auto}}

/* Owner-approved 9 Nov 2026 restoration: exact 28 Oct 'Why Choose HKKO GOLD?' labels.
 * Flat, white, no lion, glows, burgundy background or decorative image.
 * Scoped exclusively to #about; leaves homepage data and financial components unchanged.
 */
section.why#about.why-step3{
  position:relative!important;isolation:auto!important;overflow:visible!important;
  background:#fff!important;background-image:none!important;color:#32262d!important;
  padding:clamp(54px,7vw,96px) 0!important;min-height:0!important;
  border-top:1px solid #f0e7ea;border-bottom:1px solid #f0e7ea;
  box-shadow:none!important;filter:none!important;
}
section.why#about.why-step3::before,
section.why#about.why-step3::after{content:none!important;display:none!important;animation:none!important;background:none!important;box-shadow:none!important}
section.why#about.why-step3 > .wrap.why-top{
  max-width:var(--max,1320px)!important;width:100%!important;
  margin:0 auto!important;padding-inline:clamp(18px,3vw,44px)!important;display:grid!important;
  grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr)!important;
  gap:clamp(28px,5vw,82px)!important;align-items:start!important;
  background:transparent!important;
}
section.why#about.why-step3 .why-heading{max-width:460px!important;min-width:0!important;display:block!important;text-align:left!important}
section.why#about.why-step3 .why-overline{
  display:block!important;color:#8b0030!important;letter-spacing:.16em!important;
  font:800 11px/1.45 Inter,"Segoe UI",Arial,sans-serif!important;margin:0 0 15px!important;
}
section.why#about.why-step3 #why-heading{
  color:#450016!important;font-size:clamp(34px,3.4vw,48px)!important;line-height:1.09!important;
  font-weight:790!important;letter-spacing:-.035em!important;text-shadow:none!important;
  margin:0 0 18px!important;
}
section.why#about.why-step3 .why-heading p{
  font:400 16px/1.7 Inter,"Segoe UI",Arial,sans-serif!important;
  color:#685e63!important;max-width:390px!important;text-shadow:none!important;
}
section.why#about.why-step3 .why-feature-grid{
  width:100%!important;max-width:none!important;min-width:0!important;display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;gap:14px!important;margin:0!important;padding:0!important;
}
section.why#about.why-step3 .why-feature{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:16px!important;min-width:0!important;min-height:104px!important;
  border:1px solid #e9dfe3!important;border-radius:12px!important;
  background:#fff!important;background-image:none!important;color:#422333!important;
  box-shadow:0 8px 24px rgba(61,0,22,.045)!important;padding:22px!important;
  font:750 clamp(13px,1.12vw,15px)/1.45 Inter,"Segoe UI",Arial,sans-serif!important;
  text-align:left!important;letter-spacing:0!important;text-transform:none!important;
  filter:none!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
section.why#about.why-step3 .why-feature:nth-child(5){grid-column:1/-1}
section.why#about.why-step3 .why-feature:hover{
  transform:translateY(-3px)!important;border-color:#d7bcc5!important;
  box-shadow:0 14px 30px rgba(61,0,22,.08)!important;
}
section.why#about.why-step3 .why-feature .why-icon{
  width:37px!important;height:37px!important;min-width:37px!important;
  stroke:#8e0530!important;stroke-width:1.65!important;fill:none!important;
  filter:none!important;transform:none!important;opacity:1!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
}
section.why#about.why-step3 .why-panorama,
section.why#about.why-step3 .why-mobile-lion,
section.why#about.why-step3 .why-mobile-promise{display:none!important}
@media(min-width:850px) and (prefers-reduced-motion:no-preference){
  section.why#about.why-step3 .why-feature{animation:hkkoWhyFeatureEnter .55s ease both}
  section.why#about.why-step3 .why-feature:nth-child(2){animation-delay:.06s}
  section.why#about.why-step3 .why-feature:nth-child(3){animation-delay:.12s}
  section.why#about.why-step3 .why-feature:nth-child(4){animation-delay:.18s}
  section.why#about.why-step3 .why-feature:nth-child(5){animation-delay:.24s}
}
@keyframes hkkoWhyFeatureEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){
  section.why#about.why-step3 > .wrap.why-top{grid-template-columns:1fr!important;gap:26px!important}
  section.why#about.why-step3 .why-heading{max-width:650px!important}
}
@media(max-width:570px){
  section.why#about.why-step3 .why-feature-grid{grid-template-columns:1fr!important}
  section.why#about.why-step3 .why-feature:nth-child(5){grid-column:auto}
  section.why#about.why-step3 .why-feature{min-height:82px!important;padding:17px 19px!important}
  section.why#about.why-step3 #why-heading{font-size:36px!important}
}
@media(prefers-reduced-motion:reduce){
  section.why#about.why-step3 .why-feature{animation:none!important;transition:none!important}
  section.why#about.why-step3 .why-feature:hover{transform:none!important}
}