/* Conversion refinements: CTA context, outcome proof, and linked publisher evidence. */
.b-proof-quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1100px;margin:34px auto 42px}
.b-proof-quotes article{padding:25px 27px;border:1px solid #17242330;background:#f9f4e9}
.b-proof-quotes article>span{display:block;margin-bottom:14px;color:var(--brand-orange);font:700 10px/1.1 "DM Sans",sans-serif;letter-spacing:.12em}
.b-proof-quotes blockquote{margin:0;color:#172423;font:400 clamp(20px,2vw,28px)/1.22 "DM Serif Display",Georgia,serif;letter-spacing:-.02em}
.b-proof-quotes blockquote strong{font-weight:inherit;color:#c44d25}
.b-proof-quotes p{margin:18px 0 0;font:500 12px/1.45 "DM Sans",sans-serif;color:#405149}
.b-publisher-wrap{text-align:center}
.b-publisher-mark[href]{transition:transform .18s ease,opacity .18s ease}
.b-publisher-mark[href]:hover{transform:translateY(-3px);opacity:.75}
.b-publisher-cta{display:inline-flex;gap:8px;margin-top:22px;color:#172423;font:700 12px/1 "DM Sans",sans-serif;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
.b-publisher-cta:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:700px){.b-proof-quotes{grid-template-columns:1fr;margin:25px 0 34px;gap:12px}.b-proof-quotes article{padding:21px}.b-proof-quotes blockquote{font-size:23px}}

.b-legendary .b-growth-sticky>.b-hero-cta{position:absolute;top:auto;bottom:0;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;gap:13px;width:auto;height:auto;box-sizing:border-box;padding:9px 23px;background:#172423;color:#f9f4e9;text-decoration:none;font:700 12px/1 "DM Sans",sans-serif;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;pointer-events:auto;transition:background .18s ease,transform .18s ease;z-index:8}
.b-legendary .b-growth-sticky>.b-hero-cta:hover{background:var(--brand-orange);transform:translateX(-50%) translateY(-2px)}
@media(max-width:700px){.b-legendary .b-growth-sticky>.b-hero-cta{top:auto;bottom:0;width:auto;height:auto;gap:13px;padding:9px 23px;font-size:12px}.b-legendary .b-growth-sticky>.b-hero-cta:hover{transform:translateX(-50%) translateY(-2px)}}

/* Final hero spacing: clear the tail and align the promise with the dragon's head. */
@media(min-width:701px){
  .b-legendary .b-growth:not(.b-growth-hoard) .b-growth-end{
    left:calc(50% - 210px);
    top:calc(var(--nav-h) + 88px);
    transform:none;
  }
}

/* Let the opening question land in two beats after the scroll clears. */
.b-hero-question-lead,.b-hero-question-payoff{display:inline-block}
.b-growth.b-curtain-reveal .b-growth-heading h1{opacity:1;transform:none;transition:none}
.b-growth.b-curtain-reveal .b-hero-question-lead,
.b-growth.b-curtain-reveal .b-hero-question-payoff{opacity:0;transform:translateY(16px)}
.b-growth.b-curtain-reveal.b-headline-visible .b-hero-question-lead{
  opacity:1;transform:translateY(0);transition:opacity 1.6s cubic-bezier(.4,0,.2,1),transform 1.6s cubic-bezier(.4,0,.2,1)
}
.b-growth.b-curtain-reveal.b-headline-visible .b-hero-question-payoff{
  opacity:1;transform:translateY(0);transition:opacity 1.6s cubic-bezier(.4,0,.2,1) .4s,transform 1.6s cubic-bezier(.4,0,.2,1) .4s
}

/* The services egg releases separate media objects before they settle into one irregular hoard. */
.b-media-hatch .b-second-creature{
  inset:42px -5% 48px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  opacity:1;
  transform:none;
  clip-path:none;
  overflow:visible;
}
.b-media-heap{position:relative;width:100%;height:330px;flex:0 0 330px;isolation:isolate}
.b-media-hatch .b-media-piece{
  position:absolute;
  display:block;
  height:auto;
  object-fit:contain;
  opacity:0;
  filter:drop-shadow(0 11px 8px #0005);
  will-change:transform,opacity;
}
.b-media-hatch .b-media-piece-newspapers{left:-5%;bottom:0;width:58%;z-index:1}
.b-media-hatch .b-media-piece-devices{left:18%;bottom:15%;width:54%;z-index:2}
.b-media-hatch .b-media-piece-microphones{right:0;bottom:12%;width:31%;z-index:4}
.b-media-hatch .b-media-piece-magazines{left:36%;bottom:-4%;width:48%;z-index:5}
.b-media-hatch .b-ai-logos{
  opacity:var(--born);
  transform:translateY(calc((1 - var(--born))*22px));
  transition:opacity .35s ease,transform .7s cubic-bezier(.2,.82,.24,1);
}
@media(max-width:700px){
  .b-media-hatch .b-second-creature{inset:32px -3% 32px;gap:8px}
  .b-media-heap{height:260px;flex-basis:260px}
  .b-media-hatch .b-media-piece-newspapers{left:-7%;width:61%}
  .b-media-hatch .b-media-piece-devices{left:17%;bottom:16%;width:57%}
  .b-media-hatch .b-media-piece-microphones{right:-2%;width:33%}
  .b-media-hatch .b-media-piece-magazines{left:35%;width:50%}
}

/* A compact modern-media mound, contained within its own column. */
.b-media-hatch .b-second-creature{inset:0 4% 48px}
.b-media-heap{height:400px;flex-basis:400px}
.b-media-hatch .b-media-piece-newspapers{left:14%;bottom:0;width:32%}
.b-media-hatch .b-media-piece-devices{left:12%;bottom:15%;width:72%;z-index:3}
.b-media-hatch .b-media-piece-microphones{right:5%;bottom:20%;width:43%;z-index:4}
.b-media-hatch .b-media-piece-magazines{left:42%;bottom:0;width:25%;z-index:2}
@media(max-width:700px){.b-media-hatch .b-second-creature{inset:0 4% 28px}.b-media-heap{height:285px;flex-basis:285px}}

.b-media-hatch .b-media-piece-devices{bottom:34%}
.b-media-hatch .b-media-piece-microphones{bottom:16%;width:49%}

.b-media-hatch .b-media-piece-devices{bottom:27%}
.b-media-hatch .b-media-piece-newspapers{left:16%;bottom:15%;width:38%;z-index:4}
.b-media-hatch .b-media-piece-magazines{left:43%;bottom:14%;width:29%;z-index:5}

.b-media-heap{translate:-1px 23px}

/* Interlocking equipment and foliage create a single modern media mound. */
.b-media-hatch .b-media-piece-newspapers{left:19%;bottom:14%;width:24%;z-index:1}
.b-media-hatch .b-media-piece-devices{left:12%;bottom:27%;width:73%;z-index:2}
.b-media-hatch .b-media-piece-microphones{right:1%;bottom:22%;width:45%;z-index:3}
.b-media-hatch .b-media-piece-magazines{left:12%;bottom:6%;width:79%;z-index:5}

.b-media-hatch .b-grand-hoard{height:auto;aspect-ratio:1;flex:0 0 auto;width:96%;isolation:isolate}
.b-media-hatch .b-grand-hoard .b-hoard-fragment{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;filter:none;will-change:transform,opacity}
.b-media-hatch .b-grand-hoard .b-hoard-shadow{position:absolute;left:-10%;top:-20%;width:120%;height:85%;object-fit:contain;filter:grayscale(1) sepia(.5) brightness(.45);opacity:calc(var(--hoard-shadow,0)*.25);z-index:-1;transform:scaleX(-1);pointer-events:none}
@media(prefers-reduced-motion:reduce){.b-media-hatch .b-grand-hoard .b-hoard-fragment{opacity:1!important;transform:none!important}}

.b-media-hatch{overflow:visible}

/* Smaller logo eggs with breathing room beneath the media. */
.b-media-hatch .b-ai-logos{height:78px;gap:22px;margin-top:40px}
.b-media-hatch .b-ai-logos>span{width:60px;height:74px;padding:10px 7px}
.b-media-hatch .b-ai-logos>span img{width:26px;height:26px}
.b-media-hatch .b-ai-logos>span img.b-ai-wordmark{width:46px;height:26px}
@media(max-width:700px){.b-media-hatch .b-ai-logos{margin-top:32px;gap:18px;height:70px}.b-media-hatch .b-ai-logos>span{width:54px;height:66px}}

.b-media-hatch .b-grand-hoard .b-hoard-object{position:absolute;object-fit:contain;opacity:0;filter:drop-shadow(0 4px 3px #0004);will-change:transform,opacity}
.b-media-hatch .b-grand-hoard .b-reference-shadow{position:absolute;left:-13%;top:-9%;width:126%;height:auto;object-fit:contain;opacity:calc(var(--hoard-shadow,0)*.46);z-index:-1;pointer-events:none}
.b-reference-head{clip-path:polygon(0 0,42% 0,34% 20%,29% 30%,24% 40%,19% 55%,0 65%)}
.b-reference-wing{clip-path:polygon(57% 0,100% 0,100% 100%,95% 100%,89% 65%,83% 39%,72% 19%)}
@media(prefers-reduced-motion:reduce){.b-media-hatch .b-grand-hoard .b-hoard-object{opacity:1!important;transform:none!important}}

/* Keep the dragon nestled behind a full, overlapping mound. */
.b-media-hatch .b-grand-hoard .b-reference-shadow{left:-6%;top:15%;width:112%;opacity:calc(var(--hoard-shadow,0)*.38)}

/* Egg illustrations belong beside the AI visibility service. */
.b-service h3.b-ai-title{display:flex;align-items:center;justify-content:space-between;gap:24px}
.b-ai-title .b-ai-logos{width:auto;height:78px;gap:22px;margin:0;flex-shrink:0}
.b-ai-title .b-ai-logos>span{width:60px;height:74px;padding:10px 7px;overflow:hidden}
.b-ai-title .b-ai-logos>span img{width:26px;height:26px}
.b-ai-title .b-ai-logos>span img.b-ai-wordmark{width:46px;height:26px}
.b-media-hatch .b-second-creature{justify-content:center}
.b-media-hatch .b-grand-hoard .b-reference-shadow{filter:url(#b-dragon-paper-key);opacity:calc(var(--hoard-shadow,0)*.72)}
.b-hoard-filters{position:absolute;pointer-events:none}
@media(max-width:700px){.b-service h3.b-ai-title{flex-wrap:wrap;gap:16px}.b-ai-title .b-ai-logos{gap:18px;height:70px}.b-ai-title .b-ai-logos>span{width:54px;height:66px}}

.b-reference-wing{clip-path:polygon(57% 0,100% 0,100% 82%,94% 82%,89% 65%,83% 39%,72% 19%)}

/* The supplied dragon illustration is static; only its nostril smoke moves. */
.b-services-hoard{position:relative;min-width:0;align-self:center;padding:24px 0 55px}
.b-services-hoard-art{position:relative;width:100%;aspect-ratio:1.5}
.b-services-hoard-art>img{display:block;width:100%;height:100%;object-fit:contain}
.b-services-hoard .b-hatch-caption{bottom:6px}
.b-services-smoke-anchor{position:absolute;left:46.1%;top:10.2%;width:0;height:0;pointer-events:none}
.b-services-smoke{position:absolute;width:130px;height:130px;right:-3px;bottom:-3px;overflow:visible;filter:blur(.55px)}
.b-services-smoke path{stroke:url(#services-smoke-fade);stroke-width:3;stroke-linecap:round;transform-origin:156px 156px;animation:services-nose-smoke 6s ease-in-out infinite;animation-play-state:paused}
.b-services-smoke path:nth-of-type(2){animation-delay:-2s;stroke-width:2}
.b-services-smoke path:nth-of-type(3){animation-delay:-4s;stroke-width:4}
.b-services-hoard[data-visible=true] .b-services-smoke path{animation-play-state:running}
@keyframes services-nose-smoke{0%{opacity:0;transform:scale(.65,.8) skewX(-4deg)}25%{opacity:.8}65%{opacity:.5}100%{opacity:0;transform:scale(1.1,1.2) skewX(4deg)}}
body.paused .b-services-smoke{display:none}
.b-service h3.b-ai-title{justify-content:flex-start;gap:28px}
@media(max-width:700px){.b-services-hoard{padding-top:20px}.b-services-smoke{width:95px;height:95px}.b-service h3.b-ai-title{gap:18px}}
@media(prefers-reduced-motion:reduce){.b-services-smoke{display:none}}

/* Approved AI egg placement: 84px right and 12px up from the adjacent position. */
@media(min-width:901px){.b-ai-title .b-ai-logos{translate:84px -12px}}
@media(max-width:900px){.b-service h3.b-ai-title{flex-wrap:wrap}.b-ai-title .b-ai-logos{translate:0 0}}

/* Allow the italic descenders and overhangs through the writing mask. */
.b-ink-ready .b-parchment h2 span{clip-path:inset(-.12em calc((1 - clamp(0,(var(--writing)*var(--word-count,11) - var(--word)),1))*100% - .08em) -.22em -.08em)}
/* A larger services illustration with its complete outline inside the viewport. */
@media(min-width:901px){.b-services-hoard{width:calc(100% + 60px);margin-left:-14px}}
@media(prefers-reduced-motion:reduce){
 .b-ink-ready .b-parchment h2 span{clip-path:none}
 .b-growth.b-curtain-reveal .b-hero-question-lead,.b-growth.b-curtain-reveal .b-hero-question-payoff{opacity:1;transform:none;transition:none}
}

/* Approved footer dragon placement: 113%, left 92px, up 5px.
   Scale the complete landing artwork so its smoke stays aligned. */
@media (min-width:701px){
 body.sv.beyond .b-footer-landing{transform-origin:100% 100%;scale:1.13;translate:-92px -5px}
}