/* v3: one identical, fixed-height sticky navigation across every Vinky website page. */
:root{--v3-header:#5e5b62;--v3-sage:#bdd6c6;--v3-ink:#524c47;--v3-pink:#ce6479}
html{scroll-padding-top:88px}
body>.site-v3-nav{position:sticky!important;top:0!important;z-index:990!important;box-sizing:border-box;width:100%;height:67px;min-height:67px;max-height:67px;background:var(--v3-header);color:white;display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,2vw,24px);padding:0 clamp(15px,3.25vw,55px);box-shadow:0 4px 12px rgba(29,17,32,.17);font-family:'DM Sans','Segoe UI',Arial,sans-serif}
.site-v3-nav *{box-sizing:border-box}
.site-v3-nav a,.site-v3-nav button{font:inherit;color:inherit}
.site-v3-nav .site-v3-logo{display:block;flex:0 0 auto;width:clamp(132px,13vw,172px);line-height:0}
.site-v3-nav .site-v3-logo img{width:100%;height:auto;display:block}
.site-v3-nav .site-v3-links{display:flex;align-items:center;gap:clamp(2px,.5vw,12px);justify-content:center;margin-left:auto;white-space:nowrap}
.site-v3-nav .site-v3-link,.site-v3-nav .site-v3-char-toggle{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:999px;padding:10px clamp(7px,1vw,13px);font-size:clamp(11.5px,1.02vw,14px);font-weight:800;text-decoration:none;background:transparent;cursor:pointer;min-height:38px;line-height:1.2}
.site-v3-nav .site-v3-link:hover,.site-v3-nav .site-v3-char-toggle:hover{background:#ffffff22;text-decoration:none}
.site-v3-nav .site-v3-link[aria-current=page],.site-v3-nav .site-v3-char-toggle[aria-expanded=true],.site-v3-nav[data-page=characters] .site-v3-char-toggle{background:var(--v3-sage)!important;color:#2e5336!important;border-color:var(--v3-sage)}
.site-v3-nav .site-v3-cta{background:var(--v3-pink);color:white;text-decoration:none;border-radius:999px;padding:10px clamp(12px,1.5vw,21px);white-space:nowrap;font-size:13px;font-weight:800;line-height:1.1;box-shadow:0 3px 0 rgba(37,23,39,.35)}
.site-v3-nav .site-v3-cta:hover{filter:brightness(1.08)}
.site-v3-nav .site-v3-character{position:relative}
.site-v3-nav .site-v3-dropdown{display:none;position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);width:335px;max-width:calc(100vw - 26px);border:1px solid #e0d5de;background:#fffdf9;color:var(--v3-ink);padding:17px;border-radius:17px;box-shadow:0 20px 45px rgba(32,20,33,.24);white-space:normal;z-index:1000}
.site-v3-nav .site-v3-character.open .site-v3-dropdown{display:block}
.site-v3-nav .site-v3-dropdown p{font-size:13px;line-height:1.35;color:#76576d;margin:0 0 10px;font-weight:800}
.site-v3-nav .site-v3-character-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.site-v3-nav .site-v3-character-list a{display:block;padding:10px 13px;font-size:13px;line-height:1.2;border-radius:9px;background:#f5edf3;text-decoration:none;color:#524c47;font-weight:800}
.site-v3-nav .site-v3-character-list a:hover,.site-v3-nav .site-v3-character-list a:focus-visible{background:var(--v3-sage);color:#31523b}
.site-v3-nav a:focus-visible,.site-v3-nav button:focus-visible{outline:3px solid #e8b4d5;outline-offset:3px}
.site-v3-nav .site-v3-mobile-cta{display:none}.site-v3-nav .site-v3-mobile-toggle{display:none;background:transparent;border:1px solid #ffffff70;border-radius:10px;padding:9px 14px;min-height:39px;font-size:13px;font-weight:800;cursor:pointer}
.site-v3-nav .site-v3-context{display:none;font-size:11px;font-weight:800;color:#f0e8ef;white-space:nowrap}
@media(max-width:1199px){
 body>.site-v3-nav{height:62px;min-height:62px;max-height:62px;gap:9px}
 .site-v3-nav .site-v3-logo{width:143px}
 .site-v3-nav .site-v3-context{display:block;margin-left:auto;overflow:hidden;text-overflow:ellipsis}
 .site-v3-nav .site-v3-mobile-toggle{display:inline-flex;align-items:center;gap:9px;flex:none}
 .site-v3-nav .site-v3-cta{display:none}
 .site-v3-nav .site-v3-links{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 62px);overflow:auto;background:#5e5b62;border-top:1px solid #ffffff33;box-shadow:0 15px 22px #241b2880;padding:10px 18px 18px;flex-direction:column;align-items:stretch;margin:0;gap:5px;white-space:normal}
 .site-v3-nav.menu-open .site-v3-links{display:flex}
 .site-v3-nav .site-v3-link,.site-v3-nav .site-v3-char-toggle{width:100%;display:flex;justify-content:flex-start;font-size:14px;padding:11px 13px}
 .site-v3-nav .site-v3-dropdown{position:static;transform:none;width:auto;max-width:none;margin:4px 0 9px;box-shadow:none;padding:12px}
 .site-v3-nav .site-v3-character-list{gap:7px}
 .site-v3-nav .site-v3-mobile-cta{display:block;background:#ce6479;color:white;font-size:13px;font-weight:800;text-align:center;text-decoration:none;border-radius:12px;padding:12px 14px;margin-top:5px}
}
@media(max-width:380px){.site-v3-nav .site-v3-context{font-size:10px}.site-v3-nav .site-v3-logo{width:126px}.site-v3-nav .site-v3-mobile-toggle{padding:7px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

/* How Vinky Works dropdown (2026-10-25) */
.site-v3-nav .site-v3-hvw-list{display:grid;gap:6px}
.site-v3-nav .site-v3-hvw-list a{display:block;padding:10px 13px;font-size:13px;line-height:1.2;border-radius:9px;background:#f5edf3;text-decoration:none;color:#524c47;font-weight:800}
.site-v3-nav .site-v3-hvw-list a:hover,.site-v3-nav .site-v3-hvw-list a:focus-visible{background:var(--v3-sage);color:#31523b}
.site-v3-nav[data-page=characters] .site-v3-hvw-toggle:not([aria-expanded=true]){background:transparent!important;color:inherit!important;border-color:transparent!important}

/* Stage 10 (2026-10-25): shared small-print footer on every page */
.vk-foot{background:#5e5b62;color:#f3eef2;text-align:center;padding:24px 16px 22px;font:12px/1.6 'DM Sans','Segoe UI',Arial,sans-serif}
.vk-foot a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.vk-foot a:hover{color:#f4d5e6}
.vk-foot a:focus-visible{outline:2px solid #fff;outline-offset:3px}
.vk-foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 9px;font-weight:700;margin-bottom:8px}
.vk-foot-links span{opacity:.5}
.vk-foot p{margin:0 0 3px}
.vk-foot-legal,.vk-foot-tag{font-size:11px;opacity:.8}
.vk-foot-tag{letter-spacing:.08em;margin-top:6px!important}
.vk-foot-social{font-weight:700}
/* v6.23: Get Started always visible in the phone/tablet header, beside Menu */
@media(max-width:1199px){
 .site-v3-nav .site-v3-cta{display:inline-flex;align-items:center;flex:none;order:3;margin-left:auto;padding:9px 13px;font-size:12.5px}
 .site-v3-nav .site-v3-mobile-toggle{order:4}
 .site-v3-nav .site-v3-context{order:2}
 .site-v3-nav .site-v3-context+.site-v3-mobile-toggle{margin-left:0}
}
@media(max-width:640px){.site-v3-nav .site-v3-context{display:none}}
@media(max-width:400px){body>.site-v3-nav{gap:7px;padding:0 12px}.site-v3-nav .site-v3-logo{width:118px}.site-v3-nav .site-v3-cta{padding:8px 10px;font-size:12px}.site-v3-nav .site-v3-mobile-toggle{padding:7px 10px}}
/* v6.24: Menu first, and pink like Get Started */
@media(max-width:1199px){
 .site-v3-nav .site-v3-mobile-toggle{order:3;margin-left:auto;background:var(--v3-pink);color:#fff;border:0;border-radius:999px;padding:9px 15px;min-height:0;font-size:12.5px;line-height:1.1;box-shadow:0 3px 0 rgba(37,23,39,.35)}
 .site-v3-nav .site-v3-mobile-toggle[aria-expanded="true"]{filter:brightness(1.08)}
 .site-v3-nav .site-v3-cta{order:4;margin-left:0}
}
@media(max-width:400px){.site-v3-nav .site-v3-mobile-toggle{padding:8px 12px;font-size:12px}}
@media(max-width:1199px){body>.site-v3-nav{justify-content:flex-start}.site-v3-nav .site-v3-context+.site-v3-mobile-toggle,.site-v3-nav .site-v3-mobile-toggle{margin-left:auto}.site-v3-nav .site-v3-cta{margin-left:0}}

/* Stage 18: nested menu items, current page in dropdowns, footer Explore row */
.site-v3-nav .site-v3-hvw-list a.dd-parent{background:#ece3ee;color:#3e353b}
.site-v3-nav .site-v3-hvw-list a.dd-sub{margin-left:16px;padding:8px 12px;font-weight:700;background:#fbf7fa}
.site-v3-nav .site-v3-hvw-list a[aria-current]{background:var(--v3-sage);color:#31523b}
.vk-foot-explore{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 9px;font-weight:700;margin:0 0 10px}
.vk-foot-explore span{opacity:.5}

/* v6_39: On phone/tablet menus, use only the dedicated mobile trial button. */
@media(max-width:1199px){
 .site-v3-nav .site-v3-cta{display:none}
}