/* Shared hero and illustrated FAQ layouts. Original page content stays in HTML. */
.service-layout-page .service-hero{display:block;isolation:isolate;height:auto;min-height:0;padding:150px 0 0;background:none;background-image:none;overflow:visible}
.service-layout-page .service-hero::before{display:none}
.service-layout-page .service-hero-panel{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:stretch;justify-content:normal;width:min(calc(100% - 48px),var(--container));max-width:none;height:auto;min-height:530px;padding:0;border-radius:48px;overflow:hidden;text-align:left;background:linear-gradient(125deg,#ffffffed,#f2e9f8e8);box-shadow:0 34px 90px #31254624,inset 0 1px #fff}
.service-layout-page .service-hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:clamp(34px,4.5vw,64px)}
.service-layout-page .service-hero-copy h1{white-space:normal;max-width:640px;margin:0;font-size:clamp(3rem,4.8vw,5.4rem);font-weight:700;letter-spacing:-.065em;line-height:.99;text-wrap:balance}
.service-layout-page .service-hero-copy>p:not(.amazon-eyebrow){max-width:560px;margin:25px 0 0;color:#554d5e;font-size:clamp(1.05rem,1.4vw,1.2rem);line-height:1.65}
.service-layout-page .service-hero-copy>.amazon-eyebrow{margin:0 0 22px;color:#7f4fce;font-size:.72rem;line-height:1.4;font-weight:720;letter-spacing:.1em;text-transform:uppercase}
.service-layout-page .service-hero-copy>.commerce-credentials{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;flex:none;width:100%;margin:28px 0 0;gap:16px}
.service-layout-page .service-hero-copy>.support-location-pill{display:grid;width:min(100%,330px);max-width:100%;margin:28px 0 0;padding:8px 20px;text-align:center}
.service-layout-page .service-hero-copy>.support-location-pill span{white-space:normal;padding:9px 4px}
.service-layout-page .service-hero-copy>.support-location-pill span+span{border-left:0;border-top:1px solid rgba(var(--accent-rgb),.28)}
.service-layout-page .service-hero-media{position:relative;min-width:0;min-height:530px;overflow:hidden}
.service-layout-page .service-hero-media>picture{display:block;position:absolute;inset:0}
.service-layout-page .service-hero-media img{display:block;position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:cover;object-position:45% 50%}
.service-layout-page .service-hero-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#f7f2fa 0%,#f7f2fa20 22%,transparent 55%)}
.service-layout-page .service-hero-media-amazon img{object-position:62% 50%}
.service-layout-page .service-hero-media-shopify img{object-position:76% 50%}
.service-layout-page .service-hero-media-support img{object-position:20% 50%}
.service-scroll-hint{display:flex;justify-content:center;position:relative;z-index:6;margin:25px auto 40px}
.service-scroll-hint+.section-wave{margin-top:-32px}
.service-scroll-cue{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:58px;padding:7px 18px;border-radius:18px;font-size:.94rem;font-weight:650;line-height:1.5;letter-spacing:.035em}
.service-scroll-cue span{color:#7142b0;background:linear-gradient(110deg,#614093 5%,#9955cd 25%,#436cb4 45%,#a13e82 65%,#614093 85%);background-size:260% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:service-scroll-wave 4.5s linear infinite}
.service-scroll-cue svg{fill:none;stroke:#8961b7;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;animation:service-scroll-drift 2.4s ease-in-out infinite}
.service-scroll-cue:hover{background:#ad7cfb0d}
@keyframes service-scroll-wave{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes service-scroll-drift{0%,100%{transform:translateY(0);opacity:.6}50%{transform:translateY(5px);opacity:1}}
.service-layout-page .visual-faq-shell{display:block;max-width:1120px;padding:42px}
.service-layout-page .visual-faq-intro{max-width:860px;margin:0 auto 32px;text-align:center}
.service-layout-page .visual-faq-intro h2{max-width:none;margin:0;font-size:clamp(2.5rem,4.5vw,4.6rem);font-weight:690;letter-spacing:-.06em;line-height:1.04;text-wrap:balance}
.service-layout-page .visual-faq-intro>.eyebrow{margin:0 0 15px}
.service-layout-page .visual-faq-intro>p:not(.eyebrow){max-width:680px;margin:18px auto 0;color:#5d5564;font-size:1.02rem;line-height:1.7}
.service-layout-page .visual-faq-list{display:grid;gap:12px;border:0}
.service-layout-page .visual-faq-item{overflow:hidden;border:1px solid rgba(var(--accent-rgb),.2);border-radius:23px;background:#ffffffad}
.service-layout-page .visual-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:75px;padding:21px 24px;font-size:1.07rem;font-weight:680;line-height:1.4;cursor:pointer;list-style:none}
.service-layout-page .visual-faq-item summary::-webkit-details-marker{display:none}
.service-layout-page .visual-faq-item summary:focus-visible{outline-offset:-4px;border-radius:23px}
.service-layout-page .visual-faq-item[open] .commerce-faq-icon{background:var(--accent);transform:rotate(45deg)}
.service-layout-page .visual-faq-answer{display:grid;grid-template-columns:144px minmax(0,1fr);align-items:center;gap:23px;max-width:none;padding:0 24px 24px}
.service-layout-page .visual-faq-answer>img{display:block;width:144px;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:17px;border:1px solid rgba(var(--accent-rgb),.2)}
.service-layout-page .visual-faq-copy{min-width:0}
.service-layout-page .visual-faq-copy p{margin:0;color:#5b5263;font-size:1rem;line-height:1.7}
.service-layout-page .visual-faq-copy p+p{margin-top:14px}
.service-layout-page .visual-faq-copy .commerce-faq-note{display:block;max-width:none;margin:14px 0 0;color:#6b6371;font-size:.78rem;line-height:1.6}
@media(min-width:761px) and (max-width:1100px){
 .service-layout-page .service-hero-panel{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
 .service-layout-page .service-hero-copy{padding:36px}
}
@media(max-width:760px){
 .service-layout-page .service-hero{padding:102px 0 0}
 .service-layout-page .service-hero-panel{grid-template-columns:minmax(0,1fr);width:min(calc(100% - 28px),var(--container));min-height:0;border-radius:32px}
 .service-layout-page .service-hero-media{grid-row:1;min-height:0;height:275px}
 .service-layout-page .service-hero-media img{object-position:48% 38%}
 .service-layout-page .service-hero-media-shopify img{object-position:75% 50%}
 .service-layout-page .service-hero-media-support img{object-position:20% 38%}
 .service-layout-page .service-hero-media-amazon img{object-position:58% 50%}
 .service-layout-page .service-hero-media::after{background:linear-gradient(180deg,transparent 65%,#f6eefb 100%)}
 .service-layout-page .service-hero-copy{grid-row:2;margin-top:-30px;padding:30px 26px 33px;border-radius:29px 29px 0 0;backdrop-filter:blur(18px);background:linear-gradient(145deg,#faf6ffda,#f3eef9e8)}
 .service-layout-page .service-hero-copy h1{max-width:540px;font-size:clamp(2.7rem,11.5vw,4.3rem)}
 .service-layout-page .service-hero-copy>p:not(.amazon-eyebrow){margin-top:20px;font-size:1rem}
 .service-layout-page .service-hero-copy>.amazon-eyebrow{margin-bottom:16px;font-size:.65rem;letter-spacing:.085em}
 .service-layout-page .service-hero-copy>.commerce-credentials,.service-layout-page .service-hero-copy>.support-location-pill{margin-top:24px}
 .service-scroll-hint{margin:22px auto 30px}
 .service-scroll-hint+.section-wave{margin-top:-22px}
 .service-layout-page .visual-faq-shell{width:min(calc(100% - 32px),var(--container));padding:30px 18px 23px;border-radius:34px}
 .service-layout-page .visual-faq-intro{margin-bottom:28px}
 .service-layout-page .visual-faq-intro h2{font-size:clamp(2.3rem,10.3vw,3.4rem)}
 .service-layout-page .visual-faq-item summary{gap:10px;min-height:72px;padding:19px 18px;font-size:1rem}
 .service-layout-page .visual-faq-item .commerce-faq-icon{flex-basis:32px;width:32px;height:32px}
 .service-layout-page .visual-faq-answer{grid-template-columns:88px minmax(0,1fr);align-items:start;gap:14px;padding:0 18px 21px}
 .service-layout-page .visual-faq-answer>img{width:88px;margin-top:3px;border-radius:13px}
 .service-layout-page .visual-faq-copy p{font-size:.94rem;line-height:1.65}
 .service-layout-page .visual-faq-copy .commerce-faq-note{font-size:.76rem}
}
@media(max-width:360px){
 .service-layout-page .service-hero-copy{padding-inline:20px}
 .service-layout-page .visual-faq-answer{grid-template-columns:70px minmax(0,1fr);gap:11px}
 .service-layout-page .visual-faq-answer>img{width:70px}
}
@media(prefers-reduced-motion:reduce){
 .service-scroll-cue span,.service-scroll-cue svg{animation:none}
 .service-layout-page .visual-faq-item .commerce-faq-icon{transition:none}
}
@media(forced-colors:active){
 .service-scroll-cue span{background:none;color:LinkText;-webkit-text-fill-color:LinkText}
 .service-scroll-cue svg{stroke:LinkText}
}