.vi-mk-container{max-width:1100px}.vi-mk-hero{max-width:720px;margin:0 auto;text-align:center}.vi-mk-hero p{margin:16px auto 0;font-size:15.5px;line-height:1.65;color:#5c666d;max-width:54ch}.vi-mk-hero .vi-mk-dl{margin-top:26px;display:inline-flex}.vi-mk-block{margin-top:72px;scroll-margin-top:110px}.vi-mk-h2{font-size:clamp(22px,2.4vw,30px);font-weight:600;letter-spacing:-.02em;color:#0b1417;margin:0 0 6px}.vi-mk-sub{margin:0 0 26px;font-size:14px;color:#76828a;max-width:70ch}.vi-mk-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.vi-mk-logo{border:1px solid rgba(11,20,23,.08);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;margin:0}.vi-mk-logo-stage{flex:1;display:grid;place-items:center;box-sizing:border-box;min-height:176px;padding:30px 28px;background:linear-gradient(180deg,#fff,#eef0f3)}.vi-mk-logo-stage.is-dark{background:linear-gradient(180deg,#171b20,#0b0e11)}.vi-mk-logo-stage img{display:block;width:100%;height:auto}.vi-mk-logo-stage img.is-mark{width:auto;height:78px}.vi-mk-logo-meta{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px;background:#fff;border-top:1px solid rgba(11,20,23,.07)}.vi-mk-logo-name{font-size:13.5px;font-weight:600;color:#0b1417}.vi-mk-urls code{display:block;padding:14px 16px;border:1px solid rgba(11,20,23,.12);border-radius:6px;background:#f7f8f9;font-size:13.5px;line-height:1.6;color:#0b1417;word-break:break-word}.vi-mk-urls code b{font-weight:700;color:#5680e0}.vi-mk-urls ul{margin:16px 0 0;padding-left:20px;font-size:14px;line-height:1.65;color:#5c666d}.vi-mk-urls li{margin:0 0 6px}.vi-mk-urls li b{font-weight:600;color:#0b1417}.vi-mk-urls-eg{margin:14px 0 0;font-size:13px;color:#76828a;word-break:break-word}.vi-mk-urls-eg a{color:#5680e0;text-decoration:none}.vi-mk-urls-eg a:hover{text-decoration:underline}.vi-mk-logo-note{display:block;font-size:12px;font-weight:400;color:#9aa4a8;margin-top:2px}.vi-mk-dl-row{display:flex;gap:8px}.vi-mk-dl{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border-radius:999px;border:1px solid rgba(11,20,23,.16);font-size:12.5px;font-weight:600;color:#0b1417;text-decoration:none;transition:background .18s ease,border-color .18s ease}.vi-mk-dl:hover{background:#0b1417;border-color:#0b1417;color:#fff}.vi-mk-dl.is-primary{background:#111418;border-color:#111418;color:#fff;padding:12px 22px;font-size:14px}.vi-mk-dl.is-primary:hover{background:#2a3138}@media(max-width:900px){.vi-mk-logos{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.vi-mk-logos{gap:10px}.vi-mk-logo-stage{min-height:128px;padding:22px 18px}.vi-mk-logo-stage img.is-mark{height:60px}.vi-mk-logo-meta{padding:12px 13px;gap:10px}.vi-mk-dl{padding:7px 12px;font-size:12px}}.vi-mk-colors{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.vi-mk-color{border:1px solid rgba(11,20,23,.08);border-radius:14px;overflow:hidden;margin:0}.vi-mk-swatch{height:96px;display:flex;align-items:flex-end;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.vi-mk-color-meta{padding:10px 12px 12px;background:#fff}.vi-mk-color-name{font-size:13px;font-weight:600;color:#0b1417}.vi-mk-color-use{margin:3px 0 0;font-size:12px;line-height:1.5;color:#76828a}.vi-mk-type{border:1px solid rgba(11,20,23,.08);border-radius:14px;padding:30px;background:linear-gradient(180deg,#fff,#f4f5f7)}.vi-mk-type-sample{font-size:clamp(26px,3.4vw,44px);font-weight:600;letter-spacing:-.02em;color:#0b1417;line-height:1.15}.vi-mk-type-sub{margin:14px 0 0;font-size:14px;color:#5c666d;max-width:64ch;line-height:1.6}.vi-mk-type-weights{margin:18px 0 0;display:flex;gap:22px;flex-wrap:wrap;font-size:15px;color:#0b1417}.vi-mk-rules{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px 22px}.vi-mk-rules li{position:relative;padding-left:26px;font-size:14px;line-height:1.6;color:#3d464c}.vi-mk-rules li:before{position:absolute;left:0;top:0;font-weight:700}.vi-mk-rules li.is-ok:before{content:"✓";color:#2e7d4f}.vi-mk-rules li.is-no:before{content:"✕";color:#c0392b}.vi-mk-press{margin-top:80px;text-align:center;padding:44px 24px;background:linear-gradient(160deg,#f6f4f1,#eceae6);border:1px solid rgba(11,20,23,.07);border-bottom-left-radius:26px;border-top-right-radius:26px}.vi-mk-press .vi-mk-h2{margin-bottom:8px}.vi-mk-press p{margin:0 0 20px;font-size:14.5px;color:#76828a}