:root { --bg:#08090c; --panel:#111318; --panel2:#171a21; --text:#f7f7f5; --muted:#9da3ae; --line:rgba(255,255,255,.11); --accent:#ff5a36; --accent2:#8d62ff; --max:1440px }
* { box-sizing:border-box }
html { scroll-behavior:smooth }
body { margin:0; background:var(--bg); color:var(--text); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif }
a { color:inherit; text-decoration:none }
button,input,select,textarea { font:inherit }
.wrap { width:min(var(--max),calc(100% - 40px)); margin:auto }
.topbar { height:72px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); position:relative; z-index:10 }
.brand { font-weight:800; letter-spacing:-.03em }
.brand span { color:var(--accent) }
.navlinks { display:flex; gap:24px; color:#cfd2d9; font-size:14px }
.pill-btn,.ghost-btn { border:0; border-radius:999px; padding:13px 20px; font-weight:750; cursor:pointer }
.pill-btn { background:#fff; color:#090a0d }
.ghost-btn { background:rgba(255,255,255,.08); color:#fff; border:1px solid var(--line) }
.premiere { min-height:calc(100vh - 72px); display:grid; align-items:end; position:relative; overflow:hidden }
.premiere video,.premiere .hero-poster { position:absolute; inset:0; width:100%; height:100%; object-fit:cover }
.premiere:after {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.25) 58%,rgba(0,0,0,.55)),linear-gradient(0deg,#08090c 0,transparent 42%)
}
.premiere-inner { position:relative; z-index:2; padding:88px 0 54px; display:grid; grid-template-columns:minmax(0,680px) 340px; gap:50px; align-items:end }
.eyebrow { font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:#d2d5dc }
.premiere h1 { font-size:clamp(54px,7vw,104px); line-height:.92; letter-spacing:-.065em; margin:18px 0 24px }
.premiere p { font-size:18px; line-height:1.65; color:#d4d7dd; max-width:630px }
.actions { display:flex; gap:12px; margin-top:28px; flex-wrap:wrap }
.recipe-card { background:rgba(11,12,16,.74); backdrop-filter:blur(18px); border:1px solid var(--line); border-radius:24px; padding:24px }
.recipe-card h3 { margin:0 0 18px }
.recipe-row { display:flex; justify-content:space-between; gap:20px; padding:11px 0; border-bottom:1px solid var(--line); font-size:13px }
.recipe-row span:first-child { color:var(--muted) }
.premiere-strip { position:relative; z-index:3; padding-bottom:24px }
.strip-list { display:grid; grid-template-columns:repeat(5,1fr); gap:10px }
.strip-item { background:#111; border:1px solid var(--line); border-radius:14px; overflow:hidden; cursor:pointer; position:relative; aspect-ratio:16/9 }
.strip-item img { width:100%; height:100%; object-fit:cover; opacity:.7 }
.strip-item.active { outline:2px solid #fff }
.strip-item b { position:absolute; left:10px; bottom:8px; font-size:11px; text-transform:uppercase; letter-spacing:.08em }
.section { padding:100px 0 }
.section.light { background:#f1f1ed; color:#111 }
.section-head { display:flex; justify-content:space-between; gap:30px; align-items:end; margin-bottom:38px }
.section h2 { font-size:clamp(38px,5vw,72px); letter-spacing:-.055em; line-height:1; margin:0 }
.section-head p { max-width:520px; color:var(--muted); line-height:1.7 }
.light .section-head p { color:#5d6067 }
.workflow { display:grid; grid-template-columns:repeat(3,1fr); gap:18px }
.step { border:1px solid #d6d7d2; border-radius:26px; padding:28px; background:#fff; min-height:240px }
.step .num { font-size:12px; letter-spacing:.14em; color:#777 }
.step h3 { font-size:27px; margin:42px 0 10px; letter-spacing:-.035em }
.step p { color:#6a6d73; line-height:1.6 }
.upload-band { margin-top:24px; border:1px dashed #a8aaa6; border-radius:22px; padding:22px; display:flex; justify-content:space-between; align-items:center; gap:20px }
.filters { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:30px }
.filter { border:1px solid var(--line); background:#14161b; color:#cbd0d8; border-radius:999px; padding:10px 15px; cursor:pointer }
.filter.active { background:#fff; color:#090a0d }
.scene-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:16px }
.scene-card { border-radius:20px; overflow:hidden; background:#13151a; border:1px solid var(--line); position:relative; aspect-ratio:4/5; cursor:pointer }
.scene-card img,.scene-card video { width:100%; height:100%; object-fit:cover; position:absolute; inset:0 }
.scene-card video { display:none }
.scene-card:hover video { display:block }
.scene-card:after { content:""; position:absolute; inset:35% 0 0; background:linear-gradient(transparent,rgba(0,0,0,.9)) }
.scene-info { position:absolute; z-index:2; left:16px; right:16px; bottom:15px }
.scene-info h3 { margin:0 0 8px; font-size:18px }
.tags { display:flex; gap:6px; flex-wrap:wrap }
.tag { font-size:10px; padding:5px 7px; border-radius:999px; background:rgba(255,255,255,.12) }
.load-more { display:block; margin:32px auto 0 }
.feature { display:grid; grid-template-columns:1fr 1fr; gap:32px; align-items:center }
.big-screen { aspect-ratio:16/10; background:#0d0f13; border-radius:30px; overflow:hidden; border:1px solid var(--line); position:relative }
.big-screen video { width:100%; height:100%; object-fit:cover }
.recipe-list { display:grid; gap:12px }
.recipe-block { background:#16181e; border:1px solid var(--line); border-radius:18px; padding:18px }
.recipe-block small { color:var(--muted); text-transform:uppercase; letter-spacing:.12em }
.recipe-block p { margin:8px 0 0; line-height:1.5 }
.matrix { display:grid; grid-template-columns:repeat(4,1fr); gap:14px }
.matrix-card { border:1px solid var(--line); border-radius:22px; padding:24px; background:#121419 }
.matrix-card h3 { margin:32px 0 8px }
.fineprint { color:#a7abb4; line-height:1.8; max-width:900px }
.cta { padding:90px 0; text-align:center; background:radial-gradient(circle at 50% 0,#38205d,transparent 46%),#090a0d }
.cta h2 { font-size:clamp(46px,7vw,90px); letter-spacing:-.06em; margin:0 0 22px }
.modal { position:fixed; inset:0; background:rgba(0,0,0,.82); z-index:100; display:none; padding:28px; align-items:center; justify-content:center }
.modal.open { display:flex }
.modal-inner {
    width:min(1180px,100%);
    max-height:92vh;
    overflow:auto;
    background:#101217;
    border:1px solid var(--line);
    border-radius:28px;
    display:grid;
    grid-template-columns:1.65fr .85fr
}
.modal-media { min-height:620px; background:#050506 }
.modal-media video { width:100%; height:100%; object-fit:cover }
.modal-copy { padding:30px }
.modal-close { position:fixed; right:34px; top:26px; border:0; border-radius:50%; width:42px; height:42px; background:#fff; font-size:22px; cursor:pointer }
.suite { min-height:100vh; background:#090a0d }
.suite-grid { display:grid; grid-template-columns:1fr 1fr 360px; min-height:calc(100vh - 72px) }
.suite-pane { border-right:1px solid var(--line); padding:26px; display:flex; flex-direction:column }
.pane-title { display:flex; justify-content:space-between; align-items:center; margin-bottom:16px }
.media-box { flex:1; min-height:440px; border-radius:22px; overflow:hidden; background:#111318; border:1px solid var(--line); display:grid; place-items:center; position:relative }
.media-box img,.media-box video { width:100%; height:100%; object-fit:contain }
.upload-box { border:1px dashed #525865; border-radius:18px; padding:28px; text-align:center; width:min(460px,86%) }
.controls { padding:26px; overflow:auto }
.field { margin-bottom:18px }
.field label { display:block; font-size:12px; color:#aeb3bd; text-transform:uppercase; letter-spacing:.1em; margin-bottom:8px }
.field select,.field textarea,.field input { width:100%; background:#171920; border:1px solid #30343e; color:#fff; border-radius:13px; padding:12px }
.field textarea { min-height:110px; resize:vertical }
.transfer {
    grid-column:1/-1;
    border-top:1px solid var(--line);
    padding:17px 28px;
    display:flex;
    justify-content:center;
    gap:24px;
    color:#aeb3bd;
    letter-spacing:.12em;
    font-size:11px
}
.status { min-height:22px; color:#b8bdc6; font-size:13px; line-height:1.5 }
.result-card[hidden] { display:none!important }
.result-card { position:absolute; inset:0; background:#08090c }
.result-card video { width:100%; height:100%; object-fit:contain }
.result-actions { position:absolute; left:16px; right:16px; bottom:16px; display:flex; gap:10px; justify-content:center }
.core-reference-list { display:flex; gap:8px; margin-top:12px }
.core-reference-item { width:70px; height:70px; border-radius:10px; overflow:hidden; position:relative }
.core-reference-item img { width:100%; height:100%; object-fit:cover }
.core-reference-number { position:absolute; right:4px; bottom:4px; background:#000; color:#fff; border-radius:10px; padding:2px 5px; font-size:9px }
.hidden { display:none!important }
@media(max-width:1100px) {
    .scene-grid { grid-template-columns:repeat(3,1fr) }
    .suite-grid { grid-template-columns:1fr 1fr }
    .controls { grid-column:1/-1 }
    .premiere-inner { grid-template-columns:1fr }
    .recipe-card { max-width:520px }
    .matrix { grid-template-columns:repeat(2,1fr) }
}
@media(max-width:720px) {
    .wrap { width:min(100% - 24px,var(--max)) }
    .navlinks { display:none }
    .premiere { min-height:820px }
    .premiere-inner { padding-top:70px }
    .premiere h1 { font-size:58px }
    .strip-list { grid-template-columns:repeat(5,150px); overflow:auto }
    .section { padding:70px 0 }
    .workflow,.feature,.matrix { grid-template-columns:1fr }
    .scene-grid { grid-template-columns:repeat(2,1fr); gap:10px }
    .modal { padding:10px }
    .modal-inner { grid-template-columns:1fr }
    .modal-media { min-height:360px }
    .suite-grid { display:block }
    .suite-pane { min-height:620px; border-right:0; border-bottom:1px solid var(--line) }
    .controls { padding-bottom:70px }
    .transfer { display:none }
    .section-head { display:block }
    .upload-band { align-items:flex-start; flex-direction:column }
}


/* Video Effects refinement 2026-08-07 */
:root{--vfx-shell:1280px;--vfx-side:20px}
body:not(.dark){--bg:#f7f7f4;--panel:#fff;--panel2:#f0f0ec;--text:#141518;--muted:#666b73;--line:rgba(20,21,24,.14);background:#f7f7f4;color:#141518}
.wrap{width:min(var(--vfx-shell),calc(100% - 40px))}
.premiere{min-height:620px;max-height:720px;background:#090a0d;color:#fff}
.premiere-inner{padding:72px 0 42px;grid-template-columns:minmax(0,680px) 320px;gap:38px}
.premiere h1{font-size:clamp(50px,6vw,88px);margin:14px 0 18px}
.premiere p{font-size:16px;max-width:600px}
.premiere-strip{padding-bottom:18px}.strip-item{border-radius:8px}
.section{padding:68px 0}.section-head{margin-bottom:26px}.section h2{font-size:clamp(34px,4vw,56px)}

/* Current-page studio: compact and native to the dark cinematic page */
.t67-vscene-studio{width:min(var(--vfx-shell),calc(100% - 40px));max-width:none;margin:30px auto;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;color:inherit}
.t67-vscene-head{margin:0 0 14px}.t67-vscene-head h2{font-size:clamp(28px,3.3vw,44px);letter-spacing:-.04em;margin:4px 0 0}.t67-vscene-head p,.t67-vscene-badge{display:none!important}
.t67-vscene-grid{gap:12px;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr)}
.t67-vscene-upload,.t67-vscene-controls{border:1px solid var(--line);border-radius:8px;box-shadow:none;background:var(--panel)}
.t67-vscene-upload{padding:16px}.t67-vscene-controls{padding:16px}
.t67-vscene-drop{min-height:285px;border-radius:5px;border:1px dashed color-mix(in srgb,var(--text) 45%,transparent);background:var(--panel2)}
.t67-vscene-empty span{font-size:12px;color:var(--muted)}
.t67-vscene-prompt{min-height:132px;border-radius:5px;border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:12px;line-height:1.55}
.t67-vscene-sample,.t67-vscene-clear{border-radius:4px}
.vfx-control-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px}.vfx-specific-slot{display:contents}
.t67-vscene-field{gap:4px}.t67-vscene-field span{font-size:10px;letter-spacing:.12em;font-weight:800;color:var(--muted)}
.t67-vscene-field select{height:36px;min-height:36px;border-radius:4px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font-size:11px;padding:0 8px}
.t67-vscene-model-info{margin-top:8px;font-size:11px;color:var(--muted)}
.t67-vscene-generate{min-height:46px;margin-top:12px;border-radius:5px;background:var(--text);color:var(--bg);font-weight:850}
.t67-vscene-credit{margin-top:8px;font-size:13px}.t67-vscene-credit a{font-weight:800;text-decoration:underline}.t67-vscene-status{font-size:12px}
.t67-vscene-result{margin-top:12px}.t67-vscene-result-stage{max-height:450px;min-height:240px;border-radius:8px;border:1px solid var(--line)}
.t67-vscene-busy{background:rgba(4,5,8,.78)}.t67-vscene-busy-card{border-radius:7px}.t67-vscene-download{border-radius:6px}

/* Gallery / useful showcase */
.filters{gap:7px;margin-bottom:20px}.filter{border-radius:5px;padding:8px 12px;background:var(--panel);color:var(--text);border-color:var(--line)}
.filter.active{background:var(--text);color:var(--bg)}
.scene-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.scene-card{border-radius:8px;background:var(--panel2);border-color:var(--line)}
.tag{border-radius:4px}.load-more{border-radius:5px}
.big-screen{border-radius:10px}.recipe-block{border-radius:7px;background:var(--panel);border-color:var(--line)}
body:not(.dark) .scene-info{color:#fff}body:not(.dark) .big-screen{background:#0d0f13}

/* GEO answer block + FAQ */
.vfx-about{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel2)}
.vfx-about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:start}.vfx-about p{margin:0;color:var(--muted);line-height:1.8;font-size:16px}
.vfx-faq{background:var(--bg)}.vfx-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.vfx-faq details{border:1px solid var(--line);border-radius:7px;background:var(--panel);padding:0 16px}.vfx-faq summary{cursor:pointer;list-style:none;padding:16px 0;font-weight:800}.vfx-faq summary::-webkit-details-marker{display:none}.vfx-faq summary:after{content:'+';float:right;font-size:20px;font-weight:400}.vfx-faq details[open] summary:after{content:'−'}.vfx-faq p{margin:0 0 16px;color:var(--muted);line-height:1.7;font-size:14px}

/* Proper light / dark compatibility */
body.dark{--bg:#08090c;--panel:#111318;--panel2:#171a21;--text:#f7f7f5;--muted:#9da3ae;--line:rgba(255,255,255,.11);background:#08090c;color:#f7f7f5}
body:not(.dark) .section.light{background:#f0f0ec;color:#141518}
body:not(.dark) .pill-btn{background:#141518;color:#fff}.dark .pill-btn{background:#fff;color:#090a0d}
body:not(.dark) .ghost-btn{background:#fff;color:#141518;border-color:rgba(20,21,24,.16)}
body:not(.dark) .recipe-card{background:rgba(12,13,16,.78);color:#fff;border-color:rgba(255,255,255,.12)}
body:not(.dark) .recipe-card .recipe-row span:first-child{color:#b8bdc7}
body:not(.dark) .modal-inner{background:#fff;color:#141518;border-color:#d8d9dc}.dark .modal-inner{background:#101217;color:#f7f7f5}
body:not(.dark) .modal-copy .recipe-block{background:#f5f5f2}

@media(max-width:1100px){.scene-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.t67-vscene-studio{width:min(var(--vfx-shell),calc(100% - 28px));margin:26px auto}.t67-vscene-grid{grid-template-columns:1fr}.vfx-control-row{grid-template-columns:repeat(2,minmax(0,1fr))}.vfx-about-grid{grid-template-columns:1fr}.vfx-faq-grid{grid-template-columns:1fr}}
@media(max-width:720px){.wrap{width:calc(100% - 24px)}.premiere{min-height:650px;max-height:none}.premiere-inner{padding-top:56px}.premiere h1{font-size:52px}.section{padding:52px 0}.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.t67-vscene-studio{width:calc(100% - 20px);margin:24px auto}.t67-vscene-upload,.t67-vscene-controls{border-radius:6px}.t67-vscene-drop{min-height:220px}}

/* Hide Hero floating recipe info */
.premiere .recipe-card{
  display:none!important;
}

.premiere-inner{
  grid-template-columns:minmax(0,760px)!important;
}