.service-editorial .service-page{width:auto;max-width:none;margin:0;padding:0}
.service-editorial section{scroll-margin-top:94px}
.service-editorial .service-page p{font-size:14px}
.service-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:40px 0 62px;min-height:460px;border-bottom:1px solid var(--studio-line)}
.service-hero-copy{min-width:0}.service-editorial .service-hero-copy h1{font-size:clamp(34px,3.5vw,52px);max-width:23ch}
.service-editorial .service-hero-copy>p{margin-top:22px;font-size:15px;max-width:49ch}
.service-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:28px 0}
.service-facts dt{font-size:11px;color:var(--studio-muted);margin-bottom:7px}.service-facts dd{font-size:12px;line-height:1.6;font-weight:500;margin:0;font-variant-numeric:tabular-nums}
.service-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px}
.service-hero-actions>a:last-child{display:inline-flex;align-items:center;gap:10px;font-size:12px;min-height:44px}.service-hero-actions>a:last-child svg{width:16px;height:16px}
.service-hero-art{min-width:0;max-width:540px;width:100%;justify-self:center}
.service-context-visual{margin:0;padding:20px 22px;min-width:0}
.service-context-visual>figcaption{font-size:19px;letter-spacing:-.02em;line-height:1.4;margin-bottom:30px}
.service-context-visual .diagram-caption{font-size:11px;line-height:1.7;color:var(--studio-muted);margin-top:27px;max-width:48ch}
.service-audience,.service-includes,.service-proof,.service-roadmap,.service-pricing,.service-ai{padding:60px 0}
.service-audience{display:grid;grid-template-columns:1fr 2fr;gap:50px}
.service-audience>div{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.service-audience article h3{font-size:18px;margin-bottom:12px;max-width:30ch}
.service-audience article p{font-size:13px!important}
.service-includes{border-top:1px solid var(--studio-line)}
.included-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 44px;margin-top:25px}
.included-grid article{display:grid;grid-template-columns:23px 1fr;gap:9px 17px;padding:24px 0;border-top:1px solid var(--studio-line)}
.included-grid svg{width:17px;height:17px;grid-column:1;grid-row:1;color:var(--studio-accent);margin-top:3px}
.included-grid h3{font-size:18px;grid-column:2}.included-grid p{font-size:13px!important;grid-column:2;max-width:47ch}
.service-section-heading,.roadmap-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:28px}
.service-section-heading>p,.roadmap-heading>p{max-width:36ch;font-size:12px!important}
.service-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.service-case-grid[data-count="2"]{grid-template-columns:1fr 1fr}
.service-case-grid[data-count="1"]{grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
.service-case-card{padding:0;border:0;border-radius:0;background:none;min-width:0}
.service-case-grid .project-photo{aspect-ratio:1.6}
.service-proof-context{padding:20px 0}.service-proof-context h3{font-size:25px;max-width:26ch}.service-proof-context p{font-size:14px;margin-top:20px;max-width:46ch}
.service-mechanism,.service-handover{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;padding:34px 0 54px}
.service-mechanism h2,.service-handover h2{font-size:27px;max-width:25ch}
.service-mechanism p,.service-handover p{max-width:50ch}
.service-roadmap{border-block:1px solid var(--studio-line)}
.roadmap-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:26px;margin-top:22px;gap:0}
.roadmap-stop{position:relative;padding:26px 30px 0 0;border-top:1px solid var(--studio-line)}
.roadmap-dot{position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:var(--studio-accent)}
.roadmap-stop h3{font-size:18px}.roadmap-stop>p{font-size:12px!important;margin:12px 0 20px;max-width:27ch;min-height:42px}
.roadmap-demo{display:flex;align-items:flex-start;gap:9px;font-size:11px;color:var(--studio-ink)}.roadmap-demo svg{width:14px;height:14px;color:var(--studio-muted);margin-top:3px}
.service-roadmap .roadmap-note{font-size:11px;max-width:75ch;margin-top:28px;color:var(--studio-muted)}
.service-handover{padding-top:50px;padding-bottom:18px}
.ai-example-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px 60px;margin-top:32px}
.ai-example-grid article{position:relative;border-top:1px solid var(--studio-line);padding:24px 0}
.ai-example-grid article>svg{color:var(--studio-accent);width:18px;height:18px;margin-bottom:16px}.ai-example-grid h3{font-size:21px;margin-bottom:14px}.ai-example-grid p{max-width:48ch}
.pricing-columns{display:grid;grid-template-columns:1.5fr 1fr;gap:90px;margin-top:26px}
.price-list{margin:0}.price-list>div{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;border-top:1px solid var(--studio-line);padding:21px 0}
.price-list dt{font-size:16px;max-width:35ch;line-height:1.5}.price-list dt span{display:block;font-size:12px;color:var(--studio-muted);margin-top:7px;line-height:1.7}
.price-list dd{font-size:15px;white-space:nowrap;margin:0;font-variant-numeric:tabular-nums}
.service-page .pricing-note{font-size:11px;line-height:1.7;margin-top:17px;max-width:78ch}
.pricing-columns aside{padding:20px 0;border-top:1px solid var(--studio-line)}.pricing-columns aside h3{font-size:23px}.pricing-columns aside p{margin:18px 0 25px;max-width:43ch}
.service-next{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:24px 0;border-block:1px solid var(--studio-line)}
.service-next>span{font-size:12px;color:var(--studio-muted);max-width:55ch}.service-next strong{display:flex;align-items:center;gap:20px;font-size:15px;font-weight:500;white-space:nowrap}.service-next svg{width:17px;height:17px}
.service-questions{display:grid;grid-template-columns:1.5fr 1fr;gap:90px;padding:65px 0 76px}
.service-questions h2{margin-bottom:26px}.service-questions .faq-answers{border-top:1px solid var(--studio-line)}
.faq-answers details{border-bottom:1px solid var(--studio-line)}.faq-answers summary{display:flex;justify-content:space-between;align-items:center;gap:22px;list-style:none;cursor:pointer;min-height:60px;padding:17px 0;font-size:15px;line-height:1.6}
.faq-answers summary::-webkit-details-marker{display:none}.faq-answers summary i{position:relative;width:14px;height:14px;flex-shrink:0}
.faq-answers summary i::before,.faq-answers summary i::after{content:'';position:absolute;top:6px;left:1px;width:12px;height:1px;background:var(--studio-muted);transition:transform .3s}
.faq-answers summary i::after{transform:rotate(90deg)}.faq-answers details[open] summary i::after{transform:rotate(0)}
.service-page .faq-answers details p{font-size:13px;line-height:1.8;padding:0 30px 23px 0;max-width:68ch}
.service-faq-art{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:20px 0 20px 50px}
.service-ascii{font-family:Consolas,monospace;font-size:11px;line-height:1.45;letter-spacing:0;color:var(--studio-accent);white-space:pre;margin:0 0 25px}
.service-faq-art p{font-size:19px!important;line-height:1.5;margin-bottom:15px}.service-faq-art a{display:flex;align-items:center;gap:15px;font-size:12px;min-height:44px}.service-faq-art svg{width:16px}
.directory-intro{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:end;padding:55px 0 65px}.directory-intro h1{font-size:clamp(35px,3.5vw,52px)}
.directory-intro>div:first-child>p{font-size:16px;margin-top:24px}.directory-intro>div:last-child{max-width:32ch;justify-self:end}.directory-intro>div:last-child>p{margin-bottom:22px}
.service-directory{display:grid;grid-template-columns:1fr 1fr;gap:0 60px;padding-bottom:58px}
.directory-service{display:grid;grid-template-columns:1fr auto;align-items:start;gap:25px;border-top:1px solid var(--studio-line);padding:31px 0;min-height:152px}
.directory-service h2{display:flex;align-items:center;gap:15px;font-size:24px}.directory-service h2 svg{width:18px;height:18px;transition:transform .3s var(--studio-ease)}
.directory-service:hover h2 svg{transform:translate(3px,-3px);color:var(--studio-accent)}.directory-service p{font-size:13px;max-width:37ch;margin-top:12px}
.directory-price{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--studio-muted);padding-top:7px}
.directory-help{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:35px;border-top:1px solid var(--studio-line);padding:40px 0 70px}.directory-help h2{font-size:26px}.directory-help p{font-size:13px!important}
@media(max-width:1000px){.service-hero{gap:35px}.service-audience{grid-template-columns:.7fr 1.5fr;gap:30px}.service-audience>div{gap:25px}.pricing-columns,.service-questions{gap:45px}.service-case-grid{gap:20px}.service-case-grid[data-count="1"]{gap:40px}.service-faq-art{padding-left:15px}.directory-intro{gap:40px}.directory-service{gap:15px}.directory-service h2{font-size:21px}.directory-help{grid-template-columns:1fr 1fr}.directory-help .button{justify-self:start;grid-column:2}.service-mechanism,.service-handover{gap:45px}}
@media(max-width:750px){.service-hero{grid-template-columns:1fr;gap:33px;padding:30px 0 45px}.service-editorial .service-hero-copy h1{font-size:36px}.service-editorial .service-hero-copy>p{font-size:15px}.service-hero-art{max-width:460px}.service-context-visual{padding:15px 0 0}.service-context-visual>figcaption{font-size:18px}.service-facts{gap:12px;margin:25px 0}.service-facts dd{font-size:11px}.service-hero-actions{gap:16px}.service-audience{display:block}.service-audience>div{margin-top:25px}.service-audience,.service-includes,.service-proof,.service-roadmap,.service-pricing,.service-ai{padding:42px 0}.service-audience>div{gap:28px 20px}.service-audience article h3{font-size:17px}.included-grid{gap:0 20px}.included-grid article{display:block;padding:20px 0}.included-grid svg{margin-bottom:10px}.included-grid h3{font-size:17px;margin-bottom:10px}.included-grid p{font-size:12px!important}.service-section-heading,.roadmap-heading{display:block}.service-section-heading>p,.roadmap-heading>p{margin-top:15px;max-width:45ch}.service-case-grid,.service-case-grid[data-count="2"],.service-case-grid[data-count="1"]{grid-template-columns:1fr;gap:30px}.service-case-grid .project-photo{aspect-ratio:1.5}.service-proof-context{padding:0}.service-proof-context h3{font-size:24px}.service-mechanism,.service-handover{grid-template-columns:1fr;gap:20px;padding:30px 0}.service-mechanism h2,.service-handover h2{font-size:25px}.roadmap-track{display:flex;overflow-x:auto;padding-bottom:12px;gap:0;margin-right:calc(-1 * var(--studio-gutter));padding-right:var(--studio-gutter)}.roadmap-stop{min-width:210px;flex-basis:210px;padding-right:25px}.roadmap-stop h3{font-size:18px}.roadmap-heading h2{max-width:20ch}.ai-example-grid{gap:15px 25px}.ai-example-grid h3{font-size:19px}.pricing-columns{grid-template-columns:1fr;gap:35px}.price-list dt{font-size:15px}.price-list dd{font-size:13px}.price-list dt span{font-size:11px}.service-next{display:block}.service-next strong{margin-top:16px}.service-questions{grid-template-columns:1fr;gap:35px;padding:45px 0}.service-faq-art{padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;align-items:center}.service-faq-art .service-ascii{grid-row:1/3;font-size:9px;margin:0}.service-faq-art p{font-size:16px!important;margin:0}.service-faq-art a{font-size:11px;gap:8px}.directory-intro{grid-template-columns:1fr;padding:30px 0 45px;gap:25px}.directory-intro h1{font-size:35px}.directory-intro>div:last-child{justify-self:start;max-width:45ch}.directory-intro>div:last-child>p{font-size:13px}.service-directory{grid-template-columns:1fr;gap:0;padding-bottom:30px}.directory-service{min-height:130px;padding:24px 0}.directory-service h2{font-size:22px}.directory-help{display:block;padding:30px 0 45px}.directory-help p{margin:18px 0 23px}.service-editorial .service-page .pricing-note{font-size:11px}}
@media(max-width:420px){.service-audience>div,.included-grid,.ai-example-grid{grid-template-columns:1fr}.service-audience article p{max-width:45ch}.included-grid article{display:grid;grid-template-columns:20px 1fr;gap:8px 12px}.included-grid h3{margin:0}.included-grid svg{margin-top:3px}.directory-service{gap:12px}.directory-service h2{font-size:20px}.directory-price{font-size:11px}.price-list>div{gap:18px}.price-list dd{font-size:12px}}
/* Functional diagrams: connector strips use the same column centres as nodes. */
:root{--studio-diagram-line:#939396}
.service-flow{width:100%;min-width:0}
.flow-row{display:grid;grid-template-columns:repeat(var(--flow-columns),minmax(0,1fr));align-items:stretch}
.flow-cell{display:flex;padding:0 5px;min-width:0}
.flow-row[data-count="1"]>.flow-cell{width:min(68%,240px);justify-self:center}
.flow-node{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:64px;width:100%;padding:14px 10px;text-align:center;background:#ffffff08;border-radius:8px}
.flow-node strong{font-size:14px;font-weight:500;line-height:1.45;color:var(--studio-ink)}
.flow-node>span{font-size:12px;line-height:1.5;color:var(--studio-muted)}
.flow-node-accent{background:var(--studio-accent-wash)}
.flow-node-accent strong{color:var(--studio-accent)}
.lancer-site .service-flow>.flow-connectors{display:block;width:100%;height:36px;overflow:visible}
.flow-connectors path,.flow-sequence-arrow path{fill:none;stroke:var(--studio-diagram-line);stroke-width:1;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.flow-sequence{display:flex;align-items:stretch;gap:0;margin:35px 0}
.flow-sequence>.flow-node{flex:1;min-height:134px}
.lancer-site .flow-sequence>.flow-sequence-arrow{width:24px;align-self:center;flex-shrink:0;height:24px}
.service-ai .ai-example-grid ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0}
.service-ai .ai-example-grid li{position:relative;border:0;padding:24px 14px 0 0;min-width:0}
.service-ai .ai-example-grid li::before{content:'';position:absolute;left:4px;right:0;top:4px;height:1px;background:var(--studio-diagram-line)}
.service-ai .ai-example-grid li:last-child::before{display:none}
.service-ai .ai-example-grid li::after{content:'';position:absolute;top:1px;left:1px;right:auto;bottom:auto;width:7px;height:7px;border:0;border-radius:50%;background:var(--studio-accent);transform:none}
@media(max-width:750px){
 .flow-cell{padding-inline:3px}
 .flow-node{padding:13px 7px;min-height:62px}
 .flow-node strong{font-size:13px}
 .flow-node>span{font-size:11px}
 .flow-row[data-count="3"] .flow-node strong{font-size:12px;overflow-wrap:anywhere}
 .flow-sequence{flex-direction:column;align-items:stretch;margin:15px 0}
 .flow-sequence>.flow-node{min-height:82px}
 .lancer-site .flow-sequence>.flow-sequence-arrow{height:30px;transform:rotate(90deg)}
 .service-ai .ai-example-grid ol{grid-template-columns:1fr;margin-top:20px}
 .service-ai .ai-example-grid li{grid-column:auto;grid-row:auto;padding:10px 0 14px 25px}
 .service-ai .ai-example-grid li::before{left:4px;right:auto;top:15px;bottom:-15px;width:1px;height:auto}
 .service-ai .ai-example-grid li::after{left:1px;top:12px;right:auto;bottom:auto;transform:none}
}
