:root{color:#17201c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#17201c;--muted:#657069;--line:#dfe4e0;--green:#176b4a;--green-dark:#10563b;--green-pale:#eaf4ee;--white:#fff;--red:#a02d32;--red-pale:#fff1f1;--shadow:0 18px 45px #17201c12;background:#f7f8f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f7f8f6;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,video:focus-visible{outline-offset:3px;outline:3px solid #176b4a4d}button:disabled,input:disabled{cursor:not-allowed;opacity:.58}h1,h2,p{margin-top:0}video{background:#101512;width:100%;display:block}.sr-only{white-space:nowrap;clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#root{min-height:100vh}.app-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{border-bottom:1px solid var(--line);background:#fffffff0;height:72px}.site-header,main,footer{padding-inline:max(24px,50vw - 560px)}.brand{height:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:1rem;font-weight:750;display:inline-flex}.brand-mark{border-radius:8px;flex:0 0 34px;width:34px;height:34px;display:block}main{flex:1;width:100%}.hero-section{text-align:center;max-width:820px;margin:0 auto;padding:104px 0 88px}.eyebrow{color:var(--green);letter-spacing:.11em;text-transform:uppercase;margin-bottom:14px;font-size:.78rem;font-weight:800}h1{color:var(--ink);letter-spacing:-.055em;margin-bottom:20px;font-size:clamp(2.2rem,6vw,4.25rem);line-height:1.04}.hero-copy{max-width:690px;color:var(--muted);margin:0 auto;font-size:1.16rem;line-height:1.7}.hero-actions{justify-content:center;gap:12px;margin-top:34px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:11px 20px;font-weight:750;line-height:1.2;text-decoration:none;display:inline-flex}.button.primary{border-color:var(--green);background:var(--green);color:#fff}.button.primary:hover:not(:disabled){border-color:var(--green-dark);background:var(--green-dark)}.button.secondary{color:var(--ink);background:#fff;border-color:#ccd4cf}.button.secondary:hover:not(:disabled){background:#fafbf9;border-color:#aebbb4}.button.small{min-height:40px;padding:8px 14px;font-size:.9rem}.hero-note{color:var(--muted);margin:17px 0 0;font-size:.88rem}.how-it-works{border-top:1px solid var(--line);padding:58px 0 72px}.how-it-works h2{letter-spacing:-.025em;margin-bottom:26px;font-size:1.45rem}.steps-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin:0;padding:0;list-style:none;display:grid}.steps-grid li{border:1px solid var(--line);background:var(--white);border-radius:12px;gap:16px;padding:24px;display:flex}.steps-grid>li>span{background:var(--green-pale);width:32px;height:32px;color:var(--green);border-radius:50%;flex:0 0 32px;place-items:center;font-weight:800;display:grid}.steps-grid strong{margin:3px 0 7px;display:block}.steps-grid p{color:var(--muted);margin:0;font-size:.92rem;line-height:1.55}.page-card{border:1px solid var(--line);background:var(--white);width:min(720px,100%);box-shadow:var(--shadow);border-radius:14px;margin:56px auto 80px;padding:34px}.page-card.wide{width:min(980px,100%)}.page-card h1,.results-section h1,.processing-panel h1{margin-bottom:12px;font-size:clamp(2rem,5vw,3.2rem)}.page-description,.processing-copy,.results-intro{color:var(--muted);line-height:1.65}.back-button,.text-button,.alert-close{cursor:pointer;background:0 0;border:0}.back-button{color:var(--muted);align-items:center;gap:7px;margin-bottom:30px;padding:0;font-weight:700;display:inline-flex}.back-button:hover,.text-button:hover{color:var(--green)}.file-picker{text-align:center;cursor:pointer;background:#fafbf9;border:2px dashed #b9c5be;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:190px;margin-top:30px;display:flex}.file-picker:hover{border-color:var(--green);background:#f5faf7}.file-picker:focus-within{outline-offset:3px;outline:3px solid #176b4a40}.file-picker-title{color:var(--ink);font-size:1.05rem;font-weight:800}.file-picker-note{color:var(--muted);margin-top:8px;font-size:.86rem}.file-picker input{opacity:0;width:1px;height:1px}.selected-file{border:1px solid var(--line);border-radius:10px;align-items:center;gap:14px;margin-top:18px;padding:16px;display:flex}.selected-file strong{overflow-wrap:anywhere}.selected-file p{color:var(--muted);margin:5px 0 0;font-size:.9rem}.file-icon{background:var(--green-pale);width:46px;height:46px;color:var(--green);border-radius:8px;flex:0 0 46px;place-items:center;font-size:.75rem;font-weight:850;display:grid}.form-actions{justify-content:flex-end;margin-top:26px;display:flex}.example-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:30px;display:grid}.example-card{border:2px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.example-card.selected{border-color:var(--green);box-shadow:0 0 0 3px #176b4a1a}.example-card video{aspect-ratio:16/9}.example-choice{cursor:pointer;align-items:center;gap:12px;min-height:80px;padding:16px;display:flex}.example-choice input{opacity:0;position:absolute}.radio-mark{border:2px solid #9da9a2;border-radius:50%;flex:0 0 20px;width:20px;height:20px;display:block}.example-card.selected .radio-mark{border:6px solid var(--green)}.example-choice strong,.example-choice small{display:block}.example-choice small{color:var(--muted);margin-top:4px}.video-credit{color:var(--muted);margin:0;padding:0 16px 16px 48px;font-size:.72rem;line-height:1.5}.video-credit a{color:var(--green);text-underline-offset:2px}.video-credit a:hover{color:var(--green-dark)}.starting-example{color:var(--muted);align-items:center;gap:10px;margin-top:22px;display:flex}.compact-progress{gap:12px;margin:22px 0 0;padding:0;list-style:none;display:flex}.compact-progress li{color:#929b96;flex:1;align-items:center;gap:8px;font-size:.84rem;display:flex}.compact-progress li span{background:#edf0ee;border-radius:50%;flex:0 0 25px;place-items:center;width:25px;height:25px;font-size:.75rem;font-weight:800;display:grid}.compact-progress li.active,.compact-progress li.complete{color:var(--ink)}.compact-progress li.active span,.compact-progress li.complete span{background:var(--green-pale);color:var(--green)}.processing-panel,.results-section{text-align:center;width:min(820px,100%);margin:70px auto 90px}.processing-symbol{background:var(--green-pale);border-radius:50%;place-items:center;width:66px;height:66px;margin:0 auto 25px;display:grid}.processing-symbol span{border:3px solid #176b4a33;border-top-color:var(--green);border-radius:50%;width:27px;height:27px;animation:1s linear infinite spin}.processing-copy{max-width:650px;margin:0 auto}.processing-steps{border:1px solid var(--line);text-align:left;background:#fff;border-radius:12px;margin:42px 0 0;padding:0;list-style:none}.processing-steps li{border-bottom:1px solid var(--line);align-items:center;gap:15px;min-height:86px;padding:18px 20px;display:flex}.processing-steps li:last-child{border-bottom:0}.processing-steps li.waiting{color:#8d9691}.progress-marker{background:#edf0ee;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:.86rem;font-weight:800;display:grid}.processing-steps .complete .progress-marker{background:var(--green);color:#fff}.processing-steps .active .progress-marker{background:var(--green-pale);color:var(--green)}.processing-steps strong{margin-bottom:4px;display:block}.processing-steps p{color:var(--muted);margin:0;font-size:.87rem}.spinner{border:2px solid #176b4a33;border-top-color:var(--green);border-radius:50%;flex:0 0 20px;width:20px;height:20px;margin-left:auto;animation:.9s linear infinite spin}.elapsed{color:var(--muted);margin:18px 0 8px;font-size:.9rem}.text-button{color:var(--muted);padding:8px;font-weight:700}.results-intro{max-width:620px;margin:0 auto 30px}.clips-grid{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:34px 0;display:grid}.clip-card{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.clip-card video{aspect-ratio:16/9}.clip-details{justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.clip-details h2{margin:0 0 4px;font-size:1.05rem}.clip-details p{color:var(--muted);margin:0;font-size:.86rem}.empty-state{border:1px solid var(--line);background:#fff;border-radius:12px;margin:32px 0;padding:38px 24px}.empty-state div{color:var(--green);margin-bottom:16px;font-size:2.5rem}.empty-state p{max-width:530px;color:var(--muted);margin:0 auto;line-height:1.65}.alert{border-radius:10px;justify-content:space-between;align-items:flex-start;gap:16px;width:min(820px,100%);margin:24px auto 0;padding:16px 18px;display:flex}.alert-error{background:var(--red-pale);color:var(--red);border:1px solid #ecc9cb}.alert strong{margin-bottom:4px;display:block}.alert p{margin:0;line-height:1.5}.alert-close{color:currentColor;padding:0 4px;font-size:1.5rem;line-height:1}footer{border-top:1px solid var(--line);color:var(--muted);text-align:center;background:#fff;padding-top:25px;padding-bottom:25px;font-size:.82rem}footer p{margin:0}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner,.processing-symbol span{animation-duration:2s}}@media (width<=760px){.site-header,main,footer{padding-inline:18px}.hero-section{padding:72px 0 58px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.steps-grid,.example-grid,.clips-grid{grid-template-columns:1fr}.page-card{margin:28px auto 55px;padding:23px}.compact-progress{flex-direction:column}.form-actions .button{width:100%}.processing-panel,.results-section{margin:48px auto 65px}.clip-details{flex-direction:column;align-items:flex-start}.clip-details .button{width:100%}}