.designic-cinestage-new-page { background: #03080d; color: #f4f6f7; }
.designic-cinestage-new-page .site-main { padding: 0; }
.cinestage-new-doc-actions { align-items:center; display:flex; flex-wrap:wrap; gap:20px 28px; margin-top:42px; }
.csn-page { --csn-bg:#03080d; --csn-soft:#071018; --csn-line:rgba(255,255,255,.09); --csn-text:#f4f6f7; --csn-muted:#9da7af; --csn-accent:#ff6044; background:var(--csn-bg); color:var(--csn-text); font-size:16px; line-height:1.72; }
.csn-page * { box-sizing:border-box; }
.csn-shell { margin:0 auto; width:min(1360px,calc(100% - 48px)); }
.csn-kicker { color:var(--csn-accent); font-size:11px; font-weight:800; letter-spacing:.11em; margin:0 0 15px; text-transform:uppercase; }
.csn-page h1,.csn-page h2,.csn-page h3,.csn-page p { margin-top:0; }

.csn-hero { border-bottom:1px solid var(--csn-line); min-height:690px; display:flex; align-items:center; overflow:hidden; background:radial-gradient(circle at 72% 42%,rgba(40,93,124,.13),transparent 30rem),var(--csn-bg); }
.csn-hero-grid { align-items:center; display:grid; gap:clamp(52px,6vw,104px); grid-template-columns:minmax(320px,.76fr) minmax(560px,1.24fr); padding-block:clamp(86px,8vw,126px); }
.csn-hero-copy { max-width:560px; }
.csn-hero h1 { font-size:clamp(3.5rem,6vw,5.4rem); font-weight:680; letter-spacing:-.06em; line-height:.94; margin:0; }
.csn-hero h2 { font-size:clamp(1.45rem,2.4vw,2rem); font-weight:520; letter-spacing:-.03em; line-height:1.15; margin:24px 0 0; }
.csn-hero-copy>p:last-of-type { color:var(--csn-muted); margin:26px 0 0; max-width:520px; }
.csn-actions { align-items:center; display:flex; flex-wrap:wrap; gap:18px 26px; margin-top:32px; }
.csn-button { align-items:center; background:var(--csn-accent); color:white!important; display:inline-flex; font-size:11px; font-weight:800; justify-content:center; letter-spacing:.08em; min-height:46px; padding:0 22px; text-decoration:none; text-transform:uppercase; }
.csn-button:hover { background:#fff; color:#071018!important; }
.csn-text-link { color:#fff!important; font-size:12px; font-weight:700; letter-spacing:.05em; text-decoration:none; }
.csn-hero-visual { aspect-ratio:16/10; background:#071018; border-radius:24px; box-shadow:0 42px 110px rgba(0,0,0,.46); justify-self:end; margin:0; max-width:820px; overflow:hidden; width:100%; }
.csn-hero-visual img { display:block; height:100%; object-fit:cover; width:100%; }

.csn-overview,.csn-workflow,.csn-features,.csn-support,.csn-details,.csn-start,.csn-docs,.csn-licensing,.csn-faq,.csn-final-cta { border-bottom:1px solid var(--csn-line); padding:clamp(78px,8vw,118px) 0; }
.csn-centered { margin:0 auto 55px; max-width:720px; text-align:center; }
.csn-centered h2,.csn-section-heading h2,.csn-docs h2 { font-size:clamp(2.4rem,4.2vw,4.15rem); font-weight:650; letter-spacing:-.055em; line-height:1; margin:0; }
.csn-centered>p:last-child,.csn-section-heading>p:last-child,.csn-docs p { color:var(--csn-muted); margin:20px 0 0; }
.csn-pillars { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.csn-pillars article { border-left:1px solid var(--csn-line); padding:10px 26px 4px; }
.csn-pillars article:first-child { border-left:0; padding-left:0; }
.csn-pillars article:last-child { padding-right:0; }
.csn-pillars span,.csn-feature-copy>span,.csn-support-list article>span { color:#41c8e7; display:block; font-size:10px; font-weight:750; letter-spacing:.12em; margin-bottom:18px; }
.csn-pillars h3 { font-size:17px; letter-spacing:-.02em; margin:0; }
.csn-pillars p { color:var(--csn-muted); font-size:13px; margin:11px 0 0; }

.csn-workflow { background:var(--csn-soft); }
.csn-section-heading { margin-bottom:52px; max-width:760px; }
.csn-section-heading>p:last-child { max-width:650px; }
.csn-workflow ol { list-style:none; margin:0; padding:0; }
.csn-workflow li { align-items:start; border-top:1px solid var(--csn-line); display:grid; gap:28px; grid-template-columns:42px minmax(0,1fr); padding:23px 0; }
.csn-workflow li:last-child { border-bottom:1px solid var(--csn-line); }
.csn-workflow li>span { color:#41c8e7; font-size:12px; font-weight:750; }
.csn-workflow h3 { font-size:18px; margin:0; }
.csn-workflow li p { color:var(--csn-muted); font-size:14px; margin:6px 0 0; max-width:680px; }

.csn-feature-grid { display:grid; gap:clamp(14px,1.4vw,22px); grid-template-columns:repeat(4,minmax(0,1fr)); }
.csn-feature { aspect-ratio:1; background:#0b1116; isolation:isolate; min-height:0; overflow:hidden; position:relative; }
.csn-feature-media { background-image:var(--csn-card-image); background-position:center; background-size:cover; inset:0; position:absolute; transform:scale(1.001); z-index:-2; }
.csn-feature.no-image .csn-feature-media { background:radial-gradient(circle at 70% 35%,rgba(34,64,84,.2),transparent 32%),linear-gradient(145deg,#0a1015,#121b23); }
.csn-feature:after { background:linear-gradient(0deg,rgba(3,8,13,.98) 0%,rgba(3,8,13,.8) 34%,rgba(3,8,13,.18) 74%,rgba(3,8,13,.04) 100%); content:""; inset:0; position:absolute; z-index:-1; }
.csn-feature-copy { bottom:0; left:0; padding:clamp(18px,1.7vw,28px); position:absolute; right:0; }
.csn-feature-copy>span { margin-bottom:7px; }
.csn-feature-label { color:rgba(255,255,255,.6); font-size:9px; font-weight:800; letter-spacing:.12em; margin:0 0 8px; text-transform:uppercase; }
.csn-feature h3 { color:#fff; font-size:clamp(22px,2vw,34px); font-weight:470; letter-spacing:-.04em; line-height:1; margin:0 0 9px; }
.csn-feature h3+p { color:rgba(255,255,255,.72); font-size:12px; line-height:1.58; margin:0; max-width:360px; }

.csn-support { background:var(--csn-soft); }
.csn-support-list { border-top:1px solid var(--csn-line); display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.csn-support-list article { border-bottom:1px solid var(--csn-line); display:grid; gap:10px 20px; grid-template-columns:30px 170px minmax(0,1fr); padding:22px 0; }
.csn-support-list article:nth-child(odd) { padding-right:28px; }
.csn-support-list article:nth-child(even) { border-left:1px solid var(--csn-line); padding-left:28px; }
.csn-support-list article>span { margin:3px 0 0; }
.csn-support-list h3 { font-size:15px; margin:0; }
.csn-support-list p { color:var(--csn-muted); font-size:13px; margin:0; }

.csn-details-grid,.csn-start-grid,.csn-docs-grid { display:grid; gap:clamp(50px,8vw,110px); grid-template-columns:repeat(2,minmax(0,1fr)); }
.csn-details dl { margin:0; }
.csn-details dl>div { border-top:1px solid var(--csn-line); display:grid; gap:20px; grid-template-columns:150px minmax(0,1fr); padding:15px 0; }
.csn-details dl>div:last-child { border-bottom:1px solid var(--csn-line); }
.csn-details dt { color:var(--csn-muted); font-size:12px; }
.csn-details dd { font-size:13px; font-weight:650; margin:0; }
.csn-details-grid h3,.csn-start-grid h3 { font-size:20px; margin:0 0 20px; }
.csn-details ul { color:#dbe0e3; list-style:none; margin:0; padding:0; }
.csn-details li { border-top:1px solid var(--csn-line); font-size:13px; padding:11px 0; }
.csn-details li:before { color:#41c8e7; content:"✓"; margin-right:11px; }
.csn-note { border-left:2px solid var(--csn-accent); color:var(--csn-muted); font-size:12px; margin:26px 0 0; padding-left:15px; }
.csn-note strong { color:#fff; display:block; }

.csn-start { background:var(--csn-soft); }
.csn-start-grid>div { border-top:1px solid var(--csn-line); padding-top:25px; }
.csn-start-grid ol { counter-reset:step; list-style:none; margin:0; padding:0; }
.csn-start-grid li { color:var(--csn-muted); counter-increment:step; font-size:13px; padding:8px 0 8px 32px; position:relative; }
.csn-start-grid li:before { color:#41c8e7; content:counter(step,decimal-leading-zero); font-size:10px; left:0; position:absolute; top:10px; }
.csn-tool-strip { border-top:1px solid var(--csn-line); margin-top:48px; padding-top:26px; }
.csn-tool-strip h3 { font-size:16px; margin:0 0 10px; }
.csn-tool-strip p { color:var(--csn-muted); font-size:12px; letter-spacing:.025em; margin:0; }

.csn-docs { background:linear-gradient(120deg,#09151d,#050b10); }
.csn-docs-grid { align-items:end; }
.csn-docs-grid>div:last-child { max-width:500px; }
.csn-docs .csn-button { margin-top:28px; }
.csn-documentation-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin-bottom:38px; }
.csn-documentation-list article { border-top:1px solid var(--csn-line); display:grid; gap:22px; grid-template-columns:34px minmax(0,1fr); padding:25px 28px 25px 0; }
.csn-documentation-list article:nth-child(even) { border-left:1px solid var(--csn-line); padding-left:28px; }
.csn-documentation-list span { color:#41c8e7; font-size:10px; font-weight:750; padding-top:4px; }
.csn-documentation-list h3 { font-size:18px; margin:0; }
.csn-documentation-list p { color:var(--csn-muted); font-size:13px; margin:8px 0 0; }
.csn-licensing-grid { display:grid; gap:38px; grid-template-columns:repeat(3,minmax(0,1fr)); }
.csn-licensing-grid article { border-top:1px solid var(--csn-line); padding-top:24px; }
.csn-licensing-grid h3 { font-size:17px; margin:0 0 12px; }
.csn-licensing-grid p { color:var(--csn-muted); font-size:13px; margin:0; }
.csn-faq { background:var(--csn-soft); }
.csn-faq-list { border-top:1px solid var(--csn-line); }
.csn-faq details { border-bottom:1px solid var(--csn-line); padding:0; }
.csn-faq summary { cursor:pointer; font-size:16px; font-weight:620; list-style:none; padding:22px 38px 22px 0; position:relative; }
.csn-faq summary::-webkit-details-marker { display:none; }
.csn-faq summary:after { color:#41c8e7; content:"+"; font-size:22px; font-weight:400; position:absolute; right:4px; top:17px; }
.csn-faq details[open] summary:after { content:"−"; }
.csn-faq details p { color:var(--csn-muted); font-size:14px; margin:-3px 0 25px; max-width:820px; }
.csn-final-cta { background:#020609; border-bottom:0; }
.csn-final-cta-grid { display:grid; gap:clamp(48px,8vw,110px); grid-template-columns:repeat(2,minmax(0,1fr)); }
.csn-final-cta h2 { font-size:clamp(2.4rem,4.2vw,4.15rem); font-weight:650; letter-spacing:-.055em; line-height:1; margin:0; }
.csn-final-cta-grid>div:last-child>p { color:var(--csn-muted); margin:0; max-width:520px; }

@media(max-width:980px) {
    .csn-hero-grid { grid-template-columns:minmax(0,1fr) minmax(280px,.8fr); }
    .csn-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .csn-pillars { grid-template-columns:repeat(2,minmax(0,1fr)); gap:34px 0; }
    .csn-pillars article:nth-child(3) { border-left:0; padding-left:0; }
    .csn-support-list { grid-template-columns:1fr; }
    .csn-support-list article:nth-child(odd),.csn-support-list article:nth-child(even) { border-left:0; padding-left:0; padding-right:0; }
    .csn-licensing-grid { grid-template-columns:1fr; }
}

@media(max-width:720px) {
    .csn-shell { width:min(100% - 30px,1360px); }
    .csn-hero { min-height:0; }
    .csn-hero-grid { grid-template-columns:1fr; padding-block:78px; }
    .csn-hero h1 { font-size:clamp(3.3rem,17vw,5rem); }
    .csn-hero-visual { justify-self:start; max-width:420px; }
    .csn-feature-grid { gap:48px 20px; }
    .csn-details-grid,.csn-start-grid,.csn-docs-grid,.csn-final-cta-grid { grid-template-columns:1fr; }
    .csn-documentation-list { grid-template-columns:1fr; }
    .csn-documentation-list article:nth-child(even) { border-left:0; padding-left:0; }
}

@media(max-width:520px) {
    .csn-feature-grid,.csn-pillars { grid-template-columns:1fr; }
    .csn-pillars article,.csn-pillars article:nth-child(3) { border-left:0; border-top:1px solid var(--csn-line); padding:22px 0 0; }
    .csn-feature-copy { max-width:none; }
    .csn-support-list article { grid-template-columns:28px minmax(0,1fr); }
    .csn-support-list article p { grid-column:2; }
    .csn-details dl>div { grid-template-columns:120px minmax(0,1fr); }
}

@media(prefers-reduced-motion:reduce) {
    .csn-feature figure img { transition:none; }
}