@import url("https://fonts.googleapis.com/css2?family=Muli:wght@300;400;600;700;800&display=swap");.hpos-layers{display:grid;font-family:Muli,Arial,sans-serif;gap:20px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1200px;padding:48px 24px}.hpos-layer{background:#fff;border:1.5px solid #f0f0f0;border-radius:20px;box-shadow:0 4px 24px rgba(0,0,0,.05);cursor:default;display:flex;flex-direction:column;gap:16px;padding:28px 24px;transition:box-shadow .2s ease,transform .2s ease}.hpos-layer:hover{box-shadow:0 8px 32px rgba(0,0,0,.09);transform:translateY(-2px)}.layer-number{font-size:36px;font-weight:800;letter-spacing:-1px;line-height:1}.hpos-layer[data-layer="1"] .layer-number{color:#a18eff}.hpos-layer[data-layer="2"] .layer-number{color:#5abcb0}.hpos-layer[data-layer="3"] .layer-number{color:#ffdd70}.hpos-layer[data-layer="4"] .layer-number{color:#eb5a4e}.layer-content{display:flex;flex:1;flex-direction:column;gap:8px}.layer-title{color:#1d1d1b;font-size:17px;font-weight:800;line-height:1.3;margin:0}.layer-subtitle{color:#777;font-size:13px;line-height:1.5;margin:0}.layer-tags{display:flex;flex-direction:column;gap:6px;margin-top:8px}.layer-tag{align-self:flex-start;border-radius:999px;display:inline-block;font-size:12px;font-weight:600;padding:5px 12px}.hpos-layer[data-layer="1"] .layer-tag{background:#f0edff;color:#a18eff}.hpos-layer[data-layer="2"] .layer-tag{background:#e8f7f5;color:#5abcb0}.hpos-layer[data-layer="3"] .layer-tag{background:#fffbe6;color:#c9960a}.hpos-layer[data-layer="4"] .layer-tag{background:#fff0ef;color:#eb5a4e}.hpos-layer[data-layer="1"]{background:#fdfcff}.hpos-layer[data-layer="2"]{background:#fafefe}.hpos-layer[data-layer="3"]{background:#fffef8}.hpos-layer[data-layer="4"]{background:#fffaf9}@media (max-width:900px){.hpos-layers{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.hpos-layers{grid-template-columns:1fr}}