/* V14: rendered flame/type, separate mobile composition, independent accessible CTA. */
.immersive-stage{position:relative;isolation:isolate;aspect-ratio:1672/941;container-type:inline-size;background:#041017;color:#f4f8f3;overflow:hidden;--heat:0;--char:0}
.stage-art,.stage-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.stage-art img{display:block}
.immersive-stage .stage-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s;z-index:1;pointer-events:none}
.immersive-stage.has-film>.stage-film{opacity:1}
/* V15: retain the lossless, native-size art. Only the eye and water use video pixels. */
.academy-stage .home-detail-motion{mask-image:radial-gradient(ellipse 2.96875% 7.5% at 62.734375% 42.361111%,#000 55%,transparent 100%),linear-gradient(transparent 80%,#000 94%);mask-composite:add}
.stage-copy,.stage-support,.stage-cta,.stage-note,.stage-control,.stage-status{position:absolute;z-index:3}
.stage-copy{left:4%;top:15%;width:31%}.stage-copy .eyebrow{color:#b9dcde;font-size:clamp(10px,.78cqw,14px);letter-spacing:.16em;margin-bottom:1.55cqw}
.stage-copy h1{font-size:3.65cqw;line-height:1.06;letter-spacing:-.055em;font-weight:800;white-space:normal}
.stage-copy h1 em{color:#ddf89e;font-style:normal}
.stage-support{left:4%;top:43%;font-size:clamp(12px,1.2cqw,21px);line-height:1.65;color:#d2e6e6;text-shadow:0 2px 14px #000}
.stage-support strong{font-weight:400;color:#bcd0ce}
.academy-stage .stage-support{text-shadow:0 2px 4px #000,0 0 16px #00101c,0 0 28px #00101c}
.stage-cta.button{left:4%;top:59%;min-height:50px;font-size:clamp(12px,1cqw,18px);padding:1.2cqw 1.65cqw;gap:2.2cqw;box-shadow:0 8px 35px #0003}
.stage-control{right:3%;bottom:3%;border:1px solid #d1f9ff40;border-radius:99px;background:#061822cc;color:#d8eeed;font:inherit;font-size:11px;padding:11px 15px;cursor:pointer;min-height:42px;backdrop-filter:blur(12px)}
.stage-control:hover{border-color:#d9ffa0;color:#e8ffbf}.stage-control:disabled{cursor:default;opacity:.6}.stage-control[hidden]{display:none}
.stage-status{bottom:1%;left:4%;max-width:60%;font-size:11px;color:#c8e5e4}.stage-status:empty{display:none}
.stage-note{left:4%;top:74%;font-size:10px;color:#a6bec1}
.water-film{mask-image:linear-gradient(transparent 80%,#000 94%);-webkit-mask-image:linear-gradient(transparent 80%,#000 94%)}
.glass-accents{position:absolute;inset:0;z-index:2;pointer-events:none}.glass-light{position:absolute;opacity:0;background:radial-gradient(ellipse,#cfffaf70,transparent 70%);mix-blend-mode:screen}.glass-codigo{background:radial-gradient(ellipse,#b37bff80,transparent 70%)}.glass-videos{background:radial-gradient(ellipse,#ffc67290,transparent 65%)}.glass-sites{background:radial-gradient(ellipse,#ffc27870,transparent 70%)}.glass-apps{background:radial-gradient(ellipse,#82ffc870,transparent 70%)}
.dragon-stage .stage-copy{top:11%;width:50%}.dragon-stage .stage-copy .eyebrow{margin-bottom:1cqw}.dragon-stage h1{font-size:4.15cqw;line-height:1.12}.dragon-line,.dragon-life,.dragon-end{display:block}.dragon-line{font-size:3.1cqw}.dragon-life{font-size:6.8cqw;margin-top:1.5cqw;letter-spacing:-.06em}.dragon-end{font-size:3.5cqw;margin-top:.6cqw}
.dragon-stage [data-burn]{display:inline-block;color:color-mix(in srgb,#e8ffa3 calc(100% - var(--char)*80%),#6f3424);text-shadow:0 0 calc(var(--heat)*30px) #ff9b26,0 0 calc(var(--heat)*65px) #ff421966;transition:color .1s;transform:translateY(calc(var(--char)*2px))}
.dragon-stage .stage-support{top:57%;font-size:1.3cqw}.dragon-stage .stage-cta{top:72%}.dragon-stage .stage-note{top:84%}
.fire-front{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4;mix-blend-mode:screen;mask-image:radial-gradient(ellipse 28% 15% at 24% 36%,black 30%,transparent 95%)}
.dragon-stage .stage-control,.dragon-stage .stage-cta{z-index:5}
.dragon-stage .stage-copy h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.dragon-stage .stage-copy{top:11%}
.dragon-stage .stage-support{top:60%}
.sites-stage .stage-copy{top:13%;width:29%}.sites-stage h1{font-size:4.1cqw;line-height:1.01}.sites-stage h1 em{font-size:3.5cqw;line-height:1.1;display:inline-block;margin-top:1.2cqw}.sites-stage .stage-support{top:56%}.sites-stage .stage-cta{top:73%;font-size:.92cqw}
.monitor-screen{position:absolute;z-index:2;left:33.25%;top:13.15%;width:64.25%;height:59.05%;background:#090e11;overflow:hidden;color:#f9edcc;display:flex;flex-direction:column;container-type:inline-size}
.monitor-nav{display:flex;align-items:center;justify-content:space-between;padding:2.8% 5%;height:16%;position:relative;z-index:2}.monitor-nav strong{letter-spacing:.22em;font-size:2.7cqw;font-family:Georgia,serif}.monitor-nav strong span{font-size:.9cqw;vertical-align:top}.monitor-nav>span{font-size:1.15cqw;color:#cdbf9f}
.monitor-content{position:relative;flex:1;min-height:0}.monitor-copy{position:absolute;left:5.5%;top:15%;z-index:3;pointer-events:none}.monitor-copy>span{font-size:.9cqw;letter-spacing:.15em;color:#bbaa84}.monitor-copy h2{font-family:Georgia,serif;font-weight:500;font-size:5.9cqw;line-height:.93;letter-spacing:-.055em;margin-top:1.9cqw}.monitor-copy p{font-size:1.2cqw;line-height:1.6;margin-top:1.5cqw;color:#ccbea2}.monitor-copy a{display:inline-block;margin-top:2cqw;padding:1cqw 1.8cqw;border:1px solid #bda366;font-size:1.1cqw;pointer-events:auto}
.immersive-stage .burger-on-screen{inset:0 0 0 auto;width:71%;height:100%;object-fit:cover;opacity:1;mask-image:linear-gradient(90deg,transparent,#000 22%);z-index:1}
.monitor-footer{display:flex;justify-content:space-between;border-top:1px solid #cfbb8030;padding:1.5% 5%;font-size:.85cqw;letter-spacing:.1em;color:#ac9f79}
.integrated-detail{width:100%;min-height:650px;padding:35px 4% 80px;overflow:hidden;box-shadow:none;clip-path:none;background:#07161b}
.integrated-detail .breadcrumb{position:relative;z-index:3;padding-top:0}.integrated-detail .detail-grid{display:block;position:static}.integrated-detail .detail-grid>div{position:relative;width:45%;z-index:2;padding:35px 0}.integrated-detail .detail-grid>img{position:absolute;right:-4%;top:4%;height:100%;width:78%;object-fit:contain;border-radius:0;mask-image:linear-gradient(90deg,transparent,#000 25%);background:transparent;z-index:0}.integrated-detail:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07161b 5%,#07161bad 32%,transparent 66%);z-index:1;pointer-events:none}.integrated-detail h1{font-size:clamp(43px,4.6vw,76px)}.detail-codigo{background:#110a20}.detail-codigo:after{background:linear-gradient(90deg,#110a20 5%,#110a20ac 32%,transparent 66%)}.detail-codigo em{color:#d5b5ff}.detail-apps{background:#071c14}.detail-apps:after{background:linear-gradient(90deg,#071c14 5%,#071c14ac 32%,transparent 66%)}
.dragon-stage .stage-support{font-size:clamp(12px,1.3cqw,22px)}
.sites-stage .stage-cta{font-size:clamp(12px,.92cqw,18px)}
.integrated-detail .detail-grid>img{height:auto;top:50%;transform:translateY(-50%);mask-image:linear-gradient(90deg,transparent,#000 28%),linear-gradient(0deg,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect}
@media(min-width:1800px){.immersive-stage{max-height:1100px;aspect-ratio:1672/941;margin:auto;max-width:1954px}}
@media(max-width:700px){
 .immersive-stage{aspect-ratio:941/1672}
 .stage-copy{left:6%;top:7.5%;width:88%}.stage-copy .eyebrow{font-size:2.25cqw;letter-spacing:.14em;margin-bottom:3.8cqw}.stage-copy h1{font-size:11.5cqw;line-height:1.03;letter-spacing:-.055em}
 .stage-support{left:6%;top:31.5%;font-size:3.5cqw;line-height:1.65}.stage-cta.button{left:6%;top:auto;bottom:4.7%;font-size:3.5cqw;padding:3.8cqw 5cqw;gap:6cqw;min-height:46px}
 .stage-control{bottom:1%;right:4%;font-size:9px;min-height:32px;padding:7px 10px}.stage-status{bottom:.7%;left:6%;font-size:9px;max-width:64%}
 .water-film{display:none}
 .academy-stage .stage-support{top:34.5%}
 .academy-stage .home-detail-motion{inset:auto;left:38.4382%;top:62.8646%;width:10.7528%;height:8.54167%;object-fit:fill;mask-image:radial-gradient(ellipse 50% 50% at 49.4% 49.7%,#000 55%,transparent 100%)}
 .dragon-stage .stage-copy{left:6%;top:6%;width:88%}.dragon-stage .stage-copy .eyebrow{margin-bottom:4cqw}.dragon-stage h1{line-height:1}.dragon-line{font-size:8cqw}.dragon-life{font-size:15cqw;position:absolute;top:57cqw;left:0;white-space:nowrap}.dragon-end{font-size:8.5cqw;margin-top:3cqw}
 .dragon-end{position:absolute;top:75cqw;left:0;font-size:7cqw;margin:0}
 .dragon-stage .stage-support{top:18%;font-size:3.4cqw}.dragon-stage .stage-cta{top:auto;bottom:8.8%}.dragon-stage .stage-note{left:6%;top:auto;bottom:5%;font-size:2.2cqw;max-width:80%}.fire-front{mask-image:radial-gradient(ellipse 29% 12% at 24% 43%,black 30%,transparent 95%)}
 .sites-stage .stage-copy{top:5.5%;width:88%;left:6%}.sites-stage h1{font-size:9cqw;line-height:1.05}.sites-stage h1 em{font-size:8.5cqw;margin-top:2cqw}.sites-stage .stage-support{top:29%;font-size:3.3cqw}.sites-stage .stage-cta{top:auto;bottom:8%;font-size:3.1cqw;max-width:88%;padding:3.3cqw 4.4cqw}
 .monitor-screen{left:4.65%;top:39%;width:91.65%;height:28.7%}.monitor-nav{height:17%;padding:2% 4%}.monitor-nav strong{font-size:3.6cqw}.monitor-nav>span{font-size:1.7cqw}.monitor-copy{top:10%;left:5%}.monitor-copy>span{font-size:1.5cqw}.monitor-copy h2{font-size:7cqw;margin-top:2cqw}.monitor-copy p{font-size:1.7cqw}.monitor-copy a{font-size:1.8cqw;padding:1.5cqw 2cqw}.monitor-footer{font-size:1.2cqw;padding:1.8% 5%}
 .integrated-detail{min-height:760px;padding:25px 6% 40px;display:block}.integrated-detail .breadcrumb{font-size:11px;padding-bottom:20px}.integrated-detail .detail-grid>div{width:100%;padding:12px 0}.integrated-detail h1{font-size:11cqw;max-width:95%}.integrated-detail .detail-grid p{font-size:16px;max-width:85%;margin-top:20px}.integrated-detail .detail-grid>img{top:215px;width:120%;height:580px;right:-20%;mask-image:linear-gradient(0deg,transparent,#000 20%,#000 70%,transparent),linear-gradient(90deg,transparent,#000 24%,#000 88%,transparent);mask-composite:intersect}.integrated-detail:after{background:linear-gradient(#07161b 10%,#07161b90 30%,transparent 58%)}.detail-codigo:after{background:linear-gradient(#110a20 10%,#110a2090 30%,transparent 58%)}.detail-apps:after{background:linear-gradient(#071c14 10%,#071c1490 30%,transparent 58%)}.integrated-detail .button{margin-top:280px;width:max-content;max-width:100%}.integrated-detail .detail-type{font-size:11px}
}
@media(max-width:700px){.integrated-detail .detail-grid>img{top:340px;height:auto;transform:none;mask-image:linear-gradient(90deg,transparent,#000 24%,#000 88%,transparent),linear-gradient(0deg,transparent,#000 15%,#000 72%,transparent);mask-composite:intersect}}
@media(prefers-reduced-motion:reduce){.stage-film,.fire-front,.glass-accents{display:none!important}.stage-control{display:none}.immersive-stage *{animation:none!important;transition:none!important}.monitor-screen .stage-film{display:block!important}.dragon-stage [data-burn]{transform:none}}

/* New generative scene: only VIDA is burned into the footage; all other copy is crisp HTML. */
/* Keep a positioned stacking layer above the footage from the first frame.
   position:static made z-index ineffective and hid the headline during playback. */
.dragon-v15 .stage-copy{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
.dragon-v15 .stage-copy .eyebrow{position:absolute;left:4.7%;top:8%;margin:0}
.dragon-v15 .stage-copy h1{position:static;width:auto;height:auto;padding:0;margin:0;clip:auto;overflow:visible;white-space:normal}
.dragon-v15 .dragon-line,.dragon-v15 .dragon-life,.dragon-v15 .dragon-end{position:absolute;left:4.7%;margin:0;line-height:1.05;letter-spacing:-.045em;font-size:3.5cqw;text-shadow:0 2px 14px #031017}
.dragon-v15 .dragon-line{top:16%}.dragon-v15 .dragon-life{top:29%;font-size:3cqw}.dragon-v15 .dragon-end{top:61%}
.dragon-v15 .screenreader-word{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.dragon-v15 .stage-support{left:4.7%;top:72%;line-height:1.5;font-size:clamp(12px,1.3cqw,22px)}
.dragon-v15 .stage-cta{left:4.7%;top:85%;min-height:44px;padding:.9cqw 1.7cqw}
.dragon-v15 .stage-note{left:auto;right:3%;top:auto;bottom:2%;font-size:10px}
.dragon-v15.is-charred>.stage-film{display:none}
.dragon-v15>.stage-film{transition:none}
/* A single opaque, matching frame: no doubled scales, drifting mask edges,
   or crossfade between the first and last poses of the main video. */
.dragon-v15 .dragon-reaction{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:0;transition:none;pointer-events:none}
.dragon-v15.is-reacting .dragon-reaction{opacity:1}
@media(min-width:701px){
 /* Cover two tiny generated pseudo-UI marks, outside all headline and dragon regions. */
 .dragon-v15::before,.dragon-v15::after{content:'';position:absolute;z-index:2;pointer-events:none;background:#091c26;mask-image:radial-gradient(ellipse,#000 63%,transparent 100%)}
 .dragon-v15::before{left:.8%;top:4.3%;width:4.8%;height:5.4%}
 .dragon-v15::after{left:.7%;top:91.2%;width:12%;height:4.4%;background:#0a1a23;mask-image:radial-gradient(ellipse,#000 72%,transparent 100%)}
}
@media(max-width:700px){
 .dragon-v15 .stage-copy .eyebrow{left:6%;top:5.5%;font-size:clamp(10px,2.7cqw,16px);letter-spacing:.12em}
 .dragon-v15 .dragon-line{left:6%;top:10%;font-size:10cqw;max-width:62%}
 .dragon-v15 .dragon-life{left:6%;top:35%;font-size:9cqw}
 .dragon-v15 .dragon-end{left:6%;top:63%;font-size:8cqw}
 .dragon-v15 .stage-support{left:6%;top:72%;font-size:clamp(12px,3.6cqw,22px)}
 .dragon-v15 .stage-cta{left:6%;top:auto;bottom:8%;font-size:clamp(12px,3.5cqw,22px);padding:3.5cqw 5cqw}
 .dragon-v15 .stage-note{left:6%;right:auto;bottom:3%;font-size:clamp(9px,2.2cqw,13px)}
}
@media(prefers-reduced-motion:reduce){.dragon-v15 .dragon-reaction{display:none!important}}