.service-page{transition:opacity .15s ease}.service-page.page-leaving{opacity:0}
.service-page main{animation:detail-enter .65s cubic-bezier(.22,1,.36,1) both}
.detail-hero{padding:70px 5% 80px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:6%;max-width:1600px;margin:auto}
.detail-eyebrow{font-size:14px;letter-spacing:.7px;flex-wrap:wrap;gap:10px}
.detail-brand-arrow{filter:invert(48%) sepia(98%) saturate(2655%) hue-rotate(345deg) brightness(104%) contrast(101%);flex-shrink:0}
.detail-hero h1{font-size:clamp(44px,5.5vw,83px);font-weight:800;line-height:1.04;letter-spacing:-3.5px;margin:28px 0;overflow-wrap:break-word}
.detail-hero-copy>p{font-size:18px;line-height:1.8;color:#645b53;max-width:620px}
.detail-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:30px}.detail-actions .text-link{font-size:14px;white-space:normal}
.detail-visual{margin:0;background:#e8e2f2;border-radius:28px;padding:20px;transform:translate(var(--visual-x,0),var(--visual-y,0));transition:transform .65s cubic-bezier(.22,1,.36,1);min-width:0}
.detail-image-wrap{border-radius:18px;overflow:hidden;aspect-ratio:1}.detail-image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.22,1,.36,1)}
.detail-visual figcaption{display:flex;justify-content:space-between;align-items:center;padding:18px 3px 0;font-size:12px;letter-spacing:1px;font-weight:700}
.detail-visual:focus-visible{outline:3px solid #7553c2;outline-offset:5px}
.detail-section{padding:65px 5%;}.detail-scope{background:#f2edf4;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}
.detail-section h2{font-size:clamp(34px,3.6vw,54px);line-height:1.1;letter-spacing:-2px;margin:20px 0}
.detail-scope>div>p{font-size:16px;line-height:1.8;max-width:430px;color:#645b53}
.detail-includes{list-style:none;padding:0;margin:0}.detail-includes li{display:flex;align-items:start;gap:16px;padding:22px 0;border-bottom:1px solid #24211f25;font-size:18px;line-height:1.6}.detail-includes img{margin-top:6px;filter:invert(48%) sepia(98%) saturate(2655%) hue-rotate(345deg) brightness(104%) contrast(101%);flex-shrink:0}
.detail-example{background:#24211f;color:#fff6ea}.detail-example h2{max-width:900px}.detail-example-note{color:#c9c1b8;font-size:14px;max-width:650px}
.detail-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:48px}.detail-step{padding-top:24px;border-top:1px solid #fff6ea35}.detail-step .eyebrow{color:#ff9a66;font-size:14px}.detail-step p{font-size:18px;line-height:1.7;margin-top:20px;max-width:400px}
.detail-contact{background:#ff6b2b;display:flex;align-items:center;justify-content:space-between;gap:35px}.detail-contact .detail-brand-arrow{filter:none}.detail-contact h2{max-width:680px;margin-bottom:0}.detail-contact .button:hover{background:#fff6ea}
.detail-service-nav{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:38px 5%;border-bottom:1px solid #24211f25}.detail-service-nav a{display:flex;flex-direction:column;gap:12px;padding:15px 0}.detail-service-nav span{font-size:14px;color:#645b53}.detail-service-nav strong{font-size:clamp(20px,2vw,28px);line-height:1.25;letter-spacing:-.5px}.detail-service-nav a:last-child{text-align:right}.detail-service-nav a:hover strong{color:#a9380b}
.service-page footer{padding-bottom:85px}.service-page .global-motion{position:fixed;left:auto;right:22px;bottom:18px;transform:none}
@media(hover:hover) and (pointer:fine){.detail-visual:hover .detail-image-wrap img{transform:scale(1.035)}}
@media(min-width:1600px){.detail-section,.detail-service-nav{padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2))}}
@media(max-width:1000px){.detail-header-contact{display:none}.detail-hero{gap:4%;padding-top:45px}.detail-hero h1{font-size:58px;letter-spacing:-2.5px}.detail-hero-copy>p{font-size:16px}.detail-actions{gap:20px}.detail-steps{gap:20px}}
@media(max-width:700px){.service-page .header nav{display:flex;font-size:13px}.service-page .header-actions{gap:0}.detail-hero{grid-template-columns:1fr;gap:35px;padding:38px 6% 48px}.detail-hero h1{font-size:clamp(43px,10vw,62px);letter-spacing:-2px}.detail-hero-copy>p{font-size:16px}.detail-visual{padding:15px}.detail-eyebrow{font-size:12px}.detail-section{padding:48px 6%}.detail-scope{grid-template-columns:1fr;gap:28px}.detail-section h2{font-size:38px}.detail-includes li{font-size:16px}.detail-steps{grid-template-columns:1fr;gap:26px;margin-top:30px}.detail-step p{font-size:16px;margin-top:13px;max-width:none}.detail-contact{flex-direction:column;align-items:start;gap:24px}.detail-service-nav{padding:28px 6%;gap:20px}.detail-service-nav strong{font-size:21px}.service-page footer{flex-wrap:wrap}.service-page .global-motion{right:12px;bottom:12px}}
@keyframes detail-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.motion-off.service-page,.motion-off.service-page main,.motion-off .detail-visual,.motion-off .detail-image-wrap img{animation:none;transition:none;transform:none}
@media(prefers-reduced-motion:reduce){.service-page,.service-page main,.detail-visual,.detail-image-wrap img{animation:none;transition:none;transform:none}}
.detail-contact-actions{display:flex;flex-direction:column;align-items:start;gap:20px;flex-shrink:0;max-width:100%}
.detail-contact-actions .contact-email{margin-top:0;font-size:18px}