/* The Amp Connect animation, moved from the homepage (21 Oct 2026). how-we-work-v3.css carries the base styles. */
.hww-v3 .lb-labels{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;margin:22px auto 0;padding:0;font:800 13px/1 var(--ha-font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ha-ink)}
.hww-v3 .lb-labels li{display:inline-flex;align-items:center;gap:10px}
.hww-v3 .lb-labels li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ha-bloom)}
.hww-v3 .lb-quote,.hww-v3 .pw-quote{margin:0}
.hww-v3 .lb-quote{max-width:720px;margin:28px auto 0;text-align:center}
.hww-v3 .lb-quote blockquote{margin:0;font:600 clamp(20px,2vw,26px)/1.35 var(--ha-font-sans);letter-spacing:-.015em;color:var(--ha-ink)}
.hww-v3 figcaption{margin-top:10px;font:600 13px/1.3 var(--ha-font-sans);color:var(--ha-ink-soft)}
.hww-v3 .ph{display:inline-block;margin-left:8px;padding:3px 7px;border:1px dashed currentColor;border-radius:6px;font:800 10px/1 var(--ha-font-sans);letter-spacing:.06em;text-transform:uppercase;color:#B5651D}
.hww-v3 .powers{margin-top:clamp(48px,5vw,72px)}
.hww-v3 .powers-head{display:grid;grid-template-columns:1fr 1fr;gap:16px 48px;align-items:end;margin-bottom:24px}
.hww-v3 .powers-head h3{font:800 clamp(30px,3vw,42px)/1.05 var(--ha-font-sans);letter-spacing:-.035em;margin:0}
.hww-v3 .powers-head p{margin:0;font:500 18px/1.45 var(--ha-font-sans);color:var(--ha-support-on-paper)}
.hww-v3 .powers-grid{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:16px;align-items:stretch}
.hww-v3 .pw{display:flex;flex-direction:column;gap:10px;padding:clamp(22px,2.4vw,32px);border-radius:14px;background:var(--ha-card);border:1px solid var(--ha-hairline)}
.hww-v3 .pw.lead{background:var(--ha-ink);border-color:var(--ha-ink);color:var(--ha-paper)}
.hww-v3 .pw-k{font:800 11.5px/1 var(--ha-font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ha-ink-soft)}
.hww-v3 .pw.lead .pw-k{color:var(--ha-bloom)}
.hww-v3 .pw h4{margin:0;font:800 clamp(24px,2.2vw,30px)/1.1 var(--ha-font-sans);letter-spacing:-.03em}
.hww-v3 .pw p{margin:0;font:500 16px/1.45 var(--ha-font-sans);color:var(--ha-support-on-paper)}
.hww-v3 .pw.lead p{color:var(--ha-vapour)}
.hww-v3 .pw .pw-quote blockquote{margin:6px 0 0;padding-left:14px;border-left:3px solid var(--ha-bloom);font:600 15.5px/1.45 var(--ha-font-sans);color:var(--ha-ink)}
.hww-v3 .pw.lead .pw-quote blockquote{color:var(--ha-paper)}
.hww-v3 .pw.lead figcaption{color:var(--ha-meta-on-dark)}
.hww-v3 .pw > a{margin-top:auto;padding-top:8px;font:800 15px/1.3 var(--ha-font-sans);color:inherit;text-underline-offset:5px}
@media (max-width:900px){.hww-v3 .powers-head,.hww-v3 .powers-grid{grid-template-columns:1fr}}
.hww-v3 .opp-d,.hww-v3 .opp .chips,.hww-v3 .clarity .evidence,.hww-v3 .clarity .decision{display:none!important}
.hww-v3 .opp{padding-top:14px!important;padding-bottom:14px!important}
.hww-v3 .lb-quote figcaption,.hww-v3 .pw-quote figcaption{margin:10px 0 0!important;padding:0!important;position:static!important}
.hww-v3 .pw-quote,.hww-v3 .lb-quote{display:block!important;height:auto!important}
.hww-v3 .pw-quote figcaption,.hww-v3 .lb-quote figcaption{display:block!important;height:auto!important;inset:auto!important;transform:none!important}
.hww-v3 .opp .chips{display:flex!important;margin-top:8px}
.hww-v3 .opp .chip.hi{background:rgba(245,137,124,.18);color:var(--ha-ink);font-weight:800}
.ps-src,.ps-src a,.hb-in p:not(.mega),.hb-out p:not(.mega),.tm-card .tm-tag,.tm-tag,.mt-hs-l,.gd-pairs figcaption,.rdb-key,.rdb-kl,.rdb-num,.rdb-pwr,.rdb-st,.mtb-roll span,.mtb-lab,.mtb-pb,.mtb-pwr,nav.d-only a{font-size:12px !important}
html[data-amp-ready] #your-amp:not([data-amp-here]) .hb:not(.hb-head){animation-play-state:paused !important}
#your-amp .hb-fo{animation-delay:.15s}
#your-amp .hb-in{animation-delay:.55s}
#your-amp .hb-loop{animation-delay:.95s}
#your-amp .hb-out{animation-delay:1.35s}
#your-amp .hb-amp{animation:none !important;opacity:1 !important}
.hb-head{animation-delay:.1s}
.hb-amp{animation-delay:.9s}
.hb-fo{animation-delay:1.7s}
.hb-in{animation-delay:2.6s}
.hb-loop{animation-delay:3.5s}
.hb-out{animation-delay:4.3s}
.hww-v3 > .head{position:relative;isolation:isolate;margin-bottom:0!important;padding:clamp(56px,6vw,88px) 0 clamp(20px,2vw,28px);color:var(--ha-paper)}
.hww-v3 > .head::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:var(--ha-ink)}
.hww-v3 > .head h2{color:var(--ha-paper)!important}
.hww-v3 > .head .lede{color:var(--ha-vapour)!important}
.hww-v3 > .head .lede b{color:var(--ha-paper)!important}
.hww-v3 > .head .box{color:var(--ha-paper)!important;border-color:rgba(247,241,238,.35)!important}
.hww-v3 .connect-lockup.small{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:0;background:none;box-shadow:none;backdrop-filter:none}
.hww-v3 .connect-lockup.small img{width:26px;height:26px}
.hww-v3 .connect-lockup.small .cl-word,.hww-v3 .connect-lockup.small .cl-product{font-size:18px}
.hww-v3 .flow3.stage{padding-top:clamp(24px,2.4vw,36px)!important}
.hww-v3 > .head .box{--sq-fill:var(--ha-ink)!important;--sq-line:rgba(247,241,238,.4)!important;background:transparent!important}
.hww-v3 > .head .box::after{background:var(--ha-ink)!important}
.hww-v3 > .head .box::before{background:rgba(247,241,238,.4)!important}
.hww-v3 .flow3 .fxnet{display:none!important}
.hww-v3 .core .ampface{transform:none!important;transition:none!important}
.hww-v3 .ampface .grille{display:none!important}
.hww-v3 .ampface.flare img{filter:drop-shadow(0 18px 30px rgba(0,0,0,.35))!important}
.hww-v3 .core .ampface::after{content:"";position:absolute;inset:8% 10% 4%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(245,137,124,.22),rgba(245,137,124,0));animation:amp-breathe 6s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.hww-v3 .core .ampface::after{animation:none;opacity:.6}}
html body .hww-v3 .flow3.stage .core .ampface{width:64%!important;max-width:200px!important}
html body .hww-v3 .flow3.stage .core{height:300px!important}
.hww-v3 .tagstream{position:relative!important;height:auto!important;min-height:0!important;display:flex!important;flex-wrap:wrap;gap:10px 10px;align-content:flex-start;padding:6px 0;-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent);mask-image:linear-gradient(180deg,#000 60%,transparent)}
.hww-v3 .tagstream .tag{position:static!important;transform:none!important;left:auto!important;top:auto!important;display:inline-flex;padding:8px 13px;border-radius:999px;background:rgba(247,241,238,.06);box-shadow:0 0 0 1px rgba(247,241,238,.14);color:var(--ha-vapour);font:600 14px/1 var(--ha-font-sans);opacity:.85;animation:tag-drift 9s ease-in-out infinite;animation-delay:calc(var(--k) * -.45s)}
.hww-v3 .tagstream .tag:nth-child(3n){color:var(--ha-paper);box-shadow:0 0 0 1px rgba(245,137,124,.45)}
.hww-v3 .flow3.stage .ask-line,.hww-v3 .flow3.stage .core-txt{display:none!important}
.hww-v3 .opp .chips{margin-top:6px!important}
@media (prefers-reduced-motion:reduce){.hww-v3 .tagstream .tag{animation:none}}
@media (max-width:960px){.hww-v3 .flow3.stage{gap:28px!important}.hww-v3 .tagstream{flex-wrap:nowrap;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.hww-v3 .tagstream .tag{flex:none;animation:tag-slide 26s linear infinite}.hww-v3 .flow3.stage .core{height:300px!important}.hww-v3 .flow3.stage .col-brain{padding-top:0!important;margin-top:-8px}.hww-v3 .flow3.stage .col-brain .col-label{justify-content:flex-start!important;text-align:left!important}.hww-v3 .flow3.stage .core .ampface{max-width:170px!important}}
.hww-v3 .flow3.stage .insight{opacity:1!important}
.hww-v3 .flow3.stage .insight b,.hww-v3 .flow3.stage .insight i{transition:opacity .4s ease}
.hww-v3 .flow3.stage .insight:not(.on) b,.hww-v3 .flow3.stage .insight:not(.on) i{opacity:.75}
.hww-v3 .tagstream{gap:12px 10px!important}
.hww-v3 .tagstream .tag:nth-child(4n+2){margin-left:22px}
.hww-v3 .tagstream .tag:nth-child(5n+3){margin-top:8px}
.hww-v3 .tagstream .tag:nth-child(3n+1){margin-left:10px}
@media (max-width:960px){.hww-v3 .tagstream .tag{margin:0!important}.hww-v3 .flow3.stage .insight{position:relative!important;left:auto!important;transform:none!important;margin:0 auto 12px!important;max-width:100%!important}.hww-v3 .flow3.stage .core{height:auto!important;min-height:0!important;display:flex!important;flex-direction:column;align-items:center;padding:8px 0}.hww-v3 .flow3.stage .core .ampface{width:52%!important}}
.hww-v3 .hac-logo{display:inline-flex;align-items:center;gap:14px;margin:0 0 22px}
.hww-v3 .hac-logo img{width:52px;height:52px}
.hww-v3 .hac-word{font:500 44px/1 var(--ha-font-sans);letter-spacing:-.045em;color:var(--ha-paper)}
.hww-v3 .hac-word b{font-weight:800}
.hww-v3 .hac-word sup{font-size:.28em;font-weight:500;vertical-align:super;margin-left:.1em}
.hww-v3 .hac-ext{position:relative;margin-left:4px;padding-left:18px;font:800 44px/1 var(--ha-font-sans);letter-spacing:-.045em;color:var(--ha-bloom)}
.hww-v3 .hac-ext::before{content:"";position:absolute;left:0;top:12%;bottom:12%;width:2px;border-radius:2px;background:rgba(247,241,238,.28)}
@media(max-width:720px){.hww-v3 .hac-logo{gap:10px}.hww-v3 .hac-logo img{width:36px;height:36px}.hww-v3 .hac-word,.hww-v3 .hac-ext{font-size:28px}.hww-v3 .hac-ext{padding-left:12px}}
html body .hww-v3 .flow3.stage .core .ampface{width:80%!important;max-width:250px!important}
#our-process .hac-ad{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center}
#our-process .hac-ad .lede{max-width:46ch}
#our-process .hac-major{margin:18px 0 0;font:800 clamp(24px,2.4vw,34px)/1.15 var(--ha-font-sans);letter-spacing:-.03em;color:var(--ha-paper,#F7F1EE)}
#our-process .hac-major + .lede{margin-top:14px!important}
#our-process .hac-more{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:420px;margin-top:28px;padding:16px 4px;background:none;border:0;border-top:1px solid rgba(247,241,238,.3);border-bottom:1px solid rgba(247,241,238,.3);color:var(--ha-paper,#F7F1EE);font:700 18px var(--ha-font-sans);cursor:pointer;text-align:left}
#our-process .hac-more svg{transition:transform .3s}
#our-process .hac-more[aria-expanded="true"] svg{transform:rotate(180deg)}
#our-process .hac-brain{position:relative;aspect-ratio:1;max-width:520px;margin:0 auto 64px;width:min(100%,calc(100% - 24px))}
#our-process .hac-brain > svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
#our-process .hac-brain line{stroke:rgba(247,241,238,.28);stroke-width:.35;stroke-dasharray:1.2 1.6;animation:hb-flow 6s linear infinite}
#our-process .hb-tag{position:absolute;transform:translate(-50%,-50%);border:1px solid rgba(247,241,238,.35);border-radius:999px;padding:6px 12px;font:600 13.5px var(--ha-font-sans);color:var(--ha-paper,#F7F1EE);background:var(--ha-charcoal,#292B2F);white-space:nowrap}
#our-process .hb-amp{position:absolute;left:50%;top:56%;width:36%;transform:translate(-50%,-50%);filter:drop-shadow(0 18px 30px rgba(0,0,0,.35))}
#our-process .hb-amp img{display:block;width:100%;height:auto}
#our-process .hb-shield{position:absolute;left:64%;top:69%;width:11%;aspect-ratio:1;transform:translate(-50%,-50%);filter:drop-shadow(0 4px 10px rgba(0,0,0,.45))}
#our-process .hb-shield svg{display:block;width:100%;height:100%}
#our-process .hb-safe{position:absolute;left:50%;top:110%;transform:translateX(-50%);margin:0;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font:600 14px var(--ha-font-sans);color:var(--ha-vapour,#C9C4C0)}
#our-process .hb-safe svg{width:18px;height:18px;flex:none}
#our-process .hb-tag.l{transform:translate(0,-50%)}
#our-process .hb-tag.r{transform:translate(-100%,-50%)}
#our-process{position:relative}
#our-process.collapsed #flow{position:absolute!important;left:-300vw;top:0;width:100%;visibility:hidden;pointer-events:none}
#our-process.collapsed .hac-ad{padding-bottom:clamp(56px,6vw,88px)!important}
@media (prefers-reduced-motion:reduce){#our-process .hac-brain line{animation:none}}
@media (max-width:760px){#our-process .hac-ad{grid-template-columns:minmax(0,1fr)}#our-process .hac-brain{max-width:360px}#our-process .hb-tag{font-size:12px;padding:5px 10px}#our-process .hb-safe{font-size:13px;white-space:normal;text-align:center;width:100%;justify-content:center}#our-process .hb-safe svg{display:none}}
@media (max-width:360px){#our-process .hac-logo{gap:8px}#our-process .hac-logo img{width:32px;height:32px}#our-process .hac-word,#our-process .hac-ext{font-size:23px}#our-process .hac-ext{margin-left:0;padding-left:10px}#our-process .hac-plain{padding-left:0}}
@keyframes flow{to{stroke-dashoffset:-46}}
@keyframes ring{0%{transform:scale(0.55);opacity:0.75}100%{transform:scale(1.45);opacity:0}}
@keyframes glow{0%,100%{transform:scale(0.92);opacity:0.75}50%{transform:scale(1.06);opacity:1}}
@keyframes tick{0%,10%{stroke-dashoffset:24}30%,100%{stroke-dashoffset:0}}
@keyframes amp-breathe{0%,100%{opacity:.45;transform:scale(.94)}50%{opacity:1;transform:scale(1.04)}}
@keyframes tag-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(6px,-3px)}}
@keyframes hb-flow{to{stroke-dashoffset:-28}}
/* The Amp Connect page opens on this section, so its heading is the h1 */
.hww-v3 > .head h1{color:var(--ha-paper)!important}
.hww-v3 h1 { font: 800 clamp(40px, 4.4vw, 60px)/1 var(--ha-font-sans); letter-spacing: -.04em; }
.hww-v3 :where(h1,h3,h4,p,ul,ol,li,figure,blockquote) { margin: 0; padding: 0; }
/* On the Amp Connect page the brain and the stage both show, and the page's own buttons keep their shape */
.hww-v3 .ip-actions { margin-top: 26px; }
.hww-v3 .ip-btn { padding: 16px 24px; }
.hww-v3 .hac-ext { white-space: nowrap; }
/* Amp Connect reads as one name: no divider between Amp and Connect */
.hww-v3 .hac-plain { margin-left: 0; padding-left: 0; }
.hww-v3 .hac-plain::before { display: none; }