:root{--ink:#20211f;--muted:#74766e;--paper:#f8f8f4;--line:#d9dad2;--lime:#d5ed90;--font:Arial,'PingFang SC','Microsoft YaHei',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.65}button,input,select,textarea{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #6487e3;outline-offset:5px}button{color:inherit}h1,h2,h3,h4,p{margin:0}button{border:0;background:none}em,.serif{font-family:Georgia,'Songti SC',serif;font-weight:400}button,a,summary{transition:background .2s,color .2s,transform .2s}.skip{position:fixed;top:-60px;left:20px;z-index:99;background:white;padding:10px}.skip:focus{top:10px}.nav{position:fixed;z-index:20;top:24px;left:50%;transform:translateX(-50%);width:min(660px,calc(100% - 40px));height:64px;display:flex;align-items:center;justify-content:space-between;background:#fffefbee;border:1px solid #fff;border-radius:6px;padding:0 24px;box-shadow:0 10px 32px #0002;backdrop-filter:blur(16px)}.brand{font-family:Georgia,serif;font-style:italic;font-size:29px;letter-spacing:-1.4px}.brand span{font-size:12px;vertical-align:top;margin-left:3px}.nav nav{display:flex;gap:25px;align-items:center;font-size:14px}.nav nav button{padding:0}.nav nav a span{font-size:10px;color:#999;margin-left:2px}.nav-contact{border-left:1px solid var(--line);padding-left:23px;font-size:14px}.nav-contact span{margin-left:12px}.hero{background:#1a1b19;color:#f3f4ed;padding:150px max(6.5vw,24px) 26px}.hero-meta,.hero-bottom{display:flex;justify-content:space-between;color:#a8aaa1;font-size:12px;letter-spacing:1.5px}.hero-main{display:grid;grid-template-columns:1.6fr 1fr;gap:70px;align-items:end;margin:38px 0 55px}.hello{font-size:17px;margin-bottom:16px;color:#bbbfb2}.hero h1{font-weight:500;font-size:clamp(42px,5.6vw,80px);line-height:1.22;letter-spacing:-3px}.hero h1 em{font-size:1.18em;letter-spacing:-3px}.period{color:var(--lime)}.hero-note{max-width:330px;padding-bottom:7px}.asterisk{font-size:44px;color:var(--lime);line-height:1;display:block;margin-bottom:20px}.hero-note p{font-size:17px;line-height:1.8}.hero-note .muted{color:#9da096;font-size:14px;margin-top:9px}.hero-link{display:inline-flex;align-items:center;gap:28px;margin-top:24px;font-size:14px;border-bottom:1px solid #66695c;padding-bottom:6px}.hero-link span{color:var(--lime)}.hero-bottom{border-top:1px solid #3e4037;padding-top:19px;font-size:12px;letter-spacing:.5px}.hero-bottom div{display:flex;gap:24px}.work-section{max-width:1480px;margin:auto;padding:72px 6.5vw 55px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:58px;gap:30px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:500;color:#72766a}.section-heading h2{font-size:35px;font-weight:500;letter-spacing:-1px;margin-top:12px}.section-heading p{font-size:14px;text-align:right;color:#50534a}.section-heading p span{color:#818579;font-size:12px}.project{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:48px;align-items:center;margin-bottom:105px}.stage{position:relative;min-height:560px;display:flex;align-items:center;justify-content:center;padding:43px 32px 60px;overflow:hidden;border-radius:4px}.stage-index{position:absolute;bottom:19px;left:27px;font-size:10px;letter-spacing:1.5px;opacity:.52}.window{width:100%;border-radius:10px;overflow:hidden;background:white;box-shadow:0 20px 45px #19222d20;border:1px solid #fff7;transition:transform .3s}.stage:hover .window{transform:translateY(-3px)}.window-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 21px;border-bottom:1px solid #e8e9e4;font-size:10px;color:#888}.window-brand{font-size:13px;letter-spacing:-.15px;font-weight:600;color:#30352d}.window-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 20px;border-top:1px solid #e8e9e4;font-size:10px;color:#7e857b}.demo-label{font-size:10px;letter-spacing:1.4px;opacity:.55;margin-bottom:10px}.window h3{font-size:21px;font-weight:500;letter-spacing:-.5px;line-height:1.5}.tiny-label{font-size:10px;font-weight:500;color:#899284;letter-spacing:1px}.agent-stage{background:#dce4d5}.dark-window{background:#242d25;color:#f0f2e9;border-color:#56644d}.dark-window .window-bar,.dark-window .window-foot{border-color:#ffffff15;color:#95a78d}.dark-window .window-brand{color:#e7eddf}.agent-main{padding:24px}.flow{display:flex;align-items:center;margin:29px 0}.flow-node{font-family:Georgia,serif;color:#90a582;background:#35432f;border:1px solid #4a5a43;border-radius:6px;padding:12px;flex:1;font-size:15px}.flow-node span{font-family:var(--font);display:block;font-size:11px;margin-top:4px;color:#c9d4bf;white-space:nowrap}.flow-node.current{border-color:#caed92;background:#d2eb9f;color:#3f542b}.flow-node.current span{color:#334526}.flow i{width:17px;flex:none;height:1px;background:#788b69}.agent-conversation{padding:17px;background:#1b231c;border-radius:6px}.agent-conversation>p{font-size:15px;margin:6px 0 16px}.agent-result{padding-top:13px;border-top:1px solid #4c584333}.small-status{font-size:10px;color:#8ba879;display:block}.agent-result strong{font-size:12px;font-weight:500;display:block;margin:4px 0;color:#d7eeae}.agent-result p{font-size:11px;color:#b4c0aa;min-height:36px}.scenario-buttons{display:flex;gap:7px;margin-top:20px;flex-wrap:wrap}.scenario-buttons button{font-size:11px;border:1px solid #68796069;border-radius:5px;padding:7px 12px;color:#bdc7b4}.scenario-buttons button.selected{color:#242d25;background:#d0e5b3;border-color:#d0e5b3}.scenario-buttons button:hover{border-color:#b3c99d}.project-kicker{font-size:11px;letter-spacing:1px;display:flex;justify-content:space-between;color:#717769;margin-bottom:20px}.project-kicker span{font-size:10px}.project-copy h3{font-size:clamp(25px,2.3vw,34px);line-height:1.5;letter-spacing:-1.1px;font-weight:500}.project-copy .lead{color:#73766d;font-size:14px;line-height:1.9;margin:20px 0}.project-copy dl{display:grid;grid-template-columns:65px 1fr;gap:14px 9px;font-size:12px;margin:22px 0 24px;line-height:1.9}.project-copy dt{color:#a0a397}.project-copy dd{margin:0;color:#565b50}.metrics{display:flex;gap:32px;padding:20px 0;border-top:1px solid var(--line)}.metrics>div{display:flex;flex-direction:column}.metrics strong{font-size:35px;font-weight:400;font-family:Arial,sans-serif;letter-spacing:-1.8px;line-height:1.1}.metrics strong span{font-size:16px;margin-left:3px;letter-spacing:-.2px}.metrics>div>span{font-size:10px;color:#83877d;margin-top:9px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.tags span{font-size:10px;border:1px solid #daddd2;padding:3px 9px;border-radius:20px;color:#777e6e}details{font-size:12px;margin-top:24px;border-top:1px solid var(--line)}summary{cursor:pointer;display:flex;justify-content:space-between;padding:13px 0;list-style:none}summary::-webkit-details-marker{display:none}details p{color:#74796c;line-height:1.9;margin-bottom:12px}details[open] summary span{transform:rotate(45deg)}.teaching-stage{background:#dce5ed}.teaching-main,.copilot-main,.prompt-main{padding:25px}.blue-icon{color:#577acb;font-size:18px;margin-right:4px}.lesson-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:23px 0}.lesson-inputs label{font-size:10px;color:#808894}.lesson-inputs select{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid #dfe5ed;border-radius:5px;background:#fafbfd;font-size:12px;color:#434e61}.pipeline{display:flex;justify-content:space-between;font-size:10px;margin:19px 0;color:#9aa4b4}.pipeline span{padding-bottom:7px;border-bottom:2px solid #e8edf4;flex:1;text-align:center}.pipeline span.active{color:#5277bc;border-color:#7596d0}.plan-document{padding:16px 19px;border:1px solid #e1e6ec;background:#f9fbfd;min-height:156px;border-radius:4px;margin-bottom:17px}.paper-meta{display:flex;justify-content:space-between;font-size:8px;color:#8391a6;letter-spacing:1px}.plan-document h4{font-size:13px;margin:10px 0;font-weight:600}.plan-document p{font-size:11px;color:#7c8798;margin:6px 0}.skeleton-line{height:5px;width:85%;background:#e6ebf3;border-radius:10px;margin:15px 0 9px}.skeleton-line.short{width:59%;margin:0}.primary{font-size:12px;padding:11px 16px;display:flex;justify-content:space-between;gap:20px;border-radius:5px;align-items:center}.primary.blue{background:#5479ba;color:white;width:100%}.primary:hover{filter:brightness(.93)}.primary:disabled{opacity:.7;cursor:wait}.copilot-stage{background:#e7e0ef}.copilot-window .window-brand{color:#6a577a}.copilot-main h3{font-size:20px}.chat-split{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid #e8e3ed;border-radius:7px;margin:24px 0 0;overflow:hidden;min-height:256px}.customer-pane{background:#f6f3f9;padding:17px}.avatar{height:28px;width:28px;border-radius:50%;background:#e5daee;color:#7f6493;display:grid;place-items:center;font-size:11px;margin-top:15px}.chat-bubble{background:white;font-size:12px;line-height:1.8;padding:12px;margin-top:7px;border-radius:0 7px 7px 7px}.chat-context{margin-top:19px;display:flex;flex-direction:column;font-size:10px;color:#aaa}.chat-context strong{font-size:11px;color:#887395;font-weight:400;margin-top:3px}.suggestion-pane{padding:17px}.suggestion-pane>.tiny-label{display:flex;justify-content:space-between;font-size:10px}.suggestion-pane>.tiny-label b{color:#8d68a9}.suggestion-pane>p{font-size:12px;line-height:1.9;color:#685876;margin:20px 0;min-height:115px}.knowledge{display:flex;gap:4px;flex-wrap:wrap}.knowledge span{padding:3px 6px;background:#f5f0f8;color:#9c80ae;font-size:9px;border-radius:3px}.light button{color:#8d799c;border-color:#dfd4e7}.light button.selected{background:#79618b;color:#fff;border-color:#79618b}.play-divider{margin:-3px 0 62px;padding-top:50px;border-top:1px solid var(--line)}.play-divider h2{font-size:42px;font-weight:500;margin:14px 0 10px;letter-spacing:-1.2px}.play-divider p{font-size:14px;color:#7a7f70}.exchange-stage{background:#e4e9cf}.exchange-window{border-radius:10px}.exchange-window .window-brand{color:#506033;font-size:15px}.mini{font-size:8px;margin-left:7px;letter-spacing:1px}.exchange-main{padding:27px}.exchange-heading{display:flex;align-items:center;gap:17px}.exchange-symbol{font-size:46px;line-height:1;color:#849b48}.exchange-heading h3{font-family:Georgia,'Songti SC',serif;font-size:26px;font-weight:600;line-height:1.3;color:#435230}.exchange-select{display:flex;gap:17px;align-items:center;justify-content:space-between;margin:24px 0}.exchange-select label{flex:1;font-size:10px;color:#94a17f}.exchange-select select{display:block;width:100%;border:0;border-bottom:1px solid #d8dec9;background:white;color:#596c3e;padding:8px 0;font-size:14px;border-radius:0}.exchange-select>span{color:#9cac7d;padding-top:18px}.match-card{border:1px solid #dce3cc;border-radius:8px;padding:18px;background:#f9fbf3}.match-top{display:flex;align-items:center;gap:10px}.person-initial{height:39px;width:39px;display:grid;place-items:center;background:#e6edcf;color:#6e8146;border-radius:50%;font-family:'Songti SC',serif;font-size:18px}.match-top h4{font-size:14px;font-weight:500}.match-top p{font-size:10px;color:#8e997b;margin-top:2px}.match-icon{margin-left:auto;color:#8b9d68}.match-skills{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 16px}.match-skills div{display:flex;flex-direction:column;gap:5px;flex:1}.match-skills div:last-child{text-align:right}.match-skills span{font-size:10px;color:#9da88a}.match-skills strong{font-size:17px;font-weight:500;color:#536737}.match-skills>span{font-size:20px}.match-state{display:block;border-top:1px solid #e1e7d6;padding-top:12px;font-size:10px;color:#8d9b75}.demo-note{font-size:10px;color:#9ca38f;margin-top:16px;line-height:1.7}.project-link{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #858b7b;padding:17px 0 9px;margin-top:26px;font-size:14px}.project-link:hover{color:#71893e}.smallprint{font-size:11px;color:#989d8e;margin-top:13px;line-height:1.9}.prompt-stage{background:#efdfd0}.orange-mark{color:#d48235;font-size:18px;margin-right:5px}.prompt-rule{background:#fcf6ef;border:1px solid #f0e1d0;border-radius:6px;margin:21px 0 17px;padding:14px}.prompt-rule .tiny-label{color:#b6926a;font-size:9px;letter-spacing:.4px}.prompt-rule p{font-size:12px;line-height:1.8;margin-top:6px;color:#8a725b}.prompt-rule code{font-size:11px;background:#f5e7d6;color:#aa6d33;padding:1px 4px}.reply-label{font-size:10px;display:flex;justify-content:space-between;color:#8e8174;margin:0 0 7px}.reply-label span{font-size:9px;color:#b6a999}textarea{resize:vertical;min-height:93px;width:100%;border:1px solid #e4ded7;border-radius:5px;padding:12px;background:#fff;font-size:12px;color:#82715f;line-height:1.6}.audit-result{display:flex;gap:10px;align-items:center;background:#fdf0e5;border-radius:5px;padding:12px;margin:14px 0;color:#b97436}.risk-icon{border:1px solid currentColor;border-radius:50%;width:21px;height:21px;display:grid;place-items:center;font-family:Georgia;flex:none;font-size:13px}.audit-result strong{font-size:12px;font-weight:600}.audit-result p{font-size:10px;margin-top:2px;color:#b18b68}.audit-result.pass{background:#eff5e6;color:#728a4d}.audit-result.pass p{color:#8a9c72}.audit-buttons{display:flex;gap:8px}.primary.orange{background:#bd8046;color:#fff;flex:1}.outline{font-size:11px;border:1px solid #e5d7c6;border-radius:5px;padding:8px 12px;color:#a2805b}.prompt-main>.demo-note{font-size:9px;color:#a99987}.work-footnote{font-size:11px;color:#929787;text-align:center;margin-top:-55px}.about{padding:80px 9vw;display:grid;grid-template-columns:1fr 1.3fr;gap:80px;border-top:1px solid var(--line);max-width:1440px;margin:auto}.about h2{font-size:48px;line-height:1.4;letter-spacing:-2px;font-weight:500;margin-top:22px}.about h2 em{color:#8a936d}.about-content{padding-top:26px}.about-content p{font-size:16px;line-height:2;color:#72786a;margin-bottom:19px}.text-button{display:flex;justify-content:space-between;width:100%;font-size:14px;border-bottom:1px solid #c5cbbb;padding:15px 0}footer{background:#1b1d18;padding:68px 6.5vw 24px;color:#e5e9dc}footer .eyebrow{color:#969f88}.footer-title{display:flex;justify-content:space-between;align-items:center;font-size:clamp(32px,4vw,58px);letter-spacing:-1.7px;padding:17px 0 45px}.footer-title span{color:var(--lime)}.footer-bottom{display:flex;justify-content:space-between;gap:15px;padding-top:21px;border-top:1px solid #3a4032;color:#9da68d;font-size:11px}dialog{border:0;border-radius:10px;width:min(780px,calc(100vw - 32px));max-height:88vh;padding:0;color:var(--ink);background:var(--paper);box-shadow:0 40px 120px #0005}dialog::backdrop{background:#15191199;backdrop-filter:blur(6px)}.dialog-header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid var(--line);background:var(--paper);z-index:1}.dialog-header button{font-size:20px;padding:0 5px}.resume-body{padding:35px}.resume-body h2{font-size:34px;font-weight:500}.resume-body h2 em{font-size:27px;margin-left:10px}.resume-body>p{font-size:14px;color:var(--muted)}.resume-body h3{font-size:17px;font-weight:500;margin:29px 0 15px}.resume-row{display:grid;grid-template-columns:155px 1fr;gap:15px;border-top:1px solid #e2e4db;padding:14px 0}.resume-row>span{font-size:11px;color:#8f957f}.resume-row strong{font-size:14px;font-weight:500}.resume-row p{font-size:12px;line-height:1.8;color:#828975;margin-top:5px}.resume-body .tags{margin-top:17px} @media(min-width:1550px){.work-section{padding-left:85px;padding-right:85px}.hero{padding-left:calc((100vw - 1270px)/2);padding-right:calc((100vw - 1270px)/2)}} @media(max-width:1100px){.project{gap:30px;grid-template-columns:1.25fr 1fr}.stage{padding:30px 20px 50px;min-height:520px}.project-copy h3{font-size:26px}.agent-main,.teaching-main,.copilot-main,.prompt-main,.exchange-main{padding:20px}.window h3{font-size:18px}.metrics{gap:25px}.metrics strong{font-size:30px}.chat-split{grid-template-columns:1fr 1fr}.customer-pane,.suggestion-pane{padding:12px}.hero-main{gap:40px}.work-section{padding-left:5vw;padding-right:5vw}} @media(max-width:800px){.hero{padding-top:140px}.hero-main{grid-template-columns:1fr 1fr;gap:28px;margin-bottom:40px}.hero h1{font-size:45px;letter-spacing:-2px}.hero-note p{font-size:14px}.hero-note .muted{font-size:12px}.hero-meta{font-size:10px;letter-spacing:.6px}.hero-meta>span:last-child{display:none}.asterisk{font-size:32px;margin-bottom:15px}.project{grid-template-columns:1fr;gap:29px;margin-bottom:72px}.stage{min-height:0;padding:40px 12% 60px}.window h3{font-size:22px}.project-copy h3 br{display:none}.project-copy h3{font-size:28px}.project-copy .lead{font-size:16px;margin:14px 0}.project-copy dl{font-size:14px;grid-template-columns:70px 1fr;gap:9px}.project-kicker{margin-bottom:12px;font-size:12px}.metrics{gap:50px}.metrics strong{font-size:38px}.metrics>div>span,.tags span{font-size:12px}details{font-size:14px;margin-top:20px}.section-heading h2{font-size:30px}.section-heading p{font-size:12px}.section-heading p span{display:none}.work-section{padding-top:47px}.section-heading{margin-bottom:32px}.about{gap:40px;padding:55px 6vw}.about h2{font-size:36px}.about-content{padding-top:15px}.about-content p{font-size:14px}.work-footnote{margin-top:-20px}.play-divider{padding-top:38px}.play-divider h2{font-size:35px}.project-link{font-size:16px}.smallprint{font-size:12px}} @media(max-width:540px){.nav{top:14px;width:calc(100% - 28px);height:57px;padding:0 16px}.brand{font-size:25px}.nav nav{gap:16px;font-size:13px}.nav-contact{font-size:12px;padding-left:15px}.nav-contact span{display:none}.nav nav a span{display:none}.hero{padding:111px 24px 23px}.hero-main{grid-template-columns:1fr;margin-top:28px;gap:23px;margin-bottom:30px}.hero h1{font-size:49px;line-height:1.2;letter-spacing:-2.5px}.hello{font-size:15px;margin-bottom:15px}.hero-note{display:grid;grid-template-columns:1fr;max-width:none;padding-left:0;position:relative}.asterisk{position:absolute;right:7px;top:7px;font-size:43px}.hero-note p{font-size:14px}.hero-note p br{display:none}.hero-note p:first-of-type{padding-right:50px}.hero-note .muted{max-width:270px;font-size:12px;line-height:1.8}.hero-link{justify-self:start;margin-top:18px;font-size:12px;gap:22px}.hero-bottom{font-size:10px;gap:15px}.hero-bottom div{gap:10px}.hero-bottom div span:first-child{display:none}.work-section{padding:40px 20px}.section-heading{display:block}.section-heading h2{font-size:28px;margin-top:9px}.section-heading p{text-align:left;margin-top:12px}.eyebrow{font-size:10px;letter-spacing:1.5px}.stage{padding:28px 16px 46px}.window-bar{padding:13px;font-size:9px}.window-brand{font-size:11px}.window-foot{font-size:8px;padding:10px 13px;gap:7px}.agent-main,.teaching-main,.copilot-main,.prompt-main,.exchange-main{padding:18px 15px}.window h3{font-size:18px}.demo-label{font-size:9px;letter-spacing:.8px}.flow{margin:23px 0}.flow-node{padding:10px}.flow-node span{font-size:10px}.agent-conversation{padding:13px}.agent-conversation>p{font-size:13px}.agent-result strong{font-size:11px}.agent-result p{font-size:10px;min-height:34px}.scenario-buttons{gap:5px;margin-top:16px}.scenario-buttons button{font-size:10px;padding:7px 10px}.stage-index{font-size:8px;bottom:16px;left:18px}.project{gap:25px}.project-copy h3{font-size:26px;line-height:1.5;letter-spacing:-.8px}.project-copy .lead{font-size:14px}.project-copy dl{font-size:13px;grid-template-columns:61px 1fr;gap:12px}.metrics strong{font-size:33px}.metrics{gap:38px}.metrics>div>span,.tags span{font-size:10px}details{font-size:13px}.pipeline{font-size:9px}.lesson-inputs{margin:19px 0}.plan-document{padding:12px;min-height:155px}.chat-split{min-height:248px}.chat-bubble,.suggestion-pane>p{font-size:11px}.suggestion-pane>p{min-height:128px}.knowledge span{font-size:8px}.chat-context{margin-top:15px}.exchange-heading h3{font-size:24px}.exchange-symbol{font-size:40px}.match-card{padding:14px}.match-state{font-size:9px}.audit-buttons .outline{font-size:10px;padding:7px}.primary{font-size:11px;gap:10px}.prompt-rule p{font-size:11px}.prompt-rule .tiny-label{font-size:8px}.audit-result p{font-size:9px}.prompt-main textarea{font-size:11px}.about{grid-template-columns:1fr;gap:20px;padding:45px 25px}.about h2{font-size:40px;margin-top:15px}.about h2 br{display:none}.about-content{padding-top:0}.about-content p{font-size:15px}.footer-bottom{flex-wrap:wrap;font-size:10px;gap:17px}.footer-bottom>span{width:100%}.footer-bottom a:last-child{margin-left:auto}footer{padding:46px 24px 25px}.footer-title{font-size:34px;padding:14px 0 30px}.work-footnote{font-size:10px;text-align:left}.resume-body{padding:24px}.resume-body h2{font-size:27px}.resume-body h2 em{font-size:19px;display:block;margin:4px 0 9px}.resume-row{grid-template-columns:1fr;gap:5px}.dialog-header{padding:16px 24px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}} /* Readable typography inside the interactive project windows. */ .project-copy .lead{font-size:16px}.project-copy dl{font-size:14px}.project-kicker{font-size:12px}.project-kicker span{font-size:12px}.metrics>div>span,.tags span,.smallprint,.work-footnote{font-size:12px}details{font-size:14px}.window-bar,.window-foot,.demo-label,.tiny-label,.small-status,.paper-meta,.demo-note,.stage-index{font-size:12px;letter-spacing:.3px}.window-brand{font-size:14px}.flow-node span,.agent-result strong,.agent-result p,.scenario-buttons button,.lesson-inputs label,.lesson-inputs select,.pipeline,.plan-document h4,.plan-document p,.chat-bubble,.suggestion-pane>p,.chat-context,.chat-context strong,.suggestion-pane>.tiny-label,.knowledge span,.exchange-select label,.match-top p,.match-skills span,.match-state,.prompt-rule p,.reply-label,textarea,.audit-result strong,.audit-result p,.primary,.outline{font-size:14px}.agent-result p{min-height:46px}.scenario-buttons button{min-height:42px}.flow-node span{white-space:normal}.pipeline{font-size:12px}.paper-meta,.prompt-rule .tiny-label,.prompt-main>.demo-note,.reply-label span{font-size:12px;letter-spacing:0}.plan-document{min-height:185px}.suggestion-pane>p{min-height:155px}.chat-split{min-height:300px}.knowledge span{font-size:12px}.demo-note{line-height:1.8}.window-foot{font-size:11px}.primary,.outline{min-height:44px}.prompt-rule code{font-size:13px}.match-top h4{font-size:16px}.project-copy dt{color:#7d8272}.project-copy dd{color:#565b50}.hero-note .muted{color:#afb3a6}.hero-bottom{color:#b9bdae}.brand span{font-size:25px;vertical-align:baseline;margin-left:0}.prompt-main textarea{font-size:14px}.stage-index{font-size:10px}.match-state{font-size:12px}.match-skills>span{font-size:20px} @media(max-width:540px){.hero-note p:first-of-type{max-width:280px;padding-right:0}.hero-note p br{display:initial}.hero-note .muted{font-size:13px;max-width:280px}.hero-note .muted br{display:none}.hero h1{font-size:clamp(38px,12.5vw,49px)}.window-bar{font-size:10px;gap:7px}.window-brand{font-size:12px}.window h3{font-size:20px}.window-foot{font-size:10px}.flow-node{padding:10px 8px}.flow-node span{font-size:12px}.agent-conversation>p{font-size:15px}.agent-result strong,.agent-result p{font-size:13px}.scenario-buttons button{font-size:12px;padding:8px 10px}.lesson-inputs label{font-size:12px}.pipeline{font-size:11px}.plan-document p{font-size:13px}.chat-split{grid-template-columns:1fr;min-height:0}.customer-pane{padding:14px}.customer-pane .avatar{display:none}.chat-bubble{margin-top:10px}.chat-context{flex-direction:row;gap:12px;margin-top:10px;align-items:center}.chat-context strong{margin:0}.suggestion-pane{padding:14px}.suggestion-pane>p{min-height:0;margin:12px 0}.suggestion-pane>.tiny-label{font-size:12px}.exchange-select{gap:10px}.exchange-select label{font-size:12px}.match-top p{font-size:12px}.match-state{font-size:12px}.match-skills span{font-size:12px}.reply-label{font-size:12px}.reply-label span{font-size:11px}.prompt-rule .tiny-label{font-size:10px}.audit-result p{font-size:12px}.audit-buttons{flex-wrap:wrap}.audit-buttons .outline{font-size:12px;min-height:44px}.primary{font-size:13px}.prompt-main>.demo-note{font-size:11px}.demo-label{font-size:10px}.project-copy .lead{font-size:16px}.project-copy dl{font-size:14px}.project-copy h3{font-size:26px}.metrics>div>span{font-size:12px}.tags span{font-size:12px}.window-foot>span:last-child{display:none}.mini{display:none}.project-kicker{font-size:12px}.project-kicker span{font-size:11px}.stage-index{font-size:9px}.window-bar>span:last-child{font-size:10px}.work-footnote{font-size:12px}} /* Gallery composition: cut-out business card, anchored index, eased movement. */ html{scroll-behavior:auto;scroll-padding-top:140px}body{background:#f5f4f2}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nav{top:22px;width:min(570px,calc(100% - 36px));height:auto;display:block;padding:0;border-radius:4px;background:#fff;border:0;box-shadow:0 16px 40px #0002;backdrop-filter:none}.nav-caption{height:35px;border-bottom:1px solid #333;display:flex;justify-content:center;align-items:center;gap:9px;font-size:11px;color:#969696;letter-spacing:.1px}.nav-caption a{color:#464646}.nav-lower{height:61px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px}.nav nav{gap:22px;font-size:14px}.brand{font-size:33px;letter-spacing:-2px;font-weight:600;line-height:1;transform:rotate(-7deg)}.nav-actions{display:flex;justify-content:flex-end;align-items:center;gap:21px;font-size:13px}.nav-actions button{padding:0;font-size:13px}.hero{height:100svh;min-height:760px;position:relative;isolation:isolate;overflow:hidden;padding:0;background:#28231d;color:white}.hero-scene{position:absolute;inset:-12%;z-index:-1;will-change:transform;background:#31281f}.ambient-field{position:absolute;inset:-20%;background:radial-gradient(ellipse at 34% 56%,#e6b36f 0,transparent 32%),radial-gradient(ellipse at 75% 45%,#532819 0,transparent 32%),radial-gradient(ellipse at 63% 73%,#bb7547 0,transparent 36%),radial-gradient(ellipse at 23% 14%,#202e2a 0,transparent 35%),linear-gradient(130deg,#151e1b 5%,#4f3129 36%,#a88450 61%,#282d25 95%);filter:blur(30px);animation:ambient-drift 22s ease-in-out infinite alternate;will-change:transform}.ambient-light{position:absolute;inset:-30%;background:conic-gradient(from 100deg at 65% 46%,transparent 0deg,#edb27180 48deg,transparent 88deg,transparent 158deg,#edce9566 190deg,transparent 240deg);filter:blur(45px);mix-blend-mode:screen;opacity:.65;animation:light-drift 26s ease-in-out infinite alternate;will-change:transform}.scene-grain{position:absolute;inset:0;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");pointer-events:none}.hero-card-wrap{position:absolute;top:50%;left:50%;width:clamp(370px,31vw,490px);transform:translate(-50%,-50%);will-change:transform;filter:drop-shadow(0 18px 32px #29170718)}.business-card{display:block;width:100%;height:auto}.hero-statement{position:absolute;bottom:12%;left:0;width:100%;text-align:center;will-change:transform,opacity}.hero-statement p{font-size:clamp(24px,2.2vw,34px);line-height:1.45;letter-spacing:-.8px;font-weight:500}.hero-statement em{font-family:Georgia,'Songti SC',serif;font-style:italic}.hero-statement>a{display:inline-flex;align-items:center;gap:25px;margin-top:21px;font-size:12px;color:#ffffffae}.hero-statement>a:hover{color:white}.hero-ruler{position:absolute;bottom:15px;left:3.2%;width:93.6%;display:flex;justify-content:space-between;color:#ffffff85;font-size:10px;line-height:1.5}.hero-ruler span{display:flex;flex-direction:column;align-items:center;gap:4px}.hero-ruler i{width:1px;height:10px;background:#ffffff85}.work-section{display:grid;grid-template-columns:175px minmax(0,1fr);gap:42px;max-width:1680px;padding:100px 3.2vw 75px;margin:auto;position:relative;align-items:start}.work-content{min-width:0}.project-index{align-self:stretch;min-width:0}.index-sticky{position:sticky;top:155px;padding:10px 0 15px}.index-label{font-size:10px;letter-spacing:1.2px;color:#a19f9a;display:block;margin-bottom:28px}.index-sticky nav{display:flex;flex-direction:column;gap:0}.index-link{display:block;position:relative;color:#a7a5a0;padding:16px 23px 23px 0;line-height:1.5}.index-link:after{content:'–';display:block;margin-top:21px;color:#c4c1bb;font-size:14px;line-height:10px}.index-link:last-child:after{display:none}.index-link>span{font-size:16px;letter-spacing:-.3px}.index-link>small{display:block;font-size:11px;margin-top:3px;opacity:.65}.index-link>i{position:absolute;top:20px;right:5px;font-size:10px;font-style:normal;opacity:0;transition:opacity .3s}.index-link[aria-current="true"]{color:#171916}.index-link[aria-current="true"]>i{opacity:1}.index-link:hover{color:#30332d}.index-footer{border-top:1px solid #deddd7;margin-top:10px;padding-top:17px;font-size:10px;display:flex;justify-content:space-between;color:#aaa69e}.section-heading{margin:0 0 40px;align-items:center}.section-heading h2{font-size:29px;margin-top:8px}.section-heading>p{font-size:12px}.section-heading>p span{font-size:11px}.project{grid-template-columns:minmax(0,1.55fr) minmax(290px,.95fr);gap:34px;align-items:center;scroll-margin-top:0;margin-bottom:125px}.stage{min-height:610px;padding:40px 26px 58px;border-radius:5px;transform-origin:50% 70%;transition:transform 1.05s cubic-bezier(.2,.75,.2,1),opacity .9s ease;will-change:transform,opacity}.stage .window{max-width:580px}.project-copy{transition:transform .9s cubic-bezier(.2,.75,.2,1),opacity .8s ease .08s}.motion-ready .project:not(.is-visible) .stage{opacity:.25;transform:translateY(65px) scale(.965)}.motion-ready .project:not(.is-visible) .project-copy{opacity:.15;transform:translateY(38px)}.project-copy h3{font-size:clamp(24px,2vw,30px);letter-spacing:-.8px}.project-copy .lead{font-size:15px;line-height:1.85;margin:17px 0}.project-copy dl{font-size:13px;grid-template-columns:58px 1fr;gap:11px 8px}.project-copy .metrics{gap:28px}.project-copy .metrics strong{font-size:33px}.project-copy details{font-size:13px}.project-kicker{font-size:11px}.project-kicker span{font-size:11px}.stage .window h3{font-size:20px}.window-bar{gap:8px}.window-bar>span:last-child{font-size:10px}.stage-index{letter-spacing:.6px}.window-foot{font-size:10px}.window-foot>span:last-child{flex-shrink:0}.flow-node span{font-size:12px}.agent-result p,.agent-result strong{font-size:13px}.scenario-buttons button{font-size:12px}.plan-document p{font-size:13px}.suggestion-pane>p,.chat-bubble{font-size:13px}.suggestion-pane>.tiny-label{font-size:12px}.customer-pane,.suggestion-pane{padding:14px}.chat-split{grid-template-columns:.85fr 1.15fr}.knowledge span{font-size:10px}.match-top p,.match-skills span,.match-state{font-size:12px}.prompt-rule .tiny-label{font-size:10px}.audit-result p{font-size:12px}.outline{font-size:12px}.audit-buttons{flex-wrap:wrap}.prompt-main>.demo-note{font-size:11px}.play-divider{margin:0 0 55px}.play-divider h2{font-size:35px}.work-footnote{margin-top:-65px}.about{padding:85px 7vw 90px calc(3.2vw + 217px);max-width:1680px;gap:65px}.about h2{font-size:43px}.about-content p{font-size:15px}dialog{overscroll-behavior:contain}.hero-scene.is-paused .ambient-field,.hero-scene.is-paused .ambient-light{animation-play-state:paused} @keyframes ambient-drift{0%{transform:translate(-3%,-4%) scale(1.06) rotate(-5deg)}50%{transform:translate(4%,2%) scale(1.15) rotate(3deg)}100%{transform:translate(-1%,5%) scale(1.08) rotate(8deg)}}@keyframes light-drift{0%{transform:translate(-8%,0) rotate(-13deg)}100%{transform:translate(8%,-5%) rotate(23deg)}} @media(min-width:1600px){.work-section{grid-template-columns:185px minmax(0,1fr);gap:50px;padding-left:55px;padding-right:55px}.stage{min-height:700px;padding:65px 40px 80px}.project{gap:45px}.hero-card-wrap{width:470px}} @media(max-width:1200px){.work-section{grid-template-columns:150px minmax(0,1fr);gap:30px}.project{grid-template-columns:minmax(0,1fr);gap:30px;margin-bottom:100px}.stage{min-height:580px;padding:48px 10% 62px}.stage .window{max-width:600px}.project-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.project-kicker,.project-copy h3,.project-copy .lead{grid-column:1}.project-copy dl{grid-column:2;grid-row:2 / span 2;margin:0 0 16px}.project-copy .metrics{grid-column:1;margin-top:6px}.project-copy .tags{grid-column:2;align-self:center}.project-copy details{grid-column:1 / -1}.project-copy>.project-link,.project-copy>.smallprint{grid-column:1 / -1}.project-copy h3{font-size:28px}.project-copy h3 br{display:none}.project-copy .lead{font-size:15px}.project-copy dl{font-size:14px;grid-template-columns:1fr;gap:3px}.project-copy dt:not(:first-child){margin-top:8px}.project-copy .tags{gap:6px}.index-link>span{font-size:15px}.section-heading>p{display:none}.about{padding-left:calc(3.2vw + 180px);gap:35px}.about h2{font-size:35px}.hero-card-wrap{width:420px}} @media(max-width:760px){html{scroll-padding-top:155px}.hero{min-height:720px;height:100svh}.hero-card-wrap{width:min(410px,78vw);top:46%}.hero-statement{bottom:13%}.hero-statement p{font-size:27px}.hero-scene{inset:-8%}.nav{top:16px;width:calc(100% - 32px);max-width:520px}.nav-caption{font-size:10px;height:30px;gap:7px}.nav-lower{height:56px;padding:0 19px}.nav nav{gap:17px;font-size:13px}.nav-actions{gap:15px;font-size:12px}.nav-actions button{font-size:12px}.brand{font-size:30px}.work-section{display:block;padding:0 20px 50px}.project-index{position:sticky;top:101px;z-index:12;margin:0 -20px 0;background:#f5f4f2ed;backdrop-filter:blur(15px);border-bottom:1px solid #dddbd5}.index-sticky{position:static;padding:0}.index-label,.index-footer{display:none}.index-sticky nav{flex-direction:row;overflow:auto;gap:24px;scrollbar-width:none;padding:12px 20px}.index-sticky nav::-webkit-scrollbar{display:none}.index-link{flex-shrink:0;padding:8px 0 10px;border-bottom:2px solid transparent;white-space:nowrap}.index-link>span{font-size:13px}.index-link>small,.index-link>i,.index-link:after{display:none}.index-link[aria-current="true"]{border-color:#30342a}.section-heading{padding-top:37px;margin-bottom:28px}.section-heading h2{font-size:28px}.project{display:flex;flex-direction:column;gap:25px;margin-bottom:72px}.stage{width:100%;min-height:0;padding:30px 22px 52px}.stage .window{max-width:530px}.project-copy{display:block;width:100%}.project-copy h3{font-size:27px}.project-copy .lead{font-size:16px}.project-copy dl{display:grid;grid-template-columns:61px 1fr;gap:11px 7px;margin:21px 0 24px}.project-copy dt:not(:first-child){margin-top:0}.project-copy .metrics{gap:45px}.project-copy .tags{margin-top:8px}.project-copy details{font-size:14px}.project-kicker,.project-kicker span{font-size:12px}.about{padding:50px 25px;display:block}.about h2{font-size:38px}.about-content{padding-top:23px}.hero-ruler{left:6%;width:88%;bottom:17px}.hero-ruler span:nth-child(even){display:none}.play-divider h2{font-size:32px}.work-footnote{margin-top:-25px}.motion-ready .project:not(.is-visible) .stage{transform:translateY(32px) scale(.98)}} @media(max-width:420px){.nav-lower{padding:0 16px}.nav-actions{gap:10px}.nav nav{gap:14px}.nav-caption{font-size:9px;gap:5px}.brand{font-size:28px}.hero{min-height:660px}.hero-card-wrap{width:82vw;top:46%}.hero-statement p{font-size:24px}.hero-statement{bottom:14%}.stage{padding:27px 14px 48px}.window-bar{padding:13px 12px}.stage .window h3{font-size:18px}.chat-split{grid-template-columns:1fr}.scenario-buttons button{font-size:12px;padding:7px 8px}.flow-node{padding:10px 6px}.flow-node span{font-size:11px}.stage .window-foot{font-size:9px}.mini{display:none}.project-copy .metrics{gap:27px}.hero-ruler{font-size:9px}} @media(prefers-reduced-motion:reduce){.ambient-field,.ambient-light{animation:none!important}.hero-card-wrap,.hero-scene,.hero-statement{will-change:auto!important}.motion-ready .project:not(.is-visible) .stage,.motion-ready .project:not(.is-visible) .project-copy{opacity:1;transform:none}.stage{will-change:auto}} .hero-scene{inset:0;overflow:hidden;transform:none!important;will-change:auto;background:#253b2f} .hero-video{position:absolute;inset:0;display:block;width:100%;height:100%;min-width:100%;min-height:100%;max-width:none;object-fit:cover;object-position:center;transform:scale(1.006)} .hero-scene:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#00000012 0%,transparent 50%,#00000045 100%)} .hero-statement p{text-shadow:0 2px 18px #0006} .hero-statement>a{color:#ffffffd9;text-shadow:0 1px 6px #0008} /* Original calligraphy paths, composed horizontally as 書亦. */ .brand{display:flex;align-items:center;justify-content:center;transform:none} .brand-calligraphy{display:block;width:90px;height:49px;color:#20211f} body:not(.in-gallery) .brand-calligraphy path{fill:transparent;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke} .in-gallery .brand{justify-content:flex-start} .in-gallery .brand-calligraphy{width:105px;height:57px} /* Project canvases meet both viewport edges at their scroll destination. */ .stage{min-height:100svh;padding:0 24px;align-items:stretch;border-radius:0} .stage .window{max-width:none;min-width:0;display:flex;flex-direction:column;border-radius:0;border-top:0;border-bottom:0;box-shadow:none} .stage:hover .window{transform:none} .stage .window>div:not(.window-bar):not(.window-foot){flex:1;display:flex;flex-direction:column;justify-content:center} .stage .window-bar,.stage .window-foot{flex-shrink:0} .stage-index{display:none} .project{margin-bottom:72px} .index-link{padding:10px 23px 9px 0} .index-link:after{margin-top:12px} .index-link>span{font-size:14px} .index-link>i{top:13px} .index-label{margin-bottom:16px} .coppel-stage{background:#eed36f;color:#242622} .coppel-window{background:#fffdf5} .coppel-window .window-bar{background:#f5df8c;border-color:#d8c986;color:#6c6241} .coppel-window .window-brand{color:#343527} .coppel-main{padding:26px;gap:21px} .coppel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px} .coppel-heading .demo-label{font-size:10px;color:#8b8056;letter-spacing:1px;margin-bottom:8px} .edgar-mark{flex-shrink:0;width:54px;height:54px;border-radius:50%;background:#efd471;color:#383d27;font-family:Georgia,serif;font-size:52px;font-style:italic;line-height:46px;text-align:center;position:relative} .edgar-mark>span{position:absolute;right:-3px;bottom:-1px;font:18px Arial;color:#686a39} .coppel-flow{display:flex;align-items:center;justify-content:space-between;gap:5px} .coppel-flow>span{flex:1;padding:9px 4px;border:1px solid #e7e3d5;border-radius:5px;font-size:11px;color:#88887b;text-align:center;white-space:nowrap;transition:background .25s,color .25s} .coppel-flow small{display:block;font:10px monospace;margin-bottom:4px;opacity:.7} .coppel-flow>i{font-style:normal;color:#b8b399;font-size:13px} .coppel-flow>span.active{background:#343d2d;color:#fffce9;border-color:#343d2d} .coppel-flow>span.done{background:#edf0e5;color:#637350;border-color:#dce2cf} .coppel-scenarios{display:flex;gap:5px;border-bottom:1px solid #e4e0d1;padding-bottom:9px} .coppel-scenarios button{font-size:12px;padding:7px 10px;border-radius:4px;color:#7f816f;white-space:nowrap} .coppel-scenarios button[aria-pressed="true"]{background:#f3df99;color:#413a22} .coppel-scenarios button:hover{background:#eee8d4} .coppel-session{display:flex;flex-direction:column;gap:15px;min-height:290px} .coppel-session-meta{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#9a977f} .coppel-session-meta>span:first-child{color:#6d7856} .coppel-customer{padding-left:12px;border-left:2px solid #dbcf9f} .coppel-customer>span,.coppel-reply>span{font-size:10px;letter-spacing:1px;color:#999475} .coppel-customer p{font-size:12px;line-height:1.8;margin-top:3px;color:#70725e} .coppel-reply>p[lang]{font-size:16px;line-height:1.55;margin:5px 0 8px;overflow-wrap:anywhere} #coppel-translation{font-size:12px;line-height:1.75;color:#92917c} .coppel-memory{display:flex;flex-wrap:wrap;gap:6px} .coppel-memory>span{padding:4px 8px;background:#f2efe3;border-radius:3px;font-size:10px;color:#787a64} .coppel-check{display:flex;gap:8px;font-size:11px;color:#777f62;line-height:1.8;padding-top:9px;border-top:1px dashed #dcdcc9} .coppel-check>span{color:#a1a47b} .coppel-actions{display:flex;align-items:center;gap:16px} .coppel-next{background:#343d2d;color:#fffce9;font-size:12px;flex:1;padding:12px 14px;text-align:left} .coppel-next:hover{background:#4b573d} .coppel-next:disabled{cursor:default;background:#e9eddd;color:#6e7f57} .coppel-reset{flex-shrink:0;color:#898b73;font-size:11px;padding:9px 0} .coppel-window .window-foot{font-size:9px;color:#9a9478;flex-wrap:wrap;gap:5px} .coppel-principles{display:grid;gap:9px;margin:21px 0 25px} .coppel-principles>div{display:flex;gap:12px;align-items:center;font-size:12px;color:#666c5c} .coppel-principles b{font:10px monospace;color:#a0a785} @media(min-width:1201px) and (max-height:800px){ .coppel-main{padding:20px 26px;gap:14px} .coppel-session{min-height:260px;gap:12px} .coppel-reply>p[lang]{font-size:15px} } @media(min-width:1201px){ .in-gallery .nav{left:3.2vw;top:22px;width:175px;transform:none;box-shadow:none;background:transparent} .in-gallery .nav-caption{display:none} .in-gallery .nav-lower{height:auto;display:flex;flex-wrap:wrap;padding:0;gap:12px 18px} .in-gallery .brand{order:-1;flex-basis:100%;font-size:31px;margin:0 0 5px} .in-gallery .nav nav{gap:17px;font-size:12px} .in-gallery .nav-actions{gap:15px;font-size:11px} .in-gallery .nav-actions button{font-size:11px} .index-sticky{top:150px} } @media(min-width:1600px){.stage{padding:0 32px}.in-gallery .nav{left:55px;width:185px}} @media(max-width:1200px){ .stage{min-height:calc(100svh - 140px);padding:0 24px} .stage .window{max-width:none} .coppel-main{padding:28px;gap:22px} .coppel-session{min-height:270px} } @media(max-width:760px){ .stage{min-height:calc(100svh - 174px);padding:0 10px} .index-link{padding:8px 0 10px} .coppel-main{padding:21px 15px;gap:17px} .coppel-heading .demo-label{font-size:8px;letter-spacing:.7px} .edgar-mark{width:43px;height:43px;font-size:42px;line-height:37px} .coppel-flow>span{font-size:10px;padding:8px 2px} .coppel-flow>i{font-size:10px} .coppel-scenarios button{font-size:11px;padding:7px 8px} .coppel-session{min-height:300px} .coppel-actions{gap:10px} .coppel-next{font-size:11px} .coppel-window .window-foot>span:last-child{display:block} } /* One stationary project panel. Only directory selection changes its content. */ .project[hidden]{display:none!important} .click-gallery .work-section{height:100svh;padding-top:0;padding-bottom:0} .click-gallery .work-content{height:100%;min-height:0;position:relative} .click-gallery .section-heading,.click-gallery .play-divider,.click-gallery .work-footnote{display:none} .click-gallery .project{height:100%;min-height:0;margin:0;overflow:hidden;align-items:center;overflow-anchor:none} .click-gallery .project:focus{outline:none} .click-gallery .project:focus-visible{outline:1px solid #a1a58f;outline-offset:-1px} .click-gallery .stage{height:100%;min-height:0;transform:none!important;opacity:1!important;transition:none} .click-gallery .project-copy{max-height:100%;overflow-y:auto;overscroll-behavior:contain;padding:30px 0;transform:none!important;opacity:1!important;transition:none} .click-gallery .stage .window{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin} .click-gallery .stage .window>div:not(.window-bar):not(.window-foot){flex:1 0 auto} .click-gallery .project-index{height:100%;min-height:0} .click-gallery .index-sticky{max-height:calc(100svh - 150px);overflow-y:auto;scrollbar-width:thin} @media(max-width:1200px){ .click-gallery .work-section{height:calc(100svh - 140px)} .click-gallery .project{display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin} .click-gallery .stage{height:auto;min-height:calc(100svh - 140px);width:100%;flex-shrink:0} .click-gallery .stage .window{overflow:visible} .click-gallery .project-copy{max-height:none;overflow:visible;flex-shrink:0;padding:0 0 30px} } @media(max-width:760px){ .brand-calligraphy,.in-gallery .brand-calligraphy{width:75px;height:41px} .click-gallery .work-section{height:calc(100svh - 101px);display:flex;flex-direction:column;gap:0} .click-gallery .project-index{height:auto;flex-shrink:0;width:calc(100% + 40px)} .click-gallery .index-sticky{max-height:none;overflow:visible} .click-gallery .work-content{width:100%;height:0;flex:1} .click-gallery .stage{min-height:calc(100svh - 174px)} .click-gallery .project-copy{padding:0 0 30px} } /* Home logo is a true window through the white card to the moving video. */ body:not(.in-gallery) .nav{--brand-cutout-w:90px;--brand-cutout-h:49px;--brand-cutout-half:45px;background:transparent} body:not(.in-gallery) .nav-caption{background:#fff;border-radius:4px 4px 0 0} body:not(.in-gallery) .nav-lower{border-radius:0 0 4px 4px;background:linear-gradient(to right,#fff 0,#fff calc(50% - var(--brand-cutout-half)),transparent calc(50% - var(--brand-cutout-half)),transparent calc(50% + var(--brand-cutout-half)),#fff calc(50% + var(--brand-cutout-half)),#fff 100%)} body:not(.in-gallery) .brand{align-self:stretch;width:var(--brand-cutout-w);height:100%;background:#fff;-webkit-mask-image:linear-gradient(#fff 0 0),url("media/shuyi-video-mask.svg");-webkit-mask-position:center,center;-webkit-mask-size:100% 100%,var(--brand-cutout-w) var(--brand-cutout-h);-webkit-mask-repeat:no-repeat;-webkit-mask-composite:xor;mask-image:linear-gradient(#fff 0 0),url("media/shuyi-video-mask.svg");mask-position:center,center;mask-size:100% 100%,var(--brand-cutout-w) var(--brand-cutout-h);mask-repeat:no-repeat;mask-composite:exclude} body:not(.in-gallery) .brand-calligraphy{opacity:0;width:var(--brand-cutout-w);height:var(--brand-cutout-h)} @media(max-width:760px){body:not(.in-gallery) .nav{--brand-cutout-w:75px;--brand-cutout-h:41px;--brand-cutout-half:37.5px}} /* Green call stage. Reference images are rendered unaltered. */ #coppel{gap:clamp(26px,3vw,48px)} #coppel .coppel-stage{padding:0;background:#fff} #coppel .coppel-window{border:0;background:#fff;overflow:hidden;box-shadow:none} #coppel .voice-demo{flex:1 1 0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;justify-content:stretch;gap:0;padding:32px clamp(22px,3vw,44px) 22px} .voice-heading{position:relative;z-index:2;min-height:148px;padding-bottom:18px} #coppel .voice-heading h3{padding-left:130px;text-align:right;font-family:"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif} .voice-title-accent{font-weight:800;font-size:1.18em;letter-spacing:-1.2px;color:#08623e;background:linear-gradient(transparent 67%,#dbf599 67%,#dbf599 94%,transparent 94%);padding:0 2px;white-space:nowrap} .voice-title-subline{display:inline-block;font-size:.77em;font-weight:450;letter-spacing:.2px;margin-top:5px} .voice-eyebrow{display:flex;align-items:center;gap:16px;font-size:10px;letter-spacing:1.65px;color:#29734a;margin-bottom:18px} .voice-status{display:flex;align-items:center;gap:7px;letter-spacing:0;font-size:11px;color:#126345} .voice-status{margin-left:auto} .voice-status i{width:5px;height:5px;background:#28ad62;border-radius:50%} .voice-replay{padding:8px 16px;border:1px solid rgba(18,99,69,.2);border-radius:99px;background:#eff8dc;color:#126345;font-size:11px;letter-spacing:.5px;white-space:nowrap;cursor:pointer;transition:background .25s,transform .25s} .voice-replay:hover{background:#e2f2c4;transform:translateY(-1px)} #coppel .voice-heading h3{font-size:clamp(24px,2.25vw,34px);font-weight:500;line-height:1.42;letter-spacing:-.9px;color:#124d35} .voice-scene{min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 140px} .voice-participant{display:flex;align-items:center;margin:0;gap:15px;position:relative} .voice-participant img{display:block;width:145px;height:145px;object-fit:contain;flex:none} .voice-bot{justify-content:flex-end;gap:15px} .voice-bot img{width:96.67px;height:96.67px} .voice-leo{position:absolute;left:0;top:24px;flex-direction:column;gap:2px} .voice-leo img{width:110px;height:110px;margin-left:-10px} .voice-leo.voice-participant figcaption{flex-direction:row;align-items:center;justify-content:center;gap:7px;min-width:0} .voice-leo figcaption strong{font-size:12px} .voice-leo figcaption>span:not(.voice-wave){display:none} .voice-leo .voice-wave{height:14px;margin:0} .voice-participant figcaption{flex-direction:row;align-items:center;justify-content:center;gap:7px;min-width:0} .voice-bot figcaption strong{font-size:12px} .voice-bot figcaption>span:not(.voice-wave){display:none} .voice-bot .voice-wave{height:14px;margin:0} .voice-bot img{width:96.67px;height:96.67px} .voice-leo{justify-content:flex-start} .voice-leo img{width:133px;height:133px;margin-left:-15px} .voice-participant figcaption{display:flex;flex-direction:column;gap:3px;min-width:72px} .voice-bot figcaption{text-align:right;align-items:flex-end} .voice-participant strong{font-size:17px;font-weight:500;letter-spacing:-.3px} .voice-participant figcaption>span:not(.voice-wave){font-size:11px;color:#547460} .voice-wave{display:flex;gap:3px;align-items:center;height:18px;margin-top:4px;color:#168653} .voice-wave i{display:block;width:2px;height:3px;border-radius:2px;background:currentColor;transition:height .3s} .voice-participant.is-speaking .voice-wave i{animation:voice-level .65s ease-in-out infinite alternate} .voice-wave i:nth-child(2){animation-delay:-.3s!important}.voice-wave i:nth-child(3){animation-delay:-.5s!important}.voice-wave i:nth-child(4){animation-delay:-.15s!important}.voice-wave i:nth-child(5){animation-delay:-.4s!important} .voice-transcript{min-height:0;overflow:hidden;overscroll-behavior:contain;scrollbar-width:none;padding:0 1px} .voice-transcript::-webkit-scrollbar{display:none} .voice-messages{display:flex;flex-direction:column;justify-content:flex-end;min-height:100%;gap:15px;padding:12px 0 7px} .voice-message{flex-shrink:0;max-width:86%;width:max-content;border-radius:18px;padding:13px 17px;color:#3c4540;background:#f0f3f0;line-height:1.8;transform-origin:bottom left} .voice-message.bot{align-self:flex-end;border-bottom-right-radius:5px;background:#126345;color:#fff} .voice-message.person{align-self:flex-start;border-bottom-left-radius:5px;background:#dbf599;color:#21442e} .voice-message.is-retired{opacity:0;pointer-events:none} .voice-demo.is-paused .voice-message.is-retired{opacity:1;transform:none!important} .voice-message.is-new{animation:voice-arrive .55s cubic-bezier(.22,1,.36,1) both} .voice-message .message-author{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1px;color:inherit;opacity:.75;margin-bottom:5px} .voice-message .message-author small{font-size:8px;opacity:.65;font-variant-numeric:tabular-nums} .voice-message .message-body{position:relative;font-size:14px;line-height:1.8} .voice-message .message-ghost{visibility:hidden;display:block;white-space:normal} .voice-message .message-text{position:absolute;inset:0;margin:0;font-size:inherit;line-height:inherit} .voice-footer{padding:8px 0 0;background:transparent;color:inherit} .voice-timeline{display:flex;gap:4px;margin-bottom:13px} .voice-timeline i{height:2px;flex:1;background:#e0eadc;transition:background .4s} .voice-timeline i.done{background:#8ecb65}.voice-timeline i.current{background:#126345} .voice-controls{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#527660;font-variant-numeric:tabular-nums;letter-spacing:1px} .voice-controls>div{display:flex;gap:21px}.voice-controls button{padding:4px 0;color:#126345;font-size:11px;letter-spacing:0}.voice-controls button:hover{color:#243e2e} .voice-demo.is-paused .voice-wave i{animation-play-state:paused} .voice-demo.is-paused .voice-transcript{overflow-y:auto} #coppel .project-copy .lead{color:#777e76} #coppel .coppel-principles{border-top:1px solid #dfe2db;padding-top:20px;gap:12px} .coppel-agent-title{display:flex;align-items:baseline;gap:7px;margin:6px 0 22px;color:#25342b;line-height:1} .coppel-agent-title span{font-size:24px;font-weight:500;letter-spacing:-.8px}.coppel-agent-title strong{font-size:35px;font-weight:750;letter-spacing:-1.7px;color:#126345} .coppel-sop{padding-bottom:20px;border-bottom:1px solid #dce8d5} #coppel .coppel-sop h3{font-size:27px;line-height:1.33;letter-spacing:-1px} #coppel .coppel-sop h3 em{display:inline-block;color:#126345;font-family:inherit;font-style:normal;font-weight:750;background:linear-gradient(transparent 70%,#dbf599 70%,#dbf599 94%,transparent 94%)} .coppel-sop ol{display:flex;align-items:center;flex-wrap:wrap;gap:8px var(--sop-gap,20px);margin:18px 0 0;padding:0;list-style:none;color:#4d6757;font-size:16px;line-height:1.5} .coppel-sop li{position:relative;opacity:0;animation:coppel-copy-in .9s ease forwards}.coppel-sop li:not(:last-child):after{content:'→';position:absolute;left:100%;width:var(--sop-gap,20px);font-size:.86em;text-align:center;color:#9ab987} .coppel-sop li:nth-child(1){animation-delay:.12s}.coppel-sop li:nth-child(2){animation-delay:.26s}.coppel-sop li:nth-child(3){animation-delay:.40s}.coppel-sop li:nth-child(4){animation-delay:.54s}.coppel-sop li:nth-child(5){animation-delay:.68s} .coppel-edge{padding:18px 0;border-bottom:1px solid #dce8d5}.coppel-edge h4,.coppel-ownership h4{font-size:16px;font-weight:650;color:#263c2f;margin:0 0 9px}.coppel-edge p{display:flex;flex-wrap:wrap;gap:7px}.coppel-edge p span{padding:5px 10px;border-radius:99px;background:#eff8dc;color:#3d704f;font-size:14px;line-height:1.2} .coppel-ownership{padding:18px 0 20px}.coppel-subtasks{margin-left:17px;border-left:1px solid #b9d994;padding-left:14px;display:grid;gap:11px}.coppel-subtasks>div{display:grid;grid-template-columns:21px 1fr;gap:6px;align-items:start}.coppel-subtasks b{font:10px/1.7 monospace;color:#76a05f}.coppel-subtasks p{font-size:15px;line-height:1.65;color:#69726b} .coppel-result{display:flex;gap:32px;padding:20px 0 3px;border-top:1px solid #dce8d5;margin-bottom:20px}.coppel-result>div{display:flex;flex-direction:column}.coppel-result strong{font-size:35px;font-weight:400;letter-spacing:-1.8px;line-height:1.1;color:var(--ink)}.coppel-result small{font-size:16px;margin-left:3px;letter-spacing:-.2px}.coppel-result span{font-size:12px;color:#83877d;margin-top:9px} @keyframes coppel-copy-in{from{opacity:0;transform:translateX(-7px)}to{opacity:1;transform:translateX(0)}} @keyframes voice-level{from{height:3px}to{height:14px}} @keyframes voice-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}} @media(min-width:1201px) and (max-height:850px){ #coppel .voice-demo{padding-top:24px;padding-bottom:16px} .voice-eyebrow{margin-bottom:12px} #coppel .voice-heading h3{font-size:26px} .voice-scene{grid-template-rows:minmax(0,1fr) 125px} .voice-participant img{width:132px;height:132px}.voice-bot img{width:88px;height:88px}.voice-leo img{width:110px;height:110px} } @media(max-width:1200px){ #coppel .coppel-stage{height:max(760px,calc(100svh - 140px));min-height:760px} #coppel .voice-demo{padding-left:32px;padding-right:32px} } @media(max-width:760px){ #coppel .coppel-stage{height:max(660px,calc(100svh - 174px));min-height:660px} #coppel .voice-demo{padding:24px 20px 18px} #coppel .voice-heading h3{font-size:21px;padding-left:100px} .voice-heading{min-height:140px} .voice-eyebrow{font-size:9px;letter-spacing:1px} .voice-scene{grid-template-rows:minmax(0,1fr) 105px} .voice-participant img{width:118px;height:118px}.voice-bot img{width:78.67px;height:78.67px}.voice-leo img{width:103px;height:103px} .voice-message{max-width:93%;padding:11px 14px}.voice-message .message-body{font-size:13px} .coppel-agent-title{margin-bottom:18px}.coppel-agent-title span{font-size:22px}.coppel-agent-title strong{font-size:31px}#coppel .coppel-sop h3{font-size:25px}.coppel-sop ol{font-size:14px;--sop-gap:18px}.coppel-edge h4,.coppel-ownership h4{font-size:14px}.coppel-subtasks p{font-size:13px}.coppel-result strong{font-size:34px} } @media(prefers-reduced-motion:reduce){.voice-message,.voice-wave i{animation:none!important}.voice-transcript{overflow-y:auto}} /* 教案生成 Agent 演示 · 蓝色系重设计 */ .teaching-stage{background:linear-gradient(148deg,#071d45 0%,#0f3480 38%,#1d56c4 68%,#5b9bf0 100%)} .teaching-stage .stage-index{color:#c7dbfa;opacity:.55} .teaching-window{background:transparent;border:0;box-shadow:none} .teaching-stage:hover .teaching-window{transform:none} .teaching-window .window-foot{border-top:1px solid rgba(255,255,255,.16);color:#a9c4f2} .teaching-main{position:relative;min-height:660px;overflow:hidden;padding:24px 36px 76px} .teaching-main .demo-label{color:#9dbdf3;opacity:.9} .teaching-stage .teaching-main .tp-title{margin:6px 0 0;font-size:clamp(24px,1.9vw,30px);line-height:1.36;letter-spacing:-.8px;color:#fff;font-weight:700} .tp-title .tp-accent{background:linear-gradient(92deg,#8fb8ff,#d6e6ff);-webkit-background-clip:text;background-clip:text;color:transparent} .tp-form{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:32px 0 18px} .tp-field>span{font-size:10px;letter-spacing:.8px;color:#a9c4f2} .tp-input{position:relative;display:flex;align-items:center;height:42px;margin-top:6px;padding:0 13px;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:rgba(255,255,255,.09);backdrop-filter:blur(6px);font-size:13px;color:#fff;transition:border-color .3s,box-shadow .3s,background .3s} .tp-input::after{content:'';position:absolute;right:11px;top:50%;width:1px;height:17px;background:#cfe3ff;opacity:0;transform:translateY(-50%)} .tp-field.tp-typing .tp-input{border-color:#8fb8ff;background:rgba(255,255,255,.14);box-shadow:0 0 0 3px rgba(143,184,255,.22)} .tp-field.tp-typing .tp-input::after{opacity:1;animation:tp-blink .85s steps(1) infinite} .tp-field.tp-filled .tp-input{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.13)} @keyframes tp-blink{50%{opacity:0}} .tp-generate.primary.blue{justify-content:center;margin-top:4px;background:linear-gradient(93deg,#fff,#e6f0ff);color:#1550b8;font-weight:700;border-radius:99px;box-shadow:0 12px 28px rgba(4,16,40,.35);transition:transform .12s ease,filter .15s ease,box-shadow .12s ease} .tp-generate.primary.blue:hover{filter:brightness(1.04)} .tp-generate.tp-press{transform:scale(.965);filter:brightness(.9);box-shadow:inset 0 2px 8px rgba(21,80,184,.35)} .tp-generate:disabled{opacity:.85;cursor:default} .tp-loading{margin-top:24px;color:#fff} .tp-workflow-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px;font-size:11px;color:#c5d9fb;letter-spacing:1px} .tp-workflow-heading>span:last-child{font-size:9px;letter-spacing:1.4px;color:#a9c4f2} .tp-step-line{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0} .tp-step-line li{position:relative;display:flex;align-items:center;gap:6px;min-width:0;height:42px;padding:0 13px;border:1px solid #ffffff30;border-radius:8px;background:#ffffff09;transition:background .3s,border-color .3s,box-shadow .3s} .tp-step-line li+li::before{content:'→';position:absolute;left:-11px;top:50%;transform:translateY(-50%);width:10px;text-align:center;font-size:10px;color:#a9c4f2} .tp-step-number{display:block;flex:0 0 16px;font-size:10px;line-height:1;color:#a9c4f2;letter-spacing:1px} .tp-step-line strong{display:block;font-size:13px;line-height:1.4;white-space:nowrap;font-weight:600;letter-spacing:.2px;color:#e5efff} .tp-step-line li.active{border-color:#bad5ff;background:linear-gradient(135deg,#ffffff24,#b3d3ff15);box-shadow:inset 0 2px 0 #d2e4ff,0 5px 18px #08245316} .tp-step-line li.active strong,.tp-step-line li.active .tp-step-number{color:#fff} .tp-step-line li.done{border-color:#a9cdff70;background:#c0ddff12} .tp-step-line li.done .tp-step-number{font-size:0}.tp-step-line li.done .tp-step-number::after{content:'✓';font-size:11px;color:#d6e6ff} .tp-status-line{display:flex;gap:9px;align-items:center;min-height:40px;margin-top:10px;padding:9px 0 0;border-top:1px solid #ffffff1c} .tp-spin{position:relative;width:12px;height:12px;flex:none;border-radius:50%;border:2px solid #ffffff40;border-top-color:#fff;animation:tp-rot .8s linear infinite;opacity:0} .tp-loading.tp-running .tp-spin{opacity:1} .tp-loading.tp-done .tp-spin{animation:none;opacity:1;border:0} .tp-loading.tp-done .tp-spin::after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:#d6e6ff;font-size:12px;font-weight:700} @keyframes tp-rot{to{transform:rotate(360deg)}} .tp-status{font-size:10px;line-height:1.6;color:#bfd4f5} .tp-paper{position:absolute;left:36px;right:36px;bottom:0;height:min(440px,88%);background:#fff;border-radius:12px 12px 0 0;box-shadow:0 -18px 44px rgba(4,16,40,.45);transform:translateY(104%);transition:transform .95s cubic-bezier(.22,1,.32,1);overflow:hidden;cursor:pointer} .tp-paper.tp-show{transform:translateY(calc(100% - clamp(64px,100svh - 720px,150px)))} .tp-paper.tp-open{transform:translateY(0);cursor:default} .tp-paper::after{content:'';position:absolute;left:0;right:0;bottom:0;height:54px;background:linear-gradient(transparent,#fff 78%);pointer-events:none;transition:opacity .3s} .tp-paper.tp-open::after{opacity:0} .tp-paper-body{height:100%;padding:18px 24px 28px;overflow-y:auto;box-sizing:border-box} .tp-paper-head{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#8391a6} #tp-paper-badge{color:#2563eb} .tp-paper h4{margin:9px 0 4px;font-size:15px;font-weight:650;color:#1e2c47} .tp-meta{margin:0 0 4px;font-size:9px;letter-spacing:.4px;color:#8391a6} .tp-paper h5{margin:12px 0 4px;font-size:11px;font-weight:650;color:#2563eb} .tp-paper p{margin:0;font-size:10.5px;line-height:1.85;color:#57687f} .tp-paper b{font-weight:650;color:#3b4f70} .tp-replay{position:absolute;top:26px;right:32px;z-index:3;padding:8px 16px;border:1px solid rgba(255,255,255,.3);border-radius:99px;background:rgba(255,255,255,.1);backdrop-filter:blur(6px);color:#fff;font-size:11px;letter-spacing:.5px;cursor:pointer;transition:background .25s,transform .25s} .tp-replay:hover{background:rgba(255,255,255,.22);transform:translateY(-1px)} .tp-hint{position:absolute;left:0;right:0;bottom:clamp(70px,100svh - 714px,156px);text-align:center;font-size:10px;color:#cfe0fb;pointer-events:none;animation:tp-hint-float 1.6s ease-in-out infinite} .tp-paper.tp-open ~ .tp-hint{display:none} @keyframes tp-hint-float{50%{transform:translateY(-4px)}} @media(max-width:760px){.tp-form{grid-template-columns:1fr 1fr;gap:10px}.tp-field:last-child{grid-column:1 / -1}.teaching-main{min-height:710px;padding:28px 18px 100px}.tp-paper{left:18px;right:18px}.tp-paper.tp-show{transform:translateY(calc(100% - 64px))}.tp-paper.tp-open{transform:translateY(0)}.tp-hint{bottom:70px}.teaching-stage .teaching-main .tp-title{font-size:clamp(22px,5.4vw,27px)}.tp-step-line{grid-template-columns:1fr 1fr;gap:10px}.tp-step-line li:last-child{grid-column:1 / -1}.tp-step-line li+li::before{display:none}.tp-workflow-heading>span:last-child{font-size:8px}.tp-form{margin-top:24px}.tp-replay{top:18px;right:20px;padding:7px 13px}.voice-replay{padding:7px 13px}} @media(prefers-reduced-motion:reduce){.tp-spin,.tp-hint,.tp-input::after{animation:none}.tp-step-line li,.tp-paper{transition:none}} /* 尚德 Copilot · IM 对话与 AI 辅助窗口 */ #copilot .copilot-stage{background:radial-gradient(ellipse at 95% 5%,#f4edff 0,transparent 52%),linear-gradient(145deg,#e9e3f2,#d8cbea 60%,#c5b1e2);padding:0 24px;color:#352746} #copilot .copilot-window{border:0;background:transparent;box-shadow:none} #copilot .copilot-main{padding:32px 12px 40px;min-height:720px} .sc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px} .sc-eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1px;color:#826692}.sc-eyebrow i{width:1px;height:10px;background:#bca8cb} .sc-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}.sc-controls button{font-size:10px;color:#795c90;padding:8px 0;white-space:nowrap}.sc-controls button:disabled{opacity:.55;cursor:default} #sc-replay{padding:8px 16px;border:1px solid rgba(121,92,144,.26);border-radius:99px;background:rgba(255,255,255,.32);backdrop-filter:blur(6px);color:#795c90;font-size:11px;letter-spacing:.5px;cursor:pointer;transition:background .25s,transform .25s} #sc-replay:hover{background:rgba(255,255,255,.58);transform:translateY(-1px)} .sc-workspace{position:relative;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);height:clamp(500px,62svh,610px);background:#f8f6fb;border:1px solid #ffffffe0;border-radius:14px;overflow:hidden;box-shadow:0 18px 50px #51317618} .sc-chat,.sc-assistant{min-width:0;min-height:0;display:flex;flex-direction:column}.sc-chat{border-right:1px solid #e4dcec;background:#f2eef7}.sc-assistant{background:#fbf9fe} .sc-pane-heading{display:flex;align-items:center;gap:9px;padding:16px;min-height:69px;flex:none;border-bottom:1px solid #e6dfed;background:#fffc} .sc-avatar{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:9px;background:#ddd0e9;color:#785393;font-size:13px}.sc-ai-avatar{background:#ede2f6;color:#9265b8;font-size:23px} .sc-pane-heading strong{display:block;font-size:14px;font-weight:600;line-height:1.5}.sc-pane-heading small{display:flex;align-items:center;gap:4px;margin-top:2px;font-size:9px;line-height:1.4;color:#aa97b7}.sc-pane-heading small i{width:4px;height:4px;border-radius:50%;background:#a39bb0}.sc-more{margin-left:auto;color:#a690b5;letter-spacing:2px} .sc-transcript{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 14px 20px;scrollbar-width:thin;scrollbar-color:#d0bfde transparent}.sc-chat-time{font-size:9px;color:#b6a7c1;text-align:center;margin-bottom:17px} .sc-message{margin-bottom:17px;display:flex;flex-direction:column;align-items:flex-start;animation:sc-arrive .35s ease both}.sc-message>span{font-size:9px;color:#a28ab3;line-height:1.5;margin-bottom:5px}.sc-message p{max-width:94%;padding:10px 12px;font-size:13px;line-height:1.85;color:#564264;border:1px solid #e8e0ee;background:white;border-radius:2px 10px 10px 10px;overflow-wrap:anywhere} .sc-message.sc-outgoing{align-items:flex-end}.sc-outgoing p{background:#dfcdef;border-color:#d6c0e7;color:#50365f;border-radius:10px 2px 10px 10px} .sc-composer{flex:none;padding:10px 13px 12px;border-top:1px solid #e4dcec;background:#fdfbff}.sc-editor-tools{display:flex;gap:12px;color:#b7a5c5;font-size:15px;line-height:1;margin-bottom:8px} #copilot #sc-editor{display:block;width:100%;height:82px;min-height:0;max-height:none;resize:none;border:0;border-radius:0;background:transparent;padding:0;font-size:12px;line-height:1.85;color:#634672;box-shadow:none;scrollbar-width:thin}#sc-editor::placeholder{color:#bdadc8}#copilot #sc-editor:focus-visible{outline:1px solid #c6add9;outline-offset:3px} .sc-editor-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:9px}.sc-editor-footer>span{font-size:8px;color:#b6a3c3}.sc-editor-footer button{padding:6px 13px;background:#765092;border:1px solid #765092;border-radius:5px;color:white;font-size:11px;line-height:1.5}.sc-editor-footer button span{margin-left:10px;color:#d2bbdf}.sc-editor-footer button:disabled{background:#e9dfef;border-color:#e9dfef;color:#bba5c9;cursor:default} .sc-ai-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 14px;scrollbar-width:thin;scrollbar-color:#d0bfde transparent}.sc-ai-caption{display:flex;align-items:center;gap:6px;font-size:9px;color:#a78db9;margin-bottom:14px}.sc-ai-caption>i{width:5px;height:5px;background:#bd9bd7;border-radius:50%;flex:none}.sc-ai-empty{font-size:12px;line-height:1.9;color:#bcacc8;margin-top:26px} .sc-ai-bubble{border:1px solid #dac6e9;border-radius:2px 11px 11px 11px;background:#fff;padding:13px 12px 10px;box-shadow:0 5px 15px #72508e06;animation:sc-arrive .35s ease both}.sc-ai-bubble[hidden],.sc-cursor[hidden],.sc-ai-empty[hidden]{display:none} #copilot #sales-reply{font-size:13px;line-height:1.9;color:#614575;margin:9px 0 15px;min-height:26px;overflow-wrap:anywhere}.sc-workspace[data-typing="true"] #sales-reply::after{content:'';display:inline-block;width:2px;height:12px;background:#a77bbf;margin-left:3px;vertical-align:-1px;animation:sc-caret 1s steps(1) infinite} .sc-ai-actions{display:flex;justify-content:flex-end;padding-top:9px;border-top:1px solid #eee6f3}.sc-ai-actions button{font-size:10px;padding:5px 9px;border:1px solid #dac7e8;border-radius:5px;color:#89649f;background:#faf6fd}.sc-ai-actions button span{margin-right:3px;font-size:14px}.sc-ai-actions button:disabled{opacity:.45;cursor:default}.sc-assistant-foot{padding:15px 10px;border-top:1px solid #ebe3f1;font-size:9px;color:#ac96ba;text-align:center;flex:none} .sc-cursor{position:absolute;top:0;left:0;z-index:5;width:18px;height:22px;pointer-events:none;filter:drop-shadow(0 2px 3px #39234835);will-change:transform}.sc-cursor svg{display:block;width:100%;height:100%}.sc-cursor i{position:absolute;left:-8px;top:-8px;width:18px;height:18px;border:2px solid #9f6abd;border-radius:50%;opacity:0}.sc-cursor.is-clicking i{animation:sc-click .45s ease-out}.sc-pressed{transform:scale(.93)!important;filter:brightness(.88)} #copilot .window-foot{border-top:1px solid #987aac30;color:#8d729e;background:transparent;padding:15px 12px;font-size:9px} @keyframes sc-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes sc-caret{50%{opacity:0}}@keyframes sc-click{from{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(1.8)}} .sc-workspace[data-paused="true"] *{animation-play-state:paused!important} @media(min-width:1600px){#copilot .copilot-stage{padding:0 32px}#copilot .copilot-main{padding-left:18px;padding-right:18px}} @media(max-width:760px){#copilot .copilot-stage{padding:0 8px}#copilot .copilot-main{padding:28px 0;min-height:0}.sc-eyebrow{font-size:8px;letter-spacing:.4px;gap:6px}.sc-controls{gap:9px}.sc-controls button{font-size:9px}.sc-workspace{height:650px;border-radius:10px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}#sc-replay{padding:7px 13px}.sc-pane-heading{padding:12px 8px;min-height:64px;gap:6px}.sc-avatar{width:23px;height:26px;border-radius:6px;font-size:11px}.sc-ai-avatar{font-size:19px}.sc-pane-heading strong{font-size:11px}.sc-pane-heading small{font-size:8px}.sc-more{display:none}.sc-transcript{padding:12px 7px}.sc-message p{font-size:11px;line-height:1.85;padding:8px;max-width:100%}.sc-message>span{font-size:8px}.sc-composer{padding:10px 8px}.sc-editor-tools{font-size:12px}#copilot #sc-editor{font-size:11px;height:90px}.sc-editor-footer>span{font-size:7px}.sc-editor-footer button{padding:6px 9px;font-size:10px}.sc-editor-footer button span{display:none}.sc-ai-scroll{padding:15px 8px}.sc-ai-caption{font-size:8px;line-height:1.6;gap:4px}.sc-ai-bubble{padding:10px 8px}#copilot #sales-reply{font-size:11px;line-height:1.85}.sc-ai-actions button{font-size:9px;padding:4px 7px}.sc-ai-empty{font-size:10px}.sc-assistant-foot{font-size:8px;padding:12px 6px}#copilot .window-foot{padding:12px 0;font-size:8px}#copilot .window-foot>span:last-child{display:block}} @media(prefers-reduced-motion:reduce){.sc-message,.sc-ai-bubble,.sc-cursor i,.sc-workspace #sales-reply::after{animation:none!important}} @media(max-width:360px){.sc-eyebrow{flex-wrap:wrap;max-width:110px;gap:3px}.sc-eyebrow i{display:none}} /* Sales assistant heading and knowledge retrieval states. */ #copilot .sc-title{margin:0 0 25px;font-size:clamp(24px,1.9vw,30px);line-height:1.36;font-weight:700;letter-spacing:-.8px;color:#352746} #copilot .sc-title>span{color:#8b63b6} .sc-ai-caption{min-height:40px;padding:8px 10px;border:1px solid #e5daee;border-radius:8px;background:#f4edf9;line-height:1.6;gap:8px;color:#754a96;font-size:12px;font-weight:600;letter-spacing:0} .sc-ai-caption.sc-pending{border-color:#b798d0;background:linear-gradient(110deg,#ece0f5,#f7f0fc);color:#754a96;font-size:12px;font-weight:600;box-shadow:0 3px 12px #8053a010} .sc-ai-caption.sc-pending>i{width:12px;height:12px;border:2px solid #d7c2e6;border-top-color:#9164b0;background:none;animation:sc-retrieving .9s linear infinite} @keyframes sc-retrieving{to{transform:rotate(360deg)}} @media(max-width:760px){#copilot .sc-title{font-size:clamp(22px,5.4vw,27px);margin-bottom:22px}.sc-ai-caption{padding:8px 6px;gap:5px;font-size:10px}.sc-ai-caption.sc-pending{font-size:10px}.sc-ai-caption.sc-pending>i{width:10px;height:10px}} @media(prefers-reduced-motion:reduce){.sc-ai-caption.sc-pending>i{animation:none}} /* Teaching project copy: compact flow, research and evaluation. */ #teaching .project-copy{display:block} #teaching .tp-copy-title{font-size:clamp(26px,2vw,30px);font-weight:500;line-height:1.5;letter-spacing:-.8px;margin:5px 0 0} #teaching .tp-copy-title br{display:initial} .tp-copy-title em{font-family:inherit;font-style:normal;font-weight:750;color:#315fa6;background:linear-gradient(transparent 70%,#d7e5f8 70%,#d7e5f8 94%,transparent 94%)} .tp-architecture{margin:21px 0 0;padding-bottom:23px;border-bottom:1px solid #d9e1ee} .tp-outline-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;max-width:380px;list-style:none;margin:0;padding:0;font-size:16px;line-height:1.5;color:#6e7e95} .tp-outline-flow li{position:relative;min-width:0;text-align:center;animation:tp-outline-in .7s ease both;transition:color .3s} .tp-outline-flow strong{display:block;font-size:inherit;font-weight:500;white-space:nowrap} .tp-outline-flow small{display:block;margin-top:9px;font-size:11px;line-height:1.7;color:#96a2b4} .tp-outline-flow li:nth-child(2){animation-delay:.14s}.tp-outline-flow li:nth-child(3){animation-delay:.28s} .tp-outline-flow li:not(:last-child)::after{content:'→';position:absolute;left:100%;top:0;width:26px;text-align:center;font-size:23px;line-height:24px;color:#8da8cf} .tp-outline-flow li.active{color:#2459b2}.tp-outline-flow li.active strong{text-decoration:underline;text-underline-offset:7px;text-decoration-color:#8bacdc;text-decoration-thickness:2px}.tp-outline-flow li.done{color:#3a65a8} .tp-contributions{display:grid;gap:23px;padding:25px 0 27px} .tp-contributions>div{display:grid;grid-template-columns:23px minmax(0,1fr);gap:10px;border-left:1px solid #c9d9ec;padding-left:13px} .tp-contributions b{font:10px/2 monospace;color:#819ec4} .tp-contributions>div h4{font-size:16px;font-weight:650;line-height:1.5;color:#315fa6;margin:0 0 6px} .tp-section-label{font-size:14px;font-weight:500;line-height:1.6;letter-spacing:.6px;color:#315fa6;margin:0 0 15px} .tp-contributions>.tp-section-label{margin:0 0 -7px} .tp-contributions p{font-size:14px;line-height:1.85;color:#788291} #teaching .project-copy .metrics{border-color:#d9e1ee;gap:40px;padding:22px 0 5px} #teaching .project-copy .metrics strong{font-size:35px} @keyframes tp-outline-in{from{opacity:0;transform:translateX(-7px)}to{opacity:1;transform:translateX(0)}} @media(max-width:760px){#teaching .tp-copy-title{font-size:26px}.tp-outline-flow{font-size:14px;gap:24px}.tp-outline-flow li:not(:last-child)::after{width:24px}.tp-contributions p{font-size:14px}.tp-contributions{gap:20px}} @media(prefers-reduced-motion:reduce){.tp-outline-flow li{animation:none;transition:none}} /* Sales project copy: knowledge hierarchy and human decision loop. */ #copilot .project-copy{display:block} #copilot,#copilot .project-copy,#copilot .stage .window,#copilot .sc-transcript,#copilot .sc-ai-scroll,#copilot #sc-editor{scrollbar-width:none} #copilot::-webkit-scrollbar,#copilot .project-copy::-webkit-scrollbar,#copilot .stage .window::-webkit-scrollbar,#copilot .sc-transcript::-webkit-scrollbar,#copilot .sc-ai-scroll::-webkit-scrollbar,#copilot #sc-editor::-webkit-scrollbar{display:none;width:0;height:0} #copilot .sc-copy-title{font-size:clamp(26px,2vw,30px);font-weight:500;line-height:1.5;letter-spacing:-.8px;margin:5px 0 0} #copilot .sc-copy-title br{display:initial} #copilot .sc-copy-intro{font-size:13px;line-height:1.8;color:#82728d;margin:16px 0 0} .sc-copy-title em{font-family:inherit;font-style:normal;font-weight:750;color:#79549b;background:linear-gradient(transparent 70%,#e6daef 70%,#e6daef 94%,transparent 94%)} .sc-section-label{font-size:16px;font-weight:600;line-height:1.6;letter-spacing:.3px;color:#79549b;margin:0} .sc-architecture{margin:28px 0 0;padding-bottom:27px;border-bottom:1px solid #e1d9e8} .sc-architecture-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 12px;margin-bottom:21px} .sc-architecture-heading p{margin:0;font-size:12px;line-height:1.6;color:#95869e} .sc-knowledge-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px} .sc-knowledge-paths>div{min-width:0;padding-top:13px;border-top:2px solid #bea4d0} .sc-knowledge-paths>div>span{font-size:11px;color:#95829f;line-height:1.6} .sc-knowledge-paths h5{font-size:22px;font-weight:650;color:#79549b;margin:8px 0 9px;line-height:1.4;letter-spacing:-.3px} .sc-knowledge-paths p{font-size:12px;line-height:1.7;color:#726979;margin:0} .sc-knowledge-paths small{display:block;font-size:10px;line-height:1.6;color:#a18aaa;margin-top:9px} .sc-knowledge-paths .sc-fact-path{border-color:#a8bccd} .sc-fact-path h5{color:#587892} .sc-fact-path>span,.sc-fact-path small{color:#899ba9} .sc-knowledge-paths .sc-script-path{border-color:#cfacbc} .sc-script-path h5{color:#9b647d} .sc-script-path>span,.sc-script-path small{color:#a58a97} .sc-human-loop{padding:27px 0 25px} .sc-human-loop h4{font-size:21px;font-weight:500;line-height:1.5;color:#55485f;margin:0 0 19px;letter-spacing:-.3px} .sc-human-loop h4 em{font-style:normal;color:#79549b;font-weight:650} .sc-human-loop ol{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0 0 18px;padding:0;color:#80638f;font-size:13px;line-height:1.6;text-align:center} .sc-human-loop li{position:relative;white-space:nowrap} .sc-human-loop li:not(:last-child)::after{content:'→';position:absolute;left:100%;width:24px;font-size:19px;line-height:21px;color:#b59ac6} .sc-human-loop p{font-size:13px;line-height:1.85;color:#96879e;margin:0} #copilot .project-copy .metrics{border-color:#e1d9e8;display:grid;grid-template-columns:1.4fr 1fr;gap:24px;padding:22px 0 5px} #copilot .project-copy .metrics strong{font-size:35px;white-space:nowrap} #copilot .project-copy .metrics>div>span{max-width:180px;line-height:1.7} @media(max-width:760px){#copilot .sc-copy-title{font-size:26px}.sc-knowledge-paths{gap:18px}.sc-knowledge-paths h5{font-size:21px}.sc-knowledge-paths p{font-size:11px}.sc-human-loop h4{font-size:20px}#copilot .project-copy .metrics{gap:20px}} @media(min-width:761px) and (max-height:780px){#copilot .project-copy{padding-top:18px;padding-bottom:18px}#copilot .sc-copy-title{font-size:26px}.sc-architecture{margin-top:19px;padding-bottom:19px}.sc-architecture-heading{margin-bottom:15px}.sc-human-loop{padding:19px 0}.sc-human-loop h4{margin-bottom:14px}.sc-human-loop ol{margin-bottom:12px}#copilot .project-copy .metrics{padding-top:17px}} /* Decision architecture: a live route and state walkthrough. */ #agent,#agent .project-copy{scrollbar-width:none} #agent::-webkit-scrollbar,#agent .project-copy::-webkit-scrollbar{display:none} #agent .decision-stage{display:flex;align-items:center;justify-content:center;padding:30px clamp(22px,2.5vw,40px);background:radial-gradient(ellipse at 100% 100%,#32625e,transparent 65%),linear-gradient(145deg,#12282d,#203e42);color:#e6f1ed;border-radius:0} .dm-demo{width:100%;max-width:670px} .dm-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#9bbab4;font-size:9px;letter-spacing:1px;margin-bottom:24px} .dm-toolbar>div{display:flex;align-items:center;gap:12px;flex-shrink:0} .dm-toolbar button{color:#bfd6cf;font-size:10px;letter-spacing:0;cursor:pointer} #dm-replay{border:1px solid #789b9166;border-radius:99px;padding:8px 13px;background:#d2efe309} #agent .dm-title{font-size:clamp(25px,2.1vw,32px);line-height:1.4;letter-spacing:-.7px;font-weight:650;margin:0 0 24px;color:#f3f5ed} .dm-title em{font-family:inherit;font-style:normal;color:#acd5bf} .dm-scenarios{display:flex;gap:8px;margin-bottom:17px} .dm-scenarios button{flex:1;min-width:0;font-size:12px;color:#aac1ba;padding:9px 4px;border-radius:6px;border:1px solid #809e963b;background:transparent;cursor:pointer;transition:background .2s,color .2s} .dm-scenarios button[aria-pressed="true"]{color:#173832;background:#c3ddcf;border-color:#c3ddcf} #agent button:focus-visible{outline:2px solid #d9c89c;outline-offset:4px} .dm-event{border:1px solid #8baaa344;background:#ffffff06;border-radius:10px;padding:16px 18px;margin-bottom:23px;min-height:116px} .dm-event>div{display:flex;justify-content:space-between;color:#9fbab2;font-size:10px;letter-spacing:.4px} .dm-event p{font-size:17px;line-height:1.5;min-height:26px;color:#eff4f0;margin:11px 0 9px;overflow-wrap:anywhere} .dm-event small{font-size:10px;color:#88a69e;line-height:1.5} .dm-router>header,.dm-machine>header{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:12px} .dm-router h4,.dm-machine h4{font-size:14px;font-weight:600;line-height:1.5;color:#d7e8e1;margin:0} .dm-router h4 span,.dm-machine h4 span{font:10px monospace;color:#8fa9a1;margin-right:7px} .dm-router header p,.dm-machine header p{font-size:10px;color:#8eaaa1;line-height:1.5;margin:0} .dm-router ol{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0;margin:0 0 22px} .dm-router li{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.5;padding:10px;border:1px solid #829b962b;border-radius:5px;color:#79978d;transition:background .25s,color .25s,border-color .25s} .dm-router li b{font:10px monospace;font-weight:400;opacity:.65} .dm-router li.is-active{background:#d2c4981c;border-color:#c2b987;color:#ece0b4} .dm-router li.is-skipped{opacity:.55} .dm-machine ol{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 0 22px;padding:0} .dm-machine li{position:relative;text-align:center;font-size:11px;line-height:1.5;padding:10px 1px;border-bottom:2px solid #698b8055;color:#89a89d;white-space:nowrap;transition:color .25s,border-color .25s} .dm-machine li:not(:last-child)::after{content:'→';position:absolute;left:100%;width:18px;text-align:center;color:#809f92;font-size:14px} .dm-machine li.is-current{color:#d2efde;border-bottom-color:#b0dbbd;background:linear-gradient(transparent,#d2efde09)} .dm-machine li.is-done{color:#b1ccbb;border-bottom-color:#789d83} .dm-action{padding:15px 17px;border-left:2px solid #a1c7b0;background:#bdd7c70a;min-height:106px} .dm-action>span{display:block;color:#8fae9f;font-size:10px;line-height:1.5;margin-bottom:6px} .dm-action strong{display:block;font-size:15px;line-height:1.6;font-weight:550;color:#d5e9dc} .dm-action p{font-size:11px;line-height:1.7;color:#9bb8a9;margin:6px 0 0} .dm-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;color:#7d9b8f;font-size:9px;line-height:1.6} .dm-footer button{font-size:11px;color:#bed7c7;white-space:nowrap;cursor:pointer} #agent .project-copy{display:block} #agent .dm-copy-title{font-size:clamp(26px,2vw,30px);line-height:1.5;font-weight:500;margin:5px 0 0;letter-spacing:-.8px} #agent .dm-copy-title br{display:initial} .dm-copy-title em{font-family:inherit;font-style:normal;font-weight:700;color:#46756c;background:linear-gradient(transparent 70%,#dce7df 70%,#dce7df 94%,transparent 94%)} #agent .dm-copy-intro{font-size:13px;line-height:1.9;color:#86938b;margin:17px 0 0} .dm-architecture-copy{margin-top:25px;padding-bottom:24px;border-bottom:1px solid #d7e0d9} .dm-architecture-copy>h4,.dm-refactor>h4{font-size:15px;line-height:1.6;color:#4f776b;font-weight:600;margin:0 0 19px} .dm-concepts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px} .dm-concepts>div{border-top:2px solid #9cb8af;padding-top:12px} .dm-concepts>div:last-child{border-color:#c4b799} .dm-concepts span{font-size:11px;line-height:1.6;color:#90a198} .dm-concepts h5{font-size:23px;color:#507c70;margin:6px 0 9px;line-height:1.4;font-weight:650} .dm-concepts>div:last-child h5{color:#9b875b} .dm-concepts p{font-size:12px;line-height:1.85;color:#849087;margin:0} .dm-refactor{padding:24px 0} .dm-refactor>div{display:grid;grid-template-columns:36px 1fr;gap:12px;margin-bottom:14px} .dm-refactor>div>span{font-size:10px;color:#9ba39b;padding-top:2px} .dm-refactor>div p{font-size:13px;color:#969c95;line-height:1.8;margin:0} .dm-refactor .dm-refactor-new p{color:#557b68;font-size:13px;font-weight:600} .dm-refactor .dm-refactor-note{font-size:12px;line-height:1.85;color:#88968b;margin:18px 0 0} #agent .project-copy .metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px 0 0;border-color:#d7e0d9} #agent .project-copy .metrics strong{font-size:36px} #agent .project-copy .metrics>div>span{font-size:11px;line-height:1.7} .dm-result-note{font-size:10px;line-height:1.8;color:#a0a79f;margin:16px 0 0} @media(min-width:1201px) and (max-height:800px){#agent .decision-stage{padding-top:20px;padding-bottom:20px}.dm-toolbar{margin-bottom:16px}#agent .dm-title{font-size:26px;margin-bottom:17px}.dm-event{min-height:105px;padding:12px 15px;margin-bottom:16px}.dm-router ol{margin-bottom:15px}.dm-router li{padding:8px}.dm-machine ol{margin-bottom:16px}.dm-action{min-height:98px;padding:12px 15px}.dm-footer{margin-top:14px}#agent .project-copy{padding-top:18px;padding-bottom:18px}.dm-architecture-copy{margin-top:18px;padding-bottom:18px}.dm-refactor{padding:18px 0}.dm-architecture-copy>h4,.dm-refactor>h4{margin-bottom:14px}.dm-refactor .dm-refactor-note{margin-top:12px}.dm-result-note{margin-top:10px}} @media(max-width:1200px){#agent .decision-stage{padding:32px 26px}#agent .project-copy{padding:30px 0}#agent .dm-copy-title{font-size:28px}} @media(max-width:760px){#agent .decision-stage{padding:28px 17px}.dm-toolbar{font-size:8px;letter-spacing:.4px;gap:7px}.dm-toolbar>div{gap:8px}#dm-replay{padding:7px 9px}.dm-toolbar button{font-size:9px}#agent .dm-title{font-size:25px}.dm-router li{padding:9px 7px;font-size:11px;gap:5px}.dm-router header p,.dm-machine header p{font-size:9px}.dm-machine ol{gap:13px}.dm-machine li{font-size:10px}.dm-machine li:not(:last-child)::after{width:13px}.dm-event p{font-size:15px}.dm-action strong{font-size:14px}.dm-footer{font-size:8px}.dm-concepts{gap:18px}.dm-concepts p{font-size:11px}#agent .dm-copy-title{font-size:26px}} @media(prefers-reduced-motion:reduce){#agent .dm-demo *{transition:none!important}} /* Keep the walkthrough footer independent of the site's main footer. */ #agent .dm-footer{padding:0;background:transparent;min-height:22px} .dm-concepts span{display:block} @media(min-width:1201px) and (max-height:800px){#agent .project-kicker{margin-bottom:12px}#agent .dm-copy-title{font-size:25px}#agent .dm-copy-intro{margin-top:12px}.dm-architecture-copy>h4,.dm-refactor>h4{margin-bottom:10px}.dm-concepts>div{padding-top:8px}.dm-refactor{padding:14px 0}.dm-refactor>div{margin-bottom:10px}#agent .project-copy .metrics{padding-top:15px}} /* Prompt refactor: highlight how scattered instructions become explicit layers. */ #pf-replay{border:1px solid #789b9166;border-radius:99px;padding:8px 13px;background:#d2efe309} .pf-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:23px} .pf-steps button{font-size:12px;color:#91afa3;border-bottom:2px solid #91afa333;padding:9px 0 10px;cursor:pointer;white-space:nowrap;text-align:left;transition:color .3s,border-color .3s} .pf-steps button span{font:9px monospace;opacity:.65;margin-right:6px} .pf-steps button[aria-pressed="true"]{color:#d6ebd9;border-color:#b8d8be} .pf-comparison{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:stretch} .pf-before,.pf-after{min-width:0;border-radius:8px;padding:16px 13px;border:1px solid #7f9f9340;background:#091c201c} .pf-before{border-color:#bbaa9133;background:#c5ab8e06} .pf-comparison section>header{padding-bottom:15px;margin-bottom:12px;border-bottom:1px solid #a2b6ac22} .pf-comparison h4{font-size:16px;font-weight:600;color:#d2c1aa;line-height:1.5;margin:0 0 5px} .pf-after h4{color:#b8debf} .pf-comparison header>span{font-size:10px;color:#8fa49a;line-height:1.6} #pf-fragments{display:grid;gap:12px} #pf-fragments>div{padding:10px 10px 11px;border-left:2px solid #b59e7866;background:#c3a98408;min-height:85px} #pf-fragments>div>span{display:block;font:8px/1.7 monospace;letter-spacing:.3px;color:#9f9686;overflow-wrap:anywhere} #pf-fragments p{font-size:12px;line-height:1.85;color:#c0b9ab;margin:7px 0 0} .pf-transfer{display:flex;align-items:center;justify-content:center;font-size:23px;color:#b1ccb2} .pf-after ol{display:grid;gap:9px;list-style:none;padding:0;margin:0} .pf-after li{padding:10px 10px;border:1px solid #6d928233;border-radius:5px;background:transparent;transition:background .45s,border-color .45s} .pf-after li>div{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:3px 5px} .pf-after b{font-size:14px;font-weight:500;color:#8fa99a;line-height:1.5} .pf-after li span{font:7px/1.5 monospace;color:#718f80} .pf-after li p{font-size:10px;line-height:1.7;color:#7a9688;margin:6px 0 0} .pf-after li.is-focus{border-color:#a7c9ab;background:#b8dfbb12} .pf-after li.is-focus b{color:#d7ebd3} .pf-after li.is-focus span,.pf-after li.is-focus p{color:#b0cdb5} .pf-explanation{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:18px 0 0;margin-top:23px;border-top:1px solid #9cb9a540;min-height:108px} #pf-counter{font:10px/2 monospace;color:#91b49d;padding-top:2px} .pf-explanation strong{font-size:15px;font-weight:600;line-height:1.65;color:#d0e5d2} .pf-explanation p{font-size:12px;line-height:1.85;margin:8px 0 0;color:#94b29e} #agent .pf-demo .dm-footer{margin-top:16px} @media(min-width:1201px) and (max-height:800px){.pf-steps{margin-bottom:16px}.pf-before,.pf-after{padding:13px 11px}.pf-comparison section>header{padding-bottom:10px;margin-bottom:10px}#pf-fragments{gap:10px}#pf-fragments>div{min-height:78px;padding:8px}.pf-after li{padding:8px}.pf-explanation{margin-top:17px;padding-top:14px;min-height:96px}.pf-explanation p{margin-top:5px}} @media(max-width:760px){.pf-steps{gap:6px}.pf-steps button{font-size:11px}.pf-steps button span{margin-right:4px;font-size:8px}.pf-comparison{grid-template-columns:minmax(0,1fr);gap:10px}.pf-transfer{height:20px;transform:rotate(90deg)}.pf-before,.pf-after{padding:15px}.pf-before header,.pf-after header{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.pf-comparison h4{margin:0}#pf-fragments{gap:8px}#pf-fragments>div{min-height:0;padding:8px 10px}#pf-fragments p{margin-top:4px}.pf-after ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pf-after li>div{display:block}.pf-after li span{display:block;margin-top:3px}.pf-explanation{grid-template-columns:34px minmax(0,1fr);gap:8px}.pf-explanation strong{font-size:14px}#pf-replay{padding:7px 9px}} .pf-comparison header>span{display:block} .pf-after li>div{line-height:1} @media(min-width:1201px) and (max-height:800px){.pf-demo .dm-toolbar{margin-bottom:12px}#agent .pf-demo .dm-title{margin-bottom:12px}.pf-steps{margin-bottom:12px}.pf-steps button{padding-top:7px;padding-bottom:8px}.pf-comparison section>header{padding-bottom:8px;margin-bottom:8px}.pf-comparison h4{font-size:15px;margin-bottom:4px}#pf-fragments>div{min-height:70px}#pf-fragments p{font-size:11.5px;line-height:1.75;margin-top:5px}.pf-after ol{gap:7px}.pf-after li{padding:7px 8px}.pf-after li p{line-height:1.5;margin-top:4px}.pf-explanation{min-height:84px}#agent .pf-demo .dm-footer{margin-top:10px}} /* Repayment instruction refactoring: the same highlighted rules migrate into nodes. */ #rf-replay{border:1px solid #789b9166;border-radius:99px;padding:8px 13px;background:#d2efe309} .rf-progress{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 20px;padding:0} .rf-progress li{position:relative;padding-bottom:10px;border-bottom:2px solid #9db7a82a;font-size:11px;color:#789c8d;line-height:1.5;transition:color .3s,border-color .3s} .rf-progress li:not(:last-child)::after{content:'→';position:absolute;right:-12px;color:#6f9282} .rf-progress li.is-current{color:#d5e7d5;border-color:#b2cfac} .rf-progress li.is-done{color:#a0c0ac;border-color:#789c7e} .rf-canvas{position:relative;isolation:isolate;height:415px} .rf-original,.rf-new{position:absolute;inset:0;padding:18px;border:1px solid #779b874d;border-radius:9px;background:#102b2a99;display:flex;flex-direction:column} .rf-new{background:#14312eee} .rf-new[hidden],.rf-error[hidden]{display:none} .rf-original>header,.rf-new>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:1px solid #9abca72b;margin-bottom:13px} .rf-original h4,.rf-new h4{font-size:15px;font-weight:600;line-height:1.5;color:#dce7d6;margin:0} .rf-original header>span,.rf-new header>span{font-size:10px;color:#80a390;white-space:nowrap} .rf-paragraphs{display:grid;gap:12px} .rf-paragraphs p{font-size:13px;line-height:1.9;color:#8fa99b;margin:0} .rf-chip{display:inline-block;border-radius:4px;padding:1px 5px;border:1px solid;white-space:nowrap;font:600 12px/1.6 var(--font);vertical-align:baseline} .rf-green{color:#c5e1ac;background:#8fb57824;border-color:#98b78066} .rf-gold{color:#ebd797;background:#d2b86422;border-color:#ceb46566} .rf-blue{color:#b0d3e4;background:#7fabbe26;border-color:#7fabbe70} .rf-rose{color:#e3b7c4;background:#b7809226;border-color:#b7809270} .rf-original-bottom,.rf-new-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:12px;border-top:1px solid #9abca72b} .rf-original-bottom p{font-size:11px;line-height:1.6;color:#8fad9b;margin:0} .rf-original-bottom strong{font-weight:400;color:#d5e4d8} .rf-original-bottom button,.rf-new-bottom button{padding:8px 13px;border-radius:99px;border:1px solid #bed7b8;background:#c4daba;color:#234235;font-size:11px;white-space:nowrap;cursor:pointer} .rf-original-bottom button:disabled,.rf-new-bottom button:disabled{opacity:.65;cursor:default} .rf-original-bottom button span,.rf-new-bottom button span{margin-left:9px} .rf-state-heading,.rf-tree-heading{display:flex;align-items:baseline;gap:12px;line-height:1.5;margin:0 0 9px} .rf-state-heading b,.rf-tree-heading b{font-size:13px;color:#bdceb8;font-weight:600} .rf-state-heading>span,.rf-tree-heading>span{font-size:10px;color:#799b89} .rf-states{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 17px;padding:0;list-style:none} .rf-states li{position:relative;display:grid;place-items:center;min-height:48px;border:1px solid #779b874d;background:#a1c39108;border-radius:5px} .rf-states li:not(:last-child)::after{content:'→';position:absolute;left:100%;width:20px;text-align:center;font-size:17px;color:#7f9d84} .rf-states strong{font-size:12px;color:#779f86;font-weight:500} [data-rf-slot]{min-height:23px;display:flex;justify-content:center;align-items:center} .rf-tree-root{align-self:center;min-width:125px;border-bottom:1px solid #ccb77366;padding-bottom:8px;position:relative} .rf-tree-root::after{content:'';position:absolute;left:50%;top:100%;height:10px;border-left:1px solid #ccb77366} .rf-question{align-self:center;margin-top:10px;font-size:12px;line-height:1.6;color:#d5ce9f;padding:4px 15px;border:1px solid #bbaa7455;border-radius:99px} .rf-branches{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-top:19px;text-align:center} .rf-branches::before{content:'';position:absolute;left:25%;right:25%;top:10px;height:9px;border:1px solid #8ba58555;border-bottom:0} .rf-branches::after{content:'';position:absolute;left:50%;top:0;height:10px;border-left:1px solid #8ba58555} .rf-branches>div{padding:8px 4px;border:1px solid #7f9b7938;border-radius:5px;background:#a1c39106} .rf-branches>div>span{display:block;font-size:10px;line-height:1.5;color:#87a392;margin-bottom:5px} .rf-branches strong{font-size:11px;line-height:1.6;font-weight:500;color:#a6c6b4} .rf-branch-no.is-selected{border-color:#90b9c2;background:#9fc7d515} .rf-states li.is-selected{border-color:#96bfca;background:#9fc7d515} .rf-new-bottom{padding-top:9px;margin-top:auto} #rf-proof{font-size:11px;line-height:1.65;color:#9bbe9c} .rf-error{position:absolute;z-index:3;left:14px;right:14px;bottom:14px;display:flex;align-items:flex-start;gap:12px;padding:17px;border:1px solid #d59889;border-radius:8px;background:#503a34;box-shadow:0 10px 35px #05191955} .rf-error-icon{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border-radius:50%;background:#dba08a;color:#4b2d26;font-size:15px;font-weight:700} .rf-error strong{display:block;font-size:14px;line-height:1.6;color:#f0c9b9} .rf-error p{font-size:12px;line-height:1.7;color:#d9b3a7;margin:6px 0} .rf-error small{font-size:11px;line-height:1.6;color:#ce9c8a} .rf-flight{position:absolute;inset:0;z-index:4;pointer-events:none} .rf-flight .rf-chip{position:absolute;left:0;top:0;will-change:transform;box-shadow:0 5px 15px #061c1c55} .rf-cursor{position:absolute;left:0;top:0;z-index:6;pointer-events:none;width:19px;height:24px;filter:drop-shadow(0 2px 2px #0005);transform:translate(24px,30px)} .rf-cursor svg{display:block;width:100%;height:100%} .rf-cursor i{position:absolute;left:-7px;top:-7px;border:1px solid #d3e0be;border-radius:50%;width:19px;height:19px;opacity:0} .rf-cursor.is-clicking i{opacity:.9;transform:scale(1.3)} .rf-caption{min-height:66px;margin-top:20px;padding-left:12px;border-left:2px solid #83a389} .rf-caption strong{display:block;font-size:14px;font-weight:550;line-height:1.65;color:#cfe0c7} .rf-caption p{font-size:12px;line-height:1.8;color:#8aa98e;margin:6px 0 0} #agent .rf-demo .dm-footer{margin-top:13px} @media(min-width:1201px) and (max-height:800px){.rf-demo .dm-toolbar{margin-bottom:12px}#agent .rf-demo .dm-title{font-size:25px;margin-bottom:16px}.rf-progress{margin-bottom:14px}.rf-canvas{height:364px}.rf-original,.rf-new{padding:14px}.rf-original>header,.rf-new>header{padding-bottom:9px;margin-bottom:9px}.rf-paragraphs{gap:8px}.rf-paragraphs p{font-size:12px;line-height:1.8}.rf-chip{font-size:11px}.rf-original-bottom{padding-top:8px}.rf-states{margin-bottom:11px}.rf-states li{min-height:40px}.rf-state-heading,.rf-tree-heading{margin-bottom:6px}.rf-branches{padding-top:16px}.rf-branches>div{padding:6px 3px}.rf-caption{margin-top:14px;min-height:60px}.rf-caption strong{font-size:13px}.rf-caption p{font-size:11px}#agent .rf-demo .dm-footer{margin-top:9px}} @media(max-width:760px){#rf-replay{padding:7px 9px}#agent .rf-demo .dm-title{font-size:23px}.rf-canvas{height:510px}.rf-original,.rf-new{padding:13px}.rf-paragraphs{gap:11px}.rf-paragraphs p{font-size:12px;line-height:1.9}.rf-chip{font-size:11px;padding:1px 3px}.rf-original h4,.rf-new h4{font-size:13px}.rf-original-bottom{flex-wrap:wrap;gap:8px}.rf-original-bottom button{margin-left:auto}.rf-states{grid-template-columns:1fr;gap:13px;margin-bottom:16px}.rf-states li{min-height:37px}.rf-states li:not(:last-child)::after{content:'↓';left:50%;top:100%;transform:translateX(-50%);height:13px;font-size:12px;line-height:13px}.rf-tree-heading>span,.rf-state-heading>span{font-size:9px}.rf-branches{gap:9px}.rf-branches strong{font-size:10px}.rf-new-bottom{gap:8px}.rf-new-bottom button{padding:7px 9px}#rf-proof{font-size:10px}.rf-error{left:8px;right:8px;padding:13px;gap:9px}.rf-error strong{font-size:13px}.rf-error p{font-size:11px}.rf-caption{min-height:84px}.rf-progress{gap:11px}.rf-progress li{font-size:10px}.rf-progress li:not(:last-child)::after{right:-10px}} /* Concrete execution states: readiness, tool wait, and response composition. */ .rf-tool-states{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .rf-tool-states li{display:flex;flex-direction:column;justify-content:center;gap:5px;min-height:66px;padding:8px 2px} .rf-tool-states li small{font-size:9px;line-height:1.5;color:#6e9681} .rf-tool-states li:not(:last-child)::after{width:14px} .rf-tool-states .rf-chip{font-size:11px;padding:1px 3px} .rf-tool-status{display:flex;gap:10px;align-items:center;padding:11px 12px;border:1px solid #829e8338;border-radius:5px;margin-top:17px;background:#abc89508} .rf-tool-status>i{display:block;flex:none;width:7px;height:7px;border-radius:50%;background:#82ab90} .rf-tool-status strong{font-size:11px;line-height:1.6;font-weight:500;color:#a8cbb1} .rf-tool-status p{font-size:10px;line-height:1.7;color:#7fa792;margin:3px 0 0} .rf-tool-status.is-pending{border-color:#7cabb3;background:#8bc1cc0a} .rf-tool-status.is-pending>i{width:12px;height:12px;border:2px solid #648991;border-top-color:#b0d3e4;background:none;animation:rf-tool-wait .9s linear infinite} .rf-branch-yes.is-selected{border-color:#c6b475;background:#c6b4750d} .rf-demo [data-rf-slot]{min-width:0} @keyframes rf-tool-wait{to{transform:rotate(360deg)}} #agent[data-rf-paused="true"] .rf-tool-status>i{animation-play-state:paused} @media(min-width:1201px) and (max-height:800px){.rf-tool-states li{min-height:60px;padding:6px 1px}.rf-tool-states .rf-chip{font-size:10px;padding:1px 2px}.rf-tool-states{gap:12px;margin-bottom:10px}.rf-tool-states li:not(:last-child)::after{width:12px}.rf-tool-status{margin-top:11px;padding:8px 10px}} @media(max-width:760px){.rf-tool-states{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 15px;margin-bottom:16px}.rf-tool-states li{min-height:67px}.rf-tool-states li:not(:last-child)::after{content:none}.rf-tool-states li:first-child::after,.rf-tool-states li:nth-child(3)::after{content:'→';left:100%;top:50%;width:15px;transform:translateY(-50%);height:auto;font-size:14px}.rf-tool-states li:nth-child(2)::after{content:'↓';top:100%;left:50%;transform:translateX(-50%);width:auto;height:10px;font-size:11px;line-height:10px}.rf-tool-status{margin-top:14px;padding:10px}.rf-tool-status p{font-size:9px}.rf-new .rf-question{margin-top:4px}} @media(prefers-reduced-motion:reduce){.rf-tool-status>i{animation:none!important}} @media(max-width:760px){.rf-tool-states li:nth-child(3){grid-column:2;grid-row:2}.rf-tool-states li:nth-child(4){grid-column:1;grid-row:2}.rf-tool-states li:nth-child(3)::after{content:'←';left:auto;right:100%}} .rf-new .rf-tree-heading>span{font-size:11px;color:#c5bf95} .rf-new .rf-branches{padding-top:0} .rf-new .rf-branches::before,.rf-new .rf-branches::after{display:none} .rf-tool-status strong{display:block} @media(min-width:1201px) and (max-height:800px){.rf-canvas{height:384px}}