/* Page-local cinematic presentation. Content remains readable without JavaScript. */
body.bluemedia-page{--md-bg:#060a12;--md-surface:#101724;--md-ink:#f2f6ff;--md-ink-2:#a4b1c5;--md-ink-3:#8a9bb3;--md-border:#223047;--md-border-2:#33435d;--md-accent:#78b5ff;--md-accent-strong:#2877ef;--md-accent-light:#72b7ff;--md-accent-soft:#14253f;--md-accent-soft-2:#12223a;--md-dark:#080e19;--md-dark-2:#101e34;--md-grad:linear-gradient(135deg,#2474ed,#72c6ff);--md-good:#6ae0b5;--md-warn:#e9bd75;--md-bad:#eb94a0;background:#060a12}
body.bluemedia-page main{overflow:clip}body.bluemedia-page main p{word-break:keep-all;overflow-wrap:anywhere;text-wrap:pretty}body.bluemedia-page main h1,body.bluemedia-page main h2{text-wrap:balance}
body.bluemedia-page .md-container{width:min(calc(100% - 80px),1280px)}
body.bluemedia-page .md-hero{position:relative;padding:54px 0 0;background:radial-gradient(ellipse at 70% 25%,#12336470,transparent 52%),#060a12;isolation:isolate}
body.bluemedia-page .md-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#86baff07 1px,transparent 1px),linear-gradient(90deg,#86baff07 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(#000,transparent)}
.md-product-line{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid #ffffff20;font:11px var(--md-mono);letter-spacing:.16em;color:#91a3be}.md-product-line span:first-child{color:#d8e7ff}.md-product-line i{display:inline-block;width:6px;height:6px;margin-right:8px;background:#83caff;border-radius:50%;box-shadow:0 0 14px #66baff}
.md-wordmark{font-family:var(--md-sans);font-size:clamp(64px,13.7vw,190px);font-weight:850;line-height:1.12;letter-spacing:-.07em;text-align:center;margin:27px -10px 20px;background:linear-gradient(175deg,#fff 20%,#c7ddfa 54%,#4775ab);background-clip:text;color:transparent;white-space:nowrap}
.md-hero-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;text-align:left;align-items:end;margin:25px 0 55px}
body.bluemedia-page .md-badge{background:transparent;border:0;box-shadow:none;padding:0;color:#8cbdfc;font-size:12px;letter-spacing:.03em}
body.bluemedia-page .md-hero h1{font-size:clamp(38px,4.8vw,66px);margin:18px 0 0;line-height:1.18;letter-spacing:-.055em;max-width:720px}body.bluemedia-page .md-hero h1 .accent{display:block;color:#78b5ff}
body.bluemedia-page .md-hero__lead{font-size:15px;margin:0;max-width:510px;line-height:1.8}body.bluemedia-page .md-hero__cta{justify-content:flex-start;margin-top:23px}body.bluemedia-page .md-hero__meta{font-size:11px;margin-top:15px}
body.bluemedia-page .md-btn{border-radius:7px;font-size:14px;padding:14px 21px}body.bluemedia-page .md-btn--primary{background:#367ff5;color:#fff;box-shadow:0 8px 35px #246eff35}body.bluemedia-page .md-btn--ghost{background:#ffffff05;border-color:#ffffff30}body.bluemedia-page .md-btn--ghost:hover{background:#ffffff15;color:#fff}
.md-cinema-wrap{perspective:1500px;padding:0 0 30px}body.bluemedia-page .md-mock{max-width:1120px;margin:0 auto;border-radius:14px;border:1px solid #6c9bd25c;box-shadow:0 0 100px #166cef22,0 40px 90px #0009;transform:translateY(var(--cinema-y,0px)) rotateX(var(--cinema-tilt,0deg)) scale(var(--cinema-scale,1));transform-origin:50% 70%;will-change:transform}
body.bluemedia-page .md-mock-bar{background:#111b2b;padding:12px 20px}body.bluemedia-page .md-stage{background-image:url('/assets/img/bluemedia/cinema-portal.webp');background-position:center calc(50% + var(--scene-y,0px));aspect-ratio:2.05}body.bluemedia-page .md-stage:before{background:linear-gradient(transparent 45%,#02081799)}body.bluemedia-page .md-play{width:70px;height:70px;background:#b9dfff14;box-shadow:0 0 55px #a5d3ff30}body.bluemedia-page .md-mock-ctrl{background:#0b1423}
.md-scroll-hint{display:flex;justify-content:space-between;color:#7c91ac;font:10px var(--md-mono);letter-spacing:.16em;margin:22px 0 0}.md-scroll-hint span:last-child{color:#bad8ff}
body.bluemedia-page .md-status{background:#0b121e;border-top:1px solid #253044;border-bottom:1px solid #253044}body.bluemedia-page .md-status .md-container{justify-content:space-between;padding-block:25px}body.bluemedia-page .md-pill{background:transparent;border:0;font-size:13px;padding:5px 0;font-weight:500}body.bluemedia-page .md-pill i{background:#6caeff;width:5px;height:5px}
body.bluemedia-page .md-section{padding:110px 0!important}body.bluemedia-page .md-section+.md-section{border-top:1px solid #ffffff0d}body.bluemedia-page .md-head{max-width:800px;margin-bottom:48px}body.bluemedia-page .md-h2{font-size:clamp(29px,3.4vw,46px);line-height:1.3;letter-spacing:-.045em}body.bluemedia-page .md-eyebrow{font-size:11px;letter-spacing:.18em}body.bluemedia-page .md-lead{font-size:15px}
body.bluemedia-page .md-core>.md-container{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start}body.bluemedia-page .md-core .md-head{position:sticky;top:145px;text-align:left;margin:35px 0}body.bluemedia-page .md-core .md-grid2{grid-template-columns:1fr;gap:22px}body.bluemedia-page .md-core .md-h2{max-width:420px}.md-core-index{font:100px/1 var(--md-mono);color:#487cbe33;margin-top:45px;letter-spacing:-.08em}
body.bluemedia-page .md-fcard{position:relative;min-height:225px;padding:38px;border-radius:12px;background:linear-gradient(125deg,#12213b,#0c1420 75%);box-shadow:none;flex-direction:column;gap:20px;transition:border-color .4s,background .4s,transform .4s}body.bluemedia-page .md-fcard:after{content:attr(data-number);position:absolute;right:30px;top:30px;font:12px var(--md-mono);color:#577493}body.bluemedia-page .md-fcard.is-current{border-color:#699feb;background:linear-gradient(125deg,#16365f,#0d192b 80%)}body.bluemedia-page .md-fcard .ic{width:42px;height:42px;border-radius:9px;background:#2a69b82b;color:#85beff;box-shadow:none}body.bluemedia-page .md-fcard:hover,body.bluemedia-page .md-mcard:hover{border-color:#689ee3}
body.bluemedia-page .md-mcard{background:linear-gradient(130deg,#101c2d,#0b121d);border-radius:12px;padding:30px}body.bluemedia-page .md-formats b{background:#101c2c;border-color:#2a3e59;color:#a1c8fc;border-radius:6px}body.bluemedia-page .md-inline-kbd{border-color:#35557b}body.bluemedia-page .md-table-card{border-radius:12px;background:#0d1522}body.bluemedia-page table.md-table th,body.bluemedia-page table.md-table td{color:#a4b1c5;border-color:#26354a}body.bluemedia-page table.md-table tbody tr,body.bluemedia-page table.md-table thead tr{border-color:#26354a}body.bluemedia-page table.md-table td.me{color:#91c3ff}body.bluemedia-page table.md-table thead th:first-child{color:#a4b1c5}
body.bluemedia-page .md-keys-card{background:radial-gradient(ellipse at 100% 0,#214f814d,transparent 60%),#0b1421;border:1px solid #2a3f5b;border-radius:14px}body.bluemedia-page .md-keys-card .md-eyebrow{color:#80baff}body.bluemedia-page .md-kbd{background:#142740;border-color:#355579;box-shadow:0 3px 0 #060c16}body.bluemedia-page .md-key{border-color:#253248}
body.bluemedia-page .md-start{background:radial-gradient(ellipse at 0 0,#144b8844,transparent 70%),#0d1725;border-color:#2a4565;border-radius:14px}body.bluemedia-page .md-spec{background:#08101d;border-color:#293e5c}body.bluemedia-page .md-spec-row{border-color:#233349}body.bluemedia-page .md-faq-item{background:transparent;border-width:0 0 1px;border-radius:0;box-shadow:none}body.bluemedia-page .md-faq-item[open]{border-color:#4a79af}body.bluemedia-page .md-faq-item summary{color:#e9f1ff}body.bluemedia-page .md-faq-body{color:#a4b1c5}
body.bluemedia-page .md-final{position:relative;isolation:isolate;overflow:hidden;background:#102849 url('/assets/img/bluemedia/cinema-portal.webp') center 48%/cover;border:1px solid #577fab;border-radius:16px;padding:100px 30px;margin-bottom:90px}body.bluemedia-page .md-final:before{content:'';position:absolute;inset:0;background:#030e2199;z-index:-1}body.bluemedia-page .md-final h2{font-size:clamp(30px,4vw,52px);letter-spacing:-.05em}body.bluemedia-page .md-final p{color:#c6d6ed}
.md-reading-progress{position:fixed;top:0;left:0;height:2px;width:100%;transform:scaleX(var(--reading,0));transform-origin:left;background:#80c8ff;z-index:10001;pointer-events:none;box-shadow:0 0 12px #66adff}
.md-reveal{transition:opacity .7s ease,translate .7s cubic-bezier(.2,.65,.3,1)}.md-motion-ready .md-reveal:not(.is-visible){opacity:0;translate:0 28px}body.bluemedia-page :focus-visible{outline:2px solid #8bc9ff;outline-offset:5px}body.bluemedia-page #why,body.bluemedia-page #download{scroll-margin-top:110px}
@media(min-width:1500px){.md-wordmark{font-size:190px}}
@media(max-width:900px){body.bluemedia-page .md-container{width:calc(100% - 40px)}.md-hero-intro{gap:28px}.md-wordmark{margin-top:35px}body.bluemedia-page .md-core>.md-container{gap:35px;grid-template-columns:1fr 1.2fr}body.bluemedia-page .md-fcard{padding:26px}.md-product-line{font-size:9px}}
@media(max-width:640px){body.bluemedia-page .md-hero{padding-top:30px}.md-product-line span:last-child{letter-spacing:.02em}.md-wordmark{font-size:14vw;margin:25px -3px}.md-hero-intro{grid-template-columns:1fr;gap:22px;margin:25px 0 35px}body.bluemedia-page .md-hero h1{font-size:42px;line-height:1.15;margin-top:14px}body.bluemedia-page .md-hero__lead{font-size:14px}body.bluemedia-page .md-hero__cta{flex-direction:row;flex-wrap:wrap;gap:8px}body.bluemedia-page .md-hero__cta .md-btn{width:auto;flex:1;font-size:12px;padding:13px 10px}body.bluemedia-page .md-hero__meta{font-size:10px;line-height:1.8}body.bluemedia-page .md-mock-bar{padding:10px}.md-cinema-wrap{padding-bottom:18px}body.bluemedia-page .md-stage{aspect-ratio:1.5}body.bluemedia-page .md-play{width:52px;height:52px}body.bluemedia-page .md-mock-title{font-size:10px}body.bluemedia-page .md-stage__badge,body.bluemedia-page .md-stage__res{font-size:9px;top:10px}body.bluemedia-page .md-stage__badge{left:10px}body.bluemedia-page .md-stage__res{right:10px}body.bluemedia-page .md-trans .r{gap:7px}body.bluemedia-page .md-trans .l{gap:6px}body.bluemedia-page .md-trans .l .t{font-size:10px}body.bluemedia-page .md-trans .r .chip{font-size:9px}body.bluemedia-page .md-mock-ctrl{padding:14px 10px}.md-scroll-hint{font-size:8px;letter-spacing:.08em}body.bluemedia-page .md-status .md-container{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-block:23px}body.bluemedia-page .md-pill{font-size:11px}body.bluemedia-page .md-section{padding:65px 0!important}body.bluemedia-page .md-core>.md-container{display:block}body.bluemedia-page .md-core .md-head{position:static;margin:0 0 30px}.md-core-index{display:none}body.bluemedia-page .md-fcard{min-height:200px}body.bluemedia-page .md-final{padding:65px 22px;margin-bottom:55px}body.bluemedia-page .md-grid2{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.md-reveal{transition:none!important;opacity:1!important;translate:none!important}body.bluemedia-page .md-mock{transform:none!important;will-change:auto}body.bluemedia-page .md-stage{background-position:center}body.bluemedia-page main *,body.bluemedia-page main *:before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* A pinned, native-scroll sequence: title -> floating player -> immersive frame. */
.md-hero-atmosphere,.md-hero-orbit,.md-hero-finale,.md-hero-timeline { display:none; }
.md-stage-image { position:absolute; inset:0; background:url('/assets/img/bluemedia/cinema-portal.webp') center/cover; }
body.bluemedia-page .md-stage:before { z-index:1; pointer-events:none; }
body.bluemedia-page .md-hero-enhanced {
    padding:0; height:calc(260svh - var(--md-header-height,86px));
    --hero-copy-opacity:1; --hero-title-opacity:1; --hero-finale-opacity:0;
}
.md-hero-enhanced .md-hero-pin {
    position:sticky; top:var(--md-header-height,86px);
    height:calc(100svh - var(--md-header-height,86px)); overflow:clip;
    perspective:1400px; isolation:isolate;
    background:radial-gradient(ellipse at 70% 55%,#14305d 0%,#070d18 55%,#060a12 80%);
}
body.bluemedia-page .md-hero-enhanced .md-container { position:relative; height:100%; }
.md-hero-enhanced .md-hero-atmosphere {
    display:block; position:absolute; inset:-12%; pointer-events:none;
    background:url('/assets/img/bluemedia/cinema-portal.webp') center/cover;
    opacity:var(--hero-atmosphere,.18); transform:scale(var(--hero-bg-scale,1.05));
    filter:blur(5px); mask-image:linear-gradient(transparent,#000 45%,transparent);
}
.md-hero-enhanced .md-product-line { position:absolute; z-index:4; inset:24px 0 auto; padding-bottom:13px; opacity:var(--hero-title-opacity); }
.md-hero-enhanced .md-wordmark {
    position:absolute; z-index:3; top:7%; left:0; right:0; margin:0;
    font-size:clamp(70px,12.7vw,180px); line-height:1.1;
    background:none; color:#e6f1ff; opacity:var(--hero-title-opacity);
    transform:translateY(var(--hero-title-y,0px)); pointer-events:none;
}
.md-hero-enhanced .md-wordmark span { display:inline-block; }
.md-hero-enhanced .md-wordmark span:first-child { transform:translateX(var(--hero-word-left,0px)); }
.md-hero-enhanced .md-wordmark span:last-child { transform:translateX(var(--hero-word-right,0px)); color:#8fbff4; }
.md-hero-enhanced .md-hero-intro {
    position:absolute; z-index:4; top:33%; left:0; width:42%; margin:0;
    grid-template-columns:1fr; gap:22px; opacity:var(--hero-copy-opacity);
    transform:translate3d(var(--hero-copy-x,0px),var(--hero-copy-y,0px),0);
}
body.bluemedia-page .md-hero-enhanced h1 { font-size:clamp(36px,4.2vw,60px); margin-top:13px; }
body.bluemedia-page .md-hero-enhanced .md-hero__lead { font-size:14px; max-width:440px; }
body.bluemedia-page .md-hero-enhanced .md-hero__cta { margin-top:19px; }
body.bluemedia-page .md-hero-enhanced .md-hero__meta { max-width:420px; }
.md-hero-enhanced .md-cinema-wrap {
    position:absolute; z-index:2; width:62%; left:var(--hero-player-x,77%); top:var(--hero-player-y,62%);
    padding:0; perspective:1400px; transform:translate(-50%,-50%);
}
body.bluemedia-page .md-hero-enhanced .md-mock {
    width:100%; max-width:none; margin:0; transform-origin:center;
    will-change:auto;
    transform:rotateX(var(--hero-rx,10deg)) rotateY(var(--hero-ry,-18deg)) rotateZ(var(--hero-rz,-5deg)) scale(var(--hero-scale,.88));
    border-radius:var(--hero-radius,14px); border-color:rgba(138,189,255,var(--hero-border,.65));
    box-shadow:0 0 90px #2b80ff44,0 45px 100px #000b;
}
body.bluemedia-page .md-hero-enhanced .md-stage { overflow:hidden; aspect-ratio:2.05; background:none; }
.md-hero-enhanced .md-stage-image { transform:scale(var(--hero-image-scale,1)) translateY(var(--hero-image-y,0%)); }
body.bluemedia-page .md-hero-enhanced .md-stage:before { background:linear-gradient(transparent 35%,rgba(0,9,24,var(--hero-shade,.1))); }
.md-hero-enhanced .md-mock-bar,.md-hero-enhanced .md-mock-ctrl,
.md-hero-enhanced .md-stage__badge,.md-hero-enhanced .md-stage__res,.md-hero-enhanced .md-play { opacity:var(--hero-chrome,1); }
.md-hero-enhanced .md-scroll-hint { display:none; }
.md-hero-enhanced .md-hero-orbit {
    display:block; position:absolute; left:69%; top:57%; width:56vw; aspect-ratio:1;
    transform:translate(-50%,-50%) rotate(var(--hero-orbit-angle,-25deg)) scale(var(--hero-orbit-scale,1));
    opacity:var(--hero-orbit-opacity,.65); pointer-events:none;
}
.md-hero-orbit i { position:absolute; inset:0; border:1px solid #79baff38; border-radius:50%; transform:rotateX(58deg) rotateZ(-25deg); }
.md-hero-orbit i:before { content:''; position:absolute; width:9px; height:9px; top:14%; left:14%; border-radius:50%; background:#bde6ff; box-shadow:0 0 15px #76baff,0 0 50px 8px #5c9eff88; }
.md-hero-orbit i:nth-child(2) { inset:8%; transform:rotateY(55deg) rotateZ(25deg); border-color:#93c5ff50; }
.md-hero-orbit i:nth-child(3) { inset:-8%; transform:rotateX(40deg) rotateY(-35deg); border-style:dashed; border-color:#79baff25; }
.md-hero-enhanced .md-hero-finale {
    display:block; position:absolute; z-index:5; left:0; right:0; bottom:14%; text-align:center;
    opacity:var(--hero-finale-opacity); transform:translateY(var(--hero-finale-y,35px));
}
.md-hero-finale[inert] { pointer-events:none; }
.md-finale-label { font:11px var(--md-mono); letter-spacing:.28em; color:#c0ddff; }
body.bluemedia-page .md-hero-finale p { color:#fff; font-size:clamp(38px,5.5vw,80px); font-weight:800; line-height:1.2; letter-spacing:-.055em; margin:18px 0 26px; text-shadow:0 3px 35px #00132e; }
.md-hero-finale p span { color:#99cfff; }
.md-hero-enhanced .md-hero-timeline {
    display:flex; align-items:center; gap:22px; position:absolute; z-index:6; bottom:28px; left:0; right:0;
    color:#adcaed; font:10px var(--md-mono); letter-spacing:.12em;
}
.md-hero-timeline>div { flex:1; height:1px; background:#9acaff30; }
.md-hero-timeline i { display:block; height:2px; background:#b5e6ff; box-shadow:0 0 14px #69afff; transform-origin:left; transform:scaleX(var(--hero-progress,0)); }
.md-hero-timeline b { display:inline-block; margin-left:8px; transform:translateY(var(--hero-arrow-y,0px)); }
.md-hero-percent { min-width:66px; text-align:right; font-variant-numeric:tabular-nums; }
body.bluemedia-page.md-hero-is-active .site-consult-bar { visibility:hidden; pointer-events:none; }
@media (min-width:641px) and (max-height:800px) {
    .md-hero-enhanced .md-wordmark { font-size:clamp(70px,10.3vw,150px); top:8%; }
    .md-hero-enhanced .md-hero-intro { top:33%; gap:13px; width:45%; }
    body.bluemedia-page .md-hero-enhanced h1 { font-size:40px; }
    body.bluemedia-page .md-hero-enhanced .md-hero__lead { font-size:12px; }
    body.bluemedia-page .md-hero-enhanced .md-hero__cta { margin-top:12px; }
    body.bluemedia-page .md-hero-enhanced .md-hero__meta { margin-top:10px; font-size:10px; }
}
@media (max-width:900px) and (min-width:641px) {
    .md-hero-enhanced .md-hero-intro { width:47%; }
    body.bluemedia-page .md-hero-enhanced .md-hero__cta { flex-direction:column; align-items:flex-start; gap:8px; }
    body.bluemedia-page .md-hero-enhanced .md-btn { font-size:12px; padding:10px 16px; }
}
@media (max-width:640px) {
    body.bluemedia-page .md-hero-enhanced { height:calc(225svh - var(--md-header-height,86px)); }
    .md-hero-enhanced .md-product-line { top:17px; font-size:8px; padding-bottom:10px; }
    .md-hero-enhanced .md-wordmark { top:8%; font-size:13.4vw; }
    .md-hero-enhanced .md-hero-intro { top:20%; width:100%; gap:14px; }
    body.bluemedia-page .md-hero-enhanced .md-badge { font-size:10px; }
    body.bluemedia-page .md-hero-enhanced h1 { font-size:34px; margin-top:9px; }
    body.bluemedia-page .md-hero-enhanced .md-hero__lead { font-size:11px; line-height:1.7; }
    body.bluemedia-page .md-hero-enhanced .md-hero__cta { margin-top:12px; }
    body.bluemedia-page .md-hero-enhanced .md-hero__cta .md-btn { font-size:11px; padding:11px 8px; }
    body.bluemedia-page .md-hero-enhanced .md-hero__meta { font-size:9px; margin-top:8px; }
    .md-hero-enhanced .md-cinema-wrap { width:92%; left:var(--hero-player-x,53%); top:var(--hero-player-y,79%); }
    body.bluemedia-page .md-hero-enhanced .md-stage { aspect-ratio:auto; height:var(--hero-stage-height,150px); }
    .md-hero-enhanced .md-stage-image { background-position:62% center; }
    .md-hero-enhanced .md-hero-orbit { left:52%; top:74%; width:100vw; }
    .md-hero-enhanced .md-hero-timeline { bottom:20px; font-size:8px; gap:12px; }
    .md-hero-enhanced .md-hero-finale { bottom:19%; }
    body.bluemedia-page .md-hero-finale p { font-size:39px; }
    .md-hero-finale p span { display:block; }
}