:root { --ink:#382514; --muted:#8b7259; --orange:#b47a2a; --orange-2:#e8bd70; --cream:#fffaf0; --line:#ead8ba; --shadow:0 20px 55px rgba(95,60,20,.13); }
body { background:radial-gradient(circle at 8% 12%,#fff1d5 0,transparent 24%),linear-gradient(180deg,#fffdf8,#fff8eb 60%,#fffdf9); }
.shell { width:min(1320px,calc(100% - 48px)); }
.topbar { height:82px; }
.brand-mark { color:#ad7426; }
.topnav { display:flex;align-items:center;gap:30px;margin-left:auto;margin-right:32px; }
.topnav a { color:#4e3a29;text-decoration:none;font-size:13px;position:relative; }
.topnav a:first-child::after { content:"";position:absolute;left:25%;right:25%;bottom:-10px;height:2px;background:#b17a2e; }
.demo-badge { color:#fff;background:linear-gradient(110deg,#c28b3d,#8e591c);box-shadow:0 8px 20px rgba(128,78,18,.2); }
.topbar-actions { display:flex;align-items:center;gap:10px; }
.hero { min-height:460px;padding:58px 88px;background-color:#ead0a5;background-image:linear-gradient(90deg,#fff9e9 0%,#fff6df 34%,rgba(255,244,218,.98) 46%,rgba(249,225,181,.82) 58%,rgba(224,180,111,.43) 74%,rgba(156,104,52,.08) 100%),url('./hero-presenter-v1.png');background-size:cover,auto 100%;background-position:center,right center;background-repeat:no-repeat;border-radius:0;box-shadow:none;border-top:1px solid #f3e3c8;border-bottom:1px solid #e7cfaa; }
.hero::after { content:"";position:absolute;left:-8%;right:-8%;bottom:-80px;height:160px;border:1px solid rgba(201,150,73,.2);border-radius:50%;transform:rotate(4deg);box-shadow:0 -18px 45px rgba(212,164,88,.12); }
.hero .aurora { display:none; }
.hero h1 { font-family:"Songti SC","STSong",serif;font-size:54px;letter-spacing:.01em;color:#422a14; }
.hero-copy { color:#65482e;font-size:18px; }
.hero-slogan { color:#6b4b2d;font-size:14px;line-height:1.7;margin:13px 0 20px;max-width:610px; }
.hero .button { min-width:300px;padding:17px 40px;font-size:18px;animation:hero-cta-breathe 2.8s ease-in-out infinite; }
.hero .button:hover { animation-play-state:paused; }
@keyframes hero-cta-breathe { 0%,100% { transform:translateY(0) scale(1);box-shadow:0 10px 25px rgba(145,89,24,.27); } 50% { transform:translateY(-3px) scale(1.025);box-shadow:0 16px 34px rgba(145,89,24,.43); } }
.eyebrow { color:#a36a22; }
.button.primary { background:linear-gradient(110deg,#f7d797,#c78b34 67%,#9c621f);box-shadow:0 10px 25px rgba(145,89,24,.27);color:#2f1c0c; }
.portrait-card { display:none; }
.workbench,.task-panel,.result,.works { border-color:#ead7b8;background:rgba(255,253,247,.96); }
.workbench { margin-top:42px;position:relative;overflow:hidden; }
.workbench::before { content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(198,145,66,.12);border-radius:50%;right:-170px;top:-230px;pointer-events:none; }
.progress-steps span.active,.flow-item.active b { background:linear-gradient(145deg,#d7a150,#99601e); }
.progress-steps span.active em,.flow-item.active,.text-button { color:#9d641f; }
.upload-box { border-color:#d6aa68;background:radial-gradient(circle at 50% 30%,#fffdf7,#fbefd9); }
.upload-box .upload-icon { background:#f5dfb8;color:#9a611f; }
.setting-grid select,textarea { background:#fffdf8;border-color:#dfc7a2; }
.task-state { color:#81501a;background:#f8e7c8; }
.bar { background:#eee0c9; }.bar i { background:linear-gradient(90deg,#9f651e,#e5bd73); }
.result-status { color:#8e681f; }
footer { border-top:1px solid #ead8ba;margin-top:20px;padding-top:24px; }
@media(max-width:720px){
  .shell{width:100%}.topbar{height:68px;padding:0 18px;background:#fffaf0}.topnav{display:none}.topbar-actions{margin-left:auto;gap:6px}.demo-badge{display:none}.hero{margin:0 10px;min-height:600px;padding:34px 22px 0;border-radius:30px;background-image:linear-gradient(180deg,rgba(87,48,16,.18) 0%,rgba(77,43,17,.12) 40%,rgba(38,22,12,.7) 100%),url('./hero-presenter-v1.png');background-size:auto 100%;background-position:68% center;color:#fff}.hero h1{font-size:35px;color:#fff;max-width:320px;text-shadow:0 2px 16px rgba(42,20,5,.25)}.hero-copy,.hero-slogan{color:#fff7e8;font-size:13px;max-width:300px;text-shadow:0 1px 7px rgba(42,20,5,.4)}.hero-slogan{display:block;font-size:11px;line-height:1.45;margin:10px 0 12px}.hero .button{position:absolute;left:22px;right:22px;bottom:24px;min-width:0;width:auto;margin:0;padding:15px 20px;font-size:17px;z-index:3}.hero-visual{height:330px}.workbench,.task-panel,.result,.works{margin:18px 12px;padding:24px 17px}.section-heading{gap:10px}.upload-box{min-height:300px}.progress-steps>i{margin:0 7px}.real-video{height:440px}footer{padding:20px;margin:0 12px}.brand small,.brand i{display:none}
}
@media(max-width:720px){.hero{background-size:cover,auto 100%;background-position:center,68% center;background-repeat:no-repeat}}