:root{
  --detail-dark:#090d19;
  --detail-purple:#6265fe;
  --detail-lila:#b6bbff;
  --detail-blue:#cfe7ff;
  --detail-yellow:#fffd98;
  --detail-hover:#eff0ff;
  --detail-line:#dfdfdf;
  --detail-muted:#4b5563;
  --detail-container:1245px;
  --detail-gradient:conic-gradient(from 24deg at 50% 50%,#0d1527 0deg,#090d19 42deg,#4950d6 108deg,#6265fe 148deg,#fffd98 222deg,#cfe7ff 280deg,#58779b 324deg,#162235 360deg);
}
.service-detail-page{background:#fff;color:var(--detail-dark)}
.service-detail-page *{box-sizing:border-box}
.service-detail-container{width:min(var(--detail-container),calc(100% - 48px));margin-inline:auto}
.service-detail-kicker{margin:0;color:var(--detail-purple);font:500 20px/1.5 "Afacad Flux",sans-serif}
.service-detail-heading{margin:0;font-family:Montserrat,sans-serif;font-weight:500;letter-spacing:-.045em;color:var(--detail-dark)}

.service-detail-hero{background:linear-gradient(180deg,var(--detail-hover) 0%,#fff 100%);padding:52px 0 42px}
.service-detail-hero__inner{display:grid;grid-template-columns:minmax(0,783px) auto;gap:54px;align-items:center}
.service-detail-hero__copy{display:flex;flex-direction:column;gap:34px;min-width:0}
.service-detail-hero h1{margin:0;color:var(--detail-purple);font:600 clamp(44px,4.2vw,60px)/1.22 Montserrat,sans-serif;letter-spacing:-.045em}
.service-detail-hero__lead{max-width:760px;margin:0;color:var(--detail-muted);font:400 20px/1.65 Montserrat,sans-serif}
.service-detail-actions{display:flex;justify-content:flex-end;align-items:center;gap:24px;flex-wrap:wrap}
.service-detail-actions .home-btn{flex:none}

.service-detail-includes__inner{display:grid;grid-template-columns:minmax(0,673px) minmax(0,527px);gap:47px;align-items:start;padding:40px 0;border-top:1px solid var(--detail-line);border-bottom:1px solid var(--detail-line)}
.service-detail-includes__copy{display:flex;flex-direction:column;gap:26px;padding-top:5px}
.service-detail-includes h2{font-size:clamp(38px,3.55vw,50px);line-height:1.28}
.service-detail-includes__copy p{margin:0;font:400 24px/1.38 "Afacad Flux",sans-serif;color:#000}
.service-detail-need{padding:32px;border:1px solid var(--detail-line);border-radius:10px;background:#fff}
.service-detail-need h3{margin:0 0 18px;font:500 16px/1.45 Montserrat,sans-serif;color:var(--detail-dark)}
.service-detail-need__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.service-detail-check{display:flex;align-items:flex-start;gap:12px;min-height:96px;padding:20px 18px;border:1px solid var(--detail-line);border-radius:10px;background:#fff;color:var(--detail-muted);font:400 16px/1.55 "Afacad Flux",sans-serif;transition:border-color .22s ease,background .22s ease,box-shadow .22s ease}
.service-detail-check:hover,.service-detail-check:focus-visible{border:1px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--detail-gradient) border-box;box-shadow:0 8px 20px rgba(9,13,25,.08);outline:none}
.service-detail-check::before{content:"";width:20px;height:23px;flex:none;margin-top:0;background:url("/assets/service-check-v61.png") center/contain no-repeat}

.service-detail-faq{padding:57px 0 72px;background:#fff}
.service-detail-faq__heading{display:flex;flex-direction:column;gap:24px;margin-bottom:46px}
.service-detail-faq h2{font-size:clamp(38px,3.55vw,50px);line-height:1.25}
.service-faq-list{display:grid;gap:16px}
.service-faq-item{width:100%;padding:0;border:1px solid var(--detail-line);border-radius:10px;background:#fff;overflow:hidden;transition:border-color .22s ease,background .22s ease,box-shadow .22s ease}
.service-faq-item:hover,.service-faq-item:focus-within,.service-faq-item.is-open{border:1px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--detail-gradient) border-box;box-shadow:0 8px 20px rgba(9,13,25,.08)}
.service-faq-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:29px 32px;border:0;background:transparent;color:var(--detail-dark);text-align:left;cursor:pointer}
.service-faq-button:focus-visible{outline:3px solid rgba(98,101,254,.25);outline-offset:-3px}
.service-faq-question{font:600 22px/1.5 Montserrat,sans-serif}
.service-faq-arrow{width:39px;height:39px;display:grid;place-items:center;flex:none;border-radius:8px;background:var(--detail-dark);overflow:visible;transform-origin:center;transition:transform .48s cubic-bezier(.22,.8,.32,1),background-color .24s ease}
.service-faq-arrow img{width:12px;height:12px;display:block;object-fit:contain;pointer-events:none}
.service-faq-item:hover .service-faq-arrow,.service-faq-item:focus-within .service-faq-arrow,.service-faq-item.is-open .service-faq-arrow{background:var(--detail-purple);transform:rotate(90deg)}
.service-faq-answer{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .38s ease,opacity .25s ease}
.service-faq-answer__inner{overflow:hidden}
.service-faq-answer p{margin:0;padding:0 32px 30px;color:#000;font:400 18px/1.45 "Afacad Flux",sans-serif}
.service-faq-item.is-open .service-faq-answer{grid-template-rows:1fr;opacity:1}

.service-detail-other{padding:57px 0;background:var(--detail-hover)}
.service-detail-other__heading{display:flex;flex-direction:column;gap:24px;margin-bottom:50px}
.service-detail-other h2{font-size:clamp(38px,3.55vw,50px);line-height:1.25}
.service-detail-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.service-detail-card{position:relative;min-height:130px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px;border:1px solid var(--detail-line);border-radius:10px;background:#fff;color:var(--detail-dark);text-decoration:none;transition:border-color .22s ease,background .22s ease,box-shadow .22s ease}
.service-detail-card:hover,.service-detail-card:focus-visible{border:1px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--detail-gradient) border-box;box-shadow:0 8px 20px rgba(9,13,25,.08);outline:none}
.service-detail-card__text{max-width:270px;font:500 22px/1.38 Montserrat,sans-serif;cursor:text;user-select:text}
.service-detail-card__arrow{width:39px;height:39px;display:grid;place-items:center;flex:none;border-radius:8px;background:var(--detail-dark);transform-origin:center;transition:transform .48s cubic-bezier(.22,.8,.32,1),background-color .24s ease}
.service-detail-card__arrow img{display:block;width:12px;height:12px;object-fit:contain;pointer-events:none}
.service-detail-card:hover .service-detail-card__arrow,.service-detail-card:focus-visible .service-detail-card__arrow{background:var(--detail-purple);transform:rotate(90deg)}

.service-detail-cta{padding:86px 0;background:var(--detail-dark);color:#fff;text-align:center}
.service-detail-cta__inner{max-width:973px;margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:26px}
.service-detail-cta .service-detail-kicker{color:var(--detail-lila)}
.service-detail-cta h2{font-size:clamp(38px,3.55vw,50px);line-height:1.4;color:#fff}
.service-detail-cta h2 strong{color:var(--detail-yellow);font-weight:600}
.service-detail-cta__lead{max-width:700px;margin:0;font:400 24px/1.4 "Afacad Flux",sans-serif}
.service-detail-cta__actions{display:flex;justify-content:center;gap:34px;flex-wrap:wrap;margin-top:31px}

.service-detail-footer{position:relative}
.service-detail-footer::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#6265fe 0%,#090d19 25%,#b6bbff 50%,#cfe7ff 75%,#fffd98 100%)}
.service-detail-footer .home-footer__top{grid-template-columns:minmax(280px,1fr) 130px 260px 190px;gap:52px}
.service-detail-footer .home-footer nav,.service-detail-footer .home-footer__contact{font-size:16px}
.service-detail-footer .home-footer__services{display:grid;gap:12px;color:var(--home-muted);font-size:16px}
.service-detail-footer .home-footer__services a:hover{color:var(--home-purple)}

@media(max-width:1150px){
  .service-detail-hero__inner{grid-template-columns:1fr;gap:34px}
  .service-detail-actions{justify-content:flex-start}
  .service-detail-includes__inner{grid-template-columns:1fr;gap:32px}
  .service-detail-need{max-width:760px}
  .service-detail-footer .home-footer__top{grid-template-columns:1fr 1fr 1fr;gap:40px}
  .service-detail-footer .home-footer__brand{grid-column:1/-1}
}
@media(max-width:900px){
  .service-detail-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-detail-footer .home-footer__top{grid-template-columns:1fr 1fr}
  .service-detail-footer .home-footer__brand{grid-column:1/-1}
}
@media(max-width:720px){
  .service-detail-container{width:min(100% - 32px,var(--detail-container))}
  .service-detail-kicker{font-size:16px}
  .service-detail-hero{padding:42px 0 34px}
  .service-detail-hero__copy{gap:24px}
  .service-detail-hero h1{font-size:40px;line-height:1.18}
  .service-detail-hero__lead{font-size:18px;line-height:1.5}
  .service-detail-actions{gap:12px;align-items:stretch}
  .service-detail-actions .home-btn{width:100%}
  .service-detail-includes__inner{padding:34px 0}
  .service-detail-includes h2,.service-detail-faq h2,.service-detail-other h2{font-size:36px;line-height:1.2}
  .service-detail-includes__copy p{font-size:20px;line-height:1.5}
  .service-detail-need{padding:24px}
  .service-detail-need__grid{grid-template-columns:1fr}
  .service-detail-check{min-height:88px;padding:18px 16px}
  .service-detail-faq{padding:46px 0 54px}
  .service-detail-faq__heading{margin-bottom:32px}
  .service-faq-button{padding:22px 22px;gap:14px}
  .service-faq-question{font-size:18px;line-height:1.4}
  .service-faq-arrow{width:32px;height:32px}
  .service-faq-answer p{padding:0 22px 24px;font-size:17px}
  .service-detail-other{padding:46px 0}
  .service-detail-other__heading{margin-bottom:34px}
  .service-detail-cards{grid-template-columns:1fr}
  .service-detail-card{min-height:110px;padding:24px}
  .service-detail-card__text{font-size:20px}
  .service-detail-cta{padding:68px 0}
  .service-detail-cta__lead{font-size:20px}
  .service-detail-cta__actions{flex-direction:column;width:100%;gap:12px}
  .service-detail-cta__actions .home-btn{width:100%}
  .service-detail-footer .home-footer__top{grid-template-columns:1fr}
  .service-detail-footer .home-footer__brand{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){
  .service-detail-check,.service-faq-item,.service-faq-arrow,.service-faq-answer,.service-detail-card,.service-detail-card__arrow{transition:none!important}
}