:root{
  --bg:#081018;
  --bg-soft:#0f1824;
  --card:#ffffff;
  --line:#d5dde7;
  --muted:#556274;
  --text:#112031;
  --accent:#1f4db8;
  --accent-soft:#eef4ff;
  --ok:#1f7a4d;
  --shadow:0 16px 40px rgba(8,16,24,.08);
  --radius:18px;
  --radius-sm:12px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text);
  background:#f4f7fb;
  line-height:1.6;
}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.skip-link{
  position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;
}
.skip-link:focus{
  left:16px;top:16px;width:auto;height:auto;background:#fff;padding:10px 14px;border-radius:8px;z-index:9999;
}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.site-header{
  background:var(--bg);
  color:#fff;
  box-shadow:0 2px 0 rgba(255,255,255,.04) inset;
}
.header-shell{
  display:grid;
  grid-template-columns:1.1fr 1.4fr auto;
  gap:16px;
  padding:18px 20px;
  align-items:center;
}
.brand-link{
  display:flex;
  flex-direction:column;
  gap:4px;
  color:#fff;
  text-decoration:none;
}
.brand-link-with-logo{gap:10px;}
.brand-logo-wrap{display:flex;align-items:center;min-height:40px;}
.brand-logo{display:block;max-width:100%;height:auto;}
.brand-logo-horizontal{height:40px;width:auto;filter:drop-shadow(0 2px 12px rgba(0,0,0,.18));}
.brand-logo-icon{display:none;height:36px;width:36px;object-fit:contain;}
.brand-text-meta{display:flex;flex-direction:column;gap:4px;}
.brand-kicker{
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.72rem;
  opacity:.62;
}
.contact-pill{
  display:inline-flex;
  margin-top:10px;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  color:#fff;
  text-decoration:none;
  font-size:.9rem;
}
.primary-nav,.lang-nav{
  display:flex;flex-wrap:wrap;gap:8px;justify-content:center
}
.primary-nav a,.lang-nav a{
  color:#dce8ff;
  border:1px solid rgba(220,232,255,.16);
  border-radius:999px;
  padding:8px 12px;
  font-size:.92rem;
  text-decoration:none;
  background:rgba(255,255,255,.03);
}
.primary-nav a.is-active,.lang-nav a.is-active{
  background:rgba(123,197,255,.12);
  color:#fff;
  border-color:rgba(123,197,255,.34);
  box-shadow:0 10px 24px rgba(36,88,163,.18), 0 0 0 1px rgba(123,197,255,.08) inset;
  font-weight:600;
}
.primary-nav a:hover,.lang-nav a:hover{
  background:rgba(123,197,255,.08);
  border-color:rgba(123,197,255,.24);
  color:#fff;
  text-decoration:none;
}
.lang-code{font-weight:700;margin-right:6px}
.lang-nav-phase7 a{display:inline-flex;min-width:3.1rem;justify-content:center;align-items:center;padding:10px 12px;line-height:1}
.lang-flag-image{display:block;width:22px;height:16px;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.lang-nav-phase7 a.is-active .lang-flag-image{box-shadow:0 0 0 1px rgba(123,197,255,.34), 0 0 0 3px rgba(123,197,255,.10)}
main.wrap{padding-top:24px;padding-bottom:40px}
.hero-panel{
  background:linear-gradient(180deg,#fff,#f8fbff);
  border:1px solid var(--line);
  border-radius:28px;
  padding:28px;
  box-shadow:var(--shadow);
  margin-bottom:22px;
}
.hero-panel-gateway{
  padding:34px;
  background:linear-gradient(135deg,#081018 0%, #173256 100%);
  color:#fff;
  border:none;
}
.hero-panel-gateway .lead{color:rgba(255,255,255,.85)}
.eyebrow{
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.78rem;
  color:var(--accent);
  margin-bottom:10px;
  font-weight:700;
}
.hero-panel-gateway .eyebrow{color:#bfd5ff}
h1,h2,h3,h4{line-height:1.2;margin:0 0 12px}
h1{font-size:clamp(2rem,4vw,3rem)}
h2{font-size:1.32rem}
h3{font-size:1.05rem}
.lead{font-size:1.05rem;color:var(--muted);max-width:820px}
.stats-grid,.section-grid,.lang-cards{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:20px;
}
.lang-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.lang-card,.card,.stat-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.lang-card{
  padding:20px;
  text-decoration:none;
  color:var(--text);
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.card,.stat-card{padding:20px}
.stat-card strong{font-size:1.4rem;display:block}
.label{
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--muted);
  font-weight:700;
  margin-bottom:8px;
}
.panel-card h2 a{color:inherit;text-decoration:none}
.section-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:16px;
  margin-bottom:14px;
}
.timeline-list{display:grid;gap:14px}
.timeline-item{
  display:grid;
  grid-template-columns:170px 1fr;
  gap:16px;
  border-top:1px solid var(--line);
  padding-top:14px;
}
.timeline-item:first-child{border-top:none;padding-top:0}
.timeline-date{
  font-size:.92rem;
  color:var(--muted);
  font-weight:700;
}
.content-shell > *:first-child{margin-top:0}
.content-shell .section{margin:22px 0}
.content-shell .card,
.content-shell .info-card,
.content-shell .page-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:20px;
}
.content-shell .guide-grid,
.content-shell .quick-facts,
.content-shell .summary-list,
.content-shell .report-watch-grid,
.content-shell .report-grid,
.content-shell .change-list,
.content-shell .timeline-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.content-shell .source-strip,
.pill-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.source-pill{
  display:inline-flex;
  align-items:center;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid #c9d6ec;
  background:var(--accent-soft);
  color:var(--accent);
  text-decoration:none;
  font-size:.92rem;
}
.content-shell .group-structure{display:grid;gap:10px}
.content-shell .group-row{
  display:grid;
  grid-template-columns:1.2fr 1fr .9fr 1fr .9fr;
  gap:12px;
  padding:12px 0;
  border-top:1px solid var(--line);
}
.content-shell .group-row.group-head{
  font-weight:700;
  color:var(--muted);
  border-top:none;
  padding-top:0;
}
.content-shell .group-meta{display:block;color:var(--muted);font-size:.9rem;margin-top:4px}
.content-shell .source-tag,.content-shell .verify-tag{
  display:inline-block;
  padding:6px 10px;
  background:#f2f6fd;
  border-radius:999px;
  font-size:.8rem;
  margin:2px 6px 2px 0;
}
.faq-card .wysiwyg > *:last-child{margin-bottom:0}
.clean-list{padding-left:18px;margin:0}
.site-footer{
  background:var(--bg);
  color:#dbe6f5;
  margin-top:40px;
  padding:28px 0;
}
.footer-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.footer-title{
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.78rem;
  opacity:.72;
  margin-bottom:8px;
}
.site-footer h3{color:#fff}
.site-footer p{margin:0}
@media (max-width:1100px){
  .header-shell{grid-template-columns:1fr;justify-items:start}
  .primary-nav,.lang-nav{justify-content:flex-start}
}
@media (max-width:900px){
  .stats-grid,.section-grid,.lang-cards,
  .content-shell .guide-grid,
  .content-shell .quick-facts,
  .content-shell .summary-list,
  .content-shell .report-watch-grid,
  .content-shell .report-grid,
  .content-shell .change-list,
  .content-shell .timeline-grid,
  .footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .content-shell .group-row{grid-template-columns:1fr}
  .timeline-item{grid-template-columns:1fr}
  .section-head{flex-direction:column;align-items:flex-start}
}
@media (max-width:640px){
  .wrap{padding:0 14px}
  .hero-panel,.hero-panel-gateway,.card,.stat-card{padding:18px}
  .stats-grid,.section-grid,.lang-cards,
  .content-shell .guide-grid,
  .content-shell .quick-facts,
  .content-shell .summary-list,
  .content-shell .report-watch-grid,
  .content-shell .report-grid,
  .content-shell .change-list,
  .content-shell .timeline-grid,
  .footer-grid{
    grid-template-columns:1fr;
  }
  .primary-nav a,.lang-nav a{font-size:.88rem}
  h1{font-size:2rem}
}

.lead.compact{max-width:none;margin-bottom:0}
.vinox-calculator{margin:24px 0;padding:24px}
.vinox-calculator-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}
.vinox-note-stack{display:grid;gap:10px;justify-items:end;min-width:220px}
.calculator-grid{display:grid;grid-template-columns:1.1fr .95fr;gap:18px}
.calc-section{display:grid;gap:16px}
.field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.field-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}
.calc-field{display:grid;gap:6px}
.calc-field span{font-size:.86rem;color:var(--muted);font-weight:600}
.calc-field input,.calc-field select{width:100%;padding:11px 12px;border:1px solid #c9d6ec;border-radius:12px;background:#fff;color:var(--text);font:inherit}
.calc-field-spacer{display:block}
.calc-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}
.soft-card{background:#f8fbff;border:1px solid #dfe9f7;box-shadow:none}
.rowline{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #dfe9f7}
.rowline:first-of-type{border-top:none;padding-top:0}
.calc-subnote{font-size:.92rem;color:var(--muted)}
.calc-error{color:#a84432}
.calc-actions{display:flex;gap:10px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:10px 15px;font-weight:600;text-decoration:none;border:1px solid transparent;background:var(--accent);color:#fff;cursor:pointer}
.btn:hover{text-decoration:none;opacity:.95}
.btn.ghost{background:#fff;color:var(--accent);border-color:#c9d6ec}
.warrant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mini-chip{display:grid;gap:4px;padding:12px 14px;border:1px solid #dfe9f7;border-radius:14px;background:#f8fbff;min-width:0}
.mini-chip small{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}
.up{color:#1f7a4d}
.down{color:#a84432}
@media (max-width:1100px){
  .calculator-grid{grid-template-columns:1fr}
  .vinox-calculator-head{flex-direction:column}
  .vinox-note-stack{justify-items:start}
}
@media (max-width:900px){
  .field-grid,.field-grid.two-up,.warrant-grid,.calc-stats{grid-template-columns:1fr}
}

.phase4-grid{align-items:start}
.market-price{font-size:1.55rem;font-weight:700;margin:.2rem 0 .55rem}
.mini-stat{font-size:.9rem;color:var(--muted);margin:.35rem 0}
.metric-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
.metric-mini-grid div{display:grid;gap:4px;padding:10px 12px;border:1px solid #dfe9f7;border-radius:12px;background:#f8fbff}
.metric-mini-grid span{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}
.news-list{display:grid;gap:10px;margin:0;padding-left:18px}
.news-list li{margin:0}
.header-status-bar{background:#0d1a2a;border-top:1px solid rgba(255,255,255,.06)}
.header-status-shell{display:flex;flex-wrap:wrap;gap:12px;padding:10px 20px;color:#dce8ff;font-size:.9rem}
.status-chip,.status-inline{display:inline-flex;align-items:center;border-radius:999px;padding:7px 12px;border:1px solid rgba(220,232,255,.15);background:rgba(255,255,255,.04)}
.hero-panel-phase5{display:grid;grid-template-columns:1.35fr .8fr;gap:18px;align-items:stretch}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.action-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid #cdd9eb;background:#fff;color:var(--text);font-weight:600}
.action-pill:hover{text-decoration:none;border-color:#aabfe0}
.action-pill-primary{background:var(--accent);border-color:var(--accent);color:#fff}
.action-pill-muted{background:#f4f7fb;color:var(--muted)}
.hero-summary-card{padding:22px}
.hero-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.hero-mini-grid span,.chart-summary small,.signal-card span,.mini-card span,.report-inline-meta span{display:block;color:var(--muted);font-size:.86rem}
.hero-mini-grid strong{display:block;font-size:1rem;margin-top:3px}
.hero-subnote{color:var(--muted);margin:14px 0 0}
.stats-grid-phase5{margin-bottom:20px}
.signal-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}
.signal-card,.mini-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:18px}
.signal-card strong,.mini-card strong{display:block;font-size:1.05rem;margin:2px 0 4px}
.market-shell{margin-bottom:22px}
.market-hero-card{padding:24px}
.market-hero-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}
.market-actions{display:flex;flex-wrap:wrap;gap:8px}
.chart-period-btn{border:1px solid rgba(180,205,240,.18);background:rgba(8,16,24,.78);border-radius:999px;padding:8px 12px;font:inherit;color:#d8e6fb;cursor:pointer;backdrop-filter:blur(2px)}
.chart-period-btn.is-active,.chart-period-btn:hover{background:linear-gradient(180deg, rgba(123,197,255,.95), rgba(79,169,255,.92));border-color:rgba(123,197,255,.44);color:#07111b;box-shadow:0 12px 28px rgba(36,88,163,.24), 0 0 0 1px rgba(123,197,255,.10) inset}
.market-hero-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:18px;align-items:stretch}
.market-price-wrap{display:flex;flex-direction:column;justify-content:center;padding:20px;border-radius:18px;background:linear-gradient(180deg,#f8fbff,#eef4ff);border:1px solid #d5e2f7}
.market-big-price{font-size:clamp(1.8rem,4vw,3rem);font-weight:800;line-height:1.05}
.market-big-change{font-size:1.1rem;font-weight:700;margin-top:8px}
.up{color:var(--ok)}
.down{color:#a43e3e}
.market-chart-card{display:flex;flex-direction:column;gap:10px}
.market-chart-card canvas{width:100%;height:208px;background:linear-gradient(180deg,#07111b 0%,#0a1624 52%,#091320 100%);border:1px solid rgba(180,205,240,.16);border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 16px 40px rgba(4,10,18,.18)}
.chart-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.chart-summary span{padding:12px 14px;border-radius:14px;background:linear-gradient(180deg,rgba(9,20,35,.92),rgba(8,18,31,.88));border:1px solid rgba(180,205,240,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.chart-summary strong{display:block;font-size:1rem;color:#f2f7ff}
.market-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.phase5-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-bottom:22px}
.report-card-phase5,.news-card-phase5{height:100%}
.report-inline-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.report-inline-meta span{padding:7px 10px;border-radius:999px;background:#f5f8fc;border:1px solid var(--line)}
.metric-mini-grid-phase5{margin-top:12px}
.news-list-detailed{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.news-list-detailed li{padding-bottom:12px;border-bottom:1px solid var(--line)}
.news-list-detailed li:last-child{border-bottom:none;padding-bottom:0}
.news-list-detailed span{display:block;font-size:.85rem;color:var(--muted);margin-top:4px}
.panel-card-rich{display:flex;flex-direction:column}
.panel-link{margin-top:auto;display:inline-flex;padding-top:8px;font-weight:700}
.page-top-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:22px}
.page-context-card{height:100%}
.pill-row-rich{row-gap:12px}
.faq-stack{display:grid;gap:14px}
.faq-disclosure{padding:0;overflow:hidden}
.faq-disclosure summary{list-style:none;cursor:pointer;padding:18px 20px;font-weight:700}
.faq-disclosure summary::-webkit-details-marker{display:none}
.faq-answer{padding:0 20px 20px}
.section-anchor{scroll-margin-top:100px}
@media (max-width:1100px){
  .hero-panel-phase5,.market-hero-grid,.phase5-grid,.page-top-grid{grid-template-columns:1fr}
}
@media (max-width:900px){
  .signal-strip,.market-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .header-status-shell{padding-left:20px;padding-right:20px}
  .hero-mini-grid,.signal-strip,.market-mini-grid,.chart-summary{grid-template-columns:1fr}
  .market-hero-head{flex-direction:column}
}


/* Phase 6 parity bridge */
.wrap-phase6{max-width:1200px}
.legacy-page-shell{padding:1.25rem 0 2rem}
.legacy-home-shell .hero,.legacy-home-shell .section{scroll-margin-top:5.5rem}
.site-header-phase6 .header-shell{align-items:flex-start;gap:1rem;flex-wrap:wrap}
.brand-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:.35rem}
.contact-quick,.social-quick{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .7rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.03);font-size:.85rem;color:inherit;text-decoration:none}
.social-icon{width:14px;height:14px;display:inline-block}
.lang-nav-phase6 .lang-label{display:none}
.lang-nav-phase6 a{min-width:2.75rem;justify-content:center}
@media (max-width: 900px){
  .site-header-phase6 .primary-nav{order:3;width:100%;overflow:auto;padding-bottom:.25rem}
  .site-header-phase6 .lang-nav{margin-left:auto}
}


/* Phase 7g market panel parity patch */
.market-price-wrap{
  background:linear-gradient(180deg,rgba(8,18,31,.96),rgba(9,21,36,.92));
  border:1px solid rgba(180,205,240,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 18px 40px rgba(4,10,18,.18);
}
.market-price-wrap .label{
  display:inline-flex;
  align-items:center;
  align-self:flex-start;
  padding:8px 14px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(21,53,90,.58),rgba(14,36,61,.72));
  border:1px solid rgba(123,197,255,.18);
  color:#78b9ff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.market-price-wrap .market-big-price{
  color:#eaf3ff;
  text-shadow:0 1px 0 rgba(255,255,255,.02);
}
.market-price-wrap .market-big-change.up{color:#7be0b0;}
.market-price-wrap .market-big-change.down{color:#ff7c8d;}
.market-price-wrap .metric-mini-grid div{
  background:linear-gradient(180deg,rgba(9,20,35,.92),rgba(8,18,31,.88));
  border:1px solid rgba(180,205,240,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.market-price-wrap .metric-mini-grid span{
  color:#9bb0c9;
}
.market-price-wrap .metric-mini-grid strong{
  color:#eaf3ff;
}
.market-price-wrap .metric-mini-grid em{
  color:#9bb0c9;
  font-style:normal;
}
.market-price-wrap .metric-mini-grid em.up{color:#7be0b0;}
.market-price-wrap .metric-mini-grid em.down{color:#ff7c8d;}

.timeline-section {
  margin-top: 2rem;
}

.timeline-section-head {
  display: grid;
  gap: 1rem;
  align-items: start;
}

.timeline-section-head p {
  margin: 0.5rem 0 0;
  color: var(--text-dim, #a6b8d0);
  max-width: 78ch;
}

.timeline-toolbar {
  display: grid;
  gap: 0.85rem;
}

.timeline-filters,
.timeline-sorter {
  display: flex;
  gap: 0.65rem;
  flex-wrap: wrap;
}

.timeline-filter-btn,
.timeline-sort-btn {
  border: 1px solid rgba(118, 159, 219, 0.25);
  background: rgba(5, 14, 25, 0.78);
  color: #dce9f9;
  border-radius: 999px;
  padding: 0.72rem 1rem;
  font: inherit;
  cursor: pointer;
  transition: background 140ms ease, border-color 140ms ease, color 140ms ease, transform 140ms ease;
}

.timeline-filter-btn.is-active,
.timeline-sort-btn.is-active {
  background: linear-gradient(180deg, #76bfff 0%, #4e9ff2 100%);
  color: #04101d;
  border-color: rgba(118, 191, 255, 0.85);
}

.timeline-list {
  display: grid;
  gap: 1rem;
}

.timeline-item {
  border-radius: 24px;
  border: 1px solid rgba(118, 159, 219, 0.17);
  background: linear-gradient(180deg, rgba(11, 23, 39, 0.98) 0%, rgba(6, 17, 29, 0.98) 100%);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.24);
}

.timeline-item[hidden] {
  display: none !important;
}

.timeline-item-head,
.timeline-foot {
  display: flex;
  gap: 0.9rem;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.timeline-meta {
  display: flex;
  gap: 0.55rem;
  align-items: center;
  flex-wrap: wrap;
}

.timeline-type,
.timeline-date,
.timeline-precision {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  border: 1px solid rgba(118, 159, 219, 0.18);
  padding: 0.35rem 0.7rem;
  font-size: 0.86rem;
}

.timeline-date,
.timeline-precision {
  color: #aac0db;
}

.timeline-item h3 {
  margin: 0.75rem 0 0.55rem;
}

.timeline-summary {
  margin: 0 0 0.75rem;
  color: #e7f0fb;
  font-weight: 600;
}

.timeline-body {
  color: #b2c2d8;
}

.timeline-body p,
.timeline-body ul {
  margin: 0.55rem 0;
}

.timeline-foot {
  margin-top: 0.9rem;
  color: #9db0c8;
  font-size: 0.95rem;
}

.timeline-foot strong {
  color: #d7e6f8;
}

@media (min-width: 980px) {
  .timeline-section-head {
    grid-template-columns: minmax(0, 1.4fr) minmax(320px, 1fr);
  }
}


.wrap-phase9{padding-top:24px;padding-bottom:48px}
.card-dark{
  background:linear-gradient(180deg, rgba(10,20,34,.95), rgba(7,16,28,.98));
  color:#f3f7ff;
  border:1px solid rgba(142,183,235,.16);
  box-shadow:0 20px 46px rgba(0,0,0,.24);
}
.card-dark .eyebrow,.card-dark .label{color:#7fc8ff}
.lead-dark,.muted-dark{color:rgba(226,236,255,.82)}
.home-latest-strip{padding:28px;border-radius:26px;margin-bottom:24px}
.home-latest-strip__grid{display:grid;grid-template-columns:1.4fr .8fr;gap:18px;align-items:start}
.latest-meta-card{
  border:1px solid rgba(142,183,235,.18);
  background:rgba(255,255,255,.03);
  border-radius:22px;
  padding:18px;
  display:grid;
  gap:10px;
}
.home-support-grid{margin-top:10px}
.panel-grid-home{grid-template-columns:repeat(3,minmax(0,1fr))}
.root-lang-card{padding:24px;margin-bottom:24px}
.root-lang-head{align-items:center}
.root-lang-cards{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}
.lang-card-rich{
  background:rgba(255,255,255,.03);
  color:#eef5ff;
  border-color:rgba(142,183,235,.18);
  gap:14px;
}
.lang-card-rich:hover{text-decoration:none;background:rgba(123,197,255,.10)}
.lang-card__flag img{display:block;width:34px;height:24px;border-radius:4px;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.lang-card__text{display:flex;flex-direction:column;gap:2px}
.lang-card__text small{color:rgba(226,236,255,.66)}
.root-offer-pills .timeline-precision{background:rgba(255,255,255,.05)}
.hero-actions-dark{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:10px 16px;font-weight:600;text-decoration:none;border:1px solid rgba(123,197,255,.22);transition:.18s ease}
.btn:hover{text-decoration:none}
.btn-primary{background:linear-gradient(180deg,#75b9ff,#56a3ff);color:#07131f;border-color:rgba(117,185,255,.65)}
.btn-ghost{background:rgba(255,255,255,.02);color:#eaf3ff}
.btn-ghost:hover{background:rgba(123,197,255,.10)}
.home-latest-strip .btn-ghost{border-color:rgba(142,183,235,.22)}
.site-footer{background:#081018;color:#dbe8ff;padding:28px 0 44px;border-top:1px solid rgba(255,255,255,.05)}
.footer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.footer-title{font-weight:700;margin-bottom:8px;color:#fff}
.site-footer h3,.site-footer p{margin:0 0 8px}
.vinox-disclaimer[hidden]{display:none !important}
body.vinox-disclaimer-open{overflow:hidden}
.vinox-disclaimer{position:fixed;inset:0;z-index:10000}
.vinox-disclaimer__backdrop{position:absolute;inset:0;background:rgba(3,8,15,.72);backdrop-filter:blur(8px)}
.vinox-disclaimer__dialog{
  position:relative;
  z-index:2;
  max-width:860px;
  margin:7vh auto 0;
  padding:38px 40px 34px;
  border-radius:30px;
  border:1px solid rgba(27,51,84,.12);
  background:#dfe5ee;
  color:#182a42;
  box-shadow:0 26px 70px rgba(0,0,0,.34);
}
.vinox-disclaimer__icon{font-size:42px;line-height:1;margin-bottom:16px}
.vinox-disclaimer__dialog h2{margin:0 0 18px;font-size:clamp(2.4rem,4.8vw,4.4rem);font-weight:850;line-height:1.02;color:#132844}
.vinox-disclaimer__dialog p{margin:0 0 20px;font-size:1.1rem;line-height:1.72;color:#36485f}
.vinox-disclaimer__dialog p strong{color:#233852}
.vinox-disclaimer__note{margin-top:10px;padding:24px 28px;border-radius:24px;border:1px solid rgba(36,65,103,.13);background:rgba(197,206,218,.68);color:#496380;font-size:1.08rem;line-height:1.68}
.disclaimer-points{display:none}
.disclaimer-actions{display:flex;gap:12px;margin-top:28px}
.vinox-disclaimer__action-wrap{width:100%}
.vinox-disclaimer__accept.btn.btn-primary,.vinox-disclaimer .btn.btn-primary{
  width:100%;
  justify-content:center;
  min-height:72px;
  border-radius:20px;
  font-size:1.2rem;
  font-weight:900;
  letter-spacing:.01em;
  color:#ffffff !important;
  background:linear-gradient(180deg,#4b86f6 0%,#2f6ee9 100%) !important;
  border:1px solid rgba(35,88,214,.92) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 18px 32px rgba(33,88,185,.22);
  text-shadow:0 1px 0 rgba(0,0,0,.16);
}
.vinox-disclaimer__accept.btn.btn-primary:hover,.vinox-disclaimer .btn.btn-primary:hover{
  transform:translateY(-1px);
  filter:brightness(1.02);
}
.vinox-disclaimer__helper{margin-top:10px;text-align:center;font-size:.96rem;color:#5c7492;font-weight:600}
@media (max-width: 980px){
  .home-latest-strip__grid,.footer-grid{grid-template-columns:1fr}
  .root-lang-cards,.panel-grid-home{grid-template-columns:1fr 1fr}
}
@media (max-width: 700px){
  .root-lang-cards,.panel-grid-home{grid-template-columns:1fr}
  .vinox-disclaimer__dialog{margin:4vh 16px 0;padding:28px 22px 24px;border-radius:24px}.vinox-disclaimer__accept.btn.btn-primary,.vinox-disclaimer .btn.btn-primary{min-height:64px;font-size:1.08rem}
}


/* Phase 11 Classic frontend */
.wrap-classic{display:grid;gap:1rem;}
.classic-intro-strip{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,.8fr);gap:1rem;align-items:start;}
.classic-intro-strip__meta{display:grid;gap:.55rem;justify-items:start;}
.classic-anchor-bar{display:flex;flex-wrap:wrap;gap:.55rem;padding:.85rem 1rem;background:#101a24;border:1px solid rgba(255,255,255,.08);}
.classic-anchor-bar a{display:inline-flex;align-items:center;padding:.45rem .75rem;border-radius:999px;background:#172434;color:#dfe8f3;text-decoration:none;font-size:.92rem;}
.classic-anchor-bar a:hover{background:#203247;color:#fff;}
.classic-home-shell .hero{margin-top:0;}
.classic-verified-tail{margin-top:.5rem;}
.site-header-phase7 .primary-nav a[href*="#"]{border-bottom:none;}
.vinox-admin .vinox-classic-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:1rem;align-items:start;}
.vinox-admin .vinox-editor .description code{font-size:12px;}
@media (max-width: 900px){.classic-intro-strip{grid-template-columns:1fr;}.classic-anchor-bar{overflow:auto;}}

@media (max-width:980px){
  .header-shell{grid-template-columns:1fr;align-items:flex-start;}
  .brand-logo-horizontal{height:34px;}
}
@media (max-width:640px){
  .brand-link-with-logo{align-items:flex-start;}
  .brand-logo-wrap{min-height:36px;}
  .brand-logo-horizontal{display:none;}
  .brand-logo-icon{display:block;}
}