:root{--ink:#061c2f;--blue:#0876cf;--ice:#dff4ff;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:#f5fbff;overflow-x:hidden}.nav{position:fixed;z-index:50;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:22px clamp(22px,5vw,76px);transition:.35s;background:linear-gradient(#fff9,transparent)}.nav.scrolled{padding-block:12px;background:#ffffffed;box-shadow:0 8px 30px #08244116;backdrop-filter:blur(14px)}.logo{width:122px;height:auto}.nav nav{display:flex;align-items:center;gap:30px}.nav a{color:var(--ink);font-weight:700;font-size:13px;text-decoration:none}.nav-cta{border:1px solid #08244142;border-radius:99px;padding:12px 18px}.flight{height:230vh;position:relative;background:linear-gradient(180deg,#87d2fc 0%,#bde7ff 35%,#eaf8ff 85%)}.flight>*{position:absolute}.sky-glow{position:sticky;top:0;height:100vh;width:100%;background:radial-gradient(circle at 75% 15%,#fff 0,transparent 22%),linear-gradient(180deg,transparent,#fff8)}.hero-copy{position:sticky!important;top:0;height:100vh;padding:18vh clamp(24px,7vw,110px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:min(680px,80vw);z-index:8}.eyebrow{font-size:11px;letter-spacing:.23em;font-weight:800;color:#0876cf;margin:0 0 22px}.hero-copy h1,.intro h2,.feature h2,.cta h2{font-size:clamp(54px,7.6vw,126px);letter-spacing:-.07em;line-height:.82;margin:0;font-weight:800}.hero-copy h1 span,.intro h2 span{color:transparent;-webkit-text-stroke:1.5px #09243b}.lead{max-width:430px;font-size:clamp(15px,1.4vw,20px);line-height:1.55;margin:30px 0;color:#244b66}.primary{display:inline-flex;gap:24px;align-items:center;padding:15px 22px;background:var(--ink);color:#fff;border-radius:99px;text-decoration:none;font-size:13px;font-weight:700}.primary b{font-size:18px}.drone-stage{position:sticky!important;top:0;height:100vh;width:100%;z-index:6;pointer-events:none;display:grid;place-items:center;transform-style:preserve-3d}.drone-stage img{position:absolute;left:54%;top:48%;width:min(49vw,760px);max-width:none;transform:translate(-50%,-50%);filter:drop-shadow(0 30px 28px #0e40503f);will-change:transform,filter,opacity;border-radius:18px;mix-blend-mode:multiply}.drone-shadow{width:35vw;height:5vh;background:#003f6730;filter:blur(28px);border-radius:50%;transform:translate(18vw,29vh)}.cloud{position:fixed!important;background:#fff9;filter:blur(24px);border-radius:50%;z-index:3;pointer-events:none}.cloud:after,.cloud:before{content:"";position:absolute;background:inherit;border-radius:50%}.cloud-a{width:280px;height:75px;top:18%;left:-70px}.cloud-a:after{width:130px;height:130px;left:80px;top:-60px}.cloud-b{width:380px;height:90px;right:-140px;top:63%}.cloud-b:before{width:170px;height:170px;left:70px;top:-80px}.cloud-c{width:250px;height:70px;right:10%;top:25%;opacity:.45}.scroll-cue{position:fixed!important;bottom:30px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.25em;font-weight:800;z-index:10}.scroll-cue i{width:1px;height:36px;background:var(--ink)}.intro{min-height:100vh;padding:16vh clamp(24px,10vw,150px);background:#f8fcff}.intro h2{font-size:clamp(48px,7vw,105px)}.intro>p:not(.eyebrow){font-size:clamp(17px,2vw,26px);line-height:1.55;max-width:800px;margin:50px 0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#c8dbe7}.metrics article{background:#f8fcff;padding:40px}.metrics strong{display:block;font-size:clamp(34px,5vw,72px);letter-spacing:-.06em}.metrics span{font-size:12px;color:#527087}.feature{display:grid;grid-template-columns:1.05fr .95fr;min-height:100vh;background:#061c2f;color:#fff}.feature-photo{overflow:hidden;min-height:600px}.feature-photo img{width:100%;height:100%;object-fit:cover}.feature-copy{padding:14vh clamp(28px,7vw,100px);display:flex;flex-direction:column;justify-content:center}.feature h2{font-size:clamp(50px,6vw,92px);margin-bottom:40px}.feature-copy>p:not(.eyebrow){font-size:17px;line-height:1.7;color:#b9d0e0}.feature ul{list-style:none;padding:0;margin-top:30px}.feature li{border-top:1px solid #ffffff26;padding:18px 0;font-size:13px}.feature li:before{content:"↗";color:#51bafc;margin-right:14px}.cta{min-height:85vh;background:linear-gradient(145deg,#078ee8,#51bdf8);padding:15vh 8vw;text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.cta .eyebrow{color:#fff}.cta h2{font-size:clamp(56px,8vw,120px);margin-bottom:55px}.primary.light{background:#fff;color:var(--ink)}
@media(max-width:760px){.nav{padding:16px 20px}.logo{width:94px}.nav nav>a:not(.nav-cta){display:none}.nav-cta{padding:10px 14px!important}.flight{height:210vh}.hero-copy{padding:14vh 24px 18vh;justify-content:flex-start;width:100%;text-align:center;align-items:center}.hero-copy h1{font-size:clamp(52px,16vw,80px)}.lead{font-size:14px;max-width:320px}.drone-stage img{left:50%;top:59%;width:110vw;border-radius:10px}.scroll-cue{bottom:18px}.metrics{grid-template-columns:1fr}.metrics article{padding:28px}.feature{grid-template-columns:1fr}.feature-photo{min-height:52vh}.feature-copy{padding:80px 28px}.intro{padding:100px 24px}.cloud-b{right:-260px}.cloud-c{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.cloud{display:none}}
.sky-glow{position:absolute!important;top:0;left:0}
.hero-copy,.drone-stage{position:fixed!important;top:0;left:0}
.drone-stage .drone-flight{position:absolute;left:50%;top:0;width:min(58vw,880px)!important;max-width:none;object-fit:contain;border-radius:0!important;mix-blend-mode:normal!important;filter:drop-shadow(0 25px 22px rgba(14,64,80,.28));transform-origin:50% 50%;will-change:transform;backface-visibility:hidden}
.cloud{display:none!important}
.sky-glow{background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.28))!important}
@media(max-width:760px){.drone-stage .drone-flight{width:105vw!important}}
.flight{height:210vh}
@media(max-width:760px){.flight{height:195vh}}
.flight-scene{position:sticky!important;top:0;height:100svh;width:100%;overflow:hidden;isolation:isolate}
.flight-scene .hero-copy,.flight-scene .drone-stage{position:absolute!important;height:100%;top:0;left:0}
.flight-scene .hero-copy{opacity:1;filter:none;transform:none;z-index:8;pointer-events:none}
.hero-copy a{pointer-events:auto}
.flight-scene .scroll-cue{position:absolute!important}
.sky-glow,.drone-shadow{display:none!important}
.drone-stage .drone-flight{aspect-ratio:3/1;filter:none;perspective:1000px}
.drone-attitude{position:relative;width:100%;height:100%;transform:rotate(-1deg);transform-style:preserve-3d;will-change:transform}
.drone-stage .drone-body{position:absolute;inset:0;width:100%;height:100%;transform:none;filter:none;border-radius:0;mix-blend-mode:normal;object-fit:contain}
.rotor{position:absolute;width:32%;aspect-ratio:1;transform:translate(-50%,-50%) rotateX(78deg);pointer-events:none}
.rotor-a{left:29%;top:29%}.rotor-b{left:83%;top:42%}.rotor-c{left:16%;top:48%;width:27%}.rotor-d{left:66%;top:59%;width:23%}
.rotor i{display:block;width:100%;height:100%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,#18252b30 35deg,transparent 80deg,transparent 180deg,#18252b30 215deg,transparent 260deg);animation:rotor-spin .11s linear infinite;animation-play-state:paused}
.rotor:nth-of-type(even) i{animation-direction:reverse;animation-duration:.13s}
.rotors-running .rotor i{animation-play-state:running}
@keyframes rotor-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.hero-copy h1{font-size:clamp(36px,12.5vw,80px)}}
@media(prefers-reduced-motion:reduce){.rotor{display:none}}
/* The page scrolls normally; only the non-interactive aircraft stays on screen. */
.flight{height:auto;min-height:100svh}
.flight-scene{position:relative!important;height:auto;min-height:100svh;overflow:visible;isolation:auto}
.flight-scene .hero-copy{position:relative!important;min-height:100svh;height:auto;pointer-events:auto}
body > .drone-stage{position:fixed!important;inset:0;width:100%;height:100svh;z-index:60;overflow:hidden;pointer-events:none}
body > .drone-stage .drone-flight{left:0;top:0;width:min(64vw,820px)!important}
@media(max-width:760px){body > .drone-stage .drone-flight{width:86vw!important}}
/* Video hero: directional contrast protects the copy while exposing the footage. */
/* Alpha-contour shadows move with the aircraft, retaining arm and leg detail. */
.drone-stage .drone-body{filter:drop-shadow(1px 3px 2px rgba(2,10,17,.40)) drop-shadow(7px 14px 8px rgba(2,12,22,.30)) drop-shadow(17px 32px 20px rgba(2,15,25,.22))}
.flight{background:#071923}
body > .drone-stage{visibility:hidden;opacity:0}
body > .drone-stage.has-scrolled{visibility:visible;opacity:1}
:root{--coast-blend:clamp(180px,22vw,320px)}
.christ-scene{position:relative;z-index:1;height:calc(clamp(460px,70svh,780px) + var(--coast-blend));margin-top:calc(-1 * var(--coast-blend));overflow:hidden;background:#071923;-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.08) calc(var(--coast-blend)*.2),rgba(0,0,0,.5) calc(var(--coast-blend)*.5),rgba(0,0,0,.92) calc(var(--coast-blend)*.8),#000 var(--coast-blend));mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.08) calc(var(--coast-blend)*.2),rgba(0,0,0,.5) calc(var(--coast-blend)*.5),rgba(0,0,0,.92) calc(var(--coast-blend)*.8),#000 var(--coast-blend))}
.christ-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.flight-scene{padding-bottom:var(--coast-blend)}
.copacabana-coast{position:relative;z-index:2;width:100%;height:calc(clamp(460px,49vw,740px) + var(--coast-blend));margin-top:calc(-1 * var(--coast-blend));overflow:hidden;background:#f8fcff;isolation:isolate;-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.08) calc(var(--coast-blend)*.2),rgba(0,0,0,.5) calc(var(--coast-blend)*.5),rgba(0,0,0,.92) calc(var(--coast-blend)*.8),#000 var(--coast-blend));mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.08) calc(var(--coast-blend)*.2),rgba(0,0,0,.5) calc(var(--coast-blend)*.5),rgba(0,0,0,.92) calc(var(--coast-blend)*.8),#000 var(--coast-blend))}
.copacabana-coast .coast-video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 52%}
.coast-source{position:absolute;left:24px;top:24px;z-index:2;padding:10px 16px;border-radius:24px;background:#061c2f;color:#fff;font-size:12px;text-decoration:none}
.copacabana-coast .coast-youtube{position:absolute;left:50%;top:50%;width:max(100%,817.78px);height:100%;border:0;transform:translate(-50%,-50%);aspect-ratio:16/9}
@media(min-width:761px){.copacabana-coast .coast-youtube{width:100%;height:max(100%,56.25vw)}}
.copacabana-coast::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(7,25,35,.24) 0%,transparent 15%,transparent 48%,rgba(248,252,255,.16) 61%,rgba(248,252,255,.65) 78%,#f8fcff 100%)}
.copacabana-coast + .intro{padding-top:20px}
@media(max-width:760px){.copacabana-coast{height:calc(460px + var(--coast-blend))}.copacabana-coast .coast-video{object-position:52% 50%}.copacabana-coast + .intro{padding-top:18px}}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;pointer-events:none}
.hero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(3,15,25,.84),rgba(3,15,25,.52) 48%,rgba(3,15,25,.1)),linear-gradient(180deg,rgba(3,15,25,.4),transparent 30%,rgba(3,15,25,.36))}
.flight-scene .hero-copy{width:100%;max-width:900px;padding:160px clamp(24px,7vw,110px) 130px;justify-content:center;align-items:flex-start;text-align:left;color:white}
.hero-copy h1{font-size:clamp(48px,7.2vw,108px);line-height:.94;letter-spacing:-.06em;text-shadow:0 3px 22px #0005}
.hero-copy h1 span{color:#c6eeff;-webkit-text-stroke:0}
.hero-copy .eyebrow{color:#bceaff;letter-spacing:.18em}
.hero-copy .lead{color:#f1f7fa;max-width:450px;line-height:1.65;text-shadow:0 2px 8px #0009}
.hero-copy .primary{background:#fff;color:#062136;padding:17px 25px;box-shadow:0 8px 28px #0003}
.hero-copy .primary:hover{background:#d6f2ff}
.nav:not(.scrolled){background:linear-gradient(#06192399,transparent)}
.nav:not(.scrolled) .logo{filter:brightness(0) invert(1)}
.nav:not(.scrolled) a{color:#fff}
.nav:not(.scrolled) .nav-cta{border-color:#ffffff80;background:#ffffff12}
.flight-scene .scroll-cue{color:#fff;z-index:9}
.flight-scene .scroll-cue i{background:#fff}
.video-toggle{position:absolute;right:24px;bottom:25px;z-index:12;border:1px solid #ffffff80;border-radius:30px;background:#07192399;color:white;padding:10px 15px;font:600 11px Manrope,Arial,sans-serif;cursor:pointer}
.video-toggle:focus-visible,.hero-copy a:focus-visible{outline:3px solid #67d4ff;outline-offset:5px}
@media(max-width:760px){
 .flight-scene .hero-copy{padding:135px 24px 135px;min-height:100svh;justify-content:flex-end}
 .hero-copy h1{font-size:clamp(34px,10.4vw,68px)}
 .hero-copy .eyebrow{font-size:9px;letter-spacing:.12em}
 .hero-copy .lead{font-size:15px;max-width:330px;margin:24px 0}
 .hero-shade{background:linear-gradient(180deg,#03111b66,rgba(3,17,27,.24) 20%,rgba(3,17,27,.79) 60%,#03111be6)}
 .flight-scene .scroll-cue{left:24px;transform:none;bottom:26px;font-size:8px}
 .video-toggle{right:20px;bottom:25px}
}