/* EBOX V3 service detail pages — shared Premium Motion design */
.service-page{overflow:hidden;background:#fff;color:var(--text)}
.service-page section{scroll-margin-top:90px}
.service-hero{position:relative;isolation:isolate;overflow:hidden;padding:25px 0 48px;background:linear-gradient(115deg,#f7fcff 0%,#eaf7ff 58%,#f5fbff 100%);border-bottom:1px solid #e1f0fa}
.service-hero-wash{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 79% 40%,rgba(111,213,255,.24),transparent 28%),radial-gradient(circle at 54% 100%,rgba(11,168,232,.08),transparent 35%)}
.service-hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);align-items:center;gap:30px;min-height:460px}
.service-hero-copy{position:relative;z-index:2;padding:8px 0 20px}
.breadcrumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 28px;color:#66809b;font-size:12px;font-weight:600}
.breadcrumbs a{color:#47708f}.breadcrumbs a:hover{color:#007fc5}.breadcrumbs span[aria-current=page]{color:#244566}
.service-page .eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 14px;color:#047fb9;font-size:12px;font-weight:800;letter-spacing:.12em;line-height:1.4}
.service-hero h1{max-width:740px;margin:0;color:#092b56;font-family:Manrope,"DM Sans",sans-serif;font-size:clamp(38px,4.45vw,64px);font-weight:800;line-height:1.08;letter-spacing:-.052em;text-wrap:balance}
html[lang^=zh] .service-hero h1,html[lang^=zh] .service-page h2,html[lang^=zh] .service-page h3{font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:-.025em}
.service-hero-intro{max-width:630px;margin:20px 0 0;color:#45627f;font-size:clamp(17px,1.4vw,19px);line-height:1.78}
.service-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:27px}
.service-hero-actions .button{min-height:50px;font-size:14px}.service-page .button-outline{border-color:#b8dff2;color:#087cac;background:rgba(255,255,255,.86)}
.service-benefit-row{display:flex;gap:12px 17px;flex-wrap:wrap;margin-top:26px;color:#345776;font-size:12px;font-weight:700}
.service-benefit-row span{display:inline-flex;align-items:center;gap:7px}.service-benefit-row i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#ddf6e9;color:#148751;font-size:11px;font-style:normal}
.service-hero-visual{position:relative;min-width:0;perspective:1000px}.service-art{position:relative;min-height:410px;display:grid;place-items:center;isolation:isolate}
.art-glow{position:absolute;inset:12% 2% 8% 7%;z-index:-2;border-radius:44% 56% 60% 40%;background:linear-gradient(145deg,#e2f7ff,#b6e7fb 52%,#eaf9ff);filter:blur(1px)}
.art-orbit{position:absolute;border:1px solid #9fdcf6;border-radius:50%;opacity:.65;transform:rotate(-21deg)}.orbit-one{width:96%;height:64%;}.orbit-two{width:82%;height:85%;transform:rotate(30deg);border-style:dashed;opacity:.38}
.browser-frame,.store-frame{position:relative;z-index:2;overflow:hidden;width:min(94%,480px);border:1px solid #d3e6f2;border-radius:15px;background:#fff;box-shadow:0 24px 58px rgba(7,54,95,.18);transform:rotateY(-7deg) rotateX(2deg)}
.browser-top{height:35px;display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid #edf3f8;background:#f8fbfd;color:#8194a8;font-size:9px}.browser-top>span{width:6px;height:6px;border-radius:50%;background:#d6e3ec}.browser-top b{margin-left:8px;font-size:9px;font-weight:600;color:#8fa2b6}.browser-top i{margin-left:auto;font-style:normal;color:#58a4c8;font-size:13px}
.browser-nav,.store-nav-preview{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #eff5f9}.browser-nav strong,.store-nav-preview strong{font-size:10px;letter-spacing:.08em;color:#102e51}.browser-nav small,.store-nav-preview small{font-size:8px;color:#7b92a8}.browser-content{display:grid;grid-template-columns:1fr .82fr;gap:10px;padding:23px 19px 14px;min-height:135px}.browser-copy{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.browser-copy em,.store-banner-preview em{color:#058dcb;font-style:normal;font-size:7px;font-weight:800;letter-spacing:.12em}.browser-copy b{font:800 17px/1.12 Manrope,sans-serif;color:#123862;max-width:160px}.browser-copy>span{font-size:8px;color:#7a8fa4}.browser-copy>i{width:85px;height:5px;border-radius:5px;background:#e5f0f7}.browser-copy>i:last-child{width:62px}.browser-copy:after{content:"";width:68px;height:17px;margin-top:2px;border-radius:20px;background:#08a6e5;box-shadow:0 5px 10px #00a9e822}
.browser-image{position:relative;overflow:hidden;min-height:118px;border-radius:8px;background:linear-gradient(150deg,#eaf8ff,#c4eafa)}.image-sun{position:absolute;width:33px;height:33px;right:20%;top:17%;border-radius:50%;background:#fff7dc}.image-hill{position:absolute;left:-8%;right:-10%;bottom:-20%;height:70%;border-radius:50% 50% 0 0}.hill-one{background:linear-gradient(135deg,#6bcbe9,#1986c5);transform:rotate(-8deg)}.hill-two{bottom:-35%;left:20%;background:linear-gradient(135deg,#126b9f,#0c3d73);transform:rotate(14deg)}
.browser-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 18px 18px}.browser-cards i{height:40px;border:1px solid #e7f1f7;border-radius:6px;background:linear-gradient(180deg,#f3faff,#fff)}
.mobile-frame{position:absolute;z-index:4;right:1%;bottom:39px;width:104px;height:190px;padding:7px;border:3px solid #fff;border-radius:21px;background:#102e51;box-shadow:0 17px 34px #0d426829;transform:rotate(7deg)}.mobile-notch{position:absolute;left:36px;top:5px;width:27px;height:7px;border-radius:0 0 7px 7px;background:#102e51;z-index:2}.mobile-screen{height:100%;padding:20px 7px 7px;border-radius:13px;background:#f7fcff}.mobile-screen i{display:block;width:45%;height:5px;border-radius:5px;background:#0c3b67;margin-bottom:10px}.mobile-screen b{display:block;width:85%;height:7px;border-radius:3px;background:#1c4770;margin:5px 0}.mobile-screen span{display:block;width:100%;height:4px;border-radius:3px;background:#d3e4ef;margin-top:5px}.mobile-screen em{display:inline-block;width:42%;height:31px;border-radius:5px;background:linear-gradient(145deg,#d7f4ff,#60c4eb);margin:10px 3% 0 0}.service-mascot{position:absolute;z-index:5;left:-2%;bottom:-2px;width:clamp(145px,20vw,220px);height:auto;object-fit:contain;filter:drop-shadow(0 10px 9px #062e5018);pointer-events:none}.art-chip{position:absolute;z-index:6;display:flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid #d4ebf8;border-radius:999px;background:rgba(255,255,255,.95);box-shadow:0 8px 24px #07528712;color:#224e76;font-size:11px;font-weight:800;backdrop-filter:blur(9px)}.art-chip span{color:#009fdd}.chip-top{right:0;top:31px}.chip-bottom{left:25%;bottom:10px}
/* Ecommerce art */
.store-frame{width:min(96%,490px);transform:rotateY(-5deg) rotateX(2deg)}.store-nav-preview>b{font-size:13px;color:#2a6488}.store-banner-preview{position:relative;display:flex;align-items:center;min-height:132px;overflow:hidden;padding:15px 14px;background:linear-gradient(110deg,#f0faff,#d9f1fb)}.store-banner-preview>div:first-child{position:relative;z-index:2;display:flex;align-items:flex-start;flex-direction:column;gap:7px;max-width:58%}.store-banner-preview b{font:800 15px/1.1 Manrope,sans-serif;color:#113961}.store-banner-preview span{font-size:8px;color:#68849d}.store-banner-preview i{width:65px;height:16px;border-radius:20px;background:#08a6e5}.store-bottle{position:absolute;right:18%;bottom:15px;width:39px;height:71px;border-radius:9px 9px 6px 6px;background:linear-gradient(90deg,#56b4d9,#e6faff 42%,#45abd1);box-shadow:0 9px 15px #1b84ae22}.store-bottle:before{content:"";position:absolute;left:10px;top:-13px;width:19px;height:16px;border-radius:4px 4px 2px 2px;background:#94d8ec}.store-box{position:absolute;right:4%;bottom:18px;width:53px;height:48px;border-radius:5px;background:linear-gradient(140deg,#e8f7ff,#8bd9f2);transform:rotate(-7deg);box-shadow:0 8px 13px #1b84ae18}.store-products-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:13px 15px 17px}.store-products-preview>div{display:flex;flex-direction:column;gap:5px}.store-products-preview i{height:42px;border:1px solid #e5f1f8;border-radius:5px;background:linear-gradient(145deg,#effaff,#c2eafb)}.store-products-preview b{display:block;width:70%;height:5px;border-radius:4px;background:#c2d8e7}.store-products-preview span{width:40%;height:5px;border-radius:4px;background:#08a6e5}.order-chip{position:absolute;z-index:5;left:0;bottom:60px;display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid #d6ecf7;border-radius:12px;background:#fff;box-shadow:0 12px 28px #0752871a}.order-chip>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e2f8ec;color:#14975a;font-weight:900}.order-chip div{display:flex;flex-direction:column;gap:2px}.order-chip b{color:#193d62;font-size:10px}.order-chip small{color:#7790a7;font-size:8px}.ecommerce-mascot{left:auto;right:-1%;bottom:-2px;width:clamp(136px,19vw,205px)}
.section-heading{max-width:820px;margin:0 auto 30px;text-align:center}.section-heading h2,.includes-copy h2,.local-service-copy h2,.service-seo-copy h2,.faq-intro h2,.related-inner h2{margin:0;color:#092b56;font:800 clamp(29px,3vw,43px)/1.14 Manrope,"DM Sans",sans-serif;letter-spacing:-.04em;text-wrap:balance}.section-heading>p:not(.eyebrow),.includes-copy>p:not(.eyebrow),.local-service-copy>p:not(.eyebrow),.service-seo-copy>p:not(.eyebrow),.faq-intro>p:not(.eyebrow){color:#536e89;font-size:16px;line-height:1.78;margin:14px auto 0}.section-heading .eyebrow{justify-content:center}
.service-outcomes{padding-top:76px;padding-bottom:78px}.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.outcome-card{padding:25px 24px 26px;border:1px solid #deedf7;border-radius:16px;background:#fff;box-shadow:0 8px 25px #12558008;min-height:195px;transition:transform .25s,box-shadow .25s,border-color .25s}.outcome-card:hover,.solution-card:hover{transform:translateY(-5px);box-shadow:0 16px 36px #12558013;border-color:#b4e3f8}.outcome-index{display:grid;place-items:center;width:35px;height:35px;margin-bottom:18px;border-radius:11px;background:#e7f7ff;color:#007eb7;font-size:12px;font-weight:900}.outcome-card h3,.solution-card h3,.process-card h3{margin:0;color:#12365e;font:800 19px/1.3 Manrope,"DM Sans",sans-serif;letter-spacing:-.02em}.outcome-card p,.solution-card p,.process-card p{margin:10px 0 0;color:#5a718a;font-size:15px;line-height:1.75}
.service-solutions-section{background:#f5fbff;border-top:1px solid #eaf4fa;border-bottom:1px solid #eaf4fa;padding-top:76px;padding-bottom:82px}.solutions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.solution-card{padding:25px 20px 28px;min-height:230px;border:1px solid #dcecf6;border-radius:16px;background:rgba(255,255,255,.92);transition:transform .25s,box-shadow .25s,border-color .25s}.solution-icon{display:grid;place-items:center;width:43px;height:43px;margin-bottom:20px;border-radius:13px;background:linear-gradient(145deg,#e7f8ff,#c6eeff);color:#068dc8;font-size:23px;font-weight:800}.solution-card h3{font-size:17px}
.service-includes{padding-top:78px;padding-bottom:80px}.includes-layout{display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:clamp(35px,7vw,95px)}.includes-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#536e89;margin:18px 0 22px}.includes-panel,.service-seo-panel{padding:28px 29px;border:1px solid #dcecf6;border-radius:17px;background:linear-gradient(140deg,#f7fcff,#edf8fe);box-shadow:0 15px 36px #12558008}.includes-panel ul,.local-service-copy ul,.service-seo-panel ul{list-style:none;display:grid;gap:13px;margin:0;padding:0}.includes-panel li,.local-service-copy li,.service-seo-panel li{display:flex;align-items:flex-start;gap:11px;color:#2d4c6b;font-size:15px;line-height:1.65}.check-icon{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;margin-top:2px;border-radius:50%;background:#d9f6e8;color:#138854;font-size:12px;font-weight:900}
.service-local{padding-top:75px;padding-bottom:78px;background:#082b53;color:#fff}.local-service-grid{display:grid;grid-template-columns:1fr .85fr;gap:clamp(35px,6vw,88px);align-items:center}.local-service-copy .eyebrow{color:#70d6ff}.local-service-copy h2{color:#fff}.local-service-copy>p:not(.eyebrow){color:#c5d8e8;font-size:16px;line-height:1.8;margin:17px 0 23px}.local-service-copy li{color:#e1eef8}.local-service-copy .button{margin-top:25px;background:transparent;color:#fff;border-color:#77cde9}.local-service-card{overflow:hidden;border:1px solid #1f507e;border-radius:18px;background:#0d3969;box-shadow:0 18px 42px #001b3870}.local-service-art{position:relative;min-height:235px;overflow:hidden;background:linear-gradient(180deg,#c9edfc 0%,#83c9ed 69%,#1b78ad 70%,#135788 100%)}.local-service-art>span{position:absolute;z-index:5;top:16px;left:17px;border:1px solid #ffffff7a;border-radius:999px;background:#ffffffcc;padding:7px 10px;color:#12466f;font-size:10px;font-weight:800}.skyline-one,.skyline-two,.skyline-three{position:absolute;bottom:30%;width:17%;background:#1a6a9c;border-radius:3px 3px 0 0}.skyline-one{height:55%;left:12%;background:linear-gradient(90deg,#135583,#2d87b7)}.skyline-one:before{content:"";position:absolute;inset:11px 7px;background:repeating-linear-gradient(90deg,#bceaff 0 5px,transparent 5px 10px),repeating-linear-gradient(0deg,transparent 0 13px,#bceaff 13px 16px)}.skyline-two{height:72%;left:35%;width:22%;background:linear-gradient(90deg,#0f4c7c,#2072a2);clip-path:polygon(15% 0,85% 0,100% 100%,0 100%)}.skyline-two:before{content:"";position:absolute;inset:17px 12px;background:repeating-linear-gradient(90deg,#c0ebfc 0 5px,transparent 5px 11px),repeating-linear-gradient(0deg,transparent 0 15px,#c0ebfc 15px 18px)}.skyline-three{height:45%;right:12%;width:22%;background:linear-gradient(90deg,#1e5e8a,#397eab)}.skyline-three:before{content:"";position:absolute;inset:9px;background:repeating-linear-gradient(90deg,#c1e9f9 0 7px,transparent 7px 14px),repeating-linear-gradient(0deg,transparent 0 14px,#c1e9f9 14px 17px)}.art-bridge-line{position:absolute;z-index:2;left:0;right:0;bottom:24%;height:2px;background:#d9f6ff;box-shadow:0 -7px 0 #d9f6ff40}.local-pin{position:absolute;z-index:3;left:55%;top:34%;display:grid;place-items:center;width:28px;height:28px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#fff;color:#0689c8;font-size:17px;box-shadow:0 5px 10px #113b5b30}.local-pin::first-letter{transform:rotate(45deg)}.local-service-art img{position:absolute;z-index:4;right:0;bottom:-4px;width:clamp(132px,18vw,190px);height:auto;filter:drop-shadow(0 7px 8px #06233b33)}.local-service-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;color:#fff}.local-service-caption strong{font-size:14px}.local-service-caption span{color:#9bc6e0;font-size:12px;text-align:right}
.service-process{padding-top:78px;padding-bottom:80px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}.process-grid:before{content:"";position:absolute;top:25px;left:7%;right:7%;height:1px;background:linear-gradient(90deg,#b5e7fa,#078fd0,#b5e7fa)}.process-card{position:relative;z-index:1;padding:0 17px 6px}.process-number{display:grid;place-items:center;width:51px;height:51px;margin-bottom:21px;border:4px solid #fff;border-radius:50%;background:#e3f6ff;box-shadow:0 0 0 1px #c9eafa;color:#067bb2;font-size:13px;font-weight:900}.process-card h3{font-size:17px}.process-card p{font-size:14px;line-height:1.75}
.service-seo{padding-top:73px;padding-bottom:77px;background:#f5fbff;border-top:1px solid #e7f3fb;border-bottom:1px solid #e7f3fb}.service-seo-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(35px,6vw,85px);align-items:center}.service-seo-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#536e89;margin-top:18px}.service-seo-panel{background:#fff;padding:25px 27px}.seo-note{display:flex;gap:10px;align-items:flex-start;margin-top:20px;padding-top:17px;border-top:1px solid #e7f1f7;color:#54728e}.seo-note>span{font-size:19px;color:#079edc}.seo-note p{margin:0;font-size:12px;line-height:1.6}
.service-faq{padding-top:80px;padding-bottom:82px}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(35px,6vw,88px);align-items:start}.faq-intro>p:not(.eyebrow){font-size:15px;line-height:1.78;margin-bottom:22px}.faq-list{border-top:1px solid #dbeaf4}.faq-item{border-bottom:1px solid #dbeaf4;padding:0}.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 0;color:#16395f;font-size:17px;line-height:1.5;font-weight:800}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:50%;background:#edf8fe;color:#078cca;font-size:20px;font-weight:400;transition:transform .2s}.faq-item[open] summary span{transform:rotate(45deg)}.faq-answer{padding:0 42px 20px 0}.faq-answer p{margin:0;color:#58718b;font-size:15px;line-height:1.8}
.service-final-cta{overflow:hidden;background:linear-gradient(115deg,#e8f8ff,#d6f2ff 58%,#eaf8ff);border-top:1px solid #d3edf9;border-bottom:1px solid #d3edf9}.service-final-inner{position:relative;display:grid;grid-template-columns:1fr 290px;gap:30px;align-items:center;min-height:300px;padding-top:50px;padding-bottom:50px}.service-final-copy{position:relative;z-index:2;max-width:770px}.service-final-copy h2{max-width:760px;margin:0;color:#092b56;font:800 clamp(31px,3.4vw,47px)/1.12 Manrope,"DM Sans",sans-serif;letter-spacing:-.04em;text-wrap:balance}.service-final-copy>p:not(.eyebrow){margin:15px 0 22px;color:#526d89;font-size:16px;line-height:1.7;max-width:650px}.service-final-mascot{position:relative;align-self:stretch;display:flex;align-items:flex-end;justify-content:center;min-height:220px}.service-final-mascot img{position:relative;z-index:2;max-height:300px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 12px 12px #0b376018)}.mascot-orbit{position:absolute;right:0;bottom:12px;width:230px;height:230px;border:1px solid #9dddf8;border-radius:50%;box-shadow:inset 0 0 0 18px #ffffff25}
.service-related{padding-top:37px;padding-bottom:37px;background:#fff}.related-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 27px;border:1px solid #e0eef7;border-radius:17px;background:#fbfdff}.related-inner .eyebrow{margin-bottom:7px}.related-inner h2{font-size:23px}.related-inner .button{white-space:nowrap}
html[lang^=zh] .service-page{letter-spacing:0}.service-page .button{font-size:14px;min-height:48px}.service-page .text-link{font-size:14px}
@media(max-width:1050px){.service-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:12px}.service-hero h1{font-size:clamp(34px,4.3vw,48px)}.service-art{min-height:360px}.service-mascot{width:clamp(125px,19vw,175px)}.chip-top{top:13px}.chip-bottom{bottom:2px}.solutions-grid{grid-template-columns:repeat(2,1fr)}.solution-card{min-height:190px}}
@media(max-width:820px){.service-hero{padding-top:18px;padding-bottom:38px}.service-hero-grid{grid-template-columns:1fr;gap:10px;min-height:0}.service-hero-copy{padding:0}.breadcrumbs{margin-bottom:19px;font-size:12px}.service-hero h1{font-size:clamp(35px,7.6vw,49px);line-height:1.1;letter-spacing:-.04em}.service-hero-intro{font-size:17px;line-height:1.75;margin-top:16px}.service-hero-actions{margin-top:22px;gap:10px}.service-benefit-row{margin-top:19px;font-size:12px;gap:9px 13px}.service-hero-visual{margin-top:7px}.service-art{min-height:330px;max-width:590px;margin-inline:auto;width:100%}.browser-frame,.store-frame{width:min(88%,470px)}.mobile-frame{right:5%;bottom:36px;width:88px;height:160px}.service-mascot{width:clamp(120px,31vw,185px);left:1%;bottom:0}.ecommerce-mascot{left:auto;right:0}.art-chip{font-size:10px;padding:8px 11px}.chip-top{right:1%;top:14px}.chip-bottom{left:24%;bottom:0}.service-outcomes,.service-solutions-section,.service-includes,.service-local,.service-process,.service-seo,.service-faq{padding-top:56px;padding-bottom:58px}.section-heading{margin-bottom:24px}.section-heading h2,.includes-copy h2,.local-service-copy h2,.service-seo-copy h2,.faq-intro h2,.related-inner h2{font-size:clamp(28px,6.2vw,37px)}.section-heading>p:not(.eyebrow),.includes-copy>p:not(.eyebrow),.local-service-copy>p:not(.eyebrow),.service-seo-copy>p:not(.eyebrow){font-size:16px}.outcomes-grid{grid-template-columns:1fr;gap:12px}.outcome-card{min-height:0;padding:21px}.outcome-card h3{font-size:19px}.outcome-card p,.solution-card p{font-size:15px}.solutions-grid{grid-template-columns:1fr;gap:12px}.solution-card{min-height:0;padding:22px}.solution-icon{margin-bottom:12px}.includes-layout,.local-service-grid,.service-seo-layout,.faq-layout{grid-template-columns:1fr;gap:28px}.includes-panel,.service-seo-panel{padding:22px 19px}.includes-panel li,.local-service-copy li,.service-seo-panel li{font-size:15px}.local-service-art{min-height:250px}.local-service-caption{align-items:flex-start;flex-direction:column;gap:4px}.local-service-caption span{text-align:left}.process-grid{grid-template-columns:1fr 1fr;gap:25px 12px}.process-grid:before{display:none}.process-card{padding:0 6px}.process-number{margin-bottom:14px}.process-card h3{font-size:17px}.process-card p{font-size:14px}.faq-layout{gap:23px}.faq-item summary{font-size:16px;padding:17px 0}.faq-answer{padding-right:10px;padding-bottom:17px}.faq-answer p{font-size:15px}.service-final-inner{grid-template-columns:minmax(0,1fr) 150px;gap:8px;min-height:0;padding-top:35px;padding-bottom:32px}.service-final-copy h2{font-size:clamp(27px,5.8vw,39px)}.service-final-copy>p:not(.eyebrow){font-size:15px}.service-final-mascot{min-height:190px}.service-final-mascot img{max-height:205px}.mascot-orbit{width:145px;height:145px}.related-inner{align-items:flex-start;flex-direction:column;padding:20px}.related-inner h2{font-size:23px}.related-inner .button{white-space:normal}.service-page .site-footer .footer-inner{gap:14px}}
@media(max-width:480px){.section-wrap{width:min(calc(100% - 36px),var(--content))}.service-hero h1{font-size:35px}.service-hero-intro{font-size:16px}.service-hero-actions{align-items:stretch;flex-direction:column}.service-hero-actions .button{width:100%}.service-benefit-row{display:grid;grid-template-columns:1fr;gap:8px}.service-art{min-height:285px;margin-top:3px}.browser-frame,.store-frame{width:88%;border-radius:11px}.browser-top,.store-frame .browser-top{height:27px;padding-inline:9px}.browser-nav,.store-nav-preview{height:35px;padding-inline:10px}.browser-nav small,.store-nav-preview small{display:none}.browser-content{padding:15px 10px 10px;min-height:117px;gap:7px}.browser-copy b{font-size:12px}.browser-copy>span{font-size:7px}.browser-image{min-height:90px}.browser-cards{padding:0 10px 10px;gap:5px}.browser-cards i{height:28px}.mobile-frame{right:3%;bottom:29px;width:70px;height:132px;padding:5px;border-radius:16px;border-width:2px}.mobile-notch{left:23px;width:23px}.mobile-screen{padding:16px 5px 4px}.mobile-screen em{height:23px}.service-mascot{width:122px;left:-2%;bottom:0}.ecommerce-mascot{left:auto;right:-2%;width:118px}.art-chip{max-width:68%;font-size:9px;padding:7px 9px}.chip-top{top:0;right:0}.chip-bottom{left:27%;bottom:-2px}.store-banner-preview{min-height:109px;padding:10px}.store-banner-preview b{font-size:12px}.store-banner-preview span{font-size:7px}.store-bottle{right:19%;width:28px;height:53px}.store-box{width:38px;height:34px}.store-products-preview{padding:9px 9px 12px;gap:6px}.store-products-preview i{height:32px}.order-chip{left:-1%;bottom:47px;padding:7px 9px;gap:5px}.order-chip>span{width:19px;height:19px;font-size:10px}.order-chip b{font-size:8px}.order-chip small{font-size:7px}.local-service-art{min-height:205px}.local-service-art img{width:132px}.service-final-inner{grid-template-columns:1fr 100px;gap:0;padding-top:29px;padding-bottom:25px}.service-final-copy h2{font-size:27px}.service-final-copy>p:not(.eyebrow){font-size:14px}.service-final-copy .button{width:100%;padding-inline:13px;font-size:13px}.service-final-mascot{min-height:145px}.service-final-mascot img{max-height:160px;max-width:115px}.mascot-orbit{width:95px;height:95px;right:-5px}.related-inner{gap:16px}.site-footer .footer-inner{align-items:flex-start;flex-wrap:wrap}.site-footer .footer-nav{flex:1 1 100%;flex-wrap:wrap}.site-footer .footer-credit{white-space:normal}.site-footer .footer-legal{font-size:10px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){.service-page *, .service-page *::before,.service-page *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.service-page .reveal{opacity:1;transform:none}}


/* Phase 2 service illustrations: SEO + Google Ads */
.custom-service-art{min-height:420px;position:relative}
.search-board,.campaign-board{position:relative;z-index:2;width:min(88%,430px);padding:0 16px 17px;border:1px solid #d5e9f5;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 25px 65px rgba(7,54,95,.15);transform:rotateY(-5deg) rotateX(2deg)}
.search-board-top,.campaign-top{height:36px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #eaf2f8;color:#67829b;font-size:9px}
.search-board-top>span,.campaign-top>span{width:6px;height:6px;border-radius:50%;background:#d0e2ef}
.search-board-top b,.campaign-top b{margin-left:7px;font-size:10px;letter-spacing:.1em;color:#50708d}
.search-board-query{display:flex;align-items:center;gap:10px;height:44px;margin:16px 0 13px;padding:0 12px;border:1px solid #cfe7f6;border-radius:9px;background:#fbfdff;color:#3b678b}
.search-board-query .query-mark{font-size:21px;color:#079cdd}.search-board-query i{display:block;width:56%;height:6px;background:#dcebf5;border-radius:5px}.search-board-query b{margin-left:auto;color:#9cb4c7;letter-spacing:2px;font-size:9px}
.search-result-card{position:relative;padding:12px 13px 13px;margin:9px 0;border:1px solid #e4eff6;border-radius:10px;background:linear-gradient(110deg,#fff,#f9fcff)}
.search-result-card small{display:block;font-size:9px;color:#0792cd;font-weight:800;letter-spacing:.04em;margin-bottom:8px}
.search-result-card b{display:block;width:63%;height:7px;border-radius:5px;background:#326b98;margin-bottom:8px}
.search-result-card i{display:block;width:88%;height:5px;border-radius:5px;background:#d6e6f1;margin:5px 0}.search-result-card i.short{width:56%}.search-result-card i.medium{width:72%}.search-result-card.result-two{margin-left:20px}.search-result-card.result-three{margin-right:24px}
.ai-readiness-chip,.budget-chip{position:absolute;z-index:5;right:-1%;bottom:43px;display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid #d7edf8;border-radius:14px;background:#fff;box-shadow:0 14px 35px #0b4c7616}
.ai-readiness-chip>span,.budget-chip>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e4f7ff;color:#048fcb;font-size:19px}
.ai-readiness-chip div,.budget-chip div{display:flex;flex-direction:column;gap:4px}.ai-readiness-chip b,.budget-chip b{color:#173b60;font-size:11px}.ai-readiness-chip small,.budget-chip small{color:#7089a0;font-size:9px}
.custom-art-mascot{left:-1%;bottom:-1px;width:clamp(130px,18vw,195px);max-height:240px;object-fit:contain}
.campaign-board{width:min(91%,440px);padding-bottom:13px}.campaign-top{margin:0 0 11px}.campaign-status{display:flex;align-items:center;gap:10px;padding:12px 11px;border-radius:10px;background:#f0faff;border:1px solid #d9eef9}.campaign-status>i{width:9px;height:9px;border-radius:50%;background:#21bf8b;box-shadow:0 0 0 5px #dcf8ed}.campaign-status div{display:flex;flex-direction:column;gap:3px}.campaign-status b{font-size:11px;color:#143f67}.campaign-status small{font-size:9px;color:#7890a5}.campaign-status>span{margin-left:auto;color:#15945f;font-weight:900}
.campaign-row{display:flex;align-items:center;gap:11px;margin-top:10px;padding:12px;border:1px solid #e3eef6;border-radius:10px;background:#fff}.campaign-icon{display:grid;place-items:center;flex:0 0 31px;height:31px;border-radius:9px;background:#e7f7ff;color:#078fc8;font-size:16px}.campaign-row>div{flex:1;min-width:0}.campaign-row b{display:block;color:#254b70;font-size:10px;margin-bottom:7px}.campaign-row i{display:inline-block;width:58%;height:5px;border-radius:5px;background:#d6e7f2;margin-right:6px}.campaign-row i.half{width:25%}
.campaign-footer{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:12px;padding:11px 12px;background:#f8fcff;border-radius:9px;color:#466b8d;font-size:9px;font-weight:800}.campaign-footer>div{display:flex;gap:4px;align-items:flex-end;height:24px}.campaign-footer i{display:block;width:7px;height:35%;border-radius:3px 3px 0 0;background:#96dcf8}.campaign-footer i:nth-child(2){height:55%}.campaign-footer i:nth-child(3){height:42%}.campaign-footer i:nth-child(4){height:75%;background:#30b1e6}.campaign-footer i:nth-child(5){height:100%;background:#058cc7}
.related-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.related-service-card{position:relative;display:flex;flex-direction:column;min-height:176px;padding:24px;border:1px solid #dcecf6;border-radius:16px;background:linear-gradient(150deg,#fff,#f7fcff);text-decoration:none;box-shadow:0 8px 24px #12558008;transition:transform .25s,border-color .25s,box-shadow .25s}.related-service-card:hover{transform:translateY(-4px);border-color:#a9def5;box-shadow:0 16px 35px #12558012}.related-service-card h3{max-width:90%;margin:0 0 12px;color:#12365e;font:800 19px/1.3 Manrope,"DM Sans",sans-serif;letter-spacing:-.025em}.related-service-card p{margin:auto 0 0;color:#59728a;font-size:15px;line-height:1.7}.related-service-arrow{position:absolute;right:19px;top:18px;color:#079cdd;font-size:19px;font-weight:800}
@media(max-width:900px){.related-service-grid{grid-template-columns:1fr 1fr}.related-service-card{min-height:155px}.custom-service-art{min-height:375px}.search-board,.campaign-board{width:88%}.custom-art-mascot{width:150px}.ai-readiness-chip,.budget-chip{right:0;bottom:32px}}
@media(max-width:680px){.custom-service-art{min-height:300px;margin-top:0}.search-board,.campaign-board{width:87%;padding-inline:11px}.search-board-top,.campaign-top{height:30px}.search-board-query{height:37px;margin:12px 0 9px}.search-result-card{padding:9px 10px}.ai-readiness-chip,.budget-chip{right:-1%;bottom:19px;padding:9px 11px;gap:7px}.ai-readiness-chip>span,.budget-chip>span{width:27px;height:27px;font-size:16px}.ai-readiness-chip b,.budget-chip b{font-size:9px}.ai-readiness-chip small,.budget-chip small{font-size:8px}.custom-art-mascot{width:116px;max-height:160px;left:-4%;bottom:0}.campaign-footer{padding:8px}.related-service-grid{grid-template-columns:1fr;gap:11px}.related-service-card{min-height:0;padding:21px}.related-service-card h3{font-size:19px}.related-service-card p{margin-top:5px;font-size:15px}}