/* The last point: alignment, rhythm and a close with substance. */
html[data-v="a"] .shead h2{text-wrap:pretty}

/* steps: proof chips and logos sit on one line across the three columns */
.steps3 > div:not(.st3bar){display:flex;flex-direction:column}
.steps3 > div > .lg3,.steps3 > div > .st3k{margin-top:auto!important;align-self:flex-start}
.steps3 > div > p{margin-bottom:28px}
.steps3 h3{font-size:24px!important}

/* the month band: tighter, so the timeline is the subject, not the empty space */
html[data-v="a"] #month{padding-block:136px 112px!important}
html[data-v="a"] #month .shead{margin-bottom:56px}

/* breathing room before the proof band */
html[data-v="a"] #team{padding-bottom:168px!important}
@media (max-width:760px){html[data-v="a"] #team{padding-bottom:88px!important}}

/* the close: headline and actions left, what the call covers right */
.ctag{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:64px;align-items:end;max-width:none!important}
.ctal{list-style:none;margin:0;padding:0;border-top:1px solid rgb(17 17 17 / .1)}
.ctal li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:18px;padding:22px 0;border-bottom:1px solid rgb(17 17 17 / .1)}
.ctal b{display:block;font-weight:500!important;font-size:16px;color:var(--ink)}
.ctal span{display:block;margin-top:4px;font-size:14.5px;color:var(--ink-2);line-height:1.5}
.ctal .dw{width:22px;height:22px;margin-top:1px}
@media (max-width:900px){.ctag{grid-template-columns:1fr;gap:48px}}

/* footer details */
html[data-v="a"] footer .conn2{color:var(--ink-3)!important}
html[data-v="a"] footer .bot{padding-block:28px}

/* buttons: the arrow of intent on the primary action */
.btn-p{gap:8px}
.btn-p::after{content:"";width:12px;height:12px;margin-right:-2px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6h7.5M6.5 3l3 3-3 3' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6h7.5M6.5 3l3 3-3 3' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.btn-p:hover::after{transform:translateX(3px)}
.nav .btn-p::after{display:none}
h3{text-wrap:balance}.steps3 h3{font-size:23px!important}