/* Cinematic public pages; scoped layouts keep detailed mockups readable. */
.cinematic-home{background:#080b0d;color:#f2f3f0;--accent:#29d8e7}
.cinematic-home .site-nav{background:#090d10ed;color:#f2f3f0;border-color:#ffffff21;backdrop-filter:blur(16px)}
.cinematic-home .wordmark span{background:#eef2e8}
.cinematic-home .hero{min-height:650px}
.cinematic-home .hero>img{object-position:62% center}
.cinematic-home .shade{background:linear-gradient(90deg,#050a0fd9,#050a0f26 85%),linear-gradient(0deg,#050a0f9e,transparent 65%)}
.cinematic-home .hero h1{font-size:clamp(48px,7.3vw,116px);letter-spacing:-.06em}
.cinematic-home .hero-content{padding-top:clamp(80px,15vh,170px)}
.scroll-cue{display:inline-flex;gap:25px;align-items:center;border-bottom:1px solid #ffffff55;padding-bottom:9px}
.cinematic-story{background:#080b0d}
.story-navigation{display:flex;align-items:center;flex-wrap:wrap;gap:24px;padding:25px var(--gutter);border-block:1px solid #ffffff26;background:#0b1115;font-size:13px}
.story-navigation>span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#aebbc1;margin-right:15px}
.story-navigation a:hover,.film-footer a:hover{text-decoration:underline;text-underline-offset:5px}
.story-navigation a{padding:8px 0}
.film-footer a{padding:10px 0}
.film-chapter{position:relative;min-height:130svh;background:#080b0d}
.film-stage{position:sticky;top:88px;min-height:650px;height:calc(100svh - 88px);overflow:hidden;isolation:isolate;display:flex;align-items:center}
.film-image,.film-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.film-image{object-position:center}
.film-shade{z-index:-1;background:linear-gradient(90deg,#050a0ff0 0%,#050a0fb8 34%,#050a0f1c 85%),linear-gradient(0deg,#050a0fbb,transparent 35%,#050a0f38)}
.film-copy{padding:75px var(--gutter) 110px;width:100%;max-width:1080px}
.film-copy h2{font-size:clamp(48px,6.6vw,100px);letter-spacing:-.055em;line-height:1.04;text-wrap:balance}
.film-copy .eyebrow{color:#c6cdd0;margin-bottom:32px}
.film-description{font-size:clamp(17px,1.5vw,21px);max-width:480px;color:#d2d8dc;margin-top:28px;line-height:1.65}
.film-copy .text-link{color:#f3f5f1;border-color:#ffffff80;gap:55px;margin-top:35px}
.film-copy .text-link:hover{color:#fff;border-color:#fff}
.film-footer{position:absolute;bottom:26px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#c5cdd1}
.cinematic-home #company{background:#080b0d;color:#f2f3f0;padding:0}
.cinematic-home .contact{background:#0b1115;padding-block:120px}
.cinematic-home .contact>p:not(.eyebrow){color:#c3ccd0}
.cinematic-home .footer{background:#080b0d;border-top:1px solid #ffffff21}
.cinematic-home .footer>span{color:#b6c0c4}
@media(max-width:760px),(max-height:600px){
  .film-chapter{min-height:0}
  .film-stage{position:relative;top:0;min-height:680px;height:auto}
  .film-copy{padding-top:130px;padding-bottom:120px}
  .film-copy h2{font-size:clamp(43px,8vw,65px)}
  .film-description{max-width:440px}
  .film-shade{background:linear-gradient(90deg,#050a0fe0,#050a0f66),linear-gradient(0deg,#050a0fda,transparent)}
}
@media(max-width:600px){
  .film-footer{flex-direction:column;gap:8px;font-size:9px}
  .film-image{object-position:62% center}
  .cinematic-home .contact{padding-block:75px}
}
@media(prefers-reduced-motion:reduce){
  .film-chapter{min-height:0}
  .film-stage{position:relative;top:0;height:auto;min-height:650px}
  .film-image,.cinematic-home .hero>img,.tech-hero-image{transform:none!important}
}

.cinematic-tech{background:#080d11;color:#eef1ed;--paper:#eef1ed;--ink:#eef1ed;--muted:#bcc6cb;--line:#ffffff26;--accent:#29d8e7}
.cinematic-tech .site-nav{background:#090d10ed;color:#f2f3f0;backdrop-filter:blur(16px)}
.cinematic-tech .wordmark span{background:#eef2e8}
.cinematic-tech .tech-hero{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100svh - 88px);display:flex;align-items:center;padding-block:90px 120px}
.tech-hero-image,.tech-hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.tech-hero-shade{z-index:-1;background:linear-gradient(90deg,#030b12f2,#030b1299 55%,#030b1240),linear-gradient(0deg,#080d11c9,transparent 55%)}
.tech-hero-copy{max-width:1100px}
.cinematic-tech .tech-hero h1{font-size:clamp(48px,7.1vw,108px);line-height:1.03}
.cinematic-tech .tech-hero .lead{color:#d3dbe0;max-width:600px;font-size:20px}
.cinematic-tech .button{color:#122027}
.tech-hero-caption{position:absolute;bottom:30px;right:var(--gutter);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#c6d0d5}
.cinematic-tech .breadcrumb{color:#d1dbe0;margin-bottom:45px}
.cinematic-tech .section-nav{background:#0d151a;border-color:#ffffff26;backdrop-filter:blur(16px)}
.cinematic-tech .section-nav-label{color:#a7b6be}
.cinematic-tech main>.section:not(.tech-hero){padding-block:120px}
.cinematic-tech h2{font-size:clamp(40px,5vw,78px)}
.cinematic-tech #system{background:radial-gradient(ellipse at 90% 0%,#20313b 0%,#080d11 65%)}
.cinematic-tech .flow{background:#ffffff04}
.cinematic-tech .flow li{padding-block:40px}
.cinematic-tech #c2{background:#060a0c}
.cinematic-tech .console{box-shadow:0 35px 90px #0007;border-color:#3b6573}
.cinematic-tech .feature-heading{margin-bottom:80px}
.cinematic-tech .feature-heading .lead{max-width:38ch;margin-top:32px}
.cinematic-tech .platform>div>p:not(.eyebrow){max-width:38ch}
.cinematic-tech .platform .lead{margin-block:32px 28px}
.cinematic-tech figure[data-media-slot]>figcaption{margin-top:18px;font-size:11px;letter-spacing:.025em;color:#a9beca}
.cinematic-tech .platform{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:70px;min-height:95svh}
.cinematic-tech .platform figure{position:relative}
.cinematic-tech .platform img{aspect-ratio:4/5;object-fit:cover;object-position:center}
.cinematic-tech #fixed-wing{background:linear-gradient(140deg,#111c23,#080d11 70%)}
.cinematic-tech #quadcopter{background:linear-gradient(140deg,#121e20,#080d11 75%)}
.cinematic-tech .platform .badge{color:#a7edf2}
.cinematic-tech .sim{box-shadow:0 30px 70px #0005;padding:25px}
.cinematic-tech #development{background:#111a20}
.cinematic-tech .rows article{padding-block:42px}
.cinematic-tech .contact{background:#050a0e}
.cinematic-tech .footer{border-top:1px solid #ffffff26}
@media(max-width:900px){
 .cinematic-tech .platform{grid-template-columns:1fr;min-height:0;gap:40px}
 .cinematic-tech .platform img{aspect-ratio:16/10;object-fit:contain;background:#070c10}
 .cinematic-tech main>.section:not(.tech-hero){padding-block:80px}
}
@media(max-width:600px){
 .cinematic-tech .tech-hero{min-height:calc(100svh - 76px);padding-block:55px 100px}
 .cinematic-tech .tech-hero .lead{font-size:17px}
 .cinematic-tech .tech-hero h1{font-size:clamp(44px,9vw,60px)}
 .cinematic-tech .tech-hero-image{object-position:65% center}
 .cinematic-tech .feature-heading{margin-bottom:35px}
 .cinematic-tech main>.section:not(.tech-hero){padding-block:65px}
 .cinematic-tech .sim{padding:16px}
}

/* Transparent uploaded KUBECA artwork; source PNGs remain unchanged. */
.cinematic-home .wordmark,.cinematic-tech .wordmark{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}
.cinematic-home .wordmark .brand-symbol,.cinematic-tech .wordmark .brand-symbol{position:relative;display:block;width:42px;height:42px;margin:0;overflow:hidden;border-radius:0;background:transparent;flex-shrink:0}
.wordmark .brand-symbol img{position:absolute;left:50%;top:50%;width:400%;height:auto;max-width:none;transform:translate(-50%,-48%)}
.cinematic-home .wordmark .brand-name,.cinematic-tech .wordmark .brand-name{display:inline;width:auto;height:auto;margin:0;background:none}
@media(max-width:600px){
 .cinematic-home .site-nav .wordmark,.cinematic-tech .site-nav .wordmark{gap:7px;font-size:17px}
 .cinematic-home .site-nav .brand-symbol,.cinematic-tech .site-nav .brand-symbol{width:32px;height:32px}
}
@media(max-width:400px){
 .cinematic-home .site-nav .brand-name,.cinematic-tech .site-nav .brand-name{display:none}
}

/* KUBECA turquoise accent, shared by both cinematic pages. */
.cinematic-home .button,.cinematic-tech .button,
.cinematic-home .text-link,.cinematic-tech .text-link{
 display:inline-flex;align-items:center;justify-content:space-between;
 color:#79e5ed;background:transparent;
 border:0;border-bottom:1px solid #29d8e766;border-radius:0;
 padding:0 0 12px;gap:32px;min-height:44px;
 font-size:13px;line-height:1.6;letter-spacing:.025em;
 box-shadow:none;backdrop-filter:none;
 transition:border-color .2s,color .2s;
}
.cinematic-home .button>span,.cinematic-tech .button>span,
.cinematic-home .text-link>span,.cinematic-tech .text-link>span{
 font-size:18px;line-height:1;color:inherit;
}
.cinematic-home .button:hover,.cinematic-tech .button:hover,
.cinematic-home .text-link:hover,.cinematic-tech .text-link:hover{
 color:#eefeff;background:transparent;border-color:#79e5ed;
}
.cinematic-home .button:focus-visible,.cinematic-tech .button:focus-visible,
.cinematic-home .text-link:focus-visible,.cinematic-tech .text-link:focus-visible{
 outline:2px solid #79e5ed;outline-offset:5px;
}
.cinematic-home .button:active,.cinematic-tech .button:active{color:#eefeff}
.cinematic-home .site-nav [aria-current=page],.cinematic-tech .site-nav [aria-current=page]{text-decoration-color:#29d8e7}
.film-copy .eyebrow,.cinematic-tech .eyebrow{color:#79e5ed}
.story-navigation a:hover,.section-nav a:hover{color:#79e5ed}

/* System overview and capability explanations. */
.cinematic-tech #system.system-editorial{background:#0b1116}
.system-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:end}
.system-intro .lead{max-width:40ch;font-size:clamp(20px,2vw,28px);line-height:1.5;color:#bcc6cb;letter-spacing:-.02em}
.system-platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,64px);margin-top:56px}
.system-platforms article{border-top:1px solid #29d8e744;padding-top:22px}
.system-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#79e5ed}
.system-platforms h3{font-size:clamp(26px,2.5vw,36px);line-height:1.15;letter-spacing:-.035em;margin:22px 0 18px;text-wrap:balance}
.system-platforms article>p:last-child{max-width:40ch;font-size:17px;color:#b4c0c8;line-height:1.65}
.mission-film{margin-top:64px}
.mission-stage{position:relative;background:#0a1218;overflow:hidden;border-block:1px solid #ffffff20}
.mission-kicker{display:flex;justify-content:space-between;gap:20px;padding:25px 30px 0;color:#99acb6;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.mission-landscape{display:block;width:100%;height:auto}
.mission-caption{position:absolute;left:6%;bottom:28%;width:min(36%,360px);padding:18px 20px;pointer-events:none}
.mission-step{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#83cbd1}
.mission-caption h3{font-size:clamp(20px,2.3vw,32px);line-height:1.2;letter-spacing:-.035em;margin-top:10px}
.mission-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:16px;color:#9aadb8}
.mission-toggle{font:inherit;color:#79e5ed;border:0;border-bottom:1px solid #29d8e766;background:transparent;padding:0 0 12px;cursor:pointer;min-width:125px;min-height:44px;transition:color .2s,border-color .2s}
.mission-toggle:hover{color:#eefeff;border-color:#79e5ed}
.mission-toggle:focus-visible{outline:2px solid #79e5ed;outline-offset:4px}
.mission-transcript{max-width:65ch;margin-top:22px;font-size:14px;color:#9aadb8}
@media(max-width:600px){
 .mission-film{margin-top:40px}
 .mission-kicker{padding:20px 18px 0;font-size:9px}
 .mission-landscape{margin-top:105px}
 .mission-caption{top:52px;bottom:auto;left:18px;width:calc(100% - 36px);padding:10px 14px}
 .mission-caption h3{font-size:20px;margin-top:7px}
 .mission-toolbar{font-size:10px}
}
@media(max-width:900px){
 .system-intro{grid-template-columns:1fr;gap:28px}
 .system-platforms{grid-template-columns:1fr;gap:34px;margin-top:40px}
 .system-platforms article>p:last-child{max-width:56ch}
}
.development-goals{margin-top:60px;border-top:1px solid #ffffff26;padding-top:30px}
.development-goals>h3{font-size:21px;margin-bottom:25px}
.development-goals dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:0}
.development-goals dt{font-size:14px;color:#dbe8ee;margin-bottom:12px}
.development-goals dd{font-size:13px;color:#a9beca;line-height:1.7;margin:0}
@media(max-width:900px){.development-goals dl{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.development-goals dl{gap:25px 20px}}
.company-page .company-chapter{min-height:0}
.company-page .company-chapter .film-stage{position:relative;top:0}
.company-page .film-copy h1{font-size:clamp(48px,6.6vw,100px);letter-spacing:-.055em;line-height:1.04;text-wrap:balance}
@media(max-width:760px){.company-page .film-copy h1{font-size:clamp(43px,8vw,65px)}}
.team-section{background:linear-gradient(150deg,#15232c,#080d11 65%)}
.team-section .heading>p{color:#bdcbd2}
.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.team-member img{aspect-ratio:4/5;object-fit:cover;object-position:center 35%;border:1px solid #ffffff20}
.team-member .team-role{margin:25px 0 12px;color:#79e5ed;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.team-member h3{font-size:clamp(24px,2.3vw,34px);margin-bottom:17px}
.team-member p:not(.team-role){color:#bdcbd2;font-size:15px;max-width:380px}
.team-section>.text-link{margin-top:45px;color:#d4f8fb}
@media(max-width:760px){
 .team-grid{grid-template-columns:1fr;gap:45px}
 .team-member{max-width:520px;width:100%;margin-inline:auto}
 .team-member img{aspect-ratio:1/1}
}



/* Recorded fixed-wing C2 demonstration. */
.fixed-wing-replay{grid-column:1 / -1;scroll-margin-top:150px;border-top:1px solid #ffffff26;padding-top:60px}
.fixed-wing-replay-heading{display:grid;grid-template-columns:1fr 1fr;gap:22px 70px;align-items:end;margin-bottom:34px}
.fixed-wing-replay-heading .eyebrow{grid-column:1 / -1;margin-bottom:0}
.fixed-wing-replay-heading h3{font-size:clamp(30px,3.4vw,50px);line-height:1.08;letter-spacing:-.04em}
.fixed-wing-replay-heading>p:last-child{max-width:48ch;color:#b4c7ce;font-size:16px}
.fixed-wing-replay video{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:contain;background:#081114;border:1px solid #41616a;border-radius:6px}
.fixed-wing-replay-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px}
.fixed-wing-replay-toolbar>div{display:flex;align-items:center;gap:24px}
.fixed-wing-replay-toolbar a{padding:12px 0;color:#b4edf2;white-space:nowrap}
.fixed-wing-replay-toolbar a:hover,.fixed-wing-replay-details a:hover{ text-decoration:underline;text-underline-offset:4px}
.fixed-wing-replay-toolbar [hidden],.fixed-wing-replay-error[hidden]{display:none}
.fixed-wing-replay a:focus-visible,.fixed-wing-replay summary:focus-visible{outline:2px solid #83cbd1;outline-offset:4px}
.cinematic-tech .fixed-wing-replay-details{max-width:850px;margin-top:24px;color:#9eafb8}
.fixed-wing-replay-details summary{width:fit-content}
.fixed-wing-replay-details a{color:#b4edf2}
.fixed-wing-replay-error{margin-top:16px;color:#eecb9e}
@media(max-width:760px){.fixed-wing-replay{padding-top:36px;scroll-margin-top:105px}.fixed-wing-replay-heading{grid-template-columns:1fr;gap:18px}.fixed-wing-replay-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.fixed-wing-replay-toolbar>div{flex-wrap:wrap;gap:20px}.fixed-wing-replay-heading>p:last-child{font-size:15px}}

/* Website text stays independent of both animation visuals. */
.replay-anchor{display:block;scroll-margin-top:165px}
.replay-stage{position:relative;isolation:isolate;overflow:hidden;background:#081114;border:1px solid #41616a;border-radius:6px}
.replay-stage video{border:0;border-radius:0}
.replay-caption{position:absolute;left:3%;bottom:8%;width:min(65%,920px);padding:22px 26px;pointer-events:none;background:linear-gradient(110deg,#061015ef,#061015c9);border-left:2px solid #62dbe6;backdrop-filter:blur(8px)}
.replay-step{display:block;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#8ee8ed;margin-bottom:13px}
.replay-caption h3{font-size:clamp(28px,3.1vw,46px);line-height:1.13;letter-spacing:-.035em;font-weight:400;text-wrap:balance;margin:0 0 14px}
.cinematic-tech .replay-caption p{color:#d0e0e5;font-size:clamp(18px,1.4vw,23px);line-height:1.5;max-width:62ch}
.replay-camera-note{position:absolute;top:51%;right:1.85%;width:18.55%;padding:0 8px;color:#c3d8df;pointer-events:none;transition:opacity .4s}
.replay-camera-note h4{font-size:clamp(23px,1.6vw,30px);font-weight:400;line-height:1.22;letter-spacing:-.025em;margin:0 0 16px;color:#edf6f7}
.cinematic-tech .replay-camera-note p{font-size:18px;line-height:1.55;color:#c3d8df;margin-bottom:20px}
.cinematic-tech .replay-camera-note p:last-child{font-size:15px;border-top:1px solid #365b66;padding-top:20px}
.has-comparison .replay-camera-note{opacity:0;visibility:hidden}
.replay-progress{position:absolute;left:0;right:0;bottom:0;height:3px;pointer-events:none;background:#18303b}
.replay-progress span{display:block;height:100%;background:#62dbe6;width:0}
.mission-caption{padding:22px 26px;background:linear-gradient(110deg,#061015ed,#061015a3);border-left:2px solid #62dbe6;backdrop-filter:blur(8px)}
.mission-step{font-size:13px}
.mission-caption h3{font-size:clamp(28px,3.1vw,46px);line-height:1.13;font-weight:400}
@media(max-width:1250px){.replay-camera-note{display:none}}
@media(max-width:900px){
 .replay-caption{position:relative;left:auto;bottom:auto;width:auto;padding:24px;border-left:0;border-top:1px solid #365b66;backdrop-filter:none}
 .replay-caption h3{font-size:clamp(26px,4.5vw,38px)}
 .cinematic-tech .replay-caption p{font-size:18px}
 .replay-step{font-size:11px}
}
@media(max-width:600px){
 .mission-caption{padding:14px 18px}
 .mission-caption h3{font-size:26px}
 .mission-step{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.replay-camera-note{transition:none}}

.replay-stage:fullscreen{display:flex;align-items:center;justify-content:center;background:#081114;width:100vw;height:100vh;border:0;border-radius:0}
.replay-stage:fullscreen video{width:100%;height:100%;object-fit:contain}
.replay-stage:fullscreen .replay-caption{position:absolute;left:3%;bottom:8%;width:min(65%,920px);border-left:2px solid #62dbe6;border-top:0}
@media(max-width:600px){.mission-landscape{margin-top:160px}}
/* Keep the enlarged carrier caption clear of the aircraft route. */
@media(min-width:601px){.mission-caption{top:7%;bottom:auto}}

/* Horizontal reflection, preserving the existing image motion transforms. */
img.aircraft-detail-mirrored{scale:-1 1;}