:root{--bg:#0b0b0d;--bg-elev:#101013;--bg-card:#151519;--bg-card-hi:#1c1c22;--border:#26262e;--border-hi:#34343e;--text:#f4f4f6;--text-dim:#a0a0aa;--text-mute:#5e5e68;--accent:#d6a86a;--accent-soft:rgba(214,168,106,.14);--accent-line:rgba(214,168,106,.4);--danger:#c97a6a;--green:#7ab38a;--serif:"Space Grotesk","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--max:1180px;--radius:14px;--ease:cubic-bezier(.2,.7,.2,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}a{color:inherit;text-decoration:none}::selection{background:var(--accent-soft);color:var(--text)}.wrap{max-width:var(--max);margin:0 auto;padding:0 28px}.page{display:none;animation:fade .5s var(--ease)}.page.active{display:block}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}header.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:#0b0b0db8;border-bottom:1px solid transparent;transition:border-color .3s}header.nav.scrolled{border-bottom-color:var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:18px;letter-spacing:.2px;cursor:pointer}.brand .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.brand small{font-family:var(--sans);font-size:11px;color:var(--text-mute);letter-spacing:.16em;text-transform:uppercase;margin-left:4px}nav.links{display:flex;gap:4px;align-items:center}nav.links a{padding:8px 14px;border-radius:999px;font-size:13.5px;color:var(--text-dim);transition:all .2s var(--ease);cursor:pointer}nav.links a:hover{color:var(--text);background:var(--bg-card)}nav.links a.active{color:var(--text);background:var(--bg-card)}nav.links a.active:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--accent);margin-right:7px;vertical-align:middle}.hero{padding:90px 0 70px;position:relative;overflow:hidden;text-align:center}.hero:before{content:"";position:absolute;inset:-200px -100px auto auto;width:600px;height:600px;background:radial-gradient(circle,rgba(214,168,106,.08),transparent 60%);pointer-events:none}.hero .inner{max-width:var(--max);margin:0 auto;padding:0 28px;position:relative}.hero .meta{display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;color:var(--text-mute);letter-spacing:.14em;text-transform:uppercase;margin-bottom:32px}.hero .meta .pulse{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);animation:pulse 2.2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(34px,5.2vw,62px);line-height:1.08;letter-spacing:-.01em;margin-bottom:28px;white-space:nowrap}.hero h1 em{font-style:normal;color:var(--accent);font-weight:600}.hero p.lead{font-size:18px;color:var(--text-dim);max-width:80ch;margin:0 auto 14px;line-height:1.7}.hero .identity{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:28px 0 36px}.sec{padding:64px 0;border-top:1px solid var(--border)}#page-home .sec{border-top-width:0;padding:32px 28px}.sec-head{margin-bottom:20px}.sec-head .idx{font-family:var(--mono);font-size:12px;color:var(--accent);letter-spacing:.1em;margin-bottom:8px}.sec-head .sec-h-row{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.sec-head h2{font-family:var(--serif);font-weight:400;font-size:clamp(26px,3.4vw,38px);letter-spacing:-.01em}.sec-head .sub{color:var(--text-dim);font-size:14px;max-width:42ch}.sec-head .more{font-size:13px;color:var(--text-dim);cursor:pointer;display:inline-flex;gap:6px;align-items:center;transition:color .2s}.sec-head .more:hover{color:var(--accent)}.feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feat-grid .col{display:grid;gap:20px}.pcard{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:26px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s var(--ease);display:flex;flex-direction:column;min-width:0}.pcard:hover{border-color:var(--border-hi);background:var(--bg-card-hi);transform:translateY(-2px)}.pcard.flagship{padding:26px;min-height:240px}.pcard .tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.tag{font-size:11px;padding:3px 9px;border-radius:6px;letter-spacing:.04em;border:1px solid var(--border);color:var(--text-dim);background:var(--bg-elev)}.tag.real{color:var(--green);border-color:#7ab38a4d;background:#7ab38a12}.tag.anon{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.tag.concept{color:#9aa6d6;border-color:#9aa6d64d;background:#9aa6d612}.tag.tech{color:var(--text-mute)}.tag.live{color:var(--green);border-color:#7ab38a4d}.pcard h3{font-family:var(--serif);font-weight:500;font-size:22px;line-height:1.25;margin-bottom:10px;transition:color .25s var(--ease)}.pcard:hover h3{color:var(--accent)}.pcard .one-liner{color:var(--text-dim);font-size:14px;margin-bottom:18px}.pcard .foot{margin-top:auto;display:flex;justify-content:space-between;align-items:end;padding-top:18px;border-top:1px solid var(--border)}.pcard .role{font-size:12px;color:var(--text-mute)}.pcard .arrow{font-size:18px;color:var(--text-dim);transition:all .25s var(--ease)}.pcard:hover .arrow{color:var(--accent);transform:translate(3px,-3px)}.pcard .glow{position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,var(--accent-soft),transparent 70%);top:-80px;right:-60px;opacity:0;transition:opacity .4s var(--ease)}.pcard:hover .glow{opacity:1}.chain{display:grid;grid-template-columns:repeat(5,1fr);gap:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.chain .step{padding:28px 22px;border-right:1px solid var(--border);position:relative;transition:background .25s}.chain .step:last-child{border-right:none}.chain .step:hover{background:var(--bg-card-hi)}.chain .n{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.1em;margin-bottom:14px}.chain .t{font-family:var(--serif);font-size:19px;font-weight:500;margin-bottom:8px}.chain .d{font-size:12.5px;color:var(--text-mute);line-height:1.55}.chain .step:after{content:"→";position:absolute;right:-8px;top:50%;transform:translateY(-50%);color:var(--text-mute);font-size:14px;background:var(--bg);padding:2px;z-index:1}.chain .step:last-child:after{display:none}.wlist{display:grid;gap:14px}.wrow{display:grid;grid-template-columns:90px 1fr auto;gap:24px;align-items:center;padding:22px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:padding .25s var(--ease)}.wrow:hover{padding-left:8px}.wrow .date{font-family:var(--mono);font-size:12px;color:var(--text-mute)}.wrow .body h4{font-family:var(--serif);font-weight:500;font-size:19px;margin-bottom:6px;transition:color .25s}.wrow:hover .body h4{color:var(--accent)}.wrow .body p{color:var(--text-dim);font-size:13.5px;max-width:62ch}.wrow .body .meta{display:flex;gap:10px;margin-top:8px;font-size:11.5px;color:var(--text-mute)}.wrow .rt{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-mute);padding:7px 14px;border:1px solid var(--border);border-radius:6px;transition:all .25s var(--ease);white-space:nowrap}.wrow:hover .rt{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.note{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;padding:24px 28px;cursor:pointer;transition:all .25s var(--ease);position:relative}.note:hover{background:var(--bg-card-hi);transform:translate(3px)}.note .q{font-family:var(--serif);font-size:22px;line-height:1.4;font-weight:400;margin-bottom:10px}.note .meta{font-size:12px;color:var(--text-mute);display:flex;gap:12px}.note .meta .tag-mini{color:var(--accent)}.stickies{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;perspective:1000px}.sticky{position:relative;padding:22px 20px 18px;border-radius:6px;cursor:pointer;transition:transform .3s var(--ease),box-shadow .3s var(--ease);box-shadow:0 4px 14px #00000059;min-height:150px;display:flex;flex-direction:column;justify-content:space-between}.sticky:before{content:"";position:absolute;top:-7px;left:50%;transform:translate(-50%);width:36px;height:14px;background:#ffffff2e;border-radius:2px;box-shadow:0 1px 3px #0000004d}.sticky:hover{transform:translateY(-4px) rotate(0)!important;box-shadow:0 12px 30px #00000080;z-index:5}.sticky .q{font-size:14.5px;line-height:1.55;color:#1a1a1a;font-weight:500}.sticky .ft{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#3a3a3a;opacity:.7;margin-top:12px}.sticky .ft .tag-mini{font-weight:600}.sticky.c1{background:#f5d98a;transform:rotate(-1.5deg)}.sticky.c2{background:#a8d8b9;transform:rotate(1.2deg)}.sticky.c3{background:#9ec5e8;transform:rotate(-.8deg)}.sticky.c4{background:#e8a8c5;transform:rotate(1.8deg)}.sticky.c5{background:#d4b8e8;transform:rotate(-1.2deg)}.sticky.c6{background:#f5b88a;transform:rotate(.8deg)}.sticky.c7{background:#b8d4e8;transform:rotate(-1.8deg)}.sticky.c8{background:#d9e8a8;transform:rotate(1.5deg)}.tl{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:0 0 10px}.tl:before{content:"";position:absolute;left:6%;right:6%;top:30px;height:1px;background:var(--border)}.tl .item{position:relative;padding:0 18px;text-align:left}.tl .item:before{content:"";position:absolute;left:18px;top:24px;width:13px;height:13px;border-radius:50%;background:var(--bg);border:2px solid var(--text-mute);transition:all .25s;z-index:2}.tl .item.active:before{border-color:var(--accent);background:var(--accent);box-shadow:0 0 12px var(--accent-line)}.tl .stage{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.1em;margin-bottom:14px}.tl .t{font-family:var(--serif);font-size:18px;font-weight:600;margin-bottom:8px;margin-top:36px}.tl .d{color:var(--text-dim);font-size:13px;line-height:1.6}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ccard{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;cursor:pointer;transition:all .25s var(--ease);position:relative;overflow:hidden}.ccard:hover{border-color:var(--accent-line);background:var(--bg-card-hi);transform:translateY(-2px)}.ccard .icon{font-size:20px;margin-bottom:14px;color:var(--accent)}.ccard h4{font-family:var(--serif);font-size:18px;font-weight:500;margin-bottom:6px}.ccard p{font-size:12.5px;color:var(--text-mute);line-height:1.5}footer{padding:30px 0;border-top:1px solid var(--border);margin-top:60px}.foot-inner{display:flex;justify-content:center;align-items:center}.foot-inner .l{color:var(--text-mute);font-size:12.5px}.page-head{padding:60px 0 36px}.page-head .meta{font-family:var(--mono);font-size:12px;color:var(--accent);letter-spacing:.12em;margin-bottom:14px}.page-head h1{font-family:var(--serif);font-weight:400;font-size:clamp(32px,4.4vw,50px);line-height:1.1;letter-spacing:-.01em;max-width:20ch}.page-head p{color:var(--text-dim);font-size:16px;max-width:60ch;margin-top:18px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 40px}.filt{padding:8px 15px;border-radius:999px;border:1px solid var(--border);font-size:13px;color:var(--text-dim);cursor:pointer;background:var(--bg-elev);transition:all .2s var(--ease)}.filt:hover{color:var(--text);border-color:var(--border-hi)}.filt.active{background:var(--text);color:var(--bg);border-color:var(--text)}.flagship-case{background:linear-gradient(180deg,var(--bg-card),var(--bg-elev));border:1px solid var(--border);border-radius:18px;padding:40px;margin-bottom:24px;position:relative;overflow:hidden;cursor:pointer;transition:all .3s var(--ease)}.flagship-case:hover{border-color:var(--border-hi)}.flagship-case:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent)}.flagship-case .label{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.14em;margin-bottom:18px;text-transform:uppercase}.flagship-case h3{font-family:var(--serif);font-size:34px;font-weight:500;line-height:1.15;margin-bottom:14px;max-width:24ch}.flagship-case .desc{color:var(--text-dim);font-size:16px;max-width:64ch;margin-bottom:24px}.flagship-case .metrics{display:flex;gap:36px;flex-wrap:wrap;margin-top:24px;padding-top:24px;border-top:1px solid var(--border)}.flagship-case .metric .v{font-family:var(--serif);font-size:30px;color:var(--accent);font-weight:500}.flagship-case .metric .k{font-size:12px;color:var(--text-mute);margin-top:4px}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:0}.compact-list{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.compact-list .head{padding:18px 24px;border-bottom:1px solid var(--border);font-family:var(--mono);font-size:11px;color:var(--text-mute);letter-spacing:.12em;text-transform:uppercase;display:flex;justify-content:space-between}.compact-row{display:grid;grid-template-columns:1fr auto auto auto;gap:24px;padding:16px 24px;border-bottom:1px solid var(--border);align-items:center;cursor:pointer;transition:background .2s}.compact-row:last-child{border-bottom:none}.compact-row:hover{background:var(--bg-card-hi)}.compact-row .name{font-family:var(--serif);font-size:16px;font-weight:500}.compact-row .name small{display:block;font-family:var(--sans);font-size:12px;color:var(--text-mute);font-weight:400;margin-top:2px}.compact-row .cat{font-size:12px;color:var(--text-dim)}.compact-row .yr{font-family:var(--mono);font-size:12px;color:var(--text-mute)}.detail{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;padding:44px;margin:40px 0}.detail .back{font-size:13px;color:var(--text-dim);cursor:pointer;display:inline-flex;gap:7px;align-items:center;margin-bottom:28px;transition:color .2s}.detail .back:hover{color:var(--accent)}.detail h2{font-family:var(--serif);font-weight:500;font-size:34px;line-height:1.15;margin:14px 0 18px}.detail .one-line{color:var(--text-dim);font-size:16px;max-width:64ch;margin-bottom:30px}.detail .tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:30px}.detail .skel{display:grid;grid-template-columns:160px 1fr;gap:20px;padding:22px 0;border-top:1px solid var(--border)}.detail .skel .k{font-family:var(--mono);font-size:11.5px;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;padding-top:3px}.detail .skel .v{color:var(--text-dim);font-size:14.5px;line-height:1.7}.detail .skel .v strong{color:var(--text);font-weight:500}.writing-layout{display:grid;grid-template-columns:1fr 240px;gap:50px;align-items:start}.writing-side{position:sticky;top:90px}.writing-side h5{font-family:var(--mono);font-size:11px;color:var(--text-mute);letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}.writing-side .topics{display:flex;flex-wrap:wrap;gap:7px}.writing-side .topics span{font-size:12px;padding:5px 11px;border:1px solid var(--border);border-radius:6px;color:var(--text-dim);cursor:pointer;transition:all .2s}.writing-side .topics span:hover{color:var(--accent);border-color:var(--accent-line)}.tabs{display:flex;gap:6px;margin-bottom:30px;border-bottom:1px solid var(--border)}.tab{padding:12px 4px;margin-right:22px;font-size:14px;color:var(--text-mute);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.tab:hover{color:var(--text)}.tab .cnt{font-family:var(--mono);font-size:11px;color:var(--text-mute);margin-left:5px}.notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:start}.about-prose p{color:var(--text-dim);font-size:16px;line-height:1.85;margin-bottom:18px;max-width:60ch}.about-prose p strong{color:var(--text);font-weight:500}.about-prose .lead{font-family:var(--serif);font-size:24px;font-weight:400;color:var(--text);line-height:1.5;margin-bottom:30px}.principles{display:grid;gap:14px;margin-top:24px}.prin{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;display:flex;gap:18px}.prin .n{font-family:var(--serif);font-size:28px;color:var(--accent);font-weight:500;line-height:1;min-width:32px}.prin .c h4{font-family:var(--serif);font-size:17px;font-weight:500;margin-bottom:6px}.prin .c p{font-size:13.5px;color:var(--text-dim);line-height:1.6}.about-side .block{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:14px}.about-side .block h5{font-family:var(--mono);font-size:11px;color:var(--text-mute);letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}.about-side .block ul{list-style:none}.about-side .block li{font-size:13.5px;color:var(--text-dim);padding:6px 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between}.about-side .block li:last-child{border-bottom:none}.about-side .block li .k{color:var(--text)}.contact-options{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:50px}.copt{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px;cursor:pointer;transition:all .25s var(--ease);position:relative;overflow:hidden}.copt:hover{border-color:var(--accent-line);background:var(--bg-card-hi);transform:translateY(-2px)}.copt .label{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}.copt h3{font-family:var(--serif);font-size:24px;font-weight:500;margin-bottom:10px}.copt p{color:var(--text-dim);font-size:14px;line-height:1.6;margin-bottom:18px}.copt .avail{font-size:12px;color:var(--text-mute);display:flex;align-items:center;gap:7px}.copt .avail .dot{width:7px;height:7px;border-radius:50%;background:var(--green)}.copt .avail .dot.busy{background:var(--accent)}.channels{margin-top:50px;padding:36px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.channels h3{font-family:var(--serif);font-size:22px;font-weight:500;margin-bottom:24px}.channels .row{display:grid;grid-template-columns:140px 1fr auto;gap:20px;padding:16px 0;border-bottom:1px solid var(--border);align-items:center}.channels .row:last-child{border-bottom:none}.channels .row .k{font-size:13px;color:var(--text-mute)}.channels .row .v{font-family:var(--mono);font-size:14px;color:var(--text)}.channels .row .go{font-size:12px;color:var(--accent);cursor:pointer}.proj-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.proj-card2{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:all .3s var(--ease)}.proj-card2:hover{transform:translateY(-3px);border-color:var(--border-hi);box-shadow:0 12px 36px #0006}.proj-cover{height:160px;display:flex;align-items:center;justify-content:center;font-size:52px;position:relative;transition:filter .3s;overflow:hidden}.proj-cover img{width:100%;height:100%;object-fit:cover;display:block}.proj-card2:hover .proj-cover{filter:brightness(1.12)}.proj-body2{padding:22px}.proj-body2 h3{font-family:var(--serif);font-size:19px;font-weight:500;margin-bottom:8px}.proj-body2 .pt-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.proj-body2 .pt-title h3{margin-bottom:0}.proj-body2 .ext-tag{flex-shrink:0;font-family:var(--mono);font-size:10px;color:var(--accent);border:1px solid var(--accent-line);background:var(--accent-soft);padding:2px 7px;border-radius:var(--radius-pill);letter-spacing:.06em;white-space:nowrap}.proj-body2 p{font-size:13px;color:var(--text-dim);line-height:1.6;margin-bottom:14px}.proj-body2 .ptags{display:flex;flex-wrap:wrap;gap:6px}.pdetail,.cdetail,.rdetail{display:none;animation:fade .4s var(--ease)}.pdetail .back,.cdetail .back,.rdetail .back{font-size:13px;color:var(--text-dim);cursor:pointer;display:inline-flex;gap:7px;align-items:center;margin-bottom:28px;transition:color .2s}.pdetail .back:hover,.cdetail .back:hover,.rdetail .back:hover{color:var(--accent)}.pdetail .phero,.cdetail .phero,.rdetail .phero{padding:18px 0 28px;border-bottom:1px solid var(--border);margin-bottom:30px}.pdetail .phero h2,.cdetail .phero h2,.rdetail .phero h2{font-family:var(--serif);font-weight:500;font-size:clamp(28px,4vw,40px);line-height:1.15;margin:14px 0}.pdetail .phero .psub,.cdetail .phero .psub,.rdetail .phero .psub{font-family:var(--serif);font-size:17px;color:var(--text-dim);font-weight:400;margin-bottom:18px}.pdetail .phero>p,.cdetail .phero>p,.rdetail .phero>p{color:var(--text-dim);font-size:15px;max-width:100%;line-height:1.7;margin-bottom:18px}.pdetail .pmeta,.cdetail .pmeta,.rdetail .pmeta{display:flex;flex-wrap:wrap;gap:24px;font-size:12.5px;color:var(--text-mute)}.pdetail .pbadges,.cdetail .pbadges,.rdetail .pbadges{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}.adetail{display:none;animation:fade .4s var(--ease);max-width:800px;margin:0 auto}.adetail .back{font-size:13px;color:var(--text-dim);cursor:pointer;display:inline-flex;gap:7px;align-items:center;margin-bottom:32px;transition:color .2s}.adetail .back:hover{color:var(--accent)}.adetail .ahero{padding:8px 0 32px;border-bottom:1px solid var(--border);margin-bottom:48px}.adetail .ahero .atag{display:flex;flex-wrap:wrap;gap:8px;font-family:var(--mono);font-size:11.5px;color:var(--text-mute);letter-spacing:.06em;margin-bottom:18px}.adetail .ahero .atag span{padding:3px 10px;border:1px solid var(--border);border-radius:5px}.adetail .ahero h1{font-family:var(--serif);font-weight:600;font-size:clamp(28px,4vw,42px);line-height:1.18;margin:14px 0 20px;letter-spacing:-.01em}.adetail .ahero .asub{font-family:var(--serif);font-size:18px;color:var(--text-dim);font-weight:400;line-height:1.6}.adetail .ahero .ameta{display:flex;flex-wrap:wrap;gap:24px;font-size:13px;color:var(--text-mute);margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.adetail .ahero .ameta .k{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-mute);margin-right:6px}.adetail .abody{font-size:16.5px;line-height:1.8;color:var(--text-dim);letter-spacing:.005em;min-width:0;overflow-wrap:anywhere}.adetail .abody img,.adetail .abody video{display:block;max-width:100%;height:auto}.adetail .abody a{color:var(--accent);text-decoration:underline;text-decoration-color:var(--accent-line);text-underline-offset:3px}.adetail .abody>p{margin:0 0 28px}.adetail .abody>p:first-child{margin-top:0}.adetail .abody strong{color:var(--text);font-weight:600}.adetail .abody em{color:var(--text);font-style:italic}.adetail .abody h2{font-family:var(--serif);font-weight:600;font-size:26px;color:var(--text);margin:56px 0 20px;line-height:1.3;letter-spacing:-.01em;padding-left:16px;position:relative}.adetail .abody h2:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;background:var(--accent);border-radius:2px}.adetail .abody h3{font-family:var(--serif);font-weight:600;font-size:19px;color:var(--text);margin:36px 0 12px;letter-spacing:-.005em}.adetail .abody blockquote{border-left:3px solid var(--accent);padding:14px 0 14px 22px;margin:32px 0 32px -20px;color:var(--text);font-family:var(--serif);font-size:18px;line-height:1.65;font-style:italic}.adetail .abody ul,.adetail .abody ol{margin:0 0 28px;padding-left:28px}.adetail .abody li{margin-bottom:11px;line-height:1.75}.adetail .abody li::marker{color:var(--accent)}.adetail .abody ul li::marker{content:"◆  "}.adetail .abody ul li::marker,.adetail .abody ol li::marker{color:var(--accent);font-size:.85em}.adetail .abody code{font-family:var(--mono);font-size:13.5px;background:var(--bg-card);padding:2px 6px;border-radius:4px;color:var(--accent)}.adetail .abody pre{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:18px 22px;overflow-x:auto;margin:28px -20px}.adetail .abody pre code{background:none;padding:0;color:var(--text-dim);font-size:13.5px;line-height:1.7}.adetail .abody table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:28px 0;-webkit-overflow-scrolling:touch}.adetail .abody th,.adetail .abody td{min-width:120px;padding:10px 14px;border:1px solid var(--border);text-align:left;vertical-align:top}.adetail .abody th{color:var(--text);background:var(--bg-elev)}.adetail .abody .callout{background:var(--accent-soft);border:1px solid var(--accent-line);border-left:3px solid var(--accent);border-radius:0 10px 10px 0;padding:18px 22px;margin:32px 0 32px -20px;font-size:15px;color:var(--text);line-height:1.7}.adetail .abody .callout strong{color:var(--accent)}.adetail .afoot{margin-top:72px;padding-top:32px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.adetail .afoot .author{font-size:13.5px;color:var(--text-dim)}.adetail .afoot .author strong{color:var(--text);font-weight:500}.adetail .afoot .cta{font-family:var(--mono);font-size:12px;color:var(--accent);border:1px solid var(--accent-line);padding:9px 18px;border-radius:6px;cursor:pointer;transition:all .25s;letter-spacing:.04em}.adetail .afoot .cta:hover{background:var(--accent-soft)}@media(max-width:640px){.adetail{max-width:100%}.adetail .abody blockquote,.adetail .abody .callout,.adetail .abody pre{margin-left:0;margin-right:0}.adetail .abody h2{padding-left:12px}.adetail .ahero{margin-bottom:32px;padding-bottom:24px}.adetail .ahero h1{font-size:clamp(27px,8vw,34px);line-height:1.22;margin-bottom:16px}.adetail .ahero .asub{font-size:16px;line-height:1.65}.adetail .ahero .ameta{gap:10px 18px;margin-top:20px;padding-top:16px}.adetail .abody{font-size:16px;line-height:1.75}.adetail .abody>p{margin-bottom:22px}.adetail .abody h2{font-size:22px;line-height:1.35;margin:40px 0 16px}.adetail .abody h3{font-size:18px;margin-top:30px}.adetail .abody blockquote{padding:12px 0 12px 16px;font-size:17px;line-height:1.65}.adetail .abody ul,.adetail .abody ol{padding-left:22px;margin-bottom:22px}.adetail .abody pre{padding:16px;margin-top:22px;margin-bottom:22px}.adetail .abody .callout{padding:16px 18px;margin-top:24px;margin-bottom:24px}.adetail .afoot{margin-top:48px;align-items:flex-start;flex-direction:column}.adetail .afoot .cta{width:100%;text-align:center}}.psec{padding:34px 0;border-top:1px solid var(--border)}.psec-head{margin-bottom:24px}.psec-head .bar{width:36px;height:3px;border-radius:2px;background:var(--accent);margin-bottom:14px}.psec-head h3{font-family:var(--serif);font-size:24px;font-weight:500;margin-bottom:6px}.psec-head p{font-size:14px;color:var(--text-mute)}.pjudge{margin-top:24px;background:var(--accent-soft);border:1px solid var(--accent-line);border-left:3px solid var(--accent);border-radius:10px;padding:20px 24px}.pjudge .jl{display:block;font-family:var(--mono);font-size:10px;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}.pjudge p{font-size:15px;line-height:1.75;color:var(--text);margin:0}.pjudge p strong{color:var(--accent);font-weight:600}.prole{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.prole .rstep{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:16px 18px}.prole .rstep .ph{font-family:var(--mono);font-size:10px;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.prole .rstep h6{font-size:14px;font-weight:600;color:var(--text);margin-bottom:6px}.prole .rstep p{font-size:12.5px;line-height:1.65;color:var(--text-mute);margin:0}@media(max-width:880px){.prole{grid-template-columns:1fr}}.modgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modcard{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;transition:all .25s var(--ease);position:relative;overflow:hidden}.modcard:hover{border-color:var(--border-hi);transform:translateY(-2px)}.modcard .hd{display:flex;align-items:center;gap:12px;margin-bottom:12px}.modcard .num{width:30px;height:30px;border-radius:8px;flex-shrink:0;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:13px;font-weight:600}.modcard .ic{font-size:20px}.modcard h5{font-family:var(--serif);font-size:16px;font-weight:600;color:var(--text)}.modcard .role-tag{display:inline-block;font-family:var(--mono);font-size:10px;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border:1px solid var(--accent-line);border-radius:4px;margin-bottom:10px}.modcard p{font-size:13px;color:var(--text-dim);line-height:1.65}.modcard p strong{color:var(--text);font-weight:600}@media(max-width:880px){.modgrid{grid-template-columns:1fr}}.proto{margin-top:8px;border-radius:14px;overflow:hidden;border:1px solid var(--border);background:#0f0f12;box-shadow:0 10px 40px #0006}.proto-bar{display:flex;align-items:center;gap:8px;padding:11px 16px;background:var(--bg-elev);border-bottom:1px solid var(--border)}.proto-bar .dots{display:flex;gap:6px}.proto-bar .dots i{width:10px;height:10px;border-radius:50%;display:block}.proto-bar .dots i:nth-child(1){background:#ff5f56}.proto-bar .dots i:nth-child(2){background:#ffbd2e}.proto-bar .dots i:nth-child(3){background:#27c93f}.proto-bar .url{flex:1;margin-left:10px;padding:5px 14px;background:var(--bg);border-radius:6px;font-family:var(--mono);font-size:11.5px;color:var(--text-mute)}.proto-bar .tag-proto{font-family:var(--mono);font-size:10px;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border:1px solid var(--accent-line);border-radius:4px}.proto-body{padding:22px;display:grid;grid-template-columns:200px 1fr;gap:22px;min-height:340px}.proto-side{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:4px}.proto-side .logo{font-family:var(--serif);font-size:14px;font-weight:600;color:var(--text);padding:6px 10px;margin-bottom:8px;border-bottom:1px solid var(--border)}.proto-side .nav-item{font-size:12.5px;color:var(--text-dim);padding:8px 10px;border-radius:6px;cursor:default}.proto-side .nav-item.active{background:var(--accent-soft);color:var(--accent)}.proto-main{display:flex;flex-direction:column;gap:16px}.proto-hero{background:linear-gradient(135deg,#d6a86a1f,#9aa6d614);border:1px solid var(--border);border-radius:10px;padding:22px}.proto-hero h5{font-family:var(--serif);font-size:18px;font-weight:600;margin-bottom:6px}.proto-hero p{font-size:12px;color:var(--text-mute);margin-bottom:14px}.proto-hero .btn-proto{display:inline-block;padding:7px 14px;background:var(--accent);color:#1a1208;border-radius:6px;font-size:12px;font-weight:600}.proto-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.proto-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:14px}.proto-stat .v{font-family:var(--serif);font-size:20px;font-weight:600;color:var(--accent)}.proto-stat .k{font-size:11px;color:var(--text-mute);margin-top:2px}.proto-list{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;overflow:hidden}.proto-list .lh{padding:10px 14px;border-bottom:1px solid var(--border);font-size:11px;color:var(--text-mute);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase}.proto-list .lr{display:flex;align-items:center;gap:12px;padding:10px 14px;font-size:12.5px;border-bottom:1px solid var(--border)}.proto-list .lr:last-child{border-bottom:none}.proto-list .lr .ic{width:24px;height:24px;border-radius:6px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.proto-list .lr .t{flex:1;color:var(--text-dim)}.proto-list .lr .s{font-size:11px;color:var(--green)}.proto-list .lr .s.warn{color:var(--accent)}.proto-list .lr .s.bad{color:var(--danger)}.proto-side .nav-item .badge{float:right;font-size:10px;background:var(--accent-soft);color:var(--accent);padding:1px 7px;border-radius:8px;font-family:var(--mono);font-weight:500}.proto-side .nav-item .badge.warn{background:#c97a6a29;color:var(--danger)}.proto-side .nav-item .badge.ok{background:#7ab38a24;color:var(--green)}.proto-hero .hrow{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.proto-hero .htag{font-size:10px;font-family:var(--mono);padding:3px 8px;border-radius:4px;background:var(--bg-elev);color:var(--text-dim);border:1px solid var(--border);letter-spacing:.04em}.proto-hero .htag.live{color:var(--green);border-color:#7ab38a4d}.proto-hero .htag.hot{color:var(--accent);border-color:var(--accent-line)}.proto-trend{display:flex;align-items:flex-end;gap:5px;padding:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px}.proto-trend .col{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px}.proto-trend .col .bar{width:100%;background:var(--accent-soft);border-radius:3px 3px 0 0;min-height:5px;border-top:2px solid var(--accent)}.proto-trend .col .lbl{font-size:9px;color:var(--text-mute);font-family:var(--mono)}.proto-trend .col.today .bar{border-top-color:var(--green);background:#7ab38a2e}.proto-stats.four{grid-template-columns:repeat(4,1fr)}.pmetrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.pmetric{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;text-align:center}.pmetric .v{font-family:var(--serif);font-size:32px;font-weight:500;color:var(--accent);margin-bottom:4px}.pmetric .k{font-size:12px;color:var(--text-mute)}.pmetric .d{font-size:11px;color:var(--green);margin-top:6px}.arch{display:flex;align-items:stretch;gap:10px;overflow-x:auto;padding:4px 0}.arch-node{min-width:130px;padding:16px 18px;border-radius:12px;text-align:center;font-size:13px;font-weight:500;flex-shrink:0}.arch-node .ic{font-size:22px;margin-bottom:8px}.arch-node small{display:block;font-weight:400;opacity:.7;font-size:11px;margin-top:4px}.arch-arrow{display:flex;align-items:center;color:var(--text-mute);flex-shrink:0;font-size:18px}.arch-node.blue{background:#d6a86a1a;border:1px solid rgba(214,168,106,.3);color:var(--accent)}.arch-node.green{background:#7ab38a1a;border:1px solid rgba(122,179,138,.3);color:var(--green)}.arch-node.purple{background:#9aa6d61a;border:1px solid rgba(154,166,214,.3);color:#9aa6d6}.arch-node.orange{background:#c97a6a1a;border:1px solid rgba(201,122,106,.3);color:var(--danger)}.arch-node.cyan{background:#78b4c81a;border:1px solid rgba(120,180,200,.3);color:#78b4c8}.arch-note{margin-top:12px;font-size:13px;color:var(--text-mute);line-height:1.7}.aflow{display:flex;flex-direction:column;gap:14px;padding:24px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.arow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.arow.center{justify-content:center}.abox{padding:12px 18px;border-radius:10px;font-size:13px;font-weight:500;min-width:130px;text-align:center}.abox.large{min-width:170px;padding:15px 20px}.abox small{display:block;font-weight:400;opacity:.7;font-size:11px;margin-top:3px}.aconn{color:var(--text-mute);font-size:16px}.code-blk{background:#0d0d10;border:1px solid var(--border);border-radius:12px;overflow:hidden}.code-hd{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:var(--bg-elev);border-bottom:1px solid var(--border)}.code-hd .fn{font-family:var(--mono);font-size:12px;color:var(--text-mute)}.code-hd .dots{display:flex;gap:6px}.code-hd .dots i{width:9px;height:9px;border-radius:50%;display:block}.code-hd .dots i:nth-child(1){background:#ff5f56}.code-hd .dots i:nth-child(2){background:#ffbd2e}.code-hd .dots i:nth-child(3){background:#27c93f}.code-bd{padding:16px 20px;font-family:var(--mono);font-size:12.5px;line-height:1.8;color:#d4d4d8;overflow-x:auto;white-space:pre}.compare{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:stretch}.ccol{padding:22px;border-radius:var(--radius);border:1px solid var(--border)}.ccol.before{background:#c97a6a0d;border-color:#c97a6a33}.ccol.after{background:#7ab38a0d;border-color:#7ab38a33}.ccol h4{font-family:var(--serif);font-size:15px;font-weight:500;margin-bottom:14px;text-align:center}.ccol.before h4{color:var(--danger)}.ccol.after h4{color:var(--green)}.ccol ul{list-style:none}.ccol li{padding:7px 0;font-size:13px;color:var(--text-dim);border-bottom:1px solid var(--border)}.ccol li:last-child{border-bottom:none}.carrow{display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--accent)}.pipe{display:flex;align-items:stretch;gap:0;overflow-x:auto;padding:4px 0}.pstep{min-width:150px;padding:18px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border);text-align:center;flex-shrink:0}.pstep+.pstep{margin-left:-1px}.pstep .num{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;margin-bottom:10px;background:var(--accent-soft);color:var(--accent)}.pstep h5{font-family:var(--serif);font-size:14px;font-weight:500;margin-bottom:4px}.pstep p{font-size:11.5px;color:var(--text-mute);line-height:1.5}.parrow{display:flex;align-items:center;color:var(--text-mute);padding:0 6px;font-size:16px;flex-shrink:0}.tgrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.tcard{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.tcard h5{font-family:var(--mono);font-size:13px;color:var(--accent);margin-bottom:8px}.tcard p{font-size:12.5px;color:var(--text-dim);line-height:1.6}.etable{width:100%;border-collapse:collapse;font-size:13.5px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.etable th,.etable td{padding:13px 18px;text-align:left;border-bottom:1px solid var(--border)}.etable th{color:var(--text-mute);font-weight:500;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;background:var(--bg-elev)}.etable td{color:var(--text-dim)}.etable tr:last-child td{border-bottom:none}.etable td.ok{color:var(--green)}.etable td.warn{color:var(--accent)}@media(max-width:1024px){.proj-grid,.stickies{grid-template-columns:1fr 1fr}.proto-body{grid-template-columns:1fr}.proto-side{display:none}}@media(max-width:880px){.case-grid,.writing-layout,.about-grid,.contact-options{grid-template-columns:minmax(0,1fr)}.chain{grid-template-columns:1fr 1fr}.chain .step{border-right:none;border-bottom:1px solid var(--border)}.chain .step:after{display:none}.contact-grid{grid-template-columns:1fr 1fr}.notes-grid{grid-template-columns:1fr}.writing-side{position:static}.wrow{grid-template-columns:1fr;gap:6px}.wrow .rt,.wrow .date{padding-top:0}.wrow .rt{justify-self:start;margin-top:6px}.wrow .body .meta{flex-wrap:wrap;row-gap:4px}nav.links a{padding:8px 10px;font-size:12.5px}.brand small{display:none}.compact-row{grid-template-columns:1fr;gap:6px}.detail{padding:28px}.detail .skel{grid-template-columns:1fr;gap:6px}.hero h1{white-space:normal}.flagship-case{padding:30px}.flagship-case .metrics{gap:24px}.channels .row{grid-template-columns:1fr;gap:4px}.proj-grid{grid-template-columns:1fr}.pmetrics{grid-template-columns:1fr 1fr}.compare{grid-template-columns:1fr}.carrow{transform:rotate(90deg);padding:8px 0}.tgrid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.nav-inner{height:auto;min-height:56px;flex-wrap:wrap;gap:8px;padding-top:10px;padding-bottom:8px}.brand{min-height:32px}nav.links{order:2;width:100%;gap:2px;overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}nav.links::-webkit-scrollbar{display:none}nav.links a{flex:0 0 auto;white-space:nowrap}}@media(max-width:560px){.contact-grid,.chain{grid-template-columns:1fr}.hero{padding:60px 0 40px}.hero h1{font-size:clamp(26px,8vw,38px)}.hero p.lead{font-size:15px}.sec{padding:48px 0}#page-home .sec{padding:28px 20px}.sec-head h2{font-size:24px}.sec-head .sec-h-row{align-items:flex-start;gap:8px}.sec-head .more{font-size:12px}.page-head{padding:44px 0 28px}.page-head h1{font-size:30px}.flagship-case{padding:24px}.flagship-case h3{font-size:24px}.flagship-case .metrics{gap:20px}.flagship-case .metric .v{font-size:24px}.detail{padding:22px}.detail h2{font-size:26px}.pcard,.pcard.flagship{padding:22px}.wrap,.hero .inner{padding:0 20px}.nav-inner{height:auto}.brand span:nth-child(2){font-size:16px}nav.links a{padding:6px 8px;font-size:12px}.channels,.copt{padding:24px}.pmetrics,.tgrid,.stickies{grid-template-columns:1fr}.tl{grid-template-columns:1fr;gap:0}.tl:before{display:none}.tl .item{padding:0 0 24px 22px}.tl .item:before{left:0;top:4px}.feat-grid{grid-template-columns:minmax(0,1fr)}.arch,.pipe{display:grid;grid-template-columns:1fr 1fr;gap:10px;overflow:visible}.arch-arrow,.parrow{display:none}.arch-node,.pstep{min-width:0;width:100%}.pipe .pstep{margin-left:0}.wrow{padding:18px 0;gap:5px}.wrow:hover{padding-left:0}.wrow .body h4{font-size:18px;line-height:1.4}.wrow .body p{font-size:13px;line-height:1.65}.wrow .rt{display:none}.writing-side{margin-top:18px;padding-top:24px;border-top:1px solid var(--border)}}@media(max-width:380px){nav.links{gap:0}nav.links a{padding:6px 7px;font-size:11.5px}nav.links{overflow-x:auto}.arch,.pipe{grid-template-columns:1fr}}.dshub{--bg-primary: #0b0b0d;--bg-secondary: #151519;--bg-card: #151519;--text-primary: #f4f4f6;--text-secondary: #a0a0aa;--text-tertiary: #5e5e68;--accent: #d6a86a;--accent-hover: #e3bd84;--border: #26262e;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 12px 40px rgba(0,0,0,.6);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 980px;--nav-height: 56px;--nav-height-mobile: 52px}.dshub,.dshub *{margin:0;padding:0;box-sizing:border-box}.dshub{font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .3s ease,color .3s ease;overflow-x:hidden;min-height:100vh}.dshub h1,.dshub h2,.dshub h3,.dshub h4,.dshub h5,.dshub h6{font-family:Space Grotesk,Inter,-apple-system,sans-serif}.dshub a{color:var(--accent);text-decoration:none}.dshub a:hover{color:var(--accent-hover)}.dshub img,.dshub svg{max-width:100%;height:auto}.dshub .hero{position:relative;overflow:hidden;padding:clamp(48px,10vw,100px) 20px clamp(40px,8vw,80px);text-align:center}.dshub .hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 600px 400px at 50% 0%,rgba(0,113,227,.08),transparent),radial-gradient(ellipse 400px 300px at 20% 60%,rgba(110,91,255,.06),transparent),radial-gradient(ellipse 400px 300px at 80% 40%,rgba(0,200,255,.05),transparent);pointer-events:none}.dshub .hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:var(--radius-pill);background:#0071e314;color:var(--accent);font-size:clamp(11px,2.5vw,13px);font-weight:500;margin-bottom:clamp(16px,4vw,24px);position:relative}.dshub .hero-badge .pulse{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:dsh-pulse 2s ease infinite}@keyframes dsh-pulse{0%,to{opacity:1}50%{opacity:.4}}.dshub .hero h1{font-size:clamp(32px,7vw,64px);font-weight:700;letter-spacing:-.03em;line-height:1.08;margin-bottom:clamp(14px,3vw,20px);position:relative}.dshub .hero h1 .gradient{background:linear-gradient(135deg,#e3bd84,#d6a86a,#b9863f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dshub .hero-sub{font-size:clamp(15px,3.5vw,20px);color:var(--text-secondary);max-width:620px;margin:0 auto clamp(24px,5vw,40px);line-height:1.5;position:relative;padding:0 16px}.dshub .search-wrap{max-width:580px;margin:0 auto;position:relative;padding:0 16px}.dshub .search-box{display:flex;align-items:center;gap:12px;padding:clamp(12px,3vw,16px) clamp(16px,4vw,24px);border-radius:var(--radius-pill);background:var(--bg-card);border:1.5px solid var(--border);box-shadow:var(--shadow-md);transition:all .3s}.dshub .search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px #0071e31a}.dshub .search-box .search-icon{font-size:18px;color:var(--text-tertiary);flex-shrink:0}.dshub .search-box input{flex:1;border:none;outline:none;background:transparent;font-size:clamp(14px,3.5vw,16px);color:var(--text-primary);font-family:inherit;min-width:0}.dshub .search-box input::placeholder{color:var(--text-tertiary)}.dshub .search-shortcut{padding:3px 8px;border-radius:6px;background:var(--bg-secondary);font-size:12px;color:var(--text-tertiary);font-family:SF Mono,monospace;flex-shrink:0}.dshub .hero-stats{display:flex;justify-content:center;gap:clamp(20px,5vw,48px);margin-top:clamp(32px,6vw,56px);position:relative;flex-wrap:wrap}.dshub .hero-stat{text-align:center;min-width:60px}.dshub .hero-stat .num{font-size:clamp(24px,5vw,36px);font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dshub .hero-stat .label{font-size:clamp(11px,2.5vw,13px);color:var(--text-secondary);margin-top:2px}.dshub .container{max-width:100%;margin:0 auto;padding:0 clamp(16px,4vw,24px)}.dshub .quick-entry{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(12px,2.5vw,20px);margin-top:clamp(40px,8vw,64px)}.dshub .quick-card{padding:clamp(20px,4vw,28px) clamp(16px,3vw,24px);border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border);text-align:center;cursor:pointer;transition:all .3s;-webkit-tap-highlight-color:transparent;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:inherit}.dshub .quick-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.dshub .quick-card:active{transform:scale(.97)}.dshub .quick-card .qc-icon{font-size:clamp(24px,5vw,32px);margin-bottom:10px}.dshub .quick-card h3{font-size:clamp(14px,3vw,16px);font-weight:600;margin-bottom:4px}.dshub .quick-card p{font-size:clamp(11px,2.5vw,13px);color:var(--text-secondary);line-height:1.4}.dshub .section{padding:clamp(48px,10vw,80px) 0}.dshub .section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:clamp(24px,5vw,36px);gap:16px;flex-wrap:wrap}.dshub .section-header h2{font-size:clamp(22px,5vw,32px);font-weight:700;letter-spacing:-.02em}.dshub .section-header p{font-size:clamp(13px,3vw,15px);color:var(--text-secondary);margin-top:4px}.dshub .section-header a{font-size:14px;font-weight:500;white-space:nowrap;display:flex;align-items:center;gap:4px}.dshub .spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,2.5vw,20px)}.dshub .spec-card{position:relative;padding:clamp(20px,4vw,28px);border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border);transition:all .35s ease;cursor:pointer;-webkit-tap-highlight-color:transparent;display:flex;flex-direction:column;text-decoration:none;color:inherit}.dshub .spec-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#0071e333}.dshub .card-top{display:flex;align-items:center;gap:14px;margin-bottom:14px}.dshub .card-logo{width:clamp(40px,8vw,52px);height:clamp(40px,8vw,52px);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:clamp(18px,4vw,24px);flex-shrink:0}.dshub .card-info h3{font-size:clamp(15px,3.2vw,17px);font-weight:600;margin-bottom:2px;padding-right:80px}.dshub .card-info .card-sub{font-size:clamp(11px,2.3vw,12px);color:var(--text-tertiary);padding-right:80px}.dshub .card-desc{font-size:clamp(12px,2.5vw,13px);color:var(--text-secondary);line-height:1.5;flex:1}.dshub .card-tags{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap}.dshub .tag{padding:3px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:500}.dshub .tag-platform{background:#0071e314;color:var(--accent)}.dshub .tag-type{background:var(--bg-secondary);color:var(--text-secondary)}.dshub .card-visit{position:absolute;top:20px;right:20px;display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--accent);font-weight:500;opacity:0;transform:translateY(-2px);transition:all .25s ease;z-index:2}.dshub .spec-card:hover .card-visit{opacity:1;transform:translateY(0)}@media(max-width:768px){.dshub .card-visit{opacity:1;transform:translateY(0);font-size:11px;top:16px;right:16px}}.dshub .color-strip{display:flex;gap:4px;margin-top:16px;border-radius:8px;overflow:hidden;height:clamp(24px,5vw,28px)}.dshub .color-strip .cs-item{flex:1;transition:flex .3s;cursor:pointer;position:relative}.dshub .color-strip .cs-item:hover{flex:1.5}.dshub .cs-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);font-size:10px;padding:2px 6px;border-radius:4px;background:var(--text-primary);color:var(--bg-primary);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;margin-bottom:4px;z-index:10}.dshub .color-strip .cs-item:hover .cs-tooltip,.dshub .color-strip .cs-item:active .cs-tooltip{opacity:1}.dshub .insp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(16px,3vw,24px)}.dshub .insp-card{border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-card);border:1px solid var(--border);transition:all .35s ease;cursor:pointer;-webkit-tap-highlight-color:transparent;text-decoration:none;color:inherit;display:flex;flex-direction:column}.dshub .insp-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.dshub .insp-preview{width:100%;aspect-ratio:4/3;position:relative;overflow:hidden}.dshub .insp-preview svg{width:100%;height:100%;display:block}.dshub .insp-info{padding:clamp(18px,4vw,24px);flex:1;display:flex;flex-direction:column}.dshub .insp-info h3{font-size:clamp(15px,3.5vw,18px);font-weight:600;margin-bottom:6px}.dshub .insp-desc{font-size:clamp(12px,2.5vw,13px);color:var(--text-secondary);line-height:1.5;margin-bottom:14px}.dshub .insp-keywords{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.dshub .kw{padding:3px 10px;border-radius:var(--radius-pill);font-size:11px;background:var(--bg-secondary);color:var(--text-secondary)}.dshub .insp-stats{display:flex;gap:clamp(16px,4vw,24px);padding-top:14px;border-top:1px solid var(--border);flex-wrap:wrap;margin-top:auto}.dshub .insp-stat label{display:block;font-size:11px;color:var(--text-tertiary)}.dshub .insp-stat span{font-size:clamp(14px,3vw,16px);font-weight:700}.dshub .insp-visit{display:inline-flex;align-items:center;gap:4px;margin-top:12px;font-size:12px;color:var(--accent);font-weight:500;opacity:0;transform:translateY(4px);transition:all .25s ease}.dshub .insp-card:hover .insp-visit{opacity:1;transform:translateY(0)}.dshub .detail-mock{margin-top:clamp(32px,6vw,48px);padding:clamp(24px,5vw,40px);border-radius:var(--radius-xl);background:var(--bg-secondary);border:1px solid var(--border)}.dshub .detail-mock-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border);gap:16px;flex-wrap:wrap}.dshub .detail-mock-header h3{font-size:clamp(18px,4vw,24px);font-weight:700}.dshub .detail-mock-header .meta{font-size:clamp(11px,2.5vw,13px);color:var(--text-secondary);margin-top:4px}.dshub .detail-mock-actions{display:flex;gap:8px;flex-shrink:0}.dshub .principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,2.5vw,16px);margin-bottom:36px}.dshub .principle-card{padding:clamp(16px,3.5vw,24px);border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border)}.dshub .principle-card .pc-icon{font-size:clamp(20px,4vw,28px);margin-bottom:10px}.dshub .principle-card h4{font-size:clamp(13px,3vw,15px);font-weight:600;margin-bottom:6px}.dshub .principle-card p{font-size:clamp(12px,2.5vw,13px);color:var(--text-secondary);line-height:1.5}.dshub .color-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(8px,2vw,12px);margin-bottom:36px}.dshub .color-swatch{text-align:center}.dshub .color-swatch .swatch-block{height:clamp(48px,10vw,64px);border-radius:12px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;font-size:clamp(9px,2vw,11px);color:#fff;font-weight:500}.dshub .color-swatch .swatch-block.dark-text{color:#666}.dshub .color-swatch .swatch-label{font-size:clamp(11px,2.3vw,12px);color:var(--text-secondary)}.dshub .type-scale{display:flex;align-items:baseline;gap:clamp(16px,4vw,24px);margin-bottom:36px;flex-wrap:wrap}.dshub .type-item{display:flex;flex-direction:column}.dshub .type-item .ti-label{font-size:11px;color:var(--text-tertiary);margin-top:4px}.dshub .ti-display{font-size:clamp(28px,6vw,40px);font-weight:700;letter-spacing:-.02em}.dshub .ti-headline{font-size:clamp(20px,4.5vw,28px);font-weight:600}.dshub .ti-title{font-size:clamp(16px,3.5vw,20px);font-weight:600}.dshub .ti-body{font-size:clamp(14px,3vw,15px)}.dshub .ti-caption{font-size:12px;color:var(--text-secondary)}.dshub .comp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,2.5vw,16px);margin-bottom:36px}.dshub .comp-card{padding:clamp(12px,3vw,16px);border-radius:12px;background:var(--bg-card);text-align:center;border:1px solid var(--border)}.dshub .comp-preview{margin-bottom:8px}.dshub .comp-label{font-size:clamp(10px,2.2vw,11px);color:var(--text-secondary)}.dshub .motion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,2.5vw,16px)}.dshub .motion-card{padding:clamp(14px,3vw,20px);border-radius:12px;background:var(--bg-card);border:1px solid var(--border)}.dshub .motion-card .mc-title{font-size:clamp(12px,2.8vw,13px);font-weight:600;margin-bottom:6px}.dshub .motion-card .mc-desc{font-size:clamp(11px,2.3vw,12px);color:var(--text-secondary);margin-bottom:10px}.dshub .motion-bar{height:4px;border-radius:2px;background:linear-gradient(90deg,var(--accent),transparent)}.dshub .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.dshub .reveal.visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.dshub,.dshub *,.dshub *:before,.dshub *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.dshub .reveal{opacity:1;transform:none}}.dshub .sub-section-title{font-size:clamp(13px,3vw,15px);color:var(--text-secondary);margin-bottom:16px;font-weight:500}@media(max-width:1023px){.dshub .quick-entry,.dshub .principles-grid,.dshub .comp-grid,.dshub .motion-grid{grid-template-columns:repeat(2,1fr)}.dshub .section-header{flex-direction:column;align-items:flex-start;gap:8px}.dshub .detail-mock-header{flex-direction:column}.dshub .detail-mock-actions{width:100%}.dshub .detail-mock-actions button{flex:1}}@media(max-width:639px){.dshub{--nav-height: var(--nav-height-mobile)}.dshub .search-shortcut{display:none}.dshub .hero{padding:48px 12px 40px}.dshub .hero-stats{flex-direction:row;gap:16px}.dshub .hero-stat{min-width:auto;flex:1}.dshub .quick-entry{grid-template-columns:1fr;gap:12px}.dshub .quick-card{min-height:90px;flex-direction:row;text-align:left;gap:16px}.dshub .quick-card .qc-icon{margin-bottom:0;font-size:28px}.dshub .quick-card h3{font-size:15px}.dshub .quick-card p{font-size:12px}.dshub .spec-grid{grid-template-columns:1fr}.dshub .card-visit{opacity:1;transform:none;top:16px;right:16px;font-size:11px}.dshub .insp-grid{grid-template-columns:1fr}.dshub .insp-preview{aspect-ratio:16/10}.dshub .insp-visit{opacity:1;transform:none}.dshub .color-swatches{grid-template-columns:repeat(5,1fr);gap:6px}.dshub .color-swatch .swatch-block{font-size:0}.dshub .color-swatch .swatch-block:after{content:""}.dshub .principles-grid{grid-template-columns:1fr}.dshub .comp-grid{grid-template-columns:repeat(2,1fr)}.dshub .motion-grid{grid-template-columns:1fr}.dshub .type-scale{gap:12px}.dshub .ti-display{font-size:26px}.dshub .ti-headline{font-size:20px}.dshub .ti-title{font-size:16px}.dshub .detail-mock-actions button{padding:10px 16px;font-size:14px;border-radius:12px}.dshub .color-strip{height:24px}}@media(max-width:379px){.dshub .hero h1{font-size:28px}.dshub .hero-sub{font-size:14px}.dshub .hero-stats{gap:10px}.dshub .hero-stat .num{font-size:22px}.dshub .search-box{padding:10px 14px;gap:8px}.dshub .spec-card{padding:18px}.dshub .card-top{gap:10px}.dshub .card-logo{width:36px;height:36px;font-size:16px;border-radius:10px}.dshub .detail-mock{padding:18px}.dshub .comp-grid{grid-template-columns:1fr}}@media print{.dshub{background:#fff;color:#000}.dshub .spec-card,.dshub .insp-card,.dshub .principle-card{break-inside:avoid;box-shadow:none}}.dshub :focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.dshub button:focus-visible,.dshub a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dshub{scroll-behavior:smooth}.dshub ::selection{background:var(--accent);color:#fff}.dshub{border-radius:16px;overflow:hidden;background:#0b0b0d}.dshub .hero{padding:clamp(40px,7vw,72px) 20px clamp(32px,6vw,56px)}.dshub .section{padding:0 0 clamp(24px,4vw,40px)}.dshub .ds-empty{display:none;text-align:center;color:var(--text-mute);font-size:14px;padding:40px 0}.dshub .ds-empty.on{display:block}.dshub .quick-card{cursor:pointer}.dshub .quick-card:focus-visible,.dshub .spec-card:focus-visible,.dshub .insp-card:focus-visible{outline:2px solid #d6a86a;outline-offset:3px}.dshub .hero h1{white-space:normal;font-family:Space Grotesk,Inter,-apple-system,sans-serif}.dshub .hero:before{width:auto;height:auto;inset:0}.dshub .tag{border:0;letter-spacing:normal}.dshub .tag-platform{background:#d6a86a1a}