/* Scoped Services boards 23–37. Existing page styles remain unchanged. */
.services-ui{--concept-colour:#003c2b}.services-ui[data-service-board="1"] h1,.services-ui[data-service-board="1"] h2{font-family:Georgia,'Times New Roman',serif;font-weight:600;letter-spacing:-.025em}.services-ui .su-hero{min-height:470px}.services-ui .su-hero h1{max-width:820px}.services-ui .su-hero>.wrap{padding:68px 0}.services-ui .su-content>#capabilities>.su-grid:first-child{margin:30px 0 20px}.services-ui .su-content>#capabilities>.su-grid:first-child>.su-card{background:#f0f6e9;border-color:#e1ead8;text-align:center;padding:27px 17px}.services-ui .su-content>#capabilities>.su-grid:first-child>.su-card>svg{margin:0 auto 15px;color:#00733c;width:40px;height:40px}.services-ui[data-service-board="3"] .su-content>#capabilities>.su-grid:first-child>.su-card>svg{color:#d77800}.services-ui[data-service-board="1"] .su-hero .button:not(.outline){background:#efb928;border-color:#efb928;color:#073d2d}.services-ui .su-demo{background:#f7faf4}.services-ui [hidden]{display:none!important}.services-ui button:focus-visible,.services-ui a:focus-visible,.services-ui select:focus-visible{outline:3px solid #d27d00;outline-offset:4px}.services-ui button[disabled]{opacity:.5;cursor:not-allowed}.services-ui .svc-closing{margin:36px 0;padding:33px 30px;background:#003f31;color:#fff;border-radius:8px;display:flex;align-items:center;gap:24px}.services-ui .svc-closing>svg{width:50px;height:50px;flex-shrink:0;color:#efb928}.services-ui .svc-closing>div{flex:1}.services-ui .svc-closing h2{color:inherit;font-size:27px;margin:0 0 9px}.services-ui .svc-closing p{color:inherit;margin:0}.services-ui .svc-closing .button{background:#efb928;border-color:#efb928;color:#123c29;white-space:normal;text-align:center}.services-ui[data-service-board="3"] .svc-closing{background:#f0f6e9;color:#123e2a}.services-ui[data-service-board="3"] .svc-closing .button{background:#007d34;color:#fff;border-color:#007d34}.services-ui .svc-badge-red{background:#ffe0dc;color:#8c2618}.services-ui .svc-badge-gold{background:#fff0c4;color:#614700}.services-ui .svc-badge-green{background:#e1efda;color:#174d2d}
.services-ui .svc-brand-concept{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;padding:32px;background:#eef4e9;border:1px solid #dae5d3;border-radius:8px}.services-ui .svc-brand-mark{padding:35px;border-radius:8px;background:var(--concept-colour);color:var(--concept-ink,#fff);display:grid;grid-template-columns:38px 1fr;gap:14px;align-items:center}.services-ui .svc-brand-mark img{width:38px;height:auto}.services-ui .svc-brand-mark strong{font-size:26px;letter-spacing:.04em}.services-ui .svc-brand-mark>span{grid-column:2;font-size:15px;line-height:1.8}.services-ui .svc-swatches{display:flex;gap:12px;flex-wrap:wrap}.services-ui .svc-swatches button{padding:8px;border:2px solid transparent;background:white;border-radius:5px;font-size:12px}.services-ui .svc-swatches button[aria-pressed=true]{border-color:#1f572d}.services-ui .svc-swatches span{display:block;width:50px;height:44px;border-radius:4px;margin-bottom:7px}.services-ui .svc-stationery{width:100%;height:320px;object-fit:cover;margin-top:25px;border-radius:8px}.services-ui .svc-moodboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.services-ui .svc-moodboard>img{width:100%;height:260px;object-fit:cover;border-radius:6px}.services-ui .svc-type-block{background:#003f31;color:#fff;font:42px/1.15 Georgia,serif;padding:32px;border-radius:6px}.services-ui .svc-type-specimen{padding:28px;background:#eef4e5;border-radius:6px}.services-ui .svc-type-specimen>strong{font-size:65px;color:#004930}.services-ui .svc-colour-dots{display:flex;gap:10px}.services-ui .svc-colour-dots i{width:35px;height:35px;background:#007d34;border-radius:50%}.services-ui .svc-colour-dots i:nth-child(2){background:#003f31}.services-ui .svc-colour-dots i:nth-child(3){background:#efb928}.services-ui .svc-colour-dots i:nth-child(4){background:#e98708}.services-ui .svc-pipeline>li[data-current=true]{outline:3px solid #d48c00;outline-offset:3px;background:#fff1cb}.services-ui .svc-pipeline>li[data-complete=true]{background:#dcefd8}.services-ui .svc-project-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.services-ui .svc-project-column{padding:13px;background:#eaf3e3;border-radius:7px;min-width:0}.services-ui .svc-project-column>h4{display:flex;justify-content:space-between;gap:7px;font-size:15px;margin:0 0 15px}.services-ui .svc-project-column>h4>span{padding:0 6px;background:white;border-radius:4px}.services-ui .svc-project-card{padding:14px 11px;border:1px solid #dbe5d7;border-radius:5px;background:#fff;margin-bottom:11px}.services-ui .svc-project-card strong{font-size:13px;line-height:1.5;display:block;min-height:40px}.services-ui .svc-project-card label{display:block;font-size:11px;margin-top:9px}.services-ui .svc-project-card select{width:100%;max-width:100%;font-size:12px;min-height:36px;padding:4px;border:1px solid #c2d0be;border-radius:4px}.services-ui .svc-campaign-control{display:flex;align-items:center;gap:12px;margin-bottom:20px}.services-ui .svc-campaign-control select{padding:8px;border:1px solid #bccfba;border-radius:4px;min-height:40px}.services-ui [data-campaign-channel]{transition:opacity .2s}
.services-ui .svc-store-categories,.services-ui .svc-responsive-controls{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.services-ui .svc-store-categories button,.services-ui .svc-responsive-controls button{min-height:42px;border:1px solid #c8d8c1;padding:8px 15px;border-radius:5px;background:#fff;color:#21452e}.services-ui .svc-store-categories button[aria-pressed=true],.services-ui .svc-responsive-controls button[aria-pressed=true]{background:#007d34;color:#fff;border-color:#007d34}.services-ui .svc-store-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.services-ui .svc-product{padding:9px;background:#fff;border:1px solid #dce5d6;border-radius:5px}.services-ui .svc-product-photo{aspect-ratio:1;background-image:url('/assets/services-products.webp');background-size:200% 200%;background-repeat:no-repeat;border-radius:4px}.services-ui .svc-product-headphones{background-position:0 0}.services-ui .svc-product-handbag{background-position:100% 0}.services-ui .svc-product-sneakers{background-position:0 100%}.services-ui .svc-product-watch{background-position:100% 100%}.services-ui .svc-product h4{font-size:13px;min-height:36px;line-height:1.4;margin:12px 0 4px}.services-ui .svc-product p{font-size:14px;margin:5px 0;color:#12492b;font-weight:700}.services-ui .svc-product .button{font-size:11px;padding:8px 7px;width:100%;min-height:40px}.services-ui .svc-cart{border-top:1px solid #c8d9c0;padding-top:18px;margin-top:20px}.services-ui .svc-cart>div:first-child{display:flex;justify-content:space-between;gap:12px}.services-ui .svc-cart ul{padding-left:20px;font-size:14px}.services-ui .svc-cart p{font-size:13px}.services-ui .svc-phone-pair{display:flex;align-items:flex-start;justify-content:center;gap:18px}.services-ui .svc-phone-pair .su-device{width:50%;max-width:280px;min-width:0;font-size:13px;padding:20px 12px;border:7px solid #163d30;border-radius:25px;background:#fff;box-shadow:0 9px 18px #003f311a}.services-ui .svc-phone-pair .su-device h4{font-size:16px}.services-ui .svc-phone-pair .su-grid{gap:7px}.services-ui .svc-phone-pair [data-mobile-section]{padding:12px 5px;font-size:11px;background:#f0f6e9;border:1px solid #dce5d6;border-radius:6px;min-width:0;min-height:72px}.services-ui .svc-phone-pair [data-mobile-section] svg{display:block;width:24px;height:24px;margin:0 auto 7px}.services-ui .svc-phone-pair [data-mobile-section][aria-pressed=true]{background:#dcefd8;outline:2px solid #007d34}.services-ui .svc-app-progress{padding-left:25px;line-height:2.5}.services-ui .svc-app-progress li:nth-child(-n+3){color:#007d34;font-weight:bold}.services-ui .svc-sample-map{margin-top:15px;background:#edf2e7;border-radius:5px}.services-ui .svc-sample-map svg{width:100%;height:auto}.services-ui .svc-sample-map p{font-size:11px;padding:7px}.services-ui .svc-four-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:25px}.services-ui .svc-four-metrics>div{padding:18px;border:1px solid #d5e1cb;border-radius:5px;background:#edf4e5;text-align:center}.services-ui .svc-four-metrics strong{display:block;font-size:30px;color:#007d34}.services-ui .svc-four-metrics span{font-size:13px}.services-ui .svc-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.services-ui .svc-modules button{display:flex;align-items:center;gap:12px;padding:19px 13px;min-height:83px;border:1px solid #d6e0d1;border-radius:6px;background:#edf4e7;font-size:13px;font-weight:600;text-align:left}.services-ui .svc-modules button>svg{width:29px;height:29px;color:#007d34;flex-shrink:0}.services-ui .svc-modules button[aria-pressed=true]{background:#d6ebcb;outline:2px solid #007d34}.services-ui .svc-state-change{display:grid;grid-template-columns:1fr 45px 1fr;align-items:center;gap:18px}.services-ui .svc-state-change article{padding:25px;border:1px solid #dce5d7;border-radius:7px;background:#f3f6f0}.services-ui .svc-state-change article:last-child{background:#e8f2df}.services-ui .svc-state-change>span{font-size:36px;color:#008537;text-align:center}
.services-ui .svc-ux-compare{display:grid;grid-template-columns:1fr 45px 1fr;gap:20px;align-items:center}.services-ui .svc-ux-compare>span{font-size:32px;color:#008537;text-align:center}.services-ui .svc-ux-compare>article>h4{text-align:center}.services-ui .svc-wireframe,.services-ui .svc-interface{border:1px solid #bdcbb7;padding:24px;border-radius:8px;min-height:310px;background:white}.services-ui .svc-wireframe>div{height:20px;background:#dce1d8;width:45%;margin-bottom:30px}.services-ui .svc-wireframe>span{height:13px;width:85%;background:#e5e7e3;display:block;margin:9px 0}.services-ui .svc-wireframe>section{display:flex;gap:12px;margin:25px 0}.services-ui .svc-wireframe i{height:55px;flex:1;background:#e4e8df}.services-ui .svc-wireframe button{width:100%;min-height:42px;background:#d7ddd1;color:#34422e;border:1px solid #b8c3b1;border-radius:4px}.services-ui .svc-interface{background:#f0f6e8}.services-ui .svc-interface small{font-size:10px;color:#007d34;letter-spacing:.05em}.services-ui .svc-interface h4{font-size:24px;margin:22px 0 10px}.services-ui .svc-interface p{font-size:13px}.services-ui .svc-interface .su-grid article{border-radius:5px;background:#fff;padding:16px 9px;text-align:center;font-size:12px}.services-ui .svc-interface .su-grid svg{height:25px;width:25px;display:block;margin:0 auto 9px;color:#008537}.services-ui .svc-interface .button{margin-top:20px;width:100%}.services-ui .svc-responsive-showcase{display:flex;align-items:flex-end;justify-content:center;gap:22px;min-height:315px;padding:20px 5px}.services-ui .svc-preview-device{border:6px solid #244738;background:#fff;border-radius:8px;width:49%;padding:9px;opacity:.7;transition:opacity .2s,box-shadow .2s;min-width:0}.services-ui .svc-preview-tablet{width:29%;border-width:7px;border-radius:14px}.services-ui .svc-preview-handset{width:18%;border-width:7px;border-radius:17px}.services-ui .svc-preview-top{font-size:9px;letter-spacing:.04em;color:#174d2d;padding:3px 0 10px}.services-ui .svc-preview-hero{background:linear-gradient(90deg,#003f31e6,#003f3166),url('/assets/realistic-architecture.webp') center/cover;color:white;padding:30px 15px;min-height:150px}.services-ui .svc-preview-hero strong{font-size:clamp(12px,1.6vw,22px);line-height:1.2;display:block}.services-ui .svc-preview-hero a{font-size:9px;background:#008537;padding:8px;color:white;text-decoration:none;margin-top:17px;display:inline-block;border-radius:3px}.services-ui .svc-preview-tablet .svc-preview-hero{min-height:190px;padding:24px 10px}.services-ui .svc-preview-handset .svc-preview-hero{min-height:230px;padding:25px 8px}.services-ui .svc-preview-blocks{display:flex;gap:7px;margin:12px 0}.services-ui .svc-preview-blocks i{height:35px;background:#e4efdb;flex:1}.services-ui .svc-preview-handset .svc-preview-blocks{display:block}.services-ui .svc-preview-handset .svc-preview-blocks i{display:block;height:13px;margin:5px 0}.services-ui .svc-preview-device>span{display:block;text-align:center;font-size:11px;padding-top:7px}.services-ui [data-responsive-preview=desktop] .svc-preview-desktop,.services-ui [data-responsive-preview=tablet] .svc-preview-tablet,.services-ui [data-responsive-preview=handset] .svc-preview-handset{opacity:1;box-shadow:0 0 0 3px #edb526,0 8px 18px #003f3125}
@media(min-width:1200px){.services-ui[data-service-page=e-commerce-development] .su-split{grid-template-columns:.65fr 1.5fr}}
@media(max-width:1000px){.services-ui .svc-project-board{grid-template-columns:repeat(2,minmax(0,1fr))}.services-ui .svc-phone-pair{gap:10px}.services-ui .svc-closing{flex-wrap:wrap}.services-ui .svc-store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.services-ui .svc-pipeline{flex-wrap:wrap}.services-ui .svc-pipeline>li{flex-basis:27%}.services-ui .svc-pipeline>li:after{display:none}.services-ui .svc-brand-concept{gap:20px;padding:20px}.services-ui .svc-brand-mark{padding:25px 18px}.services-ui .svc-brand-mark strong{font-size:20px}}
@media(max-width:700px){.services-ui .su-hero{min-height:430px}.services-ui .su-hero>.wrap{padding:45px 0}.services-ui .svc-brand-concept,.services-ui .svc-moodboard{grid-template-columns:1fr}.services-ui .svc-project-board{grid-template-columns:1fr}.services-ui .svc-four-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.services-ui .svc-state-change,.services-ui .svc-ux-compare{grid-template-columns:1fr}.services-ui .svc-state-change>span,.services-ui .svc-ux-compare>span{transform:rotate(90deg)}.services-ui .svc-closing{padding:25px 20px;gap:18px}.services-ui .svc-closing>div{flex-basis:calc(100% - 75px)}.services-ui .svc-closing h2{font-size:23px}.services-ui .svc-closing .button{width:100%}.services-ui .svc-responsive-showcase{gap:14px;flex-wrap:wrap;min-height:0}.services-ui .svc-preview-device{width:100%}.services-ui .svc-preview-tablet{width:60%}.services-ui .svc-preview-handset{width:32%}.services-ui .svc-preview-hero strong{font-size:19px}.services-ui .svc-preview-handset .svc-preview-hero strong{font-size:13px}.services-ui .svc-preview-top{font-size:8px}.services-ui .svc-pipeline>li{flex-basis:40%}}
@media(max-width:420px){.services-ui .svc-phone-pair{flex-direction:column;align-items:center}.services-ui .svc-phone-pair .su-device{width:100%;max-width:280px}.services-ui .svc-modules{grid-template-columns:1fr}.services-ui .svc-brand-mark{grid-template-columns:28px 1fr}.services-ui .svc-brand-mark img{width:28px}.services-ui .svc-brand-mark strong{font-size:18px}.services-ui .svc-pipeline{display:block}.services-ui .svc-pipeline>li{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.services-ui *{transition:none!important;scroll-behavior:auto!important}}
/* Reference-board fidelity pass: contextual photos, icon sidebars and process variants. */
.services-ui .svc-editorial-split h2{text-align:left;margin:0 0 18px}.services-ui .svc-editorial-split .su-split{grid-template-columns:1fr 1fr}.services-ui .svc-editorial-split .su-split>img{height:280px}.services-ui .su-side-tabs>[role=tablist]>button{display:flex;align-items:center;gap:9px}.services-ui .su-side-tabs>[role=tablist]>button>svg{width:18px;height:18px;flex-shrink:0;color:#efc336}.services-ui .su-side-tabs>[role=tablist]>button>span{min-width:0}.services-ui .su-side-tabs>[role=tablist]>button[aria-selected=true]{background:linear-gradient(110deg,#118142,#075d35);box-shadow:inset 3px 0 #edc136}.services-ui .su-side-tabs .su-toolbar label{min-width:100px}.services-ui .svc-project-column:nth-child(2){background:#e4f0e4}.services-ui .svc-project-column:nth-child(3){background:#fff2cb}.services-ui .svc-project-column:nth-child(4){background:#dff0d9}.services-ui .svc-project-card{box-shadow:0 3px 7px #0b342707}.services-ui .svc-app-recent{border-top:1px solid #d8e4cf;margin-top:16px;padding-top:10px}.services-ui .svc-app-recent h5{font-size:12px;margin:4px 0 10px}.services-ui .svc-app-recent ul{list-style:none;padding:0;margin:0}.services-ui .svc-app-recent li{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6ece0;padding:10px 0;gap:5px}.services-ui .svc-app-recent li>span{font-size:10px;margin:0;text-align:left}.services-ui .svc-app-recent strong{font-size:9px;color:#007c34}.services-ui .svc-phone-pair .su-device:first-child .su-device-top{background:#004a31;color:white;padding:13px 9px;border-radius:10px 10px 3px 3px}.services-ui .svc-phone-pair .su-device h5{font-size:13px}.services-ui .svc-closing{background-image:radial-gradient(ellipse at 80% 0%,#00774744 0 25%,transparent 26%),radial-gradient(ellipse at 25% 150%,#00874633 0 40%,transparent 41%);overflow:hidden}.services-ui[data-service-board="3"] .svc-closing{background-image:none}.services-ui .svc-process>li{background:transparent;border:0;padding:15px 10px}.services-ui .svc-process .su-flow-icon{background:transparent;box-shadow:none;border:1.5px solid #00793c;color:#00793c;width:43px;height:43px}.services-ui .svc-process .su-flow-icon svg{width:25px;height:25px}.services-ui .svc-process>li:not(:last-child):after{top:25px;color:#38845b}.services-ui[data-service-board="2"] .svc-process .su-flow-icon{background:#fff0c6;color:#d17a00;border:0;width:50px;height:50px}.services-ui[data-service-board="3"] .svc-process{counter-reset:stage}.services-ui[data-service-board="3"] .svc-process>li{text-align:left;counter-increment:stage}.services-ui[data-service-board="3"] .svc-process .su-flow-icon{margin:0 0 12px;border:0;color:#d77b00;width:32px;height:32px}.services-ui[data-service-board="3"] .svc-process h3:before{content:counter(stage,decimal-leading-zero);display:block;font:700 11px/1.5 Arial,sans-serif;color:#155136;margin-bottom:5px}.services-ui[data-service-board="3"] .svc-process>li:after{display:none}.services-ui .svc-milestones{gap:0}.services-ui .svc-milestones>li{border-top:2px solid #a6cbb1;border-radius:0;text-align:center;padding-top:23px;margin-top:16px;position:relative}.services-ui .svc-milestones>li:before{content:'';width:14px;height:14px;background:linear-gradient(135deg,#008943,#003e2c);border:2px solid #fff;border-radius:50%;position:absolute;top:-9px;left:calc(50% - 7px);box-shadow:0 0 0 1px #91bea1}.services-ui .svc-milestones .su-flow-icon,.services-ui .svc-milestones>li:after{display:none}.services-ui .svc-milestones h3{font-size:15px}.services-ui .su-pipeline,.services-ui .su-kanban{min-width:0}.services-ui .su-card .su-checks{font-size:13px;margin-bottom:0}.services-ui .su-card .su-checks li{font-size:13px;gap:7px}.services-ui .su-card .su-checks svg{width:17px;height:17px}.services-ui .su-hero>img{object-position:center 36%}.services-ui[data-service-page=sales] .su-hero-shade,.services-ui[data-service-page=digital-marketing] .su-hero-shade{background:linear-gradient(90deg,#002b25e6,#002b2566 58%,#002b2510),linear-gradient(0deg,#002b2566,transparent)}
@media(max-width:740px){.services-ui .svc-editorial-split .su-split{grid-template-columns:1fr}.services-ui .svc-editorial-split .su-split>img{height:260px}.services-ui .svc-milestones{gap:18px}.services-ui .svc-milestones>li{flex-basis:40%}.services-ui .su-side-tabs>[role=tablist]>button{padding:10px 7px;gap:6px}}
@media(max-width:480px){.services-ui .su-side-tabs>[role=tablist]>button{justify-content:center}.services-ui .svc-process>li{padding:15px 6px}.services-ui .su-hero-shade{background:linear-gradient(90deg,#002b25e6,#002b2580),linear-gradient(0deg,#002b2566,transparent)}.services-ui .su-hero>img{object-position:62% center}}
.services-ui .svc-roadmap .su-card{padding:0 16px 17px;overflow:hidden;background:#fff}.services-ui .svc-roadmap h4{padding:14px 16px;margin:0 -16px 13px;background:linear-gradient(115deg,#007f39,#005f30);color:#fff;font-size:17px}.services-ui .svc-roadmap h4 small{display:block;font-size:11px;font-weight:400;margin-top:4px}.services-ui .svc-roadmap .su-card:nth-child(2) h4{background:linear-gradient(115deg,#f5c13b,#f0a808);color:#23432d}.services-ui .svc-roadmap .su-card:nth-child(3) h4{background:linear-gradient(115deg,#e79616,#cb6600);color:white}.services-ui .svc-example-note{font-size:12px;color:#42634a;margin:13px 0 24px}.services-ui .su-content>#capabilities>.su-grid:first-child>.su-card>svg{filter:drop-shadow(0 2px 2px #00572518)}