
:root{--ink:#173746;--paper:#f7fbfc;--ice:#baf0f5;--line:#183b4a25}body{background:#f4f9fb;color:var(--ink)}.hero{color:#fff}.hero-shade{background:linear-gradient(90deg,#10293680,#10293626 55%,transparent 82%),linear-gradient(0deg,#10293666,transparent 60%)}.hero-copy{text-shadow:0 2px 12px #071c3444}.service-number{color:#527587}.service-icon{color:#3f8da7}.service-card p{color:#567483}.service-card:hover h3{color:#287a9a}.service-quote{color:#237797;font-weight:500}.service-info{color:#365e70;border-color:#82abbf88}.service-info:hover{background:#c8e8ef66}.section-heading>p:last-child:not(.eyebrow){color:#527382}.company{background:#fff}.illustrative-gallery{background:#eff7fa}.voices{background:#eaf4f8}.gallery-item{color:var(--ink)}.company .section-heading>p:last-child{color:#567483}.faq summary{color:#244b60}.faq details{border-color:#7298ab40}.faq details>p{color:#4f7184}.gallery-track{scroll-behavior:auto;scroll-snap-type:none;overscroll-behavior-x:contain}.gallery-item{user-select:none;-webkit-user-select:none}.gallery-item img{-webkit-user-drag:none;pointer-events:none}.gallery-track.dragging .gallery-item{cursor:grabbing}
/* Transparent blue tint, with no darkening filter or bright rim. */
.site-header,.nav-panel,.hero-ticket,.sticky-whatsapp,.panel-close,.hotspot,.site-footer,.contact-card .action,.hero-ticket:hover,.sticky-whatsapp:hover{background:rgba(63,137,174,.17);border:0;box-shadow:none;backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%);color:#fff;text-shadow:0 1px 5px #173d57b3}.site-header a,.site-header button,.nav-panel a,.nav-panel>p:last-child,.hero-ticket strong,.hero-ticket>span,.hero-ticket b,.site-footer p,.site-footer a,.site-footer h2,.panel-close{color:#fff}.site-header .brand img{filter:drop-shadow(0 1px 3px #173d5780)}.nav-panel{background:rgba(55,126,166,.36);backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%)}.route-cover{background:#87cae31a;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.site-footer{background:#aacbd96b}.site-footer h2,.site-footer .footer-bottom{text-shadow:0 1px 7px #173d57b3}.site-footer .brand{filter:drop-shadow(0 1px 3px #173d5780)}
/* The WhatsApp quote is deliberately the strongest opaque color. */
.sticky-whatsapp,.sticky-whatsapp:hover,.site-header .header-cta,.hero-ticket,.hero-ticket:hover,.footer-contact .action{background:#baf0f5;color:#123a4b;text-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 5px 22px #1c79952b}.hero-ticket strong,.hero-ticket>span,.hero-ticket b,.site-header .header-cta{color:#123a4b}.site-header .header-cta{border:0;border-radius:35px;padding:11px 17px;gap:16px}.sticky-whatsapp{font-weight:600}.hero-ticket strong{font-weight:400}
/* A quick static illustration rather than a pinned scroll scene. */
.technical{height:auto;min-height:0;padding:65px var(--pad);background:#e7f3f8}.technical-sticky{position:relative;top:auto;min-height:0;height:auto;padding:0;display:grid;grid-template-columns:.85fr 1.35fr;align-items:center;gap:30px;overflow:visible}.technical-heading{max-width:380px}.technical-heading h2{font-size:clamp(34px,4vw,58px);margin:18px 0}.tech-caption{font-size:11px;color:#5f8395}.diagram-wrap{position:relative;left:auto;right:auto;bottom:auto;width:100%;height:auto}.split-diagram{transform:none!important}.technical .hotspot,.technical-bottom{display:none}
/* Continuous right-to-left testimonials. Each invented avatar is labelled. */
.marquee-window{margin:32px calc(var(--pad)*-1) 0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.marquee-track{display:flex;width:max-content;animation:testimonial-marquee 32s linear infinite;will-change:transform}.marquee-group{display:flex;gap:22px;padding-right:22px;flex:none}.testimonial-card{flex:none;width:370px;padding:29px;background:#ffffffd9;border:1px solid #c8dfe9;border-radius:18px;box-shadow:0 4px 20px #17485b06;display:flex;flex-direction:column;justify-content:space-between;min-height:230px}.testimonial-card blockquote{font-size:24px;line-height:1.35;letter-spacing:-.025em;color:#234b60}.testimonial-person{display:flex;align-items:center;gap:13px;margin-top:25px}.testimonial-person img{width:52px;height:52px;object-fit:cover;border-radius:50%;filter:saturate(.8)}.testimonial-person p{font-size:14px;font-weight:550}.testimonial-person small{display:block;font-size:9px;color:#668798;margin-top:3px}.marquee-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;color:#628394}.marquee-meta>small{font-size:10px}.marquee-pause{background:#d6e9f1;border:1px solid #b3cfdd;color:#2b5a70;border-radius:50%;width:30px;height:30px;flex:none}.marquee-window.paused .marquee-track,.marquee-window:hover .marquee-track,.marquee-window:focus-within .marquee-track{animation-play-state:paused}.faq{padding-top:65px}.falling-snow{color:#286a8d;background:radial-gradient(circle,#64a5c825,transparent 72%)}.falling-snow svg{filter:drop-shadow(0 0 2px #497e9f33)}.snow-scrollbar-thumb{background:linear-gradient(#528fadbb,#286588aa)}
@keyframes testimonial-marquee{to{transform:translateX(-50%)}}
@media(max-width:700px){.technical{padding:45px 22px}.technical-sticky{grid-template-columns:1fr;gap:20px}.technical-heading h2{font-size:37px;margin:14px 0}.diagram-wrap{margin-top:-10px}.testimonial-card{width:300px;min-height:230px;padding:24px}.testimonial-card blockquote{font-size:23px}.marquee-window{margin-left:-22px;margin-right:-22px}.marquee-group{gap:16px;padding-right:16px}.voices{padding-top:55px}.site-footer h2{font-size:64px}}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none;transform:none}.marquee-window{overflow-x:auto;mask-image:none}.marquee-group[aria-hidden]{display:none}.testimonial-card{scroll-snap-align:start}.marquee-pause{display:none}}

.marquee-window:focus{outline:2px solid #5793ae;outline-offset:6px}.testimonial-example{display:block;color:#688696;letter-spacing:.06em;font:9px RobotoMono,monospace;margin-bottom:12px}.testimonial-card[data-example]{background:#f8fcfd;border-style:dashed}.testimonial-person small{max-width:235px}.marquee-track{animation-duration:44s}.work-section{background:#fff;padding-top:75px;padding-bottom:55px;overflow:hidden}.work-section .section-heading{margin-bottom:18px}.work-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;padding:48px 0;overflow:visible}.work-tile{display:block;position:relative;aspect-ratio:1;border:0;padding:0;background:#edf4f8;border-radius:7px;overflow:hidden;will-change:transform}.work-photo{display:block;width:100%;height:100%;object-fit:cover}.work-tile>span{position:absolute;right:9px;bottom:8px;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#ffffff9c;color:#1e536d;font-size:16px;pointer-events:none}.work-source-note{font-size:10px;color:#7291a1;margin-top:5px}.work-tile:hover>span{background:#baf0f5}.work-tile:focus-visible{outline:2px solid #237c9e;outline-offset:4px}
@media(max-width:1000px){.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:30px 0}}@media(max-width:700px){.work-section{padding-top:55px;padding-bottom:40px}.work-grid{gap:8px;padding:20px 0}.work-tile{border-radius:4px}.work-tile>span{width:19px;height:19px;right:5px;bottom:5px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.work-tile{will-change:auto}}

.site-header nav a,.site-header .menu-toggle,.nav-panel a{text-shadow:0 1px 2px #173d57cc}.site-header nav a{font-weight:500}.site-header .brand img{filter:drop-shadow(0 1px 1px #173d57a0)}

/* v5: quiet airflow, unboxed testimonials and 5% text shadows. */
.falling-snow{color:#548299;background:transparent;border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none}.falling-snow svg{filter:none;stroke-width:.8}.testimonial-card,.testimonial-card[data-example]{background:transparent;border:0;box-shadow:none;border-radius:0}.site-header,.nav-panel,.hero-ticket,.sticky-whatsapp,.panel-close,.hotspot,.site-footer,.contact-card .action,.hero-ticket:hover,.sticky-whatsapp:hover,.site-header a,.site-header button,.site-header nav a,.site-header .menu-toggle,.nav-panel a,.site-footer h2,.site-footer p,.site-footer a,.hero-copy{text-shadow:0 1px 3px rgba(17,53,75,.05)}.site-header .brand img{filter:drop-shadow(0 1px 1px rgba(17,53,75,.05))}
