.archetype-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:960px;margin:0 auto;display:grid}@media (max-width:768px){.archetype-grid{grid-template-columns:repeat(2,1fr);gap:14px}}@media (max-width:480px){.archetype-grid{grid-template-columns:1fr 1fr;gap:12px}}.archetype-card{cursor:pointer;text-align:left;background:#fff;border:1.5px solid #0f2d521f;border-radius:16px;padding:28px 22px;transition:transform .18s,box-shadow .18s,border-color .18s}.archetype-card:hover{border-color:#ff4f1f66;transform:translateY(-3px);box-shadow:0 8px 28px #0f2d5221}.pillars-strip{grid-template-columns:repeat(3,1fr);gap:0;max-width:860px;margin:0 auto;display:grid}@media (max-width:640px){.pillars-strip{grid-template-columns:1fr}.pillar-item{border-bottom:1px solid #fff5e626;border-right:none!important;padding:28px 20px!important}.pillar-item:last-child{border-bottom:none}}.dest-pills{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0a1e338c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-box{background:#fff5e6;border-radius:20px;width:100%;max-width:520px;max-height:85vh;padding:40px 36px 36px;position:relative;overflow-y:auto}@media (max-width:600px){.modal-box{border-radius:16px;padding:32px 24px 28px}}.trait-pill{color:#2b8fd4;background:#2b8fd41a;border-radius:999px;padding:5px 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;display:inline-block}