/* YouTube video promotion page — extends governance-home.css tokens. */
.vp-page [hidden]{display:none!important}
.vp-nav{gap:20px}
.vp-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;padding-top:72px;padding-bottom:72px}
.vp-hero h1{font-size:clamp(38px,4.2vw,60px);font-weight:550;letter-spacing:-2.4px;line-height:1.05;margin:22px 0 22px}
.vp-hero h1 em{font-style:normal;color:var(--brand)}
.vp-points{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}
.vp-points li{position:relative;padding-left:24px;font-size:14px;color:var(--secondary)}
.vp-points li:before{content:'✓';position:absolute;left:0;color:var(--good);font-weight:700}
.vp-split{border:1px solid var(--line);border-radius:16px;padding:28px;background:linear-gradient(135deg,#f7faff,#fff)}
.vp-split-title{font-size:13px;font-weight:650;color:var(--ink);margin-bottom:16px}
.vp-bar{display:flex;height:16px;border-radius:999px;overflow:hidden;background:var(--line)}
.vp-bar span{display:block;height:100%}
.vp-bar-ads,.vp-key-ads{background:var(--brand)}
.vp-bar-fee,.vp-key-fee{background:#9db8ec}
.vp-bar-gst,.vp-key-gst{background:#d0d5dd}
.vp-bar-ads{width:47.46%}.vp-bar-fee{width:37.29%}.vp-bar-gst{width:15.25%}
.vp-split-list{margin:18px 0 0}
.vp-split-list div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
.vp-split-list dt{display:flex;align-items:center;gap:10px;color:var(--secondary)}
.vp-split-list dd{margin:0;font-family:'Geist Mono',monospace;color:var(--ink)}
.vp-key{width:10px;height:10px;border-radius:3px;flex:0 0 auto}
.vp-small{font-size:12px;line-height:1.7;margin-top:14px}
.vp-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
.vp-config-section{background:var(--canvas);border-block:1px solid var(--line);padding-block:88px}
.vp-config-section .section-heading>p{font-size:14px}
.vp-config{display:grid;grid-template-columns:1.25fr 1fr;gap:28px;align-items:start}
.vp-left{display:flex;flex-direction:column;gap:10px}
.vp-label{font-size:14px;font-weight:600;color:var(--ink)}
.vp-input{width:100%;min-height:52px;padding:12px 14px;border:1px solid #cdd3dd;border-radius:10px;background:#fff;font-size:16px;color:var(--ink)}
.vp-input:focus-visible{outline:3px solid var(--brand);outline-offset:2px}
.vp-input[aria-invalid="true"]{border-color:var(--p0)}
.vp-help{font-size:12.5px;line-height:1.6}
.vp-help[data-error="true"]{color:var(--p0)}
.vp-packages{border:0;padding:0;margin:18px 0 0}
.vp-packages legend{margin-bottom:10px}
.vp-package-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.vp-package{position:relative;display:flex;flex-direction:column;gap:6px;min-height:120px;padding:18px;border:1px solid #cdd3dd;border-radius:12px;background:#fff;cursor:pointer}
.vp-package input{position:absolute;opacity:0;width:1px;height:1px}
.vp-package:has(input:checked){border:2px solid var(--brand);padding:17px;background:#f7faff}
.vp-package:has(input:focus-visible){outline:3px solid var(--brand);outline-offset:3px}
.vp-package-name{font-size:13px;font-weight:650;color:var(--brand);letter-spacing:.4px}
.vp-package-price{font-family:'Geist Mono',monospace;font-size:28px;letter-spacing:-1px;color:var(--ink)}
.vp-package-meta{font-size:12.5px;color:var(--secondary);line-height:1.5}
.vp-package-tag{position:absolute;top:14px;right:14px;font-size:10px;font-weight:650;letter-spacing:.8px;color:var(--good);background:#ecfdf3;border-radius:999px;padding:3px 8px}
.vp-summary{position:sticky;top:104px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;display:flex;flex-direction:column;gap:14px}
.vp-breakdown{margin:0}
.vp-breakdown div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
.vp-breakdown dt{color:var(--secondary)}
.vp-breakdown dd{margin:0;font-family:'Geist Mono',monospace;color:var(--ink)}
.vp-breakdown .vp-total{border-bottom:0;padding-top:14px}
.vp-breakdown .vp-total dt{color:var(--ink);font-weight:600}
.vp-breakdown .vp-total dd{font-size:20px;font-weight:600}
.vp-estimate{display:flex;flex-direction:column;gap:2px;background:var(--tint);border-radius:10px;padding:12px 14px}
.vp-estimate strong{font-family:'Geist Mono',monospace;font-size:20px;color:var(--ink)}
.vp-estimate span{font-size:12px}
.vp-consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.55;color:var(--secondary);min-height:44px;cursor:pointer}
.vp-consent input{width:20px;height:20px;margin-top:1px;flex:0 0 auto}
.vp-pay{width:100%}
.vp-pay:disabled{opacity:.55;cursor:not-allowed}
.vp-verify{width:100%}
.vp-status{font-size:13px;line-height:1.6;min-height:1px}
.vp-status[data-error="true"]{color:var(--p0)}
.vp-unavailable,.vp-done{border:1px solid #f1ddbb;background:#fff9f0;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;font-size:13.5px}
.vp-unavailable[hidden],.vp-done[hidden]{display:none}
.vp-done{border-color:#bfe6cf;background:#f0fbf4}
.vp-done-title{font-weight:650;color:var(--good)}
.vp-secure{font-size:12px;color:#667085}
.vp-page .faq-section{padding-block:96px}
@media (max-width:1000px){
  .vp-hero{grid-template-columns:1fr;gap:40px;padding-top:48px}
  .vp-config{grid-template-columns:1fr}
  .vp-summary{position:static}
  .vp-steps{grid-template-columns:1fr 1fr}
  .vp-steps li:nth-child(3){border-left:0}
  .vp-steps li:nth-child(n+3){border-top:1px solid var(--line)}
  .vp-page .faq-section{grid-template-columns:1fr;gap:28px}
}
@media (max-width:860px){
  .vp-nav>a:not(.nav-cta){display:none}
  .wrap{width:calc(100% - 32px)}
  .nav-shell{width:calc(100% - 32px)}
}
@media (max-width:560px){
  .vp-points{grid-template-columns:1fr}
  .vp-package-list{grid-template-columns:1fr}
  .vp-steps{grid-template-columns:1fr}
  .vp-steps li+li{border-left:0;border-top:1px solid var(--line)}
  .vp-config-section{padding-block:56px}
  .vp-hero h1{letter-spacing:-1.4px}
  .brand span{font-size:15px}
  .section-heading{flex-direction:column;align-items:flex-start;gap:12px}
  .footer-bottom{flex-direction:column;align-items:flex-start;padding-block:16px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}