/* ====== SEO'S RESERVED GREETING STAGE ====== */
.seo-stage{display:block;width:var(--guide-mascot);max-width:100%;justify-self:center}
.seo-greeting{position:relative;display:block;width:100%;padding:var(--s0);border:0;background:transparent;color:inherit;aspect-ratio:1374/1145;cursor:pointer;touch-action:manipulation}
.seo-greeting:disabled{cursor:default}
.seo-greeting:focus-visible{outline:3px solid var(--ink);outline-offset:var(--s2);border-radius:var(--s4)}
.service-brief--growth .seo-greeting:focus-visible{outline-color:var(--green)}
.seo-stage .seo-mascot{width:100%;height:100%;margin:var(--s0);transition:none}
.seo-sprite{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}
.seo-stage.is-ready .seo-mascot{opacity:0}
.seo-stage.is-ready .seo-sprite{opacity:1}
.motion-off .seo-stage .seo-mascot{opacity:1}
.motion-off .seo-stage .seo-sprite{opacity:0}
/* ====== MATCH THE APPROVED PAGE-SPECIFIC CHARACTER SIZES ====== */
.seo-guide--home .seo-stage{width:350px}
.seo-guide--notes .seo-stage,.seo-guide--tool .seo-stage{width:var(--guide-small)}
.seo-guide--reading .seo-stage{width:100px}
/* ====== A SMALL SEO WALKS ON THE CAPABILITY STRIP'S TOP EDGE ====== */
:root{--seo-rail-size:clamp(80px,9vw,120px)}
.page-home .hero{padding-bottom:max(var(--s7),var(--seo-rail-size))}
.seo-capability-rail{position:relative;scroll-margin-top:260px}
.seo-stage--rail{position:absolute;width:var(--seo-rail-size);left:8%;bottom:calc(100% - 6px);z-index:2}
.seo-stage--rail .seo-greeting{transform-origin:center bottom}
.seo-stage--rail .seo-greeting::after{content:'';position:absolute;left:35%;bottom:6%;width:30%;height:2%;border-radius:50%;background:var(--ink);opacity:.12;pointer-events:none}
@media(max-width:800px){.service-seo-tip .seo-stage{width:150px;grid-row:1/3}.seo-guide .seo-stage{width:180px;justify-self:start}.seo-guide--notes .seo-stage,.seo-guide--tool .seo-stage,.seo-guide--reading .seo-stage{width:110px}}
@media(max-width:420px){.service-seo-tip .seo-stage{width:110px}}
@media(prefers-reduced-motion:reduce){.seo-stage .seo-mascot{opacity:1}.seo-stage .seo-sprite{opacity:0}}