/* RAFimport patch v102: premium glass hero action buttons */
.raf-home .raf-hero__actions > .btn{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  border-radius:14px!important;
  border:1px solid rgba(137,218,255,.44)!important;
  backdrop-filter:blur(16px) saturate(1.14)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.14)!important;
  transform:translateZ(0);
  transition:
    transform .20s ease,
    border-color .20s ease,
    box-shadow .22s ease,
    filter .22s ease,
    background .22s ease!important;
}

/* Fine glass ribs + soft internal reflection. */
.raf-home .raf-hero__actions > .btn::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(180deg,rgba(255,255,255,.23),rgba(255,255,255,0) 28%),
    repeating-linear-gradient(
      118deg,
      rgba(255,255,255,.055) 0,
      rgba(255,255,255,.055) 1px,
      rgba(255,255,255,0) 1px,
      rgba(255,255,255,0) 8px
    ),
    radial-gradient(circle at 18% -10%,rgba(255,255,255,.30),transparent 34%);
  opacity:.82;
}

/* Moving light streak on hover. */
.raf-home .raf-hero__actions > .btn::after{
  content:"";
  position:absolute;
  top:-40%;
  bottom:-40%;
  left:-36%;
  width:28%;
  z-index:0;
  pointer-events:none;
  transform:skewX(-18deg) translateX(0);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.30),transparent);
  opacity:0;
  transition:transform .52s ease,opacity .18s ease;
}

/* Keep button label optically above reflections. */
.raf-home .raf-hero__actions > .btn{
  text-shadow:0 1px 1px rgba(0,0,0,.12);
}

.raf-home .raf-hero__actions > .btn.btn-primary{
  color:#fff!important;
  background:
    radial-gradient(circle at 22% 0%,rgba(101,211,255,.27),transparent 34%),
    linear-gradient(135deg,rgba(24,164,224,.93) 0%,rgba(11,126,190,.94) 47%,rgba(5,83,146,.96) 100%)!important;
  border-color:rgba(130,220,255,.68)!important;
  box-shadow:
    0 16px 36px rgba(4,74,123,.26),
    0 0 0 1px rgba(20,169,235,.10),
    0 0 30px rgba(30,170,234,.16),
    inset 0 1px 0 rgba(255,255,255,.33),
    inset 0 -1px 0 rgba(0,40,82,.30)!important;
}

.raf-home .raf-hero__actions > .btn.hero-btn-secondary{
  color:#07111f!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(255,255,255,.98),transparent 38%),
    linear-gradient(135deg,rgba(255,255,255,.91) 0%,rgba(234,247,253,.88) 48%,rgba(209,235,248,.86) 100%)!important;
  border-color:rgba(169,220,244,.80)!important;
  box-shadow:
    0 16px 34px rgba(8,57,90,.16),
    0 0 0 1px rgba(255,255,255,.42),
    0 0 26px rgba(72,181,232,.12),
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 -1px 0 rgba(60,137,177,.16)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.48)!important;
}

.raf-home .raf-hero__actions > .btn:hover{
  transform:translateY(-3px)!important;
  filter:brightness(1.045) saturate(1.05)!important;
  border-color:rgba(151,226,255,.92)!important;
}
.raf-home .raf-hero__actions > .btn:hover::after{
  opacity:1;
  transform:skewX(-18deg) translateX(520%);
}

.raf-home .raf-hero__actions > .btn.btn-primary:hover{
  box-shadow:
    0 21px 44px rgba(3,74,126,.30),
    0 0 38px rgba(38,183,245,.24),
    inset 0 1px 0 rgba(255,255,255,.38),
    inset 0 -1px 0 rgba(0,45,88,.28)!important;
}

.raf-home .raf-hero__actions > .btn.hero-btn-secondary:hover{
  background:
    radial-gradient(circle at 18% 0%,rgba(255,255,255,1),transparent 40%),
    linear-gradient(135deg,rgba(255,255,255,.96) 0%,rgba(237,250,255,.92) 48%,rgba(213,241,252,.90) 100%)!important;
  box-shadow:
    0 20px 42px rgba(7,67,105,.18),
    0 0 34px rgba(70,190,240,.18),
    inset 0 1px 0 rgba(255,255,255,1),
    inset 0 -1px 0 rgba(55,135,176,.16)!important;
}

.raf-home .raf-hero__actions > .btn:active{
  transform:translateY(-1px) scale(.992)!important;
}

.raf-home .raf-hero__actions > .btn:focus-visible{
  outline:2px solid rgba(100,211,255,.92)!important;
  outline-offset:3px!important;
}

@media (prefers-reduced-motion:reduce){
  .raf-home .raf-hero__actions > .btn,
  .raf-home .raf-hero__actions > .btn::after{
    transition:none!important;
  }
  .raf-home .raf-hero__actions > .btn:hover::after{
    opacity:0!important;
  }
}
