/* EXRE mobile refinement: retain the approved desktop composition. */
.hero-copy .button{pointer-events:auto;max-width:100%;width:max-content;margin-top:32px;text-decoration:none}
.hero-cta-mobile{display:none}
.hero-copy .button>.hero-cta-desktop,.hero-copy .button>.hero-cta-mobile{font:inherit}
.exre-ui-icon{display:inline-block;width:1em;height:1em;flex:none;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:square;stroke-linejoin:miter}
.hero-copy .button>.exre-ui-icon{width:19px;height:19px}
.window-lock .exre-ui-icon{width:14px;height:14px}
.checkout-ready>span{display:inline-flex;align-items:center;gap:5px}
.pricing-note li:before{content:none}
.pricing-note li{display:flex;align-items:center;gap:8px}
.pricing-note li>.exre-ui-icon{color:var(--orange)}
.service-card-link>.exre-ui-icon{margin-left:4px}
.service-detail-link{gap:8px}

@media(max-width:900px){
  .hero h1>span{white-space:normal;text-wrap:balance}
  .hero-copy{width:100%;max-width:100%;min-width:0}
}
@media(min-width:651px) and (max-width:900px){
  .hero.frame{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:18px;height:auto;min-height:0;padding:48px 36px 22px;overflow:hidden}
  .hero .hero-copy{grid-row:1;position:relative;inset:auto;translate:none}
  .hero .hero-art.original-hand{grid-row:2;position:relative;inset:auto;width:100%;max-width:none;height:420px;margin:0}
  .hero .hero-art.original-hand .hand-rigid-layer,.hero .hero-art.original-hand .service-orbit{width:1000px;height:auto;aspect-ratio:7/3;left:calc(50% - 673.363px);right:auto;max-width:none;translate:0 -50%}
  .hero .hero-art.original-hand .service-orbit{top:50%}
  .hero .hero-art.original-hand .hand-rigid-layer{top:calc(50% + 70px)}
  .hero .hero-bottom{grid-row:3;position:relative;inset:auto;width:100%}
}
@media(max-width:650px){
  .hero.frame{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:18px;height:auto;min-height:0;padding:36px 20px 20px;overflow:hidden}
  .hero .hero-copy{grid-row:1;position:relative;inset:auto;translate:none;width:100%;max-width:none;min-width:0}
  .hero h1{font-size:clamp(28px,8.2vw,34px);line-height:1.12;letter-spacing:-.035em;width:100%;max-width:none}
  .hero h1>span,.hero h1>span:first-child{max-width:none;white-space:normal;text-wrap:balance}
  .hero-copy .button{display:inline-flex;align-items:center;justify-content:flex-start;gap:18px;align-self:flex-start;width:max-content;max-width:100%;min-height:50px;margin-top:24px;padding:14px 18px;font-size:12px;line-height:1.35;white-space:nowrap}
  .hero-cta-desktop{display:none}
  .hero-cta-mobile{display:inline}
  .hero .hero-art.original-hand{grid-row:2;position:relative;inset:auto;width:100%;max-width:none;height:clamp(330px,100vw,400px);margin:0;translate:none}
  .hero .hero-art.original-hand .hand-rigid-layer,.hero .hero-art.original-hand .service-orbit{width:270%;height:auto;aspect-ratio:7/3;left:-131.808%;right:auto;max-width:none;translate:0 -50%}
  .hero .hero-art.original-hand .service-orbit{top:50%}
  .hero .hero-art.original-hand .hand-rigid-layer{top:calc(50% + 70px)}
  .hero .hero-bottom{grid-row:3;position:relative;inset:auto;display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;font-size:10px}
  .hero-bottom p{font-size:10px;line-height:1.7;max-width:100%}
  .hero .motion-toggle{align-self:flex-end;font-size:10px;min-height:44px;padding:8px 0}
}
@media(max-width:350px){
  .hero.frame{padding-inline:18px;padding-top:30px}
  .hero-copy .button{font-size:11px;gap:14px;padding-inline:16px;min-height:48px}
}