/* KianTower Glass Buttons Patch v1.0 */
#kt-landing .cta-row .btn{position:relative; isolation:isolate; will-change:transform, filter;}

/* Baseline glass look — applies to hero CTAs only */
#kt-landing .cta-row .btn{
  --tint-h: 45;  /* default hue = gold */
  --tint-s: 90%;
  --tint-l: 55%;
  --alpha: .14;
  color:#fff !important;
  background:
    linear-gradient( to bottom right, rgba(255,255,255,.14), rgba(255,255,255,.06) ) ,
    linear-gradient( to bottom right,
      hsla(var(--tint-h) var(--tint-s) calc(var(--tint-l) + 10%) / var(--alpha)),
      hsla(var(--tint-h) var(--tint-s) calc(var(--tint-l) - 10%) / calc(var(--alpha) * .9))
    );
  border:1px solid rgba(255,255,255,.28);
  border-radius: 999px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.25),
    0 10px 26px rgba(0,0,0,.25);
  backdrop-filter: blur(10px) saturate(1.25);
  -webkit-backdrop-filter: blur(10px) saturate(1.25);
  transition: transform .25s ease, box-shadow .25s ease, filter .3s ease, background .35s ease;
  overflow:hidden;
}

/* Sheen effect on hover — enable if element also has .sheen */
#kt-landing .cta-row .btn.sheen::after{
  content:"";
  position:absolute; inset:-2px;
  background: linear-gradient(120deg, transparent 42%, rgba(255,255,255,.55) 50%, transparent 58%);
  transform: translateX(-120%) skewX(-18deg);
  transition: transform .9s ease;
  pointer-events:none;
  mix-blend-mode: screen;
}
#kt-landing .cta-row .btn.sheen:hover::after{ transform: translateX(120%) skewX(-18deg); }

/* Hover polish */
#kt-landing .cta-row .btn:hover{
  transform: translateY(-2px) scale(1.015);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.35),
    0 16px 36px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.06);
  filter: saturate(1.05) brightness(1.03);
  background:
    linear-gradient( to bottom right, rgba(255,255,255,.18), rgba(255,255,255,.08) ) ,
    linear-gradient( to bottom right,
      hsla(calc(var(--tint-h) + 6) var(--tint-s) calc(var(--tint-l) + 6%) / calc(var(--alpha) * 1.1)),
      hsla(calc(var(--tint-h) - 6) var(--tint-s) calc(var(--tint-l) - 6%) / calc(var(--alpha) * 1.0))
    );
}

/* Color variants mapped to existing classes */
#kt-landing .cta-row .btn.btn-gold   { --tint-h: 45;  --tint-s: 90%; --tint-l: 55%; } /* gold */
#kt-landing .cta-row .btn.btn-ghost  { --tint-h: 220; --tint-s: 14%; --tint-l: 70%; } /* neutral glass */

/* Mobile touch target */
@media (max-width:640px){
  #kt-landing .cta-row .btn{ padding:.95rem 1.35rem; }
}

/* Respect reduce motion */
@media (prefers-reduced-motion: reduce){
  #kt-landing .cta-row .btn,
  #kt-landing .cta-row .btn.sheen::after{
    transition:none !important;
    transform:none !important;
  }
}

/* Fallback without backdrop-filter */
@supports not (backdrop-filter: blur(10px)){
  #kt-landing .cta-row .btn{
    background:
      linear-gradient( to bottom right, rgba(255,255,255,.10), rgba(255,255,255,.05) ),
      rgba(255,255,255,.06);
  }
}