:root{--ink:#151a17;--paper:#f2f0e9;--acid:#dfff45;--muted:#68706a;--line:#cdd0c8;--dark:#17201c;--mono:"DM Mono",monospace;--sans:"Manrope","Noto Sans TC",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px}button,input{font:inherit}a{color:inherit;text-decoration:none}.skip-link{position:fixed;left:1rem;top:-4rem;background:var(--acid);padding:.8rem;z-index:99}.skip-link:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.topbar{height:84px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:11px;font:700 12px/1.05 var(--sans);letter-spacing:.08em}.brand-mark{width:30px;height:30px;display:grid;grid-template:1fr 1fr/1fr 1fr;gap:2px;transform:rotate(45deg)}.brand-mark i{display:block;background:var(--ink)}.brand-mark i:nth-child(2),.brand-mark i:nth-child(3){background:var(--acid)}.topbar nav{display:flex;gap:36px;font-size:13px;font-weight:600}.topbar nav a{transition:opacity .2s}.topbar nav a:hover{opacity:.5}.top-cta{padding:12px 18px;background:var(--ink);color:white;font:500 12px var(--mono);text-transform:uppercase}.top-cta span{color:var(--acid);margin-left:12px}.hero{min-height:720px;display:grid;grid-template-columns:1.06fr .94fr;border-bottom:1px solid var(--line)}.hero-copy{padding:clamp(60px,8vw,118px) clamp(28px,6vw,94px)}.eyebrow{margin:0 0 28px;font:500 11px var(--mono);letter-spacing:.15em;text-transform:uppercase;display:flex;align-items:center;gap:10px}.eyebrow span{width:25px;height:2px;background:var(--acid);box-shadow:8px 0 0 var(--ink)}.hero h1,.section-heading h2,.guide-intro h2,.connect h2{font-size:clamp(44px,5.4vw,82px);line-height:.99;letter-spacing:-.06em;margin:0;font-weight:700}.hero h1 em,.guide-intro h2 em{font-family:Georgia,serif;font-weight:400}.hero-lede{max-width:610px;color:#525a54;font-size:17px;line-height:1.75;margin:34px 0}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.button{border:1px solid var(--ink);padding:16px 20px;cursor:pointer;font-weight:700;background:transparent}.button.primary{background:var(--ink);color:white}.button.primary b{color:var(--acid)}.button span{margin-left:20px}.hero-stats{display:flex;margin:62px 0 0;gap:0}.hero-stats div{min-width:125px;padding:0 25px;border-left:1px solid var(--line)}.hero-stats div:first-child{padding-left:0;border:0}.hero-stats dt{font:500 26px var(--mono)}.hero-stats dd{margin:5px 0 0;color:var(--muted);font:10px var(--mono);letter-spacing:.12em}.hero-visual{position:relative;overflow:hidden;background:var(--dark);border-left:1px solid var(--line)}.hero-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);background-size:36px 36px}.visual-label{position:absolute;top:30px;right:30px;color:#8c9992;font:10px var(--mono);letter-spacing:.12em}.orbit{position:absolute;border:1px solid #ffffff20;border-radius:50%}.orbit-a{width:510px;height:510px;left:8%;top:15%}.orbit-b{width:300px;height:300px;left:27%;top:30%;border-color:#dfff4540}.structure-card{position:absolute;background:#f0eee7;border:1px solid #fff8;padding:13px;box-shadow:0 18px 35px #0006}.structure-card span{font:9px var(--mono);color:#69726c}.structure-card i{display:block;background:#c6ccc5}.s-one{width:180px;height:230px;left:13%;top:19%;transform:rotate(-8deg)}.s-one i:nth-of-type(1){height:55px;background:var(--acid);margin-top:11px}.s-one i:nth-of-type(2){height:7px;margin:17px 0 7px}.s-one i:nth-of-type(3){height:7px;width:70%}.s-two{width:230px;height:160px;right:11%;top:29%;transform:rotate(7deg)}.s-two i{height:6px;margin:9px 0}.s-two i:first-of-type{height:50px;width:45%;float:left;margin-right:12px;background:#27342e}.s-three{width:190px;height:145px;left:30%;bottom:13%;transform:rotate(3deg);background:#dfff45}.s-three i{height:10px;margin:12px 0;background:#52612a}.cursor-tag{position:absolute;right:11%;bottom:18%;padding:10px 12px;background:#7659ff;color:white;font:11px var(--mono);box-shadow:-7px -7px 0 #fff}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding:0 clamp(20px,4vw,64px)}.principles article{padding:38px;display:grid;grid-template-columns:40px 1fr;column-gap:12px;border-left:1px solid var(--line)}.principles article:last-child{border-right:1px solid var(--line)}.principles b{font:11px var(--mono);color:#8b918c}.principles h2{font-size:17px;margin:0}.principles p{grid-column:2;margin:9px 0 0;color:var(--muted);line-height:1.65}.catalog-section{padding:110px clamp(20px,4vw,64px) 130px}.section-heading{display:grid;grid-template-columns:1.4fr .6fr;gap:40px;align-items:end}.section-heading h2{font-size:clamp(42px,5vw,70px)}.section-heading>p{color:var(--muted);line-height:1.7;margin:0;max-width:440px}.catalog-controls{margin:58px 0 30px;display:grid;grid-template-columns:300px 1fr auto;align-items:center;gap:20px}.search-box{border-bottom:1px solid var(--ink);padding:12px 0;display:flex;gap:10px}.search-box span{font-size:22px}.search-box input{border:0;outline:0;background:transparent;width:100%}.filters{display:flex;gap:7px;overflow:auto;padding:4px}.filters button{border:1px solid var(--line);background:transparent;padding:9px 13px;white-space:nowrap;cursor:pointer;text-transform:capitalize;font-size:11px}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.result-count{font:11px var(--mono)}.layout-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.layout-card{background:var(--paper);min-width:0;cursor:pointer;animation:card-in .35s both;animation-delay:var(--delay);transition:background .2s,transform .2s;outline-offset:-3px}.layout-card:hover{background:#fff;transform:translateY(-4px);z-index:1;box-shadow:0 16px 40px #27322920}.card-preview{height:285px;background:var(--wash);padding:38px;position:relative;overflow:hidden}.density{position:absolute;right:15px;top:14px;font:9px var(--mono);text-transform:uppercase;letter-spacing:.08em}.card-body{min-height:170px;padding:24px;display:grid;grid-template-columns:38px 1fr auto;gap:10px}.card-index{font:10px var(--mono);color:#90958f}.card-body p{font:9px var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 9px}.card-body h3{font-size:21px;margin:0 0 10px;letter-spacing:-.03em}.card-body span{font-size:13px;line-height:1.55;color:var(--muted)}.card-body>b{font-weight:400;font-size:18px}.empty-state{text-align:center;padding:100px}.empty-state span{font:50px var(--mono)}.mini-layout{position:relative;width:100%;height:100%;background:#f7f7f3;border:1px solid #59605a42;box-shadow:0 14px 25px #0002;overflow:hidden}.mini-layout *{box-sizing:border-box}.p-side,.p-rail,.p-tree,.p-facet,.p-setnav,.p-sessions,.p-lessons{position:absolute;left:0;top:0;bottom:0;width:20%;background:#1e2924}.p-main{margin-left:20%;padding:10px}.p-main i,.p-head,.p-nav,.p-mast,.p-calhead{display:block;height:16px;background:#27342e}.p-main b{display:inline-block;width:29%;height:30px;background:#cdd5cc;margin:9px 2% 8px 0}.p-main em{display:block;height:70px;background:linear-gradient(135deg,transparent 30%,#3d6552 31%,#3d6552 34%,transparent 35%),#dce1db}.p-main small{display:block;height:20px;margin-top:7px;background:#dfff45}.type-table{padding:12px}.type-table i{display:block;height:16px;border-bottom:1px solid #bdc3bd}.type-table i:after{content:"";display:block;width:30%;height:5px;background:#aab1aa;margin:5px}.type-table .p-head{margin-bottom:7px}.p-rail{width:10%}.p-list{position:absolute;left:10%;width:32%;inset-block:0;border-right:1px solid #aaa;padding:7px}.p-list i{display:block;height:20%;border-bottom:1px solid #ccc}.p-detail{margin-left:42%;padding:16px}.p-detail b,.p-copy b,.p-doc b,.p-lessoncopy b{display:block;width:70%;height:14px;background:#26332d}.p-detail em,.p-copy i,.p-doc i,.p-lessoncopy i{display:block;height:5px;background:#bbc1bb;margin-top:8px}.p-hero{width:55%;padding:20px}.p-hero b{display:block;height:22px;background:#22312a}.p-hero i{display:block;height:6px;background:#b1b8b1;margin:8px 0}.p-hero button{height:17px;width:45%;background:#dfff45;border:0}.p-art{position:absolute;right:8%;top:20%;width:35%;height:65%;background:#ff7256;transform:rotate(5deg)}.p-mast{height:22px}.p-lead{position:absolute;left:8px;top:35px;width:55%;height:52%;background:#b5bab5}.p-copy{position:absolute;left:8px;bottom:10px;width:55%}.p-news{position:absolute;right:8px;top:35px;width:34%;height:75%;border-left:1px solid #999}.p-tree{width:21%;padding:10px;background:#e3e5e1}.p-tree i,.p-setnav i,.p-lessons i{display:block;height:5px;background:#aab0aa;margin:9px}.p-doc{margin:0 18% 0 23%;padding:15px}.p-doc pre{height:32px;background:#242b28}.p-toc{position:absolute;right:0;top:0;width:17%;height:60%;border-left:1px solid #aaa}.type-commerce .p-facet,.type-search .p-facet{background:#e2e3de;width:23%}.p-products{margin-left:25%;padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.p-products>i{height:75px;background:#dadcd7;padding:5px}.p-products b{display:block;height:45px;background:#829187}.p-products em{display:block;height:5px;background:#555;margin-top:6px}.type-report{padding:10px}.p-metrics{display:flex;gap:5px}.p-metrics i{height:32px;background:#d7d9d5;flex:1}.p-chart{height:75px;margin-top:8px;background:linear-gradient(160deg,transparent 45%,#7660dc 46%,#7660dc 49%,transparent 50%)}.p-note{position:absolute;right:12px;bottom:10px;width:35%;height:28px;background:#dfff45}.p-steps{display:flex;gap:18px;padding:13px}.p-steps i{width:9px;height:9px;border-radius:50%;background:#888;box-shadow:17px 4px 0 -4px #aaa}.p-form{width:55%;padding:13px}.p-form b,.p-form i{display:block;height:8px;background:#afb5af;margin:7px}.p-form button{height:18px;width:45%;background:#1675a8;border:0}.p-summary{position:absolute;right:10px;top:45px;width:34%;height:60%;background:#e2e5e2}.p-banner{height:42%;background:#e6a5bf}.p-avatar{position:absolute;left:12px;top:30%;width:35px;height:35px;border-radius:50%;background:#333;border:3px solid white}.p-bio{height:18px;width:35%;margin:15px}.p-gallery{display:flex;gap:5px;padding:5px}.p-gallery i{height:45px;flex:1;background:#c7cac6}.p-query{height:20px;margin:8px;background:#26352e}.type-search .p-results{margin-left:23%;margin-right:19%;padding:4px}.p-results i,.p-maplist i{display:block;height:22px;border-bottom:1px solid #bbb}.p-tray{position:absolute;right:0;top:0;width:18%;height:100%;background:#d9ff57}.p-times{position:absolute;left:0;top:20px;bottom:0;width:16%;background:#e1e3df}.p-calendar{margin-left:16%;height:100%;display:grid;grid-template-columns:repeat(5,1fr)}.p-calendar i{border-left:1px solid #ccc;background:linear-gradient(#0000 25%,#866df633 26%,#866df633 42%,#0000 43%)}.p-setnav{width:27%;background:#e0e3df}.p-settings{margin-left:29%;padding:12px}.p-settings b{display:flex;height:27px;border-bottom:1px solid #ccc}.p-settings i{width:16px;height:8px;margin:auto 5px auto auto;border-radius:8px;background:#5170d1}.p-board{display:flex;height:100%;gap:6px;padding:8px}.p-board div{flex:1;background:#e1e2dd;padding:5px}.p-board b{display:block;height:8px;background:#6c726c;margin-bottom:8px}.p-board i{display:block;height:36px;background:white;margin:5px 0}.p-porthero{height:48%;background:#153d57;padding:16px}.p-porthero b{display:block;width:55%;height:13px;background:white}.p-porthero i{display:block;width:80%;height:19px;background:#fff;margin-top:14px}.p-services{padding:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.p-services i{height:25px;border:1px solid #8b9690}.p-sessions{width:16%;background:#292641}.p-chat{margin-left:16%;width:53%;padding:15px}.p-chat i{display:block;width:70%;height:25px;background:#dbded9;margin:8px}.p-chat i:nth-child(2){margin-left:25%;background:#d7ceff}.p-chat b{display:block;height:12px;background:#aaa;margin-top:20px}.p-chat em{display:block;height:20px;border:1px solid #999}.p-artifact{position:absolute;right:0;top:0;width:30%;height:100%;background:#e1e3df;border-left:1px solid #aaa}.p-map{position:absolute;inset:0 35% 0 0;background:linear-gradient(35deg,#b8d8c7 25%,#e9e5cc 26%,#e9e5cc 43%,#b8d8c7 44%)}.p-map i{position:absolute;width:9px;height:9px;border-radius:50%;background:#226747}.p-map i:nth-child(1){left:20%;top:20%}.p-map i:nth-child(2){left:60%;top:60%}.p-map i:nth-child(3){left:40%;top:72%}.p-map i:nth-child(4){left:72%;top:30%}.p-maplist{position:absolute;right:0;top:0;width:35%;height:100%;padding:7px;background:white}.p-lessons{width:22%;background:#eee5d7}.p-video{position:absolute;left:27%;top:12%;width:66%;height:48%;background:#30291f}.p-lessoncopy{position:absolute;left:27%;top:67%;width:65%}.agent-guide{background:var(--dark);color:white;padding:120px clamp(20px,6vw,96px);display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.eyebrow.light span{box-shadow:8px 0 0 white}.guide-intro h2{font-size:clamp(42px,4.8vw,70px)}.guide-intro>p:last-child{line-height:1.8;color:#9da9a2;max-width:480px;margin-top:32px}.protocol{list-style:none;padding:0;margin:0;border-top:1px solid #ffffff2e}.protocol li{display:grid;grid-template-columns:55px 1fr;border-bottom:1px solid #ffffff2e;padding:28px 0}.protocol li>span{font:11px var(--mono);color:var(--acid)}.protocol h3{font-size:20px;margin:0 0 7px}.protocol p{color:#9da9a2;margin:0 0 14px;line-height:1.55}.protocol code{font:11px var(--mono);color:var(--acid);background:#ffffff0b;padding:6px 9px}.connect{padding:120px clamp(20px,6vw,96px);display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.connect h2{font-size:clamp(42px,4.8vw,70px)}.connect-copy>p:last-child{color:var(--muted);line-height:1.8;max-width:560px}.terminal{background:#1c211f;color:#ccd3ce;box-shadow:16px 16px 0 var(--acid)}.terminal-bar{height:44px;border-bottom:1px solid #ffffff22;display:flex;align-items:center;padding:0 14px;gap:7px}.terminal-bar span{width:8px;height:8px;border-radius:50%;background:#66706a}.terminal-bar span:first-child{background:#ff6b57}.terminal-bar b{font:10px var(--mono);margin-left:auto}.terminal pre{padding:28px;margin:0;font:12px/1.8 var(--mono);overflow:auto}.terminal i{color:#dfff45;font-style:normal}.terminal strong{color:#ff8b73;font-weight:400}.terminal button{border:0;border-top:1px solid #ffffff22;background:transparent;color:#dfff45;font:10px var(--mono);padding:14px 20px;width:100%;text-align:right;cursor:pointer}footer{background:#e3e1d8;border-top:1px solid var(--line);padding:50px clamp(20px,4vw,64px);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end}.footer-brand .brand-mark{width:40px;height:40px}.footer-brand{font-size:15px}footer p{color:var(--muted);line-height:1.6;margin:0}.footer-meta{text-align:right;font:10px/1.8 var(--mono);letter-spacing:.08em}dialog{border:0;padding:0;width:min(1000px,92vw);max-height:92vh;background:var(--paper);box-shadow:0 20px 80px #0008}dialog::backdrop{background:#0d120fbb;backdrop-filter:blur(4px)}.dialog-close{position:fixed;top:calc(4vh + 14px);right:calc(4vw + 14px);width:38px;height:38px;border:0;background:var(--ink);color:white;font-size:24px;cursor:pointer;z-index:2}.dialog-header{background:var(--dialog-bg);color:var(--dialog-ink);padding:55px;min-height:370px;position:relative;overflow:hidden}.dialog-header>p,.spec-lead>p,.region-flow>p,.adapt-grid p{font:10px var(--mono);letter-spacing:.12em}.dialog-header h2{font-size:56px;letter-spacing:-.05em;margin:12px 0}.dialog-header>span{display:block;max-width:48%;line-height:1.7}.dialog-preview{position:absolute;right:5%;top:16%;width:41%;height:66%;transform:rotate(3deg)}.dialog-body{padding:50px}.spec-lead{display:grid;grid-template-columns:170px 1fr;border-bottom:1px solid var(--line);padding-bottom:35px}.spec-lead blockquote{font:22px/1.55 Georgia,serif;margin:0}.spec-grid{display:grid;grid-template-columns:1fr 1fr}.spec-grid section{padding:30px;border-bottom:1px solid var(--line)}.spec-grid section:nth-child(odd){border-right:1px solid var(--line);padding-left:0}.spec-grid h3{font-size:13px;text-transform:uppercase;letter-spacing:.08em}.spec-grid ul,.adapt-grid ul{padding-left:18px;line-height:1.8;color:var(--muted)}.spec-grid .avoid li::marker{color:#e24f36}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags span{padding:7px 9px;border:1px solid var(--line);font:10px var(--mono)}.region-flow{padding:35px 0}.region-flow ol{display:flex;list-style:none;padding:0;overflow:auto}.region-flow li{min-width:140px;flex:1;border-top:2px solid var(--ink);position:relative;padding-top:15px}.region-flow li:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--acid);border:2px solid var(--ink);top:-7px}.region-flow b{font:9px var(--mono);display:block;color:var(--muted);margin-bottom:8px}.region-flow span{font-size:12px;text-transform:capitalize}.adapt-grid{display:grid;grid-template-columns:1fr 1fr;background:var(--dark);color:white}.adapt-grid section{padding:30px}.adapt-grid section:first-child{border-right:1px solid #ffffff22}.adapt-grid h3{font-size:16px;line-height:1.6}.adapt-grid ul{color:#b0bab4}.copy-spec{width:100%;padding:16px;background:var(--acid);border:0;font:700 11px var(--mono);cursor:pointer}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--acid);padding:12px 18px;font:11px var(--mono);opacity:0;transition:.2s;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes card-in{from{opacity:0;transform:translateY(12px)}}@media(max-width:1050px){.layout-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-visual{min-height:530px;border-left:0}.catalog-controls{grid-template-columns:1fr auto}.filters{grid-column:1/-1;grid-row:2}.agent-guide,.connect{grid-template-columns:1fr}.guide-intro{max-width:700px}}@media(max-width:700px){.topbar{height:70px}.topbar nav{display:none}.hero{min-height:auto}.hero-copy{padding-top:70px}.hero h1{font-size:48px}.hero-visual{min-height:420px}.s-one{left:5%}.s-two{right:2%}.principles{grid-template-columns:1fr;padding:0}.principles article,.principles article:last-child{border:0;border-bottom:1px solid var(--line)}.section-heading{grid-template-columns:1fr}.catalog-section{padding-top:75px}.catalog-controls{grid-template-columns:1fr auto}.layout-grid{grid-template-columns:1fr}.card-preview{height:260px}.agent-guide,.connect{padding-block:80px}.protocol li{grid-template-columns:40px 1fr}footer{grid-template-columns:1fr;gap:30px}.footer-meta{text-align:left}.dialog-header{padding:45px 25px;min-height:550px}.dialog-header h2{font-size:42px}.dialog-header>span{max-width:100%}.dialog-preview{width:80%;height:230px;top:auto;bottom:35px;right:10%}.dialog-body{padding:30px 22px}.spec-lead{grid-template-columns:1fr;gap:10px}.spec-grid{grid-template-columns:1fr}.spec-grid section:nth-child(odd){border-right:0}.adapt-grid{grid-template-columns:1fr}.adapt-grid section:first-child{border-right:0;border-bottom:1px solid #ffffff22}.dialog-close{top:calc(4vh + 8px);right:calc(4vw + 8px)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}