.service-hub{--hub-paper:#fff;--hub-ink:#20242a;--hub-muted:#626b77;--hub-line:#e0e4e9;background:#f6f7f8;color:var(--hub-ink);padding:64px 0 80px}
.service-hub__container{max-width:1240px}
.service-hub__intro{max-width:820px;margin-bottom:40px}
.service-hub .service-hub__eyebrow{font-size:14px;letter-spacing:.11em;font-weight:750;color:var(--brand-red);margin:0 0 16px}
.service-hub__intro h1{font-size:clamp(34px,3.5vw,52px);line-height:1.12;letter-spacing:-.035em;margin:0 0 20px;color:var(--hub-ink)}
.service-hub__intro>p:last-child{font-size:18px;line-height:1.65;color:var(--hub-muted);margin:0}
.service-hub__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.service-hub__card{display:grid;grid-template-columns:34% minmax(0,1fr);border:1px solid var(--hub-line);border-radius:24px;background:var(--hub-paper);overflow:hidden;color:var(--hub-ink);text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}
.service-hub__image{min-width:0;background:#eceef0;overflow:hidden}
.service-hub__image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.service-hub__body{padding:28px;display:flex;flex-direction:column;align-items:flex-start}
.service-hub__category{display:flex;gap:9px;align-items:baseline;font-size:13px;font-weight:700;line-height:1.5;margin-bottom:14px;color:var(--hub-muted)}
.service-hub__category i{color:var(--brand-red);width:17px;flex:0 0 17px;text-align:center}
.service-hub h2{font-size:clamp(22px,2vw,28px);line-height:1.2;letter-spacing:-.025em;color:var(--hub-ink);margin:0 0 12px}
.service-hub__body p,.service-hub__help p{font-size:15px;line-height:1.65;margin:0 0 16px;color:var(--hub-muted)}
.service-hub__examples{font-size:12px;line-height:1.6;color:var(--hub-muted);margin-bottom:20px}
.service-hub__action{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;margin-top:auto;font-size:14px;font-weight:750;color:var(--brand-red);min-height:30px}
.service-hub__action i{transition:transform .2s}
.service-hub__card:hover{border-color:var(--brand-red);box-shadow:0 12px 28px rgb(22 27 33 / .08);transform:translateY(-3px);color:var(--hub-ink)}
.service-hub__grid>a:hover .service-hub__action i{transform:translateX(4px)}
.service-hub__grid>a:focus-visible{outline:3px solid var(--brand-red);outline-offset:5px}
.service-hub__help{display:flex;align-items:center;gap:24px;padding:32px;border-radius:24px;background:#181b21;color:#f1f3f5;text-decoration:none;border:1px solid #353c46}
.service-hub__help-icon{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;font-size:24px;border:1px solid #535b66;border-radius:16px;color:#f1f3f5}
.service-hub__help h2{color:#f1f3f5}.service-hub__help p{color:#c7cdd5}.service-hub__help .service-hub__eyebrow{color:#c7cdd5;font-size:13px}.service-hub__help .service-hub__action{color:#fff}
[data-site-theme=dark] .service-hub{--hub-paper:#20252c;--hub-ink:#f1f3f5;--hub-muted:#bfc6d0;--hub-line:#363d47}
[data-site-theme=dark] .service-hub__category i,[data-site-theme=dark] .service-hub__card .service-hub__action{color:#ff757b}
@media(max-width:991px){.service-hub{padding:44px 0 56px}.service-hub__grid{grid-template-columns:1fr;gap:18px}.service-hub__card{grid-template-columns:28% minmax(0,1fr)}.service-hub__body{padding:24px}.service-hub__help{padding:28px}}
@media(max-width:575px){.service-hub{padding:32px 0 44px}.service-hub__intro{margin-bottom:26px}.service-hub__intro>p:last-child{font-size:16px}.service-hub__card{grid-template-columns:1fr;position:relative;border-radius:20px}.service-hub__image{position:absolute;right:16px;top:18px;width:76px;height:76px;border-radius:14px}.service-hub__body{padding:22px}.service-hub__category{padding-right:82px;min-height:30px;font-size:12px;margin-bottom:10px}.service-hub__body h2{padding-right:76px;min-height:54px;font-size:23px}.service-hub__body p{margin-top:8px}.service-hub__examples{margin-bottom:12px}.service-hub__action{min-height:44px}.service-hub__help{align-items:flex-start;padding:24px;gap:14px;border-radius:20px}.service-hub__help-icon{flex-basis:36px;width:36px;height:36px;font-size:18px;border-radius:10px}.service-hub__help h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.service-hub__card,.service-hub__action i{transition:none}.service-hub__card:hover{transform:none}}
