/* A pair of softly lit glass controls, inside the hero only.
   ID scope replaces earlier palette rules without touching checkout buttons. */
#home .hero-actions{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:14px;
  margin-top:30px;
}
#home .hero-actions>.button{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  min-height:48px;
  min-width:151px;
  padding:12px 24px;
  border:1px solid rgba(208,226,238,.20);
  border-radius:999px;
  background:linear-gradient(130deg,rgba(190,218,233,.16),rgba(170,199,224,.07));
  color:#e9f1f4;
  font-family:var(--sans);
  font-size:13px;
  font-weight:450;
  line-height:1.5;
  letter-spacing:.12px;
  text-shadow:0 1px 6px rgba(7,19,34,.12);
  box-shadow:inset 0 1px 1px rgba(234,247,255,.10),0 5px 20px rgba(2,12,27,.10);
  -webkit-backdrop-filter:blur(18px) saturate(115%);
  backdrop-filter:blur(18px) saturate(115%);
  transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,color .25s ease;
  white-space:nowrap;
}
#home .hero-actions>.button-light{
  background:linear-gradient(130deg,rgba(183,224,226,.25),rgba(151,193,212,.13));
  border-color:rgba(205,235,238,.34);
  color:#f1f7f6;
}
#home .hero-actions>.button-glass{
  min-width:194px;
  background:linear-gradient(130deg,rgba(20,38,58,.34),rgba(43,58,80,.18));
  border-color:rgba(197,216,235,.17);
  color:#d9e3ed;
  box-shadow:inset 0 1px 1px rgba(225,238,255,.04);
}
#home .hero-actions>.button>span:not(.motion-magnet-aura){
  font-size:17px;
  font-weight:400;
  line-height:1;
  opacity:.78;
}
#home .hero-actions>.button:hover{
  transform:none;
  border-color:rgba(221,240,251,.4);
  box-shadow:inset 0 1px 2px rgba(231,246,255,.16),0 7px 26px rgba(3,16,32,.12);
}
#home .hero-actions>.button-light:hover{
  background:linear-gradient(130deg,rgba(189,231,233,.32),rgba(169,207,224,.19));
  color:#fff;
}
#home .hero-actions>.button-glass:hover{
  background:linear-gradient(130deg,rgba(134,165,194,.15),rgba(91,126,159,.10));
  color:#edf3f8;
}
#home .hero-actions>.button:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:5px;
}
#home .hero-actions>.button>.motion-magnet-aura{
  inset:-1px;
  border:0;
  border-radius:inherit;
  background:radial-gradient(ellipse at center,rgba(var(--motion-rgb),.10),transparent 75%);
  box-shadow:0 0 20px rgba(var(--motion-rgb),.08);
}
:root[data-theme="light"] #home .hero-actions>.button{
  color:var(--hero-ink);
  border-color:rgba(69,105,111,.17);
  background:linear-gradient(130deg,rgba(255,255,255,.68),rgba(255,255,255,.34));
  text-shadow:none;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.8),0 4px 18px rgba(50,78,84,.04);
}
:root[data-theme="light"] #home .hero-actions>.button-light{
  background:linear-gradient(130deg,rgba(214,233,231,.88),rgba(221,235,238,.60));
  border-color:rgba(57,98,101,.20);
  color:#28474b;
}
:root[data-theme="light"] #home .hero-actions>.button-glass{
  border-color:rgba(90,120,130,.13);
  color:#506368;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.75);
}
:root[data-theme="light"] #home .hero-actions>.button-light:hover{
  background:linear-gradient(130deg,rgba(203,227,225,.95),rgba(217,234,236,.80));
  color:#233c40;
}
:root[data-theme="light"] #home .hero-actions>.button-glass:hover{
  background:linear-gradient(130deg,rgba(255,255,255,.88),rgba(255,255,255,.57));
  color:#314d54;
  border-color:rgba(73,107,118,.25);
}
@media(max-width:680px){
  #home .hero-actions{gap:10px;margin-top:27px}
  #home .hero-actions>.button{min-width:126px;min-height:46px;padding:11px 18px;gap:16px;font-size:12px;letter-spacing:0}
  #home .hero-actions>.button-glass{min-width:175px}
  #home .hero-actions>.button>span:not(.motion-magnet-aura){font-size:16px}
}
@media(max-width:360px){
  #home .hero-actions{gap:9px}
  #home .hero-actions>.button{min-width:108px;padding-inline:13px;gap:12px;font-size:11px}
  #home .hero-actions>.button-glass{min-width:153px}
}
@media(prefers-reduced-motion:reduce){#home .hero-actions>.button{transition:none}}