:root{--navy:#06284b;--blue:#087bac;--cyan:#21b7d5;--teal:#10a88d;--ink:#102033;--muted:#607181;--paper:#f7fbfd;--white:#fff;--line:#dce6e9}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}figure{margin:0}p{margin:0 0 20px}h1,h2,h3{font-family:Manrope,sans-serif}h2{font-size:clamp(34px,4vw,54px);font-weight:600;line-height:1.13;letter-spacing:-.045em;margin:0}h3{line-height:1.3}a,button{touch-action:manipulation}[hidden]{display:none!important}.container{width:min(1240px,calc(100% - 112px));margin-inline:auto}.section{padding:110px 0}.eyebrow{font:700 10px/1.5 Manrope,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#b9e7ee;margin:0 0 24px}.eyebrow.dark{color:#197d91}.section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end;margin-bottom:50px}.section-head>p{max-width:380px;color:var(--muted);margin:0;font-size:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-70px;z-index:100;background:#fff;color:var(--navy);padding:12px 18px}.skip-link:focus{top:12px}:focus-visible{outline:3px solid #078bba;outline-offset:5px}.site-header :focus-visible,.hero :focus-visible,.quote-section :focus-visible{outline-color:#a3eaff}
/* The original navigation, with a quieter identity and a compact scroll state. */
.site-header{position:fixed;inset:0 0 auto;z-index:50;color:white;border-bottom:1px solid #ffffff24;transition:background .3s,box-shadow .3s}.nav-wrap{height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px;transition:height .3s}.site-header.scrolled,.site-header.menu-open{background:#06284bf5;backdrop-filter:blur(14px);box-shadow:0 3px 18px #00152b10}.scrolled .nav-wrap{height:74px}.brand{display:flex;align-items:center;gap:13px;color:white}.brand-mark{font:800 30px/1 Manrope,sans-serif;letter-spacing:-.1em;width:48px;height:48px;border:1px solid #ffffff75;display:grid;place-items:center;border-radius:3px;padding-right:3px}.brand-copy{display:grid;gap:6px;line-height:1}.brand-copy strong{font:700 13px/1 Manrope,sans-serif;letter-spacing:.07em}.brand-copy small{font:500 9px/1 Manrope,sans-serif;letter-spacing:.36em;color:#b9d3de}.main-nav{display:flex;align-items:center;gap:26px;font-size:12px;font-weight:500}.main-nav a:not(.nav-cta),.text-link{position:relative}.main-nav a:not(.nav-cta):after,.text-link:after{content:'';position:absolute;left:0;bottom:-5px;height:1px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.main-nav a:hover:after,.text-link:hover:after{transform:scaleX(1)}.nav-cta{background:white;color:var(--navy);padding:12px 19px;border-radius:3px;transition:background .2s,transform .2s}.nav-cta:hover{background:#e6f5f9;transform:translateY(-2px)}.nav-toggle{display:none;background:none;border:0;padding:10px}.nav-toggle span{display:block;width:24px;height:2px;background:white;margin:5px 0;transition:transform .25s,opacity .25s}.menu-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-open .nav-toggle span:nth-child(2){opacity:0}.menu-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
/* Full-viewport video. The photograph also works without JavaScript or video. */
.hero{min-height:100svh;position:relative;display:flex;align-items:center;background:var(--navy);color:#fff;overflow:hidden}.hero-media,.hero-media video,.hero-fallback,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-fallback{background:url('assets/images/hero/hero-still.jpg') center/cover;z-index:0}.hero-media video{object-fit:cover;z-index:1}.hero-shade{z-index:2;background:linear-gradient(90deg,rgba(3,25,43,.64),rgba(3,25,43,.22) 53%,rgba(3,25,43,.06)),linear-gradient(180deg,rgba(3,25,43,.27),transparent 25%)}.hero-grid{position:relative;z-index:3;padding-top:155px;padding-bottom:155px}.hero-copy{max-width:690px}.hero .eyebrow{color:#e5f2f2;letter-spacing:.2em;margin-bottom:28px}.hero h1{font-size:clamp(52px,6.1vw,86px);font-weight:500;line-height:1.09;letter-spacing:-.055em;margin:0 0 28px}.hero h1 span{color:#fff}.hero-lead{font-size:17px;line-height:1.75;max-width:415px;color:#f2f5f5;margin-bottom:32px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;gap:30px;padding:16px 23px;min-height:54px;border:1px solid transparent;border-radius:3px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .25s,box-shadow .25s,background .25s}.btn span,.text-link span{transition:transform .25s}.btn:hover,.btn:focus-visible{transform:translateY(-2px);box-shadow:0 9px 20px #06284b1a}.btn:hover span,.text-link:hover span{transform:translate(3px,-3px)}.btn-primary{background:#087fac;color:#fff}.btn-primary:hover{background:#066b94}.hero .btn-primary{background:white;color:var(--navy)}.hero .btn-primary:hover{background:#e6f5f9}.btn-ghost{background:#06284b15;border-color:#ffffff90;color:white}.btn-ghost:hover{background:#06284b50}.hero-proof{font-size:11px;display:flex;gap:10px;align-items:center;margin-top:25px}.hero-proof .stars{color:#fff;letter-spacing:.08em}.hero-scroll{position:absolute;bottom:36px;left:0;right:0;z-index:3;display:flex;gap:28px;align-items:center;width:max-content;margin-left:max(56px,calc((100% - 1240px)/2));font-size:10px;letter-spacing:.1em}.hero-scroll span:last-child{font-size:23px}.video-toggle{position:absolute;right:40px;bottom:32px;z-index:4;border:1px solid #ffffff60;color:white;background:#06284b60;padding:8px 14px;border-radius:3px;font-size:11px}.hero-copy>*{animation:heroEnter .85s both}.hero-copy>.eyebrow{animation-delay:.1s}.hero-copy>h1{animation-delay:.2s}.hero-copy>.hero-lead{animation-delay:.35s}.hero-copy>.hero-actions{animation-delay:.5s}.hero-copy>.hero-proof{animation-delay:.65s}@keyframes heroEnter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
/* Hugo's story is the first chapter, with a real credited portrait. */
.story{padding-top:125px;padding-bottom:125px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.story-visual{align-self:center}.story-image{overflow:hidden;background:#dce6e9}.story-image img{width:100%;aspect-ratio:1.05;object-fit:cover;object-position:50% 48%;transition:transform .8s}.story-image:hover img{transform:scale(1.035)}.story-caption{display:flex;justify-content:space-between;gap:20px;font-size:10px;padding-top:18px;color:var(--ink)}.story-caption b{font-weight:400;color:var(--muted)}.photo-credit{font-size:9px;color:var(--muted);margin-top:10px;margin-bottom:0}.story-copy h2{margin-bottom:26px}.story-copy>p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.85}.text-link{display:inline-flex;align-items:center;gap:22px;width:fit-content;font-size:12px;font-weight:700;color:var(--navy)}.story-facts{display:grid;grid-template-columns:.7fr .8fr 1.2fr;gap:16px;margin-top:37px;padding-top:22px;border-top:1px solid var(--line)}.story-facts strong,.story-facts span{display:block}.story-facts strong{font-size:11px;font-weight:600}.story-facts span{font-size:10px;color:var(--muted);margin-top:5px}
/* Photographic editorial grid, not four identical tiles. */
.services{background:var(--paper)}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start}.service-card{display:block;min-width:0;position:relative;aspect-ratio:1;overflow:hidden;background:#dce6e9}.service-card:nth-child(2),.service-card:nth-child(4){padding-top:0}.service-photo{position:absolute;inset:0;overflow:hidden;background:#dce6e9}.service-photo img,.service-card:nth-child(2) img,.service-card:nth-child(3) img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;transition:transform .7s}.service-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,40,75,.04) 26%,rgba(3,29,53,.78) 100%);transition:opacity .5s}.service-index{position:absolute;left:14px;top:14px;z-index:1;color:white;background:#06284bba;padding:3px 7px;font-size:9px;letter-spacing:.12em}.service-copy{position:absolute;z-index:2;left:17px;right:17px;bottom:16px;display:flex;justify-content:space-between;align-items:end;gap:10px;color:white}.service-copy h3{font-size:18px;line-height:1.2;letter-spacing:-.035em;font-weight:600;margin:0;transition:transform .3s}.service-copy p{display:none}.service-arrow{width:31px;height:31px;border:1px solid #ffffff90;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;transition:background .25s,color .25s,transform .25s}.service-card:hover img{transform:scale(1.05)}.service-card:hover .service-photo:after{opacity:.72}.service-card:hover h3{transform:translateX(3px)}.service-card:hover .service-arrow{background:white;color:var(--navy);transform:rotate(5deg)}
/* Preserve the before/after concept with an actual clipped reveal. */
.before-after-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ba-card{cursor:pointer;outline-offset:6px;transition:transform .35s}.ba-image{position:relative;aspect-ratio:3/4;overflow:hidden;background:#edf3f6}.ba-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ba-after{z-index:1}.ba-before{z-index:2;clip-path:inset(0);transition:clip-path .85s cubic-bezier(.25,.7,.25,1)}.ba-label{position:absolute;top:16px;z-index:4;font:600 9px/1 Manrope,sans-serif;letter-spacing:.16em;text-transform:uppercase;padding:9px 12px;background:#fffef2ed;color:var(--navy);transition:opacity .25s}.ba-label-before{left:16px}.ba-label-after{right:16px;opacity:0}.ba-sweep{position:absolute;top:0;bottom:0;left:0;width:2px;background:#fff;z-index:3;box-shadow:0 0 12px #fff9;transition:left .85s cubic-bezier(.25,.7,.25,1);pointer-events:none}.ba-card.is-after .ba-before{clip-path:inset(0 0 0 100%)}.ba-card.is-after .ba-sweep{left:100%}.ba-card.is-after .ba-label-before{opacity:0}.ba-card.is-after .ba-label-after{opacity:1}.ba-copy{padding:18px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.ba-copy strong{font-size:14px;font-weight:500}.ba-copy span{font-size:9px;color:var(--muted)}.demo-photo-note{font-size:10px;color:var(--muted);margin:23px 0 0}
.press{padding:62px 0;background:var(--navy);color:white}.press-card{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.press-brand{border-right:1px solid #ffffff30;padding-right:40px}.press-brand p{font-size:9px;letter-spacing:.2em;color:#bad9e3;margin-bottom:18px}.press-brand h2{font-family:Georgia,serif;font-size:clamp(32px,3.5vw,46px);font-weight:400;letter-spacing:-.05em;white-space:nowrap}.press-brand>span{display:block;margin-top:20px;font-size:9px;letter-spacing:.13em;color:#bad9e3}.press-content h3{font-size:25px;font-weight:500;letter-spacing:-.03em;margin:0 0 12px}.press-content>p{font-size:12px;line-height:1.75;color:#c5dbe5;max-width:410px;margin-bottom:20px}.press .text-link{color:#d5f2f5}
/* Verified review data is isolated in assets/reviews.js. */
.reviews{background:#f7fbfd}.reviews-top{display:flex;align-items:end;justify-content:space-between;gap:36px}.rating-block{text-align:right;flex-shrink:0}.stars{color:#a67716;letter-spacing:.1em;font-size:14px}.rating-block strong{display:block;font:600 23px/1.5 Manrope,sans-serif}.rating-block small{font-size:11px;color:var(--muted)}.reviews-link-row{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:30px;margin-top:35px;border-top:1px solid var(--line)}.reviews-link-row p{font-size:13px;color:var(--muted);margin:0}.review-carousel{margin-top:32px}.review-controls{display:flex;justify-content:flex-end;gap:8px;margin-bottom:16px}.review-controls button{border:1px solid var(--line);background:white;color:var(--navy);border-radius:3px;min-width:40px;height:40px;padding:0 12px}.review-track{display:flex;gap:20px;overflow-x:auto;scrollbar-width:none;touch-action:pan-x pan-y;cursor:grab;overscroll-behavior-x:contain;padding:6px 0 15px}.review-track::-webkit-scrollbar{display:none}.review-track.dragging{cursor:grabbing;user-select:none}.review-card{flex:0 0 calc((100% - 40px)/3);background:white;border:1px solid var(--line);padding:26px;transition:transform .25s,border-color .25s,box-shadow .25s}.review-card:hover{transform:translateY(-4px);border-color:#9cbcc9;box-shadow:0 6px 20px #06284b08}.review-author{display:flex;align-items:center;gap:12px;font-size:12px}.review-avatar{width:36px;height:36px;border-radius:50%;background:#eaf2f5;display:grid;place-items:center;font-weight:600}.review-author a{text-decoration:underline;text-underline-offset:3px}.review-card .stars{margin:18px 0 12px;font-size:12px}.review-card blockquote{font-size:14px;line-height:1.75;margin:0 0 18px}.review-card small{font-size:10px;color:var(--muted)}
/* Keep the three steps and existing WhatsApp form. */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px}.step{padding:25px 0 0;border-top:1px solid #cbdce2}.step>span{font:500 13px/1 Manrope,sans-serif;color:#167d91}.step>span:before{content:'0'}.step h3{font-size:19px;font-weight:600;letter-spacing:-.025em;margin:30px 0 14px}.step p{font-size:14px;color:var(--muted);max-width:270px;margin:0}.quote-section{background:var(--navy);color:white}.quote-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.quote-copy h2{max-width:440px;margin-bottom:25px}.quote-copy>p:not(.eyebrow){color:#b8d0dc;font-size:15px;max-width:340px}.contact-line{border-top:1px solid #ffffff25;padding-top:24px;margin-top:35px}.contact-line span{display:block;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#b8d0dc;margin-bottom:10px}.contact-line a{font-size:24px;font-weight:500;letter-spacing:-.03em}.instagram-link{display:inline-flex;gap:20px;font-size:12px;color:#b9e7ee;margin-top:18px}.quote-form{padding:38px;background:white;color:var(--ink);border-radius:6px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quote-form label{display:block;margin-bottom:19px}.quote-form label span{display:block;font-size:11px;font-weight:600;margin-bottom:8px}.quote-form input,.quote-form select,.quote-form textarea{width:100%;min-width:0;padding:13px 14px;border:1px solid #d8e3e9;background:#fbfdfe;border-radius:3px;font-size:14px;transition:border-color .2s,box-shadow .2s}.quote-form textarea{resize:vertical;min-height:110px}.quote-form input:hover,.quote-form select:hover,.quote-form textarea:hover{border-color:#8bafbf}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{outline:none;border-color:#087fac;box-shadow:0 0 0 3px #087fac20}.quote-form :user-invalid{border-color:#bc4646}.btn-full{width:100%}.form-note{font-size:10px;color:#607181;text-align:center;margin:13px 0 0}.form-status{font-size:12px;color:#175f51;margin:12px 0 0}.form-status:empty{display:none}#quoteFallback{margin-top:12px;font-size:11px}.final-cta{padding:88px 0;background:#edf4f3}.final-inner{display:flex;align-items:center;justify-content:space-between;gap:36px}.final-cta h2{font-size:clamp(38px,4.5vw,62px)}.final-actions{display:grid;justify-items:center;gap:24px}.site-footer{background:#041e36;color:#b9ceda;padding:55px 0 24px}.footer-grid{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:24px}.footer-copy{font-size:12px}.footer-links{display:flex;gap:22px;font-size:11px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff20;margin-top:40px;padding-top:22px;font-size:10px;color:#9eb8c7}.floating-whatsapp{position:fixed;right:23px;bottom:23px;z-index:40;width:50px;height:50px;border-radius:50%;background:#13876b;color:white;border:2px solid white;box-shadow:0 5px 20px #06284b20;display:grid;place-items:center;transition:transform .2s}.floating-whatsapp:hover{transform:translateY(-3px)}
/* Progressive enhancement: content is visible if JavaScript is unavailable. */
.reveal{opacity:1}.motion-ready .reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1),clip-path .85s ease}.motion-ready .image-reveal{clip-path:inset(12% 0 0);transform:translateY(10px)}.motion-ready .slide-reveal{transform:translateX(-24px)}.motion-ready .ba-card.reveal{transform:scale(.97)}.motion-ready .form-reveal{transform:translateY(20px)}.motion-ready .reveal.visible{opacity:1;transform:none;clip-path:inset(0)}.motion-ready .delay-1{transition-delay:80ms}.motion-ready .delay-2{transition-delay:160ms}.motion-ready .delay-3{transition-delay:240ms}
@media(min-width:981px) and (max-width:1150px){.main-nav{gap:17px}.story-grid,.quote-grid{gap:50px}.brand-copy strong{font-size:11px}}
@media(max-width:980px){.container{width:calc(100% - 64px)}.section{padding:82px 0}.nav-wrap{height:80px}.nav-toggle{display:block}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--navy);padding:24px 32px 32px;flex-direction:column;align-items:stretch;gap:0;font-size:16px;border-top:1px solid #ffffff20}.main-nav.open{display:flex}.main-nav a{padding:12px}.main-nav .nav-cta{text-align:center;margin-top:12px}.hero-grid{padding-top:160px;padding-bottom:135px}.hero-scroll{margin-left:32px}.hero h1{font-size:clamp(55px,8vw,76px)}.hero-copy{max-width:580px}.story-grid{gap:40px;grid-template-columns:1fr 1fr}.story-copy h2{font-size:35px}.story-facts{gap:10px}.story-caption{flex-direction:column;gap:4px}.section-head{gap:40px}.press-card{gap:40px}.quote-grid{gap:40px}.quote-form{padding:25px}.steps{gap:25px}.step h3{font-size:17px}.before-after-grid{gap:16px}.ba-copy{flex-direction:column;align-items:start;gap:6px}.ba-copy strong{font-size:12px}.review-card{flex-basis:calc((100% - 20px)/2)}.footer-grid{grid-template-columns:1fr auto}.footer-copy{grid-column:1;grid-row:2}.footer-links{grid-column:2;grid-row:1}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.service-card:nth-child(2){padding-top:0}}
@media(max-width:700px){.container{width:calc(100% - 40px)}.section{padding:68px 0}.nav-wrap{height:74px}.scrolled .nav-wrap{height:66px}.brand-mark{width:39px;height:39px;font-size:25px}.brand-copy strong{font-size:11px}.brand-copy small{font-size:8px}.hero{min-height:100svh}.hero-grid{padding-top:142px;padding-bottom:140px}.hero h1{font-size:clamp(45px,11.5vw,72px);line-height:1.12;letter-spacing:-.055em;margin-bottom:24px}.hero .eyebrow{font-size:8px;letter-spacing:.15em;margin-bottom:24px}.hero-lead{font-size:15px;max-width:310px;line-height:1.8}.hero-shade{background:linear-gradient(90deg,#03192ba6,#03192b33),linear-gradient(180deg,#03192b40,transparent 40%)}.hero-media video,.hero-fallback{object-position:62% center;background-position:62% center}.hero-actions{gap:10px}.hero-actions .btn{padding:14px 17px;font-size:11px;gap:15px;min-height:51px}.hero-scroll{margin-left:20px;bottom:30px;font-size:9px}.video-toggle{right:20px;bottom:26px;font-size:9px}.story-grid,.section-head,.press-card,.quote-grid{grid-template-columns:1fr;gap:36px}.story-grid{gap:40px}.story-copy h2{font-size:37px}.story-image img{aspect-ratio:1.15}.story-caption{flex-direction:row;font-size:9px}.story-facts{grid-template-columns:.7fr .8fr 1.2fr}.section-head{margin-bottom:32px;gap:22px}.section-head>p{font-size:14px}.eyebrow{font-size:9px;margin-bottom:18px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.service-card:nth-child(2),.service-card:nth-child(4){padding-top:0}.service-copy{left:11px;right:11px;bottom:11px}.service-copy h3{font-size:13px;line-height:1.2}.service-arrow{display:none}.service-index{left:9px;top:9px;font-size:8px;padding:3px 5px}.before-after-grid{grid-template-columns:1fr;gap:28px}.ba-image{aspect-ratio:1.15}.ba-copy{flex-direction:row;align-items:center}.ba-copy strong{font-size:14px}.demo-photo-note{font-size:10px;line-height:1.7}.press{padding:45px 0}.press-card{gap:24px}.press-brand{border-right:0;border-bottom:1px solid #ffffff25;padding:0 0 25px}.press-brand h2{font-size:39px}.press-brand>span{font-size:8px;margin-top:13px}.press-content h3{font-size:24px}.press-content h3 br{display:none}.press-content>p{font-size:13px}.reviews-top{flex-direction:column;align-items:start;gap:25px}.rating-block{text-align:left}.reviews-link-row{flex-direction:column;align-items:start}.review-card{flex-basis:100%}.steps{grid-template-columns:1fr;gap:25px}.step{padding-top:20px;display:grid;grid-template-columns:35px 1fr;gap:10px 12px}.step>span{grid-row:1/3;line-height:1.8}.step h3{margin:0;font-size:18px}.step p{grid-column:2;max-width:none;font-size:13px}.quote-grid{gap:35px}.quote-copy h2{font-size:39px}.quote-form{padding:24px 20px}.quote-form input,.quote-form select,.quote-form textarea{font-size:16px}.field-row{gap:12px;grid-template-columns:1fr}.contact-line a{font-size:25px}.final-cta{padding:65px 0}.final-inner{flex-direction:column;align-items:start;gap:30px}.final-actions{justify-items:start;gap:20px}.footer-grid{grid-template-columns:1fr;gap:22px}.footer-copy,.footer-links{grid-column:auto;grid-row:auto}.footer-bottom{flex-direction:column;gap:10px;padding-right:35px}.floating-whatsapp{width:46px;height:46px;right:14px;bottom:14px}.site-footer{padding-top:40px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none;clip-path:none}.service-card:hover img,.story-image:hover img,.btn:hover,.review-card:hover{transform:none}}

/* Keep calls to action quiet: labels communicate the action without arrow glyphs. */
.btn{gap:0}.hero-scroll{gap:0}.service-copy{justify-content:flex-start}.service-arrow{display:none}

/* A single soft light sweep makes the before/after transition feel like a clean. */
.ba-sweep{left:-30%;width:28%;background:linear-gradient(90deg,transparent 0%,rgba(213,250,255,.08) 20%,rgba(255,255,255,.92) 48%,rgba(221,250,255,.2) 75%,transparent 100%);box-shadow:0 0 26px rgba(255,255,255,.82);filter:blur(1px);opacity:0;transition:none;transform:skewX(-12deg)}
.ba-card.is-after .ba-sweep{left:-30%;animation:cleaning-light-sweep .9s cubic-bezier(.2,.7,.2,1) both}
@keyframes cleaning-light-sweep{0%{left:-30%;opacity:0}14%{opacity:.85}70%{opacity:.72}100%{left:112%;opacity:0}}
@media(prefers-reduced-motion:reduce){.ba-card.is-after .ba-sweep{animation:none;opacity:0}}

/* The quote journey unfolds in sequence instead of using the same reveal as every section. */
.step{position:relative;border-top-color:#cbdce2}.step:before{content:'';position:absolute;left:0;top:-1px;width:100%;height:2px;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.motion-ready .step>span{opacity:0;transform:scale(.72) rotate(-8deg);transition:opacity .35s ease,transform .45s cubic-bezier(.2,.85,.25,1)}
.motion-ready .step.visible:before{transform:scaleX(1)}.motion-ready .step.visible>span{opacity:1;transform:none}.motion-ready .step.visible:nth-child(2):before,.motion-ready .step.visible:nth-child(2)>span{transition-delay:90ms}.motion-ready .step.visible:nth-child(3):before,.motion-ready .step.visible:nth-child(3)>span{transition-delay:180ms}
@media(prefers-reduced-motion:reduce){.step:before{transform:scaleX(1)}.motion-ready .step>span{opacity:1;transform:none}}

/* A restrained recurring cue keeps WhatsApp discoverable without interrupting browsing. */
.floating-whatsapp:before{content:'';position:absolute;inset:-7px;border:1px solid rgba(19,135,107,.58);border-radius:50%;opacity:0;pointer-events:none;animation:whatsapp-callout 3.8s ease-out infinite}
@keyframes whatsapp-callout{0%,72%{transform:scale(.82);opacity:0}78%{opacity:.68}100%{transform:scale(1.26);opacity:0}}
@media(prefers-reduced-motion:reduce){.floating-whatsapp:before{animation:none}}

/* Navigation uses the brand blue as its single hover signal. */
.main-nav>a:not(.nav-cta){transition:color .22s ease}.main-nav>a:not(.nav-cta):hover,.main-nav>a:not(.nav-cta):focus-visible{color:var(--cyan)}.main-nav>a:not(.nav-cta):after{background:var(--cyan)}.nav-cta:hover,.nav-cta:focus-visible{background:var(--blue);color:#fff}

/* Use the supplied HG Cleaning artwork as the brand mark in navigation and footer. */
.brand-logo{display:block;width:150px;height:76px;object-fit:contain;object-position:left center}.footer-brand .brand-logo{width:134px;height:68px}@media(max-width:700px){.brand-logo{width:116px;height:58px}.footer-brand .brand-logo{width:122px;height:62px}}

/* Local, human WhatsApp invitation. It is a contact prompt, not a chatbot panel. */
.whatsapp-widget{position:fixed;right:23px;bottom:23px;z-index:60;display:flex;align-items:flex-end;flex-direction:column}.floating-whatsapp{position:relative;right:auto;bottom:auto;width:60px;height:60px;background:#18b98c;border:2px solid #fff;box-shadow:0 12px 28px rgba(6,40,75,.23);transition:transform .25s ease,box-shadow .25s ease}.floating-whatsapp:hover,.floating-whatsapp:focus-visible{transform:translateY(-2px) scale(1.04);box-shadow:0 17px 34px rgba(6,40,75,.28)}.floating-whatsapp:before,.floating-whatsapp:after{content:'';position:absolute;inset:-7px;border:1px solid rgba(24,185,140,.4);border-radius:50%;opacity:0;pointer-events:none;animation:whatsappPulse 2.2s ease-out infinite}.floating-whatsapp:after{animation-delay:1.1s}.floating-whatsapp:hover:before,.floating-whatsapp:hover:after{animation-play-state:paused;opacity:.18}@keyframes whatsappPulse{0%{transform:scale(.85);opacity:0}24%{opacity:.55}100%{transform:scale(1.26);opacity:0}}
.whatsapp-message{position:absolute;right:0;bottom:76px;width:310px;padding:20px;background:#fff;border:1px solid #dce7e9;border-radius:18px;box-shadow:0 18px 42px rgba(6,40,75,.18);color:var(--ink);opacity:0;transform:translateY(12px) scale(.98);pointer-events:none;transition:opacity .32s ease,transform .32s cubic-bezier(.2,.75,.25,1)}.whatsapp-message.is-open{opacity:1;transform:none;pointer-events:auto}.whatsapp-close{position:absolute;right:11px;top:9px;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:#617383;font-size:23px;line-height:1;display:grid;place-items:center;transition:background .2s,color .2s}.whatsapp-close:hover,.whatsapp-close:focus-visible{background:#edf4f5;color:var(--navy)}.whatsapp-brand{font:700 11px/1.4 Manrope,sans-serif;letter-spacing:.04em;color:var(--navy);margin:0 36px 3px 0}.whatsapp-status{display:flex;align-items:center;gap:6px;margin:0 0 20px;color:#647a83;font-size:10px}.whatsapp-status:before{content:'';width:6px;height:6px;border-radius:50%;background:#18b98c}.whatsapp-message>strong{display:block;font:600 21px/1.2 Manrope,sans-serif;letter-spacing:-.035em;margin-bottom:8px}.whatsapp-message>p:not(.whatsapp-brand):not(.whatsapp-status){font-size:13px;line-height:1.65;color:#536776;margin:0 0 18px}.whatsapp-chat{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;border-radius:9px;background:#18b98c;color:#fff;font-size:12px;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s}.whatsapp-chat:hover,.whatsapp-chat:focus-visible{background:#108d6c;transform:translateY(-1px);box-shadow:0 7px 15px rgba(24,185,140,.23)}
@media(max-width:700px){.whatsapp-widget{right:16px;bottom:16px}.floating-whatsapp{width:58px;height:58px}.whatsapp-message{width:min(310px,calc(100vw - 32px));bottom:72px;padding:18px}}
@media(prefers-reduced-motion:reduce){.floating-whatsapp:before,.floating-whatsapp:after{animation:none;opacity:0}.whatsapp-message{transition:none}}

/* ============================================================
   HERO + HEADER + WHATSAPP — cinematic refresh
   ============================================================ */
.nav-wrap,.hero-grid,.hero-scroll{width:min(1400px,100% - 10vw);margin-inline:auto}

/* --- Header --- */
.site-header{background:transparent;border-bottom:1px solid transparent;transition:background .3s ease,box-shadow .3s ease,border-color .3s ease;animation:heroFade .7s .05s both}
.nav-wrap{height:104px;gap:32px;transition:height .3s ease}
.site-header.scrolled,.site-header.menu-open{background:rgba(6,40,75,.9);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-bottom-color:rgba(255,255,255,.1);box-shadow:0 6px 26px rgba(3,20,40,.18)}
.scrolled .nav-wrap{height:80px}
.site-header .brand-logo{width:auto;height:64px;max-width:none;filter:drop-shadow(0 2px 10px rgba(3,20,40,.35));transition:height .3s ease}
.scrolled .site-header .brand-logo,.site-header.scrolled .brand-logo{height:56px}
.main-nav{gap:34px;font-size:13px;font-weight:500}
.main-nav a:not(.nav-cta){color:rgba(255,255,255,.88)}
.main-nav a:not(.nav-cta):after{bottom:-6px;background:var(--cyan)}
.nav-cta{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--navy);padding:14px 25px;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:-.01em;transition:background .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease}
.nav-cta span{display:inline-block;transition:transform .25s ease}
.nav-cta:hover,.nav-cta:focus-visible{background:#fff;color:var(--navy);transform:translateY(-2px);box-shadow:0 10px 24px rgba(3,20,40,.22)}
.nav-cta:hover span,.nav-cta:focus-visible span{transform:translateX(3px)}

/* --- Hero media + overlay --- */
.hero{min-height:100svh;position:relative;overflow:hidden;display:flex;align-items:center}
.hero-media video,.hero-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%}
.hero-fallback{background:url('assets/images/hero/hero-still.jpg') 50% 42%/cover no-repeat}
.hero-shade{z-index:2;background:linear-gradient(90deg,rgba(3,24,42,.92) 0%,rgba(3,31,52,.78) 25%,rgba(4,40,58,.45) 48%,rgba(4,40,58,.1) 72%,rgba(4,40,58,0) 100%),linear-gradient(180deg,rgba(3,24,42,.45) 0%,rgba(3,24,42,.05) 26%,rgba(3,24,42,0) 62%,rgba(3,24,42,.3) 100%)}
/* A soft curved form that breaks the rectangular feel, blended into the gradient. */
.hero-curve{position:absolute;left:-18%;bottom:-30%;width:86%;height:128%;z-index:2;pointer-events:none;border-radius:0 0 70% 0;background:radial-gradient(ellipse 78% 72% at 12% 88%,rgba(2,20,36,.5),rgba(2,20,36,.16) 55%,transparent 78%);filter:blur(34px)}

/* --- Hero content --- */
.hero-grid{position:relative;z-index:3;padding:150px 0 132px}
.hero-copy{max-width:660px}
.hero .eyebrow{display:flex;align-items:center;gap:14px;font:700 12px/1.4 Manrope,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#3fd6d0;margin:0 0 26px}
.hero .eyebrow:before{content:'';width:46px;height:1px;flex:none;background:linear-gradient(90deg,#22d3c5,rgba(34,211,197,.1))}
.hero h1{font-size:clamp(58px,6vw,92px);font-weight:600;line-height:.97;letter-spacing:-.04em;margin:0 0 30px}
.hero h1 span{display:block}
.hero h1 .hero-line-1{color:#fff}
.hero h1 .hero-line-2{color:#22d3c5;background:linear-gradient(90deg,#22d3c5,#10b8db);-webkit-background-clip:text;background-clip:text;padding-bottom:.06em}
@supports ((-webkit-background-clip:text) or (background-clip:text)){.hero h1 .hero-line-2{color:transparent}}
.hero-lead{font-size:clamp(18px,1.35vw,21px);line-height:1.55;max-width:540px;color:rgba(255,255,255,.88);margin:0 0 38px}

/* --- Hero buttons --- */
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.hero .btn{gap:11px;border-radius:999px;padding:16px 28px;min-height:56px;font-size:14px;font-weight:700;letter-spacing:-.01em}
.hero .btn span{display:inline-block;transition:transform .25s ease}
.hero .btn:hover span,.hero .btn:focus-visible span{transform:translateX(3px)}
.hero .btn-primary{background:#fff;color:var(--navy);border-color:#fff}
.hero .btn-primary:hover,.hero .btn-primary:focus-visible{background:#fff;transform:translateY(-2px);box-shadow:0 14px 32px rgba(3,20,40,.3)}
.hero .btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.55);color:#fff}
.hero .btn-ghost:hover,.hero .btn-ghost:focus-visible{background:rgba(255,255,255,.1);border-color:#fff;transform:translateY(-2px);box-shadow:none}
.hero .btn-ghost .wa-glyph{width:19px;height:19px;flex:none}

/* --- Trust row --- */
.hero-trust{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;margin-top:34px;font-size:13px;color:rgba(255,255,255,.82)}
.hero-trust>*{display:flex;align-items:center;gap:10px;margin:0}
.hero-trust>*:not(:last-child):after{content:'';width:1px;height:14px;background:rgba(255,255,255,.3)}
.hero-trust .hero-proof{font-size:13px;gap:9px}
.hero-trust .hero-proof .stars{color:#2fd3c8;letter-spacing:.1em;font-size:12px}
.hero-trust .hero-proof strong{font-weight:500;color:rgba(255,255,255,.92)}

/* --- Scroll indicator --- */
.hero-scroll{position:absolute;left:0;right:0;bottom:34px;z-index:3;display:flex;align-items:center;gap:12px;width:min(1400px,100% - 10vw);font:600 11px/1 Manrope,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.66);transition:color .25s ease}
.hero-scroll:hover,.hero-scroll:focus-visible{color:#fff}
.hero-scroll:after{content:none}
.hero-scroll-arrow{width:13px;height:20px;flex:none;border:1px solid rgba(255,255,255,.5);border-radius:999px;position:relative;animation:heroScrollNudge 1.8s ease-in-out infinite}
.hero-scroll-arrow:before{content:'';position:absolute;left:50%;top:4px;width:2px;height:5px;border-radius:2px;background:currentColor;transform:translateX(-50%)}
@keyframes heroScrollNudge{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}

/* --- Hero entrance --- */
@keyframes heroFade{from{opacity:0}to{opacity:1}}
@keyframes heroRise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.hero-copy>*{animation:heroRise .7s cubic-bezier(.2,.7,.25,1) both}
.hero-copy>.eyebrow{animation-delay:.1s}
.hero-copy>h1{animation:none}
.hero h1 span{animation:heroRise .75s cubic-bezier(.2,.7,.25,1) both}
.hero h1 .hero-line-1{animation-delay:.18s}
.hero h1 .hero-line-2{animation-delay:.28s}
.hero-copy>.hero-lead{animation-delay:.4s}
.hero-copy>.hero-actions{animation-delay:.52s}
.hero-copy>.hero-trust{animation-delay:.65s}
.hero-scroll{animation:heroFade .8s .8s both}

/* --- WhatsApp widget --- */
.floating-whatsapp .wa-glyph{width:30px;height:30px}
.whatsapp-widget{right:24px;bottom:24px}
.floating-whatsapp{width:62px;height:62px;background:#18b98c;border:0;box-shadow:0 12px 30px rgba(6,40,75,.26)}
.floating-whatsapp:hover,.floating-whatsapp:focus-visible{transform:translateY(-2px) scale(1.05);box-shadow:0 18px 38px rgba(6,40,75,.32)}
.floating-whatsapp:before,.floating-whatsapp:after{inset:-9px;border-color:rgba(24,185,140,.3)}
.whatsapp-message{width:288px;padding:17px 18px;border-radius:18px;border:0;box-shadow:0 15px 50px rgba(0,0,0,.18);bottom:80px;transform:translateY(12px) scale(.97);transition:opacity .35s ease,transform .35s cubic-bezier(.2,.75,.25,1),box-shadow .25s ease}
.whatsapp-message.is-open:hover{transform:translateY(-3px);box-shadow:0 22px 60px rgba(0,0,0,.22)}
.whatsapp-message>strong{font-size:19px;margin-bottom:6px}
.whatsapp-message>p:not(.whatsapp-brand):not(.whatsapp-status){margin-bottom:15px}
.whatsapp-status{margin-bottom:14px}
.whatsapp-chat{gap:8px;border-radius:999px;min-height:46px}
.whatsapp-chat span{display:inline-block;transition:transform .25s ease}
.whatsapp-chat:hover span,.whatsapp-chat:focus-visible span{transform:translateX(3px)}

/* --- Breakpoints --- */
@media(max-width:1150px){.main-nav{gap:24px}.site-header .brand-logo{height:58px}}
@media(max-width:980px){
  .nav-wrap,.hero-grid,.hero-scroll{width:calc(100% - 56px)}
  .nav-wrap{height:88px}.scrolled .nav-wrap{height:76px}
  .site-header .brand-logo{height:54px}.site-header.scrolled .brand-logo{height:48px}
  .main-nav{background:rgba(6,40,75,.97);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:0 0 22px 22px;padding:20px 26px 26px;gap:2px}
  .main-nav .nav-cta{justify-content:center;margin-top:14px}
  .hero-media video,.hero-fallback{object-position:42% 36%}
  .hero-fallback{background-position:42% 36%}
  .hero-shade{background:linear-gradient(90deg,rgba(3,24,42,.93) 0%,rgba(3,31,52,.82) 30%,rgba(4,40,58,.52) 58%,rgba(4,40,58,.16) 80%,rgba(4,40,58,0) 100%),linear-gradient(180deg,rgba(3,24,42,.45) 0%,rgba(3,24,42,.05) 26%,rgba(3,24,42,0) 62%,rgba(3,24,42,.3) 100%)}
  .hero-grid{padding:128px 0 124px}
  .hero-copy{max-width:560px}
  .hero h1{font-size:clamp(52px,7.4vw,76px)}
}
@media(max-width:700px){
  .nav-wrap,.hero-grid,.hero-scroll{width:calc(100% - 36px)}
  .nav-wrap{height:76px}.scrolled .nav-wrap{height:68px}
  .site-header .brand-logo{height:48px}.site-header.scrolled .brand-logo{height:44px}
  .hero-media video,.hero-fallback{object-position:40% 34%}
  .hero-fallback{background-position:40% 34%}
  .hero-shade{background:linear-gradient(90deg,rgba(3,24,42,.94) 0%,rgba(3,28,48,.88) 44%,rgba(4,40,58,.58) 72%,rgba(4,40,58,.24) 100%),linear-gradient(180deg,rgba(3,24,42,.5) 0%,rgba(3,24,42,.06) 28%,rgba(3,24,42,.12) 60%,rgba(3,24,42,.5) 100%)}
  .hero-curve{left:-30%;width:110%;filter:blur(44px)}
  .hero-grid{padding:132px 0 126px}
  .hero-copy{max-width:none}
  .hero .eyebrow{font-size:11px;letter-spacing:.17em;gap:11px;margin-bottom:22px}
  .hero .eyebrow:before{width:30px}
  .hero h1{font-size:clamp(46px,12vw,68px);line-height:1;letter-spacing:-.04em;margin-bottom:22px}
  .hero-lead{font-size:17px;max-width:400px;margin-bottom:30px}
  .hero .btn{padding:15px 24px;min-height:53px;font-size:13px}
  .hero-trust{gap:7px 14px;margin-top:28px;font-size:12px}
  .hero-trust .hero-proof{font-size:12px}
  .hero-scroll{bottom:26px;font-size:10px;letter-spacing:.15em}
  .whatsapp-widget{right:16px;bottom:16px}
  .floating-whatsapp{width:56px;height:56px}
  .floating-whatsapp .wa-glyph{width:27px;height:27px}
  .whatsapp-message{width:min(288px,calc(100vw - 32px));bottom:72px}
}
@media(max-width:560px){
  .hero-trust{gap:8px 12px}
  .hero-trust>*:not(:last-child):after{display:none}
  .hero-trust>*{gap:8px}
  .hero-trust .hero-proof{flex-basis:100%}
}
@media(max-width:430px){
  .hero-actions{flex-direction:column;align-items:stretch;gap:11px}
  .whatsapp-message{width:calc(100vw - 32px);max-width:272px;padding:15px 16px;bottom:68px}
  .whatsapp-message>strong{font-size:18px}
  .hero .btn{width:100%}
  .hero-lead{max-width:none}
}
@media(prefers-reduced-motion:reduce){
  .hero-copy>*,.hero h1 span,.hero-scroll,.site-header{opacity:1!important;transform:none!important}
  .hero-scroll-arrow{animation:none!important}
}
.hero-scroll span:last-child,.hero-scroll-text{font-size:inherit;letter-spacing:inherit}

/* --- Press clipping --- */
.press-card{grid-template-columns:210px 1fr 1fr;gap:44px}
.press-clipping{margin:0;border-radius:12px;overflow:hidden;box-shadow:0 14px 34px rgba(2,16,32,.34);line-height:0}
.press-clipping img{width:100%;height:auto;display:block}
@media(min-width:981px) and (max-width:1150px){.press-card{grid-template-columns:170px 1fr 1fr;gap:34px}}
@media(max-width:980px){.press-card{grid-template-columns:150px 1fr;gap:26px 34px}.press-clipping{grid-row:span 2;align-self:center}.press-brand{border-right:0;border-bottom:1px solid #ffffff25;padding:0 0 22px}}
@media(max-width:700px){.press-card{grid-template-columns:1fr}.press-clipping{grid-row:auto;width:min(260px,72%)}}