@font-face{font-family:Yingxu;src:url('yingxu-tech.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#030a13;--surface:#071321;--ink:#f5f8ff;--muted:#a5b7d1;--blue:#3177ff;--ice:#84d9ff;--line:#244664;--ease:cubic-bezier(.2,.75,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Yingxu,"Microsoft YaHei UI","PingFang SC",sans-serif}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}button{color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #a0e5ff;outline-offset:5px}button,a,input,textarea{scroll-margin-block:20px}::selection{background:#416bdc;color:#fff}[hidden]{display:none!important}
.site-shell{overflow:clip;background:radial-gradient(ellipse at 94% 54%,#08204835,transparent 30%),var(--bg)}.container{width:min(1264px,calc(100% - 112px));margin-inline:auto}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.micro{font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em;color:#7da8d5}.skip{position:absolute;top:-80px;left:20px;z-index:100;background:#193b69;padding:12px}.skip:focus{top:12px}.section{padding-block:44px;position:relative}h2{font-size:clamp(28px,3.3vw,42px);font-weight:780;line-height:1.3;letter-spacing:-.035em}.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:24px}.section-heading p{font-size:15px;color:#bacbe0;margin-top:8px}.section-note{text-align:right;flex-shrink:0;font-size:13px;color:#bdd0e6}.section-note small{display:block;font:10px/1.65 ui-monospace,monospace;letter-spacing:.12em;color:#688daf;margin-top:10px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand>img{filter:drop-shadow(0 0 10px #5eaeff23);object-fit:contain}.brand>span{font-weight:760;font-size:24px;letter-spacing:.04em;line-height:1.2}.brand small{display:block;font:9px/1.8 ui-monospace,monospace;letter-spacing:.2em;font-weight:400;margin-top:3px}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:6}.site-header nav{display:flex;gap:32px;align-items:center}.site-header nav a{font-size:14px;color:#bbcde4;position:relative;white-space:nowrap;transition:color .18s}.site-header nav a:after{content:"";position:absolute;bottom:-9px;height:1px;left:0;right:0;background:#86d6ff;box-shadow:0 0 8px #67b9ff;transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}.site-header nav a:hover{color:#fff}.site-header nav a:hover:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:18px}.motion-toggle,.status-link{background:transparent;display:flex;align-items:center;gap:7px;padding:6px 0;font-size:13px;color:#d0e1f5;white-space:nowrap}.motion-toggle{color:#86a8cb;font-size:12px;gap:4px}.motion-toggle .icon{width:15px;height:15px}.status-link .icon{width:15px;height:15px;transition:transform .2s}.status-link:hover .icon{transform:translate(2px,-2px)}.menu-toggle{display:none}
/* Match the wide-screen stage to the artwork, including the 76px header overlay. */
.hero{position:relative;height:max(460px,calc(100vw * 845 / 1862 - 76px));isolation:isolate;border-bottom:1px solid #22609466}.hero-image-wrap{position:absolute;inset:-76px 0 0;z-index:-2;overflow:hidden;--hx:0px;--hy:0px;--ry:0deg}.hero-image{width:100%;height:100%;object-fit:cover;object-position:right center;transform:scale(1.025) translate3d(var(--hx),var(--hy),0);transition:transform 1s var(--ease);will-change:transform}.hero-image-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#030a1399 0%,#030a132b 32%,transparent 49%),linear-gradient(0deg,#030a1370,transparent 15%,transparent 89%,#030a13 100%);pointer-events:none}.hero-cursor-light{position:absolute;inset:0;background:radial-gradient(ellipse 260px 230px at var(--cx,76%) var(--cy,50%),#80beff24,transparent);mix-blend-mode:screen;opacity:0;transition:opacity .55s;pointer-events:none}.hero:hover .hero-cursor-light{opacity:1}.hero-content{height:100%;position:relative;display:flex;align-items:center}.hero-copy{position:relative;z-index:2;width:49%;padding-bottom:28px}.hero-eyebrow{font-size:11px;letter-spacing:.16em;color:#80a8cf;margin-bottom:18px}.hero h1{font-size:clamp(38px,4.5vw,68px);font-weight:830;line-height:1.19;letter-spacing:-.043em;text-shadow:0 2px 25px #010814;white-space:nowrap}.hero h1 span{display:inline-block;margin-top:4px}.hero-tagline{font-size:20px;line-height:1.5;letter-spacing:.045em;margin-top:24px;text-shadow:0 2px 15px #000}.hero-description{font-size:17px;color:#d4deea;margin-top:3px}.hero-actions{display:flex;gap:16px;margin-top:28px;flex-wrap:wrap}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:7px;padding:13px 22px;min-height:48px;font-size:15px;font-weight:600;line-height:1.4;overflow:hidden;transition:transform .24s var(--ease),box-shadow .24s,border-color .24s,background .24s}.button-primary{background:linear-gradient(112deg,#439cff 0%,#2364ff 70%);color:#fff;border:1px solid #76c5ff;box-shadow:inset 0 1px 1px #c6efff60,0 0 24px #2177ff37}.button-primary:after{content:"";position:absolute;inset:-50% auto -50% -30%;width:27%;background:linear-gradient(90deg,transparent,#dcfbff70,transparent);transform:skewX(-18deg);transition:left .65s var(--ease);pointer-events:none}.button-primary:hover{transform:translateY(-3px);box-shadow:inset 0 1px 1px #c6efff80,0 5px 34px #3489ff75}.button-primary:hover:after{left:125%}.button-primary:active{transform:translateY(0)}.button-outline{background:#06101c9c;border:1px solid #83caff9c;color:#dfedff;box-shadow:inset 0 1px 3px #80b5ff10}.button-outline:hover{background:#0f2646d9;border-color:#c8efff;transform:translateY(-2px);box-shadow:0 0 20px #318aff25}.button .icon{width:17px;height:17px}.play-disc{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#3b84fa}.play-disc .icon{width:16px;height:16px}.release-caption{font-size:13px;color:#aebed3;display:flex;gap:9px;align-items:center;margin-top:21px}.windows-mark{display:grid;grid-template-columns:repeat(2,5px);gap:2px;transform:perspective(30px) rotateY(-20deg)}.windows-mark i{display:block;width:5px;height:5px;background:#9ab9df}.hero-label{position:absolute;z-index:2;font-size:12px;pointer-events:none;text-shadow:0 2px 12px #03102a}.hero-label b{display:block;font-weight:650;letter-spacing:.08em}.hero-label span{display:block;color:#b4ccea;margin-top:3px;font-size:11px}.label-understand{top:13%;left:48%}.label-match{top:60%;left:47%}.label-narrative{top:17%;right:0}.hero-side{position:absolute;left:21px;top:39%;font-size:9px;color:#386085;line-height:1.3}.hero-beam{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.22;background:linear-gradient(116deg,transparent 55%,#80c0ff22 58%,transparent 61%);animation:beam-breathe 9s ease-in-out infinite}#hero-light{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.chapter-nav{border-bottom:1px solid #31638c;background:linear-gradient(90deg,#081b2d,#030b13);position:relative}.chapter-nav>.container{display:flex;gap:30px;align-items:center;min-height:48px}.chapter-nav a{display:flex;align-items:center;gap:12px;white-space:nowrap;color:#8caed3;font-size:13px;padding-block:12px;transition:color .2s;position:relative}.chapter-nav a:first-child{color:#d8ebff}.chapter-nav a:hover{color:#fff}.chapter-nav a:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#68bcff;transform:scaleX(0);transition:transform .25s}.chapter-nav a:hover:after{transform:scaleX(1)}.chapter-nav small{font-family:ui-monospace,monospace;font-size:12px}.chapter-line{height:1px;background:linear-gradient(90deg,#376ea8,#7593b6);flex:1}.chapter-nav .scroll-hint{font:10px/1 ui-monospace,monospace;letter-spacing:.07em;gap:10px}.scroll-hint span{border:1px solid #7eadd8;border-radius:50%;width:21px;height:21px;display:grid;place-items:center}
.spectral{position:relative;border:1px solid #366089;box-shadow:inset 0 0 18px #2757bd0c;transition:border-color .35s,box-shadow .35s;isolation:isolate}.spectral:hover{border-color:#89d7ff;box-shadow:inset 0 0 18px #2e6eb618,0 0 26px #3776ef22}.spectral:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 220px 130px at var(--gx,50%) var(--gy,50%),#81c3ff12,transparent);pointer-events:none;opacity:0;transition:opacity .3s;z-index:2}.spectral:hover:after{opacity:1}.showcase-frame{border-radius:6px;margin:0;position:relative;background:#03080e}.corner{position:absolute;width:17px;height:17px;border-color:#a6e7ff;z-index:5;pointer-events:none;filter:drop-shadow(0 0 3px #5ebaff)}.c-tl{top:-1px;left:-1px;border-top:2px solid;border-left:2px solid;border-top-left-radius:6px}.c-tr{top:-1px;right:-1px;border-top:2px solid;border-right:2px solid;border-top-right-radius:6px}.c-bl{bottom:-1px;left:-1px;border-bottom:2px solid;border-left:2px solid;border-bottom-left-radius:6px}.c-br{bottom:-1px;right:-1px;border-bottom:2px solid;border-right:2px solid;border-bottom-right-radius:6px}.poster-button{display:block;padding:0;position:relative;width:100%;aspect-ratio:3.35;overflow:hidden;text-align:left;background:#061323;border-radius:5px}.poster-button>img{height:100%;width:100%;object-fit:cover;object-position:center 49%;transition:transform 1.5s var(--ease),filter .6s;filter:brightness(.86)}.poster-button:hover>img{transform:scale(1.035);filter:brightness(1)}.poster-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0510209e,transparent 42%),linear-gradient(0deg,#010813e8,transparent 33%)}.poster-title{position:absolute;top:21%;left:6%;color:#fff;font-size:clamp(17px,2.1vw,29px);line-height:1.8;letter-spacing:.09em;font-weight:450;text-shadow:0 2px 8px #000;transform:rotate(-5deg)}.poster-play{position:absolute;left:50%;top:50%;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#08275270;border:1px solid #b8dfff90;backdrop-filter:blur(5px);transform:translate(-50%,-50%) scale(.92);opacity:0;transition:opacity .3s,transform .4s var(--ease);box-shadow:0 0 28px #469cff60}.poster-play .icon{width:33px;height:33px}.poster-button:hover .poster-play,.poster-button:focus-visible .poster-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.poster-bottom{position:absolute;left:19px;right:19px;bottom:13px;border-top:1px solid #d9f3ff96;padding-top:13px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}.poster-bottom>span{display:flex;gap:10px;align-items:center}.poster-bottom .icon{width:18px;height:18px}.poster-note{font-size:12px;color:#c1d1e3}.showcase-frame video{display:block;width:100%;aspect-ratio:16/9;background:#020508;border-radius:5px}.video-error{padding:15px 0;color:#e6c89d;text-align:center;font-size:14px}.video-error button{background:#133251;border:1px solid #5f829a;margin-left:10px;padding:5px 12px;border-radius:4px}.completion-question{display:flex;gap:22px;justify-content:center;align-items:center;text-align:center;font-size:17px;font-weight:500;color:#e4edf9;margin-top:22px}.completion-question>span{width:46px;height:1px;background:#36699c;flex-shrink:0}
.workflow{border-block:1px solid #244a6d;background:radial-gradient(ellipse at 70% 0,#1533643b,transparent 65%),#040c15}.flow-top{display:flex;justify-content:space-between;align-items:center;margin:24px 0 20px}.review-switch{display:flex;align-items:center;gap:9px;padding:6px 10px;background:#0b1d32;border:1px solid #417bb1;border-radius:30px;font-size:12px;position:relative;cursor:pointer}.review-switch input{position:absolute;right:12px;opacity:0;width:35px;height:21px;margin:0;cursor:pointer;z-index:2}.review-switch input:focus-visible+.switch-track{outline:2px solid #beefff;outline-offset:4px}.switch-track{width:33px;height:18px;border-radius:12px;background:#33465c;box-shadow:inset 0 0 2px #000;position:relative;transition:background .25s}.switch-track:after{content:"";position:absolute;left:3px;top:3px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .25s var(--ease);box-shadow:0 0 5px #fff5}.review-switch input:checked+.switch-track{background:#348aff}.review-switch input:checked+.switch-track:after{transform:translateX(15px)}.flow-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:19px;position:relative;--progress:20%}.flow-rail{position:absolute;left:calc((100% - 95px)/12);right:calc((100% - 95px)/12);top:0;height:2px;background:linear-gradient(90deg,#2b597f,#5694b9);pointer-events:none}.flow-rail-fill{position:absolute;left:0;top:0;height:2px;width:var(--progress);background:linear-gradient(90deg,#3079fa,#b4f1ff);box-shadow:0 0 10px #4198ff;transition:width .75s var(--ease)}.flow-energy{position:absolute;top:-3px;left:var(--progress);height:8px;width:8px;border-radius:50%;background:#ddfaff;box-shadow:0 0 8px #8ce0ff,0 0 20px #208dff;transform:translateX(-50%);transition:left .75s var(--ease)}.flow-step{position:relative;padding:21px 0 0;display:flex;flex-direction:column;gap:0;background:transparent;text-align:left;min-width:0;transition:transform .3s var(--ease)}.flow-step:hover{transform:translateY(-4px)}.flow-node{position:absolute;top:-5px;left:50%;height:12px;width:12px;border-radius:50%;background:#062142;border:1px solid #80cfff;transform:translateX(-50%);box-shadow:0 0 4px #67c3ff,0 0 13px #2d80eb;transition:background .25s,box-shadow .25s}.flow-node:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#74c2ff}.flow-step[aria-pressed=true] .flow-node{background:#9ee6ff;box-shadow:0 0 4px #fff,0 0 18px #3098ff}.flow-step[aria-pressed=true] .flow-node:after{background:#fff}.step-heading{display:flex;align-items:center;gap:8px;margin-bottom:6px;white-space:nowrap}.step-heading small{font:12px/1 ui-monospace,monospace;border:1px solid #587c9a;border-radius:50%;height:23px;width:23px;display:grid;place-items:center;flex-shrink:0}.step-heading b{font-size:15px;font-weight:600}.step-description{font-size:12px;line-height:1.7;color:#9cb2cc;display:block;min-height:45px}.step-visual{height:100px;width:100%;border:1px solid #365f85;background:linear-gradient(135deg,#0e2436,#030c14);border-radius:5px;margin-top:11px;position:relative;overflow:hidden;transition:border-color .3s,box-shadow .3s}.flow-step:hover .step-visual,.flow-step[aria-pressed=true] .step-visual{border-color:#95dfff;box-shadow:0 0 18px #2575e62f}.step-visual img{width:100%;height:100%;object-fit:cover;transition:transform .6s,filter .6s;filter:saturate(.8) brightness(.85)}.flow-step:hover .step-visual img{transform:scale(1.05);filter:saturate(1) brightness(1)}.import-visual{display:grid;grid-template-columns:1fr 1fr .5fr;gap:4px;padding:6px}.import-visual img{border:1px solid #5286b6;border-radius:3px}.import-visual>span{display:grid;place-items:center;color:#a6cef0;border:1px solid #2c506f;border-radius:3px}.import-visual>span .icon{width:18px}.import-visual img:first-child{object-position:25%}.import-visual img:nth-child(2){object-position:90%}.analysis-visual{padding:5px}.tracking{position:absolute;top:30%;height:43%;width:21%;border:1px solid #8ef1ff;box-shadow:0 0 8px #42d2ff60;opacity:.65;transition:opacity .3s,transform .3s}.t-one{left:25%}.t-two{left:57%}.flow-step[aria-pressed=true] .tracking{opacity:1;transform:scale(1.05)}.analysis-sweep{position:absolute;inset:0;width:21%;background:linear-gradient(90deg,transparent,#63d6ff20 85%,#a4f1ff90);transform:translateX(-110%);animation:analysis-scan 6s ease-in-out infinite;animation-play-state:paused}.workflow[data-visible=true] .analysis-sweep{animation-play-state:running}.writing-visual{padding:13px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;font-size:12px;line-height:1.65;color:#c6d7ea}.text-caret{display:block;width:1px;height:12px;background:#79cfff;margin-top:2px;animation:caret-blink 1.4s steps(2,end) infinite;animation-play-state:paused}.workflow[data-visible=true] .text-caret{animation-play-state:running}.review-visual{padding:15px 12px;display:flex;flex-direction:column;gap:8px;justify-content:center}.review-visual>span{display:flex;align-items:center;gap:7px}.review-visual .icon{width:14px;height:14px;color:#8acaed}.review-visual i{height:6px;border-radius:1px;background:linear-gradient(90deg,#7094bd,#1b3552);flex:1}.review-visual>span:nth-child(2) i{margin-right:13px}.review-visual>span:nth-child(3) i{margin-right:5px}.editing-visual{padding:10px 8px;display:flex;flex-direction:column;gap:7px;justify-content:center}.waveform{display:flex;align-items:center;gap:2px;height:26px;overflow:hidden;width:100%}.waveform i{display:block;background:#67aeff;min-width:1px;flex:1;border-radius:1px;opacity:.85}.edit-mini-clips{display:flex;gap:4px;height:18px}.edit-mini-clips i{flex:1;background:linear-gradient(130deg,#315077,#172b4a);border:1px solid #6696b2}.edit-mini-caption{height:9px;background:linear-gradient(90deg,#2968bb 28%,transparent 28% 30%,#2968bb 30% 65%,transparent 65% 67%,#2968bb 67%);opacity:.8}.export-visual .icon{position:absolute;left:50%;top:50%;width:32px;height:32px;transform:translate(-50%,-50%);color:#fff;background:#090b1380;border:1px solid #fff8;padding:5px;border-radius:50%}.flow-detail{display:flex;align-items:center;gap:16px;padding:20px 0 0;margin-top:24px;border-top:1px solid #26466580;min-height:74px}.flow-detail-index{font:32px/1 ui-monospace,monospace;letter-spacing:-.08em;color:#82c4ff;text-shadow:0 0 16px #4d90ff77}.flow-detail h3{font-size:16px;font-weight:550;line-height:1.4}.flow-detail p{color:#98abc6;font-size:13px;margin-top:4px}.flow-detail-label{margin-left:auto;align-self:flex-end;white-space:nowrap;font-size:10px;color:#587b9e}
.creation{display:grid;grid-template-columns:1.02fr 1fr;gap:58px;align-items:center}.creation h2{font-size:clamp(24px,2.9vw,38px)}.creation .section-heading p{font-size:14px}.writing-tabs{display:flex;border:1px solid #254c73;border-radius:22px;margin:28px 0 15px;position:relative;background:#020912}.writing-tabs button{flex:1;border-radius:21px;background:transparent;padding:9px 12px;white-space:nowrap;font-size:14px;position:relative;transition:background .25s,box-shadow .25s;color:#c4d5eb}.writing-tabs button:hover{color:#fff;background:#13335966}.writing-tabs button[aria-selected=true]{background:linear-gradient(180deg,#194473,#092446);box-shadow:0 0 12px #62b3ff40,inset 0 0 12px #60b8ff2e;outline:1px solid #79c9ff;z-index:1;color:#effaff}.writing-panel{padding:18px;border-radius:6px;background:linear-gradient(140deg,#0b1e31,#030e1b);min-height:180px}.writing-panel label{display:block;font-size:13px;color:#9eb7d4;margin-bottom:9px}.writing-panel textarea{display:block;width:100%;background:transparent;resize:vertical;min-height:70px;border:0;padding:0;color:#e5f1ff;font-size:15px;line-height:1.6}.writing-panel textarea::placeholder{color:#6987ad}.writing-panel textarea:focus-visible{outline-offset:4px}.writing-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.writing-tags{display:flex;flex-wrap:wrap;gap:14px;color:#a6bedc;font-size:12px}.writing-tags span:before{content:"◈";margin-right:5px;color:#88b9dc}.writing-bottom button{width:39px;height:36px;background:linear-gradient(130deg,#336ac0,#214484);border:1px solid #709edd;border-radius:5px;display:grid;place-items:center;transition:transform .2s,box-shadow .2s}.writing-bottom button:hover{transform:translateY(-2px);box-shadow:0 0 20px #3f96ff5e}.writing-feedback{font-size:13px;color:#c4e2ff;background:#17477935;border-left:2px solid #65bcff;padding:9px 10px;margin-top:13px}.local-note{color:#6987a9;font-size:12px;margin-top:11px}.timeline-area{perspective:1000px;min-width:0}.timeline-shell{padding:15px;border-radius:6px;background:linear-gradient(130deg,#0a1a2b,#030b14);transform:rotateY(-3deg) rotateX(1deg);transition:transform .6s var(--ease),box-shadow .3s}.timeline-shell:hover{transform:rotateY(0) rotateX(0);box-shadow:0 10px 28px #0005,0 0 25px #307be525}.timeline-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:11px}.timeline-top .micro{font-size:10px}.timeline-top button{display:flex;align-items:center;gap:5px;font-size:11px;background:transparent;color:#c0daef;padding:3px 0}.timeline-top button .icon{height:15px;width:15px}.time-ruler{margin-left:48px;display:flex;justify-content:space-between;color:#5f83aa;font:10px/2 ui-monospace,monospace;margin-bottom:8px;background:repeating-linear-gradient(90deg,transparent 0 10px,#33537360 10px 11px);background-size:auto 4px;background-position:left bottom;background-repeat:repeat-x}.timeline-tracks{position:relative;--playhead:0;display:flex;flex-direction:column;gap:6px}.timeline-track{display:flex;gap:8px;align-items:center;min-width:0}.track-label{width:40px;display:flex;align-items:center;gap:4px;font-size:10px;color:#97bbda;flex-shrink:0}.track-label .icon{width:12px;height:12px}.track-content{flex:1;min-width:0;border-radius:2px;overflow:hidden}.clips{height:61px;display:flex;gap:3px}.clip{padding:0;flex:1;position:relative;min-width:0;overflow:hidden;background:#16446a;border:1px solid #7aa2b5;border-radius:2px;transition:border-color .2s,filter .2s}.clip:hover,.clip.is-active{border-color:#cbf5ff;filter:brightness(1.18)}.clip img{height:100%;width:100%;object-fit:cover;pointer-events:none}.clip-a{flex:1.5}.clip-a img{object-position:25%}.clip-b img{object-position:90%}.clip-c{flex:1.1}.clip-c img{object-position:68%}.clip-d img{object-position:92%}.audio-track{height:25px;background:#12534570;border:1px solid #327d7850;padding:2px 5px}.audio-track .waveform{height:19px;gap:1px}.audio-track .waveform i{background:#64bcae}.caption-track{display:flex;gap:4px;height:28px}.caption-track>span{flex:1;padding:4px 5px;white-space:nowrap;overflow:hidden;font-size:10px;color:#cfe1f6;background:linear-gradient(180deg,#235ba0,#163965);border:1px solid #4b7eab;border-radius:2px}.music-track{height:31px;padding:2px 5px;background:#0a2445}.music-track .waveform{height:25px;gap:1px}.timeline-playhead{position:absolute;top:-18px;bottom:0;left:calc(48px + (100% - 48px)*var(--playhead));width:1px;background:#c6f5ff;z-index:3;pointer-events:none;box-shadow:0 0 7px #66caff}.timeline-playhead i{display:block;position:absolute;width:6px;height:6px;left:-2.5px;top:-2px;border-radius:50%;background:#c9f6ff;box-shadow:0 0 10px #53c1ff}.timeline-bottom{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#6c8dab;margin-top:11px}.timeline-bottom time{font-family:ui-monospace,monospace;color:#a7c5e7}.timeline-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#b8d4ee;margin-top:16px;font-size:15px;letter-spacing:.09em}.timeline-caption span{font:10px/1.5 ui-monospace,monospace;color:#6c91b6;letter-spacing:.13em}
.account{border-block:1px solid #274f72;background:radial-gradient(ellipse at 90% 50%,#10275255,transparent 38%),linear-gradient(115deg,#05101c,#030a13)}.account-grid{display:grid;grid-template-columns:.8fr 1.35fr 1fr;gap:38px;align-items:center}.account h2{font-size:34px;line-height:1.35;margin:11px 0}.account-copy>p:not(.micro){font-size:13px;color:#b2c6dd}.account-copy>small{display:block;color:#7199bf;font-size:12px;margin-top:23px}.account-demo{display:grid;grid-template-columns:1fr 1fr;gap:14px 13px;align-items:start}.account-demo label{font-size:12px;color:#b9c9df;display:block;min-width:0}.account-demo input{width:100%;height:39px;border:1px solid #385e84;background:linear-gradient(120deg,#0c1c2b,#060f19);border-radius:4px;padding:8px 11px;color:#dcecff;font-size:14px;display:block;margin-top:5px;transition:border-color .2s,box-shadow .2s}.account-demo input::placeholder{color:#6283a9;font-size:12px}.account-demo input:hover{border-color:#6d9dc6}.account-demo input:focus{border-color:#9fe2ff;box-shadow:0 0 15px #437aff2b}.account-demo .button{min-height:39px;font-size:12px;padding:9px 10px;grid-column:2;white-space:nowrap}.form-note{grid-column:1/-1;color:#6888aa;font-size:11px;margin-top:-4px}.email-area{perspective:800px}.email-card{border:1px solid #94d7ff;border-radius:6px;padding:18px 20px;min-height:199px;background:radial-gradient(ellipse at 100% 0,#1d467860,transparent 60%),linear-gradient(120deg,#0b1f3c,#040e20);transform:rotateY(-9deg) rotateZ(-3deg);box-shadow:0 0 23px #3a8eff3d;overflow:hidden;transition:transform .6s var(--ease),box-shadow .4s}.email-card:before{content:"";position:absolute;inset:0;background:url('hero-optical.webp') right center/cover;opacity:.1;pointer-events:none}.email-card:hover,.email-card.is-sent{transform:rotateY(0) rotateZ(0) translateY(-3px);box-shadow:0 0 34px #4c9eff6b}.email-card-head{display:flex;align-items:center;gap:8px;margin-bottom:18px;font-size:11px;color:#c7def7;position:relative;z-index:2}.email-card-head .icon{margin-left:auto;color:#6fb7ef;width:19px;height:19px}.email-card h3{font-size:13px;position:relative;font-weight:550}.email-code{font:25px/1.6 ui-monospace,Consolas,monospace;letter-spacing:.22em;color:#eef5ff;margin:7px 0 3px;text-shadow:0 0 15px #4075ff77;position:relative}.email-card p{font-size:12px;color:#b9cdeb;position:relative}.email-card-foot{display:flex;justify-content:space-between;margin-top:16px;font-size:9px;letter-spacing:.09em;color:#668fba;position:relative}.email-trace{position:absolute;inset:-80% -20%;background:linear-gradient(120deg,transparent 49%,#aedcff2e 50%,transparent 51%);transform:translateX(-70%);pointer-events:none;transition:transform 1.2s var(--ease)}.email-card:hover .email-trace,.email-card.is-sent .email-trace{transform:translateX(70%)}.email-area>p{font-size:12px;letter-spacing:.055em;text-align:right;color:#b7cce3;margin-top:12px}.email-area>[role=status]{display:block;min-height:16px;font-size:11px;color:#8ccdff;text-align:right;margin-top:5px}.site-footer{padding-block:29px;display:flex;align-items:center;gap:32px}.site-footer .brand>span{font-size:21px}.site-footer>p{font-size:12px;color:#a0b7d0;border-left:1px solid #274360;padding-left:28px}.site-footer>div{margin-left:auto;text-align:right;font-size:12px;color:#acbfda}.site-footer>div small{display:block;font:10px/1.5 ui-monospace,monospace;color:#527393;margin-top:6px;letter-spacing:.08em}.preview-note{text-align:center;color:#6082a3;font-size:12px;border-top:1px solid #142c43;padding:11px 20px;background:#050e1a}.video-error[hidden]{display:none}.status-link:hover{color:#fff}
dialog{border:1px solid #679ccc;background:radial-gradient(ellipse at top right,#173d67,#061120 65%);color:#e5f0ff;padding:38px;border-radius:10px;width:min(520px,calc(100% - 36px));box-shadow:0 0 80px #205fb233}dialog::backdrop{background:#010610c9;backdrop-filter:blur(7px)}dialog>img{margin-bottom:20px}dialog h2{font-size:29px;margin:12px 0 17px}dialog>p:not(.micro){font-size:15px;color:#b5c9df;margin-bottom:14px}dialog>.button{margin-top:14px}.dialog-close{position:absolute;right:17px;top:13px;font-size:28px;line-height:1;padding:6px;background:transparent;color:#b5d3f0}
@keyframes beam-breathe{0%,100%{opacity:.15;transform:translateX(-2%)}50%{opacity:.4;transform:translateX(2%)}}@keyframes analysis-scan{0%,10%{transform:translateX(-110%)}43%,100%{transform:translateX(600%)}}@keyframes caret-blink{0%,100%{opacity:1}50%{opacity:0}}
body[data-motion=off] *,body[data-motion=off] *:before,body[data-motion=off] *:after{animation:none!important;transition:none!important}body[data-motion=off] .hero-image{transform:scale(1.025)}body[data-motion=off] .hero-cursor-light{display:none}body[data-motion=off] .timeline-shell,body[data-motion=off] .email-card{transform:none}body[data-motion=off] .flow-step:hover,body[data-motion=off] .button:hover{transform:none}body[data-motion=off] .poster-button:hover>img{transform:none}body[data-motion=off] .analysis-sweep{display:none}
@media(min-width:1600px){.hero-label{font-size:14px}.label-narrative{right:-10px}}
@media(max-width:1150px){.container{width:calc(100% - 80px)}.site-header nav{gap:22px}.header-actions{gap:12px}.hero-copy{width:53%}.hero-tagline{font-size:18px}.hero-description{font-size:15px}.hero-actions{gap:12px}.hero-actions .button{padding:12px 16px;font-size:13px}.label-understand{left:50%;top:9%}.label-match{left:48%;top:67%}.label-narrative{right:0;top:10%}.hero-label span{font-size:10px}.chapter-nav>.container{gap:22px}.chapter-nav a{font-size:12px}.flow-grid{gap:12px}.flow-rail{left:calc((100% - 60px)/12);right:calc((100% - 60px)/12)}.step-heading{gap:6px}.step-heading b{font-size:13px}.step-heading small{width:20px;height:20px;font-size:11px}.step-description{font-size:11px}.writing-visual{font-size:10px;padding:10px}.creation{gap:35px}.creation h2{font-size:29px}.creation .section-heading p{font-size:13px}.account-grid{gap:25px}.account h2{font-size:27px}.account-copy .micro{font-size:10px}.account-demo input{font-size:13px;padding:8px}.email-card{padding:16px}.email-code{font-size:23px}.section-note small{font-size:9px}}
@media(max-width:900px){.container{width:calc(100% - 48px)}.site-header{height:66px}.site-header nav{gap:20px}.site-header nav a{font-size:13px}.header-actions .motion-toggle span{display:none}.status-link{font-size:12px}.hero{height:auto;min-height:unset;display:flex;flex-direction:column;padding-top:25px}.hero-content{position:relative;height:auto;order:0;z-index:3}.hero-copy{width:100%;padding:10px 0 0}.hero h1{font-size:45px;line-height:1.25}.hero h1 br{display:none}.hero h1 span{display:block}.hero-eyebrow{margin-bottom:10px}.hero-tagline{font-size:18px;margin-top:18px}.hero-description{font-size:15px}.hero-actions{margin-top:21px}.release-caption{margin-top:16px}.hero-image-wrap{position:relative;inset:auto;order:1;z-index:0;width:100%;aspect-ratio:1.65;margin-top:-30px;pointer-events:none;overflow:hidden}.hero-image{width:144%;max-width:none;margin-left:-44%;height:100%;object-fit:cover;object-position:right center}.hero-image-wrap:after{background:linear-gradient(180deg,#030a13,transparent 19%,transparent 89%,#030a13 100%)}.hero-beam{display:none}.hero-side{display:none}.hero-label{display:none}#hero-light{z-index:1}.chapter-nav>.container{gap:18px}.chapter-nav a{gap:7px}.chapter-nav .scroll-hint{display:none}.chapter-line{min-width:15px}.section{padding-block:35px}.section-heading h2{font-size:31px}.section-heading p{font-size:14px}.section-note{font-size:11px}.completion-question{font-size:15px}.flow-grid{gap:12px}.flow-step{padding-top:20px}.step-heading{flex-wrap:wrap;gap:4px;white-space:normal}.step-heading b{font-size:12px}.step-description{font-size:10px;min-height:53px}.step-visual{height:84px}.flow-detail-label{display:none}.creation{gap:30px;grid-template-columns:1fr}.creation-copy{max-width:none}.creation .section-heading{margin-bottom:15px}.writing-tabs{max-width:550px}.timeline-area{max-width:680px;width:100%;margin-inline:auto}.timeline-shell{transform:none;padding:20px}.timeline-top .micro,.time-ruler{font-size:12px}.timeline-top button{font-size:13px}.clips{height:86px}.track-label{font-size:12px;width:48px}.time-ruler{margin-left:56px}.timeline-playhead{left:calc(56px + (100% - 56px)*var(--playhead))}.caption-track{height:33px}.caption-track>span{font-size:12px;padding:5px 7px}.timeline-bottom{font-size:11px}.account-grid{grid-template-columns:1fr 1.45fr;gap:26px}.account-copy{grid-column:1}.account-copy h2{font-size:30px}.account-copy h2 br{display:none}.account-demo{grid-column:2;grid-row:1/3}.email-area{grid-column:1;max-width:330px;margin-top:12px}.email-card{transform:rotateZ(-2deg)}.site-footer{flex-wrap:wrap;gap:20px}.site-footer>div{margin-left:0;flex-basis:100%;display:flex;justify-content:space-between;text-align:left}.site-footer>div small{margin-top:0}}
@media(max-width:620px){.container{width:calc(100% - 36px)}.site-header{gap:12px}.brand>span{font-size:21px}.brand>img{width:28px;height:34px}.header-actions{margin-left:auto;gap:13px}.status-link{font-size:11px;gap:3px}.status-link .icon{width:12px}.motion-toggle{padding:10px 4px}.menu-toggle{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;width:36px;height:36px;background:#0b1a2b;border:1px solid #284b6c;border-radius:4px;order:3;padding:8px}.menu-toggle span{height:1px;width:15px;background:#b5dcff;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.site-header nav{display:none;position:absolute;left:0;right:0;top:62px;border:1px solid #315979;border-radius:5px;background:#081625;padding:12px 15px;box-shadow:0 15px 20px #0008;z-index:10}.site-header nav.is-open{display:grid;grid-template-columns:1fr 1fr;gap:2px 18px}.site-header nav a{padding:11px 7px;font-size:14px}.site-header nav a:after{bottom:2px}.hero{padding-top:20px}.hero h1{font-size:37px;line-height:1.3;letter-spacing:-.04em}.hero-eyebrow{font-size:10px}.hero-tagline{font-size:16px;margin-top:16px}.hero-description{font-size:13px;max-width:300px}.hero-actions .button{padding:11px 13px;min-height:44px;gap:7px;font-size:12px}.hero-actions{gap:10px;margin-top:20px}.release-caption{font-size:12px;margin-top:18px}.hero-image-wrap{margin-top:0;aspect-ratio:1.34}.hero-image{width:177%;margin-left:-77%;object-position:right center}.chapter-nav>.container{justify-content:space-between;gap:0;min-height:44px}.chapter-nav a{font-size:11px;gap:5px}.chapter-nav small{font-size:10px}.chapter-line{display:none}.section{padding-block:29px}.section-heading{gap:12px;margin-bottom:19px}.section-heading h2{font-size:28px}.section-heading p{font-size:12px;max-width:300px;margin-top:7px;line-height:1.6}.section-note{display:none}.poster-button{aspect-ratio:1.63}.poster-button>img{object-position:55% center}.poster-title{font-size:17px;left:7%;top:17%;line-height:1.85}.poster-bottom{left:12px;right:12px;bottom:10px;padding-top:9px;gap:10px;font-size:10px}.poster-bottom .icon{width:15px;height:15px}.poster-bottom .poster-note{display:none}.poster-bottom>span{gap:7px}.poster-play{opacity:1;width:45px;height:45px;left:85%;top:56%}.poster-play .icon{width:25px;height:25px}.completion-question{font-size:13px;line-height:1.7;gap:8px;margin-top:17px}.completion-question>span{width:16px}.flow-top{margin:16px 0 24px}.flow-top .micro{font-size:9px;letter-spacing:.07em}.review-switch{font-size:11px;gap:6px;padding:6px 8px}.flow-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 12px}.flow-rail{display:none}.flow-step{padding-top:13px}.flow-node{left:6px;width:8px;height:8px;top:-4px}.flow-node:after{inset:2px}.step-heading{gap:5px;white-space:nowrap}.step-heading small{width:18px;height:18px;font-size:10px}.step-heading b{font-size:12px;font-weight:600}.step-description{font-size:10px;min-height:36px}.step-visual{height:77px;margin-top:7px}.writing-visual{font-size:9px;padding:7px}.step-heading{margin-bottom:5px}.flow-detail{gap:12px;margin-top:20px;padding-top:17px;align-items:flex-start}.flow-detail-index{font-size:26px;padding-top:3px}.flow-detail h3{font-size:14px}.flow-detail p{font-size:12px;line-height:1.7}.writing-tabs{margin-top:20px;margin-bottom:14px}.writing-tabs button{font-size:13px;min-height:40px;padding:8px}.writing-panel{padding:14px;min-height:180px}.writing-panel label{font-size:12px}.writing-panel textarea{font-size:16px;line-height:1.65;min-height:88px}.writing-tags{font-size:11px;gap:9px}.local-note{font-size:11px}.timeline-shell{padding:12px;border-radius:5px}.timeline-top .micro{font-size:9px}.timeline-top button{font-size:10px}.time-ruler{margin-left:43px;font-size:9px}.track-label{width:36px;gap:3px;font-size:9px}.track-label .icon{width:11px;height:11px}.timeline-track{gap:7px}.timeline-playhead{left:calc(43px + (100% - 43px)*var(--playhead))}.clips{height:51px}.caption-track{height:24px}.caption-track>span{font-size:8px;padding:4px 3px}.timeline-bottom{font-size:9px}.timeline-bottom>span{max-width:220px}.timeline-caption{font-size:13px;gap:8px}.timeline-caption span{font-size:8px}.account-grid{grid-template-columns:1fr;gap:24px}.account-copy{grid-column:auto}.account-copy h2{font-size:29px}.account-copy h2 br{display:none}.account-copy>small{margin-top:10px}.account-copy>p:not(.micro){font-size:13px}.account-demo{grid-column:auto;grid-row:auto;gap:13px}.account-demo label{font-size:12px}.account-demo input{font-size:16px;height:44px}.account-demo input::placeholder{font-size:12px}.account-demo .button{min-height:44px;font-size:12px}.form-note{font-size:11px}.email-area{max-width:none;grid-column:auto;width:100%;padding:6px 4px;margin-top:0}.email-card{max-width:360px;min-height:203px;margin:auto;padding:20px 23px;transform:rotateZ(-2deg)}.email-code{font-size:29px}.email-area>p{font-size:13px;max-width:360px;margin:14px auto 0;text-align:center}.email-area>[role=status]{text-align:center}.site-footer{padding-block:24px;gap:17px}.site-footer>.brand{gap:8px}.site-footer .brand>span{font-size:21px}.site-footer>p{font-size:11px;padding-left:15px}.site-footer>div{display:block;font-size:11px}.site-footer>div small{font-size:9px;margin-top:5px}.preview-note{font-size:11px;padding:10px 18px}dialog{padding:30px 25px}dialog h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-image{transform:scale(1.025)!important}.hero-cursor-light{display:none}.timeline-shell,.email-card{transform:none!important}.flow-step:hover,.button:hover,.poster-button:hover>img{transform:none!important}.analysis-sweep{display:none}}

.mobile-poster-note{display:none}@media(max-width:620px){.mobile-poster-note{display:block;position:absolute;right:10px;top:10px;padding:3px 7px;border-radius:3px;background:#061426b0;color:#d1e5f5;font-size:9px}}

.account-demo input:disabled{opacity:.65;cursor:not-allowed}.flow-detail-label{letter-spacing:.07em}
