:root{--navy:#0b2139;--blue:#173e63;--cyan:#45c8e8;--purple:#a86bd8;--pink:#e762a6;--paper:#f5f8fb;--ink:#142335;--muted:#607080;--line:#dce5ed}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Nunito Sans",sans-serif;font-size:17px;line-height:1.6}.skip{position:fixed;left:1rem;top:-6rem;z-index:99;background:#fff;padding:.8rem 1rem;color:var(--navy)}.skip:focus{top:1rem}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{height:94px;padding:0 clamp(1.25rem,4vw,4.5rem);display:flex;align-items:center;gap:2rem;background:rgba(9,29,51,.96);color:#fff;position:absolute;top:0;left:0;right:0;z-index:10;border-bottom:1px solid rgba(255,255,255,.12)}.brand img{width:205px;height:auto}.site-header nav{display:flex;gap:2rem;margin-left:auto}.site-header nav a{font:600 .85rem "Montserrat",sans-serif;letter-spacing:.04em;position:relative}.site-header nav a:after{content:"";position:absolute;left:0;bottom:-.5rem;width:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--pink));transition:.25s}.site-header nav a:hover:after{width:100%}.call-chip{margin-left:1rem;border-left:1px solid rgba(255,255,255,.25);padding-left:1.5rem;line-height:1.25}.call-chip small,.call-chip strong{display:block}.call-chip small{text-transform:uppercase;letter-spacing:.12em;color:var(--cyan);font-size:.65rem}.call-chip strong{font-family:Montserrat,sans-serif;font-size:.95rem}.menu{display:none;background:none;border:0;margin-left:auto}.menu span{display:block;width:28px;height:2px;background:#fff;margin:5px}
.hero{min-height:790px;height:92vh;position:relative;display:flex;align-items:center;color:#fff;overflow:hidden}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,22,40,.96) 0%,rgba(8,31,54,.82) 38%,rgba(8,31,54,.16) 68%),linear-gradient(0deg,rgba(7,28,49,.65),transparent 45%)}.hero-content{position:relative;z-index:2;width:min(720px,88%);margin:90px 0 0 clamp(1.5rem,8vw,8.5rem)}.eyebrow{font:700 .74rem Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.15em;color:#d4e9f5;display:flex;align-items:center;gap:.65rem;margin:0 0 1.3rem}.eyebrow span{width:32px;height:3px;background:linear-gradient(90deg,var(--cyan),var(--pink));border-radius:3px}.eyebrow.dark{color:var(--blue)}h1,h2,h3{font-family:Montserrat,sans-serif;line-height:1.08;margin:0}h1{font-size:clamp(3rem,6vw,5.8rem);letter-spacing:-.055em;max-width:780px}h1 em,h2 em{font-style:normal;color:var(--cyan)}.hero-copy{max-width:610px;font-size:1.25rem;color:#d7e0e9;margin:1.6rem 0 2rem}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:1.5rem;padding:.95rem 1.3rem;font:700 .86rem Montserrat,sans-serif;border:1px solid rgba(255,255,255,.48);border-radius:3px;transition:.25s}.button.primary{background:linear-gradient(100deg,#2584b8,#9e60d4);border:0}.button:hover{transform:translateY(-2px);filter:brightness(1.08)}.trust-row{display:flex;gap:0;margin-top:3rem}.trust-row div{padding:0 1.6rem;border-left:1px solid rgba(255,255,255,.25)}.trust-row div:first-child{padding-left:0;border:0}.trust-row b,.trust-row span{display:block}.trust-row b{font:700 1rem Montserrat,sans-serif}.trust-row span{font-size:.78rem;color:#aebfce}.scroll-cue{position:absolute;right:2.5rem;bottom:2rem;z-index:2;writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.14em;font:600 .65rem Montserrat,sans-serif;color:#d4e1ec}.scroll-cue span{margin-top:.8rem;color:var(--cyan);font-size:1.2rem}
.section{padding:clamp(5rem,8vw,8.5rem) clamp(1.4rem,7vw,7.5rem)}.section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:5rem;align-items:end;margin-bottom:4rem}.section h2{font-size:clamp(2.3rem,4vw,4.7rem);letter-spacing:-.045em}.section-head>p{max-width:510px;color:var(--muted);font-size:1.08rem}.section-head h2 em{color:#8e58c4}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service{min-height:330px;padding:2rem;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;position:relative;transition:.3s}.service:hover{transform:translateY(-5px);box-shadow:0 18px 50px rgba(25,52,77,.12);z-index:2}.service.featured{background:var(--navy);color:#fff}.service .num{position:absolute;right:1.3rem;top:1.15rem;color:#9caab7;font:600 .72rem Montserrat}.service .icon{font-size:2rem;color:#50bedf;margin-bottom:3rem}.service h3{font-size:1.28rem;letter-spacing:-.02em}.service p{color:var(--muted);font-size:.95rem;flex:1}.service.featured p{color:#b9c7d3}.service b{font:700 .78rem Montserrat,sans-serif;color:#326787}.service.featured b{color:var(--cyan)}.service b span{float:right}
.about{background:var(--navy);color:#fff;display:grid;grid-template-columns:minmax(320px,1fr) minmax(360px,.9fr);gap:clamp(3rem,7vw,8rem);align-items:center}.about-photo{position:relative}.about-photo:before{content:"";position:absolute;inset:-14px 14px 14px -14px;border:1px solid rgba(69,200,232,.45);z-index:0}.about-photo img{position:relative;aspect-ratio:4/3;object-fit:cover;z-index:1}.photo-note{position:absolute;right:-1rem;bottom:1.5rem;z-index:2;background:#fff;color:var(--navy);padding:.8rem 1rem;font:700 .72rem Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.08em}.about-copy h2{font-size:clamp(2.2rem,4vw,4.2rem)}.about-copy .lead{font-size:1.2rem;color:#fff;margin-top:2rem}.about-copy>p:not(.eyebrow):not(.lead){color:#b8c7d5}.about-copy blockquote{margin:2rem 0;padding-left:1.4rem;border-left:3px solid var(--pink);font:600 1.08rem Montserrat,sans-serif;color:#d9e8f1}.signature{font:700 1.05rem Montserrat,sans-serif;margin-bottom:2rem}.signature span{display:block;font:400 .8rem "Nunito Sans";color:#8fa6b9}.text-link{font:700 .8rem Montserrat,sans-serif;color:var(--cyan);text-transform:uppercase;letter-spacing:.06em}.text-link span{margin-left:1rem}
.inhome{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(3rem,6vw,7rem);align-items:center;background:#eef4f8}.inhome img{width:100%;min-height:480px;object-fit:cover}.inhome-copy p{color:var(--muted)}.inhome-copy ul{list-style:none;padding:0;margin:2rem 0 0;display:grid;gap:.7rem}.inhome-copy li:before{content:"✓";color:#8552c1;margin-right:.75rem;font-weight:bold}
.reviews{background:linear-gradient(125deg,#0c2845,#213b64 55%,#552d72);color:#fff}.review-layout{display:grid;grid-template-columns:.85fr 1fr 1fr;gap:1.5rem;align-items:stretch}.reviews h2{font-size:clamp(2.5rem,4vw,4.2rem);margin-bottom:1.2rem}.stars{letter-spacing:.25em;color:#65d3ed}.review-card{margin:0;padding:2.4rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);display:flex;flex-direction:column}.review-card blockquote{margin:0;font-size:1.08rem;flex:1}.review-card figcaption{padding-top:2rem;border-top:1px solid rgba(255,255,255,.15)}.review-card b,.review-card span{display:block}.review-card span{font-size:.78rem;color:#a8bdd0}
.contact{display:grid;grid-template-columns:1.15fr .85fr;gap:4rem;align-items:center;background:#fff}.contact h2 em{color:#8e58c4}.contact-actions a{display:block;font:700 clamp(1.4rem,3vw,2.5rem) Montserrat,sans-serif;color:var(--blue);padding:1rem 0;border-bottom:1px solid var(--line)}.contact-actions a:nth-child(2){font-size:1rem}.contact-actions p{color:var(--muted)}footer{padding:2.5rem clamp(1.4rem,7vw,7.5rem);background:#071a2c;color:#9fb2c3;display:grid;grid-template-columns:auto 1fr 2fr auto;gap:2rem;align-items:center;font-size:.78rem}footer .brand img{width:160px}footer .legal{max-width:560px}.menu{cursor:pointer}
@media(max-width:950px){.site-header{height:78px}.site-header nav,.site-header .call-chip{display:none}.menu{display:block}.site-header.open{height:auto;min-height:78px;align-items:flex-start;padding-top:20px;flex-wrap:wrap}.site-header.open nav{display:flex;width:100%;flex-direction:column;padding:1rem 0 1.5rem}.hero{min-height:760px}.hero-content{margin-left:1.5rem}.hero-shade{background:linear-gradient(90deg,rgba(5,22,40,.95),rgba(8,31,54,.56))}.section-head{grid-template-columns:1fr;gap:1.5rem}.service-grid{grid-template-columns:repeat(2,1fr)}.about,.inhome,.contact{grid-template-columns:1fr}.review-layout{grid-template-columns:1fr}.review-card{min-height:280px}footer{grid-template-columns:1fr 1fr}.legal{grid-column:1/-1}}
@media(max-width:620px){body{font-size:16px}.brand img{width:165px}.hero{height:auto;min-height:760px}.hero-photo{object-position:66% center}.hero-content{padding:8rem 0 3rem;margin-top:30px}.hero-copy{font-size:1.05rem}.trust-row{gap:0}.trust-row div{padding:0 .75rem}.trust-row span{font-size:.68rem}.scroll-cue{display:none}.section{padding:4.5rem 1.25rem}.service-grid{grid-template-columns:1fr}.service{min-height:285px}.about{gap:3rem}.about-photo{margin-left:.8rem}.photo-note{right:0}.inhome img{min-height:320px}.contact{gap:2rem}footer{grid-template-columns:1fr;gap:.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;border:0;perspective:1300px}.service-card{height:370px;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;perspective:1100px;font:inherit}.card-inner{position:relative;display:block;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d}.service-card.flipped .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;padding:2rem;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 10px 35px rgba(20,35,53,.07);backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-front.featured{background:var(--navy);color:#fff;border-color:var(--navy)}.service-card:hover .card-inner{transform:translateY(-7px) rotateX(1.5deg)}.service-card.flipped:hover .card-inner{transform:translateY(-7px) rotateY(180deg)}.card-face .num{position:absolute;right:1.3rem;top:1.15rem;color:#9caab7;font:600 .72rem Montserrat}.card-face .icon{width:50px;height:50px;padding:11px;border-radius:14px;background:linear-gradient(145deg,rgba(69,200,232,.16),rgba(168,107,216,.16));color:#37b8da;margin-bottom:2.4rem}.icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.card-face h3{font-size:1.28rem;letter-spacing:-.02em}.card-face p{color:var(--muted);font-size:.95rem;flex:1}.featured p{color:#b9c7d3}.card-face>b{font:700 .78rem Montserrat,sans-serif;color:#326787}.featured>b{color:var(--cyan)}.card-face>b span{float:right}.card-back{transform:rotateY(180deg);background:linear-gradient(145deg,#102e4c,#2f3564 64%,#6b3c84);color:#fff;justify-content:center;text-align:center;border:0}.card-back small{text-transform:uppercase;letter-spacing:.14em;color:#9bdcf0;font:700 .7rem Montserrat}.card-back strong{font:800 3.4rem Montserrat;margin:.5rem 0}.card-back strong em{font-size:1rem;font-style:normal;color:#bcd0df}.card-back p{flex:0;color:#d5e1ea;margin:.2rem 0 1.2rem}.coupon{display:block;padding:1rem;border:1px dashed #74d5e9;border-radius:8px;background:rgba(255,255,255,.07);font-size:.85rem}.coupon b{display:block;color:#fff;font:800 .72rem Montserrat;letter-spacing:.1em}.card-back i{font-style:normal;font-size:.7rem;color:#9eb3c5;margin-top:1rem}.review-layout.five{grid-template-columns:repeat(3,1fr)}.review-layout.five>div{grid-row:span 2}.contact-actions a:nth-child(2){font-size:1.3rem}
@media(max-width:950px){.review-layout.five{grid-template-columns:1fr 1fr}.review-layout.five>div{grid-row:auto;grid-column:1/-1}.service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.service-grid,.review-layout.five{grid-template-columns:1fr}.service-card{height:365px}.review-layout.five>div{grid-column:auto}.hero h1{font-size:clamp(2.8rem,13vw,4rem)}}
.rating{font:800 2rem Montserrat,sans-serif}.rating .stars{font-size:1rem;margin-left:.4rem}.rating small{display:block;margin-top:.25rem;color:#b8c7d5;font:600 .75rem "Nunito Sans",sans-serif}
.fast-start{display:inline-flex;flex-direction:column;align-items:flex-start;max-width:610px;margin-top:1.1rem;padding:1rem 1.25rem;border:1px solid rgba(255,255,255,.28);border-radius:6px;background:linear-gradient(100deg,#2584b8,#8e55c8);box-shadow:0 12px 30px rgba(0,0,0,.24);transition:.25s}.fast-start:hover{filter:brightness(1.08);transform:translateY(-2px)}.fast-start b{font:800 .92rem Montserrat,sans-serif;color:#fff}.fast-start b span{margin-left:.7rem}.fast-start small{font-size:.76rem;color:#e4edf4}.card-front.featured{background:#fff;color:var(--ink);border-color:var(--line)}.card-front.featured p{color:var(--muted)}.card-front.featured>b{color:#326787}
.footer-contact-status{display:block;margin-top:.45rem;color:#9fb2c2;font-size:.72rem}
.brand-lockup{display:flex;flex-direction:column;align-items:flex-start;line-height:1}.brand-lockup img{width:235px}.brand-lockup small{margin:-2px 0 0 55px;color:#c4d3df;font:600 .52rem Montserrat,sans-serif;letter-spacing:.04em}.service-card{height:420px}.service-art{width:118px;height:95px;object-fit:contain;margin:-.35rem 0 1rem;filter:saturate(.92)}.card-face h3{position:relative;z-index:2}.back-art{position:absolute;right:-14px;top:-10px;width:145px;height:145px;object-fit:contain;opacity:.13;mix-blend-mode:screen}.card-back>*:not(.back-art){position:relative;z-index:1}
@media(max-width:620px){.brand-lockup img{width:195px}.brand-lockup small{margin-left:44px;font-size:.44rem}.service-card{height:405px}.service-art{width:108px;height:88px}}
.service-grid .ps5-card{grid-column:2}.contact-actions a:nth-child(3){font-size:1rem;padding:.7rem 0}.contact-actions a:nth-child(2){padding:.7rem 0}@media(max-width:950px){.service-grid .ps5-card{grid-column:auto}}@media(max-width:620px){.contact-actions a:nth-child(2),.contact-actions a:nth-child(3){font-size:1rem}}
.hero-content>.eyebrow{transform:translateY(-14px);margin-bottom:.7rem}.local-landscape{position:relative;margin:0;overflow:hidden;min-height:480px}.local-landscape img{width:100%;height:100%;min-height:480px;object-fit:cover}.local-landscape figcaption{position:absolute;left:1rem;bottom:1rem;padding:.55rem .75rem;background:rgba(7,26,44,.86);color:#fff;font:700 .68rem Montserrat,sans-serif;letter-spacing:.05em}.local-landscape figcaption span{display:block;color:#bad0df;font:500 .56rem "Nunito Sans",sans-serif}@media(max-width:620px){.fast-start{display:flex;width:100%}.hero-content>.eyebrow{transform:translateY(-8px)}.local-landscape,.local-landscape img{min-height:320px}}
.flag-stage{position:relative;min-height:430px;padding:34px 20px 20px 56px;display:flex;align-items:center;justify-content:center;perspective:900px}.flag-stage:after{content:"";position:absolute;left:42px;right:0;bottom:42px;height:34px;background:radial-gradient(ellipse,rgba(0,0,0,.32),transparent 68%);filter:blur(8px)}.flag-pole{position:absolute;left:38px;top:2px;bottom:42px;width:8px;border-radius:8px;background:linear-gradient(90deg,#91a7b8,#f5fbff 48%,#657d91);box-shadow:0 5px 20px rgba(0,0,0,.35)}.flag-pole:before{content:"";position:absolute;left:50%;top:-14px;transform:translateX(-50%);width:22px;height:22px;border-radius:50%;background:linear-gradient(145deg,#fff,#6e879a)}.servo-flag{position:relative;width:min(470px,100%);aspect-ratio:1.55/1;padding:12% 8% 8%;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(125deg,#0f3659 0%,#164a70 48%,#4e3470 100%);border:1px solid rgba(255,255,255,.22);box-shadow:22px 24px 42px rgba(0,0,0,.28);transform-origin:left center;animation:servo-wave 4.8s ease-in-out infinite;overflow:hidden;clip-path:polygon(0 0,98% 3%,100% 48%,97% 97%,0 100%)}.servo-flag:before{content:"";position:absolute;inset:-30%;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.16) 46%,transparent 62%);animation:flag-shine 4.8s ease-in-out infinite}.servo-flag img{position:relative;width:92%;z-index:1}.servo-flag>span{position:relative;z-index:1;margin:.4rem 0 0 18%;color:#d5e6f0;font:700 clamp(.55rem,1.2vw,.78rem) Montserrat,sans-serif;letter-spacing:.1em;text-transform:uppercase}.flag-stage>p{position:absolute;z-index:2;bottom:0;left:58px;margin:0;color:#9eb5c7;font:700 .7rem Montserrat,sans-serif;letter-spacing:.12em;text-transform:uppercase}@keyframes servo-wave{0%,100%{transform:rotateY(-4deg) skewY(0deg) translateY(0)}25%{transform:rotateY(7deg) skewY(1.5deg) translateY(-4px)}50%{transform:rotateY(-1deg) skewY(-1deg) translateY(2px)}75%{transform:rotateY(5deg) skewY(1deg) translateY(-2px)}}@keyframes flag-shine{0%,100%{transform:translateX(-25%)}50%{transform:translateX(25%)}}@media(max-width:620px){.flag-stage{min-height:330px;padding-left:42px}.flag-pole{left:26px}.flag-stage>p{left:43px}.servo-flag{width:100%}}@media(prefers-reduced-motion:reduce){.servo-flag,.servo-flag:before{animation:none}}
.mini-flag{position:relative;width:70px;height:42px;margin-left:-.7rem;border-left:3px solid #d8e5ed;perspective:260px}.mini-flag:before{content:"";position:absolute;left:3px;top:3px;width:63px;height:34px;background:linear-gradient(125deg,#14527b,#533873);clip-path:polygon(0 0,96% 5%,100% 50%,95% 95%,0 100%);transform-origin:left center;animation:mini-wave 2.7s ease-in-out infinite}.mini-flag span{position:absolute;z-index:1;left:3px;top:3px;width:63px;height:34px;display:flex;align-items:center;justify-content:center;color:#fff;font:800 .54rem Montserrat,sans-serif;letter-spacing:.08em;transform-origin:left center;animation:mini-wave 2.7s ease-in-out infinite}.mini-flag span:before{content:"";display:inline-block;width:7px;height:7px;margin-right:4px;border:2px solid var(--cyan);border-top-color:var(--pink);border-radius:50%;flex:0 0 auto}@keyframes mini-wave{0%,100%{transform:rotateY(-10deg) skewY(-1deg) translateY(0)}25%{transform:rotateY(17deg) skewY(3deg) translateY(-1px)}50%{transform:rotateY(-7deg) skewY(-2deg) translateY(1px)}75%{transform:rotateY(13deg) skewY(2deg) translateY(-1px)}}.about-solo{display:block}.about-solo .about-copy{width:min(820px,100%);margin:0 auto}.about-solo .about-copy h2{max-width:760px}@media(max-width:950px){.mini-flag{margin-left:auto;margin-right:.3rem}.site-header .mini-flag+.menu{margin-left:0}}@media(max-width:620px){.mini-flag{width:58px;height:36px}.mini-flag:before,.mini-flag span{width:51px;height:29px}.mini-flag span{font-size:.45rem}.mini-flag span:before{width:6px;height:6px}}@media(prefers-reduced-motion:reduce){.mini-flag:before,.mini-flag span{animation:none}}

/* A small, optional call helper — the rest of the page stays untouched. */
.servo-helper{--mascot-size:clamp(76px,8vw,112px);--travel:calc(100vw - var(--mascot-size) - 24px);position:fixed;z-index:30;left:12px;bottom:max(8px,env(safe-area-inset-bottom));width:var(--mascot-size);height:calc(var(--mascot-size)*1.04);display:block;animation:mascot-travel 20s ease-in-out infinite;filter:drop-shadow(0 7px 8px rgba(4,22,38,.24));will-change:transform}.servo-helper:focus-visible{outline:3px solid var(--cyan);outline-offset:4px;border-radius:14px}.mascot-pose{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none}.mascot-wave{animation:pose-wave 20s linear infinite}.mascot-walk-cycle{position:absolute;inset:0;display:block;opacity:0;animation:walk-cycle-visibility 20s step-end infinite}.walk-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;animation:walk-frame .8s step-end infinite}.walk-frame-2{animation-delay:-.2s}.walk-frame-3{animation-delay:-.4s}.walk-frame-4{animation-delay:-.6s}.mascot-jack-closed{animation:pose-jack-closed 20s step-end infinite}.mascot-jack-open{animation:pose-jack-open 20s step-end infinite}
@keyframes mascot-travel{0%,8%{transform:translateX(0)}40%,55%{transform:translateX(var(--travel))}87%,100%{transform:translateX(0)}}
@keyframes pose-wave{0%,8%{opacity:1;transform:rotate(-2deg)}2%,6%{transform:rotate(3deg)}9%,100%{opacity:0}}
@keyframes walk-cycle-visibility{0%,8%,40.1%,54.9%,87.1%,100%{opacity:0}9%,40%{opacity:1;transform:scaleX(1)}55%,87%{opacity:1;transform:scaleX(-1)}}
@keyframes walk-frame{0%,24.9%{opacity:1}25%,100%{opacity:0}}
@keyframes pose-jack-closed{0%,39.9%{opacity:0}40%,41.9%{opacity:1}42%,43.9%{opacity:0}44%,45.9%{opacity:1}46%,47.9%{opacity:0}48%,49.9%{opacity:1}50%,51.9%{opacity:0}52%,55%{opacity:1}55.1%,86.9%{opacity:0}87%,89.9%{opacity:1}90%,91.9%{opacity:0}92%,93.9%{opacity:1}94%,95.9%{opacity:0}96%,97.9%{opacity:1}98%,99.4%{opacity:0}99.5%,100%{opacity:1}}
@keyframes pose-jack-open{0%,41.9%{opacity:0}42%,43.9%{opacity:1}44%,45.9%{opacity:0}46%,47.9%{opacity:1}48%,49.9%{opacity:0}50%,51.9%{opacity:1}52%,89.9%{opacity:0}90%,91.9%{opacity:1}92%,93.9%{opacity:0}94%,95.9%{opacity:1}96%,97.9%{opacity:0}98%,99.4%{opacity:1}99.5%,100%{opacity:0}}
.mascot-cartwheel{animation:pose-cartwheel 20s linear infinite;transform-origin:center center}
@keyframes walk-cycle-visibility{0%,8%,40.1%,100%{opacity:0}9%,40%{opacity:1;transform:scaleX(1)}}
@keyframes pose-cartwheel{0%,54.9%{opacity:0;transform:rotate(0)}55%{opacity:1;transform:rotate(0)}63%{opacity:1;transform:rotate(-360deg)}71%{opacity:1;transform:rotate(-720deg)}79%{opacity:1;transform:rotate(-1080deg)}87%{opacity:1;transform:rotate(-1440deg)}87.1%,100%{opacity:0;transform:rotate(-1440deg)}}
@media(max-width:620px){.servo-helper{--mascot-size:72px;--travel:calc(100vw - var(--mascot-size) - 16px);left:8px;bottom:max(6px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.servo-helper{animation:none;right:12px;left:auto}.mascot-pose,.mascot-walk-cycle,.walk-frame{animation:none}.mascot-wave{opacity:1}}

/* A rare mascot meet-and-chase Easter egg after three regular passes. */
.servo-girl{--mascot-size:clamp(76px,8vw,112px);position:fixed;z-index:29;right:12px;bottom:max(8px,env(safe-area-inset-bottom));width:var(--mascot-size);height:calc(var(--mascot-size)*1.04);display:none;opacity:0;filter:drop-shadow(0 7px 8px rgba(4,22,38,.24));pointer-events:none;will-change:transform}.girl-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0}.servo-girl.easter-mode{display:block;animation:girl-easter-run 20s linear both}.servo-girl.easter-mode .girl-frame{animation:girl-run-frame .72s step-end infinite}.servo-girl.easter-mode .girl-frame-2{animation-delay:-.18s}.servo-girl.easter-mode .girl-frame-3{animation-delay:-.36s}.servo-girl.easter-mode .girl-frame-4{animation-delay:-.54s}.servo-helper.easter-mode{animation:boy-easter-run 20s linear both;transform-origin:center bottom}.servo-helper.easter-mode .mascot-jack-closed,.servo-helper.easter-mode .mascot-jack-open{animation:none;opacity:0}.servo-helper.easter-mode .mascot-walk-cycle{animation:easter-walk-visibility 20s step-end both}.servo-helper.easter-mode .walk-frame{animation:walk-frame .72s step-end infinite}.servo-helper.easter-mode .walk-frame-1{animation-delay:0s}.servo-helper.easter-mode .walk-frame-2{animation-delay:-.18s}.servo-helper.easter-mode .walk-frame-3{animation-delay:-.36s}.servo-helper.easter-mode .walk-frame-4{animation-delay:-.54s}.servo-helper.easter-mode .mascot-wave{animation:easter-wave-pose 20s step-end both}.servo-girl.look-mode .girl-frame,.servo-girl.talk-mode .girl-frame,.servo-helper.look-mode .walk-frame,.servo-helper.talk-mode .walk-frame{animation:none;opacity:0}.servo-girl.look-mode .girl-frame-1,.servo-girl.talk-mode .girl-frame-1,.servo-helper.look-mode .walk-frame-1,.servo-helper.talk-mode .walk-frame-1{opacity:1}
@keyframes girl-run-frame{0%,24.9%{opacity:1}25%,100%{opacity:0}}
@keyframes girl-easter-run{0%{opacity:0;transform:translateX(125%) scaleX(1)}2%,18%{opacity:1;transform:translateX(0) scaleX(1)}42%{opacity:1;transform:translateX(calc(-50vw + var(--mascot-size) + 12px)) scaleX(1) rotate(0)}45%{transform:translateX(calc(-50vw + var(--mascot-size) + 12px)) scaleX(1) rotate(-2deg)}48%{transform:translateX(calc(-50vw + var(--mascot-size) + 12px)) scaleX(1) rotate(2deg)}51%{transform:translateX(calc(-50vw + var(--mascot-size) + 12px)) scaleX(1) rotate(-2deg)}54%,58%{transform:translateX(calc(-50vw + var(--mascot-size) + 12px)) scaleX(1) rotate(0)}59%{transform:translateX(calc(-50vw + var(--mascot-size) + 12px)) scaleX(-1)}76%{opacity:1;transform:translateX(125%) scaleX(-1)}77%,100%{opacity:0;transform:translateX(125%) scaleX(-1)}}
@keyframes boy-easter-run{0%,18%{transform:translateX(0) rotate(0)}42%{transform:translateX(calc(50vw - var(--mascot-size) - 12px)) rotate(0)}45%{transform:translateX(calc(50vw - var(--mascot-size) - 12px)) translateY(-2px) rotate(2deg)}48%{transform:translateX(calc(50vw - var(--mascot-size) - 12px)) translateY(1px) rotate(-2deg)}51%{transform:translateX(calc(50vw - var(--mascot-size) - 12px)) translateY(-2px) rotate(2deg)}54%,58%{transform:translateX(calc(50vw - var(--mascot-size) - 12px)) translateY(0) rotate(0)}76%,78%{transform:translateX(var(--travel)) rotate(0)}80%{transform:translateX(calc(var(--travel) - 4px)) rotate(8deg)}84%{transform:translateX(calc(var(--travel) - 28px)) translateY(14px) rotate(-68deg)}87%{transform:translateX(calc(var(--travel) - 18px)) translateY(8px) rotate(-42deg)}90%{transform:translateX(var(--travel)) translateY(0) rotate(0)}100%{transform:translateX(var(--travel)) translateY(0) rotate(0)}}
@keyframes easter-walk-visibility{0%,89%{opacity:1}90%,100%{opacity:0}}
@keyframes easter-wave-pose{0%,89%{opacity:0}90%,100%{opacity:1}}
.servo-girl.chase-mode .girl-frame,.servo-helper.chase-mode .walk-frame{animation-duration:.28s}.servo-girl.chase-mode .girl-frame-1,.servo-helper.chase-mode .walk-frame-1{animation-delay:0s}.servo-girl.chase-mode .girl-frame-2,.servo-helper.chase-mode .walk-frame-2{animation-delay:-.07s}.servo-girl.chase-mode .girl-frame-3,.servo-helper.chase-mode .walk-frame-3{animation-delay:-.14s}.servo-girl.chase-mode .girl-frame-4,.servo-helper.chase-mode .walk-frame-4{animation-delay:-.21s}
@keyframes boy-easter-run{0%,18%{transform:translateX(0) rotate(0)}42%{transform:translateX(calc(50vw - var(--mascot-size) - 12px)) rotate(0)}45%{transform:translateX(calc(50vw - var(--mascot-size) - 12px)) translateY(-2px) rotate(2deg)}48%{transform:translateX(calc(50vw - var(--mascot-size) - 12px)) translateY(1px) rotate(-2deg)}51%{transform:translateX(calc(50vw - var(--mascot-size) - 12px)) translateY(-2px) rotate(2deg)}54%,58%{transform:translateX(calc(50vw - var(--mascot-size) - 12px)) translateY(0) rotate(0)}69%,70%{transform:translateX(var(--travel)) rotate(0)}72%{transform:translateX(calc(var(--travel) - 4px)) rotate(8deg)}78%{transform:translateX(calc(var(--travel) - 32px)) translateY(16px) rotate(-72deg)}82%{transform:translateX(calc(var(--travel) - 18px)) translateY(8px) rotate(-42deg)}86%{transform:translateX(var(--travel)) translateY(0) rotate(0)}100%{transform:translateX(var(--travel)) translateY(0) rotate(0)}}
@keyframes easter-walk-visibility{0%,85%{opacity:1}86%,100%{opacity:0}}
@keyframes easter-wave-pose{0%,85%{opacity:0}86%,100%{opacity:1}}
@keyframes girl-easter-run{0%{opacity:0;transform:translateX(125%) scaleX(1)}2%,18%{opacity:1;transform:translateX(0) scaleX(1)}42%{opacity:1;transform:translateX(calc(-50vw + var(--mascot-size) + 12px)) scaleX(1) rotate(0)}45%{transform:translateX(calc(-50vw + var(--mascot-size) + 12px)) scaleX(1) rotate(-2deg)}48%{transform:translateX(calc(-50vw + var(--mascot-size) + 12px)) scaleX(1) rotate(2deg)}51%{transform:translateX(calc(-50vw + var(--mascot-size) + 12px)) scaleX(1) rotate(-2deg)}54%,58%{transform:translateX(calc(-50vw + var(--mascot-size) + 12px)) scaleX(1) rotate(0)}59%{transform:translateX(calc(-50vw + var(--mascot-size) + 12px)) scaleX(-1)}69%{opacity:1;transform:translateX(145%) scaleX(-1)}70%,100%{opacity:0;transform:translateX(145%) scaleX(-1)}}
.servo-helper.easter-mode .mascot-cartwheel{animation:none;opacity:0}
@media(max-width:620px){.servo-girl{--mascot-size:72px;right:8px;bottom:max(6px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.servo-girl{display:none!important}.servo-helper.easter-mode{animation:none}.servo-helper.easter-mode .mascot-wave{opacity:1}.servo-helper.easter-mode .mascot-walk-cycle{opacity:0}}

/* Compact, swipeable customer-review carousel. */
.review-intro{display:grid;grid-template-columns:1fr auto auto;gap:1.5rem;align-items:center;margin-bottom:2rem}.review-intro h2{margin:0}.review-intro .rating{margin:0}.review-strip{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-inline:contain;padding:0 0 1rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.35) transparent}.review-strip .review-card{flex:0 0 clamp(280px,36vw,430px);min-height:250px;scroll-snap-align:start;padding:1.8rem}.review-strip .review-card blockquote{font-size:1rem}.review-strip .review-card figcaption{padding-top:1.2rem}
@media(max-width:950px){.review-intro{grid-template-columns:1fr auto}.review-intro .button{grid-column:1/-1;width:max-content}.review-strip .review-card{flex-basis:min(78vw,390px)}}
@media(max-width:620px){.review-intro{grid-template-columns:1fr;gap:.8rem}.review-intro .button{grid-column:auto}.review-strip{margin-right:-1.25rem;padding-right:1.25rem}.review-strip .review-card{flex-basis:82vw;min-height:235px}}

/* Complete Servo mark on the waving header flag. */
.mini-flag span:before{display:none}.mini-flag span img{width:54px;height:auto;object-fit:contain}.mini-flag span{padding:0 4px}
@media(max-width:620px){.mini-flag span img{width:44px}}

/* Traditional, useful footer without a storefront address. */
footer.site-footer{display:block;padding:0;background:#071a2c;color:#9fb2c3;font-size:.88rem}.footer-main{display:grid;grid-template-columns:1.45fr .7fr 1fr 1fr;gap:clamp(2rem,5vw,5rem);padding:4rem clamp(1.4rem,7vw,7.5rem) 3rem}.footer-brand .brand img{width:190px}.footer-brand p{max-width:310px;margin:1.2rem 0 0;line-height:1.7}.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem}.footer-column h3{margin:0 0 .7rem;color:#fff;font:700 .82rem Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.1em}.footer-column a{color:#c7d6e2;transition:color .2s}.footer-column a:hover{color:var(--cyan)}.footer-column span{color:#b3c4d1}.footer-column small{display:block;margin-top:.55rem;color:#6fcce4;font-size:.76rem}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.25rem clamp(1.4rem,7vw,7.5rem);border-top:1px solid rgba(255,255,255,.1);font-size:.72rem}.footer-bottom p{margin:0}.footer-bottom .legal{max-width:650px;text-align:right}
@media(max-width:950px){.footer-main{grid-template-columns:1.3fr 1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{align-items:flex-start}}
@media(max-width:620px){.footer-main{grid-template-columns:1fr 1fr;gap:2.2rem 1.5rem;padding-top:3rem}.footer-brand{grid-column:1/-1}.footer-column:last-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:.7rem}.footer-bottom .legal{text-align:left}}

.service-toggle{display:flex;align-items:center;justify-content:center;gap:.8rem;margin:2rem auto 0;padding:1rem 1.5rem;border:0;border-radius:6px;background:linear-gradient(100deg,#2584b8,#9e60d4);box-shadow:0 10px 28px rgba(31,76,111,.2);color:#fff;font:800 .82rem Montserrat,sans-serif;letter-spacing:.02em;cursor:pointer;transition:transform .2s,filter .2s}.service-toggle:hover{transform:translateY(-2px);filter:brightness(1.08)}.service-toggle:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.service-toggle span{font-size:1.05rem;transition:transform .25s}.service-toggle[aria-expanded="true"] span{transform:rotate(180deg)}.extra-service.revealed{animation:service-reveal .35s ease both}@keyframes service-reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:620px){.service-toggle{width:100%}}

/* Scroll-back-up family Easter egg. */
.servo-helper.family-waiting{opacity:0;pointer-events:none;animation:none}
.servo-baby{--baby-size:clamp(48px,5vw,70px);position:fixed;z-index:31;left:calc(50vw - var(--baby-size)/2);bottom:max(7px,env(safe-area-inset-bottom));width:var(--baby-size);height:calc(var(--baby-size)*1.04);display:none;opacity:0;pointer-events:none;filter:drop-shadow(0 6px 6px rgba(4,22,38,.2))}
.baby-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0}.baby-frame-1{opacity:1}.baby-frame-2{animation:baby-step .34s step-end infinite}
.servo-helper.family-mode{animation:family-boy 22s ease-in-out both}.servo-girl.family-mode{display:block;animation:family-girl 22s ease-in-out both}.servo-baby.family-mode{display:block;animation:family-baby 22s ease-in-out both}
.servo-helper.family-mode .mascot-cartwheel,.servo-helper.family-mode .mascot-jack-open,.servo-helper.family-mode .mascot-jack-closed{animation:none;opacity:0}.servo-helper.family-mode .mascot-walk-cycle{animation:none;opacity:1}.servo-helper.family-mode .mascot-wave{animation:none;opacity:0}.servo-helper.family-mode .walk-frame{animation:walk-frame .56s step-end infinite}.servo-girl.family-mode .girl-frame{animation:girl-run-frame .56s step-end infinite}.servo-baby.family-mode .baby-frame-1{animation:baby-step .56s step-end infinite}.servo-baby.family-mode .baby-frame-2{animation:baby-step .56s step-end infinite;animation-delay:-.28s}
.servo-helper.family-wave .mascot-walk-cycle{opacity:0}.servo-helper.family-wave .mascot-wave{opacity:1}.servo-girl.family-wave .girl-frame{animation:none;opacity:0}.servo-girl.family-wave .girl-frame-1{opacity:1;transform:rotate(-3deg)}.servo-baby.family-wave .baby-frame{opacity:0;animation:none}.servo-baby.family-wave .baby-frame-wave{opacity:1;animation:baby-wave .55s ease-in-out infinite alternate}
.servo-baby.family-cry .baby-frame{opacity:0!important;animation:none!important}.servo-baby.family-cry .baby-frame-cry{opacity:1!important;animation:baby-sob .18s ease-in-out infinite alternate!important}
@keyframes baby-step{0%,49.9%{opacity:1}50%,100%{opacity:0}}@keyframes baby-wave{to{transform:rotate(6deg) translateY(-2px)}}@keyframes baby-sob{to{transform:translateY(2px) scale(1.03)}}
@keyframes family-boy{0%{opacity:0;transform:translateX(-120%)}4%{opacity:1}28%,43%{opacity:1;transform:translateX(calc(45vw - var(--mascot-size))) scaleX(1)}48%{transform:translateX(calc(45vw - var(--mascot-size))) scaleX(-1)}72%,86%{transform:translateX(4vw) scaleX(-1)}91%{transform:translateX(4vw) scaleX(1)}100%{opacity:1;transform:translateX(0) scaleX(1)}}
@keyframes family-girl{0%{opacity:0;transform:translateX(130%)}4%{opacity:1}28%,43%{opacity:1;transform:translateX(calc(-39vw + var(--mascot-size))) scaleX(1)}48%{transform:translateX(calc(-39vw + var(--mascot-size))) scaleX(-1)}72%,86%{transform:translateX(calc(-82vw + var(--mascot-size))) scaleX(-1)}91%{transform:translateX(calc(-82vw + var(--mascot-size))) scaleX(1)}100%{opacity:0;transform:translateX(130%) scaleX(1)}}
@keyframes family-baby{0%{opacity:0;transform:translateX(-48vw)}4%{opacity:1}28%,43%{opacity:1;transform:translateX(0) scaleX(1)}48%{transform:translateX(0) scaleX(-1)}72%,86%{transform:translateX(-39vw) scaleX(-1)}91%{transform:translateX(-39vw) scaleX(1)}100%{opacity:0;transform:translateX(-48vw) scaleX(1)}}
/* During the first ending, both grown mascots leave together; the family waits for upward scrolling. */
@keyframes boy-easter-run{0%,18%{transform:translateX(0)}42%,58%{transform:translateX(calc(50vw - var(--mascot-size) - 12px))}70%{opacity:1;transform:translateX(calc(100vw + var(--mascot-size)))}71%,100%{opacity:0;transform:translateX(calc(100vw + var(--mascot-size)))}}
@keyframes girl-easter-run{0%{opacity:0;transform:translateX(125%)}2%,18%{opacity:1;transform:translateX(0)}42%,58%{opacity:1;transform:translateX(calc(-50vw + var(--mascot-size) + 12px)) scaleX(1)}59%{transform:translateX(calc(-50vw + var(--mascot-size) + 12px)) scaleX(-1)}70%{opacity:1;transform:translateX(125%) scaleX(-1)}71%,100%{opacity:0;transform:translateX(125%) scaleX(-1)}}
@media(max-width:620px){.servo-baby{--baby-size:46px}.servo-helper.family-mode,.servo-girl.family-mode,.servo-baby.family-mode{animation-duration:22s}}
@media(prefers-reduced-motion:reduce){.servo-baby{display:none!important}}

/* Keep the family scene crisp: one clean pose per character while moving. */
.servo-helper.family-mode .walk-frame,.servo-girl.family-mode .girl-frame,.servo-baby.family-mode .baby-frame{animation:none;opacity:0}
.servo-helper.family-mode .walk-frame-1,.servo-girl.family-mode .girl-frame-1,.servo-baby.family-mode .baby-frame-1{opacity:1}
.servo-helper.family-wave .walk-frame-1,.servo-girl.family-wave .girl-frame-1,.servo-baby.family-wave .baby-frame-1{opacity:0}
@keyframes family-boy{0%{opacity:0;transform:translateX(-120%)}4%{opacity:1}28%,43%{opacity:1;transform:translateX(calc(45vw - var(--mascot-size)))}48%{transform:translateX(calc(45vw - var(--mascot-size))) scaleX(-1)}72%,86%{transform:translateX(8vw) scaleX(-1)}91%{transform:translateX(8vw)}100%{opacity:1;transform:translateX(0)}}
@keyframes family-girl{0%{opacity:0;transform:translateX(130%)}4%{opacity:1}28%,43%{opacity:1;transform:translateX(calc(-39vw + var(--mascot-size)))}48%{transform:translateX(calc(-39vw + var(--mascot-size))) scaleX(-1)}72%,86%{transform:translateX(calc(-66vw + var(--mascot-size))) scaleX(-1)}91%{transform:translateX(calc(-66vw + var(--mascot-size)))}100%{opacity:0;transform:translateX(130%)}}
@keyframes family-baby{0%{opacity:0;transform:translateX(-48vw)}4%{opacity:1}28%,43%{opacity:1;transform:translateX(0)}48%{transform:translateX(0) scaleX(-1)}72%,86%{transform:translateX(-28vw) scaleX(-1)}91%{transform:translateX(-28vw)}100%{opacity:0;transform:translateX(-48vw)}}

/* Leave the screen at full opacity, then hide after the exit is complete. */
@keyframes family-girl{0%{opacity:0;transform:translateX(130%)}4%{opacity:1}28%,43%{opacity:1;transform:translateX(calc(-39vw + var(--mascot-size)))}48%{transform:translateX(calc(-39vw + var(--mascot-size))) scaleX(-1)}72%,86%{transform:translateX(calc(-66vw + var(--mascot-size))) scaleX(-1)}91%{transform:translateX(calc(-66vw + var(--mascot-size)))}99.9%,100%{opacity:1;transform:translateX(140%)}}
@keyframes family-baby{0%{opacity:0;transform:translateX(-48vw)}4%{opacity:1}28%,43%{opacity:1;transform:translateX(0)}48%{transform:translateX(0) scaleX(-1)}72%,86%{transform:translateX(-28vw) scaleX(-1)}91%{transform:translateX(-28vw)}99.9%,100%{opacity:1;transform:translateX(58vw)}}

/* Final mascot routine: walk, cartwheel, wave out; boy and girl alternate. */
.servo-helper{animation:boy-three-pass 48s linear infinite}.servo-helper .mascot-pose,.servo-helper .mascot-walk-cycle,.servo-helper .walk-frame{animation:none;opacity:0}.servo-helper .walk-frame-1{opacity:1}.servo-helper .mascot-walk-cycle{animation:boy-walk-show 48s step-end infinite}.servo-helper .mascot-cartwheel{animation:boy-cartwheel-show 48s linear infinite}.servo-helper .mascot-wave{animation:boy-wave-show 48s ease-in-out infinite}
.servo-girl{display:block;left:12px;right:auto;opacity:1;animation:girl-three-pass 48s linear infinite}.servo-girl .girl-frame{animation:none;opacity:0}.servo-girl .girl-frame-1{animation:girl-walk-show 48s step-end infinite}.servo-girl .girl-frame-3{animation:girl-wave-show 48s ease-in-out infinite}
@keyframes boy-three-pass{0%{opacity:1;transform:translateX(0)}4%{transform:translateX(0)}16%{transform:translateX(var(--travel))}18%{transform:translateX(var(--travel))}31%{transform:translateX(0)}33%{transform:translateX(0)}47%{opacity:1;transform:translateX(calc(100vw + var(--mascot-size)))}47.1%,100%{opacity:0;transform:translateX(calc(100vw + var(--mascot-size)))}}
@keyframes boy-walk-show{0%,3.9%{opacity:0}4%,16%{opacity:1}16.1%,100%{opacity:0}}
@keyframes boy-cartwheel-show{0%,17.9%{opacity:0;transform:rotate(0)}18%{opacity:1;transform:rotate(0)}22.3%{transform:rotate(-360deg)}26.6%{transform:rotate(-720deg)}31%{opacity:1;transform:rotate(-1080deg)}31.1%,100%{opacity:0;transform:rotate(-1080deg)}}
@keyframes boy-wave-show{0%{opacity:1;transform:rotate(-3deg)}2%,4%{opacity:1;transform:rotate(4deg)}4.1%,32.9%{opacity:0}33%{opacity:1;transform:rotate(-3deg)}35%,39%,43%,47%{transform:rotate(4deg)}37%,41%,45%{transform:rotate(-4deg)}47.1%,100%{opacity:0}}
@keyframes girl-three-pass{0%,49.9%{opacity:0;transform:translateX(calc(-1 * var(--mascot-size)))}50%{opacity:1;transform:translateX(calc(-1 * var(--mascot-size)))}53%{transform:translateX(0)}65%{transform:translateX(calc(100vw - var(--mascot-size) - 24px))}67%{transform:translateX(calc(100vw - var(--mascot-size) - 24px)) rotate(0)}71.6%{transform:translateX(calc(66vw - var(--mascot-size))) rotate(-360deg)}76.3%{transform:translateX(calc(33vw - var(--mascot-size))) rotate(-720deg)}81%{transform:translateX(0) rotate(-1080deg)}83%{transform:translateX(0) rotate(0)}97%{opacity:1;transform:translateX(calc(100vw + var(--mascot-size))) rotate(0)}97.1%,100%{opacity:0;transform:translateX(calc(100vw + var(--mascot-size)))}}
@keyframes girl-walk-show{0%,49.9%{opacity:0}50%,65%{opacity:1}65.1%,66.9%{opacity:0}67%,81%{opacity:1}81.1%,100%{opacity:0}}
@keyframes girl-wave-show{0%,82.9%{opacity:0;transform:rotate(-3deg)}83%{opacity:1;transform:rotate(-3deg)}85%,89%,93%,97%{transform:rotate(4deg)}87%,91%,95%{transform:rotate(-4deg)}97.1%,100%{opacity:0}}
@media(max-width:620px){.servo-girl{left:8px;right:auto}}

/* Final simple loop: one Servo mascot only. */
.servo-helper{animation:servo-simple-loop 24s linear infinite}.servo-helper .mascot-pose,.servo-helper .mascot-walk-cycle,.servo-helper .walk-frame{animation:none;opacity:0}.servo-helper .walk-frame-1{opacity:1}.servo-helper .mascot-walk-cycle{animation:simple-walk 24s step-end infinite}.servo-helper .mascot-jack-closed{animation:simple-jump-closed 24s step-end infinite}.servo-helper .mascot-jack-open{animation:simple-jump-open 24s step-end infinite}.servo-helper .mascot-cartwheel{animation:simple-cartwheel 24s linear infinite}.servo-helper .mascot-wave{animation:simple-wave-walk 24s ease-in-out infinite}
@keyframes servo-simple-loop{0%{opacity:0;transform:translateX(-110%)}2%{opacity:1;transform:translateX(0)}28%{transform:translateX(var(--travel))}42%{transform:translateX(var(--travel))}68%{transform:translateX(0)}70%{transform:translateX(0)}94%{opacity:1;transform:translateX(calc(100vw + var(--mascot-size)))}94.1%,100%{opacity:0;transform:translateX(calc(100vw + var(--mascot-size)))}}
@keyframes simple-walk{0%,1.9%{opacity:0}2%,28%{opacity:1}28.1%,100%{opacity:0}}
@keyframes simple-jump-closed{0%,29.9%{opacity:0}30%,31.9%{opacity:1}32%,33.9%{opacity:0}34%,35.9%{opacity:1}36%,37.9%{opacity:0}38%,40%{opacity:1}40.1%,100%{opacity:0}}
@keyframes simple-jump-open{0%,31.9%{opacity:0}32%,33.9%{opacity:1}34%,35.9%{opacity:0}36%,37.9%{opacity:1}38%,100%{opacity:0}}
@keyframes simple-cartwheel{0%,41.9%{opacity:0;transform:rotate(0)}42%{opacity:1;transform:rotate(0)}50.6%{transform:rotate(-360deg)}59.3%{transform:rotate(-720deg)}68%{opacity:1;transform:rotate(-1080deg)}68.1%,100%{opacity:0;transform:rotate(-1080deg)}}
@keyframes simple-wave-walk{0%,69.9%{opacity:0;transform:rotate(-3deg)}70%{opacity:1;transform:rotate(-3deg)}73%,79%,85%,91%{transform:rotate(4deg)}76%,82%,88%,94%{transform:rotate(-4deg)}94.1%,100%{opacity:0}}

/* Restore the earlier boy timing that had the clean entrance and cartwheels. */
.servo-helper{animation:boy-restored-loop 24s linear infinite}.servo-helper .mascot-walk-cycle{animation:boy-restored-walk 24s step-end infinite}.servo-helper .mascot-cartwheel{animation:boy-restored-cartwheel 24s linear infinite}.servo-helper .mascot-wave{animation:boy-restored-wave 24s ease-in-out infinite}.servo-helper .mascot-jack-open,.servo-helper .mascot-jack-closed{animation:none;opacity:0}
@keyframes boy-restored-loop{0%{opacity:1;transform:translateX(0)}8%{transform:translateX(0)}32%{transform:translateX(var(--travel))}36%{transform:translateX(var(--travel))}62%{transform:translateX(0)}66%{transform:translateX(0)}94%{opacity:1;transform:translateX(calc(100vw + var(--mascot-size)))}94.1%,100%{opacity:0;transform:translateX(calc(100vw + var(--mascot-size)))}}
@keyframes boy-restored-walk{0%,7.9%{opacity:0}8%,32%{opacity:1}32.1%,100%{opacity:0}}
@keyframes boy-restored-cartwheel{0%,35.9%{opacity:0;transform:rotate(0)}36%{opacity:1;transform:rotate(0)}44.6%{transform:rotate(-360deg)}53.3%{transform:rotate(-720deg)}62%{opacity:1;transform:rotate(-1080deg)}62.1%,100%{opacity:0;transform:rotate(-1080deg)}}
@keyframes boy-restored-wave{0%{opacity:1;transform:rotate(-3deg)}4%,8%{opacity:1;transform:rotate(4deg)}8.1%,65.9%{opacity:0}66%{opacity:1;transform:rotate(-3deg)}70%,78%,86%,94%{transform:rotate(4deg)}74%,82%,90%{transform:rotate(-4deg)}94.1%,100%{opacity:0}}

/* Clean mascot loop: one character, one walk, one smooth cartwheel. */
.servo-helper{animation:servo-clean-travel 18s linear infinite;opacity:1}
.servo-helper .mascot-pose,.servo-helper .mascot-walk-cycle,.servo-helper .walk-frame{animation:none;opacity:0}
.servo-helper .mascot-wave{animation:servo-clean-wave 18s step-end infinite}
.servo-helper .mascot-walk-cycle{animation:servo-clean-walk 18s step-end infinite}
.servo-helper .walk-frame{animation:servo-clean-step .72s step-end infinite}
.servo-helper .walk-frame-2{animation-delay:-.18s}
.servo-helper .walk-frame-3{animation-delay:-.36s}
.servo-helper .walk-frame-4{animation-delay:-.54s}
.servo-helper .mascot-cartwheel{transform-origin:50% 52%;animation:servo-clean-cartwheel 18s linear infinite}
@keyframes servo-clean-travel{0%,8%{transform:translateX(0)}44%,49%{transform:translateX(var(--travel))}86%,100%{transform:translateX(0)}}
@keyframes servo-clean-wave{0%,7.9%{opacity:1}8%,85.9%{opacity:0}86%,100%{opacity:1}}
@keyframes servo-clean-walk{0%,7.9%{opacity:0}8%,44%{opacity:1}44.1%,100%{opacity:0}}
@keyframes servo-clean-step{0%,24.9%{opacity:1}25%,100%{opacity:0}}
@keyframes servo-clean-cartwheel{0%,48.9%{opacity:0;transform:rotate(0)}49%{opacity:1;transform:rotate(0)}61.3%{transform:rotate(-360deg)}73.6%{transform:rotate(-720deg)}86%{opacity:1;transform:rotate(-1080deg)}86.1%,100%{opacity:0;transform:rotate(-1080deg)}}
@media(prefers-reduced-motion:reduce){.servo-helper{animation:none;transform:none}.servo-helper .mascot-wave{animation:none;opacity:1}.servo-helper .mascot-walk-cycle,.servo-helper .mascot-cartwheel{animation:none;opacity:0}}

/* Desktop photo focus: keep Louis clear while the car and hand area recede. */
@media(min-width:951px){.hero-photo{transform:scale(1.12);transform-origin:72% 24%;object-position:68% 20%}.hero-shade{background:radial-gradient(circle at 70% 38%,rgba(8,31,54,.08) 0%,rgba(8,31,54,.18) 18%,rgba(8,31,54,.68) 48%,rgba(5,22,40,.96) 82%),linear-gradient(90deg,rgba(5,22,40,.94) 0%,rgba(8,31,54,.72) 38%,rgba(8,31,54,.15) 67%,rgba(5,22,40,.78) 100%),linear-gradient(0deg,rgba(7,28,49,.82),transparent 55%)}}

/* A calmer mascot pace. */
.servo-helper{animation-duration:26s}
.servo-helper .mascot-wave,.servo-helper .mascot-walk-cycle,.servo-helper .mascot-cartwheel{animation-duration:26s}

/* Desktop shows the full service list; phones retain the compact reveal. */
@media(min-width:951px){.service-toggle{display:none!important}.extra-service[hidden]{display:block!important}}

.desktop-contact-dialog{width:min(560px,calc(100% - 2rem));padding:2.2rem;border:0;border-radius:16px;color:var(--ink);background:#fff;box-shadow:0 28px 90px rgba(5,22,40,.4)}
.desktop-contact-dialog::backdrop{background:rgba(5,22,40,.72);backdrop-filter:blur(4px)}
.desktop-contact-dialog h2{font-size:2rem;margin-bottom:1rem}.desktop-contact-dialog p:not(.eyebrow){color:var(--muted)}
.contact-dialog-close{position:absolute;right:1rem;top:.8rem;border:0;background:none;color:var(--muted);font-size:2rem;cursor:pointer}
.contact-dialog-actions{display:grid;gap:.7rem;margin-top:1.4rem}.contact-dialog-actions button,.contact-dialog-actions a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:.7rem 1rem;border:0;border-radius:7px;background:var(--navy);color:#fff;font:700 .78rem Montserrat,sans-serif;cursor:pointer}.contact-dialog-actions a{background:linear-gradient(100deg,#2584b8,#8e55c8)}
.contact-copy-status{display:block;min-height:1.4rem;margin-top:.8rem;color:#326787;font-weight:700}