/* Progressive enhancements to the existing PakEstamp brand; no scroll interception. */
#services .cards{grid-template-columns:repeat(4,minmax(0,1fr))}
#services .card{position:relative;isolation:isolate;transition:transform .2s ease,box-shadow .2s ease}
#services .card h3 a::after,#services .service-title a::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}
#services .card:hover,#services .card:focus-within{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
#services .card:active{transform:translateY(-1px)}
#services .card:focus-within{outline:3px solid var(--green);outline-offset:3px}
#services .card .service-title{font:600 20px/1.4 var(--f-display);margin:28px 0 8px!important;color:var(--green);opacity:1}
.service-title a{color:inherit;text-decoration:none}
.service-question{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;font-size:25px;color:var(--green)}
.reveal{opacity:1;transform:none}
html.journey-motion .reveal:not(.in){opacity:0;transform:translateY(12px)}
/* All four steps remain in normal document flow, including without JavaScript. */
#shTrack{height:auto;min-height:0;margin-top:32px}
#shTrack .sh-sticky{position:static;height:auto;min-height:0;display:block;padding:0}
#shTrack .sh-visual{display:none}
#shTrack .sh-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#shTrack .sh-step{background:#fbf9f2;opacity:1;transform:none;padding:22px 18px;box-shadow:none}
#shTrack .sh-step.reveal{opacity:1;transform:none}
html.journey-motion #shTrack .sh-step.reveal:not(.in){opacity:0;transform:translateY(12px)}
#shTrack .sh-step.reveal.in{opacity:1;transform:none;transition:opacity .45s ease,transform .45s ease}
#shTrack .sh-step h3{font-size:22px;margin:10px 0}
#shTrack .sh-step p{line-height:1.65;opacity:1}
.chatwrap .phone{max-width:420px}
#chatBody{height:420px;min-height:420px;overflow-y:auto;scroll-behavior:auto;overflow-anchor:none}
#chatBody .demo-message{opacity:1;transform:none;animation:none;transition:opacity .3s ease,transform .3s ease}
#chatBody.demo-playing .demo-message.demo-pending{visibility:hidden;opacity:0;transform:translateY(6px)}
.demo-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:20px auto 12px;max-width:620px}
.demo-controls .btn{font-size:13px;padding:10px 16px}
#demoStatus{display:block;flex-basis:100%;min-height:20px;color:var(--muted);font-size:12px}
.ig-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.ig-dot{width:12px;height:12px;padding:0;border-radius:50%;border:1px solid var(--green);background:transparent;cursor:pointer}
.ig-dot[aria-current="true"]{background:var(--green)}
.ig-dot:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.ig-controls{flex-wrap:wrap;min-height:42px}
.ig-controls #igPosition{min-width:110px;font-variant-numeric:tabular-nums;text-align:center}
.ig-controls #igPause{min-width:150px;justify-content:center}
#estAmount{display:inline-block;min-width:6ch;font-variant-numeric:tabular-nums}
.est-break{min-height:2.8em}.est-amt{min-height:2.5em}
#vsample{cursor:pointer}
@media(max-width:1000px){#services .cards,#shTrack .sh-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#services .cards,#shTrack .sh-steps{grid-template-columns:1fr}#services .card{padding:22px}#shTrack .sh-step{padding:20px}.demo-controls .btn{min-height:44px}#chatBody{height:380px;min-height:380px}.ig-controls{gap:12px}#band{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}html.journey-motion #shTrack .sh-step.reveal:not(.in),.reveal{opacity:1!important;transform:none!important}#services .card:hover,#services .card:active{transform:none}.hero,.guilloche{transform:none!important}}
/* Decorative textures must not cover the final order link. */
.band::after{pointer-events:none}
html{scroll-snap-type:none;scroll-padding-top:84px}
.band::after{animation:none}
.demo-controls .btn{color:#116233;background:#fff;border:1px solid #116233}
.demo-controls .btn:hover,.demo-controls .btn:focus-visible{color:#0b4f32;background:#e7f2eb}
#chatBody .demo-message{text-align:left}
body.ur #chatBody .demo-message{text-align:right}
.ig-dot{width:28px;height:28px;border:0;position:relative;background:transparent!important}
.ig-dot::after{content:"";position:absolute;inset:8px;border:1px solid var(--green);border-radius:50%;background:transparent}
.ig-dot[aria-current="true"]::after{background:var(--green)}
@media(max-width:620px){.ig-carousel{padding-inline:42px}.ig-arrow{width:40px;height:44px}.ig-dots{gap:2px}}

/* Compact spacing after the normal-flow process cards. */
#shTrack .sh-sticky{margin-bottom:0}
#how{padding-bottom:32px}
#sample-order{padding-top:36px}