/* Second browser-pass refinements. Kept separate while the foundation is still under review. */

.wc-nav{justify-self:center}.wc-nav__menu{gap:30px}.wc-nav__menu a{font-weight:600;color:#e8eceb;transition:color .18s ease}.wc-nav__menu a:hover,.wc-nav__menu a:focus-visible{color:#fff}.wc-header__actions{min-width:205px;justify-content:flex-end}

.wc-hero{padding:68px 0 58px}.wc-hero__grid{grid-template-columns:minmax(440px,.82fr) minmax(620px,1.18fr);gap:62px}.wc-hero h1{font-size:clamp(52px,4.75vw,74px);max-width:680px}.wc-lead{margin:24px 0;font-size:19px}.wc-proof{margin-top:24px}.wc-product-shot{box-shadow:0 28px 70px rgba(24,33,45,.13)}

.wc-section{padding:70px 0}.wc-section-heading{margin-bottom:28px}.wc-section-heading--center{text-align:left;max-width:900px}.wc-section-heading--center h2{max-width:880px}.wc-audience-grid{gap:0;border-top:1px solid var(--wc-border);border-bottom:1px solid var(--wc-border)}.wc-card{position:relative;border:0;border-radius:0;padding:30px 32px 32px;background:transparent;min-height:255px}.wc-card+.wc-card{border-left:1px solid var(--wc-border)}.wc-card__index{margin:0 0 34px;font-size:11px;letter-spacing:.12em}.wc-card h3{font-size:22px;line-height:1.2;margin-bottom:12px}.wc-card p:not(.wc-card__index){margin:0 0 18px;max-width:390px}.wc-card a{position:absolute;left:32px;bottom:28px}

.wc-split{grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);gap:90px}.wc-stack{gap:0;border:1px solid var(--wc-border);border-radius:10px;overflow:hidden;background:#fff}.wc-stack>div{border:0;border-bottom:1px solid var(--wc-border);border-radius:0;padding:17px 20px;align-items:center}.wc-stack>div:last-child{border-bottom:0}.wc-stack>div:before{content:"";width:7px;height:7px;border-radius:50%;background:#aeb7bd;flex:0 0 auto;margin-right:12px}.wc-stack>div strong{margin-right:auto}.wc-stack>div span{margin-left:18px}.wc-stack__base:before{background:var(--wc-orange)!important}

.wc-section--soft .wc-split{align-items:start}.wc-cache-flow{max-width:650px;margin-left:auto;display:grid;grid-template-columns:165px 70px 165px 70px 165px;grid-template-areas:"visitor arrow-in nginx arrow-hit hit" ". . miss . ." ". . php . ." ". . wordpress . ." ". . db . .";gap:13px 10px;align-items:center;justify-content:end;padding-top:4px}.wc-cache-flow span{min-width:0;width:165px;position:relative}.wc-cache-flow span+span:before{display:none}.wc-cache-flow span:nth-child(1){grid-area:visitor}.wc-cache-flow span:nth-child(2){grid-area:nginx}.wc-cache-flow span:nth-child(4){grid-area:php}.wc-cache-flow span:nth-child(5){grid-area:wordpress}.wc-cache-flow span:nth-child(6){grid-area:db}.wc-cache-flow span:nth-child(1):after{content:"→";position:absolute;right:-50px;top:50%;transform:translateY(-50%);color:#8a949f;font-weight:800}.wc-cache-flow__dark:after{content:"cache hit  →";position:absolute;left:calc(100% + 14px);top:50%;transform:translateY(-50%);width:76px;color:#0a845b;font-size:11px;font-weight:800;white-space:nowrap}.wc-cache-flow__dark:before{content:"cache miss\A↓"!important;white-space:pre;display:block!important;position:absolute!important;left:50%!important;top:calc(100% + 8px)!important;transform:translateX(-50%)!important;color:#7a858e!important;font-size:11px!important;font-weight:800!important;line-height:1.35!important;text-align:center!important}.wc-cache-flow__hit{grid-area:hit;position:relative!important;right:auto;top:auto;width:165px!important;justify-self:end;background:#e8f8f1!important;color:#087b55!important;border-color:#bfe8d7!important}.wc-cache-flow span:nth-child(4):after,.wc-cache-flow span:nth-child(5):after{content:"↓";position:absolute;left:50%;bottom:-26px;transform:translateX(-50%);color:#8a949f;font-weight:800}

.wc-section--dark{padding:78px 0}.wc-panel-callout{gap:92px}.wc-node-map{padding:34px;border-color:#59615f;background:rgba(255,255,255,.015)}.wc-node-map>strong{background:#242927}.wc-node-map>div{margin-top:34px;gap:14px}.wc-node-map span{background:#202524}

.wc-capabilities article{padding:2px 26px}.wc-footer{padding-top:48px}


@media(max-width:1100px){.wc-nav{justify-self:auto}.wc-header__actions{min-width:0}.wc-hero__grid,.wc-split,.wc-panel-callout{grid-template-columns:1fr}.wc-hero__grid{gap:42px}.wc-section-heading--center{text-align:left}.wc-card{min-height:280px}.wc-cache-flow{margin:20px auto 0}.wc-panel-callout{gap:46px}}
@media(max-width:800px){.wc-audience-grid{grid-template-columns:1fr}.wc-card{min-height:auto;padding:26px 0 28px}.wc-card+.wc-card{border-left:0;border-top:1px solid var(--wc-border)}.wc-card__index{margin-bottom:14px}.wc-card a{position:static}.wc-card p:not(.wc-card__index){max-width:none}.wc-cache-flow{grid-template-columns:1fr;grid-template-areas:"visitor" "nginx" "hit" "php" "wordpress" "db";justify-items:stretch}.wc-cache-flow span,.wc-cache-flow__hit{width:100%!important}.wc-cache-flow span:after,.wc-cache-flow span:before{display:none!important}}


/* Keep the homepage's fixed-size diagram inside its column. */
@media(min-width:1281px){.wc-section--soft .wc-split{grid-template-columns:minmax(0,.9fr) minmax(675px,1.1fr)}}
@media(max-width:1280px){.wc-hero__grid,.wc-split{grid-template-columns:minmax(0,1fr)}.wc-hero__grid{gap:42px}.wc-cache-flow{margin:20px auto 0}}
@media(max-width:480px){.wc-hero h1{font-size:clamp(40px,12vw,52px);overflow-wrap:anywhere}.wc-hero__copy{min-width:0}}