:root{--ink:#102a45;--blue:#086bd8;--orange:#ff863e}header{background:rgba(255,255,255,.96);backdrop-filter:blur(18px)}.digital-stage{min-height:720px;position:relative;display:flex;align-items:center;background:#061425}.hero-media{position:absolute;inset:0;overflow:hidden}.hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#061425 0%,#061425e8 25%,#06142566 65%,#06142520),linear-gradient(0deg,#061425cc,transparent 40%)}.hero-frame{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.6s ease,transform 7s linear;transform:scale(1.04)}.hero-frame.active{opacity:1;transform:scale(1)}.stage-content{position:relative;z-index:1;width:100%;padding-top:85px;padding-bottom:110px}.stage-content h1{font-size:clamp(48px,5.5vw,78px);max-width:850px;letter-spacing:-3px}.stage-content .intro{max-width:510px;font-size:18px;color:#d5e1ef}.stage-caption{position:absolute;bottom:0;left:0;right:0;padding:22px 4%;display:flex;justify-content:space-between;color:#9db6d1;font-size:10px;letter-spacing:2px;border-top:1px solid #ffffff20;z-index:1}.hero-controls{display:flex;align-items:center;gap:12px;margin-top:40px}.hero-controls button{color:white;border:1px solid #ffffff55;background:#091c3270;padding:9px 13px;cursor:pointer;border-radius:5px}.hero-controls .selected{background:var(--orange);border-color:var(--orange);color:#081b2f}.hero-controls #motion-toggle{font-size:11px;border:0}.expertise-strip{background:#086bd8;color:white;padding:24px 0}.expertise-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:11px;font-weight:bold;letter-spacing:1.4px}.expertise-strip i{font-style:normal;color:#ffb380;font-size:21px}.service{overflow:hidden;transition:transform .35s,box-shadow .35s,border-color .35s;background:#fff}.service:hover{transform:translateY(-6px);box-shadow:0 20px 50px #0b365317;border-color:#98bbdf}.service-image{width:calc(100% + 60px);max-width:none;height:200px;object-fit:cover;margin:-30px -30px 26px;transition:transform .6s}.service:hover .service-image{transform:scale(1.04)}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.feature-image{margin:0;position:relative;overflow:hidden;border-radius:20px;background:#0b2035}.feature-image img{display:block;width:100%;height:450px;object-fit:cover;transition:transform .8s}.feature-image:hover img{transform:scale(1.035)}.feature-image figcaption{padding:16px 22px;color:#c8d9e9;font-size:12px}.digital-feature{background:#081c31;color:white}.digital-feature .eyebrow{color:#ffad79}.digital-feature p{color:#b9cce0;line-height:1.9}.digital-feature .smallnote{font-size:11px}.service-detail{background:#f3f6fa}.service-detail h3{margin:30px 0 10px;font-size:19px}.service-detail p{color:var(--muted)}.service-detail .feature-image{position:sticky;top:110px;align-self:start}.digital-hero{background-image:linear-gradient(90deg,#081c31 10%,#081c31e8 45%,#081c3140),url('digital-platform.webp');background-size:cover;background-position:center}.subhero h1{max-width:850px}.reveal-ready{opacity:0;transform:translateY(26px);transition:opacity .65s ease,transform .65s ease}.reveal-ready.revealed{opacity:1;transform:none}.contact{background:linear-gradient(110deg,#081c31,#163f69);border:1px solid #315375}.btn{border-radius:6px}footer{background:#f7f9fc}@media(max-width:800px){.digital-stage{min-height:690px}.stage-content{padding-top:60px;padding-bottom:100px}.hero-media:after{background:linear-gradient(90deg,#061425ef,#06142590)}.stage-content h1{font-size:clamp(43px,9vw,64px);letter-spacing:-2px}.stage-caption{font-size:8px;gap:14px;letter-spacing:1px}.expertise-strip .wrap{flex-wrap:wrap;justify-content:center;font-size:9px;gap:12px}.expertise-strip i{display:none}.feature-grid{grid-template-columns:1fr;gap:32px}.feature-image img{height:300px}.service-detail .feature-image{position:static}.service-image{width:calc(100% + 52px);margin:-26px -26px 24px;height:220px}.hero-controls{margin-top:30px}.stage-content .intro{font-size:16px}.hero-frame{object-position:65% center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}.hero-frame{transform:none}.service:hover,.feature-image:hover img,.service:hover .service-image{transform:none}}

/* Service imagery belongs to its specific subject, not a repeated decorative backdrop. */
.digital-hero{background-image:radial-gradient(ellipse at 90% 20%,#144c7b 0%,transparent 55%),linear-gradient(115deg,#081c31,#102e4d);background-size:cover}
/* Motion direction: cinematic opening, staggered sections, responsive interactions. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:page-out .22s ease both}::view-transition-new(root){animation:page-in .35s ease both}
@keyframes page-out{to{opacity:0;transform:translateY(-8px)}}@keyframes page-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.reading-progress{position:fixed;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,#158aff,#ff863e);transform:scaleX(0);transform-origin:left;z-index:110;pointer-events:none}
header{transition:box-shadow .35s,background .35s}header.scrolled{box-shadow:0 6px 26px #071c321c}
nav>a:not(.btn){position:relative}nav>a:not(.btn):after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .3s}nav>a:not(.btn):hover:after,nav>a.active:after{transform:scaleX(1)}
.hero-media{transform:translateY(var(--hero-shift,0px));top:-70px;bottom:-70px}.hero-frame{transition:opacity 1.8s ease,transform 7s cubic-bezier(.2,.4,.4,1);transform:scale(1.13)}.hero-frame.active{transform:scale(1.02)}
.ambient-lights{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.ambient-lights:before,.ambient-lights:after{content:'';position:absolute;border-radius:50%;filter:blur(65px);width:280px;height:280px;opacity:.16;animation:drift-light 15s ease-in-out infinite alternate}.ambient-lights:before{background:#138bff;right:10%;top:8%}.ambient-lights:after{background:#ff863e;right:35%;bottom:5%;animation-delay:-7s;width:180px;height:180px}
@keyframes drift-light{from{transform:translate(-35px,0) scale(.85)}to{transform:translate(45px,-50px) scale(1.15)}}
.motion-on .stage-content>.eyebrow,.motion-on .stage-content>h1,.motion-on .stage-content>.intro,.motion-on .stage-content>.actions,.motion-on .hero-controls{animation:hero-enter .95s cubic-bezier(.2,.7,.2,1) both}
.motion-on .stage-content>h1{animation-delay:.12s}.motion-on .stage-content>.intro{animation-delay:.25s}.motion-on .stage-content>.actions{animation-delay:.38s}.motion-on .hero-controls{animation-delay:.5s}
@keyframes hero-enter{from{opacity:0;transform:translateY(28px);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}
.reveal-ready{opacity:0;transform:translateY(40px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.reveal-ready.revealed{opacity:1;transform:none}
.reveal-ready .feature-image{clip-path:inset(0 0 14% 0 round 20px);transition:clip-path 1.1s cubic-bezier(.2,.7,.2,1)}.revealed .feature-image{clip-path:inset(0 0 0 0 round 20px)}
.service{position:relative;transition:transform .45s,box-shadow .45s,border-color .45s,opacity .85s;transition-delay:0ms}.service.reveal-ready:not(.revealed){transition-delay:var(--reveal-delay,0ms)}.service:hover{transform:translateY(-9px);box-shadow:0 24px 55px #0b365325}.service-image{transition:transform .85s cubic-bezier(.2,.7,.2,1),filter .7s}.service:hover .service-image{transform:scale(1.08);filter:saturate(1.1)}.service a{transition:letter-spacing .3s,color .3s}.service:hover a{letter-spacing:.3px}
.btn{position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s,background .3s}.btn:after{content:'';position:absolute;top:0;left:-100%;width:65%;height:100%;background:linear-gradient(100deg,transparent,#ffffff35,transparent);transform:skewX(-20deg);transition:left .65s}.btn:hover:after{left:135%}.btn:hover{box-shadow:0 10px 25px #071c3224;transform:translateY(-3px)}.btn:active{transform:translateY(0)}
.animation-settings{font:inherit;color:inherit;border:0;background:none;text-decoration:underline;cursor:pointer;font-size:12px}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation:none!important;transition:none!important}.motion-paused .reveal-ready{opacity:1;transform:none}.motion-paused .feature-image{clip-path:none}.motion-paused .hero-media,.motion-paused .hero-frame{transform:none}.motion-paused .ambient-lights{display:none}
@media(hover:none){.service:hover{transform:none}.service:hover .service-image{transform:none}}@media(max-width:800px){.ambient-lights:before,.ambient-lights:after{filter:blur(45px);width:150px;height:150px}.reveal-ready{transform:translateY(24px)}}
@media(prefers-reduced-motion:reduce){.ambient-lights{display:none}.hero-media,.hero-frame{transform:none!important}.feature-image{clip-path:none!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}nav>a:after{transition:none}.reveal-ready{opacity:1;transform:none}}
/* Stronger scroll choreography, with independent slideshow controls. */
.hero-controls{flex-wrap:wrap;max-width:620px}.hero-controls .slide-dot{min-width:42px}.motion-on .reveal-ready{transition-duration:1.05s;transform:translateY(65px) scale(.97)}.motion-on .reveal-ready.enter-left{transform:translateX(-70px)}.motion-on .reveal-ready.enter-right{transform:translateX(70px)}.motion-on .reveal-ready.revealed{transform:none;opacity:1}.section,.subhero{overflow:clip}.motion-on .feature-image.reveal-ready{clip-path:inset(0 25% 0 0 round 20px);transition:opacity 1.1s,transform 1.1s,clip-path 1.25s cubic-bezier(.16,1,.3,1)}.motion-on .feature-image.revealed{clip-path:inset(0 0 0 0 round 20px)}.motion-on .feature-image img{transform:translateY(var(--scroll-y,0px)) scale(var(--scroll-zoom,1.12));transition:transform .16s linear}.motion-on .service.reveal-ready{transform:translateY(70px) scale(.94);transition:opacity .85s,transform 1s cubic-bezier(.16,1,.3,1),box-shadow .4s;transition-delay:var(--reveal-delay,0ms)}.motion-on .service.revealed{transform:none}.motion-on .service.revealed:hover{transform:translateY(-9px)}.motion-on .step.reveal-ready{transform:translateX(45px)}.motion-on .step.revealed{transform:none}.sectionhead h2:after{content:'';display:block;width:82px;height:4px;margin-top:24px;background:linear-gradient(90deg,#086bd8,#ff863e);border-radius:4px;transform:scaleX(0);transform-origin:left;transition:transform 1s .25s}.revealed h2:after{transform:scaleX(1)}.motion-paused .sectionhead h2:after{transform:scaleX(1)}.motion-paused .feature-image img{transform:none!important}@media(max-width:800px){.motion-on .reveal-ready.enter-left{transform:translateX(-28px)}.motion-on .reveal-ready.enter-right{transform:translateX(28px)}.motion-on .reveal-ready.revealed{transform:none}.hero-controls{gap:8px}.hero-controls .slide-dot{min-width:37px;padding:9px}.hero-controls #motion-toggle{padding:9px 4px}.motion-on .service.reveal-ready{transform:translateY(40px) scale(.97)}.motion-on .service.revealed{transform:none}}@media(prefers-reduced-motion:reduce){.feature-image img{transform:none!important}.sectionhead h2:after{transform:scaleX(1);transition:none}.reveal-ready{clip-path:none!important}}