*{box-sizing:border-box}
:root{--paper:#f6f3ec;--ink:#342e28;--muted:#797066;--accent:#a75e40;--line:#ddd4c6;--header:68px;--ease:cubic-bezier(.22,.68,.18,1)}
html{scroll-behavior:smooth;scroll-padding-top:var(--header)}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:#d9b99370}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{transition:background 160ms,transform 160ms}button:active,.primary:active{transform:scale(.96)}h1,h2,h3,p{margin:0}p{color:var(--muted)}em{font-style:normal;color:var(--accent)}
.site-header{position:sticky;top:0;z-index:30;height:var(--header);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 max(30px,calc((100vw - 1320px)/2));background:#f6f3eceb;border-bottom:1px solid #ddd4c680;backdrop-filter:blur(22px)}
.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:600;white-space:nowrap}.brand small{font-size:11px;font-weight:400;color:var(--muted)}.site-header nav{display:flex;align-items:center;gap:26px;font-size:12px}#motion-toggle{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:11px;line-height:1}
main{overflow:clip}.chapter{position:relative;isolation:isolate;min-height:calc(100svh - var(--header));scroll-margin-top:0;--enter:1;--p:0}.eyebrow{font-size:11px;font-weight:600;color:var(--accent);margin-bottom:24px}h1{font-size:clamp(52px,5.4vw,84px);line-height:1.22;font-weight:650}h1>span{display:block;animation:title-in 800ms var(--ease) both}h1>span:nth-child(2){animation-delay:140ms}h2{font-size:clamp(40px,4.1vw,66px);line-height:1.23;font-weight:650}.accent-word{color:var(--accent)}.lead{margin-top:28px;font-size:18px;line-height:1.9}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border-radius:30px;background:var(--accent);color:#fffaf3;padding:12px 24px;font-size:14px;transition:transform 160ms,background 160ms,box-shadow 220ms}.primary:hover{background:#925338;color:#fffaf3;box-shadow:0 8px 25px #a75e4025}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin:28px 0}.text-action{padding:0;font-size:12px;color:var(--accent)}
.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:45px;padding:35px 70px 65px}.free-line{font-size:12px;border-top:1px solid var(--line);padding-top:18px;max-width:390px;margin-top:30px}.hero-object{position:relative;height:min(65svh,660px);display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-paper{width:min(72%,340px);transform:translateY(calc(var(--hero-p,0)*-25px)) rotate(calc(3deg - var(--hero-p,0)*3deg));filter:drop-shadow(0 30px 35px #503a1826);animation:paper-in 1100ms var(--ease) both}.hero-paper img{width:100%;height:auto;display:block}.paper-outline{position:absolute;width:65%;aspect-ratio:794/1123;border:1px solid #d6c7b2;rotate:-7deg;translate:-15px 0;z-index:-1}.material-chip{position:absolute;border:1px solid #ded3c0;border-radius:8px;background:#fffcf6;padding:9px 14px;font-size:11px;box-shadow:0 10px 30px #503a1810;animation:title-in 850ms both;display:flex;gap:8px;align-items:center}.material-chip i{width:6px;height:6px;border-radius:50%;background:var(--accent)}.chip-one{top:8%;left:0;rotate:-5deg;animation-delay:200ms}.chip-two{right:0;top:46%;rotate:4deg;animation-delay:330ms}.chip-three{left:1%;bottom:12%;rotate:-3deg;animation-delay:450ms}.paper-note{position:absolute;bottom:-12px;font-size:10px;color:#8e8375}
.story{background:var(--paper);border-top:1px solid #ddd4c650}.story-sticky{max-width:1440px;min-height:calc(100svh - var(--header));margin:auto;padding:42px 70px 75px;display:grid;grid-template-columns:.85fr 1.35fr;align-items:center;gap:55px}.chapter-word{position:absolute;top:10%;left:4%;font-size:clamp(130px,24vw,380px);line-height:1;font-weight:750;color:#c5b296;opacity:.12;pointer-events:none;transform:translateY(calc(var(--p)*-45px));z-index:-1;user-select:none}.section-copy{position:relative;z-index:2;transform:translateY(calc((1 - var(--enter))*16px))}.section-copy>p:not(.eyebrow){font-size:16px;line-height:1.9;margin-top:24px}.section-copy h2 em{display:inline-block}.js .section-copy h2 em{opacity:0;translate:0 12px;transition:opacity 600ms var(--ease) 100ms,translate 600ms var(--ease) 100ms}.js .in-view .section-copy h2 em{opacity:1;translate:0 0}.scene-labels{display:flex;gap:12px;margin-top:30px;max-width:300px}.scene-labels span{font-size:10px;border-top:2px solid #d8cebe;padding-top:10px;flex:1;white-space:nowrap;color:#8e8375;transition:color 300ms,border-color 300ms}.scene-labels span.active{border-color:var(--accent);color:#925338}
.live-window{position:relative;min-width:0;border:1px solid #d7cbb8;background:#fffcf6;border-radius:13px;box-shadow:0 28px 70px #503a1819;overflow:hidden;transform:translate3d(calc((1 - var(--enter))*22px),calc((1 - var(--enter))*35px),0);transform-origin:center;opacity:calc(.65 + var(--enter)*.35)}.window-top{height:39px;display:flex;align-items:center;gap:11px;padding:0 13px;background:#eee8de;font-size:10px;color:#8e8375}.window-dots{display:flex;gap:5px;flex:none}.window-dots i{width:7px;height:7px;border-radius:50%;background:#e78173}.window-dots i:nth-child(2){background:#eac16a}.window-dots i:nth-child(3){background:#8eb587}.window-top button{font-size:10px;padding:5px 2px;white-space:nowrap}.window-top .replay,.window-top .scene-pause{margin-left:auto}.window-top .replay+.scene-pause{margin-left:0}.window-top button:hover{color:var(--accent)}.live-window iframe{display:block;border:0;width:100%;height:clamp(350px,61svh,660px);pointer-events:none}.example-note{display:block;text-align:right;font-size:9px;color:#8e8375;padding:7px 12px;border-top:1px solid #ddd4c650}.next-cue{position:absolute;bottom:21px;left:50%;translate:-50% 8px;display:flex;align-items:center;gap:17px;white-space:nowrap;font-size:11px;opacity:0;pointer-events:none;transition:opacity 400ms,translate 400ms;color:#8a7c6b;z-index:3}.next-cue span{font-size:19px}.next-cue.always,[data-complete="true"]>.next-cue,.templates>.next-cue{opacity:1;translate:-50% 0;pointer-events:auto}.next-cue.always span,[data-complete="true"]>.next-cue span,.templates>.next-cue span{animation:nudge 1.8s ease-in-out infinite}
.review-story{background:#e9eee9}.review-story .chapter-word{left:auto;right:5%;color:#9aa993}.review-story .story-sticky{grid-template-columns:1.35fr .85fr}.review-story .live-window{grid-column:1;grid-row:1;transform:translate3d(calc((1 - var(--enter))*-25px),calc((1 - var(--enter))*25px),0)}.review-story .section-copy{grid-column:2;grid-row:1}.review-key{display:flex;gap:24px;margin:25px 0;font-size:12px;color:var(--muted)}.review-key>span{display:flex;align-items:center;gap:9px}.review-key i{width:22px;height:5px;background:#a85149;border-radius:1px}.review-key .insertion{background:#416b51}
.templates{background:var(--template-bg,#e5eaf5);padding:35px 65px 70px;transition:background-color 650ms ease;display:flex;flex-direction:column;justify-content:center;--paper-width:clamp(190px,29svh,330px)}.section-row{max-width:1140px;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.templates h2{font-size:clamp(36px,3.5vw,56px)}.section-row>p{display:flex;align-items:center;gap:20px;font-size:13px}.template-stat{font-size:60px;line-height:1.1;font-weight:650;color:#725a88}.template-exhibit{position:relative;padding-top:24px;touch-action:pan-y;max-width:1400px;width:100%;margin:0 auto}.template-deck{height:calc(var(--paper-width)*1.415 + 42px);position:relative;perspective:1300px;touch-action:pan-y}.template-card{padding:0;position:absolute;top:10px;left:50%;width:var(--paper-width);transform:translateX(-50%);transform-origin:50% 85%;transition:transform 550ms var(--ease),opacity 450ms,filter 450ms;box-shadow:0 20px 35px #342e2825;cursor:pointer;background:#fff;touch-action:pan-y}.template-card img{width:100%;height:auto;display:block}.template-card[data-offset="0"]{z-index:6;transform:translateX(-50%);opacity:1}.template-card[data-offset="-1"]{z-index:4;transform:translateX(-140%) translateY(19px) rotate(-9deg) scale(.88);filter:brightness(.97);opacity:1}.template-card[data-offset="1"]{z-index:4;transform:translateX(40%) translateY(19px) rotate(9deg) scale(.88);filter:brightness(.97);opacity:1}.template-card[data-offset="-2"]{z-index:2;transform:translateX(-218%) translateY(35px) rotate(-16deg) scale(.74);opacity:.62}.template-card[data-offset="2"]{z-index:2;transform:translateX(118%) translateY(35px) rotate(16deg) scale(.74);opacity:.62}.template-card[data-offset="3"]{z-index:1;transform:translateX(-50%) translateY(50px) scale(.6);opacity:0}.template-caption{display:flex;justify-content:center;gap:20px;align-items:center;font-size:10px;color:#726b79;position:relative}.template-caption strong{font-size:15px;font-weight:600;color:var(--ink)}.template-counter{font-variant-numeric:tabular-nums}.template-controls{display:flex;gap:16px;justify-content:center;margin-top:14px}.template-controls button{border:1px solid #342e2828;padding:7px 15px;border-radius:25px;font-size:11px;background:#ffffff65}.template-controls button:hover{background:#fff9}
.dark-chapter{background:#1c241f;border:0;color:#f4f0e8}.dark-chapter .chapter-word{color:#a1b6a8;opacity:.06}.dark-chapter .eyebrow,.dark-chapter em{color:#e4ba91}.dark-chapter p{color:#aebcb0}.dark-chapter .primary{background:#e4ba91;color:#252b23;margin-top:27px}.dark-chapter .fine{font-size:11px!important;margin-top:20px}.copy-notice{font-size:12px!important;min-height:21px;margin-top:10px!important}.copy-notice a{text-decoration:underline}.mac-demo{border-color:#57675a;background:#26362b;box-shadow:0 25px 90px #0004}.mac-demo .window-top{background:#1c2820;color:#bac5bb}.mac-demo .window-top button:hover{color:#e4ba91}.mac-demo .example-note{color:#a1b0a4;border-color:#435347}.mcp-desktop{height:clamp(350px,53svh,570px);position:relative;padding:24px 28px;overflow:hidden}.client-window{position:relative;width:88%;height:100%;background:#202320;border:1px solid #526054;border-radius:10px;box-shadow:0 15px 35px #0003;overflow:hidden;transition:transform 600ms var(--ease)}.client-toolbar{height:43px;display:flex;align-items:center;gap:8px;padding:0 15px;border-bottom:1px solid #41473e;font-size:11px;color:#dce3d8}.client-toolbar>span:last-child{margin-left:auto;font-size:9px;color:#91a18e}.codex-mark{font-size:22px}.client-body{padding:21px;font-size:12px}.client-prompt{font-size:12px!important;color:#edf0e9!important;line-height:1.8;background:#353c33;padding:12px;border-radius:7px;margin-bottom:20px}.terminal-command{display:flex;gap:12px;color:#e2b786;line-height:2;font-size:11px}.terminal-command code{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;color:#c6d4c2}.terminal-command b{font-weight:400;color:#91a18e}.pair-result{display:flex;flex-direction:column;margin:20px 0;gap:6px;transition:opacity 350ms,translate 500ms}.pair-result small,.pair-result>span{font-size:10px;color:#9cab96}.pair-result strong{font:600 25px/1.7 ui-monospace,SFMono-Regular,monospace;color:#f1d3ad}.agent-answer{position:absolute;inset:153px 21px auto;opacity:0;translate:0 12px;transition:opacity 450ms,translate 450ms;background:#202320}.connection-status{color:#afd3a9;font-size:11px}.agent-answer p{margin-top:14px;color:#dce3d8;font-size:12px}.tool-call{margin-top:20px;border:1px solid #4e604f;border-radius:6px;padding:10px;display:flex;align-items:center;gap:7px;color:#c5d2c0;font-size:10px}.tool-call i{width:5px;height:5px;border-radius:50%;background:#a0c292}.tool-call span{margin-left:auto;color:#9bc18e}.permission-window{position:absolute;right:16px;top:29%;width:245px;padding:19px;background:#faf7f0;color:var(--ink);border-radius:10px;box-shadow:0 20px 50px #0005;opacity:0;translate:35px 15px;transition:opacity 500ms,translate 600ms var(--ease);pointer-events:none}.permission-brand{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:600}.permission-brand>span{margin-left:auto;font-size:9px;font-weight:400;color:#8a7c6b}.permission-window>p{font-size:12px;color:#40382f;margin-top:14px}.permission-code{font:600 20px/1.4 ui-monospace,monospace;margin-top:10px}.permission-code span{display:block;font:9px/1.8 -apple-system,sans-serif;color:#688265}.permission-window ul{font-size:10px;line-height:2.2;padding-left:14px;color:#7f7569;margin:10px 0}.permission-action{background:#a75e40;color:#fffaf3;border-radius:5px;padding:7px 10px;font-size:10px;display:flex;justify-content:space-between}.permission-success{display:none;font-size:10px;color:#567450;padding:10px 0 0}.mcp-link{position:absolute;right:12px;top:10%;font-size:34px;color:#e4ba91;opacity:0;transition:opacity 450ms}.mcp-link small{display:block;font-size:9px;text-align:center;line-height:1}.mcp-desktop[data-phase="0"] .pair-result{opacity:0;translate:0 10px}.mcp-desktop[data-phase="2"] .permission-window,.mcp-desktop[data-phase="3"] .permission-window{opacity:1;translate:0 0}.mcp-desktop[data-phase="2"] .client-window{transform:translateX(-8px) scale(.97)}.mcp-desktop[data-phase="3"] .permission-window{translate:0 24px;scale:.95}.mcp-desktop[data-phase="3"] .permission-action{background:#6a825f}.mcp-desktop[data-phase="3"] .permission-success{display:block}.mcp-desktop[data-phase="3"] .pair-result{opacity:0}.mcp-desktop[data-phase="3"] .agent-answer,.mcp-desktop[data-phase="3"] .mcp-link{opacity:1;translate:0 0}.mcp-steps{list-style:none;margin:0;padding:0 16px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;font-size:9px;color:#8e9e8b}.mcp-steps li{border-top:2px solid #4a5a48;padding:11px 0;transition:color 300ms,border-color 300ms}.mcp-steps li.active{color:#ebc49c;border-color:#ebc49c}.dark-chapter .next-cue{color:#bbc5b5}
.export-story{background:#e8e8f0}.export-story .story-sticky{grid-template-columns:.8fr 1.4fr}.export-story .chapter-word{left:auto;right:5%;color:#aaa8ba}.export-formats{display:flex;gap:15px;margin-top:28px;font-size:11px;color:#8d8597}.export-formats span{padding-bottom:7px;border-bottom:2px solid transparent}.export-formats .active{color:#a75e40;border-color:#a75e40}.export-workspace{height:clamp(360px,61svh,660px);display:grid;grid-template-columns:minmax(0,1fr) 190px;background:#dadce3;overflow:hidden;transition:grid-template-columns 550ms var(--ease)}.export-paper-scroll{overflow:auto;overscroll-behavior:auto;padding:18px 24px;scrollbar-width:thin;position:relative}.export-paper-scroll img{display:block;width:100%;height:auto;box-shadow:0 12px 25px #302c3d25;max-width:400px;margin:auto}.export-result{display:flex;flex-direction:column;align-items:stretch;padding:24px 16px 16px 0;gap:15px}.export-menu{padding:12px;background:#fffcf6;border:1px solid #d3ccbf;border-radius:8px;box-shadow:0 10px 25px #302c3d12;display:flex;flex-direction:column;gap:11px;font-size:10px;opacity:0;translate:0 10px;transition:opacity 350ms,translate 450ms}.export-menu>span:first-child{font-size:9px;color:#8d8597}.export-menu strong{font-size:11px;color:#a75e40}.file-result{background:#faf8f2;border:1px solid #d3ccbf;border-radius:8px;padding:14px;display:flex;flex-direction:column;align-items:center;text-align:center;opacity:0;translate:0 15px;transition:opacity 450ms,translate 500ms var(--ease)}.pdf-mark{font-size:10px;color:#a94e41;border:1px solid #cc8c7d;padding:6px 8px;border-radius:4px}.file-result strong{font-size:10px;margin:10px 0 4px;overflow-wrap:anywhere}.file-result>span{font-size:9px;color:#8a7c6b}.file-result img{display:block;width:76px;height:auto;margin-top:13px;box-shadow:0 3px 8px #302c3d17}.export-demo[data-phase="1"] .export-menu,.export-demo[data-phase="2"] .export-menu,.export-demo[data-phase="2"] .file-result{opacity:1;translate:0 0}.export-demo.width-fit .export-workspace{grid-template-columns:minmax(0,1fr) 0}.export-demo.width-fit .export-result{opacity:0;padding:0;pointer-events:none;overflow:hidden}.export-demo.width-fit .export-paper-scroll img{max-width:none}.export-demo.width-fit{z-index:4}
.final-section{padding:75px max(30px,calc((100vw - 1180px)/2)) 65px;background:#f0e6d9;overflow:hidden}.final-heading{position:relative;text-align:center;z-index:1}.final-heading:before{content:"";position:absolute;top:20px;left:50%;translate:-50% 0;width:min(840px,95vw);height:220px;border-top:1px solid #b28c6c40;border-bottom:1px solid #b28c6c40;rotate:-7deg;z-index:-1}.final-section h2{font-size:clamp(50px,6.3vw,100px);line-height:1.14}.final-section h2 em{display:inline-block;background:#a75e40;color:#fff9ed;padding:0 18px 7px;rotate:-2deg;margin-top:10px}.free-facts{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;font-size:12px;margin:30px 0 0;color:#6f6253}.free-facts span:last-child{font-weight:600;color:#925338}.final-section .actions{justify-content:center;margin:25px 0 18px}.final-section .primary{padding:15px 30px;font-size:16px;gap:50px;box-shadow:0 12px 28px #a75e4028}.free-detail{font-size:11px;line-height:1.9}.film-wrap{max-width:1060px;margin:55px auto 0;padding-top:22px;border-top:1px solid #bba88e66}.film-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;font-size:13px}.demo-tabs{display:flex;gap:6px;flex-wrap:wrap}.demo-tabs button{border:1px solid #bba88e88;border-radius:22px;padding:7px 13px;font-size:11px;color:#796f61}.demo-tabs [aria-pressed=true]{background:#342e28;border-color:#342e28;color:#fffaf3}.player-stage{position:relative;background:#292c27;border-radius:10px;overflow:hidden;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}.player-stage video{display:block;width:100%;height:100%;object-fit:contain;position:absolute;inset:0;background:#f6f3ec}.video-overlay{position:absolute;inset:0;z-index:2;display:grid;place-items:center;opacity:1;transition:opacity 200ms;background:#20180f10}.video-overlay span{width:60px;height:60px;display:grid;place-items:center;border:1px solid #fff8;border-radius:50%;background:#30291fa6;color:#fff;font-size:21px;padding-left:3px;backdrop-filter:blur(6px)}.player-stage.playing .video-overlay{opacity:0}.player-stage.playing:hover .video-overlay,.player-stage.playing:focus-within .video-overlay{opacity:1}.player-stage.playing .video-overlay span{font-size:18px;padding-left:0}.video-loading,.video-error{position:absolute;bottom:18px;left:18px;z-index:4;font-size:11px;background:#292c27e0;color:#fff;padding:8px 14px;border-radius:5px}.video-loading[hidden],.video-error[hidden]{display:none}.video-error button{text-decoration:underline}.video-controls{display:flex;align-items:center;gap:16px;padding:13px 0;font-size:11px;line-height:1}.video-controls button{font-size:15px;min-width:25px;padding:5px 0}.video-controls #video-mute{font-size:13px;display:flex;gap:7px;align-items:center}.video-controls #video-mute span{font-size:10px}.video-control-space{flex:1}#video-time{font-variant-numeric:tabular-nums;font-size:10px}#video-volume{width:75px;height:3px;accent-color:#925338;cursor:pointer}.video-chapters{display:flex;gap:5px;height:18px;align-items:center}.video-chapters button{position:relative;padding:0;height:5px;background:#c9bda9;flex-grow:var(--length);flex-basis:0;border-radius:2px;isolation:isolate}.video-chapters button:before{content:"";position:absolute;inset:-7px 0}.video-chapters button:after{content:"";position:absolute;inset:0;background:#925338;transform:scaleX(var(--progress,0));transform-origin:left;border-radius:2px}.video-chapters button:hover{height:7px}#video-chapter-label{font-size:10px;margin-top:4px;color:#8a7c6b}.film-wrap:fullscreen{padding:25px;background:#181c19;display:flex;flex-direction:column;justify-content:center;margin:0;max-width:none}.film-wrap:fullscreen .film-heading,.film-wrap:fullscreen .video-controls,.film-wrap:fullscreen #video-chapter-label{color:#f5eee4}.film-wrap:fullscreen .player-stage{max-height:calc(100dvh - 170px)}
.chapter-nav{position:fixed;right:17px;top:50%;z-index:15;display:flex;flex-direction:column;gap:12px;transform:translateY(-50%);color:#a89b89}.chapter-nav a{position:relative;display:flex;align-items:center;justify-content:center;font-size:9px;font-variant-numeric:tabular-nums;width:24px;height:24px;border:1px solid transparent;border-radius:50%;transition:color 220ms,border-color 220ms}.chapter-nav a.active{color:var(--accent);border-color:#a75e4060}.chapter-nav i{position:absolute;right:34px;white-space:nowrap;font-size:10px;font-style:normal;opacity:0;translate:5px 0;transition:opacity 220ms,translate 220ms;background:#f6f3eced;border-radius:5px;padding:3px 9px;pointer-events:none;color:var(--ink)}.chapter-nav a:hover i,.chapter-nav a:focus-visible i{opacity:1;translate:0 0}.chapter-nav.on-dark{color:#85917c}.chapter-nav.on-dark a.active{color:#e1b68c;border-color:#e1b68c80}footer{max-width:1180px;margin:auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;padding:28px 0;font-size:11px}footer nav{display:flex;gap:22px}footer .brand{font-size:18px}dialog{border:0;border-radius:12px;padding:20px;max-height:94dvh;max-width:min(94vw,850px);overflow:auto;background:#fffcf6}dialog::backdrop{background:#222822bb;backdrop-filter:blur(8px)}dialog>div{display:flex;justify-content:space-between;gap:30px;font-size:13px;margin-bottom:15px}dialog img{width:100%;height:auto;display:block}
@keyframes title-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes paper-in{from{opacity:0;translate:0 40px;rotate:4deg}to{opacity:1;translate:0 0;rotate:0deg}}@keyframes nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@media(min-width:1024px) and (min-height:701px){.chapter:not(.final-section){height:calc(100svh - var(--header));min-height:0}.story-sticky{height:100%;min-height:0}.hero-object{max-height:calc(100svh - 190px)}.templates{--paper-width:clamp(190px,29svh,350px)}.export-demo.width-fit{position:relative;width:calc(100% + 100px);translate:-100px 0}.export-demo.width-fit .export-workspace{height:min(65svh,760px)}}
@media(min-width:1800px){.hero,.story-sticky{max-width:1760px;gap:90px;padding-inline:100px}.hero-paper{width:400px}.hero-object{height:760px}.live-window iframe{height:min(64svh,800px)}.mcp-desktop{height:590px}.client-body{padding:28px;font-size:15px}.client-prompt,.agent-answer p{font-size:15px!important}.terminal-command code{font-size:13px}.permission-window{width:300px;padding:26px}.permission-window>p{font-size:15px}.permission-window ul{font-size:12px}.agent-answer{inset:180px 28px auto}.export-workspace{height:700px;grid-template-columns:minmax(0,1fr) 240px}.export-paper-scroll img{max-width:500px}.chapter-nav{right:30px}}
@media(max-width:1379px){.hero,.story-sticky{padding-inline:40px;gap:35px}.templates{padding-inline:40px}.chapter-nav{display:none}.section-copy h2{font-size:44px}.dark-chapter .section-copy h2{font-size:42px}.mcp-desktop{padding:20px}.permission-window{right:12px;width:220px}.client-body{padding:16px}.agent-answer{inset:145px 16px auto}.export-workspace{grid-template-columns:minmax(0,1fr) 165px}footer{margin-inline:35px}}
@media(max-width:1023px),(max-height:700px){.chapter:not(.final-section){height:auto;min-height:0}.hero{min-height:calc(100svh - var(--header));padding-block:50px 75px}.hero h1{font-size:52px}.hero-object{height:500px}.hero-paper{width:270px}.story-sticky,.review-story .story-sticky,.export-story .story-sticky{padding:65px 40px 80px;display:grid;grid-template-columns:1fr;gap:30px;max-width:860px;min-height:0}.section-copy{transform:none}.review-story .section-copy,.review-story .live-window{grid-column:auto;grid-row:auto}.live-window,.review-story .live-window{transform:none;opacity:1}.live-window iframe{height:570px}.templates{padding-block:60px 75px;--paper-width:280px}.template-exhibit{padding-top:35px}.templates .section-row{max-width:760px}.section-copy h2{font-size:48px}.mcp-desktop{height:440px}.client-window{width:80%}.client-body{padding:24px}.permission-window{width:245px;right:30px}.agent-answer{inset:160px 24px auto}.export-workspace{height:520px;grid-template-columns:minmax(0,1fr) 200px}.export-paper-scroll img{max-width:420px}.next-cue{bottom:22px}.final-section{padding-top:70px}.film-wrap{margin-top:45px}.chapter-word{top:4%;font-size:29vw}}
@media(max-width:600px){:root{--header:62px}.site-header{padding-inline:18px;gap:12px}.brand{font-size:20px;gap:7px}.brand small{display:none}.site-header img{width:24px;height:24px}.site-header nav{font-size:10px;gap:14px}.site-header nav>a:first-child{display:none}#motion-toggle{width:26px;height:26px}.hero{display:block;padding:45px 24px 70px;min-height:0}.hero h1{font-size:clamp(34px,10.2vw,48px);line-height:1.25}.eyebrow{font-size:10px;margin-bottom:20px}.lead{font-size:16px;margin-top:24px}.free-line{font-size:11px;margin-top:24px}.hero-object{height:430px;margin-top:32px}.hero-paper{width:238px}.paper-note{font-size:9px;bottom:0}.material-chip{font-size:9px;padding:7px 10px}.chip-one{top:6%;left:0}.chip-two{top:47%;right:0}.chip-three{bottom:10%;left:0}.story-sticky,.review-story .story-sticky,.export-story .story-sticky{padding:55px 22px 78px;gap:28px}.section-copy h2,.dark-chapter .section-copy h2{font-size:clamp(32px,9.6vw,43px)}.section-copy>p:not(.eyebrow){font-size:14px;margin-top:20px}.scene-labels{margin-top:24px;gap:10px}.scene-labels span{font-size:9px;padding-top:7px}.live-window{border-radius:10px}.live-window iframe{height:580px}.window-top{height:35px;font-size:9px;gap:8px;padding:0 10px}.window-top button{font-size:9px}.window-dots{gap:4px}.window-dots i{width:5px;height:5px}.example-note{font-size:8px;padding:7px 9px}.review-key{margin:20px 0}.chapter-word{font-size:38vw}.next-cue{font-size:10px;gap:12px}.templates{padding:52px 22px 75px;--paper-width:clamp(180px,56vw,245px)}.section-row{display:block}.templates h2{font-size:clamp(32px,9.2vw,42px)}.section-row>p{margin-top:20px;font-size:11px;gap:16px}.template-stat{font-size:43px}.template-exhibit{padding-top:30px}.template-deck{height:calc(var(--paper-width)*1.415 + 38px)}.template-caption{gap:13px;font-size:10px}.template-caption strong{font-size:14px}.template-caption>span:last-child{display:none}.template-controls{gap:12px;margin-top:15px}.template-controls button{font-size:10px;padding:7px 12px}.mcp-desktop{height:440px;padding:18px 13px}.client-window{width:100%;height:340px}.client-body{padding:16px}.client-toolbar{padding:0 13px;height:37px}.client-prompt{font-size:11px!important;padding:9px;margin-bottom:13px}.terminal-command code{font-size:10px}.pair-result{margin-top:13px}.pair-result strong{font-size:22px}.permission-window{right:12px;top:175px;width:215px;padding:16px}.permission-window>p{font-size:11px}.permission-window ul{font-size:9px}.permission-brand{font-size:13px}.permission-code{font-size:18px}.agent-answer{inset:130px 16px auto;max-width:calc(100% - 32px)}.agent-answer p{font-size:11px!important}.mcp-desktop[data-phase="3"] .permission-window{translate:0 90px;scale:.9}.mcp-desktop[data-phase="2"] .client-window{transform:translateY(-12px)}.mcp-link{top:6%;font-size:25px}.mcp-steps{gap:7px;padding-inline:11px;font-size:8px}.mcp-steps li{padding:10px 0}.dark-chapter .primary{font-size:12px;padding:11px 17px;gap:25px;margin-top:24px}.dark-chapter .fine{font-size:10px!important}.copy-notice{font-size:10px!important}.export-workspace{height:500px;grid-template-columns:minmax(0,1fr) 110px}.export-paper-scroll{padding:14px 10px}.export-result{padding:15px 9px 12px 0;gap:14px}.export-menu{padding:10px 8px;font-size:9px;gap:8px}.export-menu strong{font-size:9px}.file-result{padding:10px 6px}.file-result strong{font-size:9px}.file-result>span{font-size:8px}.file-result img{width:60px}.pdf-mark{font-size:9px;padding:4px 6px}.export-formats{font-size:10px;margin-top:20px}.export-demo.width-fit .export-workspace{height:580px}.final-section{padding:60px 22px 45px}.final-section h2{font-size:clamp(40px,12vw,56px)}.final-section h2 em{padding:0 12px 6px}.final-heading .eyebrow{font-size:10px}.free-facts{font-size:10px;gap:11px 16px;margin-top:25px}.free-facts span:last-child{flex-basis:100%}.final-section .primary{font-size:14px;padding:13px 26px;gap:40px}.free-detail{font-size:10px}.film-wrap{margin-top:38px;padding-top:20px}.film-heading{display:block;font-size:12px}.demo-tabs{margin-top:13px}.demo-tabs button{font-size:10px;padding:7px 11px}.player-stage{aspect-ratio:9/16;max-height:74svh;max-width:100%;margin:auto}.video-controls{gap:11px;padding-block:12px}.video-overlay span{width:48px;height:48px;font-size:18px}#video-volume{width:52px}.video-controls #video-mute span{display:none}.video-loading,.video-error{bottom:10px;left:10px;font-size:9px;padding:6px 9px}.video-chapters{gap:4px}footer{margin:0 22px;padding:25px 0;gap:20px;flex-direction:column}footer nav{font-size:10px}}
@media(min-width:601px) and (max-aspect-ratio:1/1){.player-stage{aspect-ratio:9/16;max-height:78svh;width:auto;max-width:480px}.film-wrap{max-width:780px}}
@media(max-width:360px){.site-header{padding-inline:15px}.site-header nav{gap:11px}.hero,.story-sticky,.review-story .story-sticky,.export-story .story-sticky,.templates,.final-section{padding-inline:18px}.hero h1{font-size:33px}.hero-object{height:390px}.hero-paper{width:215px}.live-window iframe{height:620px}.window-dots{display:none}.window-top{gap:6px}.template-controls{gap:8px}.template-controls button{padding-inline:10px}.mcp-desktop{padding:15px 10px}.permission-window{width:205px;right:8px}.client-body{padding:13px}.client-prompt{font-size:10px!important}.export-workspace{grid-template-columns:minmax(0,1fr) 100px}.file-result img{width:52px}.export-result{padding-right:7px}}
@media(max-height:700px) and (min-width:601px){.hero{min-height:600px}.hero-object{height:480px}.story-sticky{max-width:1000px;grid-template-columns:.85fr 1.35fr}.review-story .story-sticky{grid-template-columns:1.35fr .85fr}.review-story .live-window{grid-column:1;grid-row:1}.review-story .section-copy{grid-column:2;grid-row:1}.section-copy h2{font-size:38px}.live-window iframe{height:440px}.templates{--paper-width:220px}.export-story .story-sticky{grid-template-columns:.8fr 1.4fr}.export-workspace{height:450px}.player-stage{aspect-ratio:16/9;max-height:none}}
.player-stage{margin-inline:auto}
.templates{background:radial-gradient(ellipse at 50% 65%,#e7dccb85,transparent 65%),#f6f3ec;transition:none}.template-exhibit{isolation:isolate}.template-exhibit:before{content:"";position:absolute;inset:20% 8% 12%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#baa68b22,transparent 70%);pointer-events:none}.review-story{background:#f0f1eb}.export-story{background:#f3f0e9}.final-section{background:radial-gradient(ellipse at 50% 18%,#ead8bd55,transparent 62%),#f6f3ec}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-paper,.section-copy,.live-window,.review-story .live-window,.chapter-word{transform:none!important}.js .section-copy h2 em{opacity:1;translate:none}.live-window{opacity:1}.next-cue{opacity:1;translate:-50% 0;pointer-events:auto}#motion-toggle,.scene-pause,.replay{display:none}}
/* Motion system: distinct chapter edits, one focal action, a quiet reset between loops. */
.chapter-snapshot{position:fixed!important;margin:0!important;pointer-events:none!important;z-index:24!important;overflow:hidden!important;contain:layout paint;transform-origin:50% 45%}.chapter-arriving{z-index:23}.chapter-snapshot .next-cue{display:none}.chapter-snapshot *{animation-play-state:paused!important}.site-header{z-index:40}.chapter-nav{z-index:41}.motion-paused *{animation-play-state:paused!important}
.paper-orbit{position:absolute;width:110%;aspect-ratio:1;border:1px solid #bba17b24;border-radius:50%;rotate:-25deg;transform:scaleY(.7);z-index:-2}.paper-orbit:after{content:"";position:absolute;inset:9%;border:1px dashed #bba17b30;border-radius:50%}.paper-layer{position:absolute;width:min(72%,340px);filter:drop-shadow(0 16px 20px #503a1815);transform-origin:50% 85%;transition:transform 900ms var(--ease);z-index:-1}.paper-layer img{width:100%;display:block;height:auto}.layer-back{transform:translate(-32px,14px) rotate(-10deg)}.layer-middle{transform:translate(24px,6px) rotate(8deg)}.hero-paper{animation:none;transform:rotate(-1deg)}.hero-paper img{animation:paper-drift 8s ease-in-out infinite}.material-chip{border-radius:11px;padding:12px 15px;gap:11px;font-size:12px;line-height:1.6;animation:chip-drift 6s ease-in-out infinite;will-change:translate}.material-chip i{width:25px;height:25px;border-radius:8px;background:#e9d9c5;color:#91623e;font-size:13px;font-style:normal;display:grid;place-items:center;flex:none}.material-chip small{display:block;color:#9b8e7e;font-size:9px;font-weight:400;margin-top:1px}.chip-one{top:13%;left:-4%;rotate:-4deg;animation-delay:-1s}.chip-two{top:49%;right:-2%;rotate:3deg;animation-delay:-3s}.chip-three{bottom:9%;left:0;animation-delay:-4.5s}.hero-saved{position:absolute;bottom:0;right:8%;font-size:10px;color:#7e8a70;display:flex;gap:6px;align-items:center}.hero-saved i{width:5px;height:5px;border-radius:50%;background:#8c9f77;box-shadow:0 0 0 4px #8c9f7715}.hero.chapter-active .hero-object{animation:object-arrive 1000ms var(--ease) both}.hero.chapter-active h1 span{animation:title-in 750ms var(--ease) both}.hero.chapter-active h1 span:nth-child(2){animation-delay:120ms}.hero.chapter-active .layer-back{animation:fan-back 1200ms var(--ease) both}.hero.chapter-active .layer-middle{animation:fan-middle 1200ms var(--ease) 80ms both}.hero.chapter-active .material-chip{animation:chip-arrive 900ms var(--ease) both,chip-drift 6s ease-in-out 950ms infinite}.hero.chapter-active .chip-two{animation-delay:160ms,1200ms}.hero.chapter-active .chip-three{animation-delay:280ms,1500ms}
@keyframes paper-drift{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-9px) rotate(.6deg)}}@keyframes chip-drift{0%,100%{translate:0 0}50%{translate:3px -8px}}@keyframes chip-arrive{from{opacity:0;transform:translateY(18px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes object-arrive{from{opacity:0;translate:0 35px;scale:.95}to{opacity:1;translate:0 0;scale:1}}@keyframes fan-back{from{opacity:0;transform:translate(0,30px) rotate(1deg)}to{opacity:1;transform:translate(-32px,14px) rotate(-10deg)}}@keyframes fan-middle{from{opacity:0;transform:translate(0,30px) rotate(1deg)}to{opacity:1;transform:translate(24px,6px) rotate(8deg)}}
.demo-surface{height:clamp(370px,61svh,660px);position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 20%,#ebdecb90,transparent 65%),#f4f0e8;--paste:0;--scan:0}.workflow-progress{display:flex;align-items:center;justify-content:center;gap:14px;padding:22px 20px 0;font-size:10px;color:#aaa092}.workflow-progress i{width:22px;height:1px;background:#d9cfc0}.workflow-progress .active{color:#986344;font-weight:600}.intake-canvas{position:absolute;inset:62px 0 55px;perspective:1100px}.source-card,.draft-card{position:absolute;left:8%;top:4%;width:84%;padding:21px 23px;border:1px solid #dacebc;border-radius:12px;background:#fffcf7;box-shadow:0 16px 40px #55402412;transition:transform 650ms var(--ease),opacity 450ms}.demo-card-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;color:#645647;margin-bottom:17px}.demo-card-heading small{font-size:9px;font-weight:400;color:#9b8b77}.source-field{position:relative;border:1px solid #ddd5c9;background:#fcf9f3;min-height:180px;border-radius:7px;padding:14px;overflow:hidden;transition:border-color 400ms,box-shadow 400ms}.source-content{font-size:12px;line-height:1.95;color:#75695a;clip-path:inset(0 calc((1 - var(--paste))*100%) 0 0);opacity:0;transition:opacity 250ms}.source-placeholder{position:absolute;top:15px;left:14px;font-size:11px;color:#b4a797;transition:opacity 250ms}.paste-shortcut{position:absolute;right:10px;top:48%;font:600 15px/1.6 ui-monospace,monospace;background:#40392e;color:#fff8ec;padding:9px 14px;border-radius:9px;box-shadow:0 8px 20px #36291d20;opacity:0;translate:15px 14px;transition:opacity 350ms,translate 500ms var(--ease)}.paste-shortcut small{display:block;font:9px/1.6 -apple-system,sans-serif;color:#d9c8ad}.intake-action,.draft-save{display:flex;justify-content:space-between;align-items:center;background:#a75e40;color:#fffcf7;padding:9px 14px;margin-top:18px;border-radius:6px;font-size:11px;transition:background 350ms,transform 350ms}.intake-action{max-width:140px;margin-left:auto}.source-scan{position:absolute;inset:0;background:linear-gradient(90deg,transparent,#c9a07020,transparent);width:40%;translate:calc(var(--scan)*350% - 100%) 0;opacity:0;pointer-events:none}.ai-thinking{position:absolute;inset:36% 7% auto;z-index:3;background:#faf6eef5;border:1px solid #d9c5a9;border-radius:12px;padding:18px 21px;display:flex;align-items:center;gap:14px;box-shadow:0 18px 45px #493b241c;opacity:0;translate:0 15px;transition:opacity 400ms,translate 550ms var(--ease);flex-wrap:wrap}.ai-thinking strong{font-size:12px;font-weight:500}.thinking-detail{display:block;font-size:9px;color:#998a78;margin-top:3px}.thinking-orb{width:28px;height:28px;position:relative;flex:none}.thinking-orb i{position:absolute;inset:3px;border:1px solid #a67b4a;border-radius:50%;animation:orb-turn 2.8s linear infinite}.thinking-orb i:nth-child(2){inset:6px 0;animation-direction:reverse;animation-duration:2s}.thinking-orb i:nth-child(3){inset:0 8px;animation-duration:3.3s}.thinking-steps{display:flex;gap:10px;flex-basis:100%;margin-top:8px;border-top:1px solid #e8dece;padding-top:12px;font-size:8px;color:#bcaf9e}.thinking-steps span{flex:1;white-space:nowrap}.thinking-steps [data-state="active"]{color:#a16c40}.thinking-steps [data-state="done"]{color:#7f936d}.draft-card{opacity:0;translate:0 22px;rotate:1deg;transition:opacity 550ms,translate 700ms var(--ease),rotate 700ms var(--ease);z-index:4}.draft-card h3{font-size:22px;line-height:1.5;margin-bottom:10px}.draft-meta{display:flex;gap:12px;font-size:9px;color:#8b7a65;margin-bottom:19px}.draft-card>p{font-size:12px;line-height:1.95;color:#6e6253}.draft-chips{display:flex;gap:8px;margin-top:18px}.draft-chips span{padding:3px 8px;border-radius:4px;background:#eaece3;color:#7c886c;font-size:9px}.draft-save{margin-top:22px}.draft-save>span{opacity:0}.intake-saved{position:absolute;left:14%;right:14%;top:80%;display:flex;align-items:center;gap:12px;opacity:0;translate:0 10px;z-index:5;transition:opacity 450ms,translate 500ms}.intake-saved>span{background:#e2e8d9;color:#76885f;width:31px;height:31px;border-radius:50%;display:grid;place-items:center}.intake-saved strong{font-size:11px;color:#697b56;font-weight:500}.intake-saved p{font-size:9px;color:#9a8e7d;margin-top:2px}.demo-caption{position:absolute;bottom:0;left:0;right:0;border-top:1px solid #dfd4c255;padding:12px 20px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;color:#a0896c;background:#f6f1e8a0}.demo-caption i{width:4px;height:4px;border-radius:50%;background:#b79164}.intake-demo[data-phase="1"] .source-field{border-color:#b78c61;box-shadow:0 0 0 3px #bf9c6812}.intake-demo:not([data-phase="0"]) .source-placeholder{opacity:0}.intake-demo:not([data-phase="0"]) .source-content{opacity:1}.intake-demo[data-phase="1"] .paste-shortcut{opacity:1;translate:0 0}.intake-demo[data-phase="2"] .source-scan{opacity:1}.intake-demo[data-phase="2"] .source-card{transform:scale(.96) translateY(-12px);opacity:.45}.intake-demo[data-phase="2"] .ai-thinking{opacity:1;translate:0 0}.intake-demo[data-phase="3"] .source-card,.intake-demo[data-phase="4"] .source-card{transform:translate(-10px,-12px) rotate(-4deg) scale(.95);opacity:.25}.intake-demo[data-phase="3"] .draft-card,.intake-demo[data-phase="4"] .draft-card{opacity:1;translate:0 0;rotate:0deg}.intake-demo[data-phase="4"] .draft-save{background:#748860}.intake-demo[data-phase="4"] .draft-save>span{opacity:1}.intake-demo[data-phase="4"] .intake-saved{opacity:1;translate:0 0}
.review-demo{background:radial-gradient(ellipse at 10% 80%,#d7dfcd55,transparent 60%),#f0f1eb;padding:24px}.review-request{display:flex;align-items:center;gap:11px;background:#e4e8df;border:1px solid #d4dccb;border-radius:12px;padding:14px 17px;opacity:0;translate:0 8px;transition:opacity 450ms,translate 500ms}.review-request>span{color:#7e8e65;font-size:20px}.review-request p{font-size:11px;line-height:1.8;color:#788066;flex:1}.review-request>i{width:23px;height:23px;background:#8a9776;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal}.review-thinking{margin:17px 8px;height:39px;display:flex;align-items:center;gap:10px;font-size:10px;color:#8f947f;position:relative;opacity:0;transition:opacity 350ms}.review-thinking .thinking-orb i{border-color:#869875}.review-thought-track{position:absolute;bottom:0;left:40px;right:0;height:1px;background:#dbe1d1;overflow:hidden}.review-thought-track i{position:absolute;inset:0 auto 0 0;width:40%;background:#8c9e76;translate:calc(var(--scan)*250% - 50%) 0}.revision-paper{background:#fffcf6;border:1px solid #ddd5c7;border-radius:5px;padding:25px;box-shadow:0 15px 40px #3a482710;transition:transform 650ms var(--ease)}.revision-paper h3{font-size:21px;margin-bottom:18px}.revision-body{position:relative;min-height:105px;font-size:13px;line-height:2.2;color:#665f50}.revision-body>span{display:block}.revision-diff,.revision-final{position:absolute;inset:0;opacity:0;transition:opacity 400ms}.revision-old{transition:opacity 300ms}.revision-diff del{color:#a26454;background:#b66c5c12;text-decoration-thickness:1px}.revision-diff ins{color:#597952;background:#7e9a6220;text-decoration:none;border-bottom:1px solid #8da47c}.revision-footer{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;color:#aaa08d;border-top:1px solid #e8e1d3;padding-top:15px}.revision-footer strong{font-size:10px;font-weight:400;background:#8a9b76;color:#fff;padding:7px 12px;border-radius:5px;opacity:.4;transition:opacity 400ms,background 400ms}.revision-footer i{display:none;font-style:normal}.review-confirmed{position:absolute;bottom:65px;left:0;right:0;text-align:center;font-size:10px;color:#73855d;opacity:0;translate:0 7px;transition:opacity 500ms,translate 500ms}.review-demo:not([data-phase="0"]) .review-request{opacity:1;translate:0 0}.review-demo[data-phase="2"] .review-thinking{opacity:1}.review-demo[data-phase="3"] .revision-diff{opacity:1}.review-demo[data-phase="3"] .revision-old,.review-demo[data-phase="4"] .revision-old{opacity:0}.review-demo[data-phase="3"] .revision-footer strong,.review-demo[data-phase="4"] .revision-footer strong{opacity:1}.review-demo[data-phase="4"] .revision-final{opacity:1}.review-demo[data-phase="4"] .revision-footer i{display:inline}.review-demo[data-phase="4"] .revision-footer strong{background:#71845f}.review-demo[data-phase="4"] .review-confirmed{opacity:1;translate:0 0}.review-demo[data-phase="0"] .revision-paper{transform:translateY(-50px)}
@keyframes orb-turn{to{rotate:360deg}}
.template-card{transition:transform 850ms cubic-bezier(.2,.8,.15,1),opacity 700ms,filter 700ms;backface-visibility:hidden}.template-card[data-offset="0"]{transform:translateX(-50%) translateY(-8px) rotateY(-2deg);box-shadow:0 24px 45px #493d2c2b}.template-card[data-offset="-1"]{transform:translateX(-143%) translateY(23px) rotate(-10deg) rotateY(12deg) scale(.87)}.template-card[data-offset="1"]{transform:translateX(43%) translateY(23px) rotate(10deg) rotateY(-12deg) scale(.87)}.template-deck.deck-entering .template-card{animation:deck-unfold 800ms var(--ease) both;animation-delay:calc(var(--order)*50ms)}.templates.chapter-active .template-card[data-offset="0"] img{animation:paper-drift 6s ease-in-out infinite}.template-caption strong{transition:opacity 220ms,translate 220ms}.template-caption.changing strong{opacity:.4;translate:0 3px}.template-exhibit:after{content:"";position:absolute;left:calc(50% - 65px);bottom:0;width:130px;height:1px;background:#bda88b44;transform:scaleX(var(--deck-progress,0));transform-origin:left}
@keyframes deck-unfold{from{opacity:0;translate:0 34px;rotate:3deg;scale:.92}to{translate:0 0;rotate:0deg;scale:1}}
#video-mute svg{width:21px;height:21px;display:block}#video-mute .sound-slash{opacity:0}#video-mute[data-muted="true"] .sound-slash{opacity:1}#video-mute[data-muted="true"] .sound-waves{opacity:0}.final-section h2{font-size:clamp(48px,5.4vw,76px);line-height:1.2}.final-section h2 em{background:none;color:var(--accent);padding:0;rotate:0deg;margin-top:3px}.final-heading:before{display:none}
@media(min-width:1800px){.paper-layer{width:400px}.demo-surface{height:min(64svh,800px)}.source-card,.draft-card{padding:32px}.source-content,.draft-card>p{font-size:15px}.source-field{min-height:240px}.revision-paper{padding:36px}.revision-body{font-size:16px;min-height:155px}.review-request p{font-size:14px}.revision-paper h3{font-size:28px}.review-thinking{margin-block:25px}}
@media(max-width:1023px),(max-height:700px){.demo-surface{height:500px}.paper-layer{width:270px}.review-demo{padding:25px 35px}.review-request p{font-size:13px}.revision-body{font-size:14px;min-height:115px}.intake-canvas{inset:65px 0 65px}.intake-saved{top:90%}}
@media(max-width:600px){.paper-layer{width:238px}.hero-object{margin-top:45px;height:440px}.hero-saved{right:7%;bottom:-3px}.material-chip{font-size:10px;padding:9px 11px;gap:8px}.material-chip i{width:22px;height:22px;font-size:11px}.material-chip small{font-size:8px}.chip-one{left:-1%;top:8%}.chip-two{right:-1%;top:53%}.chip-three{left:0;bottom:10%}.demo-surface{height:490px}.source-card,.draft-card{left:6%;width:88%;padding:20px 18px}.source-content{font-size:11px;line-height:1.9}.source-field{min-height:184px;padding:12px}.source-placeholder{font-size:10px}.ai-thinking{left:5%;right:5%;padding:17px 15px;gap:10px}.thinking-steps{gap:6px;font-size:7px}.draft-card h3{font-size:21px}.draft-meta{font-size:8px;gap:9px}.draft-card>p{font-size:11px}.draft-save{font-size:10px}.intake-saved{left:13%;top:90%}.demo-caption{font-size:8px}.review-demo{padding:20px 15px}.review-request{padding:12px;gap:8px}.review-request p{font-size:10px}.review-thinking{margin:14px 2px;font-size:9px;gap:6px}.review-thinking .thinking-orb{width:23px;height:23px}.thinking-ellipsis{display:none}.revision-paper{padding:22px 18px}.revision-paper h3{font-size:20px}.revision-body{font-size:12px;min-height:135px;line-height:2.15}.revision-footer{font-size:8px;gap:5px}.revision-footer strong{font-size:9px;padding-inline:9px}.review-confirmed{bottom:58px}.review-demo[data-phase="0"] .revision-paper{transform:translateY(-40px)}.final-section h2{font-size:clamp(36px,10.5vw,52px)}}
@media(max-width:360px){.hero-paper,.paper-layer{width:210px}.hero-object{height:405px}.material-chip{font-size:9px;padding:8px}.material-chip small{font-size:7px}.material-chip i{width:19px;height:19px}.demo-surface{height:510px}.thinking-steps{font-size:6.5px}.draft-meta{font-size:7px}.revision-body{min-height:145px}}
@media(prefers-reduced-motion:reduce){.chapter-snapshot{display:none}.hero-paper img{animation:none}.hero.chapter-active .hero-object,.hero.chapter-active .material-chip,.hero.chapter-active .layer-back,.hero.chapter-active .layer-middle{animation:none}.source-content{clip-path:none}.draft-card,.ai-thinking,.source-card,.review-request,.revision-paper,.review-confirmed{transition:none}.template-deck.deck-entering .template-card{animation:none}}
.weave-story{background:#eef0e9}.weave-story .chapter-word{color:#a0ad8f}.weave-facts{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px;font-size:10px;color:#7b8a67}.weave-facts span{background:#dfe6d350;padding:5px 10px;border-radius:5px}.weave-demo{background:radial-gradient(ellipse at 20% 40%,#e1e5d2,transparent 70%),#f5f4ed}.weave-job{position:absolute;top:23px;left:7%;right:7%;padding:13px 18px;border:1px solid #d4dbc6;background:#fafaf3;border-radius:9px;display:flex;gap:15px;align-items:center}.weave-job small{font-size:8px;color:#9aa189}.weave-job strong{font-size:13px;font-weight:500;color:#5f7051}.weave-job>span{margin-left:auto;font-size:8px;color:#9aa189}.weave-content{position:absolute;inset:100px 7% 110px;display:grid;grid-template-columns:1fr 60px .85fr;align-items:center}.weave-sources>small{font-size:9px;color:#8d967c;display:block;margin-bottom:12px}.weave-sources>div{display:flex;align-items:center;gap:10px;margin:10px 0;padding:14px 12px;border:1px solid #dddccb;border-radius:8px;background:#fcfaf4;transition:background 450ms,border-color 450ms,transform 500ms;box-shadow:0 6px 12px #4d542108}.weave-sources i{font:9px/1.4 ui-monospace,monospace;font-style:normal;color:#b1af9b}.weave-sources span{font-size:11px}.weave-sources small{display:block;font-size:8px;color:#aaa38c;margin-top:4px}.weave-sources b{font-size:11px;color:#859874;opacity:0;margin-left:auto}.weave-thread{position:relative;height:140px;display:flex;align-items:center;justify-content:center}.weave-thread i{position:absolute;left:0;right:0;height:1px;background:#bdc9a7;transform-origin:left;scale:0 1;transition:scale 600ms}.weave-thread i:first-child{rotate:22deg;translate:0 -22px}.weave-thread i:last-of-type{rotate:-22deg;translate:0 22px}.weave-thread span{width:24px;height:24px;background:#eef0e4;border:1px solid #bdc9a7;border-radius:50%;z-index:1;display:grid;place-items:center;font-size:14px;color:#8c9a73;opacity:.5}.weave-result{position:relative;width:80%;margin:auto;perspective:600px;opacity:.3;scale:.93;translate:12px 0;transition:opacity 600ms,scale 700ms var(--ease),translate 700ms var(--ease)}.weave-result img{width:100%;height:auto;display:block;box-shadow:0 13px 25px #46582a20;position:relative;z-index:2}.weave-result>span{position:absolute;bottom:-30px;left:-20%;right:-20%;text-align:center;font-size:9px;color:#81906a;white-space:nowrap}.weave-paper-back{position:absolute;inset:0;background:#e9e5d8;border:1px solid #dbd6c5;rotate:5deg;translate:8px 3px;opacity:0;transition:opacity 600ms}.weave-ai{position:absolute;bottom:70px;left:7%;right:7%;display:flex;gap:12px;align-items:center;background:#fdfbf4c0;border:1px solid #dedfcb;padding:12px 16px;border-radius:8px;opacity:0;translate:0 8px;transition:opacity 400ms,translate 450ms}.weave-ai strong{font-size:10px;font-weight:500;color:#7d895f}.weave-ai div>span{font-size:8px;display:block;color:#a3a489;margin-top:3px}.weave-ai .thinking-orb i{border-color:#8a9a73}.weave-versions{position:absolute;bottom:70px;left:7%;right:7%;display:flex;gap:16px;align-items:center;font-size:9px;color:#819367;opacity:0;translate:0 8px;transition:opacity 500ms,translate 500ms}.weave-versions small{font-size:8px;color:#a2a38c}.weave-demo:not([data-phase="0"]) .weave-sources>div{border-color:#b5c39e;background:#f3f5e8;transform:translateX(3px)}.weave-demo:not([data-phase="0"]) .weave-sources b{opacity:1}.weave-demo:not([data-phase="0"]) .weave-thread i{scale:1 1}.weave-demo[data-phase="2"] .weave-ai,.weave-demo[data-phase="4"] .weave-ai{opacity:1;translate:0 0}.weave-demo[data-phase="3"] .weave-result,.weave-demo[data-phase="5"] .weave-result{opacity:1;translate:0 0;scale:1}.weave-demo[data-phase="4"] .weave-sources>div:first-of-type{opacity:.45;transform:translateX(0)}.weave-demo[data-phase="5"] .weave-paper-back{opacity:1}.weave-demo[data-phase="5"] .weave-versions{opacity:1;translate:0 0}.weave-demo[data-phase="2"] .weave-thread span,.weave-demo[data-phase="4"] .weave-thread span{animation:orb-turn 3s linear infinite}.weave-demo[data-phase="3"] .weave-thread span,.weave-demo[data-phase="5"] .weave-thread span{opacity:1}
@media(max-width:600px){.weave-job{left:6%;right:6%;top:20px;padding:12px;gap:10px;flex-wrap:wrap}.weave-job strong{font-size:12px}.weave-job>span{font-size:7px;flex-basis:100%;margin:0}.weave-content{inset:115px 6% 110px;grid-template-columns:1.15fr 26px .8fr}.weave-sources>div{padding:12px 8px;gap:6px;margin:9px 0}.weave-sources span{font-size:9px}.weave-sources small{font-size:6.5px}.weave-sources i{font-size:7px}.weave-sources b{font-size:8px}.weave-result{width:100%}.weave-result>span{font-size:7px;bottom:-23px}.weave-thread span{width:19px;height:19px;font-size:11px}.weave-ai{left:6%;right:6%;bottom:65px;padding:10px 12px;gap:9px}.weave-ai strong{font-size:9px}.weave-ai div>span{font-size:6.8px}.weave-versions{gap:10px;font-size:8px;bottom:68px;flex-wrap:wrap}.weave-versions small{font-size:7px}.weave-facts{font-size:9px}.hero .lead{font-size:14px}}
@media(min-width:1800px){.weave-job strong{font-size:17px}.weave-job small,.weave-job>span{font-size:11px}.weave-sources span{font-size:15px}.weave-sources small{font-size:10px}.weave-result{width:65%}.weave-ai strong{font-size:14px}.weave-ai div>span{font-size:11px}.weave-job{top:30px}.weave-content{inset:130px 7% 140px}}

.weave-demo[data-phase="5"] .weave-sources>div:first-of-type{opacity:.45;transform:translateX(0)}
.weave-demo[data-phase="4"] .weave-sources>div:first-of-type b,.weave-demo[data-phase="5"] .weave-sources>div:first-of-type b{opacity:0}
/* Texture stays visible without pointer interaction. */
.chapter::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url('paper-texture.svg');background-size:160px 160px;opacity:.6;mix-blend-mode:multiply}.dark-chapter::after{opacity:.13;mix-blend-mode:screen}
a:focus,button:focus,input:focus,[tabindex]:focus{outline:none}a:focus-visible,button:focus-visible,[tabindex="0"]:focus-visible{outline:none;color:var(--accent);background-color:#a75e4012;transition:background-color 160ms,color 160ms}input:focus-visible{outline:none;accent-color:var(--accent)}.primary:focus-visible{background:#914c32;color:#fff}
.beta-mark{font-size:9px;padding:2px 7px;border-radius:20px;background:#e6dccb;color:#8b7355;white-space:nowrap}.beta-note{font-size:10px;color:#9b8f80;margin-top:16px}.template-note{text-align:center}
::view-transition-group(root){animation:none}::view-transition-old(root){display:none}::view-transition-new(root){animation:none}
::view-transition-group(scene){animation-duration:580ms;animation-timing-function:var(--ease)}::view-transition-old(scene){animation:scene-out 580ms var(--ease) both}::view-transition-new(scene){animation:scene-in 580ms var(--ease) both}
:root[data-page-edit="cover"]::view-transition-old(scene){animation:scene-cover-out 620ms var(--ease) both}:root[data-page-edit="cover"]::view-transition-new(scene){animation:scene-cover-in 620ms var(--ease) both}
:root[data-page-edit="lift"]::view-transition-old(scene){animation:scene-lift-out 580ms var(--ease) both}:root[data-page-edit="lift"]::view-transition-new(scene){animation:scene-lift-in 580ms var(--ease) both}
@keyframes scene-out{to{opacity:0;transform:scale(.99)}}@keyframes scene-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes scene-cover-out{to{transform:translateY(-25px) scale(.975);opacity:.3}}@keyframes scene-cover-in{from{transform:translateY(100%)}to{transform:none}}@keyframes scene-lift-out{to{transform:translateY(-55px);opacity:0}}@keyframes scene-lift-in{from{transform:translateY(55px);opacity:0}to{transform:none;opacity:1}}
.template-card{will-change:transform;backface-visibility:hidden;transition:transform 650ms var(--ease),opacity 450ms;filter:none!important;contain:layout style}.template-deck.deck-entering .template-card{animation:deck-unfold 650ms var(--ease) both;animation-delay:calc(var(--order,0)*35ms)}
.review-request{margin-left:7%;background:#e2e8da;border-radius:14px 14px 3px 14px;min-height:54px}.review-request .chat-avatar{font-size:9px;width:23px;height:23px;flex:none;border-radius:50%;background:#f5f6ee;color:#7c8b69;display:grid;place-items:center}.review-request p{min-height:20px}.review-thinking{font-size:11px;min-height:40px;color:#7c8f68}.review-thought-track{overflow:hidden}.review-demo[data-phase="2"] .thinking-orb{animation:pulse-thought 1400ms ease-in-out infinite}.review-demo[data-phase="3"] .review-thinking,.review-demo[data-phase="4"] .review-thinking{opacity:1}.review-demo[data-phase="4"] .thinking-orb{animation:none}.review-demo[data-phase="4"] .review-thought-track{opacity:0}@keyframes pulse-thought{50%{opacity:.5;scale:.94}}
#video-mute svg,#video-fullscreen svg{width:21px;height:21px;display:block}#video-mute .sound-slash{opacity:0}#video-mute[data-muted="true"] .sound-slash{opacity:1}#video-mute[data-muted="true"] .sound-waves{opacity:0}
.video-controls button{border-radius:6px;padding:6px;transition:color 160ms,background 160ms,transform 160ms}.video-controls button:hover{background:#a75e4017}.video-controls button:active{transform:scale(.9)}body.film-expanded{overflow:hidden}
body.film-expanded>.film-wrap,.film-wrap:fullscreen{position:fixed;inset:0;z-index:1000;width:100%;height:100dvh;max-width:none;margin:0;padding:20px clamp(14px,3vw,48px);border:0;background:#1c201c;display:flex;flex-direction:column;justify-content:center;gap:0;color:#f5eee4}
body.film-expanded .film-heading,.film-wrap:fullscreen .film-heading{flex:none;margin-bottom:12px;color:#f5eee4}body.film-expanded .player-stage,.film-wrap:fullscreen .player-stage{aspect-ratio:auto!important;flex:1;min-height:0;max-height:none;width:100%;max-width:none;margin:0;background:#1c201c;border-radius:4px}body.film-expanded .player-stage video,.film-wrap:fullscreen .player-stage video{background:#1c201c;object-fit:contain}body.film-expanded .video-controls,.film-wrap:fullscreen .video-controls{color:#f5eee4;flex:none;padding-block:10px}body.film-expanded .video-controls button:hover{background:#ffffff18}body.film-expanded .video-chapters,.film-wrap:fullscreen .video-chapters{flex:none}body.film-expanded #video-chapter-label,.film-wrap:fullscreen #video-chapter-label{color:#bdb6a6;flex:none}body.film-expanded .demo-tabs button{border-color:#ffffff30;color:#d4cfc4}body.film-expanded .demo-tabs [aria-pressed=true]{background:#d4b28d;color:#302b24}
@media(max-width:600px){body.film-expanded>.film-wrap{padding:12px 14px max(12px,env(safe-area-inset-bottom))}.beta-mark{font-size:8px}.review-request{margin-left:0}.review-thinking{font-size:9px}.film-heading .demo-tabs{margin-top:8px}}
@media(prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}.review-demo[data-phase="2"] .thinking-orb{animation:none}.template-card{will-change:auto}}
.chapter{background-image:url('paper-texture.svg');background-size:160px 160px;background-repeat:repeat;background-blend-mode:soft-light}

/* Upgrade: compositor motion, no nested document scrolling. */
html{scroll-behavior:auto}
.beta-corner{position:fixed;right:12px;bottom:7px;z-index:90;font-size:8px;line-height:1.4;color:#857764;opacity:.72;pointer-events:none;letter-spacing:.02em}.viewing-dark .beta-corner,body.film-expanded .beta-corner{color:#b9c5b4}
.dark-chapter{background-image:none}.dark-chapter::after{display:none}
.source-content{clip-path:none!important}.paste-line{display:block;opacity:clamp(0,calc(var(--paste)*2.4 - var(--line)*.35),1);transform:translate3d(0,calc(clamp(0,1 - var(--paste)*2.4 + var(--line)*.35,1)*9px),0);will-change:transform,opacity}.paste-line+.paste-line{margin-top:12px}.intake-demo[data-phase="1"] .source-field{box-shadow:none;background:#fbf7ee}
.export-workspace{grid-template-columns:minmax(0,1fr) minmax(132px,28%);transition:none;contain:layout paint}.export-paper-scroll{overflow:hidden;overflow:clip;padding:18px 20px;min-width:0;scrollbar-width:none;contain:layout paint}.export-paper-scroll img{will-change:transform;transform:translate3d(0,calc(-1 * var(--paper-travel,0px) * var(--preview-pan,0)),0);transition:none}.export-demo.width-fit .export-workspace{grid-template-columns:minmax(0,1fr) minmax(132px,28%)}.export-demo.width-fit .export-result{opacity:1;padding:24px 16px 16px 0;pointer-events:auto}.export-demo.width-fit .export-paper-scroll img{width:100%;height:100%;object-fit:contain;object-position:top;transform:none}.export-result{min-width:0;overflow:hidden}.export-menu,.file-result{min-width:0}.file-result img{width:min(65px,80%)}
.template-card{transition:transform 520ms cubic-bezier(.22,.8,.18,1),opacity 350ms;box-shadow:0 12px 24px #493d2c20}.template-card[data-offset="0"]{box-shadow:0 16px 30px #493d2c26}.template-deck.deck-entering .template-card{animation:none}.templates.chapter-active .template-card[data-offset="0"] img{animation:none}.template-exhibit{contain:layout style}.template-card img{content-visibility:visible}
.final-heading{min-height:calc(78svh - var(--header));display:flex;flex-direction:column;align-items:center;justify-content:center}.film-cue{display:flex;flex-direction:column;align-items:center;gap:4px;margin:36px auto 6px;font-size:11px;color:#986e4e}.film-cue svg{width:25px;height:25px;animation:film-nudge 1.8s ease-in-out infinite}.film-wrap{scroll-margin-top:90px;margin-top:22px}.free-detail{max-width:560px}
@keyframes film-nudge{0%,100%{transform:translateY(-3px);opacity:.45}55%{transform:translateY(5px);opacity:1}}
#video-play svg{width:21px;height:21px;display:block}.video-overlay svg{width:28px;height:28px}.video-overlay span{padding:0!important}.video-controls button{display:grid;place-items:center;min-width:33px;min-height:33px}#video-mute[data-muted="true"] .sound-wave-near,#video-mute[data-muted="true"] .sound-wave-far,#video-mute[data-level="low"] .sound-wave-far{opacity:0}#video-mute svg path{transition:opacity 160ms}
@media(max-width:600px){.beta-corner{font-size:6px;right:8px;bottom:5px}.export-workspace{grid-template-columns:minmax(0,1fr) 120px}.export-demo.width-fit .export-workspace{grid-template-columns:minmax(0,1fr) 120px}.export-result,.export-demo.width-fit .export-result{padding:18px 10px 12px 0}.export-paper-scroll{padding:16px 12px}.final-heading{min-height:74svh}.film-cue{margin-top:28px}.film-wrap{scroll-margin-top:80px}.template-caption{min-height:27px}}
@media(prefers-reduced-motion:reduce){.film-cue svg{animation:none}.paste-line{opacity:1;transform:none}}