@import url('/bympet.css');
.site-header{isolation:isolate}
.reading-progress{position:absolute;bottom:-1px;left:0;width:100%;height:3px;z-index:1;background:var(--accent);transform:scaleX(0);transform-origin:left center;pointer-events:none;opacity:0;transition:opacity .2s}
.reading-progress.has-progress{opacity:1}
.motion-ready .reveal{transition-duration:.68s}
.motion-ready .guide-card:nth-child(2),.motion-ready .process-map-node:nth-child(3){transition-delay:.07s}
.motion-ready .guide-card:nth-child(3),.motion-ready .process-map-node:nth-child(5){transition-delay:.14s}
.motion-ready .guide-card:hover,.motion-ready .service-next:hover,.motion-ready .workflow-figure:hover{transform:translateY(-4px);transition-delay:0s}
.motion-ready .article-section > h2{transition-property:opacity,transform,color}
.motion-ready .article-section > h2.is-visible{color:var(--ink)}
.motion-ready .button:active,.motion-ready .icon-button:active{transform:scale(.97)}
:root[data-motion=paused].motion-ready .reveal:not(.is-visible){opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reading-progress{transition:none}.motion-ready .reveal:not(.is-visible){opacity:1;transform:none}}
@media print{.reading-progress{display:none}}