.services-page{--service-ink:#192f50;--service-muted:#627088;container-type:inline-size;color:var(--service-ink)}
.services-hero{display:flex;gap:32px;align-items:center;padding:30px 32px;margin-bottom:28px;border:1px solid #e5dff0;border-radius:22px;background:radial-gradient(ellipse at 100% 0,#eae3ff,transparent 65%),linear-gradient(120deg,#fcfaff,#f4f7fc)}
.services-page .app-heading{margin:0;flex:1}.services-page .app-heading h1{font-size:clamp(29px,4.2cqi,47px);line-height:1.13;margin:18px 0;letter-spacing:-.045em}.services-page .app-heading>p:last-child{font-size:14px;line-height:1.85;margin:0;max-width:720px}.services-page .app-eyebrow{font-size:11px;letter-spacing:.12em;color:#7354a0}
.services-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:12px;transform:rotate(5deg);flex:none;padding:8px}.services-mosaic>span{display:grid;place-items:center;width:76px;height:76px;border-radius:22px;background:#ffffffaa;border:1px solid #fff;box-shadow:0 12px 26px #5030800b}.services-mosaic .app-icon{width:52px;height:52px;box-shadow:none}
.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.service-detail{--service-accent:#7252ac;--service-soft:#f5f0fc;border:1px solid #e1e5ef;border-top:4px solid var(--service-accent);border-radius:18px;background:#fff;padding:28px;display:flex;flex-direction:column;min-width:0;box-shadow:0 8px 24px #203a5806}.service-tone-blue{--service-accent:#386fa7;--service-soft:#eef5fc}.service-tone-mint{--service-accent:#287563;--service-soft:#eef8f4}.service-tone-sand,.service-tone-coral{--service-accent:#ae4156;--service-soft:#fff1f3}.service-tone-slate{--service-accent:#53657c;--service-soft:#f2f5f8}
.service-detail-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.service-detail-top .app-icon{width:56px;height:56px}.service-number{font-size:13px;letter-spacing:.09em;color:var(--service-accent);background:var(--service-soft);border-radius:100px;padding:8px 11px}.service-detail h2{font-size:27px;letter-spacing:-.035em;line-height:1.25;margin:22px 0 15px}.service-description{flex:1}.service-description>p{font-size:14px;line-height:1.85;color:var(--service-muted);margin:0 0 18px}.service-description ul{padding:0;margin:0 0 24px;list-style:none;display:flex;flex-direction:column;gap:11px}.service-description li{display:flex;align-items:flex-start;gap:10px;color:#455b76;font-size:13px;line-height:1.65}.service-description li>.icon{flex:none;width:16px;height:16px;color:var(--service-accent);margin-top:3px}
.service-outcome{border-radius:12px;padding:17px 18px;background:var(--service-soft);margin:0 0 22px}.service-outcome>span{display:flex;gap:8px;align-items:center;color:var(--service-accent);font-size:12px;font-weight:650}.service-outcome .icon{width:16px;height:16px}.service-outcome p{font-size:12px;line-height:1.85;color:#53617a;margin:9px 0 0}.service-detail>.app-link{display:flex;justify-content:space-between;align-items:center;border:1px solid color-mix(in srgb,var(--service-accent) 30%,white);border-radius:10px;padding:13px 16px;color:var(--service-accent);font-weight:600;font-size:13px;text-decoration:none}.service-detail>.app-link:hover{background:var(--service-soft)}
.services-workflow{margin:34px 0;padding:28px;border:1px solid #e1e5ef;border-radius:20px;background:linear-gradient(125deg,#f6f4fc,#f8fafc)}.services-section-heading h2{font-size:30px;line-height:1.25;letter-spacing:-.035em;margin:13px 0}.services-section-heading>p:last-child{color:var(--service-muted);font-size:14px;line-height:1.8;max-width:680px}.services-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:28px}.services-steps article>span{display:grid;place-items:center;width:35px;height:35px;border:1px solid #e1daef;border-radius:11px;color:#795aa9;background:white;font-size:12px;font-weight:600}.services-steps h3{font-size:17px;margin:15px 0 10px}.services-steps p{color:var(--service-muted);font-size:12px;line-height:1.85;margin:0 0 13px}.services-steps small{display:block;font-size:11px;line-height:1.7;color:#7354a0}
.services-next{display:flex;align-items:center;gap:28px;padding:26px 28px;border:1px solid #efd5dc;border-radius:18px;background:linear-gradient(120deg,#fff5f6,#fcfaff)}.services-next>div{flex:1}.services-next>div>.icon{color:#b33a51;width:28px;height:28px}.services-next h2{font-size:23px;letter-spacing:-.03em;margin:12px 0}.services-next p{font-size:13px;line-height:1.85;color:var(--service-muted);max-width:690px;margin:0}.services-support-link{display:flex;gap:25px;align-items:center;border:1px solid #b33a51;border-radius:10px;padding:14px 18px;background:#b33a51;color:white;font:inherit;font-size:13px;font-weight:600;flex:none;cursor:pointer}.services-support-link>.icon{width:17px;height:17px}.services-support-link:hover{background:#982f43}.services-finish{display:flex;justify-content:center;padding:28px 0 0}.services-finish>.app-link{color:#7252ac;font-size:14px}.services-page a:focus-visible,.services-page button:focus-visible{outline:3px solid #7659d4;outline-offset:4px}
@container(max-width:800px){.services-steps{grid-template-columns:1fr 1fr}.services-mosaic{gap:8px}.services-mosaic>span{width:60px;height:60px}}
@container(max-width:650px){.services-hero{padding:24px;gap:0}.services-mosaic{display:none}.services-grid{grid-template-columns:1fr;gap:18px}.service-detail{padding:24px}.service-detail h2{font-size:25px}.services-workflow{padding:24px}.services-next{flex-direction:column;align-items:flex-start;padding:24px}.services-support-link{width:100%;justify-content:space-between}.services-section-heading h2{font-size:27px}}
@container(max-width:380px){.services-steps{grid-template-columns:1fr}.services-steps article{padding-bottom:16px;border-bottom:1px solid #e5e0ef}.services-steps article:last-child{border:0;padding-bottom:0}}