/* Option 2: Certificate plaque (right) + steps (left). Scoped under .vf2 */
.vf2 .vf-2c{display:grid;gap:34px;align-items:start}
@media(min-width:900px){.vf2 .vf-2c{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center}}
.vf2 .vf-txt{min-width:0}
.vf2 h2{font-size:clamp(28px,3.2vw,40px);text-wrap:balance;margin:0 0 16px}
.vf2 .vf-lead{margin:0 0 22px;font-size:18px;line-height:1.55;color:#33426b;text-wrap:pretty}
.vf2 .vf-txt > .vf-k{margin:0 0 14px;font:700 12px/1 Saira,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#002D5C}
.vf2 .vf-trail{list-style:none;margin:0 0 28px;padding:0;position:relative;display:grid;gap:16px;font:400 17px/1.45 "Roboto Condensed",sans-serif;color:#00053E;counter-reset:vfstep}
.vf2 .vf-trail::before{content:none;display:none}
.vf2 .vf-trail li{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;align-items:center;text-wrap:pretty;counter-increment:vfstep}
.vf2 .vf-trail li::before{content:counter(vfstep);width:36px;height:36px;border-radius:50%;background:#00053E;color:#FED14D;display:grid;place-items:center;font:700 16px/1 Saira,sans-serif;box-sizing:border-box}
.vf2 .vf-trail b{color:#002D5C;font-weight:700}
.vf2 .vf-cta{display:flex;flex-wrap:wrap;gap:12px}
.vf2 .vf-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 22px;border-radius:999px;font:700 16px/1 Saira,sans-serif;text-decoration:none;white-space:nowrap}
.vf2 .vf-btn svg{width:18px;height:18px;fill:currentColor;flex:none}
.vf2 .vf-call{background:#FED14D;color:#00053E;box-shadow:0 8px 18px -10px rgba(0,5,62,.45)}
.vf2 .vf-book{border:2px solid #00053E;color:#00053E}
@media(max-width:699px){.vf2 .vf-btn{width:100%}}
@media(min-width:700px) and (max-width:899px){.vf2 .vf-cta{flex-direction:column;align-items:start}.vf2 .vf-btn{width:100%;max-width:360px}}
.vf2 .vf-plaque{container-type:inline-size;margin:0;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px rgba(0,5,62,.1),0 24px 48px -26px rgba(0,5,62,.5);display:flex;flex-direction:column}
.vf2 .vf-top{position:relative;color:#fff;padding:36px 32px 30px;background:radial-gradient(120% 120% at 100% 0,#002D5C 0,#00053E 62%);
 display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.vf2 .vf-top::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#FED14D,#FFD24F 60%,#FED14D)}
.vf2 .vf-k{margin:0 0 8px;font:700 12px/1 Saira,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#FED14D}
.vf2 .vf-ttl{margin:0;font:700 clamp(22px,3.2cqi,28px)/1.2 Saira,sans-serif}
.vf2 .vf-seal{flex:none;width:104px;height:104px;display:grid;place-items:center;position:relative;margin-left:auto}
.vf2 .vf-seal .vf-fl{width:104px;height:104px;display:block}
.vf2 .vf-seal .vf-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.vf2 .vf-ledger{margin:0;padding:16px 32px;display:grid;flex:0 0 auto}
.vf2 .vf-ledger div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:14px 0;border-bottom:1px solid rgba(0,5,62,.1);line-height:1.2}
.vf2 .vf-ledger div:last-child{border-bottom:0}
.vf2 .vf-ledger dt{font:700 16px/1.2 Saira,sans-serif;color:#002D5C;margin:0}
.vf2 .vf-ledger dd{margin:0;font:800 clamp(22px,4.2cqi,30px)/1 Saira,sans-serif;letter-spacing:.03em;color:#00053E;white-space:nowrap}
.vf2 .vf-bot{padding:12px 32px 36px}
.vf2 .vf-go{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border-radius:999px;background:#00053E;color:#fff;
 font:700 16px/1 Saira,sans-serif;text-decoration:none;white-space:nowrap;padding:0 18px}
.vf2 .vf-go svg{width:18px;height:18px;fill:#FED14D;flex:none}
.vf2 .vf-go:hover{background:#002D5C}
.vf2 .vf-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@container (max-width:420px){
 .vf2 .vf-top{padding:20px;flex-wrap:nowrap;gap:12px}
 .vf2 .vf-seal,.vf2 .vf-seal .vf-fl{width:72px;height:72px}
 .vf2 .vf-ledger{padding:4px 20px}
 .vf2 .vf-ledger div{padding:16px 0;flex-wrap:wrap}
 .vf2 .vf-ledger dd{font-size:22px}
 .vf2 .vf-bot{padding:0 20px 20px}
 .vf2 .vf-go{font-size:14px;padding:0 12px}
}
@media(max-width:699px){.vf2 .vf-trail{font-size:16px}.vf2 .vf-trail li::before{/* numbers stay navy/gold */}}
.vf2.vf-armed .vf-ledger dd{clip-path:inset(0 100% 0 0)}
.vf2.vf-armed .vf-trail li{opacity:0;transform:translateY(-8px)}
.vf2.vf-armed .vf-seal{opacity:0;transform:scale(.85)}
.vf2.vf-in .vf-ledger dd{clip-path:inset(0 0 0 0);transition:clip-path .7s cubic-bezier(.2,.7,.2,1)}
.vf2.vf-in .vf-ledger div:nth-child(2) dd{transition-delay:.15s}.vf2.vf-in .vf-ledger div:nth-child(3) dd{transition-delay:.3s}
.vf2.vf-in .vf-trail li{opacity:1;transform:none;transition:opacity .45s,transform .45s}
.vf2.vf-in .vf-trail li:nth-child(2){transition-delay:.1s}.vf2.vf-in .vf-trail li:nth-child(3){transition-delay:.2s}
.vf2.vf-in .vf-seal{opacity:1;transform:none;transition:opacity .5s .2s,transform .5s .2s}
@media(prefers-reduced-motion:reduce){.vf2 *{transition:none!important}.vf2 .vf-ledger dd{clip-path:none!important}.vf2 .vf-trail li,.vf2 .vf-seal{opacity:1!important;transform:none!important}}

.vf2 .vf-note{margin:14px 0 0;text-align:center;font:400 14px/1.35 "Roboto Condensed",sans-serif;color:#33426b}

.vf2 .vf-sub{margin:10px 0 0;font:400 15px/1.3 "Roboto Condensed",sans-serif;color:#ceebf8}
.vf2 .vf-ttl{margin:0}