:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#342d29;background:#f7f5f0;font-synthesis:none;--line:#e7e2d9;--muted:#8c8478;--accent:#984e3d}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #bb8067;outline-offset:5px}svg{display:block}.shell{display:flex;min-height:100vh}.sidebar{width:230px;flex-shrink:0;background:#fdfcf8;border-right:1px solid var(--line);padding:36px 22px 24px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;margin-bottom:57px;font-size:17px;font-weight:650;letter-spacing:.4px}.brand small{display:block;font-size:8px;letter-spacing:1.6px;color:#a39a8d;margin-top:7px;font-weight:500}.brand-mark{display:grid;grid-template-columns:repeat(2,13px);gap:4px;transform:rotate(-5deg)}.brand-mark i{width:13px;height:13px;border-radius:3px;background:#984e3d}.brand-mark i:nth-child(2){opacity:.48}.brand-mark i:nth-child(3){opacity:.7}.nav-label{font-size:10px;letter-spacing:1.5px;color:#a29a8e;margin:0 14px 16px}.nav-item{display:flex;gap:12px;align-items:center;padding:14px 13px;margin-bottom:8px;color:#797164;border-radius:7px;font-size:13px;transition:background .15s}.nav-item svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.4;fill:none}.nav-item.active{background:#efe7dc;color:#8d513e;font-weight:600}.nav-item:hover{background:#f1ede5}.nav-tag{margin-left:auto;font-size:9px;padding:2px 5px;border:1px solid #dfded4;border-radius:4px;color:#9b9387}.sidebar-bottom{margin-top:auto;display:flex;gap:11px;align-items:center;padding:18px 8px 0;border-top:1px solid var(--line)}.small-mark{border:1px solid #ddd4c7;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;color:#9c8471}.sidebar-bottom p{font-size:11px;color:#7b7164;margin:0}.sidebar-bottom small{display:block;font-size:9px;color:#b0a495;margin-top:6px}.main-area{min-width:0;flex:1}.topbar{height:84px;padding:0 46px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#9c9385}.topbar strong{font-weight:500;color:#5c554b}.slash{margin:0 14px;color:#c8bfae}.preview-label{display:flex;align-items:center;gap:7px;font-size:10px;color:#8a7f6e}.preview-label i{width:5px;height:5px;border-radius:50%;background:#b49571}main{max-width:1230px;margin:auto;padding:48px 46px 23px}.eyebrow{font-size:9px;letter-spacing:2.3px;color:#a08a71;font-weight:600}.welcome h1{font-size:34px;font-weight:550;letter-spacing:1px;margin:15px 0 16px}.welcome p{font-size:13px;line-height:1.9;color:#8f8578;margin:0}.mobile-break{display:none}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:40px 0 18px}.section-heading h2{font-size:14px;font-weight:600;margin:0}.section-heading h2 span{font-size:10px;color:#ab9d8b;margin-left:10px;font-weight:400}.section-heading p{font-size:10px;color:#a49a8b;margin:0}.app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.app-card{display:block;min-width:0;background:#fffefb;border:1px solid #e4ded3;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px #4a372b03;transition:transform .18s,box-shadow .18s,border-color .18s}.app-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #654f3910;border-color:#c3ad97}.card-visual{height:238px;position:relative;overflow:hidden}.scarf-visual{background:#f0e7db}.ai-visual{background:#e8ede2}.visual-label{position:absolute;top:21px;left:25px;font-size:8px;letter-spacing:1.7px;color:#a18b77;z-index:1}.ai-visual .visual-label{color:#899681}.scarf-art,.task-art{width:100%;height:100%;padding:15px 0 5px}.visual-caption{position:absolute;bottom:16px;left:25px;font-size:9px;color:#a58d78;letter-spacing:1px}.ai-visual .visual-caption{color:#8c9c83}.card-content{padding:26px 27px 20px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-heading h3{font-size:23px;font-weight:550;letter-spacing:.5px;margin:0}.module-label{font-size:9px;padding:5px 8px;border-radius:4px;color:#a08165;background:#f5efe5;white-space:nowrap}.module-label.green{color:#7e8c71;background:#edf1e8}.card-content>p{font-size:12px;color:#928675;line-height:1.9;margin:14px 0 17px}.feature-list{display:flex;gap:16px;font-size:10px;color:#8d8476;flex-wrap:wrap}.feature-list span+span:before{content:"·";margin-right:16px;color:#d0c3b2}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:26px;border-top:1px solid #ede6dd;padding-top:19px;color:#96543d}.card-bottom strong{font-size:12px;font-weight:550}.arrow{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#f4ece1;font-size:17px}.ai-card .card-bottom{color:#6a7c60}.ai-card .arrow{background:#edf1e6}.next-apps{display:flex;align-items:center;gap:15px;border:1px dashed #ded5c7;border-radius:9px;padding:22px 24px;margin-top:24px}.next-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:8px;border:1px solid #e1d8cb;font-size:21px;color:#b4a58e}.next-apps h2{font-size:12px;font-weight:500;color:#7f7464;margin:0}.next-apps p{font-size:10px;color:#a39685;margin:7px 0 0}.next-tag{margin-left:auto;font-size:9px;letter-spacing:1px;color:#aa9b86}footer{display:flex;justify-content:space-between;gap:16px;margin-top:33px;font-size:9px;color:#b1a491}footer i{font-style:normal;padding:0 6px}footer a{color:#9d907c}footer a:hover{text-decoration:underline}
@media(min-width:1600px){main{padding-top:64px}.card-visual{height:270px}.section-heading{margin-top:48px}.welcome h1{font-size:39px}}
@media(max-width:1100px){.sidebar{width:194px;padding:30px 16px 20px}.brand{font-size:15px;gap:10px}.topbar{padding:0 30px}main{padding:38px 30px 22px}.app-grid{gap:18px}.card-content{padding:22px 20px 18px}.card-heading h3{font-size:21px}.card-visual{height:216px}.module-label{font-size:8px}.feature-list{gap:10px;font-size:9px}.feature-list span+span:before{margin-right:10px}}
@media(max-width:820px){.shell{display:block}.sidebar{position:static;width:100%;height:auto;padding:18px 22px 0;border-right:0;border-bottom:1px solid var(--line)}.brand{margin-bottom:18px}.brand small{display:none}.brand-mark{grid-template-columns:repeat(2,10px);gap:3px}.brand-mark i{width:10px;height:10px}.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:8px}.nav-item{padding:11px 13px;font-size:12px;margin-bottom:12px}.nav-item svg{width:16px;height:16px}.nav-tag{font-size:8px}.topbar{height:55px;padding:0 24px}.welcome h1{font-size:30px}main{padding:30px 24px 22px}.card-visual{height:205px}.card-heading{flex-wrap:wrap}.card-heading h3{font-size:22px}.card-content>p{font-size:11px}}
@media(max-width:580px){.sidebar{padding:17px 18px 0}.sidebar nav{gap:2px}.nav-item{gap:7px;padding:10px}.nav-tag{display:none}.topbar{padding:0 20px;font-size:11px}.preview-label{font-size:9px}main{padding:30px 20px 22px}.welcome h1{font-size:27px;letter-spacing:0}.eyebrow{font-size:8px;letter-spacing:1.6px}.welcome p{font-size:11px}.mobile-break{display:block}.section-heading{margin-top:30px}.section-heading p{font-size:9px}.app-grid{grid-template-columns:1fr;gap:22px}.card-visual{height:210px}.card-heading{flex-wrap:nowrap}.module-label{font-size:9px}.card-content{padding:22px 24px 18px}.card-content>p{font-size:12px}.feature-list{font-size:10px;gap:14px}.feature-list span+span:before{margin-right:14px}.card-bottom{margin-top:21px}.next-apps{padding:18px 16px;gap:12px}.next-tag{display:none}.next-apps h2{font-size:11px}.next-apps p{font-size:9px;line-height:1.7}footer{font-size:8px;flex-direction:column;gap:12px;margin-top:25px}}
@media(prefers-reduced-motion:reduce){.app-card,.nav-item{transition:none}.app-card:hover{transform:none}}