.service-page{color:#1d1d1f;--service-muted:#6e6e73;background:#fff}
.service-page .section-wrap{width:min(1320px,100%)}
.service-hero{padding-top:30px;padding-bottom:76px}
.service-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;line-height:1.6;color:#78747f;margin-bottom:52px}
.service-breadcrumb a:hover{color:#603bfa}
.service-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:52px;align-items:center}
.service-eyebrow{font-size:10px;font-weight:500;letter-spacing:.1em;line-height:1.7;color:var(--service-muted);margin:0 0 22px}
.service-hero h1{font-size:clamp(39px,4.4vw,63px);line-height:1.07;font-weight:650;letter-spacing:-.055em;margin:0 0 25px}
.service-hero h1 span{color:#603bfa}
.service-lead{font-size:16px;line-height:1.85;color:var(--service-muted);max-width:560px;margin-bottom:28px}
.service-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px}
.service-actions .text-link{font-size:12px;gap:10px}
.service-visual{position:relative;min-width:0;padding:30px;border:1px solid #ece8f5;border-radius:30px;background:radial-gradient(ellipse at 75% 40%,#e4ddff,transparent 70%),#f7f6fa;overflow:hidden}
.service-visual-top{display:flex;align-items:center;justify-content:space-between;color:#8e829f;font-size:9px;letter-spacing:.16em;margin-bottom:28px}
.service-visual-top>span:last-child{width:24px;color:#603bfa}
.service-visual-caption{text-align:center;font-size:12px;color:#7c718e;margin:26px 0 0}
.service-browser,.service-answer,.service-store{border:1px solid #ffffff;border-radius:18px;background:#ffffffed;box-shadow:0 18px 38px #50417810;overflow:hidden}
.service-browser-bar{display:flex;gap:5px;padding:14px;border-bottom:1px solid #eeebf4}
.service-browser-bar i{width:6px;height:6px;background:#d2cadd;border-radius:50%}
.service-browser-body{padding:26px}
.mock-label{display:block;font-size:8px;color:#9486a7;letter-spacing:.1em;margin-bottom:16px}
.service-browser strong{display:block;font-size:34px;letter-spacing:-.05em;line-height:1.1;font-weight:600;margin-bottom:22px}
.mock-pill{display:inline-block;font-size:9px;border-radius:7px;padding:10px 13px;background:#603bfa;color:#fff}
.mock-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}
.mock-tiles span{height:55px;border-radius:8px;background:linear-gradient(145deg,#f0ecfa,#e7e1f4)}
.service-search{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:1px solid #ece8f5;border-radius:12px;font-size:11px;color:#6e6e73;margin-bottom:18px}
.service-search>span{width:18px;flex-shrink:0;color:#603bfa}
.service-search-result{padding:22px;background:#ffffffeb;border-radius:14px;margin-top:12px;border:1px solid #fff}
.service-search-result strong{display:block;font-size:17px;font-weight:500;letter-spacing:-.035em;margin-bottom:17px}
.service-search-result i{display:block;width:90%;height:5px;border-radius:10px;background:#e8e4f0;margin-top:8px}
.service-search-result i:last-child{width:68%}
.service-question{padding:17px;background:#e5dcfa;color:#59467a;font-size:12px;border-radius:16px 16px 4px 16px;margin:0 0 18px 25px}
.service-answer{padding:25px;margin-right:15px}
.service-spark{display:block;width:27px;color:#603bfa;margin-bottom:16px}
.service-answer strong{font-size:18px;font-weight:500;letter-spacing:-.035em}
.service-answer p{font-size:12px;line-height:1.9;color:#7c7388;margin:16px 0}
.mock-sources{display:flex;flex-wrap:wrap;gap:5px}
.mock-sources span{border:1px solid #ece6f4;border-radius:6px;padding:5px 7px;font-size:8px;color:#8b8099}
.service-store{padding:18px}
.service-product-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:160px;border-radius:12px;background:radial-gradient(ellipse at 50% 35%,#eee7ff,#f8f6fc)}
.service-product-art svg{width:70px;color:#8b6dd0;stroke-width:.85}
.service-product-art>span{font-size:8px;letter-spacing:.15em;color:#8b8099}
.service-product-copy{padding:20px 6px 5px}
.service-product-copy strong{font-size:23px;font-weight:550;letter-spacing:-.04em;line-height:1.2}
.mock-swatches{display:flex;gap:7px;margin:16px 0}
.mock-swatches i{width:11px;height:11px;border-radius:50%;background:#603bfa}.mock-swatches i:nth-child(2){background:#c5b6e7}.mock-swatches i:nth-child(3){background:#e3dfea}
.service-points{display:flex;justify-content:center;flex-wrap:wrap;gap:20px 45px;border-top:1px solid #eceaf0;border-bottom:1px solid #eceaf0;margin:56px 0 0;padding:24px;list-style:none;color:#78747f;font-size:12px}
.service-points li{display:flex;align-items:center;gap:9px}.service-points li span{color:#603bfa}
.service-section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:60px;margin-bottom:36px}
.service-section-heading h2,.service-delivery h2,.service-faq h2,.service-related h2{font-size:clamp(30px,3.2vw,43px);font-weight:600;letter-spacing:-.045em;line-height:1.15;margin:0}
.service-section-heading>p{font-size:14px;line-height:1.85;color:var(--service-muted);margin:0}
.service-scope,.service-delivery,.service-workflow,.service-faq,.service-related{padding-bottom:88px}
.service-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.service-feature{padding:28px;background:#fafafc;border:1px solid #eceaf0;border-radius:20px;min-width:0}
.service-feature-number{font-size:11px;color:#8e80a5}
.service-feature h3{font-size:19px;font-weight:600;letter-spacing:-.035em;line-height:1.35;margin:24px 0 13px}
.service-feature p{font-size:13px;line-height:1.85;color:var(--service-muted);margin:0}
.service-delivery-panel{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;padding:46px;border-radius:26px;border:1px solid #eae5f2;background:radial-gradient(ellipse at 0% 100%,#eee7ff90,transparent 65%),#faf9fc}
.service-delivery h2 span{color:#603bfa}
.service-delivery-panel>div>p:not(.service-eyebrow){font-size:14px;line-height:1.8;color:var(--service-muted);margin:22px 0 18px}
.service-delivery-panel ul{list-style:none;margin:0;padding:0}
.service-delivery-panel li{display:flex;gap:13px;font-size:14px;line-height:1.6;padding:18px 0;border-bottom:1px solid #e6e0ef}.service-delivery-panel li:last-child{border-bottom:0}.service-delivery-panel li span{color:#603bfa}
.service-workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.service-workflow-grid article{border-top:1px solid #e8e5ee;padding-top:25px;min-width:0}
.service-workflow-grid article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f3effc;color:#603bfa;font-size:11px}
.service-workflow-grid h3{font-size:21px;font-weight:550;letter-spacing:-.04em;margin:22px 0 14px}
.service-workflow-grid p{font-size:14px;line-height:1.85;color:var(--service-muted);margin:0}
.service-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}
.service-faq>div>p:not(.service-eyebrow){font-size:14px;line-height:1.8;color:var(--service-muted);margin-top:24px}
.service-faq a{color:#603bfa}
.service-faq details{border-bottom:1px solid #e9e6ef}
.service-faq details:first-child{border-top:1px solid #e9e6ef}
.service-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;font-size:15px;font-weight:500;line-height:1.5;padding:22px 0}
.service-faq summary::-webkit-details-marker{display:none}
.service-faq summary>span{font-size:21px;color:#8e80a5;transition:transform .3s;flex-shrink:0}
.service-faq details[open] summary>span{transform:rotate(45deg)}
.service-faq details p{font-size:14px;line-height:1.85;color:var(--service-muted);margin:0 0 24px}
.service-faq summary:focus-visible{outline:2px solid #603bfa;outline-offset:4px;border-radius:4px}
.service-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}
.service-related-grid>a{display:flex;align-items:center;gap:18px;padding:25px;border:1px solid #e9e6ef;border-radius:18px;transition:background .3s}
.service-related-grid>a:hover{background:#faf8ff}
.service-related-icon{width:27px;flex-shrink:0;color:#603bfa}
.service-related-grid h3{font-size:18px;font-weight:550;letter-spacing:-.03em;margin:0 0 8px}
.service-related-grid p{font-size:12px;color:var(--service-muted);line-height:1.6;margin:0}
.service-related-grid>a>span:last-child{margin-left:auto;color:#603bfa}
.service-closing{padding-bottom:88px;text-align:center}
.service-closing>div{border-radius:28px;border:1px solid #eae5f2;padding:60px 26px;background:radial-gradient(ellipse at 50% 120%,#e7dcff,transparent 70%),#faf9fc}
.service-closing h2{max-width:700px;margin:0 auto 22px;font-size:clamp(32px,3.8vw,52px);font-weight:600;letter-spacing:-.05em;line-height:1.12}
.service-closing p:not(.service-eyebrow){font-size:15px;line-height:1.7;color:var(--service-muted);margin-bottom:26px}
.service-cta-phone{display:block;width:fit-content;margin:20px auto 0;font-size:12px;color:#77717e}
@media(max-width:1050px){.service-hero-grid{gap:28px}.service-visual{padding:22px}.service-hero h1{font-size:42px}.service-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-section-heading{gap:30px}.service-delivery-panel{padding:32px;gap:30px}.service-faq{gap:36px}.service-browser-body{padding:22px}.service-browser strong{font-size:29px}}
@media(max-width:760px){.service-hero{padding-top:24px;padding-bottom:55px}.service-breadcrumb{margin-bottom:32px;font-size:10px}.service-hero-grid{grid-template-columns:1fr;gap:32px}.service-hero h1{font-size:clamp(36px,8.7vw,56px)}.service-lead{font-size:15px}.service-visual{width:100%;max-width:480px;justify-self:center;padding:26px;border-radius:24px}.service-points{gap:14px 24px;padding:22px 0;margin-top:32px;font-size:11px}.service-section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:28px}.service-section-heading h2,.service-delivery h2,.service-faq h2,.service-related h2{font-size:32px}.service-scope,.service-delivery,.service-workflow,.service-faq,.service-related{padding-bottom:56px}.service-feature-grid{gap:12px}.service-feature{padding:22px 18px;border-radius:16px}.service-feature h3{font-size:18px;margin-top:20px}.service-delivery-panel{grid-template-columns:1fr;gap:14px;padding:28px 24px;border-radius:22px}.service-workflow-grid{grid-template-columns:1fr;gap:28px}.service-faq{grid-template-columns:1fr;gap:24px}.service-related-grid{grid-template-columns:1fr;gap:14px}.service-closing{padding-bottom:56px}.service-closing>div{padding:40px 22px;border-radius:22px}}
@media(max-width:480px){.service-feature-grid{grid-template-columns:1fr}.service-feature p{font-size:14px}.service-eyebrow{font-size:9px}.service-related-grid>a{padding:22px 18px}}

.service-outputs{padding-bottom:88px}
.service-output-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.service-output-grid article{min-width:0;padding:28px;border-top:1px solid #ded7ef;background:linear-gradient(#faf8fe,#fff)}
.service-output-grid article>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f0eaff;color:#603bfa;font-size:14px;margin-bottom:24px}
.service-output-grid h3{font-size:21px;letter-spacing:-.035em;margin:0 0 14px;font-weight:550}
.service-output-grid p{font-size:14px;line-height:1.85;color:#6e6e73;margin:0}
.ads-preview{padding:24px;border-radius:18px;background:#fffffff0;border:1px solid #fff;box-shadow:0 18px 38px #50417810}
.ads-search{display:flex;justify-content:space-between;gap:12px;padding:14px;border:1px solid #e9e4f2;border-radius:30px;font-size:11px;color:#81778c}
.ads-result{padding:27px 4px}
.ads-result small{font-size:10px;color:#7a7184}
.ads-result strong{display:block;margin:15px 0 10px;font-size:24px;letter-spacing:-.04em;color:#603bfa;line-height:1.2}
.ads-result p{font-size:12px;line-height:1.8;color:#6e6e73;margin:0}
.ads-flow{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:#7a7184}
.ads-flow span{padding:10px;border-radius:8px;background:#f5f1fe}
.ads-flow b{font-weight:400;color:#aa9cc0}
@media(max-width:760px){.service-outputs{padding-bottom:60px}.service-output-grid{grid-template-columns:1fr;gap:14px}.service-output-grid article{padding:24px}.ads-preview{padding:18px}}
