/* Rules reused verbatim from the live Clisson components; scoped to the prototype. */
.vn-page .cl-container{width:min(1220px,calc(100% - 40px));margin:0 auto}
.vn-page .cl-btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 21px;border:1px solid #090a0c;border-radius:999px;background:#090a0c;color:#fff;font-size:11px;font-weight:950;transition:transform .22s,box-shadow .22s}
.vn-page .cl-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(9,10,12,.16)}
.vn-page .cl-btn.wa{gap:8px;border-color:#2fc96b;background:#2fc96b;color:#07180d}
.vn-page .cl-btn.wa img{width:18px;height:18px;border-radius:5px}
.vn-page .cl-footer{padding:58px 0 28px;background:#090a0c;color:#c5c8cd}
.vn-page .cl-footer-main{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:42px}
.vn-page .cl-footer-brand img{width:128px}
.vn-page .cl-footer-brand p{max-width:390px;margin:20px 0 0;color:#898e94;font-size:12px;line-height:1.65}
.vn-page .cl-footer h3{margin:0 0 17px;color:#fff;font-size:11px}
.vn-page .cl-footer a{display:block;margin:10px 0;color:#aeb2b7;font-size:11px}
.vn-page .cl-footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.13);color:#767b81;font-size:9px}
@media(max-width:820px){.vn-page .cl-footer-main{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.vn-page .cl-container{width:calc(100% - 28px)}.vn-page .cl-footer-main{grid-template-columns:1fr}.vn-page .cl-footer-bottom{display:grid;gap:8px}}