:root{--ink:#202722;--muted:#768076;--paper:#f6f7f1;--line:#dde2d7;--blue:#315cc7;--sage:#e8ede1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--paper);color:var(--ink)}a{color:inherit}a,button{-webkit-tap-highlight-color:transparent}button,textarea{font:inherit}a:focus-visible,button:focus-visible,textarea:focus-visible{outline:3px solid #8da8e8;outline-offset:4px}.wrap{max-width:1240px;padding:0 42px;margin:auto}.header-inner{min-height:100px;display:flex;justify-content:space-between;align-items:center;gap:25px}.brand{display:flex;align-items:center;gap:16px;text-decoration:none}.brand img{width:68px;height:48px;object-fit:contain}.brand-name{font-size:19px;font-weight:700;border-left:1px solid #d0d7cb;padding-left:15px;letter-spacing:1px}.brand-name small{display:block;font-size:9px;letter-spacing:2px;margin-top:6px;color:var(--muted)}nav{display:flex;align-items:center;gap:29px;font-size:13px}nav a{text-decoration:none}nav a:hover{color:var(--blue)}.nav-action{border:1px solid #ccd5c5;padding:10px 16px;border-radius:5px}.hero{text-align:center;padding-top:58px;padding-bottom:65px;background-image:radial-gradient(#cbd3c533 .8px,transparent .8px);background-size:18px 18px}.hero-note{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;color:#65715e;font-size:12px}.dot{width:6px;height:6px;background:#7e9569;border-radius:50%}.pill{border:1px solid #d9e0d0;border-radius:20px;padding:4px 9px;font-size:10px;letter-spacing:.4px;background:var(--paper)}h1{font-size:clamp(42px,5.6vw,72px);letter-spacing:-2px;line-height:1.2;margin:28px 0 23px;font-weight:650}h1 span{color:var(--blue)}.hero-desc{font-size:17px;line-height:1.95;color:#697267;margin:0}.hero-links{display:flex;gap:25px;align-items:center;justify-content:center;margin-top:28px;font-size:13px}.hero-links>a{text-decoration:none}.hero-links>a:not(.primary){color:#5b6555}.primary{display:inline-flex;justify-content:center;gap:30px;align-items:center;background:var(--blue);color:#fff;text-decoration:none;border-radius:5px;padding:14px 20px;font-size:13px}.primary:hover{background:#264ba9}.hero-fine{font-size:11px;letter-spacing:1px;color:#8a9383;margin-top:27px}.workspace{padding-top:18px;padding-bottom:65px}.workspace-heading,.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:26px}.overline{font-size:10px;letter-spacing:2px;font-weight:650;color:var(--blue)}h2{font-size:30px;font-weight:600;line-height:1.45;letter-spacing:-.7px;margin:13px 0 0}.workspace-heading p,.section-heading p{color:var(--muted);font-size:13px;line-height:1.9;margin:0}.desk{display:grid;grid-template-columns:180px 1fr;border:1px solid #d5ddce;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 18px 45px #35452b0a}.desk-side{background:#edf0e8;border-right:1px solid #dce2d5;padding:28px 18px;display:flex;flex-direction:column}.side-logo{font-size:30px;font-weight:700;letter-spacing:-2px;padding:0 13px 28px;color:#475a40}.side-logo span{color:var(--blue)}.side-item{padding:12px 13px;font-size:12px;color:#7d8876;border-radius:5px;display:flex;gap:13px;margin-bottom:6px}.side-item.active{background:#fff;color:#3f5933;box-shadow:0 2px 6px #35452b05}.side-item.active span{color:var(--blue)}.side-bottom{margin-top:auto;font-size:10px;line-height:1.9;color:#8c9785;padding:30px 12px 0}.chat-bar{height:57px;border-bottom:1px solid #edf0e8;display:flex;justify-content:space-between;align-items:center;padding:0 28px;font-size:12px;color:#62705b}.status-dot{display:inline-block;width:6px;height:6px;background:#7f986c;border-radius:50%;margin-right:8px}.demo-tag{font-size:10px;padding:4px 8px;border:1px solid #e4e8de;border-radius:12px;color:#8a9382}.chat-content{padding:30px 38px}.agent-intro{display:flex;align-items:center;gap:15px}.agent-symbol{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:#edf1fa;color:var(--blue);font-size:24px}.agent-intro h3{font-size:20px;font-weight:600;margin:0 0 9px}.agent-intro p{color:var(--muted);font-size:12px;margin:0;line-height:1.7}.prompts{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 20px}.prompts button{font-size:10px;border:1px solid #e0e5da;background:white;border-radius:5px;color:#6c7765;padding:9px 10px;cursor:pointer;text-align:left}.prompts button[aria-pressed=true]{border-color:#aec0e6;color:var(--blue);background:#f6f8fe}.prompts button:hover{border-color:#91a7d4}form{background:#fafbf7;border:1px solid #d3dccc;border-radius:8px;padding:15px 16px 11px}textarea{width:100%;resize:vertical;border:0;background:transparent;font-size:13px;line-height:1.9;color:#434d3d;min-height:58px;max-height:180px}textarea:focus{outline:none}.composer-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:7px}.composer-bottom>span{font-size:10px;color:#929b89}.composer-bottom button{font-size:11px;display:flex;align-items:center;gap:12px;color:var(--blue);cursor:pointer;border:0;background:transparent}.composer-bottom b{display:inline-grid;place-items:center;background:var(--blue);color:white;width:25px;height:25px;border-radius:5px;font-size:16px}.demo-disclosure{font-size:10px;color:#949c8d;padding:9px 2px 0;line-height:1.7}.response{margin-top:24px;padding:19px;background:#f5f7f1;border:1px solid #e7ecdf;border-radius:7px}.response-title{display:flex;align-items:center;gap:10px}.response-title>span:first-child{color:var(--blue);font-size:21px}.response-title strong{font-size:13px;font-weight:550}.example-label{margin-left:auto;color:#8b9583;font-size:9px;white-space:nowrap}.response>p{font-size:11px;color:#7f8976;line-height:1.85;margin:10px 0 16px}.plan-steps{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.plan-steps>div{padding:13px;background:white;border:1px solid #e6ebde;border-radius:4px}.plan-steps span{font-size:9px;color:#829177}.plan-steps strong{font-size:11px;font-weight:550;display:block;margin:9px 0 8px}.plan-steps small{font-size:10px;color:#8e9785;line-height:1.5;display:block}.workshop-link{font-size:10px;color:#69795d;text-decoration:none;margin-top:17px;display:flex;justify-content:space-between}.principle{display:grid;grid-template-columns:1fr 2.2fr 1.1fr;align-items:center;gap:35px;padding-top:45px;padding-bottom:75px}.section-index{font-size:9px;color:#8e9786;letter-spacing:1.3px}.principle>p{font-size:28px;font-weight:500;line-height:1.7;margin:0;letter-spacing:-.6px}.principle em{font-style:normal;color:#7c8c6b}.principle>div{font-size:12px;line-height:2;color:#849077}.workshop-section{background:#e9eee2;padding:70px 0}.section-heading{margin-bottom:32px}.workshop-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:18px}.tool-feature,.tool-small{border:1px solid #d8e0cf;background:#f9faf5;border-radius:6px;overflow:hidden}.scene-illustration{position:relative}.scene-illustration svg{display:block;width:100%}.swatches{position:absolute;right:16px;bottom:17px;display:flex;gap:5px;background:#fff9;padding:6px;border-radius:30px}.swatches span{width:15px;height:15px;border-radius:50%;border:1px solid #0001}.feature-text{padding:23px}.tool-num{font-size:9px;letter-spacing:1.6px;color:#7f8f71}.workshop-grid h3{font-size:18px;line-height:1.5;font-weight:550;margin:12px 0 11px}.workshop-grid p{font-size:12px;color:#7a866f;line-height:1.95;margin:0}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:19px}.tags span{font-size:9px;color:#839474;padding:5px 7px;border:1px solid #e0e7d7;border-radius:3px}.tool-small{padding:23px}.small-graphic{height:175px;position:relative;margin-bottom:22px;display:flex;align-items:center;justify-content:center;background:#f0f2e9;overflow:hidden;border-radius:4px}.sample{display:block;width:65px;height:85px;border:4px solid #fafbf5;box-shadow:0 3px 12px #33452a15;position:absolute}.one{background:repeating-linear-gradient(45deg,#c4b399,#c4b399 2px,#cfbfa6 2px,#cfbfa6 5px);transform:translate(-45px,-8px) rotate(-13deg)}.two{background:repeating-linear-gradient(0deg,#c6cbb7,#c6cbb7 1px,#d0d4c3 1px,#d0d4c3 4px);transform:translate(0,4px) rotate(5deg)}.three{background:#71846b;transform:translate(47px,-2px) rotate(17deg)}.graphic-note{position:absolute;bottom:13px;font-size:8px;letter-spacing:1.5px;color:#99a18e}.sheets{background:#edf0ed}.sheet{position:absolute;background:white;border:1px solid #d9e0d5;width:90px;height:113px;box-shadow:0 3px 10px #22332210;padding:10px}.sheet.back{transform:rotate(-12deg);background:#e1e7dc}.sheet.front{transform:rotate(6deg) translateX(13px)}.sheet span{font-size:6px;letter-spacing:.8px}.sheet i{display:block;height:31px;background:#b5c0b0;margin-top:9px}.sheet b{display:block;height:3px;width:50px;background:#dbe0d6;margin:8px 0 5px}.sheet p{height:2px;background:#e1e6dc;width:40px}.capability-note{font-size:11px;color:#839176;margin:23px 0 0;line-height:1.8}.journey{display:grid;grid-template-columns:1fr 1.35fr;gap:90px;padding-top:80px;padding-bottom:80px}.journey ol{list-style:none;margin:0;padding:0}.journey li{display:flex;gap:25px;border-bottom:1px solid var(--line);padding:22px 0}.journey li:first-child{padding-top:0}.journey li:last-child{border-bottom:0}.journey li>span{font-size:10px;color:var(--blue);padding-top:5px}.journey h3{margin:0 0 9px;font-size:16px;font-weight:550}.journey p{font-size:12px;color:var(--muted);line-height:1.9;margin:0}.explore{padding-bottom:75px}.explore-box{background:#283e35;color:#f5f7ed;text-align:center;border-radius:7px;padding:48px 30px}.explore-box .overline{color:#b5c4a9}.explore-box h2{font-size:36px;margin:21px 0}.explore-box p{font-size:13px;color:#b0c0a8;line-height:2}.explore-box>div:last-child{display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap;margin-top:27px}.primary.light{background:#e2eacb;color:#31422c}.existing-platform{color:#d4dfca;text-decoration:none;font-size:12px}footer{border-top:1px solid var(--line);padding:24px 0;font-size:10px;color:#8b9682}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-inner>div{display:flex;gap:25px}.footer-inner a{text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:950px){.desk{grid-template-columns:145px 1fr}.desk-side{padding:22px 10px}.chat-content{padding:25px}.workshop-grid{grid-template-columns:1fr 1fr}.tool-feature{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr}.scene-illustration{display:flex;align-items:center;background:#e1e6df}.principle{grid-template-columns:1fr 2fr}.principle>div{grid-column:2}.journey{gap:45px}.hero{padding-top:40px}}@media(max-width:650px){.wrap{padding-left:22px;padding-right:22px}.header-inner{min-height:84px;gap:12px}.brand img{width:51px;height:36px}.brand{gap:10px}.brand-name{font-size:16px;padding-left:10px;letter-spacing:.3px}.brand-name small{font-size:7px;letter-spacing:1px}nav{gap:16px;font-size:11px}nav>a:first-child,nav .nav-action{display:none}.hero{padding-top:35px;padding-bottom:48px}h1{font-size:48px;letter-spacing:-1.7px;margin-top:26px}.hero-desc{font-size:14px}.hero-note{font-size:10px}.hero-fine{font-size:9px;letter-spacing:0}.hero-links{gap:21px;font-size:11px}.primary{padding:13px 16px;font-size:12px;gap:20px}.workspace-heading,.section-heading{align-items:start;flex-direction:column;gap:14px}h2{font-size:25px}.workspace-heading p,.section-heading p{font-size:12px}.desk{grid-template-columns:1fr}.desk-side{display:none}.chat-bar{padding:0 18px;height:50px}.chat-content{padding:23px 16px}.agent-intro h3{font-size:17px}.agent-intro p{font-size:11px}.agent-symbol{width:34px;height:34px;font-size:22px}.prompts{gap:7px}.prompts button{font-size:10px;padding:8px}.composer-bottom{gap:6px}.composer-bottom>span{font-size:9px}.composer-bottom button{font-size:10px;gap:7px}.response{padding:14px 12px}.response-title{gap:7px}.response-title strong{font-size:12px}.example-label{font-size:8px}.plan-steps{gap:6px}.plan-steps>div{padding:10px 8px}.plan-steps strong{font-size:10px}.plan-steps small{font-size:9px}.workshop-link{font-size:9px}.principle{display:block;padding-top:0;padding-bottom:50px}.principle>p{font-size:25px;margin:18px 0}.principle>div{font-size:12px}.workshop-section{padding:48px 0}.workshop-grid{grid-template-columns:1fr}.tool-feature{grid-column:auto;display:block}.tool-small{padding:23px}.small-graphic{height:170px}.scene-illustration svg{width:100%}.journey{grid-template-columns:1fr;gap:30px;padding-top:52px;padding-bottom:52px}.explore{padding-bottom:45px}.explore-box{padding:37px 20px}.explore-box h2{font-size:27px}.explore-box p{font-size:12px}.explore-box p br{display:none}.explore-box>div:last-child{gap:20px}.footer-inner{line-height:1.9}.footer-inner>div{gap:18px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}