:root{color:#f8fafc;background:#07070c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(129,140,248,.2),transparent 32rem),#07070c}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.button-reset{border:0;background:transparent;color:inherit;cursor:pointer}.app-shell{min-height:100vh;overflow-x:hidden}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;height:76px;padding:0 5vw;border-bottom:1px solid rgba(255,255,255,.08);background:#07070cc2;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.brand{display:inline-flex;align-items:center;gap:12px;font-size:16px;letter-spacing:-.01em;color:#fff}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,#a78bfa,#22d3ee);box-shadow:0 18px 45px #7c3aed57}.desktop-nav{display:flex;align-items:center;gap:24px}.nav-link{color:#f8fafcb8;transition:color .18s ease}.nav-link:hover{color:#fff}.nav-cta,.primary-action,.run-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;color:#061018;font-weight:800;border-radius:999px;padding:12px 18px;background:linear-gradient(135deg,#f8fafc,#a7f3d0 45%,#67e8f9);box-shadow:0 18px 50px #22d3ee2e;cursor:pointer}.nav-popover-wrap{position:relative}.solutions-popover{position:absolute;top:38px;right:-160px;width:390px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:#0e0e16f5;box-shadow:0 28px 80px #00000073;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.popover-kicker,.section-kicker{color:#67e8f9;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;margin:8px 10px 12px}.popover-card{display:flex;gap:14px;padding:14px;border-radius:18px;color:#fff;transition:.18s ease}.popover-card:hover{background:#ffffff14;transform:translateY(-1px)}.popover-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:14px;background:#67e8f91f;color:#67e8f9}.popover-card small{display:block;margin-top:4px;color:#f8fafca3;line-height:1.45}.mobile-menu,.mobile-panel{display:none}.hero-shell{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.78fr);gap:48px;align-items:center;padding:86px 5vw 48px}.hero-copy h1,.workspace-hero h1{margin:18px 0;max-width:980px;font-size:clamp(42px,6.6vw,88px);line-height:.92;letter-spacing:-.075em}.hero-copy p,.workspace-hero p{max-width:760px;color:#f8fafcb8;font-size:18px;line-height:1.75}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#a7f3d0;padding:8px 12px;border:1px solid rgba(167,243,208,.18);border-radius:999px;background:#a7f3d012;font-size:13px;font-weight:800}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.secondary-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0d;color:#fff;font-weight:700}.hero-art{min-height:520px;display:grid;place-items:center}.studio-window{width:min(100%,520px);padding:16px;border:1px solid rgba(255,255,255,.13);border-radius:32px;background:linear-gradient(145deg,#ffffff29,#ffffff0a);box-shadow:0 40px 120px #00000073;transform:rotate(2deg)}.window-top{display:flex;gap:8px;padding:8px 10px 18px}.window-top span{width:10px;height:10px;border-radius:99px;background:#ffffff47}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.preview-card{min-height:210px;border-radius:24px;display:flex;align-items:flex-end;padding:18px;color:#fffc;background:linear-gradient(160deg,#1f2937,#0f172a)}.preview-card.large{min-height:300px;grid-row:span 2;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.22),transparent 25%),linear-gradient(160deg,#312e81,#111827)}.preview-card.glow{background:radial-gradient(circle at 50% 28%,rgba(103,232,249,.72),transparent 22%),linear-gradient(160deg,#0f172a,#134e4a)}.timeline-card{grid-column:2;min-height:76px;border-radius:20px;background:#ffffff14;padding:16px;display:flex;gap:8px;align-items:center}.timeline-card span{height:10px;flex:1;border-radius:10px;background:linear-gradient(90deg,#a78bfa,#67e8f9)}.solutions-section,.workflow-band,.quality-section,.workspace-page{padding:54px 5vw}.section-heading span{color:#67e8f9;font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:12px}.section-heading h2,.workflow-band h2{margin:10px 0 28px;font-size:clamp(30px,4vw,56px);letter-spacing:-.05em}.solution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.solution-tile{position:relative;overflow:hidden;min-height:310px;padding:30px;border:1px solid rgba(255,255,255,.1);border-radius:32px;background:linear-gradient(145deg,#ffffff1c,#ffffff09);transition:transform .2s ease,border-color .2s ease}.solution-tile:after{content:"";position:absolute;inset:auto -20% -30% 30%;height:180px;background:radial-gradient(circle,rgba(103,232,249,.28),transparent 65%)}.solution-tile:hover{transform:translateY(-4px);border-color:#67e8f957}.solution-tile svg{color:#67e8f9}.solution-tile h3{margin:44px 0 10px;font-size:30px;letter-spacing:-.04em}.solution-tile p{color:#f8fafcad;line-height:1.65}.tile-link{position:absolute;left:30px;bottom:30px;display:inline-flex;align-items:center;gap:8px;color:#a7f3d0;font-weight:800}.workflow-band{margin:30px 5vw;padding:34px;border-radius:34px;border:1px solid rgba(255,255,255,.1);background:#ffffff0e}.workflow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step,.quality-card{padding:18px;border-radius:22px;background:#00000038;border:1px solid rgba(255,255,255,.08)}.step b{display:block;color:#67e8f9;margin-bottom:12px}.quality-section{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quality-card strong{display:block;font-size:18px;margin-bottom:10px}.quality-card span{color:#f8fafca8;line-height:1.55}.workspace-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px;padding:34px;border-radius:36px;background:radial-gradient(circle at right top,rgba(103,232,249,.2),transparent 26rem),linear-gradient(135deg,#ffffff1a,#ffffff08);border:1px solid rgba(255,255,255,.1)}.workspace-hero.compact h1{font-size:clamp(38px,5vw,70px);margin-bottom:12px}.video-hero{background:radial-gradient(circle at right top,rgba(167,139,250,.3),transparent 26rem),linear-gradient(135deg,#ffffff1a,#ffffff08)}.hero-note{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;padding:13px 16px;border-radius:999px;background:#22c55e1f;color:#bbf7d0;border:1px solid rgba(34,197,94,.18);font-weight:800}.studio-grid{display:grid;grid-template-columns:minmax(280px,.74fr) minmax(360px,1fr) minmax(300px,.84fr);gap:20px;align-items:start}.panel{min-height:360px;padding:22px;border-radius:30px;border:1px solid rgba(255,255,255,.1);background:#fff1;box-shadow:0 28px 70px #00000038}.panel-heading{display:flex;flex-direction:column;gap:5px;margin-bottom:18px}.panel-heading span{color:#67e8f9;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.panel-heading strong{font-size:22px;letter-spacing:-.03em}.dropzone{position:relative;min-height:420px;display:grid;place-items:center;gap:10px;text-align:center;overflow:hidden;border-radius:26px;border:1px dashed rgba(255,255,255,.22);background:#0003;cursor:pointer}.video-dropzone{min-height:480px}.dropzone img{width:100%;height:100%;min-height:inherit;object-fit:cover;display:block}.dropzone svg{color:#67e8f9;width:42px;height:42px}.dropzone span{font-size:18px;font-weight:850}.dropzone small{color:#f8fafc94}.dropzone input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.file-pill,.status-line,.result-meta{margin-top:14px;display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;background:#ffffff14;color:#f8fafcbd}.controls-panel label{display:flex;flex-direction:column;gap:8px;color:#f8fafcb8;font-size:13px;font-weight:760}input,select,textarea{width:100%;border:1px solid rgba(255,255,255,.12);color:#fff;background:#0000003d;border-radius:16px;padding:13px 14px;outline:none}textarea{resize:vertical;line-height:1.5}.field-row{display:grid;gap:12px;margin-bottom:14px}.field-row.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:5px;margin:16px 0;border-radius:18px;background:#00000038}.segmented button{border:0;border-radius:14px;padding:12px;color:#f8fafca6;background:transparent;font-weight:800;cursor:pointer}.segmented button.active{color:#061018;background:#a7f3d0}.toggle-row{flex-direction:row!important;align-items:center;margin:10px 0 16px}.toggle-row input{width:auto;accent-color:#67e8f9}.run-button{width:100%;margin-top:16px;min-height:52px}.run-button:disabled{opacity:.68;cursor:wait}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-box{margin-top:14px;padding:13px 14px;border-radius:16px;color:#fecaca;border:1px solid rgba(248,113,113,.2);background:#7f1d1d47;line-height:1.45}.output-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.output-grid img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.empty-output{min-height:330px;display:grid;place-items:center;text-align:center;color:#f8fafc85;border:1px dashed rgba(255,255,255,.14);border-radius:24px;background:#0000002e;padding:24px}.video-output{width:100%;max-height:540px;border-radius:24px;background:#000;border:1px solid rgba(255,255,255,.12)}.job-card{margin-top:16px;display:grid;gap:8px;padding:14px;border-radius:18px;background:#00000038;color:#f8fafcb8}.job-card code{overflow-wrap:anywhere;color:#a7f3d0}@media(max-width:1100px){.hero-shell,.studio-grid{grid-template-columns:1fr}.hero-art{min-height:auto}.workflow-steps,.quality-section{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.desktop-nav{display:none}.mobile-menu{display:inline-flex}.mobile-panel{display:grid;position:absolute;left:16px;right:16px;top:86px;gap:12px;padding:18px;border-radius:24px;background:#0e0e16fa;border:1px solid rgba(255,255,255,.1)}.mobile-panel a{display:flex;align-items:center;gap:10px;padding:12px;border-radius:16px;background:#ffffff0f}.hero-shell,.solutions-section,.workspace-page{padding-left:18px;padding-right:18px}.hero-copy h1,.workspace-hero h1{font-size:42px}.solution-grid,.field-row.two,.field-row.three,.workflow-steps,.quality-section{grid-template-columns:1fr}.workspace-hero{align-items:flex-start;flex-direction:column;padding:24px}.hero-note{white-space:normal}.panel{padding:16px;border-radius:24px}}.video-studio-grid{grid-template-columns:minmax(260px,.62fr) minmax(560px,1.28fr) minmax(280px,.62fr)}.motion-builder-panel{min-width:0}.motion-builder{display:grid;grid-template-columns:minmax(220px,.78fr) minmax(300px,1fr);gap:14px;margin:18px 0}.mini-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:10px}.mini-heading span{color:#f8fafc;font-weight:900;letter-spacing:-.02em}.mini-heading small{max-width:210px;color:#f8fafc80;text-align:right;line-height:1.35}.motion-options{display:grid;gap:9px;max-height:418px;overflow:auto;padding-right:4px}.motion-option{display:flex;align-items:center;gap:10px;width:100%;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:16px;color:#fff;background:linear-gradient(135deg,#ffffff16,#ffffff09);cursor:grab;text-align:left;transition:transform .15s ease,border-color .15s ease,opacity .15s ease}.motion-option:hover:not(:disabled){transform:translateY(-1px);border-color:#67e8f966}.motion-option:disabled{opacity:.38;cursor:not-allowed}.motion-option svg{flex:0 0 auto;color:#67e8f9}.motion-option span,.timeline-segment span{display:grid;gap:3px}.motion-option small,.timeline-segment small{color:#f8fafc85;line-height:1.25}.timeline-segments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.timeline-segment{min-height:138px;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:14px;border:1px dashed rgba(255,255,255,.18);border-radius:18px;background:#0003;color:#f8fafc9e;transition:border-color .15s ease,background .15s ease,transform .15s ease}.timeline-segment:hover{border-color:#67e8f970;background:#67e8f912}.timeline-segment.filled{border-style:solid;border-color:#a7f3d057;background:linear-gradient(145deg,#14b8a62b,#7c3aed17);color:#f8fafc}.timeline-segment b{color:#67e8f9;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.timeline-segment strong{font-size:15px;line-height:1.25}.timeline-segment button{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin-top:4px;border:0;border-radius:999px;padding:7px 9px;color:#061018;background:#a7f3d0;font-size:12px;font-weight:900;cursor:pointer}.prompt-preview{color:#c4fff0;background:#064e3b2e;border-color:#a7f3d038}@media(max-width:1260px){.video-studio-grid,.studio-grid,.motion-builder{grid-template-columns:1fr}.motion-options{max-height:none}}@media(max-width:760px){.timeline-segments{grid-template-columns:1fr}.mini-heading{align-items:flex-start;flex-direction:column}.mini-heading small{max-width:none;text-align:left}}.multi-reference-dropzone{min-height:190px;margin-bottom:14px}.reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reference-thumb,.reference-add{position:relative;min-height:132px;overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#0003}.reference-thumb img{width:100%;height:132px;object-fit:cover;display:block}.reference-thumb span{position:absolute;left:9px;bottom:9px;padding:6px 8px;border-radius:999px;color:#061018;background:#a7f3d0;font-size:12px;font-weight:900}.reference-thumb button{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:999px;color:#fff;background:#00000094;cursor:pointer}.reference-add{display:grid;place-items:center;gap:6px;text-align:center;color:#f8fafca6;border-style:dashed;cursor:pointer}.reference-add svg{color:#67e8f9}.reference-add input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.backend-prompt-note{margin:14px 0 4px;padding:14px;border:1px solid rgba(103,232,249,.17);border-radius:18px;color:#f8fafcb8;background:#0891b21a;line-height:1.55}.custom-motion-input{margin-top:4px;width:100%;min-height:82px;border-radius:14px;font-size:13px}@media(max-width:760px){.reference-grid{grid-template-columns:1fr}}