/* Cinematic fullscreen hero V4 — custom original SKAI ERP composition */
.site-header{position:absolute;top:0;left:0;right:0;z-index:40;background:rgba(8,23,36,.32)!important;border-color:rgba(215,241,247,.13)!important;backdrop-filter:blur(14px)}
.site-header .wordmark{color:#f2fbfd!important}.site-header .wordmark span{color:#6de4db!important}.site-header .primary-nav a{color:#d9e6ee!important}.site-header .nav-cta{color:#091925!important}
.preview-ribbon{display:none!important}.cinema-hero{position:relative!important;min-height:760px;height:100svh;max-height:none;overflow:hidden;background:#091827;color:white;padding:0!important;isolation:isolate}
.cinema-backdrop{position:absolute;inset:0;z-index:-1}.cinema-backdrop canvas{display:block;width:100%;height:100%}.cinema-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,20,32,.95) 0%,rgba(8,24,38,.67) 25%,transparent 63%),linear-gradient(0deg,rgba(5,15,29,.74),transparent 26%,transparent 70%,rgba(8,18,34,.37));pointer-events:none}
.cinema-topline{position:absolute;top:125px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;font:600 10px/1.5 'DM Sans',sans-serif;letter-spacing:.19em;color:#a9cdd8}.cinema-topline b{font-weight:400;color:#77ccc9}.cinema-serial{opacity:.75}
.cinema-copy{position:absolute;left:4%;bottom:15%;max-width:540px;z-index:3}.cinema-eyebrow{font:600 11px 'DM Sans',sans-serif;color:#7fe9dc;letter-spacing:.23em;margin-bottom:22px}.cinema-copy h1{font:400 clamp(42px,5.6vw,85px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-.055em;color:#f5f9fc;margin:0 0 26px}.cinema-copy h1 em{font-weight:400;color:#8ce5e4}.cinema-copy p:not(.cinema-eyebrow){max-width:440px;font-size:15px;line-height:1.8;color:#bfd1dc}.cinema-actions{display:flex;gap:24px;align-items:center;margin-top:28px;flex-wrap:wrap}.cinema-cta{border:1px solid #74e2d7;background:#71dfd2;color:#071c25;border-radius:3px;font:700 12px 'DM Sans',sans-serif;letter-spacing:.04em;padding:16px 22px;cursor:pointer}.cinema-cta:hover{background:#b9fff4}.cinema-subcta{font-size:12px;color:#f0faff;text-decoration:underline;text-underline-offset:6px}
.cinema-side{position:absolute;right:4.2%;top:29%;width:185px;z-index:3;display:flex;flex-direction:column;gap:19px}.cinema-side-title{font:600 10px 'DM Sans',sans-serif;letter-spacing:.23em;color:#a7bece;margin-bottom:8px}.cinema-side-title b{color:#75dadd;margin-left:10px}.cinema-view{display:flex;align-items:center;gap:12px;color:#91a7b9;background:none;border:0;letter-spacing:.16em;font:700 10px 'DM Sans',sans-serif;cursor:pointer;text-align:left;padding:4px 0}.cinema-view span{opacity:.5}.cinema-view i{height:6px;width:6px;border:1px solid #90b6c5;transform:rotate(45deg);margin-left:auto}.cinema-view.is-current{color:white}.cinema-view.is-current i{background:#81e6d9;border-color:#81e6d9;box-shadow:0 0 12px #65decd}.cinema-view-foot{font:500 9px 'DM Sans',sans-serif;letter-spacing:.1em;color:#90adbf;margin-top:12px}
.cinema-bottom{position:absolute;bottom:24px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;color:#8cabbc;font:600 10px 'DM Sans',sans-serif;letter-spacing:.15em}.cinema-bottom a{color:#d0f8f4;text-decoration:none}.cinema-live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#70dbca;margin-right:8px}.cinema-arrow{font-size:20px;margin-left:8px}.cinema-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#c5e6ed;background:#112638;padding:12px 16px;border:1px solid #325063;border-radius:8px}.cinema-loader[hidden]{display:none}
@media(max-width:800px){.cinema-hero{min-height:670px;height:100svh}.cinema-copy{left:6%;right:6%;bottom:15%;max-width:520px}.cinema-vignette{background:linear-gradient(0deg,rgba(5,16,29,.95),rgba(5,16,29,.15) 70%)}.cinema-side{right:5%;top:20%;width:140px;gap:9px}.cinema-view{font-size:8px}.cinema-topline{top:105px;left:6%;right:6%}.cinema-serial{display:none}.cinema-copy h1{font-size:clamp(38px,10vw,60px)}.cinema-bottom{left:6%;right:6%;font-size:8px}.cinema-bottom>span:first-child{display:none}}
@media(prefers-reduced-motion:reduce){.cinema-hero *{scroll-behavior:auto!important}}