.bg-phone-scene{--phone-x:0;--phone-y:0;--phone-lift:0px;--phone-scale:1;--phone-surface:hsl(var(--card));--phone-soft:hsl(var(--muted));--phone-ink:hsl(var(--foreground));--phone-muted:hsl(var(--muted-foreground));--phone-edge:hsl(var(--foreground)/.13);--phone-shadow:0 28px 60px -22px hsl(var(--foreground)/.25);--phone-reflection:linear-gradient(125deg,hsl(var(--background)/.6),transparent 35%,transparent 75%,hsl(var(--foreground)/.04));position:relative;width:100%;max-width:590px;height:620px;margin:auto;perspective:1100px;color:var(--phone-ink);isolation:isolate}
.dark .bg-phone-scene{--phone-shadow:0 30px 65px -18px #0009;--phone-edge:hsl(var(--foreground)/.18);--phone-reflection:linear-gradient(125deg,#ffffff0c,transparent 35%,transparent 75%,#ffffff03)}
.bg-phone-stage{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:translateY(var(--phone-lift)) rotateX(calc(var(--phone-y)*-7deg)) rotateY(calc(var(--phone-x)*9deg)) scale(var(--phone-scale));transition:transform .6s cubic-bezier(.2,.75,.25,1)}
.bg-phone-halo{position:absolute;inset:10% 0 5%;background:radial-gradient(ellipse,hsl(var(--primary)/.14),transparent 66%);transform:translateZ(-70px);pointer-events:none}
.bg-phone-device{position:absolute;width:278px;height:550px;left:50%;top:28px;margin-left:-139px;padding:8px;border:1px solid var(--phone-edge);border-radius:43px;background:linear-gradient(135deg,hsl(var(--foreground)/.28),var(--phone-surface) 28%,hsl(var(--foreground)/.12));box-shadow:7px 9px 0 -3px hsl(var(--foreground)/.13),var(--phone-shadow);transform:rotateY(-9deg) rotateZ(-5deg) translateZ(10px);transition:background .3s,box-shadow .3s,border-color .3s}
.bg-phone-screen{position:relative;height:100%;padding:14px 18px 20px;overflow:hidden;border:1px solid var(--phone-edge);border-radius:35px;background:var(--phone-surface);color:var(--phone-ink)}
.bg-phone-screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:var(--phone-reflection)}
.bg-phone-status{height:28px;display:flex;justify-content:space-between;font-size:11px;font-weight:650;align-items:flex-start}.bg-phone-island{width:70px;height:19px;background:var(--phone-ink);border-radius:20px;margin-top:-4px}.bg-phone-brand{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:750;letter-spacing:.06em;margin:6px 0 18px}.bg-phone-symbol{font-size:25px;line-height:1;color:hsl(var(--primary))}.bg-phone-menu{margin-left:auto;font-size:15px}.bg-phone-eyebrow{font-size:8px;font-weight:700;letter-spacing:.12em;color:hsl(var(--primary))}.bg-phone-intro h3{font-size:23px;line-height:1.18;font-weight:700;letter-spacing:-.8px;margin:10px 0}.bg-phone-intro p{font-size:10px;color:var(--phone-muted);margin:0 0 18px}.bg-phone-action{display:flex;justify-content:space-between;align-items:center;background:hsl(var(--primary));color:#fff;border-radius:10px;padding:12px 14px;font-size:12px;font-weight:650;box-shadow:0 5px 16px hsl(var(--primary)/.16)}.bg-phone-call{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;font-size:12px;font-weight:600;border:1px solid var(--phone-edge);border-radius:10px;margin-top:8px}.bg-phone-scene svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.bg-phone-services{margin-top:15px;font-size:11px}.bg-phone-services>span{font-weight:700}.bg-phone-services>div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--phone-edge);color:var(--phone-muted)}.bg-phone-review{display:flex;gap:9px;align-items:center;font-size:10px;margin-top:14px;font-weight:600}.bg-phone-review svg{color:hsl(var(--primary))}.bg-phone-review small{font-weight:400;color:var(--phone-muted);font-size:9px}.bg-phone-home{position:absolute;bottom:9px;left:35%;width:30%;height:4px;background:var(--phone-ink);opacity:.65;border-radius:4px}.bg-phone-float{position:absolute;display:flex;align-items:center;gap:12px;padding:17px 19px;border:1px solid var(--phone-edge);border-radius:16px;background:var(--phone-surface);box-shadow:var(--phone-shadow);transform:translate3d(calc(var(--phone-x)*var(--depth)),calc(var(--phone-y)*var(--depth)),60px);transition:transform .6s cubic-bezier(.2,.75,.25,1),background .3s,box-shadow .3s,border-color .3s}.bg-phone-float div{display:flex;flex-direction:column;gap:4px}.bg-phone-float small{font-size:9px;letter-spacing:.14em;font-weight:600;color:var(--phone-muted)}.bg-phone-float strong{font-size:14px;font-weight:650;white-space:nowrap}.bg-phone-float div>span{font-size:11px;color:var(--phone-muted)}.bg-phone-card-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:hsl(var(--primary)/.1);color:hsl(var(--primary))}.bg-phone-enquiry{--depth:22px;top:113px;right:0}.bg-phone-location{--depth:12px;bottom:110px;left:0}.bg-phone-caption{position:absolute;bottom:0;width:100%;text-align:center;font-size:9px;letter-spacing:.18em;color:var(--phone-muted)}
@media(max-width:1023px),(hover:none),(pointer:coarse){.bg-phone-stage{animation:bg-phone-idle 7s ease-in-out infinite}.bg-phone-scene{max-width:520px}.bg-phone-float{transform:translateZ(35px)}}
@media(max-width:560px){.bg-phone-scene{height:540px;max-width:380px}.bg-phone-device{transform:scale(.85) rotateY(-9deg) rotateZ(-5deg);transform-origin:top center;top:25px}.bg-phone-float{padding:12px;gap:8px}.bg-phone-float strong{font-size:12px}.bg-phone-float div>span{font-size:10px}.bg-phone-card-icon{width:30px;height:30px}.bg-phone-enquiry{top:98px;right:0}.bg-phone-location{bottom:85px;left:0}.bg-phone-caption{bottom:10px}}
@keyframes bg-phone-idle{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(prefers-reduced-motion:reduce){.bg-phone-stage,.bg-phone-float,.bg-phone-device{animation:none!important;transition:none!important}.bg-phone-stage{transform:none!important}.bg-phone-float{transform:translateZ(35px)!important}}

/* Horizontal touch exploration keeps native vertical scrolling and pinch zoom. */
.bg-phone-scene{touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none}
.bg-phone-scene[data-touch-active] .bg-phone-stage{animation:none}
.bg-phone-scene[data-touch-active] .bg-phone-float{transform:translate3d(calc(var(--phone-x)*var(--depth)),calc(var(--phone-y)*var(--depth)),35px)}

/* Homepage hero: desktop-scale tablet composition, compact mobile sequence. */
.bg-home-hero-mobile-copy{display:none}
@media(min-width:768px) and (max-width:1023px){
  .bg-home-hero{min-height:90vh!important;align-items:center!important;padding-top:6rem!important;padding-bottom:5rem!important}
  .bg-home-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)!important;gap:1.5rem!important;align-items:center!important}
  .bg-home-hero-copy > * + *{margin-top:1.25rem!important}
  .bg-home-hero-desktop-copy{display:block!important}
  .bg-home-hero-mobile-copy{display:none!important}
  .bg-home-hero-actions{padding-top:.25rem!important;align-items:center!important}
  .bg-home-hero-actions>a,.bg-home-hero-actions button{width:auto!important}
  .bg-home-hero .bg-phone-scene{height:460px;max-width:460px;margin-top:0}
  .bg-home-hero .bg-phone-device{top:18px;transform:scale(.76) rotateY(-8deg) rotateZ(-4deg);transform-origin:top center}
  .bg-home-hero .bg-phone-enquiry{top:88px;right:0}
  .bg-home-hero .bg-phone-location{bottom:76px;left:0}
}
@media(max-width:767px){
  .bg-home-hero{min-height:unset!important;align-items:flex-start!important;padding-top:3.25rem!important;padding-bottom:0!important}
  .bg-home-hero-grid{gap:1.35rem!important}
  .bg-home-hero-copy{gap:1.1rem!important}
  .bg-home-hero-copy > * + *{margin-top:1rem!important}
  .bg-home-hero-desktop-copy{display:none!important}
  .bg-home-hero-mobile-copy{display:block!important}
  .bg-home-hero-support{font-size:1.0625rem;line-height:1.55}
  .bg-home-hero-actions{padding-top:.45rem!important;align-items:stretch!important}
  .bg-home-hero-actions>a,.bg-home-hero-actions button{width:100%}
  .bg-home-hero .bg-phone-scene{height:390px;max-width:420px;margin-top:0}
  .bg-home-hero .bg-phone-device{top:12px;transform:scale(.70) rotateY(-7deg) rotateZ(-3deg);transform-origin:top center}
  .bg-home-hero .bg-phone-enquiry{top:78px;right:1%}
  .bg-home-hero .bg-phone-location{bottom:68px;left:1%}
  .bg-home-hero .bg-phone-caption{bottom:4px}
}
@media(max-width:560px){
  .bg-home-hero{padding-top:2.5rem!important}
  .bg-home-hero-copy{gap:1rem!important}
  .bg-home-hero .bg-phone-scene{height:330px;max-width:350px}
  .bg-home-hero .bg-phone-device{top:10px;transform:scale(.58) rotateY(-6deg) rotateZ(-2deg)}
  .bg-home-hero .bg-phone-float{padding:10px 11px;gap:7px;border-radius:13px}
  .bg-home-hero .bg-phone-float strong{font-size:11px}
  .bg-home-hero .bg-phone-float small{font-size:8px}
  .bg-home-hero .bg-phone-float div>span{font-size:9px}
  .bg-home-hero .bg-phone-card-icon{width:27px;height:27px}
  .bg-home-hero .bg-phone-enquiry{top:57px;right:0}
  .bg-home-hero .bg-phone-location{bottom:50px;left:0}
}