:root{--background:#f8fbff;--surface:#ffffff;--surface-strong:#eef7ff;--text:#06162f;--muted:#5b6680;--border:#d9e6f3;--primary:#2868f0;--primary-strong:#184cc4;--cyan:#1bc9e8;--violet:#853df5;--navy:#06162f;--shadow:0 24px 70px rgba(6,22,47,0.12);--radius:8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);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{font:inherit}.site-header{align-items:center;background:rgba(248,251,255,.88);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(217,230,243,.8);display:flex;gap:24px;justify-content:space-between;left:0;padding:18px clamp(20px,5vw,72px);position:-webkit-sticky;position:sticky;right:0;top:0;z-index:10}.brand,.mini-logo{align-items:center;display:inline-flex;font-weight:800;gap:10px}.brand img,.mini-logo img{border-radius:8px}.desktop-nav{align-items:center;display:flex;gap:26px;color:var(--muted);font-size:.95rem;font-weight:650}.desktop-nav a:hover,.ghost-link:hover{color:var(--primary)}.header-actions,.hero-actions{align-items:center;display:flex;gap:12px}.ghost-link{color:var(--muted);font-weight:700}.primary-action,.secondary-action{align-items:center;border-radius:var(--radius);display:inline-flex;font-weight:800;justify-content:center;min-height:42px;padding:0 18px}.primary-action{background:linear-gradient(135deg,var(--primary),var(--violet));box-shadow:0 14px 30px rgba(40,104,240,.24);color:white}.secondary-action{background:var(--surface);border:1px solid var(--border);color:var(--text)}.large{min-height:50px;padding:0 22px}.hero-section{display:grid;grid-gap:clamp(32px,6vw,72px);gap:clamp(32px,6vw,72px);grid-template-columns:minmax(0,1.02fr) minmax(340px,.98fr);margin:0 auto;max-width:1240px;padding:clamp(52px,8vw,104px) clamp(20px,5vw,72px) 72px}.hero-copy{align-self:center}.eyebrow{color:var(--primary);font-size:.78rem;font-weight:850;margin:0 0 14px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.6rem,6vw,5.9rem);line-height:.98;margin-bottom:24px;max-width:760px}h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.02;margin-bottom:18px}h3{font-size:1.15rem;line-height:1.25;margin-bottom:10px}p{color:var(--muted);line-height:1.75}.hero-description{font-size:1.12rem;max-width:660px}.stats-strip{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin:34px 0 0;max-width:680px}.stats-strip div{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.stats-strip dt{color:var(--navy);font-size:1.35rem;font-weight:900}.stats-strip dd{color:var(--muted);margin:5px 0 0}.product-preview{align-self:center;min-width:0}.preview-shell{background:var(--surface);border:1px solid rgba(217,230,243,.95);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.preview-topbar{align-items:center;background:#06162f;color:white;display:flex;gap:8px;min-height:52px;padding:0 18px}.preview-topbar span{background:var(--cyan);border-radius:999px;display:inline-block;height:10px;width:10px}.preview-topbar span:nth-child(2){background:var(--primary)}.preview-topbar span:nth-child(3){background:var(--violet)}.preview-topbar strong{margin-left:auto}.preview-grid{display:grid;grid-template-columns:150px 1fr;min-height:430px}.preview-sidebar{background:#f2f8ff;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:10px;padding:18px}.preview-sidebar button{background:transparent;border:0;border-radius:var(--radius);color:var(--muted);cursor:default;font-weight:750;padding:12px;text-align:left}.preview-sidebar .active-tab{background:var(--surface);color:var(--primary);box-shadow:0 8px 20px rgba(6,22,47,.08)}.preview-content{display:grid;grid-gap:16px;gap:16px;padding:22px}.queue-panel,.upload-panel,.video-card{border:1px solid var(--border);border-radius:var(--radius);padding:18px}.video-card{align-items:flex-end;background:linear-gradient(135deg,rgba(40,104,240,.92),rgba(27,201,232,.76)),#184cc4;color:white;display:flex;justify-content:space-between;min-height:190px}.queue-panel span,.upload-panel p,.video-card span{color:inherit;display:block;opacity:.75}.play-mark{background:rgba(255,255,255,.18);border-radius:999px;font-size:1.4rem;height:64px;justify-content:center;width:64px}.play-mark,.upload-panel{align-items:center;display:flex}.upload-panel{background:var(--surface-strong);gap:14px}.upload-icon{align-items:center;background:white;border-radius:var(--radius);color:var(--primary);display:flex;font-size:1.5rem;font-weight:900;height:54px;justify-content:center;width:54px}.queue-panel{background:var(--surface)}.progress-line{background:linear-gradient(90deg,var(--primary) 0 68%,#d8e7f7 68% 100%);border-radius:999px;height:10px;margin-top:18px}.faq-section,.roles-section,.section-band,.workflow-section{margin:0 auto;max-width:1240px;padding:82px clamp(20px,5vw,72px)}.section-heading{max-width:780px}.faq-grid,.feature-grid,.roles-section{display:grid;grid-gap:18px;gap:18px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:34px}.faq-grid article,.feature-card,.roles-section article{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px}.feature-dot{background:linear-gradient(135deg,var(--cyan),var(--primary));border-radius:999px;display:block;height:12px;margin-bottom:20px;width:42px}.workflow-section{align-items:start;display:grid;grid-gap:44px;gap:44px;grid-template-columns:minmax(0,.85fr) minmax(320px,1fr)}.workflow-list{counter-reset:step;display:grid;grid-gap:12px;gap:12px;list-style:none;margin:0;padding:0}.workflow-list li{background:var(--surface);border:1px solid var(--border);font-weight:800;gap:16px;padding:18px}.workflow-list li,.workflow-list span{align-items:center;border-radius:var(--radius);display:flex}.workflow-list span{background:#e8f4ff;color:var(--primary);flex:0 0 48px;font-weight:900;height:48px;justify-content:center}.roles-section{grid-template-columns:repeat(2,minmax(0,1fr))}.roles-section article:first-child{background:#06162f}.roles-section article:first-child h2,.roles-section article:first-child p:not(.eyebrow){color:white}.roles-section article:first-child p:not(.eyebrow){opacity:.78}.faq-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px}@media (max-width:980px){.desktop-nav{display:none}.faq-grid,.feature-grid,.hero-section,.workflow-section{grid-template-columns:1fr}}@media (max-width:680px){.site-header{align-items:flex-start;flex-direction:column;padding:16px 20px}.header-actions,.hero-actions,.roles-section,.stats-strip{grid-template-columns:1fr;width:100%}.header-actions,.hero-actions{align-items:stretch;flex-direction:column}.ghost-link,.primary-action,.secondary-action{justify-content:center;width:100%}.stats-strip{display:grid}.preview-grid{grid-template-columns:1fr}.preview-sidebar{border-bottom:1px solid var(--border);border-right:0}.video-card{align-items:start;flex-direction:column;gap:32px}}