*{box-sizing:border-box}
body{margin:0;font-family:'Poppins','Helvetica Neue',Arial,sans-serif;background:#ffffff;color:#111111;-webkit-font-smoothing:antialiased}
a{color:#111111}a:hover{color:#000000}
a:focus-visible,button:focus-visible{outline:3px solid #F5B82E;outline-offset:3px}
img{max-width:100%}
@keyframes relayflow{to{stroke-dashoffset:-28}}
.relay-flow{animation:relayflow 0.9s linear infinite paused}
@keyframes relaytagA{0%,45%{opacity:1}55%,100%{opacity:0}}
@keyframes relaytagB{0%,45%{opacity:0}55%,100%{opacity:1}}
.relay-tag-a{animation:relaytagA 4s ease-in-out infinite alternate paused}
.relay-tag-b{opacity:0;animation:relaytagB 4s ease-in-out infinite alternate paused}
.flow.inview .relay-flow,.flow.inview .relay-tag-a,.flow.inview .relay-tag-b{animation-play-state:running}
@media (prefers-reduced-motion:reduce){.relay-flow,.relay-tag-a,.relay-tag-b{animation:none!important}.relay-tag-a{opacity:0}.relay-tag-b{opacity:1}}
@media (max-width:900px){
 h1{font-size:34px!important}
 h2{font-size:30px!important}
 .g{grid-template-columns:1fr!important;gap:20px!important}
 .g>*{grid-column:auto!important}
 [style*="padding: 96px 120px"],[style*="padding: 96px 160px"],[style*="padding: 88px 200px"],[style*="padding: 88px 160px 64px"],[style*="padding: 72px 80px 40px"]{padding:56px 20px!important}
 .site-header{padding:0 16px!important}
 .site-header>div:nth-child(2){display:none!important}
 .flow{flex-direction:column!important}
 .flow>div{width:100%!important;max-width:380px}
 .flow>svg{transform:rotate(90deg);margin:18px 0}
 [style*="width: 1px; height: 44px"]{display:none!important}
 [style*="padding: 22px 64px"]{padding:18px 32px!important;font-size:18px!important}
 [style*="font-size: 52px"]{font-size:40px!important}
}
#book{text-align:center}