/* Service page rhythm: early evidence, concise delivery and responsibilities. */
.service-rhythm .lp-section{padding-top:62px;padding-bottom:62px}
.service-rhythm [id]{scroll-margin-top:28px}
.service-rhythm .ts-pain-cards{gap:22px}
.service-rhythm .ts-pain-cards .ts-image{max-width:220px;margin:0 auto}
.service-rhythm .ts-pain-copy{padding:12px 24px 25px}
.service-rhythm .ts-pain-copy h3{font-size:25px;margin:0 0 14px}
.service-rhythm .ts-bridge{margin:30px auto 0;padding:0;max-width:800px}
.service-rhythm .ts-bridge p{font-size:19px;line-height:1.8;margin:0}
.service-rhythm .ts-bridge strong{color:var(--purple)}
.service-rhythm .ts-note{margin:15px 0 0}
.service-rhythm .client-showcase{margin-top:10px;margin-bottom:0;padding-top:76px;padding-bottom:68px}
.service-rhythm .cs-heading{margin-bottom:30px}
.rh-path{display:flex;justify-content:center;align-items:center;gap:15px;padding:20px 24px;margin:0 0 30px;background:#f1eaf9;border-radius:12px;color:#573276;font-size:15px;font-weight:700}
.rh-path b{color:#9f84be}
.rh-proof-label{padding:18px 22px;background:#eee8f7;min-height:100px;display:flex;flex-direction:column;justify-content:center;gap:7px}
.rh-proof-label>span{font-size:12px;font-weight:750;color:#785397;letter-spacing:.05em}
.rh-proof-label>strong{font-size:19px;line-height:1.5;color:#382348}
.service-rhythm .cs-proof-copy{padding:22px}
.service-rhythm .cs-proof-copy h3{font-size:22px;margin:0 0 12px}
.rh-proof-takeaway{text-align:center;max-width:860px;margin:30px auto 0}
.rh-proof-takeaway>strong{font-size:23px;line-height:1.6;color:#422559}
.service-rhythm .rh-proof-takeaway p{font-size:17px;color:#65596f;line-height:1.85;margin:12px auto 0;max-width:750px}
.service-rhythm .sl-letter{margin-top:15px;margin-bottom:62px;max-width:1000px}
.service-rhythm .sl-letter-content{max-width:820px;padding:35px 35px 38px}
.service-rhythm .sl-letter-content p{font-size:18px;line-height:1.85;margin:18px 0}
.service-rhythm .sl-letter-content blockquote{font-size:29px;line-height:1.65;margin:24px 0;padding:18px 25px}
.service-rhythm .sl-letter-content .sl-signature{margin-bottom:0}
.service-rhythm .rh-offer{display:block;padding:50px 42px;margin:0;border-radius:22px}
.service-rhythm .rh-offer .sl-offer-intro{max-width:880px;text-align:center;margin:0 auto 32px}
.service-rhythm .rh-offer h2{font-size:clamp(32px,3.6vw,46px);line-height:1.4;margin:18px 0}
.service-rhythm .rh-offer h2 em{color:#fff179;font-style:normal}
.service-rhythm .rh-offer .sl-offer-intro p{font-size:18px;max-width:650px;margin:0 auto;color:#e2d5f0}
.rh-deliverables{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.rh-deliverables article{min-width:0;background:#fff;color:#352341;border-radius:14px;padding:0 22px 24px;overflow:hidden}
.rh-mini{height:190px;position:relative;display:flex;align-items:center;justify-content:center;margin:0 -22px 22px;overflow:hidden;background:#eee9f7}
.rh-paper{background:#fff;width:190px;padding:16px;transform:rotate(-5deg);box-shadow:0 8px 22px #37204a20;border:1px solid #ded4e9}
.rh-paper small{font-size:10px;color:#795b91;display:block}
.rh-paper b{font-size:18px;line-height:1.4;display:block;margin:7px 0}
.rh-paper i{display:block;height:4px;background:#e0d7e8;margin:6px 0;width:90%}.rh-paper i+i{width:68%}
.rh-paper span{display:block;font-size:9px;color:#6c4789;margin-top:11px}
.rh-mini-design{background:#fff5b8}
.rh-design-window{width:212px;padding:15px 18px;background:#62349b;color:#fff;border:5px solid #fff;border-radius:9px;transform:rotate(3deg);box-shadow:0 8px 22px #493f2122}
.rh-design-window>span{display:block;font-size:10px;padding-bottom:8px;border-bottom:1px solid #ffffff40}
.rh-design-window b{display:block;font-size:21px;line-height:1.35;margin:10px 0;color:#fff179}
.rh-design-window>div{display:flex;gap:6px}.rh-design-window i{height:18px;background:#a881d0;border-radius:3px;flex:1}.rh-design-window i:nth-child(2){background:#fff179}.rh-design-window i:nth-child(3){background:#d7ebbd}
.rh-mini-build{background:#e8f0e1;gap:0}
.rh-device-desktop{width:190px;height:120px;background:#fcfcf8;border:7px solid #32273e;border-bottom-width:12px;border-radius:9px;position:relative;padding:12px;transform:translateX(-12px)}
.rh-device-desktop:after{content:'';position:absolute;width:64px;height:12px;background:#32273e;left:56px;bottom:-24px;border-radius:0 0 5px 5px}
.rh-device-desktop b{font-size:15px;color:#4e286e}.rh-device-desktop i{display:block;width:76%;height:7px;background:#e4d9ef;margin:10px 0}
.rh-device-desktop span,.rh-device-phone span{display:inline-block;background:#fff179;color:#462261;font-size:9px;padding:3px 8px;border-radius:3px}
.rh-device-phone{width:66px;height:119px;padding:16px 6px 5px;background:#fff;border:5px solid #32273e;border-radius:12px;position:absolute;right:30px;bottom:24px;transform:rotate(7deg);box-shadow:0 6px 14px #30213f22}
.rh-device-phone b{color:#4e286e;font-size:14px;line-height:1.25;display:block}.rh-device-phone i{height:13px;display:block}.rh-device-phone span{font-size:8px;padding:3px 4px}
.rh-kicker{font-size:12px;font-weight:750;color:#8156a2;letter-spacing:.02em}
.service-rhythm .rh-deliverables h3{font-size:23px;line-height:1.5;color:#352341;margin:10px 0 12px;text-wrap:balance}
.service-rhythm .rh-deliverables p{font-size:16px;line-height:1.85;color:#65596f;margin:0}
.rh-offer-bottom{display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center;margin-top:30px;padding-top:26px;border-top:1px solid #ffffff30}
.rh-offer-bottom strong{font-size:23px;color:#fff179}
.service-rhythm .rh-offer-bottom p{font-size:14px;line-height:1.85;color:#e2d5f0;max-width:670px;margin:10px 0 0}
.rh-offer-bottom .lp-button{margin:0;white-space:nowrap}
.rh-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;padding:0}
.rh-steps>li{border:1px solid #e0d5eb;border-radius:14px;background:#fff;overflow:hidden;min-width:0}
.rh-step-title{display:flex;align-items:center;gap:12px;padding:18px;background:#f1eaf8;border-bottom:1px solid #e0d5eb}
.rh-step-title>span{font-size:22px;color:#9b7ab8;font-weight:800}
.service-rhythm .rh-step-title h3{font-size:19px;line-height:1.5;margin:0;color:#422559}
.service-rhythm .rh-steps p{font-size:15px;line-height:1.8;color:#65596f;padding:0 18px;margin:18px 0}
.rh-steps p>b{display:block;font-size:12px;line-height:1.8;color:#77519a;margin-bottom:4px}
.rh-steps p:last-child{border-top:1px dashed #e0d5eb;padding-top:14px}
.rh-agreement{display:grid;grid-template-columns:.8fr 1.7fr;gap:30px;background:#f6f2fa;padding:28px;border-radius:14px;margin-top:28px;align-items:center}
.service-rhythm .rh-agreement h3{font-size:23px;line-height:1.6;margin:0;color:#422559}
.rh-agreement ul{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0;margin:0}
.rh-agreement strong{display:block;font-size:16px;margin-bottom:8px;color:#4d2b65}.rh-agreement li>span{font-size:14px;line-height:1.8;color:#65596f;display:block}
.service-rhythm .rh-timing{font-size:14px;line-height:1.85;color:#766b7e;margin:20px 0 0}
.service-rhythm .lp-faq{padding-top:35px}
.service-rhythm .rh-contact{margin-top:10px;padding:45px;gap:40px;align-items:center}
.service-rhythm .rh-contact h2{font-size:36px;line-height:1.45;margin:18px 0 22px;text-wrap:balance}
.service-rhythm .rh-contact p{font-size:17px;line-height:1.85}
.service-rhythm .rh-contact .sv-contact-action>p:last-child{font-size:14px;max-width:320px}
@media(max-width:1000px){.rh-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.rh-offer-bottom{grid-template-columns:1fr}.rh-offer-bottom .lp-button{justify-self:start}.rh-agreement{grid-template-columns:1fr}.rh-proof-label{min-height:120px}.service-rhythm .rh-offer{padding:36px 24px}.rh-deliverables{gap:14px}.rh-deliverables article{padding-left:17px;padding-right:17px}.rh-mini{margin-left:-17px;margin-right:-17px}.rh-device-phone{right:13px}.service-rhythm .rh-deliverables h3{font-size:21px}}
@media(min-width:701px) and (max-width:850px){.service-rhythm .cs-proof-grid article{display:grid;grid-template-columns:1fr 1fr}.rh-proof-label{grid-column:1/-1;min-height:auto;flex-direction:row;justify-content:flex-start;align-items:center;gap:20px}.service-rhythm .cs-proof-shot{width:100%}.service-rhythm .rh-contact h2{font-size:30px}}
@media(max-width:700px){
.service-rhythm .lp-section{padding-top:42px;padding-bottom:42px}
.service-rhythm .ts-pain-cards{gap:14px;max-width:none}
.service-rhythm .ts-pain-cards>li{display:grid;grid-template-columns:100px 1fr;align-items:start;padding:18px 14px 18px 0}
.service-rhythm .ts-pain-cards .ts-image{width:100px;margin:0;align-self:center}
.service-rhythm .ts-pain-copy{padding:0}
.service-rhythm .ts-pain-copy h3{font-size:21px;line-height:1.5;margin:0 0 10px}
.service-rhythm .ts-pain-copy h3 br{display:none}
.service-rhythm .ts-pain-copy p{font-size:15px;line-height:1.8;margin:0}
.service-rhythm .ts-bridge p{font-size:17px;text-align:left}.service-rhythm .ts-bridge br{display:none}
.service-rhythm .client-showcase{padding-top:60px;padding-bottom:55px;margin-top:0}
.rh-path{display:grid;grid-template-columns:1fr auto 1fr;gap:11px 7px;padding:16px 12px;font-size:13px;text-align:center}.rh-path>b:nth-of-type(2){display:none}
.rh-proof-label{min-height:auto;padding:16px 20px}.rh-proof-label>strong{font-size:19px}
.service-rhythm .cs-proof-copy{padding:20px}.service-rhythm .cs-proof-copy h3{font-size:22px}
.rh-proof-takeaway{text-align:left;margin-top:25px}.rh-proof-takeaway>strong{font-size:21px}
.service-rhythm .sl-letter{margin:0 0 42px}.service-rhythm .sl-letter-content{padding:25px 23px 30px}
.service-rhythm .sl-letter-content p{font-size:17px;line-height:1.85;margin:17px 0}
.service-rhythm .sl-letter-content blockquote{font-size:24px;padding:15px 18px;margin:22px 0}.service-rhythm .sl-letter-content h2{font-size:28px;line-height:1.5}
.service-rhythm .rh-offer{padding:33px 18px;border-radius:18px}.service-rhythm .rh-offer .sl-offer-intro{text-align:left;margin-bottom:25px}
.service-rhythm .rh-offer h2{font-size:30px}.service-rhythm .rh-offer h2 br{display:none}.service-rhythm .rh-offer .sl-offer-intro p{font-size:17px}
.rh-deliverables{grid-template-columns:1fr;gap:18px}.rh-deliverables article{padding:0 22px 24px}.rh-mini{height:158px;margin:0 -22px 20px}.rh-paper{transform:rotate(-5deg) scale(.86)}.rh-design-window{transform:rotate(3deg) scale(.9)}.rh-device-phone{right:calc(50% - 108px);bottom:14px}.rh-device-desktop{transform:translateX(-15px) scale(.9)}
.service-rhythm .rh-deliverables h3{font-size:23px}.rh-offer-bottom{gap:22px;margin-top:25px;padding-top:24px}.rh-offer-bottom strong{font-size:22px}.rh-offer-bottom .lp-button{width:100%;font-size:14px;white-space:normal;text-align:center}
.rh-steps{grid-template-columns:1fr;gap:16px}.rh-steps>li{display:grid;grid-template-columns:1fr 1fr}.rh-step-title{grid-column:1/-1;padding:12px 18px}.service-rhythm .rh-step-title h3{font-size:20px}.service-rhythm .rh-steps p{margin:0;padding:16px;font-size:15px}.rh-steps p:last-child{border-top:0;border-left:1px dashed #e0d5eb;padding-top:16px}.rh-steps p>b{font-size:12px}
.rh-agreement{padding:23px;gap:22px}.rh-agreement ul{grid-template-columns:1fr;gap:17px}.rh-agreement li{display:grid;grid-template-columns:80px 1fr;gap:13px}.rh-agreement strong{font-size:15px;margin:0}.service-rhythm .rh-agreement h3{font-size:22px}
.service-rhythm .lp-faq{padding-top:20px}.service-rhythm .rh-contact{padding:30px 22px;gap:25px;margin-top:0}.service-rhythm .rh-contact h2{font-size:29px}.service-rhythm .rh-contact p{font-size:16px}.service-rhythm .rh-contact .sv-contact-action h3{font-size:25px}
}
@media(max-width:360px){.service-rhythm .ts-pain-cards>li{grid-template-columns:78px 1fr;padding-right:12px}.service-rhythm .ts-pain-cards .ts-image{width:78px}.service-rhythm .ts-pain-copy h3{font-size:20px}.service-rhythm .sl-letter-content{padding-left:18px;padding-right:18px}.service-rhythm .rh-offer h2{font-size:27px}.service-rhythm .rh-contact{padding:26px 18px}.service-rhythm .rh-contact h2{font-size:27px}.rh-path{font-size:12px}}

/* Keep the offer action central and distinct from its purple background. */
.service-rhythm .rh-offer-bottom{display:block;text-align:center}
.service-rhythm .rh-offer-bottom>div{max-width:750px;margin:auto}
.service-rhythm .rh-offer-bottom p{max-width:none}
.service-rhythm .rh-offer-bottom .lp-button{display:inline-flex;margin:24px auto 0;background:#fff179;color:#301945;box-shadow:5px 5px 0 #ffffff25}
.service-rhythm .rh-offer-bottom .lp-button:hover{background:#ffe646}
.service-rhythm .ts-pain-copy h3{text-wrap:balance}
@media(max-width:700px){.service-rhythm .rh-offer-bottom{text-align:left}.service-rhythm .rh-offer-bottom .lp-button{display:flex}}
@media(max-width:1023px){.service-rhythm [id]{scroll-margin-top:116px}}

/* Shop metaphor: one visitor, three stages; copy remains selectable HTML. */
.rh-metaphor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.rh-metaphor-grid article{background:#fff;border:1px solid #ded5e8;border-radius:18px;overflow:hidden;min-width:0}
.rh-metaphor-image{position:relative;overflow:hidden;aspect-ratio:1;max-width:300px;margin:0 auto;background:#fff}
.rh-metaphor-image img{position:absolute;max-width:none;width:300%;height:auto;top:0;left:0}
.rh-metaphor-2 img{left:-100%}.rh-metaphor-3 img{left:-200%}
.rh-metaphor-copy{padding:0 24px 26px}
.service-rhythm .rh-metaphor-copy h3{font-size:24px;line-height:1.5;color:#382348;margin:12px 0;text-wrap:balance}
.service-rhythm .rh-metaphor-copy p{font-size:16px;line-height:1.85;color:#65596f;margin:0}
@media(min-width:701px) and (max-width:900px){.rh-metaphor-grid{grid-template-columns:1fr}.rh-metaphor-grid article{display:grid;grid-template-columns:250px 1fr;align-items:center}.rh-metaphor-image{width:250px}.rh-metaphor-copy{padding:24px}.service-rhythm .rh-metaphor-copy h3{font-size:23px}}
@media(max-width:700px){.rh-metaphor-grid{grid-template-columns:1fr;gap:20px}.rh-metaphor-image{max-width:250px}.rh-metaphor-copy{padding:0 23px 24px}.service-rhythm .rh-metaphor-copy h3{font-size:23px}}
/* Match the generated scene boundaries so adjacent artwork never bleeds in. */
.rh-metaphor-1 img{width:292%}
.rh-metaphor-2 img{width:310%;left:-106.5%}

/* Four illustrated stages; readable text explains each party's role. */
.rh-visual-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;margin:0;padding:0}
.rh-visual-process>li{min-width:0;overflow:hidden;border:1px solid #ded5e8;border-radius:16px;background:white}
.rh-process-image{position:relative;overflow:hidden;aspect-ratio:1;max-width:265px;margin:auto}
.rh-process-image img{position:absolute;max-width:none;width:200%;height:auto;left:0;top:0}
.rh-process-image-2 img{left:-100%}.rh-process-image-3 img{top:-100%}.rh-process-image-4 img{top:-100%;left:-100%}
.rh-process-copy{padding:0 20px 24px}
.rh-process-number{display:block;font-size:13px;font-weight:800;letter-spacing:.08em;color:#7951a0}
.service-rhythm .rh-process-copy h3{font-size:22px;line-height:1.5;margin:10px 0 17px;color:#382348;min-height:66px;text-wrap:balance}
.service-rhythm .rh-process-copy p{font-size:15px;line-height:1.75;margin:12px 0 0;color:#65596f}
.rh-process-copy p b{display:inline-block;color:#69408b;background:#f2edf8;padding:1px 7px;border-radius:4px;font-size:12px;margin-right:7px}
@media(max-width:1000px){.rh-visual-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.service-rhythm .rh-process-copy h3{min-height:0}.rh-process-copy{padding:0 24px 25px}}
@media(max-width:700px){.rh-visual-process{gap:14px}.rh-process-copy{padding:0 14px 20px}.service-rhythm .rh-process-copy h3{font-size:20px;min-height:60px;margin:8px 0 12px}.service-rhythm .rh-process-copy p{font-size:14px;line-height:1.8;margin:10px 0 0}.rh-process-copy p b{display:table;margin:0 0 4px}.rh-process-number{font-size:12px}}
@media(max-width:360px){.rh-visual-process{gap:12px}.rh-process-copy{padding:0 12px 18px}.service-rhythm .rh-process-copy h3{font-size:19px;min-height:57px}}
@media(max-width:700px){
.rh-visual-process{grid-template-columns:1fr;gap:16px}
.rh-visual-process>li{display:grid;grid-template-columns:42% 58%;align-items:center}
.rh-process-image{width:100%;max-width:190px}
.rh-process-copy{padding:20px 16px 20px 6px}
.service-rhythm .rh-process-copy h3{min-height:0;font-size:21px;margin:7px 0 14px}
.service-rhythm .rh-process-copy p{margin-top:9px;font-size:14px}
.rh-process-copy p b{display:table;margin-bottom:2px}
}
@media(max-width:360px){.rh-visual-process>li{grid-template-columns:40% 60%}.rh-process-copy{padding-right:13px}.service-rhythm .rh-process-copy h3{font-size:20px}}