.service-page{background:var(--paper);color:var(--black)}
.service-page .floating-header{position:fixed}
.service-page .nav-contact{margin-left:auto}
.service-hero{position:relative;min-height:760px;padding:190px max(32px,calc((100vw - 1340px)/2)) 95px;background:var(--black);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.service-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(52,76,255,.5),transparent 42%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,80px 80px,80px 80px;pointer-events:none}
.service-hero>*{position:relative;z-index:1}
.breadcrumb{display:flex;gap:9px;align-items:center;margin-bottom:70px;color:rgba(255,255,255,.55);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase}
.breadcrumb a:hover{color:#fff}
.service-hero h1{max-width:1150px;margin:0;font:700 clamp(4rem,10vw,9.5rem)/.82 Syne,sans-serif;letter-spacing:-.075em;text-wrap:balance}
.service-hero h1 em{display:block;color:var(--acid);font-style:normal}
.service-lead{max-width:760px;margin:48px 0 0 32%;color:rgba(255,255,255,.72);font-size:clamp(1rem,1.5vw,1.35rem);line-height:1.55}
.service-tags{display:flex;flex-wrap:wrap;gap:8px;margin:34px 0 0 32%}
.service-tags span{border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:8px 13px;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase}
.service-main{width:var(--shell);margin:auto;padding:120px 0 150px}
.answer-block{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.45fr);gap:10vw;padding-bottom:110px;border-bottom:1px solid var(--line)}
.answer-block .section-index{align-self:start}
.answer-copy h2,.service-section h2,.service-faq h2{font:650 clamp(2.5rem,5.8vw,6.3rem)/.9 Syne,sans-serif;letter-spacing:-.065em;margin:0 0 35px;text-wrap:balance}
.answer-copy>p{font-size:clamp(1.05rem,1.8vw,1.45rem);line-height:1.55;margin:0 0 22px;color:#35342f}
.answer-copy .plain-answer{padding:24px 26px;border-left:4px solid var(--blue);background:#fff;font-weight:600}
.service-section{padding:110px 0;border-bottom:1px solid var(--line)}
.section-heading{display:grid;grid-template-columns:1fr 1.35fr;gap:9vw;align-items:end;margin-bottom:65px}
.section-heading>p{margin:0;color:#66645e;line-height:1.7}
.deliverable-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.deliverable{min-height:260px;background:#fff;border:1px solid rgba(10,10,10,.08);border-radius:22px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .35s var(--ease),background .35s,color .35s}
.deliverable:hover{transform:translateY(-6px);background:var(--black);color:#fff}
.deliverable>span{font-size:.58rem;letter-spacing:.12em;color:var(--blue)}
.deliverable h3{font:600 clamp(1.4rem,2vw,2rem)/1 Syne,sans-serif;letter-spacing:-.04em;margin:45px 0 14px}
.deliverable p{margin:0;color:#706e67;font-size:.76rem;line-height:1.6}
.deliverable:hover p{color:rgba(255,255,255,.67)}
.use-cases{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.use-cases ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--black)}
.use-cases li{padding:22px 4px;border-bottom:1px solid var(--line);display:flex;gap:20px;font-size:.88rem;line-height:1.45}
.use-cases li:before{content:"↗";color:var(--blue)}
.service-process{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--black)}
.service-process article{padding:28px 25px 35px;border-right:1px solid var(--line)}
.service-process article:last-child{border-right:0}
.service-process span{font-size:.58rem;color:var(--blue)}
.service-process h3{font:600 1.35rem Syne,sans-serif;margin:45px 0 14px}
.service-process p{font-size:.73rem;color:#6d6b65;line-height:1.6}
.service-faq{padding:110px 0}
.service-faq-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:9vw}
.service-faq-list{border-top:1px solid var(--black)}
.service-faq details{border-bottom:1px solid var(--line);padding:22px 0}
.service-faq summary{cursor:pointer;list-style:none;font:600 1.05rem Syne,sans-serif;display:flex;justify-content:space-between;gap:24px}
.service-faq summary::-webkit-details-marker{display:none}
.service-faq summary:after{content:"+";font:400 1.3rem Manrope,sans-serif}
.service-faq details[open] summary:after{content:"−"}
.service-faq details p{color:#66645e;line-height:1.65;font-size:.76rem;max-width:680px}
.service-cta{background:var(--acid);padding:95px max(32px,calc((100vw - 1340px)/2));display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:60px}
.service-cta h2{font:700 clamp(3rem,7vw,7rem)/.85 Syne,sans-serif;letter-spacing:-.07em;margin:0}
.service-cta p{max-width:420px;line-height:1.65}
.service-cta .cta-primary{margin-top:22px;background:var(--black);color:#fff}
.related-services{padding:70px max(32px,calc((100vw - 1340px)/2));background:#fff}
.related-services h2{font:600 1.6rem Syne,sans-serif;margin:0 0 24px}
.related-links{display:flex;flex-wrap:wrap;gap:9px}
.related-links a{border:1px solid var(--line);border-radius:999px;padding:10px 15px;font-size:.68rem;transition:.25s}
.related-links a:hover{background:var(--black);color:#fff}
@media(max-width:900px){.service-hero{min-height:700px;padding-top:150px}.service-lead,.service-tags{margin-left:0}.answer-block,.section-heading,.service-faq-grid{grid-template-columns:1fr;gap:45px}.deliverable-grid{grid-template-columns:repeat(2,1fr)}.service-process{grid-template-columns:repeat(2,1fr)}.service-process article:nth-child(2){border-right:0}.service-process article:nth-child(-n+2){border-bottom:1px solid var(--line)}.service-cta{grid-template-columns:1fr}}
@media(min-width:601px){.service-identity .service-hero h1{font-size:6.8vw}}
@media(max-width:600px){.service-hero{min-height:650px;padding:135px 18px 70px}.breadcrumb{margin-bottom:45px}.service-hero h1{font-size:15vw}.service-ecommerce .service-hero h1{font-size:13vw}.service-identity .service-hero h1{font-size:10.5vw}.service-lead{font-size:.95rem;margin-top:35px}.service-tags{margin-top:25px}.service-main{width:calc(100% - 36px);padding:80px 0 100px}.answer-block{padding-bottom:75px}.service-section,.service-faq{padding:75px 0}.deliverable-grid,.use-cases{grid-template-columns:1fr}.deliverable{min-height:220px}.service-process{grid-template-columns:1fr}.service-process article{border-right:0;border-bottom:1px solid var(--line)!important}.service-process article:last-child{border-bottom:0!important}.service-cta{padding:70px 18px}.related-services{padding:55px 18px}.service-page .site-footer{padding-inline:18px}}