html,body{overflow-x:hidden}h1,h2,h3,h4{overflow-wrap:anywhere;hyphens:auto}.skip-link,.breadcrumb a{min-height:44px}.breadcrumb a{display:inline-flex;align-items:center}.anim-frame{display:grid;place-items:center;min-height:320px;border:1px solid rgba(82,98,106,0.45);border-radius:22px;background:linear-gradient(180deg,rgba(63,184,140,0.08),rgba(13,20,24,0.82));overflow:hidden}.anim-cost-track{position:relative;width:min(680px,88%);height:170px}.anim-cost-track::before{content:"";position:absolute;left:0;right:0;top:82px;height:4px;background:rgba(152,167,161,0.45)}.anim-gate{position:absolute;top:38px;width:116px;min-height:90px;padding:12px 10px;border:1px solid #3FB88C;border-radius:16px;background:rgba(22,33,38,0.88);color:#F2F5F3;font-weight:700;text-align:center}.anim-gate:nth-child(1){left:0}.anim-gate:nth-child(2){left:25%}.anim-gate:nth-child(3){left:50%}.anim-gate:nth-child(4){left:75%}.anim-cost-dot{position:absolute;left:0;top:72px;width:24px;height:24px;border-radius:999px;background:#3FB88C;box-shadow:0 0 0 10px rgba(63,184,140,0.16);animation:cost-dot 7s ease-in-out infinite}@keyframes cost-dot{0%{transform:translateX(0)}24%{transform:translateX(25vw)}48%{transform:translateX(42vw)}72%{transform:translateX(58vw)}100%{transform:translateX(min(650px,76vw))}}.anim-clock-face{position:relative;width:min(360px,72vw);aspect-ratio:1;border:2px solid #98A7A1;border-radius:50%}.anim-clock-hand{position:absolute;left:50%;top:50%;width:42%;height:3px;transform-origin:left center;background:#3FB88C;animation:clock-hand 9s linear infinite}.anim-clock-dot{position:absolute;width:18px;height:18px;border-radius:50%;background:#3FB88C;box-shadow:0 0 0 8px rgba(63,184,140,0.16)}.anim-clock-dot.morning{left:67%;top:20%}.anim-clock-dot.evening{left:20%;top:62%}.anim-clock-label{position:absolute;color:#F2F5F3;font-weight:700}.anim-clock-label.morning{left:72%;top:15%}.anim-clock-label.evening{left:8%;top:67%}@keyframes clock-hand{from{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@media (prefers-reduced-motion:reduce){.anim-cost-dot,.anim-clock-hand{animation:none}}@media (max-width:719px){h1{max-width:100%;font-size:2rem;line-height:1.1;text-wrap:auto !important;white-space:normal}h2{max-width:100%;font-size:1.45rem;line-height:1.14;text-wrap:auto !important;white-space:normal}}