:root{color-scheme:dark;--bg:#081321;--panel:#0d1c2d;--line:#23384a;--text:#edf5fa;--muted:#99afc1;--cyan:#69e3e7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI","Noto Sans TC",sans-serif;font-size:15px;line-height:1.7}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}.wrap{max-width:1240px;width:calc(100% - 80px);margin:auto}.nav{display:flex;justify-content:space-between;align-items:center;padding:27px 0;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:750;letter-spacing:3px}.brand img{object-fit:contain}.nav nav{display:flex;align-items:center;gap:28px;font-size:13px;color:#c2d2de}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--cyan);color:#08212a;border:1px solid var(--cyan);padding:14px 23px;border-radius:7px;font-weight:650;cursor:pointer}.button:hover{background:#a0f3f4}.small{padding:9px 15px;gap:16px}.hero{text-align:center;padding-top:95px;padding-bottom:82px;background:radial-gradient(ellipse at 50% 55%,#14374a66,transparent 65%)}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--cyan);font-weight:650}.dot{display:inline-block;width:7px;height:7px;background:var(--cyan);border-radius:50%;margin-right:8px}h1{font-size:clamp(35px,4.3vw,62px);font-weight:650;line-height:1.35;letter-spacing:-2px;margin:26px 0}h1 span{color:var(--cyan)}.lead{font-size:17px;color:#b7c9d7;line-height:1.9}.actions{display:flex;justify-content:center;gap:30px;align-items:center;margin-top:30px}.quiet{font-size:14px;color:#c5d6e1}.hero-note{color:var(--muted);font-size:12px;margin-top:25px;letter-spacing:1px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:20px}h2{font-size:clamp(24px,2.5vw,35px);line-height:1.5;letter-spacing:-.7px;margin:12px 0 16px;font-weight:600}.demo-pill{font-size:11px;background:#162e3b;border:1px solid #315460;border-radius:30px;padding:5px 12px;color:#afe5e7;white-space:nowrap;margin-bottom:20px}.demo-description{color:var(--muted);font-size:13px;margin:0 0 25px}.workspace{display:grid;grid-template-columns:175px 310px minmax(0,1fr);border:1px solid #335064;border-radius:12px;background:#0c1928;overflow:hidden;box-shadow:0 25px 100px #0005}.sidebar{padding:25px 16px;position:relative;background:#0a1726;border-right:1px solid var(--line)}.workspace-name{display:flex;gap:10px;align-items:center;font-size:13px;font-weight:600}.workspace-name div>span{display:block;color:var(--muted);font-size:10px;font-weight:400}.workspace-icon{background:#284756;color:var(--cyan);border:1px solid #426273;border-radius:8px;padding:4px 10px}.sidebar-label{font-size:9px;letter-spacing:1px;color:#6e879c;margin:40px 0 12px}.sidebar-active{display:flex;gap:8px;align-items:center;background:#173440;color:var(--cyan);border-radius:5px;padding:9px;font-size:11px}.sidebar-active b{margin-left:auto;font-size:10px}.sidebar-note{font-size:11px;color:#8ba2b6;margin:26px 5px}.sidebar-bottom{position:absolute;bottom:22px;font-size:9px;letter-spacing:1px;color:#92a9b9}.inbox{border-right:1px solid var(--line);min-width:0}.panel-title{display:flex;justify-content:space-between;padding:22px 18px;border-bottom:1px solid var(--line);font-size:13px}.panel-title span{font-size:10px;color:var(--muted)}.conversation{display:flex;flex-direction:column;gap:9px;text-align:left;width:100%;padding:22px 17px;background:transparent;color:#adbfce;border:0;border-bottom:1px solid var(--line);border-left:3px solid transparent;cursor:pointer;font-size:11px}.conversation:hover{background:#142b3b}.conversation.selected{background:#14303f;border-left-color:var(--cyan)}.conversation strong{font-size:13px;color:#eff7fc;font-weight:550}.conversation-meta{display:flex;justify-content:space-between;gap:8px;font-size:9px}.conversation-meta>span{color:#70dadc}.conversation-footer{display:flex;justify-content:space-between;align-items:center;font-size:10px}.conversation-footer i{font-style:normal;border:1px solid #375365;border-radius:4px;padding:0 5px;font-size:9px}.conversation-footer .priority{color:#edbb7d;border-color:#715b40}.inbox-foot{padding:18px;color:#7e98ad;font-size:10px}.detail{padding:25px;min-width:0;min-height:535px}.detail h3{font-size:19px;font-weight:550;margin:12px 0 23px}.detail-header .eyebrow{font-size:9px;letter-spacing:1px}.tabs{display:flex;border-bottom:1px solid var(--line);gap:20px}.tabs button{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:8px 0 12px;font-size:12px;cursor:pointer}.tabs button[aria-selected=true]{color:var(--cyan);border-bottom-color:var(--cyan)}#panel{padding-top:23px;font-size:13px;min-height:300px}#panel h4{font-size:14px;margin:0 0 10px}#panel p{color:#b1c4d3;margin:10px 0 18px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.tag{padding:3px 9px;background:#1c3646;border:1px solid #315064;border-radius:5px;font-size:10px;color:#bddde7}.evidence{border-left:2px solid #4a8996;background:#102636;padding:15px;margin:17px 0;color:#c4d7e2}.evidence small{display:block;color:#8aa8b8;font-size:10px;margin-bottom:7px}.hint{font-size:11px!important;color:#8ca8ba!important}.next{background:transparent;color:var(--cyan);border:1px solid #38606b;padding:8px 13px;border-radius:5px;font-size:12px;cursor:pointer}.next:hover{background:#183b47}textarea{width:100%;min-height:140px;background:#091725;color:#d6e7ef;border:1px solid #355065;border-radius:5px;padding:12px;font:inherit;resize:vertical;line-height:1.7}.confirm{display:flex;align-items:flex-start;gap:8px;font-size:11px;color:#b3cbd7;margin:15px 0}.confirm input{accent-color:var(--cyan);margin-top:4px}.next:disabled{opacity:.4;cursor:not-allowed}.status{font-size:11px;color:var(--cyan);min-height:20px}.section{padding-top:100px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}.cards article{border-top:1px solid #335161;padding:25px 0}.step{font-size:10px;letter-spacing:1.8px;color:var(--cyan)}.cards h3{font-size:18px;font-weight:550;margin:17px 0}.cards p,.principles p{color:var(--muted);font-size:14px;line-height:1.9}.principles{display:grid;grid-template-columns:1fr 1fr;gap:90px}.principles h2 span{color:var(--cyan)}.principle-list article{display:flex;gap:23px;border-bottom:1px solid var(--line);padding:20px 0}.principle-list article>span{color:var(--cyan);font-size:25px}.principle-list h3{font-size:16px;font-weight:550;margin:0}.principle-list p{font-size:13px;margin:7px 0}.closing{text-align:center;border:1px solid var(--line);border-radius:10px;margin-top:90px;padding:55px 20px;background:linear-gradient(130deg,#102d3b,#0b1b2b)}.closing h2{margin-bottom:25px}footer{display:flex;align-items:center;gap:25px;padding:45px 0;color:var(--muted);font-size:11px}footer .brand{font-size:14px;color:#ddeaf1}footer>span{margin-left:auto}.skip{position:absolute;left:15px;top:-70px;background:var(--cyan);color:#081321;padding:10px;z-index:10}.skip:focus{top:10px}@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.workspace{grid-template-columns:270px minmax(0,1fr)}.sidebar{display:none}.detail{padding:20px}.principles{gap:40px}.hero{padding-top:65px}footer{flex-wrap:wrap}footer>span{margin-left:0}}@media(max-width:650px){.wrap{width:calc(100% - 32px)}.nav{padding:20px 0}.nav nav>a:not(.button){display:none}.brand{font-size:15px;letter-spacing:2px}.brand img{width:28px;height:28px}.small{font-size:11px;padding:8px 12px}.hero{padding-top:55px;padding-bottom:50px}h1{font-size:33px;letter-spacing:-1.2px}.lead{font-size:14px}.desktop{display:none}.actions{gap:20px;flex-wrap:wrap}.section-top{display:block}.demo-pill{display:inline-block;margin:0 0 12px}.workspace{grid-template-columns:1fr}.inbox{border-right:0;border-bottom:1px solid var(--line)}.conversation{padding:14px}.conversation>span:not(.conversation-meta){display:none}.conversation-meta{font-size:10px}.inbox-foot{display:none}.detail{min-height:510px;padding:20px}.cards,.principles{grid-template-columns:1fr;gap:15px}.section{padding-top:60px}.cards{margin-top:15px}.cards article{padding:20px 0}.closing{margin-top:50px}footer{gap:8px;padding:30px 0}footer p,footer>span{width:100%;margin:0}.tabs{gap:25px}.hero-note{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}