/* Shared visual cues: platform marks and one consistent service icon family. */
.service-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:54px;height:54px;border-radius:12px;background:#e6eddf;color:#193722}.service-icon img{width:29px;height:29px;object-fit:contain}.service-list .service-icon{width:46px;height:46px;background:#fff;border:1px solid #d8ded2}.service-list .service-icon img{width:26px;height:26px}.service-list>button{gap:20px}.service-list strong{font-size:clamp(20px,2.1vw,29px)}.service-list small{color:#414a3e;font-size:13px}.stage-controls button{display:flex;align-items:center;gap:9px}.stage-controls .service-icon{width:26px;height:26px;border-radius:5px;background:#e9efdf}.stage-controls .service-icon img{width:18px;height:18px}.pf-filters button{display:inline-flex;align-items:center;gap:8px}.pf-filter-icon{width:18px;height:18px;object-fit:contain}.capabilities-intro>p{color:#444e40;font-size:16px;max-width:620px}.expertise-jumps{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px!important;margin-top:36px!important}.expertise-jumps>a{display:grid!important;grid-template-columns:1fr auto;align-content:start;align-items:center;gap:20px 12px;padding:26px!important;background:#fff;border:1px solid #ccd5c4!important;border-radius:10px;text-decoration:none;font-size:17px!important;line-height:1.4;color:#193722;min-width:0;transition:background .15s,border-color .15s}.expertise-jumps>a .service-icon{grid-column:1/-1;width:58px;height:58px}.expertise-jumps>a .service-icon img{width:34px;height:34px}.expertise-jumps>a:hover{background:#f2f7ec;border-color:#193722!important}.expertise-jumps>a>svg{width:20px;height:20px}.expertise-jumps>a:nth-child(2) .service-icon{background:#eee9fa}.expertise-jumps>a:nth-child(3) .service-icon{background:#e8f2de}.expertise-jumps>a:nth-child(4) .service-icon{background:#fce6da}.expertise-jumps>a:nth-child(5) .service-icon{background:#eef1f5}.expertise-jumps>a:nth-child(6) .service-icon{background:#e4eef6}.chapter-heading>.service-icon{width:68px;height:68px;margin-bottom:26px;border:1px solid #bac9af;background:#fafcf6}.chapter-heading>.service-icon img{width:39px;height:39px}.skill-title{justify-content:flex-start!important;gap:14px!important}.skill-title>.service-icon{width:42px;height:42px;border-radius:9px}.skill-title>.service-icon img{width:25px;height:25px}.skill-title>h3{flex:1;min-width:0}.skill-title>svg{margin-left:auto;flex-shrink:0}.skill-section>p{color:#3e4939!important;font-size:15px!important;line-height:1.65}.skill-section li{color:#35422f!important;font-size:13px!important}.chapter-heading>p{color:#3e4939!important}.steps .step-num .service-icon{width:52px;height:52px}.directory-number .service-icon{width:42px;height:42px}.directory-number .service-icon img{width:25px;height:25px}.extension-hero-mark{display:block;width:68px;height:68px;margin:28px 0 16px}.extension-deliverable-icon{width:32px;height:32px;margin-bottom:14px}.service-intro .extension-hero-mark+h1{margin-top:15px}.expertise-jumps a:focus-visible{outline:3px solid #193722;outline-offset:4px}
@media(max-width:900px){.expertise-jumps{grid-template-columns:repeat(2,minmax(0,1fr))}.service-list>button{gap:12px}.service-list strong{font-size:22px}.service-list small{font-size:12px}}
@media(max-width:500px){.expertise-jumps{gap:10px!important}.expertise-jumps>a{padding:18px 14px!important;gap:16px 8px;font-size:14px!important;grid-template-columns:1fr}.expertise-jumps>a>svg{display:none}.expertise-jumps>a .service-icon{width:50px;height:50px}.expertise-jumps>a .service-icon img{width:30px;height:30px}.service-list .service-icon{width:42px;height:42px}.service-list strong{font-size:21px}.skill-title{gap:12px!important}.skill-title h3{font-size:19px}.skill-title>.service-icon{width:38px;height:38px}.stage-controls button{gap:5px}.stage-controls .service-icon{width:22px;height:22px}.chapter-heading>.service-icon{margin-bottom:20px}}
.hero .hero-reel{top:155px;left:51%;right:4.5%;transform:none!important}.reel-heading{display:flex;justify-content:space-between;gap:16px;color:#d9e6cc;font-size:10px;letter-spacing:1.5px;margin-bottom:17px}.hero-reel-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#10120e;border:1px solid #36412e;border-radius:12px;box-shadow:0 18px 60px #0003}.hero-reel-video:focus-visible{outline:3px solid #b0ff00;outline-offset:4px}@media(min-width:1550px){.hero .hero-reel{top:130px}}@media(max-width:1100px) and (min-width:761px){.hero .hero-reel{top:155px}.reel-heading{font-size:8px;letter-spacing:.8px}.reel-heading span:last-child{display:none}}@media(max-width:760px){.hero .hero-reel{position:relative;top:auto;left:auto;right:auto;margin:36px 6% 24px}.reel-heading{font-size:9px;letter-spacing:.8px}.hero-reel-video{border-radius:8px}}
.capabilities-intro>p{color:#dbe5d2}.service-description>p,.intro-bottom p,.section-top>p,.pf-heading-aside p,.steps p,.faq-intro p,.faq details p{color:#46513e}.service-description>p{font-size:14px;line-height:1.7}.directory-item{grid-template-columns:46px 1.6fr 1fr 28px}.directory-item p,.directory-capabilities,.directory-group-heading p{color:#46513e}.directory-number{display:block}@media(max-width:760px){.directory-item{grid-template-columns:42px 1fr 18px;gap:14px}.directory-item h3{font-size:21px}.directory-capabilities{display:none}}
/* Service previews share the site's browser, search and conversation visual language. */
.cap-preview{display:block;position:relative;overflow:hidden;flex:none;aspect-ratio:2/1;background:#e1ecd5;border-radius:8px;isolation:isolate;container-type:inline-size}.cap-preview *{box-sizing:border-box}.sv-window{position:absolute;display:block;inset:15% 14% 0;background:#fbfcf7;border:1px solid #19372230;border-radius:6px 6px 0 0;box-shadow:0 8px 20px #19372212}.sv-top{display:flex;height:17%;align-items:center;gap:3%;padding:0 6%;border-bottom:1px solid #19372215}.sv-top i{width:3%;aspect-ratio:1;background:#afbea4;border-radius:50%}.sv-search{display:flex;position:absolute;top:24%;left:8%;right:8%;height:16%;border:1px solid #b9c8ae;border-radius:20px;align-items:center;padding:0 6%;gap:7%}.sv-search i{width:7%;aspect-ratio:1;border:1px solid #48613d;border-radius:50%;position:relative}.sv-search i:after{content:'';position:absolute;width:55%;height:1px;background:#48613d;right:-40%;bottom:-10%;transform:rotate(45deg)}.sv-search b{width:60%;height:2px;background:#92a884}.sv-result{position:absolute;left:10%;right:14%;top:49%;height:21%;padding-left:13%}.sv-result em{position:absolute;top:0;left:0;width:10%;aspect-ratio:1;border-radius:3px;background:#568142}.sv-result b,.sv-result i{display:block;height:3px;width:85%;background:#34592c;margin:3% 0}.sv-result i{height:2px;background:#bbc9b1;width:100%}.sv-result.second{top:77%;opacity:.5}.sv-build{background:#dddde9}.sv-site{position:absolute;inset:28% 8% 14%;display:flex;gap:14%}.sv-copy{width:50%}.sv-copy b,.sv-copy i{display:block;width:100%;height:7%;background:#24342b;margin-bottom:9%}.sv-copy b:nth-child(2){width:75%}.sv-copy i{height:3%;background:#b9c2b2;margin-top:18%}.sv-copy em{display:block;background:#b0db7b;width:56%;height:20%;margin-top:14%;border-radius:3px}.sv-photo{width:42%;border-radius:35% 35% 3px 3px;background:#758a78}.sv-phone{position:absolute;right:-9%;bottom:6%;width:27%;height:66%;border:2px solid #253c2c;border-radius:7px;background:#f7faf1;padding:13% 4% 4%;box-shadow:0 5px 12px #0002}.sv-phone i{position:absolute;top:9%;left:34%;width:32%;height:3%;background:#253c2c}.sv-phone b{display:block;background:#a8ba95;height:53%;border-radius:3px}.sv-phone em{display:block;background:#193722;height:12%;margin-top:14%;border-radius:2px}.sv-ai{background:#f4d4c2}.sv-chat{position:absolute;background:#e6e9e0;padding:5%;width:61%;left:8%;border-radius:5px 5px 5px 0}.sv-chat i{display:block;height:2px;background:#728068;margin-bottom:8%;width:85%}.sv-chat i:last-child{margin:0;width:60%}.sv-chat.one{top:25%}.sv-chat.two{top:49%;left:34%;background:#d2ecb4;width:57%;border-radius:5px 5px 0 5px}.sv-chat.three{top:66%;width:55%}.sv-chat-input{position:absolute;left:8%;right:8%;height:10%;bottom:3%;border-top:1px solid #d6dccf}.sv-shopify{background:#dce9c6}.sv-shop-logo{position:absolute;top:26%;left:8%;width:23%;height:50%;display:grid;place-items:center}.sv-shop-logo img{width:100%;max-height:100%}.sv-product{position:absolute;top:26%;left:40%;width:23%;height:65%}.sv-product.second{left:69%}.sv-product i{display:block;height:65%;background:#e7dfd4;border-radius:3px}.sv-product.second i{background:#d8e5cc}.sv-product b{display:block;width:80%;height:4%;background:#546548;margin-top:15%}.sv-product em{display:block;width:45%;height:4%;background:#a9b79c;margin-top:10%}.sv-chrome{background:#dee5e6}.sv-browser-lines{position:absolute;top:30%;left:9%;width:39%}.sv-browser-lines i{display:block;height:3px;background:#bac7bf;margin-bottom:14%}.sv-browser-lines i:last-child{width:66%}.sv-extension{position:absolute;top:24%;right:6%;width:40%;height:74%;background:#fff;border:1px solid #c5cfc0;border-radius:5px;padding:9%;box-shadow:0 3px 12px #19372212}.sv-extension img{position:absolute;top:10%;left:14%;width:30%;height:auto}.sv-extension b,.sv-extension i{position:absolute;left:14%;width:70%;height:4%;background:#bfc9b8;top:52%}.sv-extension i{top:63%;width:45%}.sv-extension em{position:absolute;left:14%;right:14%;bottom:10%;height:12%;border-radius:2px;background:#193722}.sv-improve{background:#d9e7df}.sv-speed{position:absolute;top:30%;left:9%;width:40%;aspect-ratio:1;border:5px solid #d4dfcb;border-bottom-color:transparent;border-left-color:#547645;border-top-color:#547645;border-radius:50%;transform:rotate(-35deg)}.sv-speed i{position:absolute;top:47%;left:47%;width:44%;height:3px;background:#193722;transform:rotate(-25deg);transform-origin:left;border-radius:3px}.sv-checks{position:absolute;top:29%;right:8%;width:33%;height:48%;display:grid;grid-template-columns:18% 1fr;align-items:center;gap:14%}.sv-checks b{width:100%;aspect-ratio:1;border-radius:50%;background:#7f9f6a}.sv-checks i{height:3px;background:#b0c0a4}.sv-auto{background:#dedfcd}.sv-flow-line{position:absolute;left:17%;right:17%;top:53%;height:1px;background:#8eaa7a}.sv-flow{position:absolute;top:36%;width:24%;aspect-ratio:1;border-radius:6px;background:#e7efdf;border:1px solid #88a075}.sv-flow.one{left:6%}.sv-flow.two{left:38%;background:#cde5ad}.sv-flow.three{left:70%;background:#193722}.sv-flow:after{content:'';position:absolute;inset:30%;border:1px solid #72885e;border-radius:2px}.sv-flow.three:after{border-color:#d3e9b9}
.expertise-jumps>a{padding:0 0 22px!important;gap:20px 12px;overflow:hidden;border:1px solid #49603b!important;background:#f3f6ee;border-radius:8px;box-shadow:none}.expertise-jumps>a>.cap-preview{grid-column:1/-1;width:100%;border-radius:0;aspect-ratio:2.2/1}.expertise-jumps>a>span:not(.cap-preview){padding-left:22px}.expertise-jumps>a>svg{margin-right:22px}.service-list>button>.cap-preview{width:82px;height:58px;border-radius:5px}.service-list>button{gap:20px}.service-list>button>.cap-preview .sv-window{inset:12% 8% 0;border-radius:3px}.service-list .sv-phone{border-width:1px;border-radius:3px}.service-list .sv-speed{border-width:2px}.chapter-heading>.cap-preview{width:240px;max-width:90%;margin-bottom:32px;border-radius:8px}.skill-title>.service-icon{background:transparent;border-radius:0;width:29px;height:29px}.skill-title>.service-icon img{width:27px;height:27px}
@media(max-width:1100px){.service-list>button>.cap-preview{width:64px;height:48px}.service-list>button{gap:12px}.service-list strong{font-size:21px}}
@media(max-width:500px){.expertise-jumps>a{padding:0 0 18px!important;gap:15px}.expertise-jumps>a>span:not(.cap-preview){padding:0 14px}.expertise-jumps>a>.cap-preview{aspect-ratio:1.65/1}.service-list>button>.cap-preview{width:60px;height:46px}.service-list strong{font-size:20px}.service-list small{font-size:11px}.chapter-heading>.cap-preview{width:210px;margin-bottom:24px}}
.pf-filters button[aria-pressed="true"] .pf-filter-icon{filter:none}
.service-list>button{gap:20px}.service-list .service-number{font-size:12px;color:#607251;align-self:flex-start;padding-top:7px;flex:none;width:20px}.service-list>button>span:not(.service-number){flex:1;min-width:0}@media(max-width:500px){.service-list>button{gap:12px}.service-list .service-number{width:16px;font-size:11px;padding-top:5px}}

.service-list>button{display:grid;grid-template-columns:20px minmax(0,1fr) 24px;align-items:center;column-gap:20px}.service-list>button>.service-number{width:20px;flex:none}.service-list>button>span:nth-child(2){min-width:0;flex:initial}.service-list>button>svg{margin-left:0;width:24px;height:24px}@media(max-width:500px){.service-list>button{grid-template-columns:16px minmax(0,1fr) 20px;column-gap:12px}.service-list>button>.service-number{width:16px}.service-list>button>svg{width:20px;height:20px}}