/* Three primary actions on the start page only. */
.hero .actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:70%;max-width:483px;margin-top:36px;padding-bottom:12px;perspective:900px}
.hero .actions>.button{--button-edge:#8e201a;position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:78px;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:9px 8px;border:1px solid #ffad9c80;border-radius:11px;background:linear-gradient(155deg,#ff6350 0%,#e73525 48%,#c6261d 100%);color:#fff;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:16px;font-weight:700;line-height:1.25;letter-spacing:0;text-shadow:none;text-align:center;text-wrap:balance;text-decoration:none;box-shadow:0 7px 0 var(--button-edge),0 14px 24px #0005,inset 0 2px 0 #ffffff45;transform:translateY(0);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.hero .actions>.button:nth-child(2){--button-edge:#8f99a8;background:linear-gradient(155deg,#fff,#e9edf3 60%,#ced7e2);border-color:#fff;color:#202a39}
.hero .actions>.button:nth-child(3){--button-edge:#657b97;background:linear-gradient(155deg,#eff5fc,#bed0e5 52%,#91aac8);border-color:#f4f8ff;color:#172638}
.hero .actions>.button img{display:block;width:23px;height:23px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 2px 1px #0002)}
.hero .actions>.button:first-child img{filter:brightness(0) invert(1) drop-shadow(0 2px 1px #0002)}
.hero .actions>.button::after{content:'';position:absolute;inset:-40% auto -40% -80%;width:45%;background:linear-gradient(90deg,transparent,#ffffff40,transparent);pointer-events:none;transform:translateX(0) rotate(22deg);opacity:0}
.hero .actions>.button:hover,.hero .actions>.button:focus-visible{animation:none;transform:translateY(-5px);box-shadow:0 12px 0 var(--button-edge),0 20px 30px #0006,inset 0 2px 0 #ffffff65;border-color:#fff}
.hero .actions>.button:focus-visible{outline:3px solid white;outline-offset:7px}
.hero .actions>.button:active{animation:none;transform:translateY(5px);box-shadow:0 2px 0 var(--button-edge),0 5px 12px #0005,inset 0 1px 0 #ffffff30}
@media(prefers-reduced-motion:no-preference){
 .hero .actions>.button{animation:hero-action-lift 10s ease-in-out infinite;animation-delay:1.5s}
 .hero .actions>.button:nth-child(2){animation-delay:4.5s}
 .hero .actions>.button:nth-child(3){animation-delay:7.5s}
 .hero .actions>.button::after{animation:hero-action-sheen 10s ease-in-out infinite;animation-delay:1.5s}
 .hero .actions>.button:nth-child(2)::after{animation-delay:4.5s}
 .hero .actions>.button:nth-child(3)::after{animation-delay:7.5s}
 .hero .actions>.button:hover,.hero .actions>.button:focus-visible,.hero .actions>.button:active{animation:none}
 @keyframes hero-action-lift{0%,12%,28%,100%{transform:translateY(0) rotateX(0);box-shadow:0 7px 0 var(--button-edge),0 14px 24px #0005,inset 0 2px 0 #ffffff45}19%{transform:translateY(-6px) rotateX(4deg);box-shadow:0 13px 0 var(--button-edge),0 22px 30px #0005,inset 0 2px 0 #ffffff65}}
 @keyframes hero-action-sheen{0%,12%{transform:translateX(0) rotate(22deg);opacity:0}15%{opacity:1}27%{transform:translateX(560%) rotate(22deg);opacity:0}100%{transform:translateX(560%) rotate(22deg);opacity:0}}
}
@media(max-width:560px){.hero .actions{grid-template-columns:1fr;gap:14px;max-width:301px}.hero .actions>.button{min-height:54px;flex-direction:row;gap:10px;font-size:16px;padding:12px 14px}.hero .actions>.button img{width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){.hero .actions>.button{animation:none;transition:none}.hero .actions>.button::after{display:none}}

.hero .actions>.button:nth-child(3) img{filter:drop-shadow(0 1px 1px #263c5c99) drop-shadow(0 0 2px #263c5c55)}