/* Shared service-page shell: match the midnight/cobalt homepage while keeping
   reference material light and readable. Variance 7 / motion 2 / density 4. */
.service-page{--bg:#fff;--bg-soft:#f3f6fb;--ink:#101319;--ink-2:#526078;--line:#dce3ee;--brand:#1159db;--brand-ink:#0757c8;--brand-soft:#eaf1fc;--on-brand:#fff;color-scheme:light;background:#fff;color:var(--ink);font-family:Manrope,system-ui,sans-serif}
.service-page .wrap{width:min(1240px,calc(100% - 3rem))}
.service-page .site-head{background:#080f20;border-bottom:1px solid #ffffff1a;color:#fff}
.service-page .site-head .brand,.service-page .site-nav a{color:#e8edf8}
.service-page .brand small{color:#9aa9c2}
.service-page .site-nav a:hover,.service-page .site-nav a[aria-current=page]{background:#172949;color:#b9d5ff}
.service-page .site-head .btn{background:#1159db;color:#fff;border-radius:9px;min-height:44px}
.service-hero{background:radial-gradient(ellipse at 100% 80%,#16366a 0,transparent 58%),#080f20;color:#fff;padding:2rem 0 4rem}
.service-kicker{margin:0!important;padding-bottom:1.7rem;border-bottom:1px solid #ffffff1c;font:500 .66rem/1.5 ui-monospace,monospace;letter-spacing:.15em;color:#a9b8d0}
.service-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:3rem;align-items:end;padding-top:3.5rem}
.service-hero h1{margin:0;font-size:clamp(3.2rem,6.7vw,6.4rem);line-height:1.03;letter-spacing:-.06em;font-weight:800;text-wrap:initial}
.service-hero h1 span{color:#83b4ff}
.service-intro{font-size:1.3rem;line-height:1.4;font-weight:600;letter-spacing:-.025em;margin:0 0 1rem!important}
.service-description{font-size:.95rem;line-height:1.8;color:#b1c0d7;max-width:30rem;margin:0 0 1.5rem!important}
.service-action{display:inline-flex;align-items:center;gap:1.4rem;background:#1159db;color:white;padding:.85rem 1.15rem;border-radius:9px;min-height:48px;font-size:.85rem;font-weight:700;text-decoration:none;transition:background .2s}
.service-action:hover{background:#266eee;text-decoration:none}
.service-action span{font-size:1.2rem}
.service-tool-strip{display:flex;flex-wrap:wrap;gap:1.1rem 3rem;border-top:1px solid #ffffff24;margin-top:3.5rem;padding-top:1.5rem;color:#c6d5eb;font-size:.76rem}
.service-tool-strip>span{display:flex;align-items:center;gap:.7rem;min-height:32px}
.service-tool-strip img{background:#fff;padding:3px;border-radius:5px;width:30px;height:30px;object-fit:contain}
.service-page .layout{padding-top:3.5rem;gap:4rem}
.service-page article{max-width:900px}
.service-page article h2{font-size:clamp(1.8rem,3.2vw,2.75rem);line-height:1.15;letter-spacing:-.04em}
.service-page article>h2:first-of-type{margin-top:2.5rem}
.service-page .pkg{box-shadow:none;border-radius:16px;background:#fafbfd;border-top:3px solid #1159db}
.service-page .pkg .btn{border-radius:8px}
.service-page .flow{background:#eaf1fc;border-radius:12px}
.service-page .toc a{min-height:38px}
.service-page .contact{background:#f3f6fb;padding-block:3.5rem;border:0}
.service-page .contact .grid{gap:2.5rem 4rem}
.service-page .contact h2{color:#426086;font:600 .7rem/1.5 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}
.service-page .contact .value{font-size:clamp(1.15rem,2.1vw,1.65rem);letter-spacing:-.035em;overflow-wrap:anywhere}
.service-page .contact .sub{font-size:.9rem;max-width:32rem;margin-top:.7rem}
.service-page .contact .general{font-size:.9rem}
.service-page .sections h2{font-weight:750;letter-spacing:-.04em}
.service-page .site-foot{background:#f6f7f9;color:#526078;border-top:1px solid #dce3ee;padding-block:2.5rem}
.service-page .site-foot a{color:#526078;text-decoration:none}.service-page .site-foot a:hover{text-decoration:underline}
.service-page :is(a,button,summary):focus-visible{outline:3px solid #579bff;outline-offset:4px}
.service-page .site-head a:focus-visible,.service-hero a:focus-visible{outline-color:#a7d1ff}
.service-skip{position:fixed;top:.75rem;left:.75rem;z-index:100;background:white;color:#0757c8;padding:.7rem 1rem;transform:translateY(-160%)}
.service-skip:focus{transform:none}
@media(max-width:1000px){.service-page .site-head .wrap{padding-block:.8rem;gap:.7rem}.service-page .site-nav{font-size:.75rem;gap:0}.service-page .site-nav a{padding:.5rem}.service-page .layout{gap:2rem;grid-template-columns:12rem minmax(0,1fr)}.service-hero-grid{gap:2rem}.service-hero h1{font-size:clamp(3rem,6.2vw,5rem)}}
@media(max-width:760px){.service-page .wrap{width:calc(100% - 2rem)}.service-hero{padding:1.5rem 0 2.5rem}.service-kicker{font-size:.58rem;padding-bottom:1.25rem}.service-hero-grid{grid-template-columns:1fr;padding-top:2.5rem;gap:1.75rem}.service-hero h1{font-size:clamp(2.7rem,10vw,4.5rem)}.service-intro{font-size:1.15rem}.service-description{font-size:.9rem}.service-tool-strip{gap:.75rem 1.25rem;margin-top:2rem;font-size:.68rem}.service-page .layout{grid-template-columns:1fr;padding-block:2.5rem;gap:2rem}.service-page .toc{position:static}.service-page .toc ol{display:grid;grid-template-columns:1fr 1fr}.service-page .site-head{position:relative}.service-page .contact{padding-block:2.5rem}.service-page .contact .grid{gap:2rem}.service-page .site-nav{gap:.1rem}.service-page .site-nav a{padding:.45rem .5rem}.service-page article h2,.service-page article h3{scroll-margin-top:1.5rem}.service-page .sections .body{font-size:.95rem}.service-page .brand img{width:32px;height:32px}}
@media(max-width:380px){.service-page .site-head .btn{font-size:.78rem;padding:.65rem .8rem}.service-page .toc ol{grid-template-columns:1fr}.service-tool-strip{gap:.75rem 1rem}}
@media(prefers-reduced-motion:reduce){.service-page *{transition:none!important;scroll-behavior:auto}}