:root{--bg:#070914;--panel:#101528;--panel2:#131a31;--text:#f6f7fb;--muted:#9aa4bb;--line:#25304f;--a:#7a5cff;--b:#22d3ee;--ok:#3ee9a6;--warn:#ffb95e;--danger:#ff657a;--shadow:0 20px 70px rgba(0,0,0,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% -10%,rgba(122,92,255,.22),transparent 33%),radial-gradient(circle at -10% 70%,rgba(34,211,238,.12),transparent 30%),var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 32px));margin:auto}.nav{height:78px;display:flex;align-items:center;gap:20px;justify-content:space-between;position:sticky;top:0;z-index:20;background:rgba(7,9,20,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.navInner{width:min(1180px,calc(100% - 32px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800}.brand img{width:34px;height:34px}.brand em{font-style:normal;color:#8ef0ff}.navlinks{display:flex;gap:24px;color:#c5cadd;font-size:14px}.navActions{display:flex;gap:10px}.btn,.tabbtn{border:1px solid var(--line);background:#11172b;color:white;border-radius:12px;padding:11px 16px;cursor:pointer;transition:.2s}.btn:hover,.tabbtn:hover{transform:translateY(-1px);border-color:#52618e}.btn.primary{border:0;background:linear-gradient(135deg,var(--a),var(--b));font-weight:700}.btn.danger{border-color:#5a2633;color:#ff9aaa}.btn.small{padding:8px 11px;font-size:13px}.hero{padding:85px 0 54px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#7ae7ff}.hero h1{font-size:clamp(48px,8vw,86px);line-height:.98;max-width:940px;margin:18px 0}.gradient{background:linear-gradient(90deg,#a891ff,#55e8ff);-webkit-background-clip:text;color:transparent}.hero p,.lead{color:var(--muted);font-size:18px;line-height:1.7;max-width:850px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.glass{background:linear-gradient(180deg,rgba(23,29,52,.92),rgba(14,19,36,.9));border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);border-radius:20px}.statusbar{padding:14px 18px;display:flex;justify-content:space-between;gap:16px;align-items:center;margin:8px 0 28px}.statusbar strong{color:var(--ok)}.warning{padding:14px 18px;background:rgba(255,185,94,.09);border:1px solid rgba(255,185,94,.25);border-radius:14px;color:#ffd49a}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{padding:24px}.card h2,.card h3{margin:8px 0 10px}.muted{color:var(--muted)}.kicker{font-size:12px;font-weight:800;color:#99a8d6;letter-spacing:.1em;text-transform:uppercase}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0 60px}.step{padding:24px}.stepNum{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(122,92,255,.18);color:#b8a9ff;font-weight:800}.featureGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:70px}.feature{padding:22px}.section{padding:54px 0}.section h1{font-size:50px;margin:10px 0 12px}.section h2{font-size:34px}.pricing{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.priceCard{padding:24px;position:relative}.popular:before{content:"POPULAR";position:absolute;right:14px;top:14px;font-size:10px;font-weight:900;color:#0a1020;background:#8ef0ff;padding:5px 8px;border-radius:20px}.price{font-size:38px;font-weight:850;margin:14px 0}.list{padding-left:20px;color:#c8cee0;line-height:1.9}.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabbtn.active{background:#211f49;border-color:#7566d9}.form{display:grid;gap:14px}.field{display:grid;gap:7px}.field label{font-size:13px;font-weight:700;color:#dfe4f3}.input{width:100%;background:#0b1020;border:1px solid #273253;color:white;border-radius:12px;padding:12px 14px;outline:none}.input:focus{border-color:#6e75e9;box-shadow:0 0 0 3px rgba(122,92,255,.12)}textarea.input{min-height:115px;resize:vertical}.authWrap{min-height:calc(100vh - 78px);display:grid;place-items:center;padding:36px}.authCard{width:min(520px,100%);padding:30px}.error{background:rgba(255,101,122,.09);border:1px solid rgba(255,101,122,.28);color:#ffabb7;padding:12px;border-radius:12px}.success{background:rgba(62,233,166,.08);border:1px solid rgba(62,233,166,.26);color:#a6ffd7;padding:12px;border-radius:12px}.dashboard{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 78px)}.sidebar{padding:24px;border-right:1px solid rgba(255,255,255,.06);background:rgba(8,11,23,.55)}.sideitem{display:block;padding:11px 12px;border-radius:11px;color:#aeb7ce;margin:3px 0}.sideitem.active,.sideitem:hover{background:#171f3a;color:white}.main{padding:34px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.stat{padding:20px}.stat strong{display:block;font-size:28px;margin-top:8px}.studioGrid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.chat{height:330px;overflow:auto;padding:10px;display:grid;align-content:start;gap:10px;background:#090e1b;border:1px solid #202947;border-radius:14px}.bubble{max-width:86%;padding:11px 13px;border-radius:14px;line-height:1.5}.bubble.user{justify-self:end;background:#25245e}.bubble.ai{background:#151d35}.categoryGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cat{padding:14px;border:1px solid #293453;background:#10172a;color:white;border-radius:13px;cursor:pointer;text-align:left}.cat.active{border-color:#7a6aff;background:#211f49}.cat span{font-size:24px;display:block;margin-bottom:6px}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quota{padding:12px 14px;border-radius:14px;background:#0a1120;border:1px solid #25304f}.plans{display:grid;gap:12px;margin-top:18px}.planItem{padding:18px}.planItem .row{display:flex;align-items:center;justify-content:space-between;gap:14px}.badge{display:inline-block;padding:5px 8px;border-radius:9px;background:#202849;color:#bfc8e6;font-size:11px;font-weight:800;margin-right:5px}.thumbnail{width:100%;aspect-ratio:16/9;border-radius:16px;border:1px solid #2f3c66;object-fit:cover;margin-top:14px}.tutorial video{width:100%;border-radius:18px;border:1px solid #263150;background:#000}.footer{padding:36px 0 60px;color:#7e8aa7;border-top:1px solid rgba(255,255,255,.06);margin-top:60px}.hidden{display:none!important}@media(max-width:960px){.navlinks{display:none}.pricing{grid-template-columns:1fr 1fr}.steps,.featureGrid{grid-template-columns:1fr 1fr}.dashboard{grid-template-columns:1fr}.sidebar{display:none}.stats{grid-template-columns:1fr 1fr}.studioGrid{grid-template-columns:1fr}.categoryGrid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.pricing,.steps,.featureGrid,.grid,.grid3,.stats,.split{grid-template-columns:1fr}.hero{padding-top:50px}.hero h1{font-size:48px}.navActions .btn:not(.primary){display:none}.main{padding:20px}.section h1{font-size:40px}.categoryGrid{grid-template-columns:1fr 1fr}}
.autoPublishCard{margin-top:18px;border-color:rgba(62,233,166,.22)}.autoHeader{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.switch{position:relative;display:inline-block;width:62px;height:34px;flex:0 0 auto}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;border-radius:30px;background:#29304b;border:1px solid #3b466c;cursor:pointer;transition:.2s}.switch span:before{content:"";position:absolute;width:26px;height:26px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.switch input:checked+span{background:linear-gradient(135deg,var(--a),var(--b));border-color:transparent}.switch input:checked+span:before{transform:translateX(28px)}.autoControls{display:grid;gap:16px;margin-top:18px}.channelGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.channelCheck{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#0c1223;border-radius:14px;padding:14px;cursor:pointer}.channelCheck input{width:18px;height:18px}.channelCheck span{display:grid;gap:3px}.channelCheck small{color:var(--muted)}.autoSummary{padding:14px 16px;border-radius:14px;background:rgba(62,233,166,.07);border:1px solid rgba(62,233,166,.2);color:#d9ffef}.autoSummary strong{color:var(--ok)}@media(max-width:620px){.channelGrid{grid-template-columns:1fr}.autoHeader{align-items:center}}
.authTabs{display:flex;gap:8px;margin:22px 0 8px}.authTabs .tabbtn{flex:1}.sideAccount{display:grid;gap:5px;margin:24px 0 14px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.03)}.sideAccount strong{font-size:13px;line-height:1.4}.header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px}.header h1{margin:6px 0 5px;font-size:44px}.compactSection{padding-top:24px}.templateGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.templateCard{padding:22px;text-align:left;color:white;cursor:pointer;display:grid;gap:8px}.templateCard span{color:var(--muted);line-height:1.5}.templateCard.selected{border-color:#7a6aff;background:linear-gradient(145deg,rgba(122,92,255,.24),rgba(34,211,238,.08));box-shadow:0 16px 45px rgba(72,52,170,.18)}.calendarBoard{display:grid;gap:12px}.calendarDay{display:flex;align-items:center;gap:15px;padding:18px}.calendarDay .stepNum{flex:0 0 auto}.dangerText{color:#ff9aaa}.navActions{flex-wrap:wrap;justify-content:flex-end}.sideitem{border:1px solid transparent}.sideitem.active{border-color:rgba(122,92,255,.32)}@media(max-width:960px){.header{align-items:stretch;flex-direction:column}.templateGrid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.templateGrid{grid-template-columns:1fr}.navActions{gap:6px}.navActions .btn{padding:8px 10px}.header h1{font-size:36px}}

/* V1.0 autopilot-first homepage */
.trustRow{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:24px auto 0;color:#b9c0d5;font-size:13px}.trustRow span{padding:8px 11px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.035)}
.autopilotShowcase{padding-top:46px}.autopilotGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.autopilotStep{padding:22px;min-height:180px}.autopilotStep>span{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#7c3aed,#2563eb);font-weight:900}.autopilotStep h3{margin:18px 0 8px}.automationFlow{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;padding:18px}.automationFlow b{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.05)}.automationFlow i{font-style:normal;color:#717a94}.detailedSteps{grid-template-columns:repeat(2,1fr)}.detailedSteps .step{min-height:200px}.limitExplainer{margin-top:16px;padding:22px;border-color:rgba(96,165,250,.28);background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(124,58,237,.06))}.limitExplainer p{color:#aab2c8;line-height:1.75;margin-bottom:0}.tutorialChecklist{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.tutorialChecklist span{font-size:12px;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.09);color:#cdd3e8}.tutorial video{width:100%;border-radius:18px;background:#05060d;box-shadow:0 24px 70px rgba(0,0,0,.4)}
@media(max-width:1000px){.autopilotGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.autopilotGrid,.detailedSteps{grid-template-columns:1fr}.automationFlow{justify-content:flex-start}}
.videoGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.videoCard h3{margin:10px 0 6px}
.mediaPair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:10px;align-items:start;margin-top:12px}
.mediaPair video{width:100%;aspect-ratio:9/16;max-height:440px;background:#05070f;border-radius:14px;border:1px solid #2f3c66;object-fit:contain}
.thumbSmall{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;border:1px solid #2f3c66}
.progressNote{margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(122,92,255,.12);border:1px solid rgba(122,92,255,.3);color:#d9d2ff;font-size:13px}
.jobLine{font-size:13px;margin-top:6px}
.actions.tight{margin-top:12px;gap:8px}
.small{font-size:12px}
.okText{color:#6ff2b8}
.dangerText{color:#ff8fa0}
.st-PUBLISHED{background:#123a2c;color:#8ff5c6}.st-SCHEDULED,.st-REVIEW{background:#2b2560;color:#cfc6ff}.st-FAILED{background:#4a1823;color:#ffb3bf}.st-GENERATING,.st-QUEUED,.st-PUBLISHING{background:#173a4d;color:#9be7ff}.st-READY,.st-PARTIAL{background:#3d3416;color:#ffe08a}
.setupCard{margin-bottom:18px}
.checklist{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-top:14px}
.checkItem{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:12px;border:1px solid #273253;color:#c8d0e7;text-decoration:none;background:#0b1020}
.checkItem span{font-weight:900;color:#ff8fa0}.checkItem.done span{color:#6ff2b8}.checkItem.done{border-color:rgba(62,233,166,.35)}
.eventList{display:grid;gap:8px;margin-top:12px;max-height:320px;overflow:auto}
.eventRow{font-size:13px;line-height:1.45}
.connList{display:grid;gap:10px;margin:14px 0}
.connRow{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;border:1px solid #273253;background:#0b1020;flex-wrap:wrap}
.connRow.selected{border-color:rgba(62,233,166,.45)}
.redirectBox{display:grid;gap:10px;margin-top:14px}
.redirectBox code,#redirectHint code{display:block;margin-top:4px;padding:8px 10px;border-radius:10px;background:#05070f;border:1px solid #273253;color:#9be7ff;word-break:break-all;user-select:all}
.checkLine{display:flex;gap:8px;align-items:center;margin-top:28px}
#intForm .card{margin-bottom:16px}
@media (max-width:640px){.mediaPair{grid-template-columns:1fr}.videoGrid{grid-template-columns:1fr}}
.main>.card+.card,.main>section.card+section.card{margin-top:16px}
