/* Shared service pages extend GoHBIT's current neutral theme. */
.service-hero{background:#191c23;color:#fafbfc;padding:68px 0 82px;--accent:#d1baf3;--muted:#c5ccd6;--line:#464e5d;--ink:#fafbfc}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:#c5ccd6;margin-bottom:46px}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}.breadcrumbs span[aria-hidden]{color:#9aa5b5}
.service-hero-grid{display:grid;grid-template-columns:1.35fr .8fr;align-items:center;gap:70px}.service-hero h1{font-size:clamp(43px,5.6vw,76px);font-weight:600;letter-spacing:-.05em;line-height:1.06}.service-hero .lead{margin-top:26px;max-width:680px}.service-hero .button{color:#20182e}.service-hero .button:hover{background:#e0cef8;color:#20182e}.service-hero .button.secondary{color:#fff}.service-hero .button.secondary:hover{background:#2a303b}.service-hero .eyebrow{color:#d1baf3}.service-hero-note{font-size:12px;color:#c5ccd6;margin-top:22px}.service-hero .visual-panel{background:#232934;border-color:#464e5d;min-height:280px;padding:20px}.service-hero .visual-label{background:#191c23ed;color:#dce1e8;font-size:9px;left:16px;bottom:12px}.service-hero-badge{padding:30px;border:1px solid #586173;border-radius:20px;background:#222833}.service-hero-badge h2{font-size:25px;line-height:1.2;letter-spacing:-.025em}.service-hero-badge ul{list-style:none;padding:0;display:grid;gap:14px;margin:24px 0 0}.service-hero-badge li{font-size:14px;color:#dce1e8;display:flex;align-items:center;gap:10px}.service-hero-badge svg{width:18px;color:#d1baf3}.service-section{padding:85px 0}.service-lead{max-width:760px;margin-bottom:38px}.service-lead h2{font-size:clamp(34px,4vw,49px)}.service-lead p{margin-top:22px;font-size:17px;line-height:1.85}.service-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-feature{padding:27px;border:1px solid #d5d9e0;border-radius:16px;background:#fff}.service-feature>span{font-size:11px;letter-spacing:.1em;color:#6135a5}.service-feature h3{font-size:22px;line-height:1.2;margin:19px 0 14px;letter-spacing:-.025em}.service-feature p{font-size:14px;line-height:1.85}.service-soft{background:#f4f5f7}.service-example{border-left:3px solid #6135a5;padding:12px 0 12px 30px;max-width:900px}.service-example .eyebrow{margin-bottom:16px}.service-example h2{font-size:34px;line-height:1.2}.service-example p{font-size:16px;line-height:1.9;margin-top:22px}.service-process{margin-top:0}.service-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.service-faq h2{font-size:43px}.service-faq>div>p{margin-top:22px}.service-close{background:#191c23;color:#fafbfc;padding:75px 0;--accent:#d1baf3;--muted:#c5ccd6}.service-close-inner{display:flex;justify-content:space-between;align-items:center;gap:45px}.service-close h2{font-size:clamp(32px,3.6vw,46px);max-width:720px}.service-close p{margin-top:20px;max-width:650px}.service-close .button{color:#20182e;white-space:nowrap}.service-close .button:hover{background:#e0cef8;color:#20182e}.related-services{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px}.related-services a{font-size:14px;color:#6135a5;text-decoration:underline;text-underline-offset:4px}.service-workspace{background:#f4f5f7}.service-workspace .dashboard{box-shadow:0 15px 45px #18202b12}.service-workspace .demo-heading-kicker{color:#596271}
@media(max-width:1000px){.service-hero-grid{gap:35px;grid-template-columns:1.2fr .8fr}.service-features{grid-template-columns:repeat(2,minmax(0,1fr))}.service-close-inner{flex-direction:column;align-items:flex-start}.service-faq{gap:40px}}
@media(max-width:760px){.service-hero{padding:35px 0 55px}.breadcrumbs{margin-bottom:32px}.service-hero-grid{grid-template-columns:1fr;gap:35px}.service-hero h1{font-size:clamp(39px,9vw,60px)}.service-hero .lead{font-size:16px}.service-hero .visual-panel{min-height:230px;max-width:480px}.service-hero-badge{padding:24px}.service-section{padding:60px 0}.service-features{grid-template-columns:1fr}.service-feature{padding:24px}.service-feature h3{font-size:23px}.service-faq{grid-template-columns:1fr;gap:30px}.service-faq h2{font-size:36px}.service-example{padding-left:22px}.service-example h2{font-size:29px}.service-example p{font-size:15px}.service-close{padding:58px 0}.service-close .button{white-space:normal;text-align:center}.related-services{gap:15px}}
