.service-hero{padding-block:clamp(4rem,9vw,7rem);background:radial-gradient(circle at 85% 15%,rgba(23,107,255,.2),transparent 30rem)}.service-hero__grid{display:grid;gap:3rem;align-items:center}.service-hero h1{max-width:15ch;margin:.75rem 0 1.25rem;font-size:clamp(2.35rem,6vw,4.7rem)}.service-hero__lead{max-width:42rem;color:var(--muted);font-size:clamp(1.05rem,2vw,1.2rem)}.service-hero .button-group{margin-top:2rem}.service-visual{display:grid;min-height:18rem;padding:2rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(145deg,rgba(18,43,66,.94),rgba(10,25,40,.8));box-shadow:var(--shadow-glow);align-content:space-between}.service-visual__flow{display:grid;gap:.75rem;max-width:16rem;margin:auto;text-align:center}.service-visual__flow b,.service-visual__flow strong{padding:.9rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:rgba(255,255,255,.04)}.service-visual__flow strong{color:var(--cyan-2);border-color:rgba(22,216,232,.35);background:rgba(22,216,232,.1)}.service-visual__flow i{color:var(--cyan);font-style:normal;font-size:1.35rem}.service-points{display:grid;gap:1rem}.service-points article{padding:1.5rem;border:1px solid var(--border-light);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-sm)}.service-points h3{margin-bottom:.5rem;color:var(--ink);font-size:1.1rem}.service-points p{color:var(--ink-muted)}.service-points--dark article{border-color:var(--border);background:var(--card);box-shadow:none}.service-points--dark h3{color:var(--text)}.service-points--dark p,.service-process p{color:var(--muted)}.service-process{background:var(--surface)}.service-process ol{display:grid;gap:1rem}.service-process li{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1.2rem 0;border-top:1px solid var(--border)}.service-process li:last-child{border-bottom:1px solid var(--border)}.service-process li>b{display:grid;width:2.2rem;height:2.2rem;color:var(--cyan-2);border:1px solid rgba(22,216,232,.3);border-radius:50%;place-items:center;font-size:.72rem}.service-process h3{margin-bottom:.3rem;font-size:1.1rem}.service-proof{display:grid;min-height:14rem;align-items:center}.service-proof h2{max-width:23ch;color:var(--ink)}.service-proof p:not(.eyebrow){max-width:43rem;color:var(--ink-muted)}
@media(min-width:48rem){.service-points{grid-template-columns:repeat(3,1fr)}.service-process ol{grid-template-columns:repeat(2,1fr);column-gap:3rem}}@media(min-width:64rem){.service-hero__grid{grid-template-columns:minmax(0,1.15fr) minmax(20rem,.85fr)}}
.app-examples{background:var(--surface)}.app-examples__grid{display:grid;gap:1.25rem}.app-example{display:grid;gap:1.25rem;padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card)}.app-example h3{margin:.75rem 0}.app-example p{color:var(--muted)}.app-example figure{margin:0;text-align:center}.app-example img{width:min(100%,15rem);height:auto;border:1px solid var(--border);border-radius:1.25rem}@media(min-width:48rem){.app-examples__grid{grid-template-columns:repeat(2,1fr)}.app-example{grid-template-columns:1fr minmax(10rem,.6fr);align-items:center}}
.web-cases{background:var(--surface)}.web-cases__grid{display:grid;gap:1.25rem}.web-case{display:grid;gap:1.25rem;padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);overflow:hidden}.web-case h3{margin:.75rem 0;font-size:clamp(1.5rem,3vw,2rem)}.web-case p{color:var(--muted)}.web-case figure{margin:0}.web-case img{width:100%;height:auto;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}@media(min-width:64rem){.web-cases__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}