.connect-page{--connect-ink:#253338;--connect-yellow:#faed38;--connect-paper:#f4f4ef;--connect-line:#d8d8d1}.connect-page main{overflow:hidden}.connect-hero{background:var(--connect-ink);color:#fff;padding:clamp(64px,9vw,124px) 0}.connect-hero-inner{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:clamp(36px,7vw,96px);align-items:center}.connect-hero h1{margin:0;font-size:clamp(44px,4.5vw,68px);line-height:1.03;letter-spacing:-.055em}.connect-hero h1 span{color:var(--connect-yellow)}.connect-lead{max-width:700px;margin:28px 0 0;font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.7;color:#e2e7e8}.connect-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:34px}.connect-text-link{color:#fff;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-decoration:none}.connect-text-link:hover,.connect-text-link:focus-visible{color:var(--connect-yellow)}.connect-media-placeholder{display:flex;min-height:390px;margin:0;padding:32px;border:1px dashed rgba(37,51,56,.45);background:linear-gradient(145deg,#f8f8f4,#e6e6df);color:var(--connect-ink);flex-direction:column;align-items:center;justify-content:center;text-align:center}.connect-media-placeholder strong{font-size:clamp(1.35rem,2.4vw,2rem)}.connect-media-placeholder code{margin-top:10px;font-size:.82rem;color:#596266}.connect-placeholder-label{margin-bottom:14px;font-size:.67rem;font-weight:800;letter-spacing:.19em}.connect-media-image{margin:0;border:1px solid var(--connect-line);background:#fff;overflow:hidden}.connect-media-image img{display:block;width:100%;height:auto}.connect-access{background:var(--connect-yellow);color:var(--connect-ink);padding:clamp(48px,7vw,84px) 0}.connect-access-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(36px,8vw,120px);align-items:start}.connect-access h2,.connect-section-heading h2,.connect-workbench h2,.connect-final h2{margin:0;font-size:clamp(1.6rem,2.25vw,2.25rem);line-height:1.08;letter-spacing:-.04em}.connect-access-inner>div:last-child{font-size:1.08rem;line-height:1.75}.connect-access-inner>div:last-child p:first-child{margin-top:0}.button-dark{background:var(--connect-ink)!important;color:#fff!important}.connect-features{padding-top:clamp(72px,9vw,120px);padding-bottom:clamp(72px,9vw,120px)}.connect-section-heading{max-width:850px;margin-bottom:46px}.connect-section-heading>p:last-child{max-width:680px;font-size:1.1rem;line-height:1.7}.connect-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.connect-feature-grid article{min-height:250px;padding:30px;border:1px solid var(--connect-line);background:#fff}.connect-feature-grid article>span{font-size:.72rem;font-weight:800;letter-spacing:.15em;color:#7d8587}.connect-feature-grid h3{margin:34px 0 12px;font-size:1.32rem;line-height:1.2}.connect-feature-grid p{margin:0;line-height:1.7;color:#60686a}.connect-feature-grid .workbench-card{background:var(--connect-ink);color:#fff;border-color:var(--connect-ink)}.connect-feature-grid .workbench-card>span,.connect-feature-grid .workbench-card p{color:#d5dddf}.connect-workbench{background:var(--connect-paper);padding:clamp(72px,9vw,120px) 0}.connect-workbench-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.85fr);gap:clamp(42px,8vw,110px);align-items:center}.connect-workbench-copy>p{font-size:1.08rem;line-height:1.75;color:#596266}.connect-workbench ul{margin:24px 0 0;padding-left:1.25rem;line-height:1.9}.connect-final{background:var(--connect-ink);color:#fff;padding:clamp(70px,9vw,112px) 0;text-align:center}.connect-final .container{max-width:900px}.connect-final p{font-size:1.1rem;color:#d5dddf}.connect-actions-centred{justify-content:center}.button-outline{background:transparent!important;border:1px solid #fff!important;color:#fff!important}.button-outline:hover,.button-outline:focus-visible{background:#fff!important;color:var(--connect-ink)!important}@media(max-width:900px){.connect-hero-inner,.connect-workbench-inner{grid-template-columns:1fr}.connect-access-inner{grid-template-columns:1fr}.connect-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.connect-media-placeholder{min-height:320px}.connect-workbench-copy{order:-1}}@media(max-width:620px){.connect-hero{padding-top:52px}.connect-hero h1{font-size:48px}.connect-actions{align-items:flex-start;flex-direction:column}.connect-feature-grid{grid-template-columns:1fr}.connect-feature-grid article{min-height:0}.connect-media-placeholder{min-height:260px;padding:24px}}


/* Enlarged hero Workbench image. */
.connect-hero-inner{width:min(1440px,calc(100% - clamp(40px,6vw,96px)));max-width:none;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:clamp(48px,5vw,80px)}
.connect-hero-copy{min-width:0}
.connect-hero-media{width:100%;border-color:rgba(255,255,255,.18);box-shadow:0 24px 64px rgba(0,0,0,.24)}
.connect-hero-media img{width:100%;height:auto;object-fit:contain}
@media(max-width:900px){.connect-hero-inner{width:min(760px,calc(100% - 40px));grid-template-columns:1fr}.connect-hero-media{margin-top:10px}}
.connect-hero-line{display:block;white-space:nowrap}
.connect-hero h1 .connect-hero-main{color:inherit}
.connect-hero .button{border:1px solid #fff!important}
 .connect-hero h1{font-size:clamp(36px,3.6vw,56px)}
@media(max-width:900px){.connect-hero h1{font-size:clamp(44px,7vw,58px)}}
@media(max-width:620px){.connect-hero h1{font-size:clamp(30px,9vw,40px)}}