.logos-band{padding-block:2rem;border-bottom:1px solid var(--line)}
.logos-band .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem}
.logos-band__title{flex:0 0 13rem;font-size:.9375rem;font-weight:600;color:var(--slate)}
.logos-band ul{flex:1 1 30rem;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}
.logos-band li{display:grid;place-items:center;height:3.5rem;padding:.5rem;border:1px dashed var(--line);border-radius:2px;font-size:.8125rem;text-align:center;color:var(--slate)}
.logos-band img{max-width:85%;max-height:2rem;object-fit:contain;filter:grayscale(1);opacity:.75}

.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.chips li{padding:.25rem .7rem;border:1px solid var(--line);border-radius:2px;background:#fff;font-size:.875rem}

.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter);align-items:start}
.tier{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:2rem clamp(1.25rem,2.5vw,2rem) clamp(1.5rem,2.5vw,2rem);border:1px solid var(--line);border-top:3px solid var(--navy);border-radius:0 0 4px 4px;background:#fff}
.tier--featured{border-top-color:var(--blue);box-shadow:0 24px 48px -28px rgba(10,20,51,.35)}
.tier__tag{position:absolute;top:-.85rem;left:clamp(1.25rem,2.5vw,2rem);padding:.2rem .6rem;border-radius:2px;background:var(--blue);font-size:.8125rem;font-weight:600;color:#fff}
.tier h3{font-size:clamp(1.5rem,2.4vw,2rem);font-weight:650;font-stretch:115%;letter-spacing:-.02em}
.tier__for{margin-top:.5rem;color:var(--fg-muted)}
.tier__price{align-self:stretch;display:grid;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--line)}
.tier__price .ph{font-size:clamp(1.75rem,2.8vw,2.25rem);font-weight:650;font-stretch:112%;line-height:1.1;color:var(--fg)}
.tier__price>span:last-child{font-size:.9375rem;color:var(--fg-muted)}
.tier ul{align-self:stretch;margin-top:1.25rem}
.tier li{position:relative;padding:.5rem 0 .5rem 1.5rem;border-top:1px solid var(--line);font-size:.9375rem}
.tier li::before{content:"";position:absolute;left:0;top:1.05rem;width:.5rem;height:.5rem;border-radius:50%;background:var(--amber)}
.tier .btn{margin-top:1.75rem}
.tier__price>p:first-child{font-size:clamp(1.75rem,2.8vw,2.25rem);font-weight:650;font-stretch:112%;line-height:1.1}
.tier__price>p+p{font-size:.9375rem;color:var(--fg-muted)}
.tier .wp-block-buttons{margin-top:1.75rem}
.tier .is-style-outline .wp-block-button__link{border:2px solid var(--navy);background:none;color:var(--navy);padding-block:calc(.9rem - 2px)}
.tier .is-style-outline .wp-block-button__link:hover{background:var(--navy);color:#fff}
.tiers__note{margin-top:2rem;max-width:72ch;font-size:.9375rem;color:var(--fg-muted)}
.tiers__note .text-link{color:var(--blue)}

.case{align-items:center}
.case__slot{--col:1/span 7;position:relative;aspect-ratio:16/10;border:1px dashed var(--line);border-radius:4px;background:var(--mist);overflow:hidden}
.case__slot svg,.case__slot img{display:block;width:100%;height:100%;object-fit:cover}
.case__slot figcaption{position:absolute;left:.75rem;bottom:.75rem;padding:.3rem .6rem;border-radius:2px;background:#fff;font-size:.75rem;color:var(--slate)}
.cs-soft{fill:var(--mist)}
.cs-amber{fill:var(--amber)}
.case__body{--col:9/-1}
.case__meta{font-size:.9375rem}
.case h3{margin-top:.6rem;font-size:clamp(1.375rem,2.2vw,1.875rem);font-weight:600;font-stretch:110%;line-height:1.15}
.case .text-link{display:inline-block;margin-top:1.75rem;color:var(--blue)}
.pairs{margin-top:clamp(4rem,8vw,6rem)}
.pairs__title{max-width:none;margin-bottom:1.25rem;font-size:1.5rem;font-weight:600;font-stretch:110%;letter-spacing:0;line-height:1.25}
.pairs ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter)}
.pairs a{display:block;height:100%;padding-top:1.25rem;border-top:2px solid var(--navy);text-decoration:none}
.pairs strong{display:block;font-size:1.25rem;font-weight:600;transition:color .2s}
.pairs span{display:block;margin-top:.4rem;font-size:.9375rem;color:var(--fg-muted)}
.pairs a:hover strong{color:var(--blue)}

.rank{align-items:center}
.rank__intro{--col:1/span 6}
.rank__intro .lede{margin-top:1.5rem}
.rank__pause{display:inline-flex;align-items:center;gap:.6rem;margin-top:2rem;padding:.5rem 1rem .5rem .75rem;border:1.5px solid var(--line);border-radius:999px;background:none;font-size:.9375rem;font-weight:600;color:var(--navy);cursor:pointer;transition:border-color .2s}
.rank__pause:hover{border-color:var(--navy)}
.rank__pause svg{width:.875rem;height:.875rem}
.rank__pause .i-play,.rank__pause[aria-pressed="true"] .i-pause{display:none}
.rank__pause[aria-pressed="true"] .i-play{display:block}
.serp{--h:6.25rem;--gap:.625rem;--n:6;--col:7/-1;padding:1.25rem;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 30px 60px -36px rgba(10,20,51,.35)}
.serp__bar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:1px solid var(--line);border-radius:999px;font-weight:500}
.serp__bar svg{width:1.125rem;color:var(--slate)}
.serp__list{display:grid;gap:var(--gap);margin-top:1rem}
.serp__item{display:grid;align-content:center;gap:.45rem;height:var(--h);padding:.75rem 1rem;border-radius:4px}
.serp__item:not(.serp__item--you) span{display:block;height:.65rem;border-radius:2px;background:var(--mist)}
.serp__item:not(.serp__item--you) .serp__url{width:28%}
.serp__item .serp__title{width:62%;height:1rem!important;background:var(--line)!important}
.serp__item .serp__text{width:84%}
.serp__item--you{position:relative;z-index:1;gap:.2rem;padding-right:4.5rem;border:1.5px solid var(--blue);background:#fff;box-shadow:0 12px 30px -18px rgba(30,47,232,.6)}
.serp__item--you span:not(.serp__rank){display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.serp__url{font-size:.8125rem;line-height:1.3;color:var(--slate)}
.serp__name{font-size:1.0625rem;font-weight:600;line-height:1.35;color:var(--blue)}
.serp__desc{font-size:.875rem;line-height:1.4;color:var(--slate)}
.serp__rank{position:absolute;right:1rem;top:50%;display:grid;place-items:center;width:2.75rem;height:2.75rem;margin-top:-1.375rem;border-radius:50%;background:var(--amber);font-weight:700;color:var(--navy)}
.js .serp__list{position:relative;display:block;height:calc(var(--n) * var(--h) + (var(--n) - 1) * var(--gap))}
.js .serp__item{position:absolute;inset:0 0 auto;transform:translateY(calc(var(--pos) * (var(--h) + var(--gap))));transition:transform .45s cubic-bezier(.5,0,.2,1),opacity .3s}
.serp__list.is-instant .serp__item{transition:none}
.serp__item--you.is-out{opacity:0}
.serp__bar span::after{content:"";display:inline-block;width:2px;height:1.1em;margin-left:2px;vertical-align:-.2em;background:var(--blue);animation:caret 1s steps(1) infinite}
@keyframes caret{50%{opacity:0}}
.serp figcaption{margin-top:1rem;font-size:.8125rem;color:var(--slate)}

.pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem var(--gutter)}
.pillars>*{padding-top:1.5rem;border-top:1px solid var(--line)}
.pillars svg{width:3rem;margin-bottom:1.25rem;color:var(--navy)}
.pillars h3{display:flex;align-items:center;gap:.6rem;font-size:1.375rem;font-stretch:110%}
.pillars h3::before{content:"";flex:none;width:.5rem;height:.5rem;border-radius:50%;background:var(--amber)}
.pillars svg+h3::before{display:none}
.pillars p{margin-top:.6rem;color:var(--fg-muted)}

.growth-wrap{margin:0}
.growth{width:100%;overflow:visible;font-family:var(--font)}
.growth__band{fill:#fff;fill-opacity:.03}
.growth__band--alt{fill-opacity:.07}
.growth__phase{font-size:15px;font-weight:600;fill:#fff;text-anchor:middle}
.growth__area{fill:var(--blue);fill-opacity:.35}
.growth__line{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-dasharray:1}
.growth__axis{stroke:#fff;stroke-opacity:.3}
.growth__tick{font-size:13px;fill:#fff;fill-opacity:.6;text-anchor:middle}
.growth__axis-label{font-size:13px;fill:#fff;fill-opacity:.6}
.growth__dot{fill:var(--amber)}
.growth.is-in .growth__line{animation:draw-line 1.8s cubic-bezier(.5,0,.2,1) both}
@keyframes draw-line{from{stroke-dashoffset:1}}
@media (prefers-reduced-motion:no-preference){.js .growth:not(.is-in) .growth__line{stroke-dashoffset:1}}
.growth-wrap figcaption{margin-top:1.25rem;max-width:70ch;font-size:.875rem;color:var(--fg-muted)}
.phases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem var(--gutter);margin-top:clamp(2.5rem,5vw,3.5rem)}
.phases>*{padding-top:1.25rem;border-top:2px solid var(--rule)}
.phases>:last-child{border-color:var(--amber)}
.phases h3{font-size:1.5rem;font-stretch:110%}
.phases__when{margin-top:.2rem;font-size:.875rem;font-weight:600;color:var(--amber)}
.phases p:last-child{margin-top:.6rem;font-size:.9375rem;color:var(--fg-muted)}

.signs__visual{margin-top:2.5rem}
.cal{width:100%;overflow:visible;font-family:var(--font)}
.cal__card{fill:#fff;stroke:var(--line);stroke-width:1.5}
.cal__title{font-size:22px;font-weight:650;font-stretch:112%;fill:var(--navy)}
.cal__month rect{fill:var(--mist)}
.cal__month text{font-size:13px;font-weight:500;fill:var(--slate);text-anchor:middle}
.cal__day{font-size:12px;font-weight:500;fill:var(--slate);text-anchor:middle}
.cal__cell{fill:var(--mist)}
.cal__chip text{font-size:11px;font-weight:600;text-anchor:middle}
.cal__chip{transform-box:fill-box;transform-origin:center}
.cal.is-in .cal__chip{animation:chip .45s calc(var(--i) * 55ms) cubic-bezier(.3,1.4,.5,1) both}
@media (prefers-reduced-motion:no-preference){.js .cal:not(.is-in) .cal__chip{opacity:0}}
@keyframes chip{from{opacity:0;transform:scale(.6)}}
.c-post rect{fill:var(--navy)}.c-post text{fill:#fff}
.c-reel rect{fill:var(--blue)}.c-reel text{fill:#fff}
.c-story rect{fill:#fff;stroke:var(--navy);stroke-width:1.5}.c-story text{fill:var(--navy)}
.c-email rect{fill:var(--line)}.c-email text{fill:var(--navy)}
.c-offer rect{fill:var(--amber)}.c-offer text{fill:var(--navy)}
.cal__legend text{font-size:12px;font-weight:500;fill:var(--slate)}
.cal__badge rect{fill:var(--navy)}
.cal__badge circle{fill:var(--amber)}
.cal__badge path{fill:none;stroke:var(--navy);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.cal__badge text{font-size:14px;font-weight:600;fill:#fff}
.signs{align-items:start}
.signs__intro{--col:1/span 5;position:sticky;top:6rem}
.signs__intro .lede{margin-top:1.5rem}
.signs__list{--col:7/-1}
.signs__list>*{padding-block:1.75rem;border-top:1px solid var(--line)}
.signs__list>:last-child{border-bottom:1px solid var(--line)}
.signs__quote{font-size:clamp(1.375rem,2.4vw,1.875rem);font-weight:600;font-stretch:108%;line-height:1.2;letter-spacing:-.01em}
.signs__quote::before{content:"\201C"}
.signs__quote::after{content:"\201D"}
.signs__quote+p{position:relative;margin-top:.75rem;padding-left:1.5rem;color:var(--fg-muted)}
.signs__quote+p::before{content:"";position:absolute;left:0;top:.6em;width:.5rem;height:.5rem;border-radius:50%;background:var(--amber)}
.included{align-items:start}
.included__intro{--col:1/span 4;position:sticky;top:7rem}
.included__intro .lede{margin-top:1.5rem}
.included__intro .btn,.included__intro .wp-block-buttons{margin-top:2rem}
.included__list{--col:6/-1}
.included__list article{padding-block:1.75rem;border-top:1px solid var(--line)}
.included__list h3{font-size:1.5rem;font-stretch:110%}
.included__list article>p{margin-top:.6rem;max-width:56ch;color:var(--fg-muted)}
.platforms{padding:1.75rem;border-radius:4px;background:var(--navy);color:#fff}
.platforms__label{font-size:.9375rem;font-weight:600;color:rgba(255,255,255,.72)}
.platforms ul{display:flex;flex-wrap:wrap;gap:.25rem 1.75rem;margin-top:.75rem}
.platforms li{font-size:1.25rem;font-weight:600;font-stretch:108%}
.gantt{--label:13rem}
.gantt__head,.gantt__rows li{display:grid;grid-template-columns:var(--label) repeat(4,minmax(0,1fr));align-items:center}
.gantt__head span{padding-left:.6rem}
.gantt__head{padding-bottom:.75rem;font-size:.875rem;font-weight:600;color:var(--fg-muted)}
.gantt__rows li{padding-block:.5rem;border-top:1px solid var(--rule)}
.gantt__rows li:last-child{border-bottom:1px solid var(--rule)}
.gantt__label{padding-right:1rem;font-weight:600}
.gantt__track{grid-column:2/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:repeating-linear-gradient(90deg,var(--rule) 0 1px,transparent 1px 25%)}
.gantt__bar{grid-column:var(--s)/var(--e);margin-inline:.25rem;padding:.55rem .85rem;border-radius:3px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gantt__bar--you{background:var(--amber);border-color:var(--amber);color:var(--navy);font-weight:600}
.gantt__key{display:flex;align-items:center;gap:.6rem;margin-top:1.25rem;font-size:.9375rem;color:var(--fg-muted)}
.gantt__swatch{width:1.5rem;height:.875rem;border-radius:2px;background:var(--amber)}

@media (max-width:59.99rem){
  .logos-band__title{flex-basis:100%}
  .tiers{grid-template-columns:1fr;gap:2.5rem}
  .pairs ul{grid-template-columns:1fr;gap:1.5rem}
  .serp{max-width:36rem}
  .pillars,.phases{grid-template-columns:1fr 1fr}
  .signs__visual{max-width:30rem}
  .signs__intro,.included__intro{position:static}
  .gantt{--label:9.5rem}
}
@media (max-width:47.99rem){
  .logos-band ul{grid-template-columns:repeat(3,minmax(0,1fr))}
  .logos-band li:nth-child(n+4){display:none}
  .serp{--h:5.75rem;padding:.75rem}
  .serp__item--you{padding-right:3.75rem}
  .serp__item--you span.serp__desc{display:none}
  .serp__item--you span.serp__name{display:-webkit-box;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .serp__rank{right:.75rem;width:2.25rem;height:2.25rem;margin-top:-1.125rem;font-size:.875rem}
  .growth__tick,.growth__axis-label{font-size:34px}
  .growth__phase{font-size:36px}
  .growth__tick:nth-of-type(even){display:none}
  .gantt__head{grid-template-columns:repeat(4,minmax(0,1fr))}
  .gantt__head span{padding-left:.4rem}
  .gantt__head span:first-child{display:none}
  .gantt__rows li{grid-template-columns:1fr;row-gap:.4rem;padding-block:.75rem}
  .gantt__track{grid-column:1}
  .gantt__bar{padding:.4rem .5rem;font-size:.8125rem}
  .cal__chip text{font-size:14px}
  .cal__day,.cal__legend text{font-size:15px}
  .cal__month text{font-size:14px}
  .cal__title{font-size:26px}
  .cal__badge text{font-size:16px}
}
@media (max-width:35.99rem){
  .pillars,.phases{grid-template-columns:1fr}
}
