:root{--ink:#17211b;--muted:#657168;--paper:#f3f1e9;--panel:#fffdf7;--line:#d9ddd3;--accent:#e5542f;--green:#1f6a47}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,a{font:inherit}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px clamp(24px,6vw,88px);display:flex}.brand{color:var(--ink);align-items:center;gap:10px;font-weight:750;text-decoration:none;display:flex}.brandMark{background:var(--accent);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex;transform:rotate(-4deg)}.environment,.eyebrow{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:700}.hero{max-width:1050px;margin:0 auto;padding:80px 24px 54px}.hero h1{letter-spacing:-.045em;max-width:920px;margin:16px 0 24px;font-family:Georgia,serif;font-size:clamp(48px,7vw,82px);font-weight:500;line-height:.98}.lede{color:var(--muted);max-width:690px;font-size:20px;line-height:1.55}.workspace{background:var(--panel);border:1px solid var(--line);border-radius:20px;max-width:1240px;margin:0 auto 80px;overflow:hidden;box-shadow:0 18px 50px #1c281f12}.workspaceHeading{justify-content:space-between;align-items:flex-end;padding:30px;display:flex}.workspaceHeading h2{margin:8px 0 0;font-size:27px}button,.fileButton,.connectButton{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:9px;padding:11px 16px}button:disabled{cursor:wait;opacity:.6}.primaryButton,.connectButton{background:var(--green);border-color:var(--green);color:#fff;border-radius:999px}.fileButton{color:var(--green);background:#eef5f0;border-color:#b8cec0;border-radius:999px}.connectButton{text-decoration:none}.primaryButton:hover,.connectButton:hover{background:#17583a}.fileButton:hover{border-color:var(--green);background:#e2eee6}.accountControls{align-items:center;gap:10px;display:flex}.accountControls>span{color:var(--muted);margin-right:4px;font-size:13px}.secondaryButton{color:#9b3d2a;background:#fff8f6;border:1px solid #efc8be}.fileButton{text-overflow:ellipsis;white-space:nowrap;max-width:250px;display:inline-block;overflow:hidden}.fileButton input{opacity:0;width:1px;height:1px;position:absolute}.steps{border-bottom:1px solid var(--line);border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.steps li{gap:12px;min-height:112px;padding:24px 20px;display:flex}.steps li+li{border-left:1px solid var(--line)}.steps li.active{background:#fff3e8}.steps li.complete .stepNumber{background:var(--green);color:#fff}.stepNumber{border:1px solid var(--line);border-radius:50%;flex:0 0 28px;justify-content:center;align-items:center;height:28px;font-size:11px;display:flex}.steps strong{margin:5px 0 8px;display:block}.steps p{color:var(--muted);margin:0;font-size:13px;line-height:1.35}.videoLibrary{border-bottom:1px solid var(--line);padding:26px 30px}.libraryHeading{justify-content:space-between;align-items:flex-end;display:flex}.libraryHeading h3{margin:6px 0 0;font-family:Georgia,serif;font-size:25px;font-weight:500}.libraryHeading>span{color:var(--muted);font-size:12px}.videoList{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:320px;margin-top:18px;display:grid;overflow-y:auto}.videoList button{border:1px solid var(--line);color:var(--ink);text-align:left;background:0 0;border-radius:10px;padding:13px 14px}.videoList button:hover{border-color:var(--green)}.videoList button.selected{border-color:var(--green);background:#eef3ef}.videoList strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.videoList span{color:var(--muted);text-transform:capitalize;margin-top:6px;font-size:11px;display:block}.result{grid-template-columns:280px 1fr;gap:34px;padding:30px;display:grid}.videoPlaceholder{aspect-ratio:9/12;color:#fff;background:linear-gradient(145deg,#25372c,#0c1510);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;display:flex}.videoPlaceholder span{color:#b7c6bb;margin-bottom:8px;font-size:12px}.metadata h3{margin:18px 0;font-family:Georgia,serif;font-size:32px;font-weight:500}.status{color:var(--green);text-transform:uppercase;font-size:13px;font-weight:700}.statusDot{background:var(--green);border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}dl{border-top:1px solid var(--line);margin:0}dl div{border-bottom:1px solid var(--line);justify-content:space-between;padding:13px 0;display:flex}dt{color:var(--muted)}dd{margin:0}.note{color:var(--muted);margin-top:22px;font-size:13px;line-height:1.5}.metadata button,.inlineFileButton{margin-top:24px}.inlineFileButton+button{margin-left:8px}.uploadProgress{background:#e7e9e4;border-radius:999px;height:8px;margin-top:18px;position:relative}.uploadProgress>div{background:var(--green);border-radius:inherit;height:100%;transition:width .15s}.uploadProgress span{color:var(--muted);margin-top:6px;font-size:11px;display:block}.empty{color:var(--muted);text-align:center;padding:64px 30px}.empty span{color:var(--green);text-transform:uppercase;font-size:12px;font-weight:700}.chartPanel{border-top:1px solid var(--line);padding:30px}.chartHeading{justify-content:space-between;align-items:flex-end;display:flex}.chartHeading h3{margin:7px 0 0;font-family:Georgia,serif;font-size:28px;font-weight:500}.chartHeading>p{color:var(--muted);font-size:12px}.legendDot{background:#4b8f78;border-radius:2px;width:15px;height:3px;margin:0 6px 3px 12px;display:inline-block}.legendHook{background:#f8dfcf;width:14px;height:10px;margin:0 6px 0 16px;display:inline-block}.chartPanel svg{width:100%;margin-top:18px;overflow:visible}.chartPanel text{fill:var(--muted);font-size:11px}.axis{stroke:var(--line)}.benchmark{stroke:#b8bdb5;stroke-dasharray:4 5}.hookRegion{fill:#f8dfcf}.retentionArea{fill:url(#retention-area)}.retentionLine{fill:none;stroke:#36745f;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px}.measuredPoint{fill:#0000;stroke:#0000;stroke-width:0}.measuredPoint:hover{fill:#36745f;stroke:#fff;stroke-width:2px}.chartNote{color:var(--muted);margin:0;font-size:12px}.retentionSummary{border-bottom:1px solid var(--line);border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:22px;display:grid}.retentionSummary>div{padding:14px 16px}.retentionSummary>div+div{border-left:1px solid var(--line)}.retentionSummary span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:9px;display:block}.retentionSummary strong{margin-top:6px;font-size:16px;font-weight:600;display:block}.draftUpload{color:#f4f6f3;background:#111512;border-top:1px solid #2a302c;grid-template-columns:1fr 1fr;gap:36px;padding:34px;display:grid}.draftUpload .eyebrow{color:#7ce5b3}.draftUpload h3{margin:8px 0 12px;font-family:Georgia,serif;font-size:32px;font-weight:400}.draftUpload>div>p:not(.eyebrow){color:#9da7a1;max-width:520px;font-size:13px;line-height:1.6}.platformTargets{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.platformTargets span{color:#bac3bd;border:1px solid #39423d;border-radius:99px;padding:7px 10px;font-size:10px}.draftDropzone{cursor:pointer;text-align:center;border:1px dashed #53615a;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:190px;padding:24px;transition:background .2s,border-color .2s;display:flex}.draftDropzone:hover{background:#19201c;border-color:#7ce5b3}.draftDropzone:before{color:#7ce5b3;content:"↑";background:#202823;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:15px;font-size:20px;display:flex}.draftDropzone input{opacity:0;width:1px;height:1px;position:absolute}.draftDropzone strong{font-size:15px}.draftDropzone span{color:#87928b;margin-top:8px;font-size:10px}.analysisPanel{border-top:1px solid var(--line);padding:30px}.analysisHeading{justify-content:space-between;align-items:flex-end;display:flex}.analysisHeading h3{margin:7px 0 0;font-family:Georgia,serif;font-size:28px;font-weight:500}.readinessScore{align-items:baseline;gap:6px;display:flex}.readinessScore strong{color:var(--green);font-family:Georgia,serif;font-size:42px;font-weight:500}.readinessScore span{color:var(--muted);font-size:11px}.signalCards{grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0;display:grid}.signalCards>div{background:#f5f6f2;border-radius:12px;padding:16px}.signalCards span{color:var(--muted);text-transform:uppercase;font-size:11px;display:block}.signalCards strong{text-transform:capitalize;margin-top:8px;font-size:20px;display:block}.signalCards p{color:var(--muted);margin:6px 0 0;font-size:11px}.scoreBreakdown{grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 24px;display:grid}.scoreBreakdown>div>span{color:var(--muted);font-size:11px}.scoreBreakdown>div>div{background:#e7e9e4;border-radius:999px;height:7px;margin:7px 0;overflow:hidden}.scoreBreakdown i{background:var(--green);height:100%;display:block}.scoreBreakdown strong{font-size:10px;font-weight:500}.featureTimeline{background:#e7e9e4;border-radius:6px;height:42px;position:relative;overflow:hidden}.hookWindow{background:#f8dfcf;position:absolute;top:0;bottom:0;left:0}.featureMark{min-width:4px;position:absolute}.featureMark.scene_change{background:var(--accent);width:4px;top:0;bottom:0}.featureMark.silence{background:#25372cb8;height:9px;bottom:8px}.featureMark.on_screen_text{background:#4f78a8;height:9px;top:8px}.featureMark.transcript_segment{background:#7f5aa2;height:9px;bottom:21px}.timelineLegend{color:var(--muted);flex-wrap:wrap;gap:18px;margin-top:10px;font-size:11px;display:flex}.timelineLegend i{width:10px;height:8px;margin-right:5px;display:inline-block}.cutKey{background:var(--accent)}.silenceKey{background:#25372cb8}.textKey{background:#4f78a8}.speechKey{background:#7f5aa2}.detectedText{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.detectedText h4{text-transform:uppercase;margin:0 0 12px;font-size:12px}.detectedText p{gap:14px;margin:8px 0;font-size:13px;display:flex}.detectedText time{color:var(--muted);flex:0 0 42px}.noText{color:var(--muted);margin:18px 0 0;font-size:12px}.predictionWarning{color:var(--muted);margin:22px 0 0;font-size:12px;line-height:1.5}@media (max-width:760px){.environment{display:none}.hero{padding-top:54px}.workspace{border-left:0;border-right:0;border-radius:0}.workspaceHeading{flex-direction:column;align-items:flex-start;gap:20px}.steps{grid-template-columns:1fr 1fr}.steps li:nth-child(3){border-left:0;border-top:1px solid var(--line)}.steps li:nth-child(4){border-top:1px solid var(--line)}.libraryHeading{flex-direction:column;align-items:flex-start;gap:8px}.videoList,.result{grid-template-columns:1fr}.videoPlaceholder{aspect-ratio:16/9}.analysisHeading{flex-direction:column;align-items:flex-start;gap:16px}.signalCards,.scoreBreakdown,.draftUpload{grid-template-columns:1fr}.retentionSummary{grid-template-columns:1fr 1fr}.retentionSummary>div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.retentionSummary>div:nth-child(4){border-top:1px solid var(--line)}}.xray{--x-bg:#0d100f;--x-panel:#141817;--x-panel-2:#1a1f1d;--x-line:#29302d;--x-text:#f3f5f1;--x-muted:#8f9994;--x-mint:#74edb5;--x-amber:#f6bd69;--x-coral:#ff746d;--x-violet:#9b8cff;background:var(--x-bg);color:var(--x-text);border-top:1px solid #222925;padding:clamp(24px,4vw,48px)}.xray button{border-radius:9px}.xrayHeader,.sectionTitle,.nowHeading,.xrayFooter{justify-content:space-between;align-items:flex-end;display:flex}.xrayHeader{margin-bottom:32px}.xrayKicker,.sectionTitle p{color:var(--x-muted);letter-spacing:.16em;text-transform:uppercase;margin:0 0 9px;font-size:10px;font-weight:750}.xrayKicker span{background:var(--x-violet);border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.xrayHeader h3{letter-spacing:-.035em;margin:0;font-family:Georgia,serif;font-size:clamp(34px,5vw,54px);font-weight:400}.xrayHeader>div>p:last-child{color:var(--x-muted);margin:10px 0 0;font-size:12px}.xrayHeader>div>p strong{color:#cdd3cf;font-weight:500}.xrayScore{border-left:1px solid var(--x-line);text-align:right;padding-left:24px}.xrayScore>span{color:var(--x-muted);font-size:11px;display:block}.xrayScore i{color:#bcb2ff;text-transform:uppercase;background:#9b8cff24;border-radius:99px;margin-left:6px;padding:4px 7px;font-size:9px;font-style:normal}.xrayScore strong{color:var(--x-mint);margin-top:9px;font-family:Georgia,serif;font-size:42px;font-weight:400;line-height:1;display:block}.xrayScore small{color:var(--x-muted);margin-left:4px;font:11px Arial,sans-serif}.xrayStage{grid-template-columns:minmax(310px,.9fr) minmax(330px,1.1fr);gap:18px;display:grid}.xrayPlayerColumn{border:1px solid var(--x-line);background:#080a09;border-radius:16px;overflow:hidden}.xrayPlayer{background:radial-gradient(circle at 50% 20%,#27312d,#080a09 64%);justify-content:center;align-items:center;height:580px;display:flex;position:relative;overflow:hidden}.xrayPlayer video{object-fit:contain;max-width:100%;height:100%}.xrayNoVideo{color:var(--x-muted);font-size:12px}.timecode{color:#fff;background:#050706d1;border:1px solid #353d39;border-radius:6px;padding:6px 8px;font:11px ui-monospace,monospace;position:absolute;bottom:14px;left:14px}.videoOverlay{pointer-events:none;border:1px solid #74edb599;position:absolute;inset:12% 8% 17%}.videoOverlay>span{background:var(--x-mint);color:#07110c;letter-spacing:.08em;text-transform:uppercase;padding:4px 6px;font-size:8px;font-weight:700;position:absolute;top:-20px;left:-1px}.videoOverlay strong{color:#fff;background:#050706cc;max-width:84%;padding:8px 10px;font-size:13px;position:absolute;bottom:6%;left:8%}.overlayControls{color:var(--x-muted);text-transform:uppercase;justify-content:space-between;align-items:center;padding:12px 14px;font-size:10px;display:flex}.overlayControls button{color:#c7ceca;background:0 0;padding:0;font-size:10px}.overlayControls i{background:#414845;border-radius:99px;width:8px;height:8px;margin-right:7px;display:inline-block}.overlayControls i.enabled{background:var(--x-mint);box-shadow:0 0 8px #74edb580}.nowPanel{background:var(--x-panel);border:1px solid var(--x-line);border-radius:16px;padding:22px}.nowHeading{border-bottom:1px solid var(--x-line);color:#dce1de;letter-spacing:.12em;text-transform:uppercase;padding-bottom:17px;font-size:11px}.nowHeading time{color:var(--x-muted);font-family:ui-monospace,monospace}.livePulse{background:var(--x-mint);border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 9px #74edb5b3}.nowItem{border-bottom:1px solid var(--x-line);grid-template-columns:32px 1fr;gap:14px;padding:19px 0;display:grid}.nowItem>b{color:var(--x-violet);background:#222925;border:1px solid #333b37;border-radius:8px;justify-content:center;align-items:center;height:30px;font-size:10px;display:flex}.nowItem span{color:var(--x-muted);letter-spacing:.13em;text-transform:uppercase;font-size:9px}.nowItem p{color:#edf0ee;margin:6px 0 0;font-size:15px;line-height:1.45}.evidenceNotice{border-left:2px solid var(--x-violet);background:#101412;margin-top:18px;padding:13px 14px}.evidenceNotice span{color:#bdb5ff;letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:700}.evidenceNotice p{color:var(--x-muted);margin:6px 0 0;font-size:11px;line-height:1.5}.hookAnatomy,.intelligenceTimeline,.momentSection,.performanceStory,.extractedContent{border-top:1px solid var(--x-line);margin-top:40px;padding-top:30px}.sectionTitle h4{margin:0;font-family:Georgia,serif;font-size:27px;font-weight:400}.sectionTitle>span{color:var(--x-muted);text-transform:uppercase;font-size:10px}.hookMetrics{grid-template-columns:repeat(4,1fr);margin-top:22px;display:grid}.hookMetrics>div{border-left:1px solid var(--x-line);padding:4px 18px}.hookMetrics>div:first-child{border-left:0;padding-left:0}.hookMetrics span{color:var(--x-muted);letter-spacing:.1em;text-transform:uppercase;font-size:9px}.hookMetrics strong{text-transform:capitalize;margin:8px 0;font-size:22px;font-weight:500;display:block}.hookMetrics p{color:var(--x-muted);margin:0;font-size:10px}.hookStrip{grid-template-columns:repeat(5,1fr);gap:5px;margin-top:22px;display:grid}.hookStrip button{background:var(--x-panel);border:1px solid var(--x-line);color:var(--x-text);text-align:left;min-height:86px;padding:12px}.hookStrip button:hover{border-color:var(--x-mint);transform:translateY(-2px)}.hookStrip span{color:var(--x-mint);font:10px ui-monospace,monospace;display:block}.hookStrip strong{-webkit-line-clamp:2;text-transform:capitalize;-webkit-box-orient:vertical;margin-top:15px;font-size:11px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.timelineRuler{border-bottom:1px solid var(--x-line);color:var(--x-muted);background:0 0;justify-content:space-between;width:calc(100% - 92px);margin:22px 0 0 92px;padding:0 0 9px;display:flex;position:relative}.timelineRuler i{background:var(--x-mint);pointer-events:none;z-index:3;width:1px;position:absolute;top:0;bottom:-188px}.timelineRuler i:before{background:var(--x-mint);content:"";border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;left:-3px}.timelineRuler span{font:9px ui-monospace,monospace}.timelineTrack{grid-template-columns:80px 1fr;align-items:center;gap:12px;margin-top:7px;display:grid}.timelineTrack>strong{color:var(--x-muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:500}.timelineTrack>div{background:var(--x-panel);border:1px solid #202724;border-radius:5px;height:34px;position:relative;overflow:hidden}.timelineTrack button{border-radius:3px;min-width:3px;padding:0;position:absolute;top:5px;bottom:5px}.timelineTrack button.scene_change{background:var(--x-coral)}.timelineTrack button.transcript_segment{background:var(--x-violet)}.timelineTrack button.on_screen_text{background:#4ba9d2}.timelineTrack button.silence{background:var(--x-amber)}.xrayLowerGrid{grid-template-columns:1.18fr .82fr;gap:34px;display:grid}.momentList{gap:8px;margin-top:20px;display:grid}.momentCard{background:var(--x-panel);border:1px solid var(--x-line);color:var(--x-text);text-align:left;grid-template-columns:50px 1fr 18px;align-items:start;gap:14px;width:100%;padding:16px;display:grid}.momentCard:hover{background:var(--x-panel-2);border-color:#48514d}.momentCard time{color:var(--x-mint);font:10px ui-monospace,monospace}.momentCard strong{font-size:13px}.momentCard p{color:#c1c8c4;margin:6px 0;font-size:11px}.momentCard span{color:var(--x-muted);font-size:10px;line-height:1.4}.momentCard b{color:var(--x-muted)}.momentCard.risk{border-left:2px solid var(--x-coral)}.momentCard.opportunity{border-left:2px solid var(--x-amber)}.momentCard.strong{border-left:2px solid var(--x-mint)}.storyStat{background:var(--x-panel);border:1px solid var(--x-line);color:var(--x-text);text-align:left;width:100%;margin-top:10px;padding:16px;display:block}.storyStat span,.singleImprovement span{color:var(--x-muted);letter-spacing:.1em;text-transform:uppercase;font-size:9px}.storyStat strong{color:var(--x-mint);margin:9px 0 4px;font:19px Georgia,serif;display:block}.storyStat p,.storyEmpty{color:var(--x-muted);margin:0;font-size:11px}.singleImprovement{background:linear-gradient(135deg,#20221b,#171a17);border:1px solid #3c3a28;border-radius:11px;margin-top:18px;padding:19px}.singleImprovement span{color:var(--x-amber)}.singleImprovement strong{margin:12px 0;font-family:Georgia,serif;font-size:20px;font-weight:400;line-height:1.25;display:block}.singleImprovement p{color:var(--x-muted);margin:0;font-size:10px;line-height:1.5}.contentTabs{border-bottom:1px solid var(--x-line);gap:5px;display:flex}.contentTabs button{color:var(--x-muted);background:0 0;border-bottom:2px solid #0000;border-radius:0;padding:12px 16px;font-size:11px}.contentTabs button.active{border-color:var(--x-mint);color:#fff}.contentTabs span{background:#252b28;border-radius:99px;margin-left:5px;padding:3px 6px;font-size:9px}.contentIntro{color:var(--x-muted);max-width:620px;padding:14px 0;font-size:12px;line-height:1.6}.contentRows button{border-bottom:1px solid var(--x-line);color:var(--x-text);text-align:left;background:0 0;border-radius:0;grid-template-columns:55px 1fr auto;align-items:start;gap:16px;width:100%;padding:14px 0;display:grid}.contentRows time{color:var(--x-mint);font:10px ui-monospace,monospace}.contentRows p{margin:0;font-size:12px}.contentRows span{color:var(--x-muted);text-transform:uppercase;font-size:9px}.xrayFooter{border-top:1px solid var(--x-line);color:var(--x-muted);gap:20px;margin-top:28px;padding-top:18px;font-size:9px}@media (max-width:900px){.xrayStage,.xrayLowerGrid{grid-template-columns:1fr}.xrayPlayer{height:520px}}@media (max-width:620px){.xray{padding:24px 16px}.xrayHeader{align-items:flex-start;gap:24px}.xrayScore{border-left:0;padding-left:0}.xrayPlayer{height:460px}.hookMetrics{grid-template-columns:1fr 1fr;row-gap:22px}.hookMetrics>div:nth-child(3){border-left:0;padding-left:0}.hookStrip{grid-template-columns:repeat(3,1fr)}.contentRows button{grid-template-columns:48px 1fr}.contentRows span{display:none}.xrayFooter{flex-direction:column;align-items:flex-start}}