@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root { --ink:#08070d; --panel:#11101a; --panel-raised:#171522; --line:rgba(255,255,255,.12); --line-bright:rgba(255,255,255,.22); --text:#f7f5fb; --muted:#9892a8; --dim:#625c70; --violet:#9b6cff; --violet-soft:#b38dff; --mint:#8effd0; --mono:'DM Mono', monospace; --sans:'Space Grotesk', sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
[hidden] { display:none !important; }
body { margin:0; background:var(--ink); color:var(--text); font-family:var(--sans); -webkit-font-smoothing:antialiased; }
body::before { content:''; position:fixed; inset:0; pointer-events:none; opacity:.035; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E"); z-index:5; }
button, input { font:inherit; }
button { cursor:pointer; }
a { color:inherit; text-decoration:none; }
.app-shell { max-width:1440px; min-height:100vh; margin:0 auto; padding:0 5.4vw; overflow:hidden; }
.site-header { height:88px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); position:relative; z-index:2; }
.brand { display:inline-flex; align-items:center; gap:11px; font-size:17px; font-weight:700; letter-spacing:-.04em; }
.brand-mark, .modal-mark { display:inline-flex; align-items:flex-end; gap:3px; height:21px; }
.brand-mark i, .modal-mark i { display:block; width:4px; background:var(--violet-soft); border-radius:2px; transform:skew(-17deg); }
.brand-mark i:nth-child(1), .modal-mark i:nth-child(1) { height:13px; opacity:.6; }.brand-mark i:nth-child(2), .modal-mark i:nth-child(2) { height:19px; }.brand-mark i:nth-child(3), .modal-mark i:nth-child(3) { height:16px; opacity:.78; }
.nav-links { display:flex; align-items:center; gap:35px; margin-left:110px; color:var(--muted); font-size:12px; letter-spacing:.02em; }
.nav-links a { transition:color .2s ease; }.nav-links a:hover { color:var(--text); }
.header-actions { display:flex; align-items:center; gap:23px; }.text-button { border:0; background:none; color:var(--muted); font-size:12px; padding:8px 0; }.text-button:hover{color:var(--text);}
.profile-pill { display:flex; align-items:center; gap:9px; border:1px solid var(--line-bright); border-radius:30px; background:rgba(255,255,255,.025); color:var(--text); padding:5px 11px 5px 5px; font-size:11px; transition:background .2s, border-color .2s; }.profile-pill:hover{background:rgba(155,108,255,.12);border-color:rgba(179,141,255,.6)}.profile-pill svg{width:13px;fill:none;stroke:var(--muted);stroke-width:1.5}.profile-avatar { display:grid; place-items:center; width:27px; height:27px; border-radius:50%; background:#31225b; color:var(--violet-soft); font-size:11px; font-weight:600; }
.hero-section { position:relative; padding:120px 0 97px; border-bottom:1px solid var(--line); }.hero-copy{max-width:750px;}.eyebrow { display:flex; align-items:center; gap:8px; color:var(--violet-soft); font:500 10px var(--mono); letter-spacing:.08em; text-transform:uppercase; }.live-dot { width:6px; height:6px; border-radius:50%; background:var(--mint); box-shadow:0 0 14px var(--mint); }.hero-copy h1 { margin:24px 0 24px; max-width:770px; font-size:clamp(48px, 6.4vw, 91px); line-height:.98; letter-spacing:-.075em; font-weight:500; }.hero-copy h1 em,.link-card h2 em,.auth-modal h2 em { color:var(--violet-soft); font-style:normal; }.hero-description { max-width:475px; margin:0; color:var(--muted); font-size:16px; line-height:1.6; }.hero-proof { display:flex; align-items:center; gap:16px; margin-top:47px; }.hero-proof p { margin:0; color:var(--dim); font-size:11px; }.proof-avatars { display:flex; }.proof-avatars span { display:grid; place-items:center; width:25px; height:25px; margin-left:-5px; border:2px solid var(--ink); border-radius:50%; background:#28212e; color:#d7c7f2; font:8px var(--mono); }.proof-avatars span:first-child{margin-left:0;background:#4b3759}.proof-avatars span:nth-child(2){background:#253848}.proof-avatars span:nth-child(3){background:#59373f}.proof-avatars span:last-child{background:var(--violet);color:white;}
.hero-meta { position:absolute; right:0; bottom:42px; display:flex; align-items:flex-start; gap:13px; color:var(--dim); font:10px var(--mono); }.meta-index{color:var(--violet-soft)}.meta-line{width:68px;height:1px;margin-top:7px;background:var(--line-bright)}.meta-copy{line-height:1.55;}
.upload-section,.link-section,.workflow-section{padding:75px 0 90px;}.section-kicker { display:flex; align-items:center; gap:13px; color:var(--text); font-size:11px; letter-spacing:.02em; }.kicker-number,.mono-label,.footer-code { color:var(--violet-soft); font:10px var(--mono); }.kicker-rule { height:1px; width:65px; background:var(--line); }.upload-card { position:relative; min-height:390px; margin-top:25px; border:1px solid var(--line-bright); background:radial-gradient(circle at 50% 42%, rgba(137,93,255,.1), transparent 33%), var(--panel); overflow:hidden; transition:border-color .2s, background .2s; }.upload-card.is-dragging { border-color:var(--violet-soft); background:radial-gradient(circle at 50% 42%, rgba(137,93,255,.19), transparent 45%), var(--panel); }.upload-card::before { content:''; position:absolute; inset:13px; border:1px dashed rgba(255,255,255,.11); pointer-events:none; }.upload-card-topline { position:absolute; top:26px; left:30px; right:30px; display:flex; justify-content:space-between; color:var(--dim); font:10px var(--mono); letter-spacing:.06em; }.upload-empty,.upload-progress { min-height:390px; display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; z-index:1; }.upload-icon-wrap { display:grid; place-items:center; width:52px; height:52px; margin-bottom:18px; border:1px solid rgba(179,141,255,.55); background:rgba(155,108,255,.1); color:var(--violet-soft); }.upload-icon-wrap svg { width:23px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }.upload-title { margin:0 0 9px; font-size:19px; letter-spacing:-.04em; }.upload-subtitle { margin:0; color:var(--muted); font-size:13px; }.inline-link { border:0; border-bottom:1px solid var(--violet-soft); background:none; color:var(--violet-soft); padding:0 0 2px; }.upload-limit { margin:27px 0 0; color:var(--dim); font:10px var(--mono); }.filmstrip { position:absolute; top:0; bottom:0; display:flex; flex-direction:column; justify-content:space-around; padding:25px 0; opacity:.55; }.filmstrip-left{left:0}.filmstrip-right{right:0}.filmstrip span{display:block;width:17px;height:34px;background:rgba(255,255,255,.055);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.filmstrip-right span,.filmstrip-left span{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.upload-footer { display:flex; align-items:center; justify-content:space-between; padding:18px 0 0; }.upload-status { display:flex; align-items:center; gap:9px; color:var(--muted); font:10px var(--mono); }.status-indicator { width:6px; height:6px; border-radius:50%; background:var(--dim); display:inline-block; }.status-indicator.ready{background:var(--mint);box-shadow:0 0 10px rgba(142,255,208,.75)}.upload-actions { display:flex; gap:10px; }.primary-button,.ghost-button { display:inline-flex; justify-content:center; align-items:center; gap:14px; min-height:46px; padding:0 18px; border:1px solid transparent; font-size:11px; transition:transform .2s, background .2s, border-color .2s, opacity .2s; }.primary-button { background:var(--violet); color:white; }.primary-button:hover:not(:disabled){background:#a87dff;transform:translateY(-2px)}.primary-button:disabled{cursor:not-allowed;opacity:.35}.primary-button svg,.ghost-button svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.ghost-button{background:transparent;border-color:var(--line-bright);color:var(--muted)}.ghost-button:hover{border-color:var(--violet-soft);color:var(--text)}.privacy-note { display:flex; align-items:center; justify-content:center; gap:7px; margin:18px 0 0; color:var(--dim); font:10px var(--mono); }.privacy-note svg{width:13px;fill:none;stroke:var(--dim);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.progress-orb{display:grid;place-items:center;width:52px;height:52px;margin-bottom:20px;border:1px solid rgba(179,141,255,.5);background:rgba(155,108,255,.1)}.spinner{width:17px;height:17px;border:1px solid var(--dim);border-top-color:var(--violet-soft);border-radius:50%;animation:spin .8s linear infinite}.blink{animation:blink 1s infinite}.progress-track{width:220px;height:2px;margin-top:25px;background:rgba(255,255,255,.1)}.progress-track span{display:block;width:72%;height:100%;background:var(--violet-soft);animation:progress 1.6s ease-in-out infinite}.video-preview{position:relative;z-index:1;padding:48px 56px 35px}.video-preview video{display:block;width:100%;max-height:365px;background:#05050a;outline:none}.preview-overlay{display:flex;justify-content:space-between;align-items:center;padding-top:13px;color:var(--muted);font:10px var(--mono)}.status-chip{display:flex;align-items:center;gap:7px}.status-chip i{width:5px;height:5px;border-radius:50%;background:var(--mint)}
.link-section { border-top:1px solid var(--line); }.link-card { display:flex; justify-content:space-between; gap:50px; margin-top:25px; padding:50px; background:var(--panel-raised); border:1px solid var(--line); }.link-card-copy{max-width:420px}.link-card h2{margin:17px 0 16px;font-size:42px;line-height:1.02;letter-spacing:-.07em;font-weight:500}.link-card p:not(.eyebrow){margin:0;color:var(--muted);font-size:13px;line-height:1.6}.link-field-wrap{align-self:flex-end;width:min(410px,100%)}.link-field-wrap label{display:block;margin-bottom:10px;color:var(--dim);font:10px var(--mono)}.link-field{display:flex;border:1px solid var(--line-bright);background:var(--ink)}.link-field input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--muted);padding:0 13px;font:11px var(--mono)}.link-field button{display:flex;align-items:center;gap:9px;border:0;border-left:1px solid var(--line-bright);background:var(--violet);color:white;padding:0 14px;font-size:10px}.link-field button:hover{background:#a87dff}.link-field button svg{width:14px;fill:none;stroke:currentColor;stroke-width:1.3}.copy-feedback{height:14px;margin-top:8px!important;color:var(--mint)!important;font:10px var(--mono)!important}
.workflow-section{padding-top:0}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:25px;background:var(--line)}.workflow-card{position:relative;min-height:226px;padding:30px;background:var(--panel)}.workflow-card.is-featured{background:var(--panel-raised)}.workflow-index{color:var(--violet-soft);font:10px var(--mono)}.workflow-icon{margin:22px 0 17px;color:var(--violet-soft)}.workflow-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.workflow-card h3{margin:0 0 9px;font-size:17px;font-weight:500;letter-spacing:-.04em}.workflow-card p{max-width:220px;margin:0;color:var(--muted);font-size:12px;line-height:1.55}.site-footer{display:flex;align-items:center;justify-content:space-between;padding:26px 0 42px;border-top:1px solid var(--line);color:var(--dim);font-size:11px}.footer-brand{color:var(--text)}.footer-brand .brand-mark i{background:var(--dim)}.footer-code{color:var(--dim)}
.modal-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:22px;background:rgba(3,3,7,.78);backdrop-filter:blur(12px)}.auth-modal{position:relative;width:min(450px,100%);padding:37px 40px 31px;background:var(--panel-raised);border:1px solid var(--line-bright);box-shadow:0 30px 80px rgba(0,0,0,.45)}.modal-close{position:absolute;top:16px;right:19px;border:0;background:none;color:var(--muted);font-size:24px;line-height:1}.modal-close:hover{color:var(--text)}.auth-modal-top{display:flex;align-items:center;justify-content:space-between}.modal-mark i{background:var(--violet-soft)}.auth-modal h2{margin:25px 0 13px;font-size:42px;line-height:.98;letter-spacing:-.07em;font-weight:500}.modal-copy{max-width:300px;margin:0;color:var(--muted);font-size:12px;line-height:1.6}.auth-tabs{display:flex;gap:21px;margin:29px 0 23px;border-bottom:1px solid var(--line)}.auth-tab{position:relative;border:0;background:none;color:var(--dim);padding:0 0 12px;font-size:11px}.auth-tab::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:transparent}.auth-tab.is-active{color:var(--text)}.auth-tab.is-active::after{background:var(--violet-soft)}.field-label{display:block;margin:15px 0 8px;color:var(--dim);font:10px var(--mono)}.auth-input{width:100%;height:45px;border:1px solid var(--line);outline:0;background:var(--ink);color:var(--text);padding:0 13px;font-size:12px}.auth-input:focus{border-color:var(--violet-soft)}.auth-submit{width:100%;margin-top:25px}.auth-footnote{display:flex;justify-content:center;align-items:center;gap:8px;margin:24px 0 0;color:var(--dim);font:10px var(--mono)}.auth-footnote .status-indicator{background:var(--mint)}.oauth-note{display:flex;align-items:center;gap:12px;margin:23px 0 8px;padding:13px;border:1px solid var(--line);background:rgba(255,255,255,.025)}.oauth-note-mark{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--violet);color:white;font-size:11px;font-weight:600}.oauth-note p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}.auth-tabs[hidden]{display:none!important}.toast{position:fixed;bottom:22px;left:50%;z-index:20;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:12px 16px;border:1px solid var(--line-bright);background:var(--panel-raised);color:var(--text);font:11px var(--mono);transition:opacity .25s, transform .25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:0}}@keyframes progress{0%{transform:translateX(-100%)}100%{transform:translateX(150%)}}
@media (max-width:760px){.app-shell{padding:0 22px}.site-header{height:72px}.nav-links{display:none}.header-actions{gap:14px}.profile-label{display:none}.hero-section{padding:78px 0 84px}.hero-copy h1{font-size:clamp(48px,14vw,72px)}.hero-description{font-size:14px}.hero-meta{position:static;margin-top:54px}.meta-line{width:43px}.upload-section,.link-section,.workflow-section{padding:58px 0 68px}.upload-card{min-height:345px}.upload-empty,.upload-progress{min-height:345px;padding:0 38px;text-align:center}.upload-card-topline{top:24px;left:22px;right:22px}.upload-card-topline .mono-label{display:none}.video-preview{padding:52px 22px 24px}.upload-footer{align-items:flex-start;gap:18px;flex-direction:column}.upload-actions{width:100%}.upload-actions .primary-button{flex:1}.link-card{flex-direction:column;padding:28px 23px;gap:35px}.link-card h2,.auth-modal h2{font-size:36px}.link-field-wrap{width:100%}.link-field input{width:100px}.workflow-grid{grid-template-columns:1fr}.workflow-card{min-height:188px}.site-footer{align-items:flex-start;flex-direction:column;gap:18px}.footer-code{margin-top:4px}.auth-modal{padding:33px 25px 26px}.auth-modal h2{margin-top:20px}.filmstrip span{width:11px;height:27px}}

