:root { --canvas:#f0f0f0; --ink:#3b3b3b; --accent:#5394f6; }
html, body { margin:0; padding:0; background:var(--canvas); }
.pf-slide, .ai-slide { width:1920px; height:1080px; overflow:hidden; position:relative; box-sizing:border-box; background:var(--canvas); color:var(--ink); font-family:Paperlogy, sans-serif; }
.ai-chrome i { position:absolute; left:168px; right:168px; top:128px; height:1px; background:var(--ink); }
.ai-chrome span { position:absolute; top:76px; left:168px; color:rgba(83,148,246,.5); font-size:20px; font-weight:600; }
.ai-chrome em { position:absolute; top:1000px; right:168px; color:var(--accent); font-style:normal; font-size:20px; font-weight:600; letter-spacing:-.01em; }
.ai-label { position:absolute; left:168px; top:192px; margin:0; color:var(--accent); font-size:20px; font-weight:600; letter-spacing:-.01em; }
.ai-hero, .ai-project-title { position:absolute; left:168px; top:270px; margin:0; font-size:64px; font-weight:700; line-height:1.2; letter-spacing:-.02em; }
.ai-band { position:absolute; left:0; right:0; bottom:105px; margin:0; padding:26px 168px; box-sizing:border-box; background:rgba(0,0,0,.05); font-size:20px; line-height:1.32; letter-spacing:-.01em; }
.ai-title__year, .ai-end__year { position:absolute; top:76px; left:168px; color:rgba(83,148,246,.5); font-size:20px; font-weight:600; }
.ai-title__copy { position:absolute; left:168px; top:287px; }
.ai-title__copy .ai-kicker { margin:0 0 32px; color:var(--accent); font-size:24px; font-weight:600; }
.ai-title h1, .ai-end h1 { margin:0; font-family:Inter, sans-serif; font-size:96px; line-height:1.2; letter-spacing:-.02em; }
.ai-title__copy > p:last-child { margin:34px 0 0; font-size:36px; line-height:1.4; letter-spacing:-.01em; }
.ai-title__footer { position:absolute; left:168px; bottom:84px; font-size:24px; font-weight:600; }
.ai-project-intro__accent { position:absolute; top:0; right:0; width:766px; height:1080px; transform:scaleX(-1); transform-origin:center; pointer-events:none; }
.ai-project-intro__number { position:absolute; right:168px; top:182px; z-index:1; color:#fff; font-family:Inter, sans-serif; font-size:190px; font-weight:700; line-height:1; letter-spacing:-.06em; }
.ai-project-intro h2 { position:absolute; left:168px; top:300px; z-index:1; margin:0; color:var(--ink); font-size:96px; font-weight:700; line-height:1.1; letter-spacing:-.04em; }
.ai-project-intro h2 span { color:var(--accent); }
.ai-project-intro--qwen h2 { font-family:Inter, Paperlogy, sans-serif; font-size:72px; letter-spacing:-.045em; }
.ai-project-intro__statement { position:absolute; left:168px; top:445px; z-index:1; margin:0; font-size:36px; line-height:1.4; letter-spacing:-.02em; }
.ai-project-intro__meta { position:absolute; left:168px; right:168px; bottom:172px; z-index:1; padding-top:22px; border-top:1px solid var(--ink); display:flex; gap:56px; color:var(--accent); font-family:Inter, Paperlogy, sans-serif; font-size:18px; font-weight:600; letter-spacing:-.01em; }
.ai-project-intro .ai-chrome span, .ai-project-intro .ai-chrome i, .ai-project-intro .ai-chrome em, .ai-project-intro .ai-label { z-index:2; }
.ai-profile { position:absolute; top:192px; right:168px; width:380px; margin:0; }
.ai-profile img { display:block; width:380px; height:500px; object-fit:cover; object-position:center top; border-radius:8px; box-shadow:0 5px 7px rgba(0,0,0,.1); }
.ai-profile__info { margin-top:20px; display:flex; flex-direction:column; gap:7px; font-size:18px; line-height:1.3; letter-spacing:-.01em; }
.ai-profile__info strong { color:var(--accent); font-size:24px; line-height:1.2; }
.ai-frame-image { position:absolute; display:block; object-fit:cover; border-radius:8px; box-shadow:0 5px 7px rgba(0,0,0,.1); }
.ai-frame-image-mask { position:absolute; left:1000px; top:220px; width:845px; height:620px; background:var(--canvas); }
.ai-frame-image--job { left:1015px; top:232px; width:810px; height:593px; object-fit:contain; background:#fff; }
.ai-flow { position:absolute; top:555px; left:168px; right:168px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:start; }
.ai-flow div { width:auto; }
.ai-flow div:nth-of-type(1) { grid-column:1; }
.ai-flow div:nth-of-type(2) { grid-column:2; }
.ai-flow div:nth-of-type(3) { grid-column:3; }
.ai-flow div:nth-of-type(4) { grid-column:4; }
.ai-flow strong, .ai-columns article > span, .ai-control-grid strong { color:var(--accent); font-size:20px; font-weight:600; }
.ai-flow h3, .ai-columns h3, .ai-control-grid h3 { margin:14px 0 12px; font-size:24px; line-height:1.2; }
.ai-flow p, .ai-columns p, .ai-control-grid p, .ai-capabilities p, .ai-principles p { margin:0; font-size:20px; line-height:1.4; letter-spacing:-.01em; }
.ai-flow > span { position:absolute; transform:translate(-50%,-50%); color:var(--accent); font-size:32px; line-height:1; }
.ai-contents { position:absolute; left:168px; right:168px; top:250px; display:grid; grid-template-columns:1fr 1fr; column-gap:120px; row-gap:58px; }
.ai-contents div { position:relative; padding-left:76px; }
.ai-contents strong { position:absolute; left:0; top:3px; color:var(--accent); font-size:20px; }
.ai-contents p { margin:0 0 8px; color:var(--accent); font-size:16px; font-weight:600; }
.ai-contents h2 { margin:0 0 10px; font-size:48px; line-height:1.2; letter-spacing:-.02em; }
.ai-contents span { font-size:20px; }
.ai-contents h2 .ai-title-period { color:var(--accent); font-size:inherit; }
.ai-contents--five { grid-template-columns:repeat(6,minmax(0,1fr)); column-gap:32px; row-gap:70px; }
.ai-contents--five > div { padding-left:62px; }
.ai-contents--five > div:nth-child(1) { grid-column:1 / span 2; }
.ai-contents--five > div:nth-child(2) { grid-column:3 / span 2; }
.ai-contents--five > div:nth-child(3) { grid-column:5 / span 2; }
.ai-contents--five > div:nth-child(4) { grid-column:2 / span 2; }
.ai-contents--five > div:nth-child(5) { grid-column:4 / span 2; }
.ai-contents--five h2 { font-size:40px; }
.ai-contents--five > div > span { font-size:18px; line-height:1.4; }
.ai-contents--five .ai-contents-project--local h2 { font-family:Inter, Paperlogy, sans-serif; font-size:34px; line-height:1.08; }
.ai-columns { position:absolute; top:530px; left:168px; right:168px; display:grid; grid-template-columns:repeat(3,1fr); gap:72px; }
.ai-columns article { padding-right:34px; border-right:1px solid rgba(59,59,59,.25); }
.ai-columns article:last-child { border:0; }
.ai-doitdo-columns { top:520px; }
.ai-nanoclaw-columns { top:520px; }
.ai-columns code, .ai-runtime-flow code { font-family:Inter, sans-serif; font-size:.86em; color:var(--accent); }
.ai-doitdo-screen .ai-project-title { top:276px; font-size:52px; }
.ai-case-copy { position:absolute; left:168px; top:530px; width:540px; padding-top:22px; border-top:1px solid var(--ink); }
.ai-case-copy > span { color:var(--accent); font-size:18px; font-weight:600; }
.ai-case-copy h3 { margin:18px 0; font-size:28px; line-height:1.2; }
.ai-case-copy p { margin:0; font-size:20px; line-height:1.45; }
.ai-case-copy .ai-case-copy__note { margin-top:28px; color:rgba(59,59,59,.72); font-size:16px; }
.ai-case-image { position:absolute; right:260px; top:275px; display:block; width:auto; max-height:680px; border-radius:8px; box-shadow:0 5px 7px rgba(0,0,0,.1); }
.ai-case-image--log { height:680px; }
.ai-case-image--query { height:630px; top:275px; right:300px; }
.ai-case-image--admin { height:680px; top:275px; right:300px; }
.ai-nanoclaw-screen .ai-project-title { top:246px; font-size:52px; }
.ai-screen-note { position:absolute; top:410px; left:168px; margin:0; font-size:20px; color:rgba(59,59,59,.76); }
.ai-nanoclaw-images { position:absolute; top:465px; left:168px; right:168px; height:470px; display:flex; align-items:flex-start; justify-content:center; gap:50px; }
.ai-nanoclaw-images img { display:block; width:auto; height:470px; object-fit:contain; border-radius:8px; box-shadow:0 5px 7px rgba(0,0,0,.1); }
.ai-nanoclaw-images img:first-child { height:600px; }
.ai-jaso-screen .ai-project-title { top:250px; font-size:52px; }
.ai-jaso-copy { position:absolute; left:168px; top:510px; width:470px; padding-top:22px; border-top:1px solid var(--ink); }
.ai-jaso-copy > span { color:var(--accent); font-size:18px; font-weight:600; }
.ai-jaso-copy h3 { margin:18px 0; font-size:28px; line-height:1.2; }
.ai-jaso-copy p { margin:0; font-size:20px; line-height:1.45; }
.ai-jaso-image { position:absolute; display:block; object-fit:contain; border-radius:8px; box-shadow:0 5px 7px rgba(0,0,0,.1); }
.ai-jaso-image--review { left:880px; top:180px; width:900px; height:803px; }
.ai-jaso-image--insight { left:900px; top:255px; width:760px; height:570px; }
.ai-runtime-flow { position:absolute; top:500px; left:168px; right:168px; display:flex; align-items:center; gap:28px; }
.ai-runtime-flow div { width:480px; min-height:158px; padding:26px 30px; box-sizing:border-box; border-top:1px solid var(--ink); }
.ai-runtime-flow strong { display:block; font-size:24px; line-height:1.2; }
.ai-runtime-flow span { display:block; margin-top:16px; font-size:20px; line-height:1.4; }
.ai-runtime-flow > i { color:var(--accent); font-size:36px; font-style:normal; }
.ai-command-row { position:absolute; top:750px; left:168px; right:168px; display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.ai-command-row span { padding:16px 0; border-top:1px solid rgba(59,59,59,.4); font-size:16px; line-height:1.4; }
.ai-command-row b { display:block; margin-bottom:7px; color:var(--accent); font-family:Inter, sans-serif; font-size:18px; }
.ai-control-grid { position:absolute; top:520px; left:168px; right:168px; display:grid; grid-template-columns:1fr 1fr; gap:52px 96px; }
.ai-control-grid div { padding-top:18px; border-top:1px solid var(--ink); }
.ai-qwen-execution .ai-project-title, .ai-qwen-ownership-slide .ai-project-title, .ai-qwen-measured .ai-project-title { top:252px; font-size:56px; }
.ai-qwen-handoff .ai-project-title { top:252px; font-size:52px; }
.ai-qwen-tools .ai-project-title { top:252px; font-size:52px; }
.ai-qwen-execution-layout { position:absolute; left:168px; right:168px; top:480px; display:grid; grid-template-columns:620px minmax(0,1fr); gap:96px; }
.ai-qwen-execution-map { padding-top:18px; border-top:1px solid var(--ink); }
.ai-qwen-execution-map > p { margin:0; color:var(--accent); font-size:18px; font-weight:600; letter-spacing:-.01em; }
.ai-qwen-map { margin-top:24px; display:grid; grid-template-columns:minmax(0,1fr) 40px 220px; align-items:center; }
.ai-qwen-paths > div, .ai-qwen-server { min-height:92px; padding:16px 10px 0; box-sizing:border-box; border-top:1px solid rgba(59,59,59,.35); }
.ai-qwen-paths > div + div { margin-top:18px; }
.ai-qwen-map strong { display:block; font-size:21px; line-height:1.2; letter-spacing:-.02em; }
.ai-qwen-map span { display:block; margin-top:12px; font-size:16px; line-height:1.4; letter-spacing:-.01em; }
.ai-qwen-map code, .ai-qwen-state-grid code, .ai-qwen-ownership-slide .ai-band code { color:var(--accent); font-family:Inter, sans-serif; font-size:.88em; }
.ai-qwen-map > i { color:var(--accent); font-size:32px; font-style:normal; text-align:center; }
.ai-qwen-execution-map small { display:block; margin-top:22px; color:rgba(59,59,59,.72); font-size:15px; line-height:1.45; letter-spacing:-.01em; }
.ai-qwen-execution-map small b { font-weight:600; }
.ai-qwen-screenshot-placeholder { height:390px; margin:0; padding:34px 38px; box-sizing:border-box; display:flex; flex-direction:column; justify-content:center; align-items:center; background:#fff; border-radius:8px; box-shadow:0 5px 7px rgba(0,0,0,.1); text-align:center; }
.ai-qwen-screenshot-placeholder > span { align-self:flex-start; margin-bottom:auto; color:var(--accent); font-size:16px; font-weight:600; }
.ai-qwen-screenshot-placeholder > strong { font-size:32px; line-height:1.2; }
.ai-qwen-screenshot-placeholder > small { margin:14px 0 auto; color:rgba(59,59,59,.65); font-size:17px; line-height:1.4; }
.ai-qwen-call-proof { height:390px; margin:0; padding:24px 28px; box-sizing:border-box; display:flex; flex-direction:column; background:#fff; border-radius:8px; box-shadow:0 5px 7px rgba(0,0,0,.1); overflow:hidden; }
.ai-qwen-call-proof figcaption { margin:0 0 12px; color:var(--accent); font-size:16px; font-weight:600; line-height:1.2; }
.ai-qwen-call-proof__main { display:block; width:100%; height:248px; object-fit:contain; object-position:center; }
.ai-qwen-call-proof__status { height:48px; margin-top:12px; display:flex; align-items:center; gap:18px; }
.ai-qwen-call-proof__status > span { flex:0 0 auto; color:var(--accent); font-size:14px; font-weight:600; }
.ai-qwen-call-proof__status img { display:block; width:auto; max-width:520px; height:41px; object-fit:contain; }
.ai-qwen-execution .ai-band code { color:var(--accent); font-family:Inter, sans-serif; font-size:.88em; }
.ai-qwen-handoff-grid { position:absolute; left:168px; right:168px; top:450px; display:grid; grid-template-columns:650px 70px minmax(0,1fr); align-items:end; }
.ai-qwen-handoff-grid figure { min-width:0; margin:0; padding-top:18px; border-top:1px solid var(--ink); }
.ai-qwen-handoff-grid figcaption { height:68px; box-sizing:border-box; }
.ai-qwen-handoff-grid figcaption span { display:block; color:var(--accent); font-size:16px; font-weight:600; line-height:1.2; }
.ai-qwen-handoff-grid figcaption strong { display:block; margin-top:10px; font-size:22px; line-height:1.2; letter-spacing:-.01em; }
.ai-qwen-handoff-grid > i { align-self:center; color:var(--accent); font-size:34px; font-style:normal; text-align:center; }
.ai-qwen-handoff-shot { height:350px; overflow:hidden; background:#fff; border-radius:8px; box-shadow:0 5px 7px rgba(0,0,0,.1); }
.ai-qwen-handoff-shot img { display:block; width:100%; height:100%; object-fit:cover; }
.ai-qwen-handoff-shot--worker img { object-position:50% 100%; }
.ai-qwen-handoff-shot--response img { object-position:50% 35%; }
.ai-qwen-handoff .ai-band code { color:var(--accent); font-family:Inter, sans-serif; font-size:.88em; }
.ai-qwen-tool-layout { position:absolute; left:168px; right:168px; top:450px; display:grid; grid-template-columns:620px minmax(0,1fr); gap:84px; }
.ai-qwen-tool-path { min-width:0; padding-top:18px; border-top:1px solid var(--ink); }
.ai-qwen-tool-path > p { margin:0; color:var(--accent); font-size:16px; font-weight:600; line-height:1.2; }
.ai-qwen-tool-path > h3 { margin:14px 0 0; font-size:28px; line-height:1.2; letter-spacing:-.02em; }
.ai-qwen-plugin-contract { margin-top:24px; display:grid; grid-template-columns:1fr 1fr; gap:18px 28px; }
.ai-qwen-plugin-contract article, .ai-qwen-tool-grid article { padding-top:14px; border-top:1px solid rgba(59,59,59,.35); }
.ai-qwen-plugin-contract code, .ai-qwen-tool-grid code { display:block; color:var(--accent); font-family:Inter, sans-serif; font-size:18px; font-weight:600; line-height:1.2; }
.ai-qwen-plugin-contract span, .ai-qwen-tool-grid span { display:block; margin-top:9px; font-size:16px; line-height:1.3; }
.ai-qwen-tool-grid { margin-top:36px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px 24px; }
.ai-qwen-tool-grid article { position:relative; min-height:88px; box-sizing:border-box; }
.ai-qwen-tool-grid em { display:block; margin-top:9px; color:rgba(59,59,59,.55); font-family:Inter, sans-serif; font-size:11px; font-style:normal; font-weight:600; line-height:1.2; }
.ai-qwen-tool-grid__gated em { color:var(--accent); }
.ai-qwen-agent-loop { position:absolute; left:168px; right:168px; top:785px; display:grid; grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr); align-items:center; }
.ai-qwen-agent-loop > span { min-width:0; padding:14px 8px 0; border-top:1px solid var(--ink); color:var(--accent); font-family:Inter, sans-serif; font-size:16px; font-weight:600; line-height:1.2; }
.ai-qwen-agent-loop small { display:block; margin-top:8px; color:var(--ink); font-family:Paperlogy, sans-serif; font-size:14px; font-weight:400; line-height:1.25; }
.ai-qwen-agent-loop > i { color:var(--accent); font-size:24px; font-style:normal; text-align:center; }
.ai-qwen-tools .ai-band code { color:var(--accent); font-family:Inter, sans-serif; font-size:.88em; }
.ai-qwen-state-grid { position:absolute; left:168px; right:168px; top:520px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:42px; }
.ai-qwen-state-grid article { padding-top:22px; border-top:1px solid var(--ink); }
.ai-qwen-state-grid strong, .ai-qwen-metric-grid > article > strong { color:var(--accent); font-size:18px; font-weight:600; }
.ai-qwen-state-grid h3 { margin:18px 0 12px; font-size:28px; line-height:1.2; letter-spacing:-.02em; }
.ai-qwen-state-grid p { margin:0; font-size:20px; line-height:1.4; letter-spacing:-.01em; }
.ai-qwen-principle-label { position:absolute; left:168px; bottom:192px; margin:0; color:var(--accent); font-size:16px; font-weight:700; line-height:1.2; }
.ai-qwen-metric-grid { position:absolute; left:168px; right:168px; top:500px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:42px; }
.ai-qwen-metric-grid article { padding-top:22px; border-top:1px solid var(--ink); }
.ai-qwen-metric-grid h3 { margin:18px 0 14px; color:var(--accent); font-size:44px; line-height:1.08; letter-spacing:-.03em; }
.ai-qwen-metric-grid p { margin:0; font-size:19px; line-height:1.42; letter-spacing:-.01em; }
.ai-qwen-measure-note { position:absolute; left:168px; top:750px; margin:0; color:rgba(59,59,59,.68); font-size:16px; line-height:1.4; letter-spacing:-.01em; }
.ai-capabilities { position:absolute; left:168px; right:168px; top:500px; display:grid; grid-template-columns:repeat(3,1fr); gap:42px; }
.ai-capabilities article { min-height:284px; padding:28px 30px; box-sizing:border-box; border-top:1px solid var(--ink); }
.ai-capabilities strong { color:var(--accent); font-size:20px; }
.ai-capabilities h3 { margin:18px 0; font-family:Inter, Paperlogy, sans-serif; font-size:26px; line-height:1.2; }
.ai-capabilities span { display:block; margin-top:22px; color:var(--accent); font-size:16px; line-height:1.4; }
.ai-note { position:absolute; top:440px; left:168px; margin:0; color:rgba(59,59,59,.7); font-size:16px; }
.ai-principles { position:absolute; top:350px; left:168px; right:168px; display:grid; grid-template-columns:repeat(3,1fr); gap:72px; }
.ai-principles div { padding-top:26px; border-top:1px solid var(--ink); }
.ai-principles strong { color:var(--accent); font-size:20px; }
.ai-principles h2 { margin:20px 0; font-size:48px; line-height:1.2; }
.ai-end__copy { position:absolute; left:168px; top:288px; }
.ai-end__copy p { margin:0 0 30px; color:var(--accent); font-size:24px; font-weight:600; }
.ai-end__copy span { display:block; margin-top:32px; font-size:32px; line-height:1.4; }
.ai-end__footer { position:absolute; left:168px; right:168px; bottom:84px; display:flex; justify-content:space-between; font-size:20px; font-weight:600; }