.serviceIntro{max-width:850px;padding:16px 0 32px}.serviceIntro .button{margin-top:20px}.serviceIntro h1{max-width:800px}.serviceQuestions{padding:28px 0}.serviceQuestions details{border-bottom:1px solid var(--case-line);padding:18px 0}.serviceQuestions summary{cursor:pointer;font-size:16px;line-height:1.5}.serviceQuestions .copy{padding-top:14px}.serviceNeighbors{display:flex;gap:14px 28px;flex-wrap:wrap;margin:24px 0 34px;font-size:14px;line-height:1.6}.serviceNeighbors a{text-decoration:underline;text-underline-offset:5px}.serviceCaseLinks{padding-left:20px;font-size:15px;line-height:1.6}.serviceCaseLinks li{margin:14px 0}.serviceLanding .related .copy{margin-top:18px}.serviceLanding .projectEnd{margin-top:40px}

/* Quiet panels use the same warm accent and spacing as the service catalog. */
.serviceLanding #scope .copy ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.serviceLanding #scope li{margin:0;padding:15px 18px;border:1px solid var(--case-line);border-radius:12px;background:var(--case-paper-soft);transition:border-color .25s,transform .25s}
.serviceLanding .serviceCaseLinks{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}
.serviceLanding .serviceCaseLinks li{margin:0;min-width:0}
.serviceLanding .serviceCaseLinks a{display:flex;align-items:center;height:100%;box-sizing:border-box;padding:18px 20px;border:1px solid var(--case-line);border-radius:12px;text-decoration:none;transition:border-color .25s,background .25s,transform .25s}
@media(hover:hover){.serviceLanding #scope li:hover,.serviceLanding .serviceCaseLinks a:hover{border-color:var(--case-accent);transform:translateY(-2px);background:color-mix(in srgb,var(--case-accent) 5%,var(--case-paper))}}
@media(max-width:760px){.serviceLanding .serviceCaseLinks{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.serviceLanding #scope li,.serviceLanding .serviceCaseLinks a{transition:none;transform:none}}

/* Creator-page visual language: strong type, media first, restrained surfaces. */
.serviceLanding .shell{width:min(1216px,calc(100% - 64px))}
.serviceLanding .serviceIntro{max-width:100%;padding:36px 0 64px}
.serviceLanding .serviceIntro h1{font-size:clamp(38px,4.2vw,68px);max-width:1000px;font-weight:800;line-height:1.04;letter-spacing:-.045em}
.serviceLanding .serviceIntro .copy{font-size:18px;line-height:1.65;color:var(--case-muted);max-width:760px}
.serviceLanding .serviceIntro .button{background:var(--case-accent);border-color:transparent;color:#150e07;padding:14px 24px;font-weight:750}
.serviceLanding h2{font-size:clamp(26px,2.8vw,40px);font-weight:750;letter-spacing:-.035em}
.serviceLanding .related{padding:0 0 64px}
.serviceLanding .related .copy{font-size:14px;color:var(--case-muted);max-width:760px}
.serviceLanding .serviceCaseLinks{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.serviceLanding .serviceCaseLinks a{display:block;padding:0;border:0;border-radius:16px;overflow:hidden;background:var(--case-card);height:100%}
.serviceLanding .serviceCaseLinks img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.serviceLanding .serviceCaseLinks span{display:block;padding:16px;font-size:14px;font-weight:600;line-height:1.5}
.serviceLanding .about{display:block;padding:36px 0;border:0}
.serviceLanding .about h2{margin-bottom:24px}
.serviceLanding .about .copy{max-width:none}
.serviceLanding #scope .copy ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.serviceLanding #scope li{padding:0 24px 0 0;border:0;border-radius:0;background:none;font-size:17px;line-height:1.6;transform:none}
.serviceLanding #scope li+li{border-left:1px solid var(--case-line);padding-left:24px}
.serviceLanding .serviceProcess{margin-top:16px}
.serviceLanding .serviceProcess ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;list-style:none;counter-reset:steps;padding:0;margin:0}
.serviceLanding .serviceProcess li{counter-increment:steps;font-size:15px;color:var(--case-muted);margin:0;line-height:1.6}
.serviceLanding .serviceProcess li::before{content:'0' counter(steps);display:block;font-size:30px;font-weight:750;color:var(--case-accent);letter-spacing:-.04em;margin-bottom:12px}
.serviceLanding .serviceOutcome{padding:32px;margin:32px 0;background:var(--case-card);border-radius:24px}
.serviceLanding .serviceOutcome h2{margin-bottom:14px}.serviceLanding .serviceOutcome .copy{max-width:780px;color:var(--case-muted)}
@media(max-width:760px){.serviceLanding .shell{width:calc(100% - 36px)}.serviceLanding .serviceIntro{padding:20px 0 40px}.serviceLanding .serviceIntro h1{font-size:38px}.serviceLanding .serviceIntro .copy{font-size:16px}.serviceLanding .serviceCaseLinks{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.serviceLanding .serviceCaseLinks span{padding:12px;font-size:12px}.serviceLanding .related{padding-bottom:28px}.serviceLanding #scope .copy ul{grid-template-columns:1fr;gap:14px}.serviceLanding #scope li,.serviceLanding #scope li+li{border:0;padding:0;font-size:16px}.serviceLanding .serviceProcess ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}.serviceLanding .serviceOutcome{padding:24px;margin:24px 0}.serviceLanding .about{padding-top:24px;padding-bottom:24px}}