.jjv-info-page {
  --info-accent:#82d8cc;
  --info-accent-2:#35b8aa;
  --info-soft:rgba(130,216,204,.10);
}
.jjv-info-page .site-header {
  background:rgba(5,12,12,.82);
  border-bottom:1px solid rgba(255,255,255,.05);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.info-hero { position:relative; overflow:hidden; padding:62px 0 54px; border-bottom:1px solid rgba(255,255,255,.06); }
.info-hero::before { content:""; position:absolute; width:560px; height:560px; right:-160px; top:-210px; border-radius:50%; background:radial-gradient(circle,rgba(72,207,193,.16),transparent 68%); pointer-events:none; }
.info-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin-bottom:34px; color:var(--text-muted); font-size:.82rem; }
.info-breadcrumb a { color:var(--text-soft); }
.info-breadcrumb a:hover { color:var(--text); }
.info-breadcrumb span[aria-hidden="true"] { opacity:.45; }
.info-brand { display:flex; align-items:center; gap:17px; margin-bottom:30px; }
.info-brand img { width:72px; height:72px; object-fit:cover; border-radius:18px; box-shadow:0 14px 34px rgba(0,0,0,.25); }
.info-brand strong { display:block; font-size:1.06rem; }
.info-brand span { display:block; margin-top:3px; color:var(--text-muted); font-size:.78rem; }
.info-eyebrow { margin:0 0 12px; color:var(--info-accent); font-size:.76rem; font-weight:780; letter-spacing:.12em; text-transform:uppercase; }
.info-hero h1 { max-width:920px; margin-bottom:20px; font-size:clamp(3rem,6vw,5.6rem); }
.info-lead { max-width:800px; margin:0; color:var(--text-soft); font-size:1.04rem; }
.info-meta { display:flex; flex-wrap:wrap; gap:9px; margin-top:24px; }
.info-meta span { padding:7px 10px; border:1px solid var(--border); border-radius:999px; background:rgba(255,255,255,.025); color:var(--text-muted); font-size:.72rem; font-weight:680; }
.info-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.language-toolbar { position:sticky; top:var(--header-height); z-index:60; padding:15px 0; border-bottom:1px solid rgba(255,255,255,.06); background:rgba(6,13,13,.90); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); }
.language-inner { display:flex; align-items:center; justify-content:space-between; gap:22px; }
.language-label { color:var(--text-muted); font-size:.78rem; font-weight:700; }
.language-switch { display:flex; flex-wrap:wrap; gap:8px; }
.language-switch button { min-height:38px; padding:0 13px; border:1px solid var(--border); border-radius:999px; color:var(--text-soft); background:rgba(255,255,255,.025); cursor:pointer; font:inherit; font-size:.76rem; font-weight:700; }
.language-switch button:hover { color:var(--text); border-color:var(--border-strong); }
.language-switch button.is-active { color:#061412; border-color:transparent; background:linear-gradient(110deg,#8de1d5,#58c9bc); }
.info-shell { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:54px; align-items:start; padding-top:74px; padding-bottom:110px; }
.info-document { min-width:0; }
.language-document[hidden] { display:none !important; }
.document-intro { margin-bottom:38px; padding-bottom:28px; border-bottom:1px solid rgba(255,255,255,.075); }
.document-intro h2 { margin-bottom:14px; font-size:clamp(2rem,3.8vw,3.35rem); }
.document-intro p { max-width:780px; margin:0; color:var(--text-soft); }
.glance-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; margin-top:25px; }
.glance-item { padding:16px 17px; border:1px solid var(--border); border-radius:16px; background:rgba(255,255,255,.025); }
.glance-item span { display:block; margin-bottom:5px; color:var(--text-muted); font-size:.72rem; }
.glance-item strong { font-size:.92rem; }
.legal-section,.support-section { padding:31px 0; border-top:1px solid rgba(255,255,255,.07); }
.legal-section:first-of-type,.support-section:first-of-type { border-top:0; padding-top:0; }
.legal-section h3,.support-section h3 { margin-bottom:15px; font-size:clamp(1.35rem,2.2vw,1.83rem); letter-spacing:-.025em; }
.legal-section h4,.support-section h4 { margin:20px 0 10px; font-size:1.04rem; }
.legal-section p,.support-section p,.legal-section li,.support-section li { color:var(--text-soft); font-size:.97rem; }
.legal-section p,.support-section p { margin:0 0 14px; }
.legal-section p:last-child,.support-section p:last-child { margin-bottom:0; }
.legal-section ul,.support-section ul,.support-section ol { display:grid; gap:8px; margin:13px 0 16px; padding-left:24px; }
.legal-section a,.support-section a { color:#9fe6dd; text-decoration:underline; text-decoration-color:rgba(159,230,221,.35); text-underline-offset:3px; }
.legal-section a:hover,.support-section a:hover { color:#c2f2ec; text-decoration-color:currentColor; }
.info-sidebar { position:sticky; top:calc(var(--header-height) + 88px); padding:22px; border:1px solid var(--border); border-radius:22px; background:rgba(255,255,255,.028); }
.info-sidebar h2 { margin-bottom:14px; font-size:1rem; }
.info-sidebar nav { display:grid; }
.info-sidebar nav a { padding:9px 0; border-top:1px solid rgba(255,255,255,.06); color:var(--text-muted); font-size:.77rem; }
.info-sidebar nav a:first-child { border-top:0; }
.info-sidebar nav a:hover { color:var(--text); }
.sidebar-footer { margin-top:18px; padding-top:18px; border-top:1px solid rgba(255,255,255,.07); }
.sidebar-footer a { display:block; margin-top:8px; color:var(--info-accent); font-size:.78rem; font-weight:700; }
.support-quick { margin:30px 0 0; padding:23px; border:1px solid rgba(130,216,204,.18); border-radius:21px; background:radial-gradient(circle at 100% 0%,rgba(130,216,204,.08),transparent 18rem),rgba(255,255,255,.025); }
.support-quick strong { display:block; margin-bottom:6px; }
.support-quick p { margin:0 0 17px; color:var(--text-soft); }
.topic-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; margin:30px 0 4px; }
.topic-link { min-height:70px; display:flex; align-items:center; justify-content:space-between; gap:15px; padding:14px 16px; border:1px solid var(--border); border-radius:16px; color:var(--text-soft); background:rgba(255,255,255,.024); font-size:.8rem; font-weight:700; }
.topic-link:hover { color:var(--text); border-color:var(--border-strong); transform:translateY(-1px); }
.topic-link span:last-child { color:var(--info-accent); }
.support-note { margin-top:17px; padding:16px 18px; border-left:3px solid var(--info-accent); border-radius:0 14px 14px 0; color:var(--text-soft); background:var(--info-soft); font-size:.89rem; }
.support-facts { display:grid; margin:18px 0 0; }
.support-facts div { display:grid; grid-template-columns:130px 1fr; gap:15px; padding:12px 0; border-top:1px solid rgba(255,255,255,.06); }
.support-facts dt { color:var(--text-muted); font-size:.76rem; }
.support-facts dd { margin:0; color:var(--text-soft); font-size:.85rem; font-weight:680; }
@media (max-width:980px) {
  .info-shell { grid-template-columns:1fr; gap:28px; }
  .info-sidebar { position:static; order:-1; }
  .info-sidebar nav { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:20px; }
}
@media (max-width:720px) {
  .info-hero { padding-top:48px; }
  .language-inner { align-items:flex-start; flex-direction:column; gap:10px; }
  .language-switch { width:100%; }
  .language-switch button { flex:1 1 0; }
  .info-shell { padding-top:54px; padding-bottom:82px; }
  .glance-grid,.topic-grid,.info-sidebar nav { grid-template-columns:1fr; }
  .support-facts div { grid-template-columns:1fr; gap:4px; }
  .info-actions .button { width:100%; }
}
@media (max-width:430px) {
  .info-brand img { width:62px; height:62px; border-radius:16px; }
  .language-switch { display:grid; grid-template-columns:1fr; }
}