:root{--r01-focus:#fff8e7}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:4px}
.button{transition:transform 150ms cubic-bezier(.23,1,.32,1),background-color 150ms ease,color 150ms ease}
.button:active{transform:scale(.98)}
@media(hover:hover) and (pointer:fine){.button:hover{background:var(--paper);color:var(--red)}}
.prices .button:hover{background:var(--red);color:var(--paper)}
.hero>p{font-size:16px;line-height:1.7}
.hero>p a{display:inline-flex;align-items:center;min-height:44px;margin-right:16px}
.hero h1{text-wrap:balance}
@media(max-width:650px){.hero h1{font-size:clamp(30px,8.6vw,38px)}.hero-actions{gap:12px 20px}.hero-actions .button{min-height:52px}}
@media(prefers-reduced-motion:reduce){.button{transition:color 150ms ease,background-color 150ms ease}.button:active{transform:none}}