.hero::before{animation:observatory-camera 28s ease-in-out infinite alternate;transform-origin:65% 50%;will-change:transform}
@keyframes observatory-camera{from{transform:scale(1.025) translateX(-.35%)}to{transform:scale(1.085) translateX(.35%)}}
.learn-trigger{position:relative;isolation:isolate;overflow:hidden;animation:observatory-glow 4.8s ease-in-out infinite}
.learn-trigger::after{content:"";position:absolute;inset:-50% auto -50% -75%;width:38%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);pointer-events:none;animation:observatory-shine 7s ease-in-out infinite}
.learn-trigger>*{position:relative;z-index:1}
@keyframes observatory-glow{0%,100%{box-shadow:0 4px 14px #b98b2533,0 0 0 0 #efba3026}50%{box-shadow:0 5px 23px #b98b2559,0 0 0 5px #efba301a}}
@keyframes observatory-shine{0%,55%{left:-75%;opacity:0}60%{opacity:1}85%,100%{left:140%;opacity:0}}
.learn-trigger:hover,.learn-trigger:focus-visible,.learn-trigger.tour-discovered{animation:none}
.learn-trigger:hover::after,.learn-trigger:focus-visible::after,.learn-trigger.tour-discovered::after{animation:none;opacity:0}
.hero-bottom-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.hero-phase>small{display:block;line-height:1.7;margin-top:10px}
.first-appeal-clock{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;padding:30px 6%;background:#fff6db;border-block:1px solid #e1c77b;color:#183e35}.first-appeal-clock h2{font-size:26px;margin:8px 0 14px}.first-appeal-clock p{line-height:1.65}.first-appeal-clock .footnote{max-width:720px}.appeal-clock-face{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700}.appeal-time{display:flex;gap:18px;margin:15px 0 20px;font-variant-numeric:tabular-nums}.appeal-time span{display:grid;gap:4px;text-align:center;min-width:54px}.appeal-time b{font-size:32px}.appeal-time small{font-size:12px}.first-appeal-clock .secondary{display:inline-block}@media(max-width:700px){.first-appeal-clock{grid-template-columns:1fr;gap:10px}.appeal-time{gap:12px}}
#visualMotionToggle{font:inherit;font-size:12px;padding:9px 12px;color:#fff;background:#163e4cdd;border:1px solid #ffffff70;border-radius:6px;cursor:pointer}
#visualMotionToggle:focus-visible{outline:3px solid #ffcf48;outline-offset:4px}
#visualMotionToggle:disabled{opacity:.85;cursor:default}
.visual-motion-paused .hero::before,.visual-motion-paused .learn-trigger,.visual-motion-paused .learn-trigger::after,.visual-motion-background .hero::before,.visual-motion-background .learn-trigger,.visual-motion-background .learn-trigger::after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.hero::before,.learn-trigger,.learn-trigger::after{animation:none!important;will-change:auto}.learn-trigger::after{display:none}}
@media(max-width:700px){.hero-bottom-actions{gap:12px}#visualMotionToggle{font-size:11px}}

.hero-bottom-actions{align-items:flex-end}.hero-contact-bottom{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.hero-contact-bottom .hero-contact{font-size:12px;padding:9px 12px}.hero-contact-bottom>a:last-child{align-self:flex-end}@media(max-width:700px){.hero-bottom-actions{justify-content:flex-end}.hero-contact-bottom{gap:10px}}
