.services-hero{color:#fff;background:radial-gradient(at 70% 20%,#62307955,#0000 60%),#21112f;border-radius:32px;margin:16px;padding:165px 0 30px;overflow:hidden}.services-hero-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:65px;display:grid}.services-hero h1{letter-spacing:-.045em;margin:24px 0 30px;font-size:clamp(44px,5.6vw,82px);font-weight:700;line-height:1.12}.services-hero h1 span{color:#e4bfff}.services-hero .eyebrow{color:#e4c4f4;font-size:14px}.services-hero-grid>div>p:not(.eyebrow){color:#eee1f5;max-width:630px;margin-bottom:35px;font-size:20px;line-height:1.85}.services-hero-bottom{color:#e8d7f3;border-top:1px solid #aa81c15c;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:65px;padding-top:25px;font-size:14px;font-weight:700;display:flex}.service-chapters{grid-template-columns:repeat(4,1fr);gap:14px;margin:60px 0 40px;display:grid}.service-chapters a{background:#f8f1fc;border:1px solid #bca0cf;border-radius:16px;align-items:center;gap:12px;padding:22px 18px;font-size:16px;font-weight:700;line-height:1.5;display:flex}.service-chapters a>span:first-child{color:#754491;font-size:12px}.service-chapters a>span:last-child{margin-left:auto}.service-chapters a:hover{background:#eddbf8}.service-systems{gap:32px;display:grid}.service-system{background:#f8f1fc;border:1px solid #c9b1da;border-radius:28px;padding:clamp(25px,4vw,55px);scroll-margin-top:140px}.system-heading{border-bottom:1px solid #ccb3dc;margin-bottom:32px;padding-bottom:25px}.system-heading .eyebrow{color:#694180;margin-bottom:14px;font-size:13px}.system-heading h3{letter-spacing:-.03em;margin:0;font-size:clamp(30px,3.6vw,49px);font-weight:700;line-height:1.2}.system-body{grid-template-columns:1fr 1fr;align-items:center;gap:55px;display:grid}.system-copy h4{margin:0 0 20px;font-size:clamp(24px,2.6vw,34px);font-weight:700;line-height:1.3}.system-copy>p{color:#53405f;margin-bottom:28px;font-size:19px;line-height:1.85}.system-links{gap:0;display:grid}.system-links a{border-top:1px solid #d6c1e4;justify-content:space-between;align-items:center;gap:18px;padding:14px 0;font-size:16px;font-weight:700;line-height:1.6;display:flex}.system-links a:last-child{border-bottom:1px solid #d6c1e4}.system-links a:hover{color:#784494}.system-links a>span{flex-shrink:0}.services-confidence{padding:65px 0 20px}.services-confidence h3{letter-spacing:-.035em;font-size:clamp(32px,4vw,56px);font-weight:700;line-height:1.2}.services-confidence h3>span{color:#754491}.confidence-grid{grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px;display:grid}.confidence-grid article{background:linear-gradient(135deg,#f0e4f8,#fcfaff);border:1px solid #c9b1da;border-radius:20px;padding:28px}.confidence-grid article>span{color:#754491;font-size:14px;font-weight:700}.confidence-grid h4{margin:20px 0 15px;font-size:23px;font-weight:700;line-height:1.4}.confidence-grid p{color:#53405f;font-size:17px;line-height:1.85}.services-experience :is(a):focus-visible,.services-hero a:focus-visible{outline-offset:5px;outline:3px solid #9c5bc5}.services-hero a:focus-visible{outline-color:#e4bfff}@media (width<=1100px){.services-hero-grid,.system-body{gap:30px}.service-chapters{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.services-hero{border-radius:24px;margin:12px;padding-top:145px}.services-hero-grid{grid-template-columns:1fr;gap:40px}.services-hero h1{font-size:clamp(43px,8vw,65px)}.services-hero-grid>div>p:not(.eyebrow){font-size:18px}.services-hero-bottom{margin-top:35px;font-size:12px}.system-body{grid-template-columns:1fr}.service-chapters{margin-top:40px}.system-copy>p{font-size:18px}.confidence-grid{grid-template-columns:1fr;gap:16px}.services-confidence{padding-top:45px}}@media (width<=450px){.service-chapters{grid-template-columns:1fr}.service-chapters a{padding:17px}.services-hero h1{font-size:42px}.services-hero-bottom{flex-direction:column}.system-heading{margin-bottom:25px;padding-bottom:22px}.system-heading h3{font-size:30px}.system-links a{font-size:16px}.confidence-grid article{padding:24px}}@media (forced-colors:active){.services-hero,.service-system,.confidence-grid article,.service-chapters a{color:canvastext;background:canvas;border:1px solid canvastext}}.system-body{align-items:start}.services-page .service-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.services-page .service-directory>a{background:#f8f1fc;border:1px solid #c9b1da;border-radius:16px;grid-template-columns:30px 1fr 22px;gap:16px;padding:22px 25px}.services-page .service-directory h3{margin:0;font-size:22px;font-weight:700;line-height:1.45}.services-page .service-directory>a:hover{background:#eddbf8}.services-page .service-directory>a>span:first-child{font-size:13px}@media (width<=800px){.services-page .service-directory{grid-template-columns:1fr}.services-page .service-directory>a{padding:20px}.services-page .service-directory h3{font-size:20px}}.service-systems{gap:48px}.service-system{isolation:isolate;position:relative;overflow:hidden}.service-system .system-copy{min-width:0}.service-scene-design{background:linear-gradient(125deg,#fffafd 30%,#f1e4fa);border-radius:32px 32px 12px}.service-scene-design .system-heading{border-bottom:0;max-width:800px;padding-bottom:0}.service-scene-design .system-body{grid-template-columns:.95fr 1.05fr;gap:60px}.service-scene-design .graphic-design{background:0 0;border:0;border-radius:0;min-height:420px}.service-scene-design .design-window{box-shadow:0 24px 55px #51297326}.service-scene-design .graphic-grid{background-size:48px 48px}.service-scene-code{color:#fff;background:radial-gradient(at 12% 80%,#683c8755,#0000 65%),#241431;border-color:#704986;border-radius:12px 32px 32px}.service-scene-code .system-heading{border-color:#87609e;grid-template-columns:1fr 1fr;align-items:end;gap:30px;padding-bottom:28px;display:grid}.service-scene-code .system-heading .eyebrow{color:#e5c2fa;margin-bottom:0}.service-scene-code .system-heading h3{grid-column:2}.service-scene-code .system-copy{grid-area:1/2}.service-scene-code .graphic-code{color:#f9edff;background:radial-gradient(at 70% 10%,#6e408840,#0000 70%),#321c44;border-color:#8d659f;grid-area:1/1;align-self:center}.service-scene-code .system-copy>p{color:#ecdeef}.service-scene-code .system-links a{color:#fff;border-color:#87609e}.service-scene-code .system-links a:hover{color:#ebc7ff}.service-scene-code .code-stack>div{background:linear-gradient(110deg,#503361,#321e43);border-color:#a37bbb;box-shadow:0 12px 25px #0002}.service-scene-code .code-stack small{color:#e5c2fa}.service-scene-code .graphic-top>i{background:#e1b7fa;box-shadow:0 0 0 5px #b88fd32b}.service-scene-code .code-connect i{background:#bd97d1}.service-scene-code a:focus-visible{outline-color:#e9c4ff}.service-scene-infra{background:#efe4f7;border-color:#b497c9;border-radius:32px;padding-bottom:0}.service-scene-infra .system-heading{border-bottom:0;max-width:820px;margin-bottom:36px;padding-bottom:0}.service-scene-infra .system-body{flex-direction:column;gap:0;display:flex}.service-scene-infra .graphic-infra{background:linear-gradient(120deg,#fffafd,#f1e5fb);border-bottom:0;border-radius:22px 22px 0 0;order:-1;min-height:300px}.service-scene-infra .graphic-content{padding:30px 40px}.service-scene-infra .infra-pipeline{align-items:center;gap:20px;display:flex}.service-scene-infra .pipeline-node.wide{flex:1;width:auto;padding:24px 16px}.service-scene-infra .pipeline-pool{flex:1.2;grid-template-columns:1fr;gap:8px;width:auto}.service-scene-infra .pipeline-pool .pipeline-node{padding:12px}.service-scene-infra .pipeline-path{flex:0 0 35px;width:35px;height:1px}.service-scene-infra .pipeline-path i{animation-name:packet-horizontal;top:-3px;left:0}.service-scene-infra .system-copy{background:#fffafd;border:1px solid #bfa1d5;border-top:0;border-radius:0 0 22px 22px;grid-template-columns:1fr 1fr;column-gap:45px;width:100%;margin-bottom:clamp(25px,4vw,55px);padding:36px 40px 40px;display:grid}.service-scene-infra .system-copy h4{grid-column:1;margin-bottom:18px}.service-scene-infra .system-copy>p{grid-column:1;margin-bottom:0}.service-scene-infra .system-links{grid-area:1/2/span 2;align-self:start}@keyframes packet-horizontal{0%{opacity:0;transform:translate(0)}20%,80%{opacity:1}to{opacity:0;transform:translate(28px)}}@media (width<=1100px){.service-scene-design .system-body{gap:30px}.service-scene-infra .infra-pipeline{gap:12px}.service-scene-infra .graphic-content{padding:30px}}@media (width<=800px){.service-systems{gap:28px}.service-scene-design .system-body{grid-template-columns:1fr}.service-scene-design .graphic-design{min-height:320px}.service-scene-code .system-heading{display:block}.service-scene-code .system-heading .eyebrow{margin-bottom:14px}.service-scene-code .system-copy,.service-scene-code .graphic-code{grid-area:auto}.service-scene-infra .system-copy{padding:28px;display:block}.service-scene-infra .system-copy>p{margin-bottom:28px}.service-scene-infra .infra-pipeline{gap:0;display:grid}.service-scene-infra .pipeline-node.wide{width:85%;padding:16px}.service-scene-infra .pipeline-pool{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}.service-scene-infra .pipeline-path{width:1px;height:30px}.service-scene-infra .pipeline-path i{animation-name:packet-travel;top:0;left:-3px}.service-scene-infra .graphic-content{padding:24px}.service-scene-infra .graphic-infra{min-height:360px}}@media (forced-colors:active){.service-scene-code,.service-scene-code .graphic-code,.service-scene-code .code-stack>div,.service-scene-infra .system-copy{color:canvastext;background:canvas;border-color:canvastext}.service-scene-code :is(.eyebrow,.system-copy>p,.system-links a,.code-stack small){color:canvastext}}
