/* Shared service draft styles. Every rule is scoped to the three service pages. */
body.cgm-service-draft {--svc-ink:#15243c;--svc-green:#8eb747;--svc-purple:#6c3783;--svc-coral:#c6554d;background:#fff;}








.cgm-service-draft #theme-main {color:var(--svc-ink);font-family:Poppins,sans-serif;}
.cgm-service-draft .cgm-service-page {position:relative;isolation:isolate;overflow:clip;padding:128px 0;--svc-accent:var(--svc-green);--svc-tint:#e8f2d8;--svc-color:var(--svc-ink);--curve-back:#e3edce;--curve-front:#f9faf5;scroll-margin-top:160px;}
.cgm-service-draft .svc-ai-chatbots {--svc-accent:var(--svc-purple);--svc-tint:#ece1f9;}
.cgm-service-draft .svc-automation {--svc-accent:var(--svc-coral);--svc-tint:#ffe3d9;}
.cgm-service-draft .svc-container {max-width:1220px;padding-inline:32px;position:relative;z-index:2;}
.cgm-service-draft .cgm-service-page :is(h1,h2,h3,p,li) {color:var(--svc-color);}
.cgm-service-draft .cgm-service-page h1 {font-size:clamp(40px,4.1vw,60px);font-weight:700;line-height:1.12;letter-spacing:-.035em;margin:0 0 28px;max-width:720px;}
.cgm-service-draft .cgm-service-page h2 {font-size:clamp(30px,2.9vw,42px);font-weight:650;line-height:1.2;letter-spacing:-.025em;margin:0 0 28px;}
.cgm-service-draft .cgm-service-page h3 {font-size:19px;font-weight:600;line-height:1.35;margin:0 0 12px;}
.cgm-service-draft .cgm-service-page :is(p,li) {font-size:17px;line-height:1.7;}
.cgm-service-draft .cgm-service-page p {margin:0 0 20px;}
.cgm-service-draft .cgm-service-page p:last-child {margin-bottom:0;}
.cgm-service-draft .cgm-service-page ul {padding-left:22px;margin-bottom:24px;}
.cgm-service-draft .cgm-service-page li {margin-bottom:16px;}
.cgm-service-draft .cgm-service-page :is(p,li,h1,h2,h3,a) {overflow-wrap:break-word;}
.cgm-service-draft .cgm-service-page .svc-eyebrow {font-size:12px;letter-spacing:.08em;font-weight:650;text-transform:uppercase;margin-bottom:20px;line-height:1.6;}
.cgm-service-draft .svc-hero {padding-top:248px;padding-bottom:154px;background:linear-gradient(115deg,#fff 15%,#faf7fe 72%,#f9fbf3);--curve-front:#fff;--curve-back:#e9ddfa;}
.cgm-service-draft .svc-hero::before {content:"";position:absolute;right:-8%;top:23%;width:43%;height:70%;border-radius:75% 0 60% 40%;transform:rotate(-14deg);background:#e8efd9;z-index:0;pointer-events:none;}
.cgm-service-draft .svc-hero::after {content:"";position:absolute;left:-12%;top:24%;width:20%;height:220px;border-radius:50%;background:#eee6fa;z-index:0;pointer-events:none;}
.cgm-service-draft .svc-header-graphic {max-width:480px;margin-inline:auto;}
.cgm-service-draft .svc-graphic {display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 7px 8px rgba(44,37,59,.08));}
.cgm-service-draft .svc-actions {display:flex;flex-wrap:wrap;gap:14px;margin:30px 0 22px;}
.cgm-service-draft .cgm-service-page .btn {border-radius:50px;padding:14px 24px;text-transform:none;font-size:15px;font-weight:600;line-height:1.35;white-space:normal;display:inline-flex;gap:14px;align-items:center;justify-content:center;text-decoration:none;}
.cgm-service-draft .cgm-service-page .btn-primary {background:var(--svc-green);border:2px solid var(--svc-green);color:#182616;}
.cgm-service-draft .cgm-service-page .btn-primary:hover {background:#81a73c;border-color:#81a73c;}
.cgm-service-draft .cgm-service-page .btn-outline-secondary {border:2px solid #7b688d;color:#27334b;background:transparent;}
.cgm-service-draft .cgm-service-page .btn-outline-secondary:hover {background:#eee5f7;}
.cgm-service-draft .cgm-service-page .svc-support {font-size:14px;line-height:1.6;}
.cgm-service-draft .svc-benefits {padding:80px 0 112px;}
.cgm-service-draft .svc-benefits .lc-block {max-width:330px;}
.cgm-service-draft .svc-benefits h3 {font-size:20px;}
.cgm-service-draft .svc-benefits p {font-size:16px;}
.cgm-service-draft .svc-icon {display:inline-flex;width:48px;height:48px;border-radius:50%;align-items:center;justify-content:center;background:white;color:var(--svc-accent);margin-bottom:16px;flex-shrink:0;}
.cgm-service-draft .svc-icon svg {width:25px;height:25px;}
.cgm-service-draft .svc-benefits .tone-0 {background:#eef5e3;color:#769e35;}
.cgm-service-draft .svc-benefits .tone-1 {background:#f1eafa;color:#8350b6;}
.cgm-service-draft .svc-benefits .tone-2 {background:#fff0e9;color:#c6554d;}
.cgm-service-draft .svc-main {padding:170px 0 180px;background:var(--svc-tint);--curve-back:#ffffff55;--curve-front:#fff;}
.cgm-service-draft .svc-main.svc-ai-chatbots {background:var(--svc-purple);--svc-color:#fff;--curve-back:#a183b5;}
.cgm-service-draft .svc-main.svc-automation {background:#ffbdad;}
.cgm-service-draft .svc-features {margin-top:22px;}
.cgm-service-draft .svc-features .svc-icon {width:40px;height:40px;}
.cgm-service-draft .svc-features p {font-size:15px;line-height:1.65;}
.cgm-service-draft .svc-features h3 {font-size:17px;}
.cgm-service-draft .svc-photo {width:100%;height:auto;border-radius:24px;display:block;}
.cgm-service-draft .svc-development {padding:128px 0 140px;}
.cgm-service-draft .svc-development .svc-status {font-size:12px;line-height:1.6;letter-spacing:.04em;font-weight:600;text-transform:uppercase;border:1px solid var(--svc-accent);color:var(--svc-accent);padding:8px 14px;border-radius:40px;display:inline-block;margin-bottom:24px;}
.cgm-service-draft .svc-development-image {display:block;width:100%;height:auto;max-width:460px;margin:auto;object-fit:contain;}
.cgm-service-draft .svc-websites .svc-development-image {max-height:520px;width:auto;max-width:100%;border-radius:24px;}
.cgm-service-draft .svc-text-link {font-weight:600;display:inline-block;margin-top:24px;color:var(--svc-accent);text-underline-offset:5px;}
.cgm-service-draft .svc-process {padding:150px 0 160px;background:#f8f6f1;--curve-front:#fff;--curve-back:#ece5f7;}
.cgm-service-draft .svc-step {display:flex;width:46px;height:46px;justify-content:center;align-items:center;border-radius:50%;background:var(--svc-green);color:white;font-size:20px;font-weight:600;margin-bottom:22px;}
.cgm-service-draft .svc-process .col-lg-3:nth-child(2) .svc-step {background:var(--svc-purple);}
.cgm-service-draft .svc-process .col-lg-3:nth-child(3) .svc-step {background:#cf7163;}
.cgm-service-draft .svc-process p {font-size:15px;line-height:1.7;}
.cgm-service-draft .svc-faq {padding:128px 0 140px;}
.cgm-service-draft .svc-faq-list {max-width:1000px;margin:44px auto 0;}
.cgm-service-draft .svc-faq details {border:1px solid #e5e2e9;border-radius:12px;margin:0 0 14px;background:#fff;overflow:hidden;}
.cgm-service-draft .svc-faq summary {cursor:pointer;padding:22px 48px 22px 24px;list-style:none;font-size:17px;line-height:1.5;font-weight:600;position:relative;}
.cgm-service-draft .svc-faq summary::-webkit-details-marker {display:none;}
.cgm-service-draft .svc-faq summary::after {content:"+";position:absolute;right:24px;font-size:24px;top:16px;color:var(--svc-purple);}
.cgm-service-draft .svc-faq details[open] summary::after {content:"−";}
.cgm-service-draft .svc-faq details[open] {background:#faf8fd;}
.cgm-service-draft .svc-faq details>div {padding:0 24px 24px;}
.cgm-service-draft .svc-faq details p {font-size:16px;}
.cgm-service-draft .svc-cta {padding:150px 0;background:var(--svc-green);--svc-color:#fff;--curve-front:#fff;--curve-back:#ceddae;}
.cgm-service-draft .svc-cta h2 {max-width:850px;margin-inline:auto;}
.cgm-service-draft .svc-cta p {max-width:760px;margin-inline:auto;}
.cgm-service-draft .svc-cta .btn-primary {border-color:white;}
.cgm-service-draft .svc-related {display:flex;gap:24px;flex-wrap:wrap;justify-content:center;margin-top:30px;}
.cgm-service-draft .svc-related a {color:#fff;text-underline-offset:5px;font-size:16px;}
.cgm-service-draft .svc-curves {position:absolute;left:0;width:100%;height:115px;z-index:0;pointer-events:none;}
.cgm-service-draft .svc-curves .curve-back {fill:var(--curve-back);}
.cgm-service-draft .svc-curves .curve-front {fill:var(--curve-front);}
.cgm-service-draft .svc-curves-top {top:-1px;transform:rotate(180deg);height:100px;}
.cgm-service-draft .svc-curves-bottom,.cgm-service-draft .svc-curves-hero {bottom:-1px;}
.cgm-service-draft .svc-ring {position:absolute;width:28px;height:28px;border:2px solid #b99ae2;border-radius:50%;pointer-events:none;z-index:1;}
.cgm-service-draft .ring-hero {right:38%;top:25%;}
.cgm-service-draft .ring-main {right:3%;top:115px;border-color:#fff8;}
.cgm-service-draft .ring-development {right:5%;top:44px;width:20px;height:20px;}
.cgm-service-draft .ring-faq {right:4%;top:48px;width:23px;height:23px;}
.cgm-service-draft .ring-cta {left:4%;bottom:70px;border-color:white;width:42px;height:42px;}
.cgm-service-draft .svc-drift {animation:cgm-service-drift 22s ease-in-out infinite;}
.cgm-service-draft .ring-development {animation-delay:-7s;}
.cgm-service-draft .ring-main {animation-delay:-13s;}
.cgm-service-draft .svc-pulse {animation:cgm-service-node 20s ease-in-out infinite;}
.cgm-service-draft .svc-pulse:nth-of-type(2) {animation-delay:-8s;}
.cgm-service-draft .cgm-service-page :is(a,summary):focus-visible {outline:3px solid #734b99;outline-offset:5px;}
@keyframes cgm-service-drift {0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes cgm-service-node {0%,100%{opacity:1}50%{opacity:.55}}
@media(max-width:991px){.cgm-service-draft .svc-hero{padding-top:216px;padding-bottom:110px;}.cgm-service-draft .svc-header-graphic{max-width:360px;}.cgm-service-draft .svc-main{padding:128px 0 144px;}.cgm-service-draft .svc-photo{max-width:650px;margin-inline:auto;}.cgm-service-draft .svc-development-image{max-width:380px;}}
@media(max-width:767px){.cgm-service-draft .svc-container{padding-inline:24px;}.cgm-service-draft .cgm-service-page{padding:80px 0;scroll-margin-top:146px;}.cgm-service-draft .svc-hero{padding-top:210px;padding-bottom:110px;}.cgm-service-draft .cgm-service-page h1{font-size:38px;line-height:1.15;}.cgm-service-draft .cgm-service-page h2{font-size:29px;}.cgm-service-draft .cgm-service-page :is(p,li){font-size:16px;}.cgm-service-draft .svc-main{padding:130px 0 132px;}.cgm-service-draft .svc-benefits{padding:56px 0 90px;}.cgm-service-draft .svc-process,.cgm-service-draft .svc-cta{padding:124px 0;}.cgm-service-draft .svc-faq summary{font-size:16px;padding-left:18px;}.cgm-service-draft .svc-faq details>div{padding-inline:18px;}.cgm-service-draft .svc-benefits .lc-block{max-width:none;}.cgm-service-draft .svc-curves{height:80px;}.cgm-service-draft .svc-actions{gap:12px;}.cgm-service-draft .svc-ring{width:18px;height:18px;}.cgm-service-draft .ring-hero{right:8%;top:175px;}.cgm-service-draft .svc-features h3{font-size:18px;}}
@media(prefers-reduced-motion:reduce){.cgm-service-draft .svc-drift,.cgm-service-draft .svc-pulse{animation:none!important;transform:none!important;}}
/* Override the theme's white navigation text only in these light service headers. */



.cgm-service-draft .svc-actions > div {display:flex;flex-wrap:wrap;gap:14px;width:100%;}
.cgm-service-draft .svc-actions.justify-content-center > div {justify-content:center;}
.cgm-service-draft .cgm-service-page .btn {text-transform:none!important;}
/* Keep the shared header consistently light while the theme applies its shrink state. */




/* SVG graphics are decorative and never intercept controls. */
.cgm-service-draft .cgm-service-page svg {pointer-events:none;}

/* Reuse the homepage enquiry section and live form without changing plugin settings. */
.cgm-service-draft .cgm-service-contact {scroll-margin-top:160px;}
@media(max-width:767px){
 .cgm-service-draft .cgm-service-contact {padding-inline:24px!important;padding-bottom:320px!important;background-attachment:scroll!important;background-image:url('https://cleanandgreenmedia.com/wp-content/uploads/cgm-homepage-70-20261007/assets/mediterranean-begin-coffee-960.webp')!important;background-position:55% center!important;}
 .cgm-service-draft .cgm-service-contact .container {padding-inline:0;}
 .cgm-service-draft .cgm-service-contact .display-4 {font-size:32px;}
}

/* Use the existing dark header treatment over light service backgrounds for logo contrast. */
.cgm-service-draft #lc-header {background-color:rgba(0,0,0,.75);}