/* Compositor-only motion. Static paint supplies the light; transforms move it. */
:root{--bg:#05090f;--surface:#0b1119;--line:rgba(148,197,210,.12);--accent:#6ee7c8;--accent-2:#38bdf8;--text:#e8f0f2;--muted:#93a7b0;--radius:18px;--black:var(--bg);--panel:var(--surface);--white:var(--text);--cyan:var(--accent);--cyan-ink:#08241f}
body{isolation:isolate;background:var(--bg);color:var(--text)}
body::before{content:"";position:fixed;inset:-10%;z-index:-1;pointer-events:none;background:radial-gradient(60rem 40rem at 15% -10%,rgba(56,189,248,.08),transparent 60%),radial-gradient(50rem 36rem at 85% 10%,rgba(110,231,200,.07),transparent 60%),radial-gradient(70rem 50rem at 50% 110%,rgba(56,189,248,.05),transparent 60%);animation:aurora 24s ease-in-out infinite alternate}
@keyframes aurora{to{transform:translate3d(0,-2%,0) scale(1.05)}}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
::selection{color:var(--text);background:rgba(110,231,200,.25)}
.site-header{background:rgba(5,9,15,.92);border-bottom:1px solid transparent}
.site-header.scrolled{backdrop-filter:blur(12px);background:rgba(5,9,15,.72);border-bottom-color:var(--line)}
.brand small{color:var(--accent)}
.hero-surface{border:1px solid var(--line);background:#0b151e;box-shadow:inset 0 1px 0 rgba(110,231,200,.15),0 30px 80px -40px rgba(0,0,0,.8)}
.hero-surface::before{background:radial-gradient(ellipse at 80% 15%,#38bdf81a,transparent 55%),radial-gradient(ellipse at 95% 95%,#6ee7c826,transparent 50%),linear-gradient(115deg,#0b1119 15%,#10262b)}
.hero-content{position:relative;min-height:35rem}
.hero h1{letter-spacing:-.03em;line-height:1.02}
.hero h1 span{color:var(--text)}
.hero h1 em{font-style:normal;background:linear-gradient(100deg,var(--accent),var(--accent-2) 70%);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-copy>p{color:#aec1c8}
.btn-primary{background:var(--accent);color:var(--cyan-ink)}
.btn-primary:hover{background:#91efda}
.btn{position:relative;isolation:isolate}
.header-call::before,.hero .btn-primary::before{content:"";position:absolute;inset:0;z-index:-1;border:1px solid var(--accent);border-radius:inherit;box-shadow:0 0 12px #6ee7c840;pointer-events:none;animation:phone-pulse 2.8s ease-out infinite}
@keyframes phone-pulse{0%{transform:scale(1);opacity:.6}70%,100%{transform:scale(1.12,1.4);opacity:0}}
.card{position:relative;isolation:isolate;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:transform .35s cubic-bezier(.22,.61,.36,1)}
.card>*{position:relative;z-index:1}
.card::before,.card::after{content:"";position:absolute;pointer-events:none;z-index:0;opacity:0;transition:opacity .35s}
/* A prepainted spotlight moves as a layer, rather than repainting its gradient. */
.card::before{top:0;left:0;width:48rem;height:48rem;background:radial-gradient(circle,rgba(110,231,200,.11),transparent 60%);transform:translate3d(calc(var(--mx,0px) - 50%),calc(var(--my,0px) - 50%),0)}
.card::after{inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,rgba(110,231,200,.5),rgba(56,189,248,.15) 40%,transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.card:focus-within::after{opacity:1}
@media(hover:hover) and (pointer:fine){.motion-on .card:hover{transform:translateY(-3px)}.motion-on .card:hover::before,.motion-on .card:hover::after{opacity:1}}
.hero-info{background:#09171caa;backdrop-filter:blur(10px)}
.gh-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:1.35rem;color:var(--accent);background:#6ee7c80a;border:1px solid #6ee7c822;border-radius:12px}
.service-card .gh-icon svg{width:25px;height:25px;float:none;margin:0;color:inherit}
.diagnostic-panel{background:linear-gradient(115deg,#12282b,#0b1720);border:1px solid var(--line);border-radius:var(--radius)}
.eyebrow{font-size:.75rem;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem}
.journey{padding-top:3.5rem;padding-bottom:5rem}
.journey .section-heading{margin-bottom:3.5rem}
.journey-track{position:relative}
.journey-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3.5rem;margin:0;padding:0;list-style:none}
.journey-line{position:absolute;left:28px;top:28px;right:calc((100% - 7rem)/3 - 28px);height:2px;background:var(--line);pointer-events:none}
.journey-fill{position:absolute;inset:0;transform-origin:top left;background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:0 0 12px rgba(110,231,200,.6);transform:scaleX(1)}
.step{position:relative;opacity:1;transition:opacity .5s ease}
.step-icon{display:grid;place-items:center;position:relative;width:56px;height:56px;border:1px solid #25433e;border-radius:16px;background:#0b171c;color:var(--accent)}
.step-icon svg{width:24px;height:24px;z-index:1}
.step-icon::before{content:"";position:absolute;inset:-1px;border:1px solid var(--accent);border-radius:inherit;box-shadow:0 0 24px #6ee7c859,inset 0 0 12px #6ee7c81f;opacity:1;transition:opacity .5s ease}
.step-body{padding-top:1.6rem;transition:transform .5s ease}
.step-number{display:block;font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;color:var(--accent);margin-bottom:.65rem}
.step h3{font-size:1.3rem;margin-bottom:.8rem}
.step p{font-size:.9375rem;max-width:23rem}
.motion-on .step:not(.active){opacity:.4}
.motion-on .step:not(.active) .step-body{transform:translateY(10px)}
.motion-on .step:not(.active) .step-icon::before{opacity:0}
.journey-link{margin-top:2.5rem}
.reviews-section{border-top:1px solid var(--line)}
.rating-link>strong{display:flex;align-items:center;gap:.5rem}
.rating-link .counter{color:inherit;font:inherit;margin:0;vertical-align:bottom}
.counter{display:inline-block;position:relative;font-variant-numeric:tabular-nums;height:1em;line-height:1!important;overflow:hidden}
.rating-link .counter span{font:inherit;color:inherit;margin:0}
.counter-track{display:flex;flex-direction:column;transform:translateY(calc(-100% + 1em))}
.counter-track>span{display:block;flex:0 0 1em;height:1em;line-height:1;color:inherit!important;font:inherit!important;margin:0!important}
.counter.counting .counter-track{animation:count-up 1s cubic-bezier(.16,.7,.2,1) both}
@keyframes count-up{from{transform:translateY(0)}to{transform:translateY(calc(-100% + 1em))}}
.rating-star{filter:drop-shadow(0 0 6px rgba(110,231,200,.5))}
.shop-section{background:linear-gradient(115deg,#0b1119cc,#0b1d2480);border-block:1px solid var(--line)}
.shop-photo img{border:1px solid var(--line)}
.booking-intro{display:block;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(110deg,#102825,#0b151f)}
.gh-cta__row{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2.75rem}
.gh-plus{vertical-align:middle;margin-right:.5rem;transition:transform .3s}
.service-planner[open] .gh-plus{transform:rotate(45deg)}
.site-footer{background:#05090f;border-top:1px solid var(--line)}
/* Progressive enhancement: no script or missing observer leaves content visible. */
.reveal{transition:opacity .6s ease,transform .6s cubic-bezier(.22,.61,.36,1)}
.reveal-ready .reveal:not(.in){opacity:0;transform:translateY(18px)}
.reveal-ready .reveal:focus-within{opacity:1;transform:none;transition-delay:0s!important}
.reveal{transition-delay:var(--delay,0ms)}
.card.in:hover{transition-delay:0s}
@media(max-width:900px){.hero-content{gap:2rem}.journey-steps{gap:2rem}.journey-line{right:calc((100% - 4rem)/3 - 28px)}}
@media(max-width:700px){.hero-content{min-height:0}.journey .section-heading{margin-bottom:2.5rem}.journey-steps{grid-template-columns:1fr;gap:2.5rem}.step{display:grid;grid-template-columns:56px 1fr;gap:1.5rem}.step-body{padding:0}.step p{max-width:none}.journey-line{top:28px;left:28px;right:auto;bottom:28px;width:2px;height:auto}.journey-fill{background:linear-gradient(180deg,var(--accent),var(--accent-2))}.journey-link{margin-left:80px}.gh-cta__row{display:block;padding:1.75rem}.gh-cta__row .btn{margin-top:1.5rem}}
@media(max-width:480px){.gh-icon{float:right;margin:0 0 .75rem 1rem}.hero-info h2{display:block}.step{gap:1.1rem}.journey-link{margin-left:74px}}