:root{color-scheme:dark;--void:#071311;--deep:#0d211d;--ink:#eaf7f4;--muted:#a8c0bc;--line:#31554d;--signal:#62f2cf;--signal-ink:#052019;--consent:#ffc56e;--danger:#ff8e86;--paper:#f5f0e4;--paper-ink:#13231f;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--body:system-ui,-apple-system,"Segoe UI",sans-serif;font-family:var(--body);font-size:16px;background:var(--void);color:var(--ink);font-synthesis:none}*{box-sizing:border-box}html{background:var(--void);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background-image:linear-gradient(#17302a66 1px,transparent 1px),linear-gradient(90deg,#17302a66 1px,transparent 1px);background-size:48px 48px}button,input,textarea{font:inherit}button,.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--deep);color:var(--ink);padding:.65rem 1rem;cursor:pointer;text-decoration:none;font-weight:700;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}button:hover,.button:hover{border-color:var(--signal);background:#14322c}.primary{background:var(--signal);color:var(--signal-ink);border-color:var(--signal)}.primary:hover{background:#9dffe6}.secondary{background:transparent}a{color:var(--signal);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--consent);outline-offset:3px}.skip-link{position:fixed;z-index:100;left:1rem;top:1rem;transform:translateY(-200%);background:var(--consent);color:#211500;padding:.75rem 1rem}.skip-link:focus{transform:none}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.site-header{min-height:72px;max-width:1440px;margin:auto;padding:0 clamp(1rem,4vw,4rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#071311e8;backdrop-filter:blur(12px);position:relative;z-index:2}.site-header nav{display:flex;gap:1.5rem}.site-header nav a{color:var(--ink);text-decoration:none}.wordmark{display:flex;align-items:center;gap:.75rem;color:var(--ink);text-decoration:none;font-weight:800;letter-spacing:-.02em}.mark{display:grid;grid-template-columns:repeat(3,6px);align-items:end;gap:3px;width:24px;height:24px}.mark i{display:block;background:var(--signal);height:10px}.mark i:nth-child(2){height:20px}.mark i:nth-child(3){height:15px;background:var(--consent)}main{max-width:1440px;margin:auto}h1,h2,h3,p{margin-top:0}h1{font-family:var(--mono);font-size:clamp(2.35rem,6vw,5.8rem);line-height:.97;letter-spacing:-.07em;max-width:12ch;margin-bottom:1.5rem}h2{font-family:var(--mono);font-size:clamp(1.75rem,3.3vw,3.5rem);line-height:1.04;letter-spacing:-.05em}p,li{line-height:1.58}.eyebrow{font:700 .78rem/1.2 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--signal);margin-bottom:1rem}.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);min-height:calc(100vh - 72px);align-items:center;gap:clamp(2rem,6vw,6rem);padding:clamp(3rem,7vw,7rem) clamp(1rem,4vw,4rem)}.hero-copy{position:relative;z-index:1}.lede{font-size:clamp(1.1rem,2vw,1.35rem);max-width:52ch;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:1rem;margin:2rem 0}.hero-actions span{max-width:28ch;color:var(--muted);font-size:.92rem}.facts{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.7rem 1.5rem;color:var(--muted);font:600 .85rem var(--mono)}.facts li:before{content:"◇";color:var(--consent);margin-right:.5rem}.hero-art{margin:0;position:relative}.hero-art:before{content:"";position:absolute;inset:-12px 12px 12px -12px;border:1px solid var(--line);z-index:-1}.hero-art img{width:100%;height:auto;display:block;clip-path:polygon(0 0,92% 0,100% 12%,100% 100%,0 100%)}.hero-art figcaption{font:600 .78rem var(--mono);color:var(--muted);margin-top:.75rem}.preview,.boundaries,.price{padding:clamp(4rem,9vw,9rem) clamp(1rem,6vw,6rem);display:grid;grid-template-columns:minmax(0,.8fr) minmax(300px,1.2fr);gap:clamp(2rem,8vw,8rem);border-top:1px solid var(--line);background:var(--deep)}.preview>div:first-child p:last-child,.price>div:first-child p:last-child{color:var(--muted);max-width:54ch}.mini-timeline{display:grid;gap:2px;align-self:center}.mini-timeline span{padding:1.1rem 1rem 1.1rem 4rem;border-left:3px solid var(--line);background:#071311;position:relative;color:var(--muted)}.mini-timeline b{font:700 .78rem var(--mono);position:absolute;left:.75rem;top:1.3rem}.mini-timeline .chosen{border-color:var(--signal);color:var(--ink);background:#0d2923}.steps{padding:clamp(4rem,9vw,9rem) clamp(1rem,6vw,6rem);border-top:1px solid var(--line)}.steps>h2{max-width:14ch}.steps ol{list-style:none;padding:0;margin:4rem 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.steps li{padding:2rem;background:var(--void);min-height:210px}.steps b,.steps span{display:block}.steps b{font:800 1.05rem var(--mono);color:var(--consent);margin-bottom:3rem}.steps span{color:var(--muted)}.boundaries{background:var(--paper);color:var(--paper-ink)}.boundaries .eyebrow{color:#086a58}.boundaries ul{padding:0;list-style:none}.boundaries li{padding:1rem 0 1rem 2.25rem;border-bottom:1px solid #a8b7ad;position:relative}.boundaries li:before{content:"×";position:absolute;left:.25rem;font:800 1.4rem var(--mono);color:#9a4b18}.price{background:var(--void)}.price-ticket{border:1px solid var(--consent);padding:clamp(1.5rem,4vw,3rem);position:relative}.price-ticket:after{content:"";position:absolute;right:-1px;top:-1px;border-top:32px solid var(--void);border-left:32px solid transparent}.amount{font:800 clamp(2.5rem,5vw,4.5rem) var(--mono);color:var(--consent);margin:0}.amount span{font-size:1rem;color:var(--muted)}.price-ticket p:not(.amount){max-width:52ch;color:var(--muted)}.link-button{background:transparent;border:0;clip-path:none;text-decoration:underline;color:var(--signal);margin-left:.5rem}.restore-form{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--line)}label{display:grid;gap:.5rem;font-weight:700}.restore-form{display:grid;grid-template-columns:1fr auto;gap:1rem}.restore-form p{grid-column:1/-1}.downloads{padding:clamp(4rem,9vw,9rem) clamp(1rem,6vw,6rem);border-top:1px solid var(--line)}#download-actions{display:flex;align-items:center;gap:1rem;margin-top:2rem}footer{max-width:1440px;margin:auto;padding:2.5rem clamp(1rem,4vw,4rem);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;color:var(--muted);font-size:.85rem}footer nav{display:flex;gap:1.5rem}footer p:last-child{text-align:right}.legal,.not-found{padding:clamp(4rem,10vw,9rem) clamp(1rem,9vw,9rem);min-height:70vh}.legal h1,.not-found h1{max-width:14ch}.legal h2{font-size:1.5rem;margin-top:3rem;letter-spacing:-.03em}.legal p{max-width:66ch;color:var(--muted)}.broken-path{height:80px;display:flex;align-items:end;gap:8px;margin-bottom:2rem}.broken-path i{width:64px;height:3px;background:var(--signal);transform:rotate(-12deg)}.broken-path i:nth-child(2){transform:rotate(50deg);background:var(--danger)}.broken-path i:nth-child(3){transform:rotate(-20deg)}.demo-banner{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:center;gap:1.25rem;min-height:48px;background:var(--consent);color:#211500;padding:.25rem 1rem}.demo-banner button,.demo-banner a{min-height:36px;padding:.3rem .7rem;color:#211500;border-color:#6d4c14;background:transparent;clip-path:none}.workspace-main{max-width:none}.workspace-head{padding:3rem clamp(1rem,4vw,4rem) 2rem;display:flex;justify-content:space-between;align-items:end;gap:2rem;max-width:1440px;margin:auto}.workspace-head h1{font-size:clamp(2.1rem,4.8vw,4.4rem);max-width:15ch}.workspace-head>div>p:last-child{color:var(--muted)}.consent-control{min-width:280px;padding:1.25rem;border:1px solid var(--consent);background:#1e2116}.consent-control label{display:flex;align-items:center;gap:.75rem}.consent-control input,.caption-check input{width:22px;height:22px;accent-color:var(--signal)}.consent-control span{display:block;color:var(--muted);font-size:.82rem;margin-top:.5rem}.workbench{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:620px}.transcript-pane{padding:1.5rem clamp(1rem,3vw,3rem)}.toolbar{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.caption-list{list-style:none;padding:0;margin:0}.caption-row{display:grid;grid-template-columns:36px 64px minmax(0,1fr) auto;gap:1rem;padding:1rem 0;border-top:1px solid var(--line);position:relative}.caption-row.selected{background:#0c2b24}.caption-row.selected:before{content:"";position:absolute;left:-1rem;top:0;bottom:0;width:4px;background:var(--signal)}.caption-row>time{font:700 .78rem var(--mono);color:var(--consent);padding-top:.85rem}.speaker-label{font:700 .75rem var(--mono);color:var(--muted)}.speaker-label input,.caption-row textarea{width:100%;border:0;border-bottom:1px solid transparent;background:transparent;color:var(--ink);padding:.35rem .5rem;resize:vertical}.speaker-label input:hover,.caption-row textarea:hover,.speaker-label input:focus,.caption-row textarea:focus{border-color:var(--line);background:#071311}.caption-row textarea{min-height:66px;line-height:1.5}.uncertain{display:inline-block;color:var(--consent);font:700 .7rem var(--mono);border-bottom:1px dotted var(--consent);margin-left:.5rem}.remove-caption{min-height:36px;height:36px;font-size:.75rem;padding:.25rem .6rem;clip-path:none}.export-pane{background:var(--paper);color:var(--paper-ink);padding:2rem;min-width:0}.export-pane .eyebrow{color:#086a58}.export-pane h2{font-size:2rem}.export-pane>p{color:#41544f}.export-pane article{border-top:2px solid #93a89f;padding:1rem 0}.export-pane article time,.export-pane article b{display:block}.export-pane article time{font:700 .75rem var(--mono);color:#47625b}.export-pane article p{margin:.5rem 0}.export-actions{display:grid;gap:.75rem;margin-top:2rem}.export-actions button:not(.primary){background:transparent;color:var(--paper-ink);border-color:#45655c}.fine{font-size:.8rem}.preview-empty,.empty{text-align:center;padding:4rem 1rem;color:var(--muted)}.preview-empty{padding:2rem 1rem;border:1px dashed #82958f;color:#41544f}.preview-empty p{font-weight:800;margin-bottom:.25rem}.empty h2{font-size:1.8rem}.empty-geometry{width:84px;height:56px;margin:0 auto 1.5rem;border:1px solid var(--line);background:linear-gradient(110deg,transparent 45%,var(--line) 46%,var(--line) 49%,transparent 50%)}.danger-zone{padding:3rem clamp(1rem,4vw,4rem);max-width:1440px;margin:auto}.danger-zone h2{font-size:1.5rem}.danger-zone button,.danger{border-color:var(--danger);color:var(--danger)}dialog{width:min(520px,calc(100% - 2rem));background:var(--deep);color:var(--ink);border:1px solid var(--line);padding:2rem}dialog::backdrop{background:#000a}dialog h2{font-size:1.7rem}dialog form{display:grid;gap:1rem}dialog input,dialog textarea,.restore-form input{min-height:44px;background:var(--void);border:1px solid var(--line);color:var(--ink);padding:.65rem}dialog textarea{min-height:110px}.dialog-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}code{color:var(--signal)}@media(max-width:800px){.site-header{align-items:flex-start;padding-top:1rem;padding-bottom:1rem}.wordmark span:last-child{max-width:110px;line-height:1.05}.site-header nav{gap:.8rem;font-size:.88rem}.hero{grid-template-columns:1fr;min-height:auto}.hero-art{order:-1}.hero-art img{max-height:260px;object-fit:cover}.hero-actions{align-items:flex-start;flex-direction:column}.preview,.boundaries,.price,.steps ol{grid-template-columns:1fr}.steps li{min-height:auto}.workspace-head{align-items:stretch;flex-direction:column}.consent-control{min-width:0}.workbench{grid-template-columns:1fr}.caption-row{grid-template-columns:32px 48px minmax(0,1fr)}.remove-caption{grid-column:3;justify-self:start}.export-pane{border-top:1px solid var(--line)}footer{grid-template-columns:1fr}footer p:last-child{text-align:left}.demo-banner{align-items:flex-start;flex-wrap:wrap;justify-content:flex-start;padding:.6rem 1rem}.restore-form{grid-template-columns:1fr}}@media(max-width:430px){.site-header nav a:nth-child(2){display:none}.hero{padding-top:2rem}.hero h1{font-size:2.65rem}.facts,.toolbar{display:grid}.toolbar button{width:100%}.caption-row{gap:.5rem}.caption-row>time{font-size:.68rem}.export-pane{padding:1.25rem}.demo-banner{font-size:.78rem}.demo-banner button,.demo-banner a{min-height:44px}.price-ticket .button{width:100%}.link-button{margin:.75rem 0 0;width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:more){:root{--muted:#d1e3df;--line:#6b9188}.caption-row.selected{outline:2px solid var(--signal)}}.step-shot{height:112px;margin-bottom:1.5rem;border:1px solid var(--line);padding:14px;display:grid;gap:8px;align-content:center;background:#0d211d}.step-shot i{display:block;height:10px;background:#294b44}.step-shot i:nth-child(2){width:78%}.step-shot i:nth-child(3){width:55%}.check-shot i:nth-child(2),.export-shot i:nth-child(1),.export-shot i:nth-child(2){background:var(--signal)}.check-shot i:nth-child(2){border-left:8px solid var(--consent)}.export-shot{grid-template-columns:1fr 1fr}.export-shot i{width:auto!important;height:44px}.walkthrough-note{color:var(--muted);font-size:.85rem;margin-top:1rem}.project-title{max-width:520px;margin-top:1.5rem;font:700 .78rem var(--mono);color:var(--muted)}.project-title input{min-height:44px;background:var(--deep);border:1px solid var(--line);color:var(--ink);padding:.65rem .75rem}.danger-zone>p{color:var(--muted)}.theme-picker{margin-top:1.5rem;color:#294a42}.theme-picker select{min-height:44px;border:1px solid #45655c;background:#fff;color:#13231f;padding:.5rem}.caption-search{margin-left:auto;min-width:min(100%,240px);font:700 .75rem var(--mono);color:var(--muted)}.caption-search input{min-height:44px;border:1px solid var(--line);background:var(--void);color:var(--ink);padding:.55rem .7rem}.license-status{margin-top:1rem;color:var(--muted);font-size:.85rem}.license-status:empty{display:none}.license-status button{min-height:36px;margin-left:.5rem;padding:.25rem .6rem;background:transparent;clip-path:none}.transcription-status{min-height:1.5rem;color:var(--consent);font:700 .78rem/1.5 var(--mono)}@media(max-width:430px){.caption-search{margin-left:0;width:100%}.caption-search input{width:100%}}
