/* ============================================================
   VAULT — the lending desk
   Scoped to body.d-vault. 1rem = 10px.
   ============================================================ */
body.d-vault{
  --vl-navy:#0a2e5c;--vl-deep:#061c3a;--vl-teal:#00a9b7;--vl-green:#3cb44a;--vl-yellow:#f4b400;--vl-ink:#0b1b33;--vl-soft:#3f4d63;--vl-mute:#5d6a7e;--vl-line:#e1e7ef;--vl-bg:#f6f8fb;
  --bg-primary:var(--vl-bg);--bg-secondary:#eef2f7;--bg-card:#fff;--bg-inset:#f0f3f8;
  --fg-primary:var(--vl-ink);--fg-soft:var(--vl-soft);--fg-muted:var(--vl-mute);--border-color:var(--vl-line);--border-strong:#c6d0dd;
  background:var(--vl-bg);color:var(--vl-ink);font-family:'Lexend',system-ui,sans-serif
}
body.d-vault h1,body.d-vault h2,body.d-vault h3{font-weight:600;letter-spacing:-.03em;line-height:1.08}
.vl-kick{font-size:1.2rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--vl-teal);margin-bottom:1.4rem}

body.d-vault .bx-nav{background:rgba(255,255,255,.9)}
body.d-vault .bx-brand-mark{border-radius:10px;background:#fff;box-shadow:0 0 0 1px var(--vl-line)}
body.d-vault .bx-nav-links a{font-weight:500;font-size:1.28rem;color:var(--vl-soft)}
body.d-vault .bx-nav-links a::after{background:var(--vl-yellow);height:3px}
body.d-vault .bx-nav-cta{background:var(--vl-navy);border-radius:8px}

/* hero */
.vl-hero{position:relative;overflow:hidden;background:var(--vl-deep);color:#e6edf7;padding:calc(var(--nav-h) + 6rem) 3rem 8rem}
.vl-hero-bg{position:absolute;inset:0 0 0 40%}
.vl-hero-bg img{width:100%;height:100%;object-fit:cover;opacity:.55}
.vl-hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--vl-deep) 0%,rgba(6,28,58,.85) 30%,rgba(6,28,58,.35) 100%)}
.vl-hero-in{position:relative;max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:6rem;align-items:center}
.vl-logo{display:inline-flex;background:#fff;border-radius:14px;padding:1rem 1.6rem;margin-bottom:3rem}
.vl-logo img{height:44px;width:auto}
.vl-hero h1{font-size:clamp(4.2rem,6vw,7.2rem);color:#fff}
.vl-lede{font-size:1.75rem;line-height:1.6;color:#b9c6d9;margin-top:2.2rem;max-width:52ch;font-weight:300}
.vl-ticks{display:flex;flex-wrap:wrap;gap:1rem 2.6rem;margin-top:3rem}
.vl-ticks li{display:flex;align-items:center;gap:.8rem;font-size:1.4rem;color:#dfe7f2}
.vl-ticks i{color:var(--vl-green)}
.vl-btn{display:inline-flex;align-items:center;justify-content:center;gap:1rem;padding:1.6rem 2.6rem;border-radius:10px;font-size:1.5rem;font-weight:600;transition:transform .25s var(--ease),box-shadow .25s,background .25s;cursor:pointer;border:0}
.vl-btn-main{background:var(--vl-yellow);color:var(--vl-ink);box-shadow:0 14px 30px rgba(244,180,0,.3)}
.vl-btn-main:hover{transform:translateY(-2px);background:#ffc62b}

.vl-desk{background:#fff;color:var(--vl-ink);border-radius:22px;padding:3rem;box-shadow:0 40px 90px rgba(0,0,0,.4);display:flex;flex-direction:column;gap:1.6rem;border-top:6px solid var(--vl-yellow)}
.vl-desk-head{font-size:1.6rem;font-weight:600;display:flex;align-items:center;gap:.8rem}
.vl-desk-head i{color:var(--vl-yellow)}
.vl-desk label{display:flex;flex-direction:column;gap:.6rem}
.vl-desk label span{font-size:1.15rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--vl-mute)}
.vl-desk select,.vl-desk input{width:100%;padding:1.3rem 1.4rem;border:1.5px solid var(--vl-line);border-radius:10px;font:inherit;font-size:1.45rem;background:var(--vl-bg);color:var(--vl-ink);outline:none;transition:border-color .2s,box-shadow .2s}
.vl-desk select:focus,.vl-desk input:focus{border-color:var(--vl-teal);box-shadow:0 0 0 3px rgba(0,169,183,.15)}
.vl-desk .vl-btn{width:100%;margin-top:.6rem;background:var(--vl-green);color:#fff;box-shadow:0 12px 26px rgba(60,180,74,.3)}
.vl-desk .vl-btn:hover{background:#34a042}
.vl-desk-note{font-size:1.15rem;color:var(--vl-mute);text-align:center}

.vl-figs{max-width:var(--max-w);margin:-4rem auto 0;position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));background:#fff;border-radius:20px;box-shadow:0 24px 60px rgba(11,27,51,.1);overflow:hidden}
.vl-figs>div{padding:2.8rem 2.6rem;border-left:1px solid var(--vl-line)}
.vl-figs>div:first-child{border-left:0}
.vl-figs b{display:block;font-size:clamp(3rem,3.4vw,4rem);font-weight:700;color:var(--vl-navy);letter-spacing:-.04em}
.vl-figs span{font-size:1.3rem;color:var(--vl-mute)}

/* sections */
.vl-sec{padding:9rem 3rem 0}
.vl-sec>*{max-width:var(--max-w);margin-left:auto;margin-right:auto}
.vl-head{text-align:center;margin-bottom:4.6rem;max-width:760px!important}
.vl-sec h2{font-size:clamp(3.2rem,4.2vw,5rem);color:var(--vl-navy)}
.vl-anchor{display:block;position:relative;top:-100px}

.vl-deck{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem}
.vl-card{position:relative;aspect-ratio:1.586;border-radius:18px;padding:2rem 2.2rem;color:#fff;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 18px 40px rgba(11,27,51,.18);transition:transform .35s var(--ease),box-shadow .35s}
.vl-card::before{content:'';position:absolute;right:-40%;top:-60%;width:120%;height:140%;border-radius:50%;background:rgba(255,255,255,.08)}
.vl-card:hover{transform:translateY(-8px) rotate(-1.2deg);box-shadow:0 30px 60px rgba(11,27,51,.28)}
.vl-tone-0{background:linear-gradient(135deg,#0a2e5c,#1d4f91)}
.vl-tone-1{background:linear-gradient(135deg,#006d77,#00a9b7)}
.vl-tone-2{background:linear-gradient(135deg,#1f6f2b,#3cb44a)}
.vl-tone-3{background:linear-gradient(135deg,#1b1b2f,#3a3a5a)}
.vl-tone-4{background:linear-gradient(135deg,#8a5a00,#f4b400)}
.vl-card-top{position:relative;display:flex;justify-content:space-between;align-items:center}
.vl-chip{width:40px;height:30px;border-radius:6px;background:linear-gradient(135deg,#f6e27a,#c9a227);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.vl-card-top i{font-size:2.2rem;opacity:.9}
.vl-card b{position:relative;font-size:2rem;font-weight:600;margin-top:auto;letter-spacing:-.02em}
.vl-card small{position:relative;font-size:1.2rem;opacity:.8;margin-top:.3rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vl-card-foot{position:relative;display:flex;justify-content:space-between;align-items:center;margin-top:1.2rem;font-size:1.05rem;letter-spacing:.12em;opacity:.85}
.vl-card-foot span:last-child{letter-spacing:.04em;font-weight:600;font-size:1.2rem}

.vl-about{display:grid;grid-template-columns:1fr 1fr;gap:7rem;align-items:center}
.vl-about-art{position:relative;height:520px}
.vl-about-img{position:absolute;object-fit:cover;border-radius:22px;box-shadow:0 24px 50px rgba(11,27,51,.16);border:6px solid #fff}
.vl-ai-0{left:0;top:0;width:66%;height:62%}
.vl-ai-1{right:0;top:22%;width:48%;height:44%}
.vl-ai-2{left:12%;bottom:0;width:52%;height:40%}
.vl-p{font-size:1.65rem;line-height:1.75;color:var(--vl-soft);margin-top:1.6rem}
.vl-about h2{margin-bottom:1rem}

.vl-rev{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}
.vl-rev-card{background:#fff;border-radius:20px;padding:3rem;border:1px solid var(--vl-line);display:flex;flex-direction:column;gap:1.6rem}
.vl-rev-card>i{font-size:2.4rem;color:var(--vl-teal)}
.vl-rev-card blockquote{font-size:1.55rem;line-height:1.65;color:var(--vl-soft);flex:1}
.vl-rev-card b{display:block;font-size:1.45rem}
.vl-rev-card small{font-size:1.25rem;color:var(--vl-mute)}
.vl-gal{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.vl-gal-item{padding:0;border-radius:16px;overflow:hidden;aspect-ratio:4/3;cursor:zoom-in}
.vl-gal-item img{width:100%;height:100%;object-fit:cover}
body.d-vault .hours-card{max-width:none}

.vl-contact{display:grid;grid-template-columns:1fr 1fr;gap:5rem;padding:5rem;border-radius:28px;background:var(--vl-navy);color:#dfe7f2}
.vl-contact h2{color:#fff;margin-bottom:3rem}
.vl-contact .vl-kick{color:var(--vl-yellow)}
body.d-vault .vl-contact .ci{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);border-radius:14px}
body.d-vault .vl-contact .ci-txt b{color:#fff}
body.d-vault .vl-contact .ci-txt small,body.d-vault .vl-contact .ci>i:last-child{color:#aebcd0}
body.d-vault .vl-contact .ci-ico{background:rgba(244,180,0,.16);color:var(--vl-yellow)}
body.d-vault .contact-form{border-radius:20px;border:0}
body.d-vault .contact-form h3{font-size:2.2rem;font-weight:600;margin-bottom:2rem}
body.d-vault .cf-field input,body.d-vault .cf-field textarea{border-radius:10px}
body.d-vault .btn-onbiz{background:var(--vl-green);border-radius:10px;text-transform:none;letter-spacing:0;font-size:1.5rem}
.vl-map{margin-top:3rem}
body.d-vault .biz-map{border-radius:22px}
.vl-share{max-width:var(--max-w);margin:4rem auto 0;padding:0 3rem}
body.d-vault .bx-foot{background:var(--vl-deep);color:#cdd8e6;border-top:4px solid var(--vl-yellow);margin-top:6rem}
body.d-vault .bx-foot p,body.d-vault .bx-foot li,body.d-vault .bx-foot a{color:#9fb0c6}
body.d-vault .bx-foot-col h2{color:#fff}
body.d-vault .bx-foot .bx-brand-txt b{color:#fff}
body.d-vault .bx-foot .btn-onbiz{background:var(--vl-yellow);color:var(--vl-ink)}
body.d-vault .bx-foot .btn-outline{border-color:rgba(255,255,255,.3);color:#fff}
body.d-vault .bx-foot-bottom{border-top-color:rgba(255,255,255,.08)}

@media (max-width:980px){
  .vl-hero-in,.vl-about,.vl-contact{grid-template-columns:1fr}
  .vl-hero-bg{inset:0}
  .vl-rev{grid-template-columns:1fr 1fr}
  .vl-about-art{height:420px}
  .vl-contact{padding:3rem}
}
@media (max-width:640px){
  .vl-hero{padding:calc(var(--nav-h) + 3rem) 1.6rem 7rem}
  .vl-sec{padding:7rem 1.6rem 0}
  .vl-figs{margin:-3rem 1.6rem 0;grid-template-columns:1fr 1fr}
  .vl-figs>div{border-left:0;border-top:1px solid var(--vl-line);padding:2rem 1.6rem}
  .vl-desk{padding:2.2rem}
  .vl-rev,.vl-gal{grid-template-columns:1fr}
  .vl-about-art{height:320px}
  .vl-contact{padding:2rem}
  .vl-share{padding:0 1.6rem}
}