/* MEMOS / The Connected Journey — brand-preserving cinematic refinement */
:root{--copper:#28adf6;--copper-soft:#c4ebff;--cin-night:#071c34;--cin-ink:#05182c;--cin-paper:#e6f1f6;--ice:#67cafa}
html{scroll-behavior:smooth}body{background:#051728;color:#f6fbff}
::selection{background:#269ee2;color:#fff}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
.site-header{background:linear-gradient(180deg,#061b30ef,#061b30a6 72%,#061b3000);border:0;height:var(--header-height);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.nav-bar{height:100%}.site-header .brand,.footer-top .brand{display:inline-flex;align-items:center;flex:none;gap:0;min-width:0}
.brand img.official-logo{height:auto;width:clamp(135px,12vw,176px);object-fit:contain;display:block;max-height:59px}
.site-header nav{gap:clamp(18px,2vw,34px)}.site-header nav>a{font-size:11px;color:#dae6ee;letter-spacing:.035em;position:relative}.site-header nav>a:hover{color:#fff}
.site-header nav>a:after{content:'';width:0;height:1px;position:absolute;left:0;bottom:8px;background:#22a9fa;transition:width .4s cubic-bezier(.2,.9,.2,1)}.site-header nav>a:hover:after{width:100%}
.nav-contact{color:#dff5ff;background:#14689b20;border:1px solid #57b6ed8a;border-radius:2px;text-transform:uppercase;letter-spacing:.095em;font-size:10px;padding:12px 19px}
.nav-contact:hover{background:#159de551;border-color:#7ad6ff}
.reading-progress span{background:linear-gradient(90deg,#0764ad,#64d6ff)}
.cine{height:500svh;background:#05182c}.cine-stage{background:#05182c}
.cine-shot-road img,.cine-shot-road video{object-position:58% 58%}.cine-shot-dispatch img{object-position:62% 50%}.cine-shot-loading img{object-position:62% 52%}
.cine-shot-dispatch{filter:saturate(.85) brightness(.75)}.cine-shot-loading{filter:saturate(.83) brightness(.85)}
.cine-shots{z-index:-3}.cine-shot{background:#061d33}.cine-light{background:linear-gradient(90deg,rgba(2,13,27,.91) 0%,rgba(3,18,31,.77) 29%,rgba(3,18,31,.30) 72%,rgba(3,17,29,.38) 100%),linear-gradient(0deg,rgba(2,14,28,.88),transparent 24%,transparent 63%,rgba(3,17,28,.40))}
.cine-grain{opacity:.075}.cine-lens{position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 54% at 82% 42%,transparent 35%,#0416273b 100%);mix-blend-mode:multiply}
.cine-route{opacity:.68;filter:drop-shadow(0 0 15px #1eacfb79)}.cine-route-ghost{stroke:#9bcbea66}.cine-route-line{stroke:#4ebfff;stroke-width:2.15}
.cine-route-point{fill:#8edcff}
.cine-chapter-inner{width:min(1320px,calc(100% - 120px));padding-top:5vh}.cine-chapter h1,.cine-chapter h2{font-weight:600;letter-spacing:-.075em;text-shadow:0 7px 38px #00121c46}.cine-chapter h1{font-size:clamp(69px,8.35vw,136px)}
.cine-chapter h2{font-size:clamp(60px,7vw,116px)}
.cine-chapter h1 em,.cine-chapter h2 em{color:#8ad7ff;font-weight:400}
.cine-lead{font-weight:500}.cine-small{color:#e1edf3}.cine-kicker{font-size:9px;color:#a8e8ff;letter-spacing:.18em}.cin-dot{background:#39c4ff;box-shadow:0 0 20px #57c5ff}
.cine-primary{color:#041a2a;background:#63c5fa;border-color:#63c5fa;border-radius:3px;text-transform:uppercase;letter-spacing:.075em;font-weight:700}
.cine-primary:hover{background:#adf1ff;border-color:#adf1ff;transform:translateY(-2px)}
.cine-film-trigger:hover .cine-play{background:#28a4ee44}.cine-play{border-color:#bfefffaa}.cine-hud{width:min(1320px,calc(100% - 120px));bottom:28px}.cine-hud-label{color:#d9f1fa;letter-spacing:.23em}
.cine-hud-controls button{border-radius:3px;background:#061d30aa;border-color:#8acbee52}.cine-hud-controls button:hover{border-color:#73d6ff}
.cine-rail-link:hover,.cine-rail-link.is-active{color:#a0e4ff}.cine-rail-line i{background:#4dbdff}.cine-scroll-label b{color:#76d8ff}
.cine-chapter-count{right:5%;top:16%;color:#d7f2ff}.cine-chapter-count b{opacity:.2}.stage-watermark{position:absolute;bottom:22%;right:-14px;z-index:4;writing-mode:vertical-rl;letter-spacing:.3em;font-size:8px;opacity:.42;pointer-events:none}
/* Fourth chapter deliberately uses an original animated signal-space, not a repeated highway image */
.cine-shot-finale{background:radial-gradient(ellipse 52% 75% at 72% 40%,#13517f 0%,#092747 50%,#041527 100%)}
.finale-grid{position:absolute;inset:-12%;transform:perspective(600px) rotateX(27deg) scale(1.2);transform-origin:50% 50%;background-image:linear-gradient(#62a9d419 1px,transparent 1px),linear-gradient(90deg,#62a9d419 1px,transparent 1px);background-size:57px 57px;mask-image:radial-gradient(ellipse at 75% 58%,#0008 0,transparent 71%)}
.finale-lines{position:absolute;width:115%;height:115%;left:-3%;top:-8%;opacity:.74;filter:drop-shadow(0 0 14px #29abef66);transform:translate3d(0,calc(var(--cine-progress,0)*-9%),0) scale(1.045)}
.finale-nodes circle{filter:drop-shadow(0 0 9px #2ec4ff);animation:node-pulse 3s ease-in-out infinite alternate}.finale-nodes circle:nth-child(even){animation-delay:-1.2s}
.finale-caption{position:absolute;bottom:17%;right:6%;letter-spacing:.18em;color:#c3eaff6c;font-size:9px;white-space:nowrap}
@keyframes node-pulse{from{opacity:.35}to{opacity:1}}
/* All sections belong to one continuous navy-to-midnight surface */
.services{background:radial-gradient(ellipse at 72% 22%,#0e3858 0%,transparent 49%),linear-gradient(180deg,#05182c 0%,#08243d 57%,#071c34 100%);padding-top:140px;padding-bottom:160px}
.services:before{background:radial-gradient(ellipse at 2% 44%,#1473b11e,transparent 54%)}
.services .section-head{margin-bottom:67px}.services .section-head h2{font-size:clamp(45px,5.4vw,81px);line-height:1.03;max-width:960px}
.services .muted-heading{color:#83b4d8}.services .service-detail .service-no{color:#48bfff}.services .service-answer a{border-color:#8cc3dd55}.services .service-answer p{color:#c5dbe8}
.services .service-detail{border-color:#9ac7e544}.services .service-detail summary:hover h3{color:#a4e8ff}
.service-map{min-height:570px;max-height:710px;position:relative;border:1px solid #87bbd422;box-shadow:0 35px 90px #0002;background:radial-gradient(ellipse at 66% 35%,#0d4462,#061829 73%)!important}
.service-map-panel{position:relative;width:100%;height:100%;min-height:570px;overflow:hidden;isolation:isolate}
.service-map-panel:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#07192900,#051624d9 95%);pointer-events:none;z-index:2}
.signal-topline{position:absolute;left:6%;top:30px;right:6%;display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.13em;color:#c3e6f7;z-index:4}
.signal-live{display:inline-block;border-radius:50%;width:5px;height:5px;background:#4bd7ff;box-shadow:0 0 12px #72ecff;margin-right:9px}
.signal-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:.98}
.signal-main-line{stroke-dasharray:1170;stroke-dashoffset:calc(1170 * (1 - var(--signal-progress, 0)));filter:drop-shadow(0 0 9px #30b8ff98)}
.signal-node{opacity:calc(.6 + var(--signal-progress,0)*.4)}
.signal-tag{position:absolute;z-index:3;max-width:230px;min-width:147px;padding:16px 16px 17px;background:#092c4cae;border:1px solid #8accea52;backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:6px;transform:translate3d(0,calc(19px * (1 - var(--signal-progress,0))),0);opacity:calc(.48 + var(--signal-progress,0)*.52)}
.signal-tag small{font-size:8px;letter-spacing:.12em;color:#77cdf4}.signal-tag b{color:#f4fcff;font-size:16px;font-weight:600;letter-spacing:-.03em}.signal-tag span{color:#b9dceb;font-size:10px}
.signal-a{left:8%;top:27%}.signal-b{right:8%;top:47%}.signal-c{left:21%;bottom:13%}.signal-axis{position:absolute;bottom:25px;right:25px;z-index:5;font-size:8px;letter-spacing:.13em;color:#d2e1ed8f}
.services .service-map figcaption{z-index:6;color:#e6f6ff;background:linear-gradient(transparent,#071623ed);padding-bottom:22px}
/* One continuous cinematic passage without another copy of a truck image */
.cine-interlude{min-height:100svh;background:#061d32}
.cine-interlude-image{background:radial-gradient(ellipse 70% 80% at 69% 63%,#145b89 0%,#083657 28%,#071c32 68%,#051629 100%)}
.interlude-glow{position:absolute;inset:-10%;background:radial-gradient(ellipse at 77% 63%,#7ac8ff40,transparent 55%),radial-gradient(ellipse at 94% 75%,#1e89d62e,transparent 35%);transform:translate3d(0,var(--interlude-y,0px),0) scale(var(--interlude-scale,1));filter:blur(4px)}
.interlude-arc{position:absolute;width:135vw;height:135vw;border:1px solid #7ac4f72b;border-radius:50%;bottom:-91vw;right:-33vw;box-shadow:0 0 85px #409ce525;transform:scale(var(--interlude-scale,1))}.interlude-arc-b{inset:auto -19vw -86vw auto;width:102vw;height:102vw;border-color:#6ebaff47;box-shadow:0 0 55px #138ef020}
.interlude-road{position:absolute;width:170vw;height:3px;bottom:32%;left:-24%;background:linear-gradient(90deg,transparent,#41bfff,#bcf3ff,transparent);transform:rotate(-18deg) translate3d(calc(var(--interlude-y,0px) * -3),0,0);box-shadow:0 0 20px #42beff,0 0 100px #7dbefa;opacity:.74}
.interlude-pin{position:absolute;width:9px;height:9px;background:#b8efff;border:2px solid #0b6396;border-radius:50%;box-shadow:0 0 0 12px #2397f51b,0 0 30px #6cc9ff}.pin-a{left:65%;top:47%}.pin-b{left:85%;top:62%}
.cine-interlude-shade{background:linear-gradient(90deg,#041426ed 0%,#061c2fb2 42%,transparent 95%),linear-gradient(0deg,#0313228a,transparent 48%)}
.cine-interlude h2 em{color:#91dcff}.cine-interlude-copy>a{border-color:#68c8fa}.cine-interlude-copy>a span{color:#5fceff}
/* Brief leads into the founder and business info without a visual hard cut */
.brief{color:#f8fbff;background:radial-gradient(ellipse at 90% 0%,#0d3a5d 0%,transparent 50%),linear-gradient(180deg,#061b33,#082744 96%);padding:120px 0 135px}
.brief:before{background:#072541;height:0}.brief .eyebrow.dark{color:#67c9fa}.brief-grid>div>p:not(.eyebrow){color:#c6dce9}.brief h2{color:#fff;line-height:1.03}
.brief-controls{background:#0a2b48b8;border:1px solid #89c9e92e;padding:32px;box-shadow:0 15px 45px #0002}
.brief-controls legend{color:#a9d9f2}.choice-group button{color:#cae5f3;border-color:#709dba85;background:#06233c}.choice-group button[aria-pressed=true]{color:#04182a;background:#70ccff;border-color:#70ccff;font-weight:700}.choice-group button:hover{border-color:#a2e4ff}
.brief-result{border-color:#6aafd055}.brief-result>p+p{color:#c6ddeb}.brief-result>small{color:#a6c9da}
.brief-result>.button{color:#032034;background:#84d6ff;border-color:#84d6ff;border-radius:3px}.brief-result>.button:hover{background:#c2f2ff}
.brief-mini{height:100px;display:flex;align-items:center;gap:22px;margin-bottom:35px;border-bottom:1px solid #5fa2c14a;padding:0 0 20px}.brief-mini img{width:119px;height:76px;object-fit:cover;object-position:center;border:1px solid #5ba4ce45;filter:saturate(.77)}.brief-mini>div{display:flex;flex-direction:column;gap:8px}.brief-mini span{color:#91cbeb;font-size:8px;letter-spacing:.13em}.brief-mini strong{font-size:16px;font-weight:500;letter-spacing:-.03em}
.contact{background:radial-gradient(ellipse at 3% 100%,#0d4262 0%,transparent 53%),linear-gradient(180deg,#082744,#061d34 100%);padding:130px 0 150px}
.contact-grid{display:grid;grid-template-columns:minmax(180px,275px) minmax(0,1fr);gap:clamp(50px,8vw,150px);align-items:center}
.portrait-frame{width:min(100%,255px);justify-self:center;position:relative;align-self:center;box-shadow:0 25px 80px #0004;overflow:visible}
.portrait-frame:before{content:'';position:absolute;inset:-15px;pointer-events:none;border:1px solid #5ba9da55;transform:translate(9px,9px)}
.portrait-frame>img{width:100%;height:290px;max-height:none;object-fit:cover;object-position:50% 24%;filter:saturate(.85)}
.portrait-caption{position:static!important;padding-top:20px;background:none;max-width:250px}.portrait-caption span{font-size:9px;letter-spacing:.12em;color:#b1e3fc}.portrait-caption p{font-size:16px;color:#eaf7ff;line-height:1.25;margin-top:7px!important}
.contact h2{font-size:clamp(50px,6vw,96px);line-height:1.02}.contact h2 em{color:#89d8ff}.contact .eyebrow{color:#70cbfa}.contact-copy>p:not(.eyebrow){max-width:660px}
.contact-options>a b{color:#73caff}.contact-options>a{border-color:#77b5d44e}.contact-options>a:hover strong{color:#d5f4ff}
.business{background:linear-gradient(180deg,#061d34,#071a2d);padding:115px 0 125px;color:#f4faff}
.business .eyebrow.dark{color:#72c8f8}.business h2{color:#f9feff}.business .muted-heading{color:#91bdd6}.business-grid>div>p:not(.eyebrow){color:#b9d3e1}.business .company-details{border-color:#78acd138}.company-details>div{border-color:#8cbad444}.company-details dt{color:#86bcdb}.company-details dd{color:#e0eef7}.company-details dd a{color:#a9e3ff}
footer{position:relative;background:#061629;overflow:hidden}.footer-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 85% 0%,#1a5a8535,transparent 58%)}
.footer-top,.footer-bottom{position:relative}.footer-top .official-logo{width:190px;max-height:70px}.footer-top>p{font-size:11px;letter-spacing:.12em}.back-top{color:#96d8ff}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #7edcff;outline-offset:4px;box-shadow:0 0 0 6px #07263f}
/* Reveal elements as one visual system; never hide when scripting is unavailable. */
.js .reveal-cine{opacity:0;transform:translateY(25px);filter:blur(4px);transition:opacity .95s cubic-bezier(.2,.8,.2,1),transform 1.15s cubic-bezier(.19,1,.22,1),filter 1.1s ease}.js .reveal-cine.in-view{opacity:1;transform:translateY(0);filter:blur(0)}
@media(max-width:1100px){.cine-chapter-inner,.cine-hud{width:calc(100% - 78px)}.site-header nav{gap:17px}.contact-grid{gap:55px}.brief-controls{padding:25px}.service-map,.service-map-panel{min-height:510px}}
@media(max-width:800px){
 :root{--header-height:74px}.brand img.official-logo{width:152px;max-height:57px}.site-header nav{background:#071f36ed;backdrop-filter:blur(16px)}
 .cine{height:460svh}.cine-chapter-inner,.cine-hud{width:calc(100% - 46px)}.cine-chapter-inner{padding-top:3vh}.cine-chapter h1{font-size:clamp(62px,11.5vw,98px)}.cine-chapter h2{font-size:clamp(51px,9.5vw,83px)}
 .cine-kicker{font-size:8px}.cine-route{width:94vw;right:-20vw;opacity:.29}.stage-watermark,.finale-caption{display:none}
 .services{padding:92px 0 100px}.services .section-head h2{font-size:clamp(40px,7vw,62px)}.service-map,.service-map-panel{min-height:460px}.signal-topline{font-size:8px}.signal-tag{padding:12px;min-width:120px}.signal-tag b{font-size:13px}.signal-tag span{font-size:9px}.signal-a{top:25%;left:7%}.signal-b{top:40%;right:5%}.signal-c{bottom:12%;left:18%}
 .cine-interlude{min-height:83svh}.interlude-arc{width:190vw;height:190vw;bottom:-140vw;right:-65vw}.interlude-arc-b{width:135vw;height:135vw;bottom:-106vw;right:-18vw}
 .brief{padding:90px 0 105px}.contact{padding:100px 0}.contact-grid{grid-template-columns:185px 1fr;gap:35px}.portrait-frame{max-width:185px}.portrait-frame>img{height:226px}.portrait-caption{padding-top:13px}.contact h2{font-size:clamp(43px,6.6vw,65px)}
 .business{padding:85px 0}
}
@media(max-width:600px){
 .site-header .brand img.official-logo{width:125px}.nav-contact{min-height:39px;padding:8px 10px;font-size:9px}.nav-bar{gap:7px}
 .cine-stage{min-height:0}.cine{height:450svh}.cine-chapter{padding-top:100px;padding-bottom:104px}.cine-chapter-inner,.cine-hud{width:calc(100% - 36px)}
 .cine-chapter h1{font-size:clamp(53px,14.3vw,76px)}.cine-chapter h2{font-size:clamp(41px,11.9vw,61px)}
 .cine-chapter h1 em,.cine-chapter h2 em{max-width:100%}.cine-kicker{font-size:7px;letter-spacing:.095em}.cine-description{margin-top:23px;gap:9px}.cine-lead{font-size:17px}.cine-small{font-size:12px;max-width:335px}
 .cine-film-trigger{max-width:280px}.cine-actions{margin-top:20px}.cine-primary{padding:11px 12px;letter-spacing:0;font-size:10px;min-height:44px}.cine-chapter-count{display:none}.cine-hud{bottom:9px}.cine-route{right:-28%;opacity:.25}.cine-hud-controls .cine-pause{max-width:70px;min-height:40px}
 .service-map,.service-map-panel{min-height:385px}.signal-topline span:last-child{display:none}.signal-tag{padding:9px;min-width:104px;max-width:136px}.signal-tag b{font-size:12px}.signal-tag small{font-size:7px}.signal-tag span{font-size:8px}.signal-a{top:24%;left:6%}.signal-b{top:49%;right:4%}.signal-c{bottom:13%;left:7%}.signal-axis{font-size:6px;bottom:16px;right:13px}
 .brief-controls{padding:18px}.brief-mini{gap:14px}.brief-mini img{width:95px;height:67px}.brief-mini strong{font-size:14px}
 .contact-grid{grid-template-columns:1fr;gap:35px}.portrait-frame{max-width:165px;width:165px;justify-self:start;margin-left:15px}.portrait-frame>img{height:199px}.portrait-caption{max-width:175px}.portrait-caption p{font-size:14px}.contact h2{font-size:clamp(49px,12.2vw,65px)}
 .footer-top .official-logo{width:151px}.cine-interlude h2{font-size:clamp(42px,10vw,60px)}
}
/* This path is visually static and readable if motion is reduced. */
.motion-reduced .cine-shot-finale,.motion-reduced .cine-lens{display:none}.motion-reduced .cine-chapter:nth-child(4){background-image:linear-gradient(100deg,#041728ed,#15446ac9)!important}
.motion-reduced .reveal-cine,.js .motion-reduced .reveal-cine{opacity:1!important;transform:none!important;filter:none!important}
.motion-reduced .signal-main-line{stroke-dashoffset:0!important}.motion-reduced .finale-nodes circle{animation:none!important}
@media(prefers-reduced-motion:reduce){.js .reveal-cine{opacity:1!important;transform:none!important;filter:none!important}.signal-main-line{stroke-dashoffset:0!important}.finale-nodes circle{animation:none!important}.cine-chapter:nth-child(4){background-image:linear-gradient(100deg,#041728ed,#15446ac9)!important}}
/* Founder inset has its own caption below the photograph (not the old photo overlay). */
.portrait-frame:after{display:none!important}
.portrait-caption{left:auto!important;right:auto!important;bottom:auto!important;position:relative!important;color:#edf9ff!important;background:transparent!important}
.portrait-caption span{color:#b3e6ff!important}.portrait-caption p{color:#ecf7ff!important}
/* Selected choices must keep readable dark-on-cyan contrast. */
.brief .brief-controls .choice-group button[aria-pressed="true"]{background:#82d6ff!important;color:#06233b!important;border-color:#82d6ff!important;font-weight:700}
html:not(.js) .cine-chapter:nth-child(4){background-image:linear-gradient(100deg,#041728ed,#15446ac9)!important}