.vpkMain{--navy:#0b3d91;--navy-deep:#081b3a;--cyan:#06b6d4;--ink:#141c28;--steel:#5b6a7c;--paper:#f5f7fa;--line:#e2e8f0;
    font-family:'Pretendard','Malgun Gothic',sans-serif;color:var(--ink);}
.vpkMain *{box-sizing:border-box;}
.vpkMain a{text-decoration:none;color:inherit;}
.vpkEyebrow{display:inline-block;font-family:'JetBrains Mono','Pretendard','Malgun Gothic',monospace;font-size:12px;letter-spacing:.14em;font-weight:600;color:var(--cyan);margin-bottom:16px;}
.vpkEyebrow--dark{color:var(--navy);}
.vpkBtn{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;padding:14px 28px;border:1px solid transparent;transition:.15s;}
.vpkBtn--primary{background:var(--cyan);color:#04202a;}
.vpkBtn--primary:hover{background:#22cfe8;}
.vpkBtn--ghost{border-color:rgba(255,255,255,.7);color:#fff !important;background:rgba(11,27,58,.45);backdrop-filter:blur(2px);text-shadow:0 1px 3px rgba(0,0,0,.4);}
.vpkBtn--ghost .arrow{color:#fff !important;}
.vpkBtn--ghost:hover{border-color:#fff;background:rgba(255,255,255,.16);}
.vpkBtn--lg{padding:16px 36px;font-size:16px;}
.vpkBtn .arrow{transition:transform .15s;}
.vpkBtn:hover .arrow{transform:translateX(3px);}

/* HERO */
.vpkFold{min-height:100vh;display:flex;flex-direction:column;}
.vpkHero{position:relative;background:var(--navy-deep);overflow:hidden;flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:100px 24px 76px;}
.vpkHero__bg{position:absolute;inset:0;z-index:0;}
.vpkHero__slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.6s ease;}
.vpkHero__slide.is-active{opacity:1;}
.vpkHero__overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(6,17,38,.88) 0%,rgba(8,22,50,.82) 45%,rgba(8,22,50,.94) 100%);}
.vpkHero canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.28;z-index:1;mix-blend-mode:screen;}
.vpkHero__inner{position:relative;z-index:2;max-width:820px;}
.vpkHero__title{font-family:'Space Grotesk','Pretendard','Malgun Gothic',sans-serif;font-weight:700;font-size:52px;line-height:1.2;color:#ffffff !important;margin:0 0 22px;letter-spacing:-.01em;text-shadow:0 2px 16px rgba(0,0,0,.45);}
.vpkHero__lead{font-size:17px;line-height:1.7;color:#e3ecf7 !important;margin:0 0 28px;text-shadow:0 1px 8px rgba(0,0,0,.4);}
.vpkHero__cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.vpkHero__scroll{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font-family:'JetBrains Mono','Pretendard','Malgun Gothic',monospace;font-size:11px;letter-spacing:.1em;color:#c3d2e6;z-index:2;}
.vpkHero__scroll span{width:1px;height:36px;background:linear-gradient(#c3d2e6,transparent);animation:vpkScroll 1.8s infinite;}
@keyframes vpkScroll{0%{opacity:0;transform:scaleY(.3);transform-origin:top;}50%{opacity:1;transform:scaleY(1);transform-origin:top;}100%{opacity:0;transform:scaleY(.3);transform-origin:bottom;}}

/* SPLIT */
.vpkSplit{display:flex;flex:0 0 30vh;min-height:220px;}
.vpkSplit__panel{flex:1;display:flex;align-items:flex-end;padding:44px;position:relative;transition:flex-grow .35s ease;color:#fff;background-size:cover;background-position:center;overflow:hidden;}
.vpkSplit__panel--cad{background-color:#0f2c57;}
.vpkSplit__panel--cae{background-color:#0a1f3d;}
.vpkSplit__scrim{position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,14,32,.92) 0%,rgba(6,14,32,.55) 55%,rgba(6,14,32,.35) 100%);transition:background .25s;}
.vpkSplit__panel:hover .vpkSplit__scrim{background:linear-gradient(0deg,rgba(6,14,32,.85) 0%,rgba(6,14,32,.4) 60%,rgba(6,14,32,.2) 100%);}
.vpkSplit__panel:hover{flex-grow:1.35;}
.vpkSplit__panel:hover .vpkSplit__body{border-color:var(--cyan);}
.vpkSplit__body{position:relative;z-index:1;border-left:3px solid rgba(255,255,255,.45);padding-left:22px;transition:border-color .2s;max-width:420px;}
.vpkSplit__idx{font-family:'JetBrains Mono','Pretendard','Malgun Gothic',monospace;font-size:12px;letter-spacing:.16em;color:#7fe3f2 !important;text-shadow:0 1px 6px rgba(0,0,0,.5);}
.vpkSplit__tit{font-family:'Space Grotesk','Pretendard','Malgun Gothic',sans-serif;font-size:28px;font-weight:700;margin:10px 0 10px;color:#ffffff !important;text-shadow:0 2px 10px rgba(0,0,0,.5);}
.vpkSplit__txt{font-size:14.5px;line-height:1.6;color:#f0f4f9 !important;margin:0 0 14px;text-shadow:0 1px 6px rgba(0,0,0,.45);}
.vpkSplit__more{font-size:13.5px;font-weight:700;color:#ffffff !important;text-shadow:0 1px 6px rgba(0,0,0,.45);}

/* PRODUCTS */
.vpkProducts{padding:96px 24px;max-width:1180px;margin:0 auto;}
.vpkSectionHead{max-width:620px;margin:0 auto 40px;text-align:center;}
.vpkSectionTit{font-family:'Space Grotesk','Pretendard','Malgun Gothic',sans-serif;font-weight:700;font-size:32px;color:var(--navy-deep);margin:0 0 12px;}
.vpkSectionLead{font-size:15.5px;color:var(--steel);line-height:1.65;margin:0;}
.vpkTabBar{display:flex;justify-content:center;gap:8px;margin-bottom:36px;}
.vpkTabBtn{font-family:'JetBrains Mono','Pretendard','Malgun Gothic',monospace;font-size:13px;letter-spacing:.04em;font-weight:600;padding:11px 22px;background:transparent;border:1px solid var(--line);color:var(--steel);cursor:pointer;transition:.15s;}
.vpkTabBtn.is-active{background:var(--navy);border-color:var(--navy);color:#fff;}
.vpkTabPanel{display:none;}
.vpkTabPanel.is-active{display:block;animation:vpkFade .3s ease;}
@keyframes vpkFade{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}
.vpkCardGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;}
.vpkCard{display:block;background:#fff;border:1px solid var(--line);border-left:3px solid var(--cyan);padding:22px 20px;transition:.15s;}
.vpkCard:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(11,61,145,.12);border-left-color:var(--navy);}
.vpkCard h3{font-family:'Space Grotesk','Pretendard','Malgun Gothic',sans-serif;font-size:17px;font-weight:600;color:var(--navy-deep);margin:0 0 8px;}
.vpkCard p{font-size:13px;line-height:1.55;color:var(--steel);margin:0;}

/* INFO GRID */
.vpkInfo{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.vpkInfo__inner{max-width:1180px;margin:0 auto;padding:96px 24px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px;}
.vpkInfo__head{margin-bottom:18px;}
.vpkInfo__head h3{font-family:'Space Grotesk','Pretendard','Malgun Gothic',sans-serif;font-size:22px;color:var(--navy-deep);margin:0;}
.vpkInfo__notice{background:#ffffff;border:1px solid var(--line);padding:28px;}
.vpkInfo__list{min-height:100px;}
.vpkInfo__more{display:inline-block;margin-top:14px;font-size:13px;font-weight:600;color:var(--navy);}
.vpkInfo__card{background:var(--navy-deep);color:#fff !important;padding:28px;display:flex;flex-direction:column;justify-content:space-between;transition:.15s;}
.vpkInfo__card:hover{background:var(--navy);}
.vpkInfo__card h3{font-family:'Space Grotesk','Pretendard','Malgun Gothic',sans-serif;font-size:19px;margin:0 0 8px;color:#ffffff !important;}
.vpkInfo__card p{font-size:13.5px;color:#d3e1f2 !important;margin:0 0 18px;line-height:1.55;}
.vpkInfo__cardMore{font-size:13px;font-weight:600;color:var(--cyan);}

/* FAQ */
.vpkFaq{max-width:900px;margin:0 auto;padding:96px 24px;}
.vpkFaqList{display:flex;flex-direction:column;gap:12px;}
.vpkFaqItem{background:#fff;border:1px solid var(--line);border-left:3px solid var(--navy);padding:26px 28px;}
.vpkFaqItem h3{font-family:'Space Grotesk','Pretendard','Malgun Gothic',sans-serif;font-size:16.5px;font-weight:600;color:var(--navy-deep);margin:0 0 10px;}
.vpkFaqItem p{font-size:14px;line-height:1.7;color:var(--steel);margin:0;}

/* FINAL CTA */
.vpkCta{background:var(--navy);color:#fff;text-align:center;padding:88px 24px;}
.vpkCta h2{font-family:'Space Grotesk','Pretendard','Malgun Gothic',sans-serif;font-size:30px;margin:0 0 14px;color:#ffffff !important;}
.vpkCta p{font-size:15px;color:#d3e1f2 !important;margin:0 0 30px;}

@media(max-width:960px){
    .vpkFold{min-height:auto;}
    .vpkHero__title{font-size:38px;}
    .vpkSplit{flex-direction:column;flex:none;}
    .vpkInfo__inner{grid-template-columns:1fr;}
}
@media(max-width:560px){
    .vpkHero{padding:90px 18px 70px;}
    .vpkHero__title{font-size:30px;}
}