
:root{--vhv8-bg:#0a2540;--vhv8-deep:#092138;--vhv8-line:rgba(180,215,255,.28);--vhv8-grid:rgba(180,215,255,.09);--vhv8-ink:#dcebff;--vhv8-dim:#9dc0e4;--vhv8-acc:#ffd166;--vhv8-btn:#ffd166}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;color:var(--vhv8-ink);font:15.5px/1.7 "Overpass",sans-serif;background:
 linear-gradient(var(--vhv8-grid) 1px,transparent 1px) 0 0/24px 24px,
 linear-gradient(90deg,var(--vhv8-grid) 1px,transparent 1px) 0 0/24px 24px,var(--vhv8-bg)}
.vhv8-wrap{max-width:980px;margin:0 auto;padding:0 22px}
a{color:var(--vhv8-acc)}
.vhv8-head{position:sticky;top:0;z-index:9;background:rgba(10,37,64,.94);border-bottom:1px dashed var(--vhv8-line)}
.vhv8-head .vhv8-wrap{display:flex;align-items:center;justify-content:space-between;height:60px;gap:14px}
.vhv8-logo{font-family:"Rajdhani",sans-serif;font-weight:700;font-size:21px;letter-spacing:2px;text-transform:uppercase;color:var(--vhv8-ink);text-decoration:none}
.vhv8-logo::before{content:"⌖ ";color:var(--vhv8-acc)}
.vhv8-nav{display:flex;gap:18px;font-size:12.5px;letter-spacing:1.5px;text-transform:uppercase;font-weight:600}
.vhv8-nav a{color:var(--vhv8-dim);text-decoration:none}
.vhv8-nav a:hover{color:var(--vhv8-acc)}
.vhv8-hero{padding:74px 0 40px}
.vhv8-draft{border:1.5px dashed var(--vhv8-line);padding:38px 34px;position:relative}
.vhv8-draft::before,.vhv8-draft::after{content:"+";position:absolute;color:var(--vhv8-acc);font-size:18px}
.vhv8-draft::before{left:-9px;top:-13px}.vhv8-draft::after{right:-8px;bottom:-13px}
.vhv8-fig{font-family:"Rajdhani",sans-serif;font-weight:700;letter-spacing:3px;color:var(--vhv8-acc);font-size:13px;text-transform:uppercase}
.vhv8-hero h1{font-family:"Rajdhani",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:clamp(30px,5vw,48px);line-height:1.08;margin:14px 0 12px}
.vhv8-lead{color:var(--vhv8-dim);max-width:620px}
.vhv8-btn{display:inline-block;font-family:"Rajdhani",sans-serif;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:12px 28px;margin:22px 12px 0 0;text-decoration:none}
.vhv8-btn--p{background:var(--vhv8-acc);color:#0a2540}
.vhv8-btn--g{border:1.5px dashed var(--vhv8-line);color:var(--vhv8-ink)}
.vhv8-specs{display:flex;flex-wrap:wrap;gap:0;margin-top:34px;border:1px solid var(--vhv8-line)}
.vhv8-specs div{flex:1;min-width:140px;border-right:1px dashed var(--vhv8-line);padding:13px 17px}
.vhv8-specs div:last-child{border-right:0}
.vhv8-specs b{font-family:"Rajdhani",sans-serif;font-size:22px;color:var(--vhv8-acc);display:block}
.vhv8-specs span{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:var(--vhv8-dim)}
section{padding:34px 0 4px}
.vhv8-sheet{border:1px solid var(--vhv8-line);background:rgba(9,33,56,.72);padding:24px 28px;position:relative}
.vhv8-sheet .vhv8-fig{position:absolute;top:-9px;left:18px;background:var(--vhv8-bg);padding:0 10px}
section h2{font-family:"Rajdhani",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:clamp(21px,3vw,28px);margin:4px 0 12px}
section h3{font-family:"Rajdhani",sans-serif;font-weight:700;font-size:16px;color:var(--vhv8-acc);letter-spacing:1px;text-transform:uppercase}
.vhv8-tbl-wrap{overflow-x:auto;margin:14px 0;border:1px solid var(--vhv8-line)}
table{border-collapse:collapse;width:100%;font-size:14px}
caption{text-align:left;padding:9px 13px;color:var(--vhv8-dim);font-size:11.5px;letter-spacing:2px;text-transform:uppercase}
th{border-bottom:1.5px dashed var(--vhv8-line);color:var(--vhv8-acc);padding:10px 13px;text-align:left;font-family:"Rajdhani",sans-serif;letter-spacing:1px;text-transform:uppercase;font-size:12.5px}
td{padding:10px 13px;border-top:1px dashed var(--vhv8-line)}
ul,ol{padding-left:22px}li{margin:8px 0}
ul li::marker{content:"⌑ ";color:var(--vhv8-acc)}
.vhv8-note{border-left:3px solid var(--vhv8-acc);background:rgba(255,209,102,.07);color:#ffe6a8;padding:13px 17px;margin:16px 0}
.vhv8-faqbp{border:1px dashed var(--vhv8-line);margin:9px 0}
.vhv8-faqbp summary{cursor:pointer;padding:13px 17px;list-style:none;font-family:"Rajdhani",sans-serif;font-weight:700;letter-spacing:.6px;text-transform:uppercase;font-size:13.5px}
.vhv8-faqbp summary::before{content:"? ";color:var(--vhv8-acc);font-size:11px;letter-spacing:2px}
.vhv8-faqbp div{padding:0 17px 14px;color:var(--vhv8-dim)}
footer{border-top:1px solid var(--vhv8-line);margin-top:48px;padding:22px 0;color:var(--vhv8-dim);font-size:12.5px}
.vhv8-stampbox{display:inline-block;border:1px solid var(--vhv8-line);padding:8px 14px;font-family:"Rajdhani",sans-serif;letter-spacing:2px;text-transform:uppercase;font-size:11px;color:var(--vhv8-acc)}
@media(max-width:720px){.vhv8-nav{display:none}}

.vhv8-cta-js{-webkit-appearance:none;appearance:none;font:inherit;line-height:inherit;cursor:pointer;text-align:center;text-decoration:none}
/* header */
.vhv8-head{z-index:1000;background:#0a2540;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.vhv8-head .vhv8-nav{margin-left:auto}
.vhv8-head-cta{display:flex;align-items:center;gap:10px;margin-left:18px;flex-shrink:0}
section[id]{scroll-margin-top:72px}

/* buttons */
.vhv8-btn,.vhv8-btn.vhv8-cta-js{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  box-sizing:border-box;height:48px;padding:0 30px;margin:22px 12px 0 0;
  border:0;border-radius:10px;vertical-align:middle;
  font-family:"Rajdhani",sans-serif;font-weight:700;font-size:16px;line-height:1;
  letter-spacing:2px;text-transform:uppercase;white-space:nowrap;text-decoration:none;
  cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease}
.vhv8-btn:hover{transform:translateY(-2px);filter:brightness(1.06)}
.vhv8-btn:active{transform:translateY(0)}
.vhv8-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
.vhv8-btn--p{background:linear-gradient(135deg,#ffe08a 0%,#ffd166 45%,#f7a928 100%);color:#0a2540;
  box-shadow:0 6px 20px rgba(255,190,60,.35),inset 0 1px 0 rgba(255,255,255,.55)}
.vhv8-btn--p:hover{box-shadow:0 10px 26px rgba(255,190,60,.5),inset 0 1px 0 rgba(255,255,255,.55)}
.vhv8-btn--g{background:linear-gradient(135deg,#5eead4 0%,#22d3ee 50%,#3b82f6 100%);color:#06213a;
  box-shadow:0 6px 20px rgba(34,211,238,.32),inset 0 1px 0 rgba(255,255,255,.45)}
.vhv8-btn--g:hover{box-shadow:0 10px 26px rgba(34,211,238,.48),inset 0 1px 0 rgba(255,255,255,.45)}
.vhv8-btn--g::before{content:"";width:12px;height:16px;border:2px solid currentColor;border-radius:3px;box-sizing:border-box;
  background:linear-gradient(currentColor,currentColor) center bottom 2px/4px 2px no-repeat}

/* header buttons */
.vhv8-head-cta .vhv8-btn{height:38px;padding:0 18px;margin:0;font-size:14px;letter-spacing:1.5px;border-radius:8px}
.vhv8-head-cta .vhv8-btn--g::before{width:10px;height:14px}

@media(max-width:720px){
  .vhv8-head-cta{margin-left:auto;gap:8px}
  .vhv8-head-cta .vhv8-btn{height:34px;padding:0 13px;font-size:13px;letter-spacing:1px}
  .vhv8-btn{height:46px;padding:0 24px}
}
.vhv8-logo{display:inline-flex;align-items:center;gap:6px;line-height:1;flex-shrink:0}
.vhv8-logo-img{display:block;height:30px;width:auto}
@media(max-width:720px){
  .vhv8-head .vhv8-wrap{gap:8px}
  .vhv8-logo::before{display:none}
  .vhv8-logo-img{height:24px}
  .vhv8-head-cta{gap:6px}
  .vhv8-head-cta .vhv8-btn{height:34px;padding:0 11px;font-size:12.5px;letter-spacing:.8px}
  .vhv8-head-cta .vhv8-btn--g::before{width:9px;height:13px}
  .vhv8-draft > .vhv8-btn{width:calc(50% - 6px);padding:0 8px;margin-right:12px;font-size:15px;letter-spacing:1.5px}
  .vhv8-draft > .vhv8-btn + .vhv8-btn{margin-right:0}
}
@media(max-width:360px){.vhv8-head-cta .vhv8-btn--g::before{display:none}}
