:root{--bg:#151312;--panel:#1d1b1a;--line:#ffffff1a;--text:#d6d0ca;--white:#fff;--ghost:#2f2d2b;--orange:#f46c38;--lime:#c5ff41}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font:400 15px/1.6 Poppins,system-ui,sans-serif}a{color:inherit;text-decoration:none}::selection{background:var(--orange);color:#000}.pill{z-index:20;backdrop-filter:blur(12px);border:1px solid var(--line);background:#1d1b1ad9;border-radius:14px;gap:4px;padding:6px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%)}.pill a{color:#c7c0b9;border-radius:9px;place-items:center;width:38px;height:34px;transition:all .2s;display:grid;position:relative}.pill a:hover{color:#fff}.pill a.on{background:var(--orange);color:#000}.pill svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.pill a:after{content:attr(data-tip);color:#000;white-space:nowrap;opacity:0;pointer-events:none;background:#fff;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:500;transition:all .15s;position:absolute;top:44px;left:50%;transform:translate(-50%)}.pill a:hover:after{opacity:1}.wrap{grid-template-columns:300px 1fr;align-items:start;gap:80px;max-width:1120px;margin:0 auto;padding:110px 28px 60px;display:grid}.side{position:sticky;top:96px}.card{background:var(--orange);text-align:center;color:#4a2a1a;border-radius:22px;padding:14px 14px 22px;position:relative;overflow:hidden}.avatar{background:linear-gradient(160deg,#ff6a2b,#d9400d);border-radius:14px;height:272px;position:relative;overflow:hidden}.avatar img{object-fit:cover;object-position:50% 18%;width:100%;height:100%;display:block}.card h3{color:#1a0f0a;margin-top:14px;font-size:19px;font-weight:600}.badge{background:#ffffff8c;border-radius:50%;place-items:center;width:26px;height:26px;margin:8px auto 6px;display:grid}.badge i{background:#e2501c;border-radius:50%;width:12px;height:12px;display:block}.card p{padding:0 12px;font-size:12.5px;line-height:1.5}.orbit{pointer-events:none;position:absolute;inset:0}.sidelinks{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:14px;display:flex}.sidelinks a{color:#4a2a1a;border:1px solid #4a2a1a47;border-radius:99px;padding:5px 11px;font-size:12px;transition:all .2s}.sidelinks a:hover{color:#000;background:var(--lime);border-color:var(--lime)}main{min-width:0;max-width:700px}.h{text-transform:uppercase;color:var(--white);letter-spacing:-.01em;font-size:clamp(40px,6.2vw,76px);font-weight:700;line-height:.98}.h em{font-style:normal;display:block}.h span{background:var(--orange);color:#000;margin-top:.06em;padding:.02em .12em 0;line-height:1.02;display:inline-block}.h.sub{font-size:clamp(30px,4.4vw,48px)}.sec{margin-top:110px}.intro{color:#d6d0ca;max-width:430px;margin-top:18px;font-size:14px}.crumb{color:#bdb6af;margin-bottom:22px;font-size:12.5px}.crumb a:hover{color:var(--orange)}.crumb b{color:#fff;font-weight:500}.stats{flex-wrap:wrap;gap:44px;margin-top:34px;display:flex}.stats b{color:#fff;font-size:38px;font-weight:600;line-height:1;display:block}.stats small{letter-spacing:.06em;text-transform:uppercase;color:#d6d0ca;max-width:130px;margin-top:8px;font-size:10.5px;display:block}.feat{grid-template-columns:1fr 1fr;gap:16px;margin-top:36px;display:grid}.fc{color:#000;border-radius:14px;flex-direction:column;justify-content:space-between;height:168px;padding:22px 20px;transition:all .25s;display:flex;position:relative;overflow:hidden}.fc:hover{transform:translateY(-4px)}.fc.o{background:var(--orange)}.fc.l{background:var(--lime)}.fc svg.bg{opacity:.35;width:100%;height:100%;position:absolute;inset:0}.fc h4{text-transform:uppercase;max-width:190px;font-size:14.5px;font-weight:600;line-height:1.35;position:relative}.fc .ic{width:28px;height:28px;position:relative}.fc .go{border:1.6px solid #000;border-radius:7px;place-items:center;width:28px;height:28px;display:grid;position:absolute;bottom:14px;right:14px}.fc .go svg{stroke:#000;fill:none;stroke-width:2px;width:13px;height:13px}.rows{gap:34px;margin-top:38px;display:grid}.row{grid-template-columns:auto 1fr auto;align-items:start;gap:20px;display:grid;position:relative}.row.nothumb{grid-template-columns:1fr auto}.thumb{background:var(--panel);border:1px solid var(--line);border-radius:12px;width:130px;height:96px;overflow:hidden}.thumb svg{width:100%;height:100%;display:block}.row h5{color:#fff;font-size:18px;font-weight:600;line-height:1.3;transition:all .2s}.row:hover h5{color:var(--orange)}.row p{max-width:440px;margin-top:4px;font-size:14px}.row .meta{color:#d6d0ca;flex-wrap:wrap;gap:14px;margin-top:10px;font-size:12.5px;display:flex}.arrow{color:var(--orange);width:18px;height:18px;margin-top:4px;transition:all .2s}.row:hover .arrow{transform:translate(3px,-3px)}.arrow svg{stroke:currentColor;fill:none;stroke-width:1.8px;width:100%;height:100%}.tag{letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--line);color:#c7c0b9;vertical-align:middle;border-radius:99px;margin-left:8px;padding:2px 9px;font-size:10.5px;font-weight:500;display:inline-block}.tag.live{color:#000;background:var(--lime);border-color:var(--lime)}.tag.plan{color:var(--orange);border-color:#f46c3866}.stack{grid-template-columns:1fr 1fr;gap:22px 20px;margin-top:20px;display:grid}.tile{align-items:center;gap:14px;display:flex}.tile i{background:#fff;border-radius:13px;flex:none;place-items:center;width:54px;height:54px;display:grid}.tile i img{width:30px;height:30px;display:block}.num{color:var(--orange);letter-spacing:.1em;margin-bottom:12px;font-size:12px;font-weight:600;display:block}.stack.tools{grid-template-columns:repeat(3,1fr);gap:16px 14px;margin-top:20px}.tile.sm i img{width:26px;height:26px}.tile.sm b{font-size:13.5px}.meths{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.meth{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}.meth b{color:#fff;font-size:14.5px;font-weight:600;display:block}.meth p{color:#c7c0b9;margin-top:4px;font-size:12.5px;line-height:1.55}.tile b{color:#fff;font-size:15px;font-weight:600;line-height:1.2;display:block}.tile small{color:#bdb6af;font-size:12.5px}.post-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px;display:flex}.post-meta .tag{margin:0}.chip{border:1px solid var(--line);color:#b5afa9;border-radius:99px;padding:4px 12px;font-size:12px}.lede{color:#d6d0ca;max-width:640px;margin-top:26px;font-size:19px;font-weight:300;line-height:1.7}.post{max-width:640px;margin-top:44px}.post>h3{color:#fff;margin:54px 0 14px;font-size:24px;font-weight:600;line-height:1.3}.post>h3 em{color:var(--orange);letter-spacing:.1em;margin-bottom:8px;font-size:12px;font-style:normal;font-weight:600;display:block}.post>p{color:#d6d0ca;margin-bottom:18px;font-size:16.5px;line-height:1.85}.post>p b{color:#fff;font-weight:500}.post>ul{gap:10px;margin:0 0 18px;padding:0;list-style:none;display:grid}.post>ul>li{color:#d6d0ca;padding-left:22px;font-size:16px;line-height:1.7;position:relative}.post>ul>li:before{content:"";background:var(--orange);border-radius:2px;width:8px;height:8px;position:absolute;top:.75em;left:0}.post>ul>li b{color:#fff;font-weight:500}.fig{background:var(--panel);border:1px solid var(--line);cursor:zoom-in;border-radius:16px;max-width:700px;margin:36px 0 12px;padding:22px 16px 14px}.fig .diagram-box{min-height:120px;display:flex;overflow-x:auto}.fig .diagram-box svg{max-width:100%;height:auto;margin:0 auto}.fig.zoom{z-index:50;cursor:zoom-out;background:#151312f7;border-radius:0;flex-direction:column;justify-content:center;max-width:none;margin:0;padding:40px;display:flex;position:fixed;inset:0;overflow:auto}.fig.zoom .diagram-box{overflow:auto}.fig.zoom .diagram-box svg{max-width:none;width:min(1400px,94vw)!important;height:auto!important}.fig .hint{color:#d6d0ca;float:right;font-size:11px}.fig figcaption{color:#d6d0ca;margin-top:12px;padding:0 6px;font-size:12.5px}.fig .src{color:#d6d0ca;margin-top:6px;padding:0 6px;font-size:11.5px}.cards{gap:14px;margin-top:30px;display:grid}.mc{background:var(--panel);border:1px solid var(--line);border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:18px;transition:all .25s;display:grid;position:relative}.mc:hover{border-color:#f46c388c;transform:translateY(-3px)}.mc .no{background:var(--bg);border:1px solid var(--line);width:46px;height:46px;color:var(--orange);border-radius:12px;place-items:center;font-size:15px;font-weight:600;display:grid}.mc h5{color:#fff;font-size:16.5px;font-weight:600;line-height:1.35}.mc p{color:#bdb6af;margin-top:4px;font-size:13px}.mc .where{letter-spacing:.08em;text-transform:uppercase;color:var(--lime);margin-bottom:6px;font-size:11px;font-weight:500;display:block}.mc.planned{opacity:.72}.mc.planned:hover{border-color:var(--line);transform:none}.mc.planned .where{color:#c7c0b9}.mc .go2{border:1.5px solid var(--orange);width:30px;height:30px;color:var(--orange);border-radius:8px;place-items:center;display:grid}.mc.planned .go2{border-color:var(--line);color:#d6d0ca}.mc .go2 svg{stroke:currentColor;fill:none;stroke-width:2px;width:14px;height:14px}.sgroup{margin-top:46px}.shead{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.shead h5{color:#fff;font-size:20px;font-weight:600;line-height:1.3}.shead p{color:#bdb6af;margin-top:2px;font-size:13.5px}.shead a{color:var(--orange);white-space:nowrap;font-size:13px}.shead a:hover{text-decoration:underline}.more{margin-top:18px;font-size:14px}.more a{color:var(--orange)}.more a:hover{text-decoration:underline}.pn{grid-template-columns:1fr 1fr;gap:14px;margin-top:70px;display:grid}.pn a{border:1px solid var(--line);border-radius:14px;padding:16px 18px;transition:all .2s}.pn a:hover{border-color:var(--orange)}.pn small{letter-spacing:.08em;text-transform:uppercase;color:#d6d0ca;margin-bottom:4px;font-size:11px;display:block}.pn b{color:#fff;font-size:14.5px;font-weight:600;line-height:1.35;display:block}.pn .r{text-align:right}.notice{border:1px dashed #ffffff2e;border-radius:14px;max-width:640px;margin-top:30px;padding:18px;font-size:13.5px}.notice b{color:var(--lime);font-weight:500}.cta{gap:12px;margin-top:38px;display:grid}.btn{background:var(--orange);color:#000;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;font-weight:600;transition:all .2s;display:flex}.btn:hover{filter:brightness(1.08);transform:translateY(-2px)}.btn.alt{background:var(--panel);color:#fff;border:1px solid var(--line)}.btn.alt:hover{border-color:var(--lime)}footer{color:#8a847e;border-top:1px solid var(--line);margin-top:110px;padding-top:20px;font-size:12.5px}@media (width<=900px){.wrap{grid-template-columns:1fr;gap:40px;padding-top:90px}.side{max-width:320px;position:static}.row{grid-template-columns:auto 1fr}.row .arrow{display:none}.feat,.stack,.pn,.meths{grid-template-columns:1fr}.stack.tools{grid-template-columns:1fr 1fr}.thumb{width:104px;height:78px}.mc{grid-template-columns:1fr auto}.mc .no{display:none}}.explore{color:var(--orange);font-weight:500}.fcx{letter-spacing:.07em;text-transform:uppercase;color:#000;border-bottom:1px solid #000;padding-bottom:1px;font-size:10.5px;font-style:normal;font-weight:600;position:absolute;top:20px;right:20px}.jump{color:var(--orange);border:1px solid #f46c3866;border-radius:99px;margin-top:22px;padding:6px 14px;font-size:13px;display:inline-block}.jump:hover{background:var(--orange);color:#000}.alist{border-top:1px solid var(--line);margin-top:26px}.alist-wrap{margin-top:0}.job{border-top:1px solid var(--line);padding:26px 0}.jh{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.job h5{color:#fff;font-size:19px;font-weight:600;line-height:1.3}.role{color:var(--orange);margin-top:4px;font-size:13px;font-style:normal;font-weight:500;display:block}.jd{color:#c7c0b9;letter-spacing:.03em;white-space:nowrap;padding-top:4px;font-size:12px}.job p{color:#d6d0ca;max-width:none;margin-top:12px;font-size:15px;line-height:1.7}.arow{border-bottom:1px solid var(--line);grid-template-columns:96px 1fr auto;align-items:center;gap:18px;padding:18px 4px;transition:all .2s;display:grid}.arow:hover{background:#ffffff05}.arow:hover h5{color:var(--orange)}.arow .ad{color:#d6d0ca;letter-spacing:.03em;font-size:12px}.arow h5{color:#fff;font-size:15.5px;font-weight:600;line-height:1.35;transition:all .2s}.arow p{color:#bdb6af;margin-top:3px;font-size:12.5px}.arow .arrow{margin:0}.more-btn{border:1px solid var(--line);color:#d6d0ca;cursor:pointer;background:0 0;border-radius:99px;margin-top:18px;padding:10px 18px;font:500 13px Poppins,system-ui,sans-serif}.more-btn:hover{border-color:var(--orange);color:var(--orange)}@media (width<=600px){.arow{grid-template-columns:1fr auto}.arow .ad{order:-1;grid-column:1/-1}}.ambient{z-index:0;pointer-events:none;background:#0c0a09;position:fixed;inset:0;overflow:hidden}.ambient i{background:linear-gradient(180deg,var(--c1),var(--c2));filter:blur(30px);opacity:.5;mix-blend-mode:screen;border-radius:999px;position:absolute;top:18%;bottom:14%}.ambient i:first-child{--c1:#ffe27a;--c2:#f2a300;width:17%;left:16%}.ambient i:nth-child(2){--c1:#ffb13b;--c2:#ea5a14;width:14%;left:26%}.ambient i:nth-child(3){--c1:#ff7a2a;--c2:#d63a16;width:13%;left:35%}.ambient i:nth-child(4){--c1:#f2452a;--c2:#b8201a;width:12%;left:44%}.ambient i:nth-child(5){--c1:#d9322a;--c2:#8e1716;width:12%;left:53%}.ambient i:nth-child(6){--c1:#b82222;--c2:#5f1010;width:11%;left:62%}.ambient i:nth-child(7){--c1:#8a1717;--c2:#3a0a0a;width:11%;left:71%}.ambient i:nth-child(8){--c1:#5a0f14;--c2:#1f0708;width:10%;left:79%}.ambient:after{content:"";background:radial-gradient(70% 60% at 0 40%,#ffaa3c2e,#0000 70%),linear-gradient(#0c0a0933,#0c0a09d9 85%);position:absolute;inset:0}.wrap{z-index:1;position:relative}.pill{z-index:20}footer{z-index:1;position:relative}.cgrid{grid-template-columns:1fr 1fr;gap:12px;margin-top:26px;display:grid}.ct{background:var(--panel);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:6px;min-height:96px;padding:18px 18px 16px;transition:all .2s;display:flex;position:relative}.ct:hover{border-color:var(--orange);transform:translateY(-2px)}.ct .cl{letter-spacing:.09em;text-transform:uppercase;color:var(--orange);font-size:10.5px;font-weight:600}.ct b{color:#fff;word-break:break-word;font-size:15.5px;font-weight:600;line-height:1.3}.ct .ca{color:#a39d97;width:18px;height:18px;font-size:15px;line-height:1;position:absolute;top:16px;right:16px}.ct .ca svg{stroke:currentColor;fill:none;stroke-width:1.8px;width:100%;height:100%}.ct.primary{background:var(--orange);border-color:var(--orange);grid-column:1/-1;min-height:0;padding:20px 22px}.ct.primary .cl{color:#000;opacity:.7}.ct.primary b{color:#000;font-size:19px}.ct.primary .ca{color:#000}@media (width<=600px){.cgrid{grid-template-columns:1fr}}[hidden]{display:none!important}[id^=sec-]{scroll-margin-top:70px}.tile.sm i{border-radius:11px;width:44px;height:44px}.arch{margin-top:34px}.arch-flows{flex-wrap:wrap;gap:8px;display:flex}.arch-flow{background:var(--panel);border:1px solid var(--line);color:#d6d0ca;cursor:pointer;border-radius:99px;padding:9px 16px;font:500 13px Poppins,system-ui,sans-serif;transition:all .2s}.arch-flow:hover{border-color:var(--orange);color:#fff}.arch-flow.on{background:var(--orange);border-color:var(--orange);color:#000}.arch-flow.ghost{background:0 0}.arch-summary{color:#c7c0b9;min-height:1.6em;margin-top:14px;font-size:14px}.arch-grid{grid-template-columns:1fr;align-items:start;gap:20px;margin-top:18px;display:grid}.arch-map{background:var(--panel);border:1px solid var(--line);border-radius:16px;margin:0;padding:14px}.arch-map figcaption{color:#a39d97;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:10px;font-size:12.5px;display:flex}.arch-map .diagram-box{overflow-x:auto}.arch-map .diagram-box svg{max-width:100%;height:auto;margin:0 auto;display:block}.arch-node{cursor:pointer;outline:none;transition:opacity .25s}.arch-node:focus-visible rect,.arch-node:focus-visible polygon,.arch-node:focus-visible path{stroke:#f46c38!important;stroke-width:2.4px!important}.arch-node:hover>rect,.arch-node:hover>polygon,.arch-node:hover>path{stroke:#f46c38!important}.arch-node.lit>rect,.arch-node.lit>polygon,.arch-node.lit>path{stroke:#c5ff41!important;stroke-width:1.8px!important}.arch-node.sel>rect,.arch-node.sel>polygon,.arch-node.sel>path{stroke:#f46c38!important;stroke-width:2.6px!important}.arch-map path[id^=L_]{transition:opacity .25s}.arch-map path[id^=L_].dim{opacity:.12}.arch-map path[id^=L_].lit{stroke:#c5ff41!important;stroke-width:2px!important}.arch-panel{min-width:0}.arch-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px 20px 18px}.arch-card h4{color:#fff;margin:4px 0 10px;font-size:21px;font-weight:600;line-height:1.25}.arch-card p{color:#c7c0b9;margin-top:6px;font-size:14px;line-height:1.65}.arch-what{color:#e6e0da!important}.arch-kicker{letter-spacing:.09em;text-transform:uppercase;font-weight:600;color:var(--orange)!important;margin-top:0!important;font-size:11px!important}.arch-label{letter-spacing:.09em;text-transform:uppercase;color:#8d8781!important;margin-top:16px!important;font-size:11px!important}.arch-list{gap:6px;margin:6px 0 0;padding:0;list-style:none;display:grid}.arch-list li{color:#c7c0b9;padding-left:16px;font-size:13.5px;line-height:1.5;position:relative}.arch-list li:before{content:"";background:var(--orange);border-radius:2px;width:6px;height:6px;position:absolute;top:.6em;left:0}.arch-links{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.arch-chip{background:var(--bg);border:1px solid var(--line);color:#d6d0ca;cursor:pointer;border-radius:99px;padding:5px 11px;font:500 12.5px Poppins,system-ui,sans-serif}.arch-chip:hover{border-color:var(--orange);color:#fff}.arch-step{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.arch-step span{letter-spacing:.06em;text-transform:uppercase;color:#8d8781;font-size:11.5px}.arch-step button{border:1px solid var(--line);color:#d6d0ca;cursor:pointer;background:0 0;border-radius:99px;margin-left:6px;padding:5px 11px;font:500 12.5px Poppins,system-ui,sans-serif}.arch-step button:hover:not(:disabled){border-color:var(--lime);color:#fff}.arch-step button:disabled{opacity:.35;cursor:default}.arch-stepnote{border-top:1px solid var(--line);padding-top:12px;margin-top:10px!important}.arch-muted{color:#8d8781!important}.arch-trail{flex-wrap:wrap;align-items:center;gap:6px;min-height:0;margin-top:14px;display:flex}.arch-trail:empty{display:none}.arch-trail-label{letter-spacing:.09em;text-transform:uppercase;color:#8d8781;margin-right:4px;font-size:11px}.arch-arrow{color:#6f6a65;font-size:12px}.arch-map .diagram-box{display:block}.arch-map .diagram-box svg{width:100%;max-width:100%;height:auto;margin:0 auto;display:block}@media (width>=1300px){.arch{width:880px;max-width:880px}}.side .card{transition:padding .3s,border-radius .3s}.side .avatar{transition:height .3s,width .3s,border-radius .3s,opacity .25s}.side .badge,.side .card>p,.side .sidelinks,.side .orbit{transition:opacity .25s,visibility .25s}.side h3{transition:font-size .3s,margin .3s}.side.compact .card{border-radius:16px;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;padding:10px 16px 10px 10px;display:flex}.side.compact .avatar{border-radius:50%;flex:none;width:44px;height:44px;margin:0}.side.compact .avatar img{object-fit:cover;object-position:50% 20%;border-radius:50%;width:100%;height:100%}.side.compact h3{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-size:15px;overflow:hidden}.side.compact .badge,.side.compact .card>p,.side.compact .sidelinks,.side.compact .orbit{opacity:0;visibility:hidden;pointer-events:none;position:absolute}.fcx{letter-spacing:.02em;text-transform:none;color:var(--orange);border:0;padding:0;font-size:12px;font-style:normal;font-weight:600;position:absolute;top:20px;right:20px}.fc.o .fcx{color:#1a0a04}.sflows{gap:10px;margin-top:14px;display:grid}.sflows-title{letter-spacing:.09em;text-transform:uppercase;color:#8d8781;margin:0 2px;font-size:11px}.sflow{text-align:left;background:var(--panel);border:1px solid var(--line);color:#fff;cursor:pointer;width:100%;font:inherit;border-radius:16px;padding:14px 16px;transition:border-color .2s,background .2s,transform .2s;display:block}.sflow:hover{border-color:#f46c3880;transform:translateY(-2px)}.sflow b{margin-top:4px;font-size:15px;font-weight:600;line-height:1.3;display:block}.sflow-n{letter-spacing:.08em;text-transform:uppercase;color:var(--orange);font-size:10.5px}.sflow-s{color:#a39d97;margin-top:6px;font-size:12.5px;line-height:1.5;display:block}.sflow.on{border-color:var(--orange);background:#f46c381f}.sflow.ghost{background:0 0;border-style:dashed}.arch-card{background:linear-gradient(#262220 0%,#1d1b1a 60%);box-shadow:0 18px 40px -24px #f46c3859}.arch-card h4{font-size:26px}.arch-card p{color:#d6d0ca;font-size:16px;line-height:1.7}.arch-what{color:#f0ebe6!important;font-size:17px!important}.arch-label{font-size:12px!important}.arch-list li{color:#d6d0ca;font-size:15.5px}.arch-chip{padding:6px 13px;font-size:13.5px}.arch-tag{color:#c5ff41;border:1px solid #c5ff4159;border-radius:99px;padding:4px 11px;font:500 12.5px Poppins,system-ui,sans-serif;display:inline-block}.arch-map{background:radial-gradient(120% 80% at 50% 0,#2a2623 0%,#1d1b1a 70%)}.arch-node.dim{opacity:.3}.arch-node.sel>rect,.arch-node.sel>polygon,.arch-node.sel>path{filter:drop-shadow(0 0 8px #f46c38b3)}.arch-node.lit>rect,.arch-node.lit>polygon,.arch-node.lit>path{filter:drop-shadow(0 0 4px #c5ff4173)}.arch-summary{font-size:15.5px}.arch-map figcaption{font-size:13.5px}.patterns{margin-top:70px}.patterns-title{text-transform:uppercase;color:#fff;letter-spacing:-.01em;margin:0;font-size:clamp(28px,3.6vw,40px);font-weight:700}.patterns-intro{color:#c7c0b9;max-width:620px;margin-top:10px;font-size:16px}.pgrid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;margin-top:26px;display:grid}.pcard{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px 22px 20px;transition:border-color .25s,transform .25s;position:relative}.pcard:hover{border-color:#f46c3880;transform:translateY(-3px)}.pnum{letter-spacing:.1em;color:var(--orange);font-size:12px;font-weight:600;position:absolute;top:18px;right:20px}.pcard h4{color:#fff;padding-right:40px;font-size:20px;font-weight:600;line-height:1.3}.psum{color:#e6e0da;margin-top:6px;font-size:15px}.plabel{letter-spacing:.09em;text-transform:uppercase;color:#8d8781;margin-top:14px;font-size:11px}.pself{color:#d6d0ca;gap:5px;margin:6px 0 0 18px;font-size:14.5px;line-height:1.55;display:grid}.ptext{color:#d6d0ca;margin-top:4px;font-size:14.5px;line-height:1.6}.pcard .arch-links{margin-top:8px}.side.compact h3{color:#1a0f0a;font-size:17px;font-weight:600}.side.compact .avatar{box-shadow:0 0 0 2px #ffffff8c}.side{scrollbar-width:none;max-height:calc(100vh - 116px);overflow-y:auto}.side-extra{margin-top:14px;display:none}.side.compact .side-extra,.side.has-detail .side-extra{display:block}.sdetail:empty{display:none}.sdetail{margin-top:14px}.sdetail .arch-card{border-radius:16px;padding:16px 16px 14px}.sdetail .arch-card h4{margin:2px 0 6px;font-size:19px}.sdetail .arch-card p{margin-top:5px;font-size:14px;line-height:1.6}.sdetail .arch-what{font-size:14.5px!important}.sdetail .arch-list li{font-size:13.5px}.sdetail .arch-chip{padding:4px 10px;font-size:12px}.sdetail .arch-step{margin-bottom:4px}.arch-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;padding-bottom:10px;display:flex}.arch-tab{color:#a39d97;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:99px;padding:8px 14px;font:600 13.5px Poppins,system-ui,sans-serif}.arch-tab:hover{color:#fff;border-color:var(--line)}.arch-tab.on{background:var(--orange);color:#000}.arch-flows{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.arch-flows:empty{display:none}.arch-nudge{color:#fff;background:#f46c381f;border:1px solid #f46c3873;border-radius:99px;align-items:center;gap:10px;width:fit-content;max-height:60px;margin:0 0 12px;padding:8px 16px;font-size:14px;font-weight:500;transition:opacity .3s,max-height .3s;display:flex;overflow:hidden}.arch-nudge-dot{background:var(--orange);border-radius:50%;flex:none;width:8px;height:8px;animation:1.6s ease-in-out infinite nudge-dot}.arch.nudging .arch-nudge{display:flex}.arch:not(.nudging) .arch-nudge{opacity:0;border-width:0;max-height:0;margin:0;padding-top:0;padding-bottom:0}.arch.nudging .arch-node>rect,.arch.nudging .arch-node>polygon,.arch.nudging .arch-node>path{animation:2.4s ease-in-out infinite nudge-box}@keyframes nudge-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}@keyframes nudge-box{0%,to{stroke:#7a7069}50%{stroke:#f46c38}}@media (prefers-reduced-motion:reduce){.arch-nudge-dot,.arch.nudging .arch-node>rect,.arch.nudging .arch-node>polygon,.arch.nudging .arch-node>path{animation:none}}@media (width<=900px){.arch-map .diagram-box svg{transform-origin:0 0}}.arch{min-width:0;max-width:100%}.arch-grid{grid-template-columns:minmax(0,1fr)}.arch-map{min-width:0;max-width:100%;overflow:hidden}.deck-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;display:flex}.deck-count{letter-spacing:.08em;color:#a39d97;font-size:13px}.deck-nav{gap:8px;display:flex}.deck-btn{background:var(--panel);border:1px solid var(--line);color:#fff;cursor:pointer;border-radius:99px;padding:8px 16px;font:500 13px Poppins,system-ui,sans-serif}.deck-btn:hover{border-color:var(--orange);color:var(--orange)}.deck{margin-top:18px;padding-bottom:44px;display:grid}.deck>.pcard{transform-origin:50% 0;grid-area:1/1;transition:transform .45s,opacity .45s,filter .45s}.deck>.pcard[data-pos="0"]{opacity:1;z-index:3;cursor:default;transform:none}.deck>.pcard[data-pos="1"]{opacity:.7;z-index:2;cursor:pointer;filter:brightness(.8);transform:translateY(16px)scale(.96)}.deck>.pcard[data-pos="2"]{opacity:.42;z-index:1;cursor:pointer;filter:brightness(.6);transform:translateY(32px)scale(.92)}.deck>.pcard[data-pos=hidden]{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(40px)scale(.9)}.deck>.pcard[data-pos="0"] .arch-chip{pointer-events:auto}@media (prefers-reduced-motion:reduce){.deck>.pcard{transition:none}}.arch-layers{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.arch-layers:empty{display:none}.arch-layer{letter-spacing:.06em;text-transform:uppercase;color:#c7c0b9;border:1px solid var(--line);border-radius:99px;padding:4px 10px;font:500 11.5px Poppins,system-ui,sans-serif}.tgrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin:30px 0 10px;display:grid}.tgrid .pcard h4{padding-right:40px;font-size:22px}.tgrid .ptext{color:#d6d0ca;margin-top:12px;font-size:16px;line-height:1.7}.arch-map{position:relative;padding-top:48px!important}.arch-enlarge{z-index:2;background:var(--bg);border:1px solid var(--line);color:#d6d0ca;cursor:pointer;border-radius:99px;padding:6px 12px;font:500 12.5px Poppins,system-ui,sans-serif;position:absolute;top:12px;left:12px}.arch-enlarge:hover{border-color:var(--orange);color:#fff}@keyframes arch-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes arch-out{0%{opacity:1;transform:none}to{opacity:0;transform:scale(.96)}}@keyframes dock-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes dock-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(28px)}}.arch-dock{display:none}.arch.enlarged .arch-map{z-index:80;background:#0c0a09f7;border:0;border-radius:0;flex-direction:column;align-items:center;margin:0;padding:28px 32px 20px;animation:.32s cubic-bezier(.2,.7,.2,1) both arch-in;display:flex;position:fixed;inset:0;overflow:hidden}.arch.leaving .arch-map{animation:.26s ease-in both arch-out}.arch.enlarged .arch-map figcaption{order:3;width:min(1500px,96vw)}.arch.enlarged .arch-map .diagram-box{flex:auto;justify-content:center;align-items:flex-start;width:100%;min-height:0;display:flex;overflow:auto}.arch.enlarged .arch-map .diagram-box svg{height:auto;width:min(1500px,94vw)!important;max-width:none!important}.arch.enlarged .arch-enlarge{z-index:81;background:var(--orange);color:#000;border-color:var(--orange);position:fixed;top:18px;left:22px}.arch.enlarged .arch-dock{order:2;width:min(980px,94vw);max-height:38vh;margin-top:12px;animation:.36s cubic-bezier(.2,.7,.2,1) 80ms both dock-in;display:block;overflow-y:auto}.arch.leaving .arch-dock{animation:.2s ease-in both dock-out}.arch.enlarged .arch-dock:has(.sdetail:empty){display:none}.arch.enlarged .arch-dock .sdetail{margin-top:0}body.arch-lock{overflow:hidden}body.arch-full .pill,body.arch-full .side{display:none!important}