.service-detail{background:#f8f8fc}.service-wrap{padding:64px max(6vw,24px);max-width:none}.service-detail .header{position:relative}.service-detail nav{display:flex}.service-back{font-size:12px;color:#66728d;display:inline-block;margin-bottom:40px}.service-back:hover{color:#22396f}.service-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:center}.service-detail .eyebrow{font-size:10px;letter-spacing:.16em;color:#667897;margin-bottom:18px}.service-hero-grid h1{font-size:clamp(36px,4vw,56px);max-width:620px;line-height:1.08;letter-spacing:-.045em}.service-lead{font-size:16px;line-height:1.8;color:#626c80;margin-top:25px;max-width:550px}.service-hero-actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:28px}.service-hero-actions .button{font-size:13px;padding:14px 20px;min-height:48px}.service-hero-actions .text-link{font-size:12px}.scope-note{font-size:10px;color:#81889a;margin-top:22px}.service-illustration{border:1px solid #ffffff20;position:relative;overflow:hidden;min-height:390px;background:radial-gradient(circle at 90% 0,#3a548f70,transparent 65%),#0d1c42;border-radius:20px;padding:26px;color:#fff;box-shadow:0 20px 50px #01073612}.concept-top{display:flex;justify-content:space-between;align-items:center}.concept-top>span:first-child{font-size:26px;color:#fcf1d0}.concept-top>span:last-child{font-size:9px;letter-spacing:.14em;color:#a9b6d2}.concept-content{padding:36px 22px;border:1px solid #ffffff15;border-radius:12px;margin:24px 0;background:#ffffff06}.concept-label{font-size:10px;color:#afbbd6}.concept-content h2{font-size:26px;line-height:1.25;letter-spacing:-.035em;max-width:300px;margin:12px 0 18px}.concept-lines i{display:block;width:70%;height:4px;border-radius:2px;background:#ffffff15;margin-top:8px}.concept-lines i:last-child{width:45%}.concept-action{display:inline-block;font-size:11px;margin-top:22px;color:#fcf1d0}.concept-journey{display:flex;justify-content:space-between;gap:10px}.concept-journey>span{font-size:10px;color:#c9d2e8}.concept-journey b{display:inline-grid;place-items:center;border:1px solid #ffffff25;border-radius:50%;width:25px;height:25px;margin-right:7px;font-size:9px;font-weight:400}.concept-caption{display:block;font-size:7px;letter-spacing:.18em;color:#8192b4;margin-top:23px}.illustration-shopify-ecommerce{background:radial-gradient(circle at 90% 0,#997b4250,transparent 65%),#242333}.illustration-automation .concept-action{padding:9px 13px;border:1px solid #fcf1d040;border-radius:6px}.illustration-ui-ux-redesign .concept-content{transform:rotate(-2deg);background:#ffffff0b}.illustration-website-care{background:radial-gradient(circle at 90% 0,#3d878150,transparent 65%),#0d1c42}.service-deliverables{background:#eef1f8}.service-section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:30px}.service-detail h2{font-size:clamp(26px,2.8vw,36px);line-height:1.16;letter-spacing:-.035em}.service-section-heading>p{max-width:380px;font-size:14px;color:#6c7486;line-height:1.7}.deliverable-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.deliverable{background:#fff;border:1px solid #dde3ef;border-radius:12px;padding:24px;transition:transform .3s,box-shadow .3s}.deliverable:hover{transform:translateY(-4px);box-shadow:0 12px 25px #01073609}.deliverable>span{font-size:10px;color:#8390ab}.deliverable h3{font-size:17px;line-height:1.4;margin:26px 0 12px;letter-spacing:-.02em}.deliverable p{font-size:12px;color:#747c8c;line-height:1.7}.service-method{display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.method-copy{font-size:15px;line-height:1.9;color:#626c80}.method-steps{list-style:none;padding:0;margin:30px 0 0}.method-steps li{display:flex;gap:18px;padding:18px 0;border-top:1px solid #e0e5ef}.method-steps li>span{color:#8794b0;font-size:10px;padding-top:4px}.method-steps h3{font-size:16px;margin-bottom:8px}.method-steps p{font-size:12px;color:#727b8d}.service-proof{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:#eef1f8}.service-proof-image{display:block;overflow:hidden;height:290px;padding:18px 18px 0;background:#e2e7f0;border:1px solid #d7deeb;border-radius:14px}.service-proof-image img{width:100%;border-radius:6px 6px 0 0;box-shadow:0 6px 18px #01073615}.service-proof>div>p:not(.eyebrow){font-size:14px;color:#687286;line-height:1.8;margin:20px 0}.service-proof .text-link{font-size:13px}.service-proof-symbol{display:grid;place-items:center;font-size:110px;line-height:1;color:#fcf1d0;border-radius:14px;background:#0d1c42;height:230px;letter-spacing:-.08em}.service-cta{display:flex;justify-content:space-between;align-items:center;gap:50px;background:#010736;color:white}.service-cta .eyebrow{color:#aebddd}.service-cta p:not(.eyebrow){font-size:14px;line-height:1.8;color:#aebddd;margin-top:20px;max-width:520px}.service-cta .button{font-size:13px;white-space:nowrap}.service-related{padding-top:40px;padding-bottom:40px}.service-related>div{display:flex;flex-wrap:wrap;gap:10px}.service-related a{border:1px solid #dce2ed;border-radius:8px;padding:12px 16px;font-size:12px;display:flex;gap:24px;justify-content:space-between;background:#fff;transition:border-color .2s}.service-related a:hover{border-color:#7188b5}.service-example-actions{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.service-demo-access{font-size:11px!important}.service-reveal{opacity:0;translate:0 20px;transition:opacity .6s,translate .6s}.service-reveal.is-visible{opacity:1;translate:0 0}
@media(min-width:1600px){.service-wrap{padding-left:max(6vw,calc((100vw - 1440px)/2));padding-right:max(6vw,calc((100vw - 1440px)/2))}}
@media(max-width:1000px){.service-hero-grid{gap:30px}.service-wrap{padding-top:48px;padding-bottom:48px}.deliverable-grid{grid-template-columns:repeat(2,1fr)}.service-method{gap:40px}.service-proof{gap:35px}.service-hero-grid h1{font-size:40px}.concept-content h2{font-size:24px}.service-illustration{padding:20px}.concept-journey b{display:block;margin:0 0 6px}}
@media(max-width:640px){.service-detail .header{gap:22px}.service-detail nav{width:100%;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:12px}.service-detail nav a{padding:0;font-size:12px}.service-detail nav .nav-contact{padding:7px 11px;border:1px solid #ffffff30}.service-wrap{padding:36px 24px}.service-back{margin-bottom:28px}.service-hero-grid,.service-method,.service-proof{grid-template-columns:1fr;gap:30px}.service-hero-grid h1{font-size:36px}.service-lead{font-size:14px;margin-top:20px}.service-hero-actions{gap:18px}.service-illustration{min-height:350px}.concept-journey b{display:inline-grid;margin:0 6px 0 0}.service-section-heading,.service-cta{display:block}.service-section-heading>p{margin-top:18px}.deliverable-grid{gap:12px}.deliverable{padding:18px}.deliverable h3{font-size:15px;margin-top:20px}.deliverable p{font-size:11px}.service-proof-image{height:235px}.service-cta .button{margin-top:26px}.service-related>div{display:grid;grid-template-columns:1fr}.service-detail .footer{gap:18px}}
@media(prefers-reduced-motion:reduce){.service-reveal{opacity:1;translate:none;transition:none}.deliverable:hover{transform:none}}
.deliverable-grid:not(:has(.deliverable:nth-child(4))){grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1000px){.deliverable-grid:not(:has(.deliverable:nth-child(4))){grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.deliverable-grid,.deliverable-grid:not(:has(.deliverable:nth-child(4))){grid-template-columns:1fr}}.portfolio-card{scroll-margin-top:100px}

.service-faq{padding-block:48px}.service-faq h2{font-size:clamp(26px,3vw,36px);margin-bottom:24px}.service-faq details{border-top:1px solid #cbd1dd;padding:18px 0}.service-faq summary{cursor:pointer;font-weight:600;line-height:1.5}.service-faq details p{max-width:72ch;margin:14px 0 0;line-height:1.75}