:root{--ink:#191a16;--acid:#d7ff3f;--paper:#f2f2ec;--panel:#fafaf6;--line:#d5d6ce;--muted:#73756c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit}button{font:inherit;cursor:pointer}.top{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,76px);border-bottom:1px solid var(--line);background:rgba(248,248,243,.94);position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 18px Georgia,serif}.brand i{width:34px;height:34px;display:grid;place-items:center;background:var(--ink);color:var(--acid);font:800 17px Arial;border-radius:9px;transform:rotate(-3deg)}.brand.inverse{color:#fff}.top>div{display:flex;gap:32px}.top>div a{font-size:11px;text-decoration:none;color:#55574f}.button{display:inline-block;background:var(--ink);color:#fff;text-decoration:none;border-radius:8px;padding:12px 18px;font-size:10px;font-weight:800}.hero{min-height:700px;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;padding:74px clamp(22px,7vw,110px) 90px}.eyebrow{font:800 9px Arial;letter-spacing:.18em;color:#777a6e}.eyebrow>i{display:inline-block;width:7px;height:7px;background:#9dbc00;border-radius:50%;box-shadow:0 0 0 4px #dfeab8;margin-right:9px}.hero h1{font:500 clamp(48px,6vw,82px)/.99 Georgia,"Songti SC",serif;letter-spacing:-.07em;margin:26px 0}.lede{font-size:14px;line-height:1.8;color:#5f6159;max-width:590px}.actions{display:flex;align-items:center;gap:27px;margin:34px 0 16px}.actions>a:last-child{font-size:11px;font-weight:800;text-underline-offset:5px}.primary{padding:16px 20px}.hero small{font-size:9px;color:#888a81}.console{background:var(--ink);padding:13px;border-radius:18px;box-shadow:0 40px 90px rgba(0,0,0,.28);transform:rotate(1.4deg)}.console>header,.console>footer{height:42px;display:flex;align-items:center;gap:14px;color:#92948b;padding:0 8px;font:8px monospace}.console>header{justify-content:space-between}.console>header i{display:inline-block;width:6px;height:6px;background:var(--acid);border-radius:50%;margin-right:6px}.console>header b{color:var(--acid);background:#30312a;padding:5px 7px;border-radius:5px}.screen{height:350px;position:relative;overflow:hidden;background:linear-gradient(#101926,#47504d 72%,#a7a597);border-radius:8px}.moon{position:absolute;width:54px;height:54px;border-radius:50%;background:#e8e2c3;right:17%;top:14%;box-shadow:0 0 45px #dedfc9}.house{position:absolute;width:180px;height:145px;background:#10130f;bottom:43px;left:34%;clip-path:polygon(50% 0,100% 36%,92% 36%,92% 100%,8% 100%,8% 36%,0 36%)}.screen p{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#fff;background:rgba(0,0,0,.58);padding:7px 12px;font-size:10px}.wave{height:75px;margin-top:9px;border-radius:7px;background-color:#24251f;background-image:repeating-linear-gradient(90deg,transparent 0 8px,var(--acid) 8px 11px,transparent 11px 16px);clip-path:polygon(0 45%,4% 25%,8% 65%,12% 35%,16% 80%,20% 30%,24% 60%,28% 20%,32% 72%,36% 40%,40% 82%,44% 28%,48% 60%,52% 18%,56% 75%,60% 35%,64% 62%,68% 24%,72% 70%,76% 38%,80% 78%,84% 28%,88% 58%,92% 35%,96% 66%,100% 45%,100% 55%,96% 78%,92% 48%,88% 70%,84% 35%,80% 86%,76% 48%,72% 80%,68% 38%,64% 75%,60% 46%,56% 88%,52% 30%,48% 72%,44% 38%,40% 90%,36% 52%,32% 82%,28% 32%,24% 72%,20% 42%,16% 90%,12% 47%,8% 75%,4% 38%,0 55%)}.console>footer b{margin-left:auto;color:var(--acid)}.pipeline{height:88px;background:var(--acid);display:flex;align-items:center;justify-content:center;gap:2.4vw;font:800 9px Arial;letter-spacing:.12em}.pipeline i{font-style:normal;opacity:.4}.workflow{padding:120px clamp(22px,7vw,110px);background:#f8f8f3}.workflow>header{display:grid;grid-template-columns:1fr 2fr}.workflow h2,.features h2,.cta h2{font:500 clamp(36px,4.5vw,62px)/1.05 Georgia,"Songti SC",serif;letter-spacing:-.055em;margin:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:75px;border-top:1px solid var(--line)}.steps article{min-height:210px;padding:25px 27px 10px 0;border-right:1px solid var(--line)}.steps article+article{padding-left:27px}.steps b,.feature-grid b{font:9px monospace;color:#8ca900}.steps h3,.feature-grid h3{font:21px Georgia,"Songti SC",serif;margin:40px 0 14px}.steps p,.feature-grid p{font-size:10px;line-height:1.7;color:#66685f}.features{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;padding:120px clamp(22px,7vw,110px);background:var(--ink);color:#fff}.features>div:first-child>p:last-child{font-size:12px;line-height:1.8;color:#999b92;max-width:430px;margin-top:27px}.feature-grid{display:grid;grid-template-columns:1fr 1fr}.feature-grid article{border:1px solid #35362f;margin:-1px 0 0 -1px;padding:28px;min-height:180px}.feature-grid h3{margin:32px 0 12px}.feature-grid p{color:#999b92}.cta{text-align:center;padding:125px 24px;background:var(--acid)}.cta h2{margin:22px 0 38px}.site-footer{background:var(--ink);color:#8f9188;display:flex;align-items:center;gap:28px;padding:44px clamp(22px,7vw,110px)}.site-footer>span{font-size:9px}.site-footer>div{margin-left:auto;display:flex;gap:22px}.site-footer>div a{font-size:9px;text-decoration:none;color:#aaa}
.app-body{display:grid;grid-template-columns:245px 1fr;min-height:100vh;background:#eceee8}.sidebar{background:var(--ink);color:#fff;padding:25px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar>.brand{padding:0 9px 30px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;gap:12px;color:#999b92;text-decoration:none;font-size:11px;padding:11px 12px;border-radius:7px}.sidebar nav a.active{background:#2b2d26;color:#fff}.sidebar nav a.active span{color:var(--acid)}.side-bottom{margin-top:auto}.quota{border:1px solid #373831;border-radius:9px;padding:14px;display:grid;gap:8px}.quota span,.quota a{font-size:8px;color:#999}.quota b{font-size:11px}.quota>i{height:4px;background:#383931}.quota>i em{display:block;width:63%;height:100%;background:var(--acid)}.quota a{color:var(--acid)}.account{display:flex;align-items:center;gap:9px;padding:17px 5px 0}.account>i{width:31px;height:31px;border-radius:8px;background:var(--acid);color:var(--ink);display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:900}.account span{display:grid}.account b{font-size:9px}.account small{font-size:7px;color:#85877e}.dashboard{padding:0 clamp(20px,4vw,58px) 70px;min-width:0}.demo-banner{margin:0 calc(-1 * clamp(20px,4vw,58px)) 34px;padding:10px clamp(20px,4vw,58px);background:#fff0b6;color:#725a00;font-size:9px}.demo-banner a{float:right;font-weight:800}.dash-head{display:flex;justify-content:space-between;align-items:end}.dash-head p,.panel header p{font:800 8px Arial;letter-spacing:.14em;color:#85877d;margin:0 0 7px}.dash-head h1{font:500 34px Georgia,"Songti SC",serif;margin:0 0 5px}.dash-head>div>span{font-size:10px;color:#777970}.dash-head>button{border:0;background:var(--ink);color:#fff;border-radius:8px;padding:13px 17px;font-size:10px;font-weight:800}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:34px 0 22px}.stats article,.panel{background:var(--panel);border:1px solid #d9dad2;border-radius:11px}.stats article{padding:18px;display:grid;gap:7px}.stats span{font-size:9px;color:#777970}.stats b{font:29px Georgia,serif}.stats small{font-size:8px;color:#789400}.dash-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:14px}.panel{padding:21px}.panel>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.panel h2{font:20px Georgia,"Songti SC",serif;margin:0}.panel header>a,.panel header>span{font-size:8px;color:#686a62}.project{display:grid;grid-template-columns:64px 1fr auto 20px;gap:14px;align-items:center;padding:10px 0;border-top:1px solid #e1e2dc}.thumb{width:64px;height:50px;border-radius:6px;display:grid;place-items:center;background:#30352e;color:var(--acid);font:10px monospace}.t2{background:#48433e}.t3{background:#27363b}.project h3,.queue-row h3{font:14px Georgia,"Songti SC",serif;margin:0}.project p,.queue-row p{font-size:8px;color:#888a81;margin:5px 0 8px}.project>div:nth-child(2)>i{display:block;max-width:180px;height:3px;background:#e1e2dc}.project>div:nth-child(2)>i em{display:block;height:100%;background:#a1c31f}.project>span{font-size:8px;padding:5px 7px;border-radius:5px}.review{background:#fff0c7;color:#876600}.working{background:#e8f4bf;color:#627c00}.done{background:#e4eee7;color:#437052}.project>button{border:0;background:none;font-size:18px;color:#999}.connected{color:#607a00!important}.queue-row{display:grid;grid-template-columns:43px 1fr auto;gap:10px;align-items:center;border-top:1px solid #e1e2dc;padding:15px 0}.queue-row time{font-size:7px;color:#85877f;border-right:1px solid #ddd}.queue-row time b{font-size:10px;color:#272822}.queue-row button,.manage{border:0;background:#eef0e8;border-radius:4px;padding:5px 7px;font-size:7px}.manage{width:100%;border:1px solid #d6d7cf;background:#fff;padding:9px}.activity{margin-top:14px}.activity-grid{display:grid;grid-template-columns:repeat(3,1fr)}.activity-grid>div{display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;padding-right:20px}.activity-grid>div+div{border-left:1px solid #ddd;padding-left:20px}.activity-grid i{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#eee;font-style:normal;font-size:9px}.activity-grid i.ok{background:#eaf4c8;color:#627b00}.activity-grid i.spin{background:var(--ink);color:var(--acid);animation:spin 2s linear infinite}.activity-grid span{display:grid}.activity-grid b{font-size:9px}.activity-grid small,.activity-grid time{font-size:7px;color:#8b8d84}.activity-grid time{white-space:nowrap}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:fixed;right:25px;bottom:25px;background:var(--ink);color:#fff;padding:12px 17px;border-left:4px solid var(--acid);border-radius:6px;font-size:10px;opacity:0;transform:translateY(15px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}
@media(max-width:900px){.hero{grid-template-columns:1fr}.workflow>header{grid-template-columns:1fr;gap:20px}.steps{grid-template-columns:1fr 1fr}.features{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.dash-grid{grid-template-columns:1fr}.activity-grid{grid-template-columns:1fr;gap:15px}.activity-grid>div+div{border:0;padding-left:0}}@media(max-width:680px){.top>div{display:none}.hero{padding-inline:22px}.hero h1{font-size:48px}.screen{height:280px}.pipeline{justify-content:flex-start;overflow:hidden;padding:0 16px;gap:10px}.workflow,.features{padding:80px 22px}.steps,.feature-grid{grid-template-columns:1fr}.steps article,.steps article+article{padding-left:0;border-right:0;border-bottom:1px solid var(--line)}.site-footer{display:grid}.site-footer>div{margin:0}.app-body{display:block}.sidebar{position:static;height:auto;padding:14px}.sidebar nav,.side-bottom{display:none}.sidebar>.brand{padding:0}.dashboard{padding:0 15px 50px}.demo-banner{margin:0 -15px 24px;padding:10px 15px}.dash-head h1{font-size:27px}.dash-head>div>span{display:none}.stats{grid-template-columns:1fr 1fr}.project{grid-template-columns:50px 1fr auto}.thumb{width:50px}.project>button{display:none}.activity-grid>div{grid-template-columns:30px 1fr}.activity-grid time{display:none}}

.hero-art{margin:0;position:relative;background:var(--ink);padding:8px;border-radius:18px;box-shadow:0 42px 100px rgba(13,14,11,.32);transform:rotate(1deg);overflow:hidden}.hero-art::after{content:"";position:absolute;inset:8px;border:1px solid rgba(215,255,63,.2);border-radius:11px;pointer-events:none}.hero-art img{display:block;width:100%;height:auto;border-radius:11px}.hero-art figcaption{position:absolute;left:22px;right:22px;bottom:18px;display:flex;align-items:center;justify-content:space-between;color:#b8bab1;background:rgba(14,15,12,.82);border:1px solid rgba(215,255,63,.18);backdrop-filter:blur(12px);border-radius:7px;padding:10px 12px;font:8px monospace;letter-spacing:.1em}.hero-art figcaption span i{display:inline-block;width:6px;height:6px;background:var(--acid);border-radius:50%;margin-right:7px;box-shadow:0 0 10px var(--acid)}.hero-art figcaption b{color:var(--acid);font-weight:700}
@media(max-width:900px){.hero-art{max-width:760px}}@media(max-width:680px){.hero-art{transform:none}.hero-art figcaption{display:none}}

/* Cinematic production-system direction */
.cinematic{background:#0d0f0d;color:#f3f1e9;background-image:linear-gradient(rgba(215,255,63,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(215,255,63,.025) 1px,transparent 1px);background-size:48px 48px}.cinematic .top{background:rgba(10,12,10,.9);border-color:#2b3027;color:#f3f1e9}.cinematic .top>div a{color:#a5a99d}.cinematic .top>div a:hover{color:var(--acid)}.cinematic .button{border:1px solid var(--acid);box-shadow:inset 0 0 0 1px rgba(215,255,63,.08),0 0 28px rgba(215,255,63,.08)}.cinematic .hero{position:relative;min-height:calc(100vh - 82px);background:radial-gradient(circle at 85% 23%,rgba(215,255,63,.07),transparent 24%),linear-gradient(110deg,rgba(13,15,13,.98) 30%,rgba(13,15,13,.82));border-bottom:1px solid #2b3027}.cinematic .hero::before{content:"01 / CREATE";position:absolute;left:clamp(22px,3vw,48px);top:50%;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg);font:8px monospace;letter-spacing:.24em;color:#62685c}.cinematic .hero h1{color:#f5f3ec;text-shadow:0 8px 40px rgba(0,0,0,.55)}.cinematic .hero .lede{color:#a6aa9e}.cinematic .hero small{color:#71766c}.cinematic .hero-art{padding:1px;border:1px solid #3a4034;border-radius:2px;transform:none;box-shadow:0 40px 120px rgba(0,0,0,.65),0 0 0 8px #111410}.cinematic .hero-art::before{content:"";position:absolute;inset:14px;z-index:2;background:linear-gradient(var(--acid),var(--acid)) left top/24px 1px no-repeat,linear-gradient(var(--acid),var(--acid)) left top/1px 24px no-repeat,linear-gradient(var(--acid),var(--acid)) right top/24px 1px no-repeat,linear-gradient(var(--acid),var(--acid)) right top/1px 24px no-repeat,linear-gradient(var(--acid),var(--acid)) left bottom/24px 1px no-repeat,linear-gradient(var(--acid),var(--acid)) left bottom/1px 24px no-repeat,linear-gradient(var(--acid),var(--acid)) right bottom/24px 1px no-repeat,linear-gradient(var(--acid),var(--acid)) right bottom/1px 24px no-repeat;pointer-events:none}.cinematic .hero-art::after{inset:0;border-color:#262b24;border-radius:2px}.cinematic .hero-art img{border-radius:1px;filter:saturate(.82) contrast(1.05)}.cinematic .hero-art figcaption{left:12px;right:12px;bottom:12px;border-radius:1px;background:rgba(8,10,8,.88)}.cinematic .pipeline{position:relative;background:#111410;color:#cfd2c8;border-block:1px solid #343a30;box-shadow:inset 0 -1px rgba(215,255,63,.08)}.cinematic .pipeline::after{content:"";position:absolute;left:3%;right:3%;bottom:12px;height:8px;opacity:.65;background:repeating-linear-gradient(90deg,var(--acid) 0 1px,transparent 1px 8px);clip-path:polygon(0 50%,3% 20%,6% 80%,9% 30%,12% 65%,15% 10%,18% 82%,21% 25%,24% 60%,27% 18%,30% 75%,33% 35%,36% 88%,39% 20%,42% 65%,45% 15%,48% 82%,51% 25%,54% 75%,57% 15%,60% 68%,63% 30%,66% 85%,69% 18%,72% 62%,75% 25%,78% 72%,81% 12%,84% 80%,87% 30%,90% 68%,93% 20%,96% 76%,100% 50%,100% 60%,96% 86%,93% 35%,90% 82%,87% 45%,84% 90%,81% 24%,78% 84%,75% 38%,72% 76%,69% 30%,66% 92%,63% 45%,60% 80%,57% 28%,54% 88%,51% 38%,48% 92%,45% 26%,42% 78%,39% 32%,36% 96%,33% 48%,30% 86%,27% 32%,24% 74%,21% 40%,18% 92%,15% 20%,12% 76%,9% 42%,6% 90%,3% 34%,0 60%)}.cinematic .workflow{position:relative;background:#0d0f0d;color:#f3f1e9;border-bottom:1px solid #2e332b}.cinematic .workflow::after{content:"DIRECTOR'S WORKFLOW";position:absolute;right:4%;top:62px;font:7vw/.8 Georgia,serif;color:rgba(255,255,255,.018);white-space:nowrap;pointer-events:none}.cinematic .workflow .eyebrow,.cinematic .features .eyebrow,.cinematic .cta .eyebrow{color:var(--acid)}.cinematic .steps{border-color:#343a30}.cinematic .steps article{position:relative;border-color:#343a30;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent);transition:.25s}.cinematic .steps article:hover{background:rgba(215,255,63,.04);transform:translateY(-5px)}.cinematic .steps article::after{content:"";position:absolute;right:10px;top:10px;width:5px;height:5px;border-radius:50%;background:#3c4238}.cinematic .steps article:hover::after{background:var(--acid);box-shadow:0 0 12px var(--acid)}.cinematic .steps b{color:var(--acid)}.cinematic .steps h3{color:#f5f3ec}.cinematic .steps p{color:#90958a}.cinematic .features{position:relative;background:#121510;background-image:linear-gradient(rgba(215,255,63,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(215,255,63,.025) 1px,transparent 1px);background-size:32px 32px;border-bottom:1px solid #353b31}.cinematic .features::before{content:"SYSTEM / 02";position:absolute;top:28px;right:5%;font:8px monospace;letter-spacing:.2em;color:#666d60}.cinematic .feature-grid article{position:relative;border-color:#383e34;background:rgba(10,12,10,.56);overflow:hidden;transition:.25s}.cinematic .feature-grid article::after{content:"";position:absolute;inset:auto 0 0;height:2px;background:var(--acid);transform:scaleX(0);transform-origin:left;transition:.25s}.cinematic .feature-grid article:hover{background:rgba(215,255,63,.035)}.cinematic .feature-grid article:hover::after{transform:scaleX(1)}.cinematic .feature-grid b{color:var(--acid)}.cinematic .feature-grid h3{font-family:"Courier New",monospace;letter-spacing:-.03em}.cinematic .cta{position:relative;overflow:hidden;background:#0a0c0a;color:#f5f3ec;border-bottom:1px solid #353b31}.cinematic .cta::before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(13,15,13,.72),rgba(13,15,13,.92)),url("./assets/og.png");background-size:cover;background-position:center;filter:grayscale(.3);opacity:.28}.cinematic .cta>*{position:relative;z-index:1}.cinematic .cta h2{text-shadow:0 4px 36px #000}.cinematic .site-footer{border-top:1px solid rgba(215,255,63,.2)}

.app-body{--app-bg:#0c0e0c;--app-panel:#141713;--app-line:#30352d;background:var(--app-bg);color:#efeee7;background-image:linear-gradient(rgba(215,255,63,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(215,255,63,.018) 1px,transparent 1px);background-size:36px 36px}.app-body .sidebar{background:#090b09;border-right:1px solid #30352d}.app-body .sidebar nav a{border:1px solid transparent}.app-body .sidebar nav a.active{background:rgba(215,255,63,.07);border-color:#3c4532;color:#fff}.app-body .quota{border-color:#353b31;background:#111410}.app-body .dashboard{background:transparent}.app-body .demo-banner{background:#161b13;color:#b9c89d;border-bottom:1px solid #394330}.app-body .dash-head p,.app-body .panel header p{color:var(--acid)}.app-body .dash-head h1{color:#f5f3ec}.app-body .dash-head>div>span{color:#858b80}.app-body .dash-head>button{background:var(--acid);color:#0b0d0b;border:1px solid var(--acid);box-shadow:0 0 24px rgba(215,255,63,.12)}.app-body .stats article,.app-body .panel{background:rgba(18,21,17,.9);border-color:var(--app-line);border-radius:2px;box-shadow:0 18px 42px rgba(0,0,0,.18)}.app-body .stats article{position:relative;overflow:hidden}.app-body .stats article::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,var(--acid),transparent)}.app-body .stats span,.app-body .stats small{color:#81877c}.app-body .stats b{color:#f4f2e9;font-family:"Courier New",monospace}.app-body .stats article:first-child small,.app-body .stats article:last-child small{color:#b7d64a}.app-body .panel h2{color:#f2f0e9}.app-body .panel header>a,.app-body .panel header>span{color:#8a9085}.app-body .project,.app-body .queue-row{border-color:#30352d}.app-body .thumb{border-radius:1px;border:1px solid #41493b;background-image:linear-gradient(rgba(8,10,8,.25),rgba(8,10,8,.68)),url("./assets/og.png");background-size:cover;background-position:80% 38%;text-shadow:0 2px 8px #000}.app-body .t2{background-position:64% 80%}.app-body .t3{background-position:20% 80%}.app-body .project h3,.app-body .queue-row h3{color:#edebe4}.app-body .project p,.app-body .queue-row p{color:#7f857a}.app-body .project>div:nth-child(2)>i{background:#30352d}.app-body .project>span{border:1px solid currentColor;background:transparent;border-radius:1px}.app-body .project>button{color:var(--acid)}.app-body .queue-row time{color:#82887d;border-color:#30352d}.app-body .queue-row time b{color:#daddd3}.app-body .queue-row button,.app-body .manage{background:#181c16;color:#b5bbaf;border:1px solid #353b31;border-radius:1px}.app-body .queue-row button:hover,.app-body .manage:hover{border-color:var(--acid);color:var(--acid)}.app-body .activity-grid>div+div{border-color:#30352d}.app-body .activity-grid b{color:#e9e8e1}.app-body .activity-grid small,.app-body .activity-grid time{color:#747a70}.app-body .activity-grid i{background:#20241d;color:#a5ab9f}.app-body .activity-grid i.ok{background:rgba(215,255,63,.08);color:var(--acid);border:1px solid #404a35}.app-body .activity-grid i.spin{background:#0b0d0b;border:1px solid var(--acid);box-shadow:0 0 16px rgba(215,255,63,.12)}.app-body #toast{border-radius:1px;background:#111410;border:1px solid #3c4337;border-left:4px solid var(--acid)}
@media(max-width:680px){.cinematic .hero::before{display:none}.cinematic .hero{min-height:auto}.cinematic .hero h1{font-size:45px}.cinematic .workflow::after{display:none}.cinematic .hero-art{box-shadow:0 22px 55px rgba(0,0,0,.55)}}
.cinematic .cta::before{background-image:linear-gradient(90deg,rgba(13,15,13,.72),rgba(13,15,13,.92)),url("./assets/hero-production.png")}
.app-body .thumb{background-image:linear-gradient(rgba(8,10,8,.25),rgba(8,10,8,.68)),url("./assets/hero-production.png")}

/* V2: the cinematic artwork is the website, not an image card inside it */
.cinematic::before{content:"";position:fixed;inset:0;z-index:-2;background:#090b09 url("./assets/ghosty-house-bg-v2.png") center top/cover no-repeat}.cinematic::after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,9,7,.97) 0%,rgba(7,9,7,.9) 36%,rgba(7,9,7,.32) 70%,rgba(7,9,7,.12) 100%),linear-gradient(180deg,rgba(7,9,7,.08),rgba(7,9,7,.6) 92%);pointer-events:none}.cinematic .hero{display:flex;align-items:center;min-height:calc(100vh - 82px);padding-right:48%;background:transparent;border-bottom-color:rgba(215,255,63,.22)}.cinematic .hero::after{content:"";position:absolute;inset:22px;background:linear-gradient(var(--acid),var(--acid)) left top/28px 1px no-repeat,linear-gradient(var(--acid),var(--acid)) left top/1px 28px no-repeat,linear-gradient(var(--acid),var(--acid)) right top/28px 1px no-repeat,linear-gradient(var(--acid),var(--acid)) right top/1px 28px no-repeat,linear-gradient(var(--acid),var(--acid)) left bottom/28px 1px no-repeat,linear-gradient(var(--acid),var(--acid)) left bottom/1px 28px no-repeat,linear-gradient(var(--acid),var(--acid)) right bottom/28px 1px no-repeat,linear-gradient(var(--acid),var(--acid)) right bottom/1px 28px no-repeat;opacity:.72;pointer-events:none}.cinematic .hero-copy{position:relative;z-index:2;max-width:820px}.cinematic .hero h1{font-size:clamp(54px,6.8vw,104px);line-height:.94;margin:30px 0;text-wrap:balance}.cinematic .hero .lede{max-width:720px;color:#b5b9ae;text-shadow:0 2px 18px #000}.cinematic .workflow{background:rgba(8,10,8,.91);backdrop-filter:blur(18px)}.cinematic .features{background-color:rgba(12,15,11,.94);backdrop-filter:blur(18px)}.cinematic .cta::before{background-image:linear-gradient(90deg,rgba(13,15,13,.8),rgba(13,15,13,.92)),url("./assets/ghosty-house-bg-v2.png")}.app-body .thumb{background-image:linear-gradient(rgba(8,10,8,.25),rgba(8,10,8,.68)),url("./assets/ghosty-house-bg-v2.png")}
@media(max-width:1100px){.cinematic .hero{padding-right:34%}.cinematic::after{background:linear-gradient(90deg,rgba(7,9,7,.96),rgba(7,9,7,.72) 58%,rgba(7,9,7,.25))}}@media(max-width:680px){.cinematic::before{background-position:62% top}.cinematic::after{background:linear-gradient(180deg,rgba(7,9,7,.45) 0%,rgba(7,9,7,.9) 52%,rgba(7,9,7,.98) 100%)}.cinematic .hero{align-items:flex-end;padding:300px 22px 70px;min-height:850px}.cinematic .hero::after{inset:10px}.cinematic .hero h1{font-size:48px}.cinematic .hero .lede{font-size:12px}}