.vault-pro-shelf{padding:100px 0;border-block:1px solid rgba(157,173,214,.14);background:radial-gradient(circle at 85% 0,rgba(126,105,255,.13),transparent 34%),#070a14}.vault-pro-head{display:grid;grid-template-columns:1fr .8fr;gap:clamp(28px,7vw,100px);align-items:end;margin-bottom:42px}.vault-pro-head h2{max-width:760px;margin-top:10px;font-size:clamp(2.2rem,4.5vw,4rem);line-height:1;letter-spacing:-.05em}.vault-pro-head p{color:#94a1b8;line-height:1.75}.vault-pro-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.vault-pro-card{position:relative;display:flex;min-height:330px;flex-direction:column;padding:24px;overflow:hidden;color:inherit;border:1px solid rgba(157,173,214,.16);border-radius:20px;background:linear-gradient(150deg,#131930d1,#080b18f0);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.vault-pro-card:before{content:"";position:absolute;top:-70px;right:-70px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(126,105,255,.24),transparent 68%)}.vault-pro-card:hover{transform:translateY(-6px);border-color:#8270ff8c;box-shadow:0 24px 60px #00000057}.vault-pro-card.is-pending{border-style:dashed}.vault-pro-tier{color:#8d9ab2;font:750 .58rem/1 ui-monospace,monospace;letter-spacing:.11em}.vault-pro-card>b{display:grid;width:74px;height:74px;place-items:center;margin:46px 0 30px;border:1px solid rgba(255,255,255,.16);border-radius:22px;color:#fff;background:linear-gradient(145deg,#7d65ff38,#3ae0d214);font:800 1.35rem/1 ui-monospace,monospace}.vault-pro-card h3{font-size:1.06rem}.vault-pro-card p{margin-top:9px;color:#7e8aa3;font-size:.76rem;line-height:1.58}.vault-pro-card i{margin-top:auto;padding-top:24px;color:#c5d0e5;font-size:.72rem;font-style:normal;font-weight:700}.vault-pro-action{display:flex;align-items:center;gap:18px;margin-top:30px}.vault-pro-action>span{color:#707d95;font:700 .62rem/1.5 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}@media(max-width:1000px){.vault-pro-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.vault-pro-head,.vault-pro-grid{grid-template-columns:1fr}.vault-pro-card{min-height:280px}.vault-pro-action{align-items:flex-start;flex-direction:column}}.tool-wide-label{display:grid;gap:8px;margin-top:18px;color:#aab5ca;font-size:.72rem;font-weight:700}.tool-wide-label textarea,.tool-wide-label input[type=range]{width:100%}.vault-metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.vault-metric-grid div{padding:14px;border:1px solid rgba(157,173,214,.16);border-radius:12px;background:#ffffff06}.vault-metric-grid dt{color:#78859e;font:700 .58rem/1 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.vault-metric-grid dd{margin-top:8px;color:#fff;font-size:1.25rem;font-weight:750}.ratio-result{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding:18px;border:1px solid rgba(157,173,214,.16);border-radius:14px;background:#ffffff06}.ratio-result strong{color:#55dfd6;font-size:1.8rem}.ratio-result span{color:#8e9ab1;font-size:.75rem}.ratio-result b{color:#fff}.vault-gradient-preview{min-height:150px;margin-top:18px;border:1px solid rgba(255,255,255,.16);border-radius:16px;box-shadow:inset 0 1px #ffffff1f}#gradient-angle-label{justify-self:end;color:#93a0b8;font:700 .65rem/1 ui-monospace,monospace}.vault-resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.vault-resource-card{display:flex;flex-direction:column;overflow:hidden;color:inherit;text-decoration:none;border:1px solid rgba(157,173,214,.16);border-radius:22px;background:linear-gradient(150deg,#11172ceb,#080b18f5);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.vault-resource-card:hover{transform:translateY(-5px);border-color:#8270ff8c;box-shadow:0 24px 60px #00000057}.vault-resource-card img{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;border-bottom:1px solid rgba(157,173,214,.14)}.vault-resource-body{display:flex;flex:1;flex-direction:column;gap:10px;padding:22px 24px 24px}.vault-resource-body h3{font-size:1.3rem;letter-spacing:-.02em}.vault-resource-body p{color:#8f9bb3;font-size:.86rem;line-height:1.65}.vault-resource-body b{margin-top:auto;padding-top:6px;color:#c5d0e5;font-size:.8rem}@media(max-width:860px){.vault-resource-grid{grid-template-columns:1fr}}