#services .section-heading{margin-bottom:32px}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.service-grid[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.service-grid[data-items="1"]{grid-template-columns:1fr}
.service-grid .service-card{grid-column:auto;min-height:248px;padding:24px;border:1px solid #d8e1f0;border-radius:20px;box-shadow:none;display:flex;flex-direction:column;justify-content:space-between;gap:24px;overflow:hidden;isolation:isolate;transition:border-color .2s;background:#fff;color:var(--ink)}
.service-grid .service-card:nth-child(n){grid-column:auto}
.service-grid .service-card::before{content:'';position:absolute;z-index:-1;pointer-events:none;left:-24%;top:-36%;width:158%;height:185%;border-radius:48% 44% 0 0;background:radial-gradient(ellipse at 70% 20%,#d9d7ff66,transparent 62%),linear-gradient(135deg,#eef8ff 10%,#d9edff 50%,#cbdcff 100%);transform:translate3d(-5%,88%,0) rotate(-14deg);opacity:0;transition:transform .65s cubic-bezier(.16,1,.3,1),opacity .3s ease-out}
.service-grid-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.service-grid-arrow{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border:1px solid #d8e1f0;border-radius:50%;color:var(--ink);transition:background .2s,border-color .2s,color .2s}
.service-grid-arrow svg{width:17px;height:17px;transition:transform .25s cubic-bezier(.16,1,.3,1)}
.service-grid .service-card h3{font-size:clamp(25px,2vw,30px);line-height:1.18;margin:0;max-width:17ch;letter-spacing:-.035em;overflow-wrap:anywhere;font-weight:600}
.service-grid .service-card p{font-size:14px;line-height:1.65;margin:0 0 20px;color:#4d5b72;max-width:44ch;overflow-wrap:anywhere}
.service-grid-read{font-size:11px;font-weight:600;color:var(--blue)}
.service-grid .service-card:hover{transform:none;box-shadow:none}
.service-grid .service-contact{background:var(--blue);border-color:var(--blue);color:#fff}
.service-grid .service-contact::before{background:radial-gradient(ellipse at 30% 10%,#2558c8,transparent 60%),linear-gradient(130deg,#1947bd,#0e2e8a)}
.service-grid .service-contact .service-grid-arrow{color:#fff;border-color:#ffffff66}
.service-grid .service-contact p{color:#e1eaff}
.service-grid-phone{font-size:16px;white-space:nowrap;font-weight:600}
.service-grid[data-remainder="1"] .service-contact{grid-column:1/-1;min-height:140px;display:grid;grid-template-columns:1fr auto;gap:8px 32px;align-items:center}
.service-grid[data-remainder="1"] .service-contact .service-grid-top,.service-grid[data-remainder="1"] .service-contact .service-grid-copy{display:contents}
.service-grid[data-remainder="1"] .service-contact h3{grid-column:1;grid-row:1;max-width:none}
.service-grid[data-remainder="1"] .service-contact p{grid-column:1;grid-row:2;margin:0}
.service-grid[data-remainder="1"] .service-contact .service-grid-arrow{grid-column:2;grid-row:1;justify-self:end}
.service-grid[data-remainder="1"] .service-contact .service-grid-phone{grid-column:2;grid-row:2}
.service-grid[data-remainder="2"]:not([data-items="2"]) .service-contact{grid-column:span 2}
.service-grid .service-card:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
.service-grid .service-card:focus-visible::before{transform:translate3d(0,0,0) rotate(5deg);opacity:1}
@media(hover:hover){.service-grid .service-card:hover{border-color:#9bb7ec}.service-grid .service-card:hover::before{transform:translate3d(0,0,0) rotate(5deg);opacity:1}.service-grid .service-card:hover .service-grid-arrow{background:var(--blue);border-color:var(--blue);color:#fff}.service-grid .service-card:hover .service-grid-arrow svg{transform:translate(2px,-2px)}.service-grid .service-contact:hover .service-grid-arrow{background:#fff;border-color:#fff;color:var(--blue)}}
@media(max-width:1100px){.service-grid,.service-grid[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.service-grid .service-card{padding:24px;min-height:240px;gap:24px}.service-grid .service-contact{display:flex!important;grid-column:auto!important;min-height:240px}.service-grid .service-contact .service-grid-top{display:flex!important}.service-grid .service-contact .service-grid-copy{display:block!important}.service-grid .service-contact p{margin-bottom:20px}.service-grid[data-even="false"] .service-contact{grid-column:1/-1!important;min-height:180px}}
@media(max-width:760px){#services .section-heading{margin-bottom:26px}.service-grid,.service-grid[data-columns="2"]{grid-template-columns:1fr;gap:14px}.service-grid .service-card{grid-column:auto!important;min-height:220px!important;padding:24px;gap:24px}.service-grid .service-card h3{font-size:27px;max-width:none}.service-grid .service-card p{font-size:14px;max-width:none}.service-grid .service-contact .service-grid-arrow{justify-self:auto}.service-grid-phone{font-size:17px}}
@media(prefers-reduced-motion:reduce){.service-grid .service-card,.service-grid .service-card::before,.service-grid-arrow,.service-grid-arrow svg{transition:none}.service-grid .service-card::before{transform:none;opacity:0}.service-grid .service-card:hover::before,.service-grid .service-card:focus-visible::before{transform:none;opacity:1}.service-grid .service-card:hover .service-grid-arrow svg{transform:none}}