.site-search{display:flex;align-items:center;gap:9px;width:205px;margin-left:auto;margin-right:28px;padding:8px 9px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--dim);transition:border-color .2s,background .2s}.site-search:focus-within{border-color:rgba(179,141,255,.65);background:rgba(155,108,255,.08)}.site-search svg{width:14px;flex:0 0 14px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round}.site-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:10px var(--mono)}.site-search input::placeholder{color:var(--dim)}.site-search kbd{padding:2px 5px;border:1px solid var(--line);color:var(--dim);font:9px var(--mono)}.search-match{border-color:rgba(179,141,255,.75)!important;box-shadow:0 0 0 1px rgba(179,141,255,.18),0 18px 45px rgba(124,58,237,.12)}
@media (max-width:900px){.site-search{width:170px;margin-right:16px}.nav-links{gap:18px;margin-left:35px}}@media (max-width:760px){.site-search{width:38px;margin:0 10px 0 auto;padding:8px}.site-search input,.site-search kbd{display:none}.site-search svg{margin:auto}.header-actions{gap:10px}}

.clerk-auth-mount{margin-top:18px;min-height:78px}.clerk-auth-mount:empty{display:none}.clerk-auth-missing{margin-top:18px;padding:14px;border:1px solid rgba(255,164,120,.35);background:rgba(255,164,120,.06);color:#e9b79f;font:10px var(--mono);line-height:1.6}.clerk-signout{width:100%;margin-top:16px}