.wg-services-page { background:#f7f4fa; color:#241437; padding:0; }
.wg-services-page .wp-block-post-content > * { margin-block:0; }
.wg-services-page .wg-section { padding-block:88px; scroll-margin-top:32px; }
.wg-services-page .wg-container { width:min(1200px,calc(100% - 64px)); }
.wg-services-page h2 { font-size:clamp(32px,3.5vw,48px); font-weight:500; line-height:1.12; letter-spacing:-.035em; }
.wg-services-page h3 { font-size:25px; line-height:1.2; font-weight:500; letter-spacing:-.02em; }
.wg-services-page p,.wg-services-page li { font-size:18px; line-height:1.6; }
.wg-services-page .wg-eyebrow { font-size:12px; line-height:1.5; margin-bottom:24px; width:fit-content; }
.wg-services-page .wg-section > .wg-container > .wg-eyebrow { margin-left:0; text-align:left; }
.wg-services-hero { color:white; padding:200px 0 110px; text-align:center; }
.wg-services-hero h1 { max-width:1000px; margin:24px auto; font-size:clamp(44px,5.5vw,76px); font-weight:500; letter-spacing:-.045em; line-height:1.05; }
.wg-services-hero .wg-eyebrow { margin-inline:auto; color:#fad4db; background:#ffffff12; }
.wg-services-hero .wg-services-lead { max-width:810px; margin:0 auto; color:#e8ddeb; font-size:22px; }
.wg-services-actions { display:flex; flex-wrap:wrap; gap:16px; margin-top:32px!important; }
.wg-services-hero .wg-services-actions,.wg-services-final .wg-services-actions { justify-content:center; }
.wg-services-intro-grid,.wg-services-detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; }
.wg-services-section-copy > p:not(.wg-eyebrow) { margin-top:22px; color:#665972; }
.wg-services-section-copy h2 { max-width:600px; }
.wg-services-jump-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.wg-services-jump a { display:flex; align-items:center; gap:12px; min-height:112px; padding:22px; background:white; border-radius:14px; text-decoration:none; color:#241437; font-size:17px; transition:background .2s; }
.wg-services-jump a:hover { background:#fad4db; }
.wg-services-jump a > span:last-child { margin-left:auto; }
.wg-services-jump .wg-service-index { font-size:12px; color:#776784; }
.wg-services-detail-alt { background:white; }
.wg-services-deliverables { padding:32px; border-radius:20px; background:white; }
.wg-services-detail-alt .wg-services-deliverables { background:#f7f4fa; }
.wg-services-deliverables .wg-service-big-number { font-size:64px; line-height:1; letter-spacing:-.05em; color:#9877ab; margin-bottom:28px; }
.wg-service-list,.wg-services-outcomes { padding-left:20px; margin:24px 0 0; }
.wg-service-list { display:grid; grid-template-columns:1fr 1fr; gap:12px 28px; }
.wg-service-list li::marker,.wg-services-outcomes li::marker { color:#a87ab8; }
.wg-services-outcomes li { margin-top:6px; }
.wg-services-tech-tags { margin-top:48px; }
.wg-services-chip-list { list-style:none; padding:0; display:flex; flex-wrap:wrap; gap:10px; margin:20px 0 0; }
.wg-services-chip-list li { background:#eee5f3; padding:8px 16px; border-radius:8px; font-size:15px; }
.wg-services-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:40px; }
.wg-services-feature { padding:30px; border-radius:18px; background:white; }
.wg-services-feature p { margin-top:18px; color:#665972; font-size:17px; }
.wg-services-grid-four { grid-template-columns:repeat(4,minmax(0,1fr)); }
.wg-services-grid-four h3 { font-size:23px; }
.wg-services-note { background:#eee5f3; padding:32px; border-radius:18px; margin-top:32px; }
.wg-services-note p { margin-top:14px; }
.wg-services-existing { background:#301949; color:white; }
.wg-services-existing .wg-services-section-copy > p:not(.wg-eyebrow) { color:#ded0e8; }
.wg-services-existing .wg-services-deliverables { background:#ffffff0d; }
.wg-services-existing .wg-service-list { grid-template-columns:1fr; margin-top:20px; }
.wg-services-technology > .wg-container > p:not(.wg-eyebrow) { margin-top:20px; max-width:760px; color:#665972; }
.wg-services-process { background:white; }
.wg-services-steps { margin-top:40px; }
.wg-services-step { display:grid; grid-template-columns:100px 1fr; padding:28px 0; border-top:1px solid #e4dce9; gap:20px; }
.wg-services-step .wg-service-index { font-size:34px; color:#9877ab; line-height:1.2; }
.wg-services-step-copy p { max-width:780px; margin-top:12px; color:#665972; }
.wg-services-proof { background:#200f38; color:white; }
.wg-services-proof h2 { max-width:840px; }
.wg-services-proof-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; margin-top:40px; }
.wg-services-proof-card { border-radius:18px; background:#351b50; overflow:hidden; }
.wg-services-proof-card figure { aspect-ratio:1.25; overflow:hidden; }
.wg-services-proof-card img { width:100%; height:100%; object-fit:cover; display:block; }
.wg-services-proof-card h3 { margin:24px 24px 8px; }
.wg-services-proof-card p { margin:0 24px 28px; font-size:16px; color:#fad4db; }
.wg-services-audience .wg-service-list { grid-template-columns:1fr; margin:0; }
.wg-services-faq { background:white; }
.wg-services-faq-list { margin-top:40px; max-width:960px; }
.wg-services-faq-item { border-bottom:1px solid #e4dce9; padding:24px 0; }
.wg-services-faq-item summary { cursor:pointer; font-size:23px; font-weight:500; padding-right:32px; }
.wg-services-faq-item p { margin-top:20px; max-width:820px; color:#665972; }
.wg-services-page :where(a,summary):focus-visible { outline:2px solid #a87ab8; outline-offset:5px; }
.wg-services-final .wg-cta-panel { padding:64px 40px; }
.wg-services-final .wg-eyebrow { margin-inline:auto; }
.wg-services-final .wg-cta-title { max-width:940px; margin-inline:auto; }
.wg-services-final .wg-services-final-lead { max-width:700px; margin:18px auto 0; }
.wg-services-final .wg-button:not(.is-style-outline) a { background:#301949; color:white; }
.wg-services-final .wg-button.is-style-outline a { color:#241437; border-color:#9c829e; }
@media(max-width:1024px) { .wg-services-intro-grid,.wg-services-detail-grid { gap:36px; } .wg-service-list { grid-template-columns:1fr; } .wg-services-grid-four,.wg-services-proof-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .wg-services-feature { padding:24px; } }
@media(max-width:767px) { .wg-services-page .wg-container { width:calc(100% - 40px); } .wg-services-page .wg-section { padding-block:56px; } .wg-services-hero { padding:150px 0 72px; } .wg-services-hero .wg-services-lead { font-size:19px; } .wg-services-intro-grid,.wg-services-detail-grid { grid-template-columns:1fr; gap:32px; } .wg-services-feature-grid,.wg-services-proof-grid { grid-template-columns:1fr; } .wg-services-jump-grid { grid-template-columns:1fr; gap:10px; } .wg-services-jump a { min-height:72px; padding:20px; } .wg-services-deliverables { padding:26px; } .wg-services-step { grid-template-columns:48px 1fr; gap:12px; } .wg-services-faq-item summary { font-size:20px; } .wg-services-final .wg-container { width:100%; } .wg-services-final .wg-cta-panel { padding:40px 20px; } .wg-services-final .wg-services-actions { flex-direction:column; align-items:stretch; } }
@media(prefers-reduced-motion:reduce) { .wg-services-jump a { transition:none; } }
.wg-services-page.wg-services-page,.wg-services-page > .wp-block-post-content { padding-inline:0; }
body .wp-site-blocks > main.wg-services-page { padding-inline:0!important; }
:is(.wg-services-intro-grid,.wg-services-detail-grid,.wg-services-jump-grid,.wg-services-feature-grid,.wg-services-proof-grid,.wg-services-step) > * { margin-block-start:0!important; }
.wg-services-proof-card p { padding-bottom:28px; margin-bottom:0; }
.wg-services-final .wg-eyebrow { color:#241437; background:#ffffffb3; }
body:has(.wg-services-page) .wg-site-header.is-scrolled .wg-nav { isolation:isolate; }
body:has(.wg-services-page) .wg-site-header.is-scrolled .wg-nav::before { content:""; position:absolute; z-index:-1; inset-block:0; left:50%; width:100vw; transform:translateX(-50%); background:#200f38f5; pointer-events:none; }

/* Service overview follows the homepage disclosure cards. */
.wg-services-jump-grid { grid-template-columns:1fr; gap:18px; }
.wg-services-overview-card { margin:0!important; padding:26px; border:1px solid #e4dce9; border-radius:18px; background:white; }
.wg-services-overview-card .wg-service-subtitle { display:block; margin-top:6px; font-size:16px; line-height:1.45; font-weight:400; color:#756a80; }
.wg-services-overview-card summary strong { font-size:23px; line-height:1.2; font-weight:500; }
.wg-services-overview-card > p { margin:22px 0 0 32px; font-size:16px; color:#756a80; }
.wg-services-overview-card[open] { background:#f5f2f8; }
.wg-services-overview-card summary:focus-visible { outline:2px solid #84549e; outline-offset:6px; }
.wg-services-tech-tags .wg-services-chip-list { gap:12px; }
.wg-services-tech-tags .wg-services-chip-list li { display:flex; align-items:center; gap:10px; background:white; border:1px solid #e4dce9; padding:14px 18px; border-radius:12px; }
.wg-services-tech-tags .wg-services-chip-list img { width:28px; height:28px; object-fit:contain; flex-shrink:0; }
.wg-services-deliverables .wg-services-visual { margin:28px 0 0!important; border-radius:14px; overflow:hidden; }
.wg-services-visual img { display:block; width:100%; height:auto; }
@media(max-width:767px) { .wg-services-overview-card { padding:22px; } .wg-services-overview-card summary strong { font-size:21px; } .wg-services-tech-tags .wg-services-chip-list li { padding:12px; font-size:14px; } }

/* Existing-site support: clear contrast and a dedicated next step. */
.wg-services-page .wg-services-existing { background:radial-gradient(ellipse at 12% 20%,#492a65 0,transparent 65%),#28143e; }
.wg-services-existing .wg-services-detail-grid { align-items:center; gap:64px; }
.wg-services-existing .wg-eyebrow { color:#fff; background:#ffffff12; border:1px solid #ffffff14; }
.wg-services-existing .wg-services-section-copy > h2 { margin-top:24px; }
.wg-services-existing .wg-services-section-copy > p:not(.wg-eyebrow) { color:#e6dceb; max-width:520px; }
.wg-services-existing .wg-services-deliverables { background:#ffffff08; border:1px solid #ffffff20; padding:32px; border-radius:20px; }
.wg-services-existing .wg-services-deliverables h3 { font-size:23px; color:#fad4db; }
.wg-services-existing .wg-service-list { list-style:none; padding:0; gap:0; }
.wg-services-existing .wg-service-list li { position:relative; padding:12px 0 12px 32px; border-bottom:1px solid #ffffff12; font-size:17px; line-height:1.4; }
.wg-services-existing .wg-service-list li:last-child { border-bottom:0; }
.wg-services-existing .wg-service-list li::before { content:'✓'; position:absolute; top:13px; left:0; display:grid; place-items:center; width:20px; height:20px; border-radius:6px; background:#fad4db18; color:#fad4db; font-size:13px; }
.wg-services-existing .wg-existing-actions { margin-top:40px!important; padding-top:32px; border-top:1px solid #ffffff20; }
@media(max-width:767px) { .wg-services-existing .wg-services-detail-grid { gap:32px; } .wg-services-existing .wg-services-deliverables { padding:24px; } .wg-services-existing .wg-existing-actions .wp-block-button { width:100%; } }

/* Familiar homepage benefits and actionable project proof cards. */
.wg-services-page #preco-webgate { background:white; }
.wg-services-page #preco-webgate .wg-section-title { text-align:center; margin-bottom:48px; }
.wg-services-proof .wg-eyebrow { color:#fff; background:#ffffff12; }
.wg-services-proof > .wg-container > .wg-eyebrow { margin-inline:auto; }
.wg-services-proof > .wg-container > h2 { margin-inline:auto; text-align:center; }
.wg-services-proof-card { position:relative; display:flex; flex-direction:column; box-shadow:0 8px 28px #10051c18; transition:transform .25s,background .25s; }
.wg-services-proof-card figure { margin:0; aspect-ratio:1.25; flex-shrink:0; }
.wg-services-proof-card img { transition:transform .35s; }
.wg-services-proof-card h3 { margin:24px 24px 12px; font-size:24px; }
.wg-services-proof-card h3 a { display:flex; align-items:center; justify-content:space-between; gap:12px; color:#fff; text-decoration:none; }
.wg-services-proof-card h3 a::after { content:''; position:absolute; inset:0; z-index:1; }
.wg-services-proof-card h3 a span { display:grid; place-items:center; flex:0 0 30px; height:30px; border:1px solid #ffffff30; border-radius:8px; color:#fad4db; font-size:17px; }
.wg-services-proof-card p { color:#e8dceb; line-height:1.5; }
.wg-services-proof-card:hover { transform:translateY(-4px); background:#43245e; }
.wg-services-proof-card:hover img { transform:scale(1.025); }
.wg-services-proof-card:focus-within { outline:2px solid #fad4db; outline-offset:4px; }
.wg-services-proof > .wg-container > .wg-services-actions { justify-content:center; }
@media(min-width:768px) and (max-width:1100px) { .wg-services-proof-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(prefers-reduced-motion:reduce) { .wg-services-proof-card,.wg-services-proof-card img { transition:none; } .wg-services-proof-card:hover,.wg-services-proof-card:hover img { transform:none; } }

/* Project proof uses the same spacious carousel as homepage articles. */
.wg-services-proof { overflow:hidden; }
.wg-services-proof > .wg-container { width:min(1440px,calc(100% - 80px)); max-width:1440px; }
.wg-services-proof > .wg-container > .wg-eyebrow { margin-left:0; }
.wg-services-proof > .wg-container > h2 { text-align:left; max-width:1100px; margin:20px 0 52px!important; font-size:clamp(34px,3.6vw,56px); }
.wg-services-project-carousel .wg-blog-carousel-card { position:relative; margin:0!important; }
.wg-services-project-carousel .wg-blog-carousel-image { margin:0; }
.wg-services-project-carousel .wg-blog-carousel-card h3 a::after { content:''; position:absolute; inset:0; }
.wg-services-project-carousel .wg-blog-carousel-card h3 span { display:none; }
.wg-services-proof > .wg-container > .wg-services-actions { justify-content:flex-start; }
@media(max-width:767px) { .wg-services-proof > .wg-container { width:calc(100% - 40px); } .wg-services-proof > .wg-container > h2 { margin-bottom:32px!important; } }