.features-section{padding-top:112px;padding-bottom:125px;scroll-margin-top:85px}
.features-section + .problem{border-top:1px solid #dce3e7;padding-top:95px}
.features-heading{display:grid;grid-template-columns:1fr 340px;gap:60px;align-items:end}
.features-heading h2{font-size:clamp(36px,4.2vw,61px);line-height:1.08;letter-spacing:-.058em;font-weight:650;margin:0}
.features-heading h2 span{color:#7690a4}
.features-heading>p{margin:0 0 4px;color:#6a7c88;font-size:15px;line-height:1.7}
.feature-legend{display:flex;align-items:center;gap:8px;color:#8796a0;font-size:11px;margin:30px 0 22px}
.legend-dot{height:6px;width:6px;border-radius:50%;background:#72988b;flex:none}
.legend-divider{padding:0 4px;color:#b6c2c9}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.feature-tile{min-width:0;overflow:hidden;background:#fff;border:1px solid #dce5e9;border-radius:14px;box-shadow:0 9px 24px #4a6f870a;display:flex;flex-direction:column}
.feature-preview{height:175px;margin:13px 13px 0;border:1px solid #d9e4e9;border-radius:9px;background:#f7fafb;overflow:hidden;color:#344c5d;font-size:10px}
.mini-titlebar{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;border-bottom:1px solid #e0e9ee;background:#edf3f6;font-size:10px;font-weight:730}
.mini-titlebar small{font-size:7px;letter-spacing:.12em;color:#91a6b3;font-weight:740}
.feature-body{padding:20px 20px 24px;display:flex;flex-direction:column;flex:1}
.feature-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8298a8;font-size:9px;letter-spacing:.12em;font-weight:760}
.feature-status{letter-spacing:0;font-size:9px;font-weight:700;color:#527d6d;background:#edf5f1;border:1px solid #d9e9e2;padding:3px 7px;border-radius:20px;white-space:nowrap}
.feature-status.planned{color:#7c8190;background:#f0f1f4;border-color:#e1e3e8}
.feature-tile h3{font-size:21px;letter-spacing:-.04em;line-height:1.2;margin:13px 0 8px;font-weight:670}
.feature-tile p{font-size:13px;line-height:1.62;color:#71818d;margin:0}
.feature-tile-planned{background:#fbfcfc}
.feature-tile-planned .feature-preview{background:#f5f7f8}
.mini-map-canvas{height:145px;position:relative;background-color:#fbfcfd;background-image:radial-gradient(#d7e3e9 .8px,transparent .8px);background-size:11px 11px}
.mini-map-canvas svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#8faec2;stroke-width:1.5}
.mini-node{position:absolute;width:78px;height:39px;background:#fff;border:1px solid #d8e4ea;border-radius:6px;box-shadow:0 2px 5px #38566b12;padding:5px 7px;line-height:1.2}
.mini-node b,.mini-node small{display:block;white-space:nowrap}
.mini-node b{font-size:9px}.mini-node small{color:#7e9b8d;font-size:7px;margin-top:3px}
.mini-node.node-one{top:23px;left:5%}.mini-node.node-two{top:23px;left:38%}.mini-node.node-three{top:23px;right:5%}.mini-node.node-four{top:91px;left:39%}
.mini-service-row,.mini-test-row{height:34px;display:flex;align-items:center;gap:8px;padding:0 11px;border-bottom:1px solid #e5ecf0}
.mini-service-row b,.mini-test-row b{font-size:9px;font-weight:700;white-space:nowrap}
.mini-service-row small,.mini-test-row small{color:#9aabb5;font-size:8px;margin-left:auto;white-space:nowrap}
.mini-service-row i,.mini-test-row i{min-width:35px;text-align:center;font-size:8px;font-weight:700;color:#57778e;font-style:normal;border:1px solid #d2e0e9;border-radius:4px;background:#fff;padding:3px 4px}
.mini-service-row i.mini-primary{color:#fff;background:#527999;border-color:#527999}
.mini-live,.mini-idle{height:6px;width:6px;background:#7da997;border-radius:50%;flex:none}.mini-idle{background:#bac7ce}
.mini-log{margin:10px 11px;padding:7px 9px;background:#223746;color:#b7d3df;border-radius:5px;font:8px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace}
.mini-pass,.mini-fail{height:15px;width:15px;border-radius:50%;background:#e3f0ea;color:#4c9174;font-size:10px;font-weight:800;display:grid;place-items:center;flex:none}
.mini-fail{background:#f6ece5;color:#bd8463}
.mini-progress{height:5px;margin:13px 12px;background:#dfe8ec;border-radius:5px;overflow:hidden}.mini-progress span{display:block;width:84%;height:100%;background:#78a995}
.mini-explorer{display:grid;grid-template-columns:42% 1fr;height:145px}
.mini-explorer-list{padding:11px;border-right:1px solid #e0e9ee;background:#f3f7f9;display:flex;flex-direction:column;gap:6px}
.mini-explorer-list>b{font-size:9px;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-explorer-list span{display:flex;justify-content:space-between;color:#647e8f;background:#e8f0f5;border-radius:4px;padding:5px;font-size:8px}.mini-explorer-list em{font-style:normal;color:#7893a4}
.mini-explorer-detail{padding:16px 12px}.mini-explorer-detail small{display:block;color:#93a8b4;letter-spacing:.14em;font-size:7px}.mini-explorer-detail b{display:block;font-size:11px;margin:5px 0}.mini-explorer-detail p{font-size:8px;margin:0 0 17px}.mini-explorer-detail span{font-size:8px;font-weight:700;color:#4d7492}
.mini-cli{padding:11px}.mini-cli-tabs{display:flex;gap:16px;border-bottom:1px solid #dfe8ed;padding-bottom:7px;margin-bottom:9px;font-size:8px;color:#9aabb5}.mini-cli-tabs b{color:#4e7795}.mini-cli strong{display:block;font-size:11px}.mini-cli p{font-size:8px;margin:3px 0 9px}.mini-cli code{display:block;background:#233847;color:#d7e7ef;border-radius:4px;padding:7px 8px;font:8px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-cli>div:last-child{display:flex;justify-content:space-between;align-items:center;margin-top:9px;font-size:8px;color:#728c9c}.mini-cli i{font-style:normal;font-weight:700;color:#4e7896}
.mini-data{display:grid;grid-template-columns:34% 1fr;height:145px}.mini-data-tree{background:#f2f7f9;border-right:1px solid #e0e9ee;padding:11px 8px;display:flex;flex-direction:column;gap:7px}.mini-data-tree b{font-size:9px}.mini-data-tree span{font-size:8px;color:#7d94a3;white-space:nowrap}.mini-data-table{padding:13px 8px}.mini-data-table>div{display:grid;grid-template-columns:26px 1.5fr 1fr;gap:4px;padding:6px 3px;border-bottom:1px solid #e6edf0;color:#708999;font-size:7px;white-space:nowrap}.mini-data-table>div:first-child{background:#eaf1f5;color:#4b6b81;border-radius:3px;font-size:7px}
.mini-data-tree .mini-tree-active,.mini-files-tree .mini-tree-active{color:#416b88;font-weight:700;background:#e3eef4;border-radius:3px;padding:3px 4px;margin-left:-4px}
.mini-env{padding:9px 11px}.mini-env-row{height:35px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #e3ebef}.mini-env-row>div{min-width:0;margin-right:auto}.mini-env-row b,.mini-env-row small{display:block;white-space:nowrap}.mini-env-row b{font:9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;color:#405f73}.mini-env-row small{color:#9aabb5;font-size:7px;margin-top:2px}.mini-env-row>span{font-size:7px;color:#6c9b85;white-space:nowrap}.mini-env-row>span.mini-env-missing{color:#a58f7a}.mini-env-row i{font-size:7px;font-style:normal;color:#577b95;border:1px solid #d6e3e9;border-radius:4px;background:#fff;padding:3px 5px;white-space:nowrap}.mini-env-foot{font-size:7px;color:#9bacb6;margin-top:9px;white-space:nowrap}
.mini-files{display:grid;grid-template-columns:33% 1fr;height:145px}.mini-files-tree{background:#f2f7f9;border-right:1px solid #e0e9ee;padding:11px 9px;display:flex;flex-direction:column;gap:6px}.mini-files-tree b{font-size:8px;color:#607b8d;margin-bottom:2px}.mini-files-tree span{font-size:8px;color:#8299a8;white-space:nowrap}.mini-files-tree .mini-tree-child{padding-left:12px;color:#526f81}.mini-files-reader{padding:12px 9px;overflow:hidden}.mini-files-reader small{display:block;font-size:8px;color:#8ca1ad;border-bottom:1px solid #e0e9ee;padding-bottom:7px;margin-bottom:8px}.mini-files-reader code{display:block;color:#5f7888;font:7px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}.mini-files-reader em{font-style:normal;color:#a4b4bd;margin-right:6px}
.mini-activity{padding:8px 11px}.mini-activity>div{height:41px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #e2ebef}.mini-activity time{font-size:7px;color:#a2b1ba}.mini-event-icon{height:19px;width:19px;display:grid;place-items:center;border-radius:5px;background:#e5eef3;color:#507993;font-size:10px}.mini-activity p{font-size:8px!important;line-height:1.25!important;margin:0!important}.mini-activity b,.mini-activity small{display:block}.mini-activity b{color:#496575}.mini-activity small{color:#9aabb4;font-size:7px;margin-top:3px}
.mini-spec{padding:14px}.mini-spec-head{display:flex;justify-content:space-between;align-items:center;font-size:10px}.mini-spec-head span{font-size:8px;color:#6b9687}.mini-spec-files{display:flex;gap:5px;margin:13px 0}.mini-spec-files span{font-size:7px;color:#6c8998;padding:4px;background:#edf3f6;border-radius:3px}.mini-spec-rule{display:flex;gap:7px;border:1px solid #e0e9ee;background:#fff;border-radius:5px;padding:8px;font-size:8px}.mini-spec-rule b{color:#527c98}.mini-spec-rule span{color:#7d91a0}.mini-spec-bar{height:5px;background:#e3ebee;border-radius:4px;margin-top:11px}.mini-spec-bar span{display:block;width:67%;height:100%;border-radius:4px;background:#82aa99}
.mini-chat{padding:12px;display:flex;flex-direction:column;align-items:flex-end;gap:7px}.mini-chat-user{background:#527895;color:#fff;padding:7px 9px;border-radius:8px 8px 2px 8px;font-size:8px}.mini-chat-agent{align-self:flex-start;max-width:85%;background:#e7eff3;color:#5e7888;padding:8px 9px;border-radius:8px 8px 8px 2px;font-size:8px;line-height:1.35}.mini-chat-input{width:100%;margin-top:5px;border:1px solid #dce6eb;background:#fff;border-radius:5px;color:#a0b0b9;padding:6px 8px;font-size:8px;display:flex;align-items:center;gap:6px}.mini-chat-input span{margin-right:auto}.mini-chat-input b{font-size:11px;color:#63859d}
.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:11px}.mini-metrics>div{height:112px;background:#fff;border:1px solid #e1e9ed;border-radius:5px;padding:8px;overflow:hidden}.mini-metrics span{display:block;color:#91a5b0;font-size:8px}.mini-metrics b{display:block;font-size:13px;letter-spacing:-.04em;margin:2px 0 10px}.mini-metrics svg{width:100%;height:34px;fill:none;stroke:#789db5;stroke-width:2}.mini-metrics>div:nth-child(2) svg{stroke:#8baaa0}.mini-disk-bar{height:6px;background:#e6ecef;border-radius:4px;margin-top:22px}.mini-disk-bar i{display:block;height:100%;width:62%;background:#a7bac5;border-radius:4px}
@media(max-width:1000px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.features-heading{grid-template-columns:1fr 260px}}
@media(max-width:700px){.features-section{padding-top:78px;padding-bottom:85px}.features-section + .problem{padding-top:77px}.features-heading{grid-template-columns:1fr;gap:22px}.features-heading>p{max-width:550px}.feature-legend{display:block;line-height:1.6;margin:25px 0 20px}.legend-dot{display:inline-block;margin-right:6px}.feature-grid{grid-template-columns:1fr}.feature-preview{height:185px}.feature-tile h3{font-size:20px}}
