.vformat-install-guide{
  --bg:#f4f7fc; --card:#ffffff; --ink:#0f1b33; --muted:#55627a; --line:#e3e9f3;
  --blue:#0b5cff; --blue-d:#0842b8; --blue-soft:#e9f0ff; --navy:#0b1630;
  --green:#12a150; --green-soft:#e7f7ee; --amber:#b45309; --amber-soft:#fff6e6; --red:#ef4444;
}.vformat-install-guide *{box-sizing:border-box}.vformat-install-guide{-webkit-text-size-adjust:100%}.vformat-install-guide{margin:0;background:var(--bg);color:var(--ink);font-family:"Be Vietnam Pro","Segoe UI","Inter",system-ui,sans-serif;font-size:17px;line-height:1.65}.vformat-install-guide img{max-width:100%;display:block}.vformat-install-guide b, .vformat-install-guide strong{font-weight:700}.vformat-install-guide .wrap{max-width:920px;margin:0 auto;padding:0 20px}.vformat-install-guide .hero{background:radial-gradient(1200px 400px at 80% -10%,#1d4fd8 0%,transparent 60%),linear-gradient(135deg,#0b1630 0%,#0d2257 100%);color:#fff;padding:56px 0 64px}.vformat-install-guide .brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.08em;font-size:13px;text-transform:uppercase;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);padding:6px 14px;border-radius:999px}.vformat-install-guide .brand i{width:8px;height:8px;border-radius:50%;background:#4ade80;display:inline-block}.vformat-install-guide .hero .install-guide-title{font-size:44px;line-height:1.15;margin:20px 0 12px;font-weight:800;letter-spacing:-.02em}.vformat-install-guide .hero .install-guide-title span{color:#7cb3ff;white-space:nowrap}.vformat-install-guide .hero p.lead{font-size:19px;color:#c9d6f2;margin:0 0 28px;max-width:640px}.vformat-install-guide .facts{display:flex;flex-wrap:wrap;gap:12px}.vformat-install-guide .fact{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:12px 16px;min-width:180px}.vformat-install-guide .fact small{display:block;color:#9fb3da;font-size:13px}.vformat-install-guide .fact b{font-size:16px}.vformat-install-guide .roadmap{margin-top:-32px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.vformat-install-guide .road{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 18px 16px;box-shadow:0 8px 24px rgba(15,27,51,.06);text-decoration:none;color:inherit}.vformat-install-guide .road .tag{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--blue);text-transform:uppercase}.vformat-install-guide .road h3{margin:4px 0 2px;font-size:18px}.vformat-install-guide .road p{margin:0;color:var(--muted);font-size:14.5px}.vformat-install-guide .part{margin:56px 0 8px;display:flex;align-items:center;gap:14px}.vformat-install-guide .part .badge{flex:none;background:var(--navy);color:#fff;font-weight:800;border-radius:12px;padding:6px 12px;font-size:14px;letter-spacing:.06em}.vformat-install-guide .part h2{margin:0;font-size:28px;letter-spacing:-.01em}.vformat-install-guide .part-sub{color:var(--muted);margin:0 0 20px}.vformat-install-guide .step{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:26px;margin:18px 0;box-shadow:0 4px 16px rgba(15,27,51,.04)}.vformat-install-guide .step-head{display:flex;gap:16px;align-items:flex-start;margin-bottom:12px}.vformat-install-guide .num{flex:none;width:48px;height:48px;border-radius:14px;background:var(--blue);color:#fff;font-weight:800;font-size:22px;display:grid;place-items:center;box-shadow:0 6px 16px rgba(11,92,255,.3)}.vformat-install-guide .step h3{margin:0;font-size:22px;line-height:1.3}.vformat-install-guide .step .desc{margin:4px 0 0;color:var(--muted)}.vformat-install-guide .step ol, .vformat-install-guide .step ul{margin:6px 0 4px;padding-left:22px}.vformat-install-guide .step li{margin:4px 0}.vformat-install-guide .btn{display:inline-block;background:var(--blue-soft);color:var(--blue-d);font-weight:700;border-radius:8px;padding:0 8px;white-space:nowrap}.vformat-install-guide .key{display:inline-block;border:1px solid #c9d3e3;border-bottom-width:3px;background:#fff;border-radius:6px;padding:0 7px;font-size:14px;font-weight:700}.vformat-install-guide code{background:#eef2f8;border-radius:6px;padding:1px 6px;font-family:Consolas,"SFMono-Regular",monospace;font-size:.92em;word-break:break-all}.vformat-install-guide .shot{margin:16px 0 4px;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#f8fafd}.vformat-install-guide .shot figcaption, .vformat-install-guide .cap{font-size:13.5px;color:var(--muted);padding:8px 12px;border-top:1px solid var(--line);background:#fff}.vformat-install-guide .shot.narrow{max-width:420px}.vformat-install-guide .shot.mid{max-width:600px}.vformat-install-guide .grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.vformat-install-guide .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.vformat-install-guide .grid2 .shot, .vformat-install-guide .grid3 .shot{margin:16px 0 0}.vformat-install-guide .lbl{display:inline-block;font-weight:800;font-size:12px;background:var(--navy);color:#fff;border-radius:6px;padding:1px 8px;margin-right:6px}.vformat-install-guide .note{display:flex;gap:12px;border-radius:14px;padding:14px 16px;margin:16px 0 0;font-size:15.5px}.vformat-install-guide .note .ic{flex:none;font-size:20px;line-height:1.4}.vformat-install-guide .note p{margin:0}.vformat-install-guide .tip{background:var(--green-soft);border:1px solid #bfe8cf}.vformat-install-guide .warn{background:var(--amber-soft);border:1px solid #f5d9a6}.vformat-install-guide .info{background:var(--blue-soft);border:1px solid #cddcff}.vformat-install-guide .done{margin:40px 0;background:linear-gradient(135deg,#0f9d58,#12a150);color:#fff;border-radius:20px;padding:28px;text-align:center}.vformat-install-guide .done h2{margin:0 0 6px;font-size:26px}.vformat-install-guide .done p{margin:0;color:#dff7e9}.vformat-install-guide .support{background:var(--navy);color:#fff;border-radius:20px;padding:28px;margin:0 0 48px}.vformat-install-guide .support h2{margin:0 0 6px;font-size:22px}.vformat-install-guide .support p{color:#b9c7e4;margin:0 0 18px}.vformat-install-guide .contacts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.vformat-install-guide .contact{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:14px 16px}.vformat-install-guide .contact small{display:block;color:#9fb3da;font-size:13px}.vformat-install-guide .contact b{font-size:17px}.vformat-install-guide footer{text-align:center;color:var(--muted);font-size:13px;padding:0 0 40px}@media screen and (max-width:720px){.vformat-install-guide{font-size:16px}.vformat-install-guide .hero{padding:40px 0 56px}.vformat-install-guide .hero .install-guide-title{font-size:32px}.vformat-install-guide .roadmap, .vformat-install-guide .contacts, .vformat-install-guide .grid2, .vformat-install-guide .grid3{grid-template-columns:1fr}.vformat-install-guide .step{padding:18px}.vformat-install-guide .num{width:40px;height:40px;font-size:19px}.vformat-install-guide .step h3{font-size:19px}.vformat-install-guide .part h2{font-size:23px}
}@media print{.vformat-install-guide{background:#fff;font-size:13.5px;-webkit-print-color-adjust:exact;print-color-adjust:exact}.vformat-install-guide .wrap{max-width:none;padding:0}.vformat-install-guide .hero{padding:22px 26px 40px;border-radius:16px}.vformat-install-guide .hero .install-guide-title{margin:12px 0 8px}.vformat-install-guide .hero p.lead{margin-bottom:14px}.vformat-install-guide .fact{padding:8px 12px}.vformat-install-guide .shot.mid img{max-height:68mm}.vformat-install-guide .support{padding:20px;margin-bottom:10px}.vformat-install-guide .done{padding:18px}.vformat-install-guide .hero .install-guide-title{font-size:34px}.vformat-install-guide .hero p.lead{font-size:15px}.vformat-install-guide .roadmap{margin:-26px 18px 0}.vformat-install-guide .step{box-shadow:none;break-inside:avoid;page-break-inside:avoid;padding:18px 20px;margin:12px 0}.vformat-install-guide .step.allow-break{break-inside:auto;page-break-inside:auto}.vformat-install-guide .shot, .vformat-install-guide .note, .vformat-install-guide .grid2, .vformat-install-guide .grid3{break-inside:avoid}.vformat-install-guide .part{margin-top:22px}.vformat-install-guide .group{break-inside:avoid;page-break-inside:avoid}.vformat-install-guide footer{display:none}.vformat-install-guide .fact{min-width:0}.vformat-install-guide .part-sub{margin-bottom:6px}.vformat-install-guide .shot img{max-height:78mm;width:auto;margin:0 auto}.vformat-install-guide .shot.big img{max-height:52mm}.vformat-install-guide .grid3 .shot img, .vformat-install-guide .grid2 .shot img{max-height:62mm}.vformat-install-guide .shot.narrow, .vformat-install-guide .shot.mid{max-width:none}.vformat-install-guide .shot.narrow img{max-height:70mm}.vformat-install-guide .roadmap{grid-template-columns:repeat(3,1fr)}.vformat-install-guide .done, .vformat-install-guide .support{break-inside:avoid}.vformat-install-guide .done{margin:20px 0}
}

.vformat-install-guide { font-size: 15px; line-height: 1.65; border-radius: 14px; overflow: hidden; }
.vformat-install-guide .hero { padding: 24px 0 42px; }
.vformat-install-guide .install-guide-title { font-size: 28px; }
.vformat-install-guide .install-guide-hint { color: #c9d6f2; font-size: 13px; margin-bottom: 12px; }
.vformat-install-guide .install-guide-download { display: inline-flex; align-items: center; min-height: 44px; padding: 10px 16px; background: #fff; color: #0842b8; border-radius: 10px; font-weight: 700; margin-bottom: 16px; }
.vformat-install-guide span.btn { min-height: 0; border: 0; box-shadow: none; cursor: inherit; font-size: inherit; line-height: inherit; }
.vformat-install-guide .part { scroll-margin-top: 100px; }
.vformat-install-guide .shot a { display: block; }
.vformat-install-guide .note a { color: #0842b8; text-decoration: underline; }
.vformat-install-guide .contact a { color: #fff; font-weight: 700; }
@media (max-width: 768px) {
 .vformat-install-guide .wrap { padding: 0 10px; }
 .vformat-install-guide .hero { padding: 18px 0 38px; }
 .vformat-install-guide .hero .install-guide-title { font-size: 23px !important; }
 .vformat-install-guide .hero .install-guide-title span { white-space: normal; }
 .vformat-install-guide .roadmap { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
 .vformat-install-guide .road { padding: 10px 6px; min-height: 64px; text-align: center; }
 .vformat-install-guide .road h3 { font-size: 13px !important; }
 .vformat-install-guide .road p, .vformat-install-guide .road .tag { display: none; }
 .vformat-install-guide .facts { display: grid; gap: 6px; }
 .vformat-install-guide .fact { padding: 8px 12px; min-width: 0; }
 .vformat-install-guide .step { padding: 14px; }
 .vformat-install-guide .step-head { gap: 10px; }
 .vformat-install-guide .part { margin-top: 28px; gap: 8px; }
 .vformat-install-guide .part h2 { font-size: 19px !important; }
 .vformat-install-guide .part .badge { font-size: 11px; padding: 5px 8px; }
 .vformat-install-guide .shot { margin-top: 12px; }
 .vformat-install-guide .support, .vformat-install-guide .done { padding: 18px; }
}
/* Keep the navigation cards below the hero, clear of its stacking layer. */
.vformat-install-guide .roadmap { margin-top: 16px; }