.db-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 30%,#8b74ff55 0,transparent 21%),linear-gradient(140deg,#080914,#1b1b3c)}.db-hero:after{content:"";position:absolute;right:8vw;top:19%;width:min(40vw,500px);height:62%;border:1px solid #a99bff77;background:linear-gradient(90deg,#ffffff0e 49%,transparent 50%),linear-gradient(#ffffff0e 49%,transparent 50%);background-size:42px 42px;box-shadow:0 0 60px #7d65ff33;transform:perspective(600px) rotateY(-12deg)}.db-hero>div{position:relative;z-index:1}.db-nav{position:sticky;top:0;z-index:25;display:flex;overflow:auto;padding:0 6vw;background:#0d0d20;border-bottom:1px solid #3d3a6a}.db-nav a{white-space:nowrap;padding:16px 20px;color:#dcd9ee;font-size:10px;font-weight:900;letter-spacing:.1em;border-bottom:2px solid transparent}.db-nav a:hover,.db-nav a.active{color:#fff;background:#292650;border-color:#a99bff}.db-kpis{max-width:1180px;margin:45px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#555373}.db-kpis div{padding:25px;background:#1a1938;color:#fff}.db-kpis b{display:block;color:#b5aaff;font-size:23px}.db-kpis span{font-size:10px;color:#e0deec;letter-spacing:.1em}.db-console{max-width:1180px;margin:46px auto 0;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.db-node{padding:22px;background:#fff;border:1px solid #d8d6e5;cursor:pointer;transition:.25s}.db-node:hover,.db-node.active{background:#302d5c;color:#fff;border-color:#302d5c;transform:translateY(-4px)}.db-node b{color:#786bd0;font-size:22px}.db-node p{display:none}.db-readout{max-width:1180px;margin:12px auto 0;padding:25px;background:#f0efff;border-left:4px solid #8375db;color:#302c5d;line-height:1.7}.db-dark{background:#0b0b1c;color:#fff}.db-dark .intro h2{color:#fff}.db-dark .intro>p{color:#dcd9e9}.db-grid{max-width:1180px;margin:42px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.db-card{padding:28px;min-height:220px;background:#201e43;border:1px solid #494579}.db-card b{color:#b5aaff}.db-card h3{margin-top:44px;color:#fff}.db-card p{color:#dcd9e9;line-height:1.65;font-size:14px}.db-layers{max-width:1180px;margin:44px auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d5d3e1}.db-layers div{padding:25px;background:#fff}.db-layers b{color:#786bd0;font-size:23px}.db-layers p{color:#5d5a70;font-size:13px;line-height:1.55}.db-tags{max-width:1180px;margin:38px auto 0;display:flex;flex-wrap:wrap;gap:9px}.db-tags span{padding:11px 14px;background:#fff;border:1px solid #d9d6e4;color:#28264c;font-size:12px;font-weight:800}.db-note{max-width:1180px;margin:34px auto 0;padding:18px;background:#f0efff;border-left:3px solid #8375db;color:#34305e;font-size:13px;line-height:1.65}.db-form{display:grid;gap:12px}.db-form label{color:#e6e3ef;font-size:10px;font-weight:900;letter-spacing:.12em}.db-form input,.db-form select{padding:14px;background:#29264c;color:#fff;border:1px solid #66627f}.db-form input::placeholder{color:#c8c4d7}.db-btn{padding:14px;background:#a99bff;color:#17152f;border:0;font-weight:900;cursor:pointer}.db-summary{display:none;padding:18px;background:#3b375e;border-left:3px solid #a99bff;color:#fff;font-size:13px;line-height:1.6}.db-summary.show{display:block}@media(max-width:900px){.db-kpis,.db-layers,.db-console{grid-template-columns:1fr 1fr}.db-grid{grid-template-columns:1fr}.db-hero:after{opacity:.4}}