/* WB Profit — premium visual system 2026
   Loaded after the legacy page styles to preserve all product logic. */
:root {
  --ink: #07080b;
  --ink2: #0b0d12;
  --ink3: #11141b;
  --glass: rgba(255,255,255,.035);
  --glass2: rgba(255,255,255,.055);
  --glass3: rgba(255,255,255,.09);
  --hair: rgba(255,255,255,.09);
  --hair2: rgba(255,255,255,.15);
  --txt: #f4f3ed;
  --txt2: #c5c7c3;
  --muted: #898f9b;
  --muted2: #5e6470;
  --lime: #ceff42;
  --mint: #8cf5c6;
  --coral: #ff745c;
  --amber: #ffbd5b;
  --teal: #52dcff;
  --violet: #9b7cff;
  --display: 'Unbounded','Manrope',sans-serif;
  --body: 'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --mono: 'JetBrains Mono',ui-monospace,monospace;
  --r-card: 22px;
  --r-btn: 12px;
  --premium-ease: cubic-bezier(.16,1,.3,1);
}

html { background: var(--ink); overflow-x: clip; }
body.premium-2026 {
  font-family: var(--body);
  background: var(--ink);
  color: var(--txt);
  overflow-x: hidden;
  letter-spacing: -.01em;
  -webkit-font-smoothing: antialiased;
}
body.premium-2026::selection { color: var(--ink); background: var(--lime); }
body.premium-2026::-webkit-scrollbar { width: 6px; height: 6px; }
body.premium-2026::-webkit-scrollbar-thumb { background: #343944; border-radius: 99px; }
body.premium-2026 .icon { stroke-width: 1.7; }
body.premium-2026 .bg-texture .grid {
  background-size: 64px 64px;
  background-image: linear-gradient(to right,rgba(255,255,255,.021) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.021) 1px,transparent 1px);
  mask-image: linear-gradient(to bottom,#000,transparent 82%);
}
body.premium-2026 .bg-texture .noise { opacity: .022; }

.premium-progress {
  position: fixed; z-index: 1000; inset: 0 0 auto; height: 2px;
  pointer-events: none;
}
.premium-progress > i {
  display: block; height: 100%; width: 0;
  background: linear-gradient(90deg,var(--lime),var(--teal),var(--violet));
  box-shadow: 0 0 18px rgba(206,255,66,.65);
}
.premium-signal-canvas { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; opacity: .7; }
.premium-reveal { opacity: 0; transform: translateY(28px); transition: opacity .8s var(--premium-ease),transform .8s var(--premium-ease); }
.premium-reveal.premium-visible { opacity: 1; transform: none; }

/* ══════════════════════════════════════════════════════════════════════════
   LANDING
   ══════════════════════════════════════════════════════════════════════════ */
.premium-landing .nav {
  top: 18px; left: 50%; right: auto; transform: translateX(-50%);
  width: min(calc(100% - 40px),1460px); height: 72px; padding: 10px 12px 10px 18px;
  border: 1px solid rgba(255,255,255,.11); border-radius: 18px;
  background: rgba(8,9,12,.68); backdrop-filter: blur(22px) saturate(140%);
  box-shadow: 0 22px 70px rgba(0,0,0,.28);
}
.premium-landing .nav.premium-nav-scrolled { top: 9px; background: rgba(8,9,12,.9); }
.premium-landing .nav-logo { gap: 11px; font-family: var(--display); }
.premium-landing .nav-logo .mark,
.premium-landing .footer-brand .mark {
  width: 40px; height: 40px; border-radius: 11px; color: var(--ink);
  background: var(--lime); box-shadow: 0 0 30px rgba(206,255,66,.15);
}
.premium-landing .nav-logo .name { font: 700 13px/1 var(--display); letter-spacing: -.04em; text-transform: uppercase; }
.premium-landing .nav-logo .sub { margin-top: 5px; font-size: 7px; letter-spacing: .14em; text-transform: uppercase; color: #707681; }
.premium-landing .nav-logo .name span,
.premium-landing .footer-brand .name span { color: var(--lime); }
.premium-landing .nav-links { gap: clamp(18px,2.6vw,38px); }
.premium-landing .nav-links a { color: #9da2ad; font-size: 11px; font-weight: 700; }
.premium-landing .nav-links a:hover { color: #fff; }

.premium-landing .btn {
  position: relative; min-height: 52px; padding: 0 22px; overflow: hidden;
  border-radius: 12px; font-size: 11px; letter-spacing: -.01em;
  transition: transform .35s var(--premium-ease),box-shadow .35s,border-color .35s,background .35s;
}
.premium-landing .btn::before {
  content: ''; position: absolute; z-index: 0; inset: 100% 0 auto; height: 100%;
  background: #fff; transition: transform .45s var(--premium-ease);
}
.premium-landing .btn:hover::before { transform: translateY(-100%); }
.premium-landing .btn > * { position: relative; z-index: 1; }
.premium-landing .btn-lime { color: var(--ink); background: var(--lime); box-shadow: 0 12px 40px rgba(206,255,66,.12); }
.premium-landing .btn-lime:hover { color: var(--ink); background: var(--lime); box-shadow: 0 16px 50px rgba(206,255,66,.2); }
.premium-landing .btn-ghost { color: #e0e2dd; border-color: rgba(255,255,255,.15); background: rgba(255,255,255,.025); }
.premium-landing .btn-ghost:hover { color: var(--ink); border-color: #fff; }
.premium-landing .btn-lg { min-height: 64px; padding-inline: 28px; font-size: 12px; }
.premium-landing .btn-sm { min-height: 48px; padding-inline: 19px; font-size: 10px; }

.premium-landing .hero {
  min-height: 1500px; display: block; padding: 180px max(5vw,30px) 130px;
  text-align: left; overflow: hidden;
  background: radial-gradient(circle at 52% 29%,#141925 0,#07080b 52%);
}
.premium-landing .hero::before {
  content: ''; position: absolute; width: 540px; height: 540px; top: 220px; right: -170px;
  border: 1px solid rgba(206,255,66,.1); border-radius: 50%;
  box-shadow: inset 0 0 100px rgba(206,255,66,.02),0 0 120px rgba(82,220,255,.03);
  pointer-events: none;
}
.premium-landing .hero::after {
  content: 'PROFIT'; position: absolute; right: -.08em; top: 370px; pointer-events: none;
  color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.025);
  font: 700 clamp(130px,22vw,380px)/.7 var(--display); letter-spacing: -.1em;
}
.premium-landing .hero > *:not(.premium-signal-canvas) { position: relative; z-index: 2; }
.premium-landing .hero-tag {
  width: fit-content; margin: 0 0 42px; padding: 9px 14px;
  border-color: rgba(206,255,66,.24); color: var(--lime); background: rgba(206,255,66,.06);
  font-size: 9px; letter-spacing: .16em;
}
.premium-landing .hero-tag .dot { background: var(--lime); box-shadow: 0 0 0 5px rgba(206,255,66,.1),0 0 18px var(--lime); }
.premium-landing .hero h1 {
  max-width: 1320px; margin: 0 0 40px;
  font: 600 clamp(64px,8.8vw,148px)/.86 var(--display);
  letter-spacing: -.075em; text-transform: uppercase;
}
.premium-landing .hero h1 .lime {
  color: transparent; background: none; -webkit-text-stroke: 1.5px rgba(206,255,66,.9);
}
.premium-landing .hero > p {
  max-width: 620px; margin: 0; color: #999faa;
  font-size: clamp(15px,1.35vw,19px); line-height: 1.7;
}
.premium-landing .hero-actions { justify-content: flex-start; margin: 36px 0 0; }
.premium-landing .hero-note { justify-content: flex-start; color: #777d88; font-size: 9px; }
.premium-landing .hero-note .ck { color: var(--lime); }
.premium-landing .mockup-wrap { width: min(100%,1440px); margin: 105px auto 0; perspective: 1600px; }
.premium-landing .mockup-glow { background: radial-gradient(ellipse at center,rgba(206,255,66,.14),transparent 62%); filter: blur(60px); }
.premium-landing .mockup {
  border: 1px solid rgba(255,255,255,.15); border-radius: 26px;
  background: rgba(13,16,22,.95); box-shadow: 0 70px 150px rgba(0,0,0,.7),inset 0 1px rgba(255,255,255,.06);
  transform: rotateX(1.5deg); transform-style: preserve-3d;
  transition: transform .25s ease-out;
}
.premium-landing .mockup-bar { height: 62px; border-color: rgba(255,255,255,.08); background: rgba(255,255,255,.018); }
.premium-landing .mockup-bar .url { color: #555c68; background: #0b0d12; border-color: rgba(255,255,255,.07); }
.premium-landing .mockup-body { height: 520px; }
.premium-landing .mock-sidebar { width: 205px; padding: 20px 12px; border-color: rgba(255,255,255,.08); background: #0c0f14; }
.premium-landing .mock-brand .mk { color: var(--ink); background: var(--lime); }
.premium-landing .mock-nav-item { color: #636a76; border: 1px solid transparent; border-radius: 10px; }
.premium-landing .mock-nav-item.active { color: var(--lime); background: rgba(206,255,66,.075); border-color: rgba(206,255,66,.14); }
.premium-landing .mock-content { padding: 26px; gap: 16px; }
.premium-landing .mock-title { font: 600 18px var(--display); letter-spacing: -.05em; }
.premium-landing .mock-pb { padding: 7px 11px; border-radius: 7px; }
.premium-landing .mock-pb.active { color: var(--lime); background: rgba(206,255,66,.08); }
.premium-landing .mock-grid { gap: 12px; }
.premium-landing .mock-card { padding: 17px; border-radius: 14px; border-color: rgba(255,255,255,.09); background: linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012)); }
.premium-landing .mock-val { color: var(--lime); font-family: var(--display); letter-spacing: -.05em; }

.premium-landing .trust-bar {
  width: 102%; margin-left: -1%; padding: 0 max(5vw,30px); transform: rotate(-1deg);
  border-block: 1px solid rgba(206,255,66,.35); background: var(--lime); color: var(--ink);
}
.premium-landing .trust-stat { min-height: 128px; border-color: rgba(7,8,11,.14); }
.premium-landing .trust-stat .val,.premium-landing .trust-stat .lbl { color: var(--ink); }
.premium-landing .trust-stat .val { font-family: var(--display); letter-spacing: -.06em; }
.premium-landing .trust-stat.trust-cta:hover { background: rgba(255,255,255,.2); }

.premium-landing .section,
.premium-landing .how,
.premium-landing .metrics,
.premium-landing .calc-section,
.premium-landing .pricing,
.premium-landing .faq { padding: 145px max(5vw,30px); }
.premium-landing .section > div,
.premium-landing .how > div,
.premium-landing .calc-wrap,
.premium-landing .pricing > div,
.premium-landing .faq > div:first-child { max-width: 1440px !important; }
.premium-landing .section-tag {
  margin-bottom: 27px; color: var(--lime); font-size: 9px; letter-spacing: .18em;
}
.premium-landing .section-tag::before { width: 7px; height: 7px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 10px var(--lime); }
.premium-landing .section-title {
  font: 600 clamp(46px,6.2vw,98px)/.94 var(--display); letter-spacing: -.075em;
  text-transform: uppercase;
}
.premium-landing .section-title .lime {
  color: transparent; background: none; -webkit-text-stroke: 1px rgba(206,255,66,.75);
}
.premium-landing .section-sub { max-width: 680px; color: #8c929d; font-size: clamp(14px,1.35vw,19px); line-height: 1.7; }

.premium-landing .problem {
  --txt: #0b0c10; --txt2: #35383f; --muted: #6b6e74; --muted2: #777a80;
  --hair: rgba(11,12,16,.12); --hair2: rgba(11,12,16,.2);
  color: var(--txt); background: #ecebe4;
}
.premium-landing .problem .section-tag { color: #7957f5; }
.premium-landing .problem .section-tag::before { background: #7957f5; box-shadow: 0 0 10px rgba(121,87,245,.4); }
.premium-landing .problem .section-title .lime { -webkit-text-stroke-color: rgba(11,12,16,.42); }
.premium-landing .problem-grid { gap: 16px; margin-top: 75px; }
.premium-landing .problem-card { min-height: 390px; padding: 34px; border-radius: 22px; background: rgba(255,255,255,.28); box-shadow: none; }
.premium-landing .problem-card.bad { border-color: rgba(255,116,92,.28); }
.premium-landing .problem-card.good { border-color: rgba(121,87,245,.25); background: #101218; color: #f2f1ec; --muted:#9298a3; }
.premium-landing .problem-card h3 { font: 600 clamp(22px,2.3vw,36px)/1.05 var(--display); letter-spacing: -.06em; }
.premium-landing .problem-card li { font-size: 12px; line-height: 1.6; }

.premium-landing #features { background: #08090d !important; }
.premium-landing .features-grid { grid-template-columns: repeat(12,1fr); gap: 12px; margin-top: 80px; }
.premium-landing .feature-card { grid-column: span 4; min-height: 270px; padding: 29px; border-radius: 19px; background: linear-gradient(145deg,#12151c,#0d0f14); }
.premium-landing .feature-card:first-child,.premium-landing .feature-card:nth-child(5) { grid-column: span 6; }
.premium-landing .feature-card:hover { transform: translateY(-7px); border-color: rgba(206,255,66,.25); box-shadow: 0 28px 70px rgba(0,0,0,.28); }
.premium-landing .feature-card::before { height: 2px; background: linear-gradient(90deg,var(--lime),var(--teal),var(--violet)); }
.premium-landing .feature-ico { width: 48px; height: 48px; border-radius: 13px; color: var(--lime); background: rgba(206,255,66,.075); border-color: rgba(206,255,66,.14); }
.premium-landing .feature-card h3 { margin-top: 34px; font: 600 19px/1.1 var(--display); letter-spacing: -.05em; }
.premium-landing .feature-card p { margin-top: 12px; color: #797f8b; }
.premium-landing .feature-chip { border-color: rgba(206,255,66,.2); color: var(--lime); background: rgba(206,255,66,.06); }

.premium-landing .insights-ticker { padding: 120px max(5vw,30px); background: #101319; }
.premium-landing .ticker-wrap { max-width: 1100px; min-height: 170px; }
.premium-landing .ticker-card { padding: 34px; border-radius: 20px; border: 1px solid rgba(255,255,255,.1); background: linear-gradient(145deg,#171b23,#0f1117); }
.premium-landing .ticker-ico { width: 58px; height: 58px; border-radius: 15px; }
.premium-landing .ticker-title { font: 600 clamp(17px,1.8vw,25px)/1.2 var(--display); letter-spacing: -.05em; }
.premium-landing .ticker-dot.active { background: var(--lime); }

.premium-landing .how { background: #0a0b0f; }
.premium-landing .how > div { text-align: left !important; }
.premium-landing .how .section-tag { justify-content: flex-start !important; }
.premium-landing .how .section-sub { margin-left: 0 !important; }
.premium-landing .steps { margin-top: 90px; gap: 12px; }
.premium-landing .step { position: relative; min-height: 370px; padding: 32px; border-radius: 20px; overflow: hidden; background: #11141b; }
.premium-landing .step::after { content: attr(data-step); position: absolute; right: -12px; bottom: -40px; color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.035); font: 700 170px/1 var(--display); }
.premium-landing .step-num { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 50%; color: var(--ink); background: var(--lime); font: 600 12px var(--display); }
.premium-landing .step h3 { margin-top: 65px; font: 600 22px/1.1 var(--display); letter-spacing: -.05em; }
.premium-landing .step p { color: #7f8591; line-height: 1.7; }
.premium-landing .step-sub { color: var(--lime); }

.premium-landing .metrics { background: var(--lime) !important; color: var(--ink); }
.premium-landing .metrics .section-tag,.premium-landing .metrics .section-title,.premium-landing .metrics .section-sub { color: var(--ink); }
.premium-landing .metrics .section-tag::before { background: var(--ink); box-shadow: none; }
.premium-landing .metrics .section-title .lime { color: transparent; -webkit-text-stroke-color: rgba(7,8,11,.6); }
.premium-landing .metrics-grid { max-width: 1320px; gap: 0; margin-top: 80px; border: 1px solid rgba(7,8,11,.2); border-radius: 20px; overflow: hidden; }
.premium-landing .metric-chip { min-height: 125px; border: 0; border-right: 1px solid rgba(7,8,11,.16); border-bottom: 1px solid rgba(7,8,11,.16); border-radius: 0; background: rgba(255,255,255,.08); color: var(--ink); }
.premium-landing .metric-chip .ico { color: var(--ink); background: rgba(7,8,11,.08); }
.premium-landing .metric-chip .label,.premium-landing .metric-chip .val { color: var(--ink); }

.premium-landing .calc-section { background: radial-gradient(circle at 80% 25%,rgba(82,220,255,.07),transparent 30%),#11141a; }
.premium-landing .calc-grid { gap: 14px; margin-top: 60px; }
.premium-landing .calc-card { padding: 28px; border-radius: 20px; background: #0c0e13; }
.premium-landing .calc-card h3 { color: #d8dad6; font: 600 15px var(--display); letter-spacing: -.04em; }
.premium-landing .calc-input,.premium-landing .calc-select { min-height: 46px; border-radius: 10px; background: #171a21; }
.premium-landing .calc-input:focus,.premium-landing .calc-select:focus { border-color: var(--teal); box-shadow: 0 0 0 3px rgba(82,220,255,.08); }
.premium-landing .calc-mode-toggle button.active { color: var(--ink); background: var(--teal); }
.premium-landing .calc-results { top: 100px; }
.premium-landing .calc-lock-overlay { border-radius: 22px; background: rgba(7,8,11,.72); backdrop-filter: blur(16px); }

.premium-landing .pricing {
  --txt:#0b0c10; --txt2:#383b41; --muted:#6e7177; --muted2:#818389;
  --hair:rgba(11,12,16,.12); --hair2:rgba(11,12,16,.2);
  color: var(--txt); background: #ecebe4;
}
.premium-landing .pricing .section-tag { color: #7957f5; }
.premium-landing .pricing .section-tag::before { background: #7957f5; box-shadow: none; }
.premium-landing .pricing .section-title .lime { -webkit-text-stroke-color: rgba(11,12,16,.42); }
.premium-landing .pricing > div > div[style*="background:var(--ink3)"] { background: rgba(255,255,255,.33) !important; border-color: rgba(11,12,16,.15) !important; box-shadow: none !important; }
.premium-landing .bot-tariff-card,.premium-landing .price-card { border-radius: 16px !important; background: rgba(255,255,255,.45) !important; }
.premium-landing .price-card { min-height: 285px; padding: 25px; }
.premium-landing .price-card.popular { color: #f2f1ec; background: #0f1116 !important; border-color: rgba(121,87,245,.3) !important; box-shadow: none; }
.premium-landing .price-card.popular .price-period,.premium-landing .price-card.popular .price-per-label,.premium-landing .price-card.popular .price-total { color: #8f95a0; }
.premium-landing .price-cta { border-radius: 10px; color: var(--ink); background: var(--lime); }

.premium-landing .faq { background: #090a0e; }
.premium-landing .faq-item { border-radius: 0; border-width: 1px 0 0; background: transparent; }
.premium-landing .faq-item:last-child { border-bottom: 1px solid var(--hair); }
.premium-landing .faq-q { min-height: 85px; padding: 22px 6px; font: 600 clamp(14px,1.3vw,17px)/1.4 var(--display); letter-spacing: -.04em; }
.premium-landing .faq-a { padding-inline: 6px; color: #898f9a; }

.premium-landing .cta-final {
  min-height: 830px; display: grid; place-items: center; overflow: hidden;
  background: radial-gradient(circle at 50% 50%,rgba(206,255,66,.075),transparent 34%),#0d0f14;
}
.premium-landing .cta-final::before,.premium-landing .cta-final::after { content: ''; position: absolute; width: min(76vw,940px); aspect-ratio: 1; border: 1px solid rgba(206,255,66,.13); border-radius: 50%; pointer-events: none; }
.premium-landing .cta-final::after { width: min(48vw,580px); border-color: rgba(155,124,255,.1); }
.premium-landing .cta-final > * { position: relative; z-index: 1; }
.premium-landing .cta-final h2 { font: 600 clamp(48px,7vw,110px)/.9 var(--display); letter-spacing: -.08em; text-transform: uppercase; }
.premium-landing .cta-final h2 .lime { color: var(--lime); }
.premium-landing footer { padding: 70px max(5vw,30px) 30px; background: #06070a; }

.premium-landing .modal-overlay { backdrop-filter: blur(22px); background: rgba(3,4,7,.78); }
.premium-landing .modal { border-radius: 22px; border-color: rgba(255,255,255,.14); background: #11141a; box-shadow: 0 50px 120px rgba(0,0,0,.65); }
.premium-landing .dropzone { border-radius: 16px; background: rgba(255,255,255,.025); }
.premium-landing .dropzone:hover { border-color: var(--lime); background: rgba(206,255,66,.04); }

/* ══════════════════════════════════════════════════════════════════════════
   DASHBOARD / every internal section
   ══════════════════════════════════════════════════════════════════════════ */
.premium-dashboard {
  background: radial-gradient(900px 600px at 92% -12%,rgba(82,220,255,.065),transparent 62%),radial-gradient(800px 600px at 5% 95%,rgba(155,124,255,.07),transparent 60%),#08090d !important;
}
.premium-dashboard .sidebar {
  width: 276px; padding: 22px 14px; gap: 5px;
  border-right: 1px solid rgba(255,255,255,.08);
  background: rgba(9,11,15,.9); backdrop-filter: blur(22px) saturate(130%);
  box-shadow: 20px 0 70px rgba(0,0,0,.14);
  overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none;
}
.premium-dashboard .sidebar::-webkit-scrollbar { width: 0; height: 0; background: transparent; }
.premium-dashboard .brand { padding: 8px 10px 24px; }
.premium-dashboard .brand .mark {
  width: 42px; height: 42px; border-radius: 12px; color: var(--ink);
  background: var(--lime); box-shadow: 0 0 28px rgba(206,255,66,.13);
}
.premium-dashboard .brand .name { font: 600 14px/1 var(--display); letter-spacing: -.04em; }
.premium-dashboard .brand .sub { margin-top: 6px; color: #666d78; font-size: 8px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.premium-dashboard .brand .name span,.premium-dashboard .mobile-bar .mb-title span { color: var(--lime); }
.premium-dashboard .navgroup { padding: 18px 11px 7px; color: #515762; font-size: 8px; font-weight: 800; letter-spacing: .18em; }
.premium-dashboard .navitem,.premium-dashboard .navcat-btn {
  min-height: 47px; margin: 2px 0; padding: 8px 11px; border: 1px solid transparent;
  border-radius: 11px; color: #797f8b; font-size: 11px; font-weight: 700;
}
.premium-dashboard .navitem:hover,.premium-dashboard .navcat-btn:hover { color: #eff0eb; background: rgba(255,255,255,.035); border-color: rgba(255,255,255,.06); transform: translateX(3px); }
.premium-dashboard .navitem.active {
  color: var(--ink); background: var(--lime); border-color: var(--lime);
  box-shadow: 0 10px 28px rgba(206,255,66,.09);
}
.premium-dashboard .navcat-btn.active {
  color: #eef2e7; background: rgba(206,255,66,.075); border-color: rgba(206,255,66,.16);
  box-shadow: inset 3px 0 var(--lime);
}
.premium-dashboard .navitem .ico,.premium-dashboard .navcat-btn .ico { width: 30px; height: 30px; border-radius: 9px; background: rgba(255,255,255,.035); }
.premium-dashboard .navitem.active .ico { color: var(--ink); background: rgba(7,8,11,.1); }
.premium-dashboard .navcat-btn.active .ico { color: var(--lime); background: rgba(206,255,66,.07); }
.premium-dashboard .navcat-btn .chev { transition: transform .28s var(--premium-ease),color .2s; }
.premium-dashboard .navcat.open > .navcat-btn .chev { color: var(--lime); transform: rotate(90deg); }
.premium-dashboard .navcat-flyout {
  position: static; display: block !important; width: auto; min-width: 0; max-height: 0; margin: 0;
  padding: 0 5px 0 12px; overflow: hidden; border: 0; border-radius: 0;
  background: transparent; box-shadow: none; backdrop-filter: none;
  opacity: 0; visibility: hidden; transform: none;
  transition: max-height .38s var(--premium-ease),opacity .22s,visibility .22s,margin .3s;
}
.premium-dashboard .navcat-flyout::before { display: none; }
.premium-dashboard .navcat:not(.open) > .navcat-flyout { opacity: 0 !important; visibility: hidden !important; }
.premium-dashboard .navcat.open > .navcat-flyout { max-height: 480px; margin: 3px 0 8px; opacity: 1; visibility: visible; }
.premium-dashboard .navcat-flyout-title { color: #626874; font-size: 8px; }
.premium-dashboard .navcat-flyout .navitem {
  min-height: 38px; margin: 1px 0; padding: 5px 8px; border-radius: 9px; font-size: 10px;
}
.premium-dashboard .navcat-flyout .navitem .ico { width: 26px; height: 26px; border-radius: 8px; }
.premium-dashboard .navcat-flyout .navitem:hover { transform: translateX(2px); }
.premium-dashboard .navitem[data-section="rnp"] { border-color: rgba(206,255,66,.14) !important; background: rgba(206,255,66,.055) !important; }
.premium-dashboard .sidebar-foot { border-color: rgba(255,255,255,.08); background: #101319; }
.premium-dashboard .tg-link { color: var(--lime); }

.premium-dashboard .main { padding: 28px clamp(22px,3vw,48px) 70px; }
.premium-dashboard .section.active { animation: premiumSectionIn .5s var(--premium-ease) both; }
@keyframes premiumSectionIn { from { opacity: 0; transform: translateY(18px) scale(.995); } to { opacity: 1; transform: none; } }
.premium-dashboard .topbar { min-height: 84px; margin-bottom: 26px; padding: 15px 18px; border: 1px solid rgba(255,255,255,.08); border-radius: 17px; background: rgba(13,16,22,.58); backdrop-filter: blur(18px); }
.premium-dashboard .topbar h1 { font: 600 clamp(21px,2.2vw,32px)/1.1 var(--display); letter-spacing: -.06em; }
.premium-dashboard .topbar .greet { color: #747b87; font-size: 11px; }
.premium-dashboard .period-switch { padding: 4px; border-radius: 10px; border: 1px solid rgba(255,255,255,.09); background: #0b0d12; }
.premium-dashboard .period-switch button { min-height: 34px; border-radius: 7px; font-size: 9px; }
.premium-dashboard .period-switch button.active { color: var(--ink); background: var(--lime); box-shadow: none; }
.premium-dashboard .brand-switch select { min-height: 42px; border-radius: 10px; background: #11141a; }

.premium-dashboard .grid { gap: 13px; }
.premium-dashboard .card {
  position: relative; border: 1px solid rgba(255,255,255,.085); border-radius: 18px;
  background: linear-gradient(145deg,rgba(20,24,32,.96),rgba(12,14,19,.96));
  box-shadow: inset 0 1px rgba(255,255,255,.025);
  transition: transform .35s var(--premium-ease),border-color .35s,box-shadow .35s;
}
.premium-dashboard .card::after { content: ''; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; background: radial-gradient(330px circle at var(--card-x,50%) var(--card-y,50%),rgba(206,255,66,.045),transparent 55%); opacity: 0; transition: opacity .3s; }
.premium-dashboard .card:hover { transform: translateY(-3px); border-color: rgba(206,255,66,.17); box-shadow: 0 24px 65px rgba(0,0,0,.24); }
.premium-dashboard .card:hover::after { opacity: 1; }
.premium-dashboard .eyebrow { color: #777e8a; font-size: 8px; font-weight: 800; letter-spacing: .16em; }
.premium-dashboard .big { font-family: var(--display) !important; letter-spacing: -.065em; }
.premium-dashboard .kpi { border-radius: 12px; background: rgba(255,255,255,.03); }
.premium-dashboard .kpi .v { font-family: var(--display); letter-spacing: -.05em; }
.premium-dashboard .bar-track,.premium-dashboard .progress { background: rgba(255,255,255,.055); }
.premium-dashboard .bar-fill { border-radius: 99px; }
.premium-dashboard table { border-collapse: separate; border-spacing: 0; }
.premium-dashboard .card table thead th { color: #646b76; font-size: 8px; letter-spacing: .1em; }
.premium-dashboard .card table tbody td { border-color: rgba(255,255,255,.05); }
.premium-dashboard .card table tbody tr:hover { background: rgba(206,255,66,.025); }

.premium-dashboard .hub-head .hub-ico { color: var(--ink); background: var(--lime); border-radius: 14px; }
.premium-dashboard .hub-tile { min-height: 220px; padding: 25px; border-radius: 18px; background: linear-gradient(145deg,#141821,#0e1016); }
.premium-dashboard .hub-tile:hover { border-color: rgba(206,255,66,.22); box-shadow: 0 26px 70px rgba(0,0,0,.25); }
.premium-dashboard .hub-tile .ico { color: var(--lime); background: rgba(206,255,66,.07); border-color: rgba(206,255,66,.14); }
.premium-dashboard .hub-tile h3 { font: 600 16px/1.2 var(--display); letter-spacing: -.045em; }
.premium-dashboard .hub-tile .tile-badge.live { color: var(--lime); background: rgba(206,255,66,.07); }

.premium-dashboard .dropzone { min-height: 300px; border-radius: 18px; border: 1px dashed rgba(206,255,66,.25); background: radial-gradient(circle at 50% 50%,rgba(206,255,66,.035),transparent 60%),#0e1116; }
.premium-dashboard .dropzone:hover,.premium-dashboard .dropzone.drag { border-color: var(--lime); background: rgba(206,255,66,.045); }
.premium-dashboard .dropzone .ico { color: var(--lime); background: rgba(206,255,66,.07); }
.premium-dashboard .dropzone h3 { font: 600 17px/1.25 var(--display); letter-spacing: -.05em; }
.premium-dashboard input,.premium-dashboard select { accent-color: var(--lime); }
.premium-dashboard .btn-primary,.premium-dashboard .price-cta,.premium-dashboard .lock-cta { color: var(--ink) !important; background: var(--lime) !important; border-radius: 10px !important; box-shadow: none !important; }
.premium-dashboard .btn-ghost { border-color: rgba(255,255,255,.13); background: rgba(255,255,255,.025); }

.premium-dashboard .wizard-overlay { backdrop-filter: blur(22px); background: rgba(3,4,7,.78); }
.premium-dashboard .wizard-card { border-radius: 22px; border-color: rgba(255,255,255,.14); background: #11141a; box-shadow: 0 50px 120px rgba(0,0,0,.65); }
.premium-dashboard .wizard-title { font: 600 21px/1.15 var(--display); letter-spacing: -.05em; }
.premium-dashboard .wizard-step.active,.premium-dashboard .wizard-step.done { color: var(--ink); background: var(--lime); }
.premium-dashboard .toast { border-radius: 12px; background: #151920; box-shadow: 0 25px 70px rgba(0,0,0,.45); }

.premium-dashboard .rnp-card { border-color: rgba(255,255,255,.085); border-radius: 16px; background: linear-gradient(145deg,#151922,#0e1016); }
.premium-dashboard .rnp-card-val { font-family: var(--display); letter-spacing: -.06em; }
.premium-dashboard .rnp-preset.active,.premium-dashboard .rnp-preset:hover { color: var(--ink); background: var(--lime); border-color: var(--lime); }
.premium-dashboard .rnp-table-wrap th { background: #12151b; }
.premium-dashboard .rnp-table-wrap td:first-child { background: #0e1015; }
.premium-dashboard .rnp-group-hdr td { color: var(--lime); background: #101319 !important; }

.premium-dashboard #sec-pricing .card,.premium-dashboard #sec-upload .card,.premium-dashboard #sec-cabinet .card { min-height: 200px; }
.premium-dashboard #sec-calc .calc-card { border-radius: 17px; background: #101319; }
.premium-dashboard #sec-calc .calc-input,.premium-dashboard #sec-calc .calc-select { background: #171a22; }
.premium-dashboard #sec-growth .growth-card,.premium-dashboard .insight { border-radius: 14px; }
.premium-dashboard .section-lock-overlay { border-radius: 18px; background: rgba(8,10,14,.7); backdrop-filter: blur(14px); }

/* ── Report experience 2.0: one visual language for every analytical page ── */
.premium-dashboard .premium-section-hero {
  min-height: 178px; position: relative; display: flex; flex-direction: column; align-items: flex-start;
  justify-content: flex-end; gap: 8px; margin-bottom: 15px; padding: 64px 36px 30px;
  overflow: hidden; border: 1px solid rgba(255,255,255,.095); border-radius: 22px;
  background:
    radial-gradient(460px 220px at 92% 0,rgba(82,220,255,.105),transparent 70%),
    radial-gradient(360px 220px at 4% 120%,rgba(206,255,66,.075),transparent 70%),
    linear-gradient(135deg,rgba(22,26,35,.96),rgba(11,13,18,.98));
  box-shadow: inset 0 1px rgba(255,255,255,.035),0 25px 80px rgba(0,0,0,.16);
}
.premium-dashboard .premium-section-hero::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
  background-size: 36px 36px; mask-image: linear-gradient(90deg,#000,transparent 75%);
}
.premium-dashboard .premium-section-hero::after {
  content: attr(data-report-code); position: absolute; right: 24px; bottom: -32px;
  color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.045);
  font: 600 clamp(100px,12vw,176px)/1 var(--display); letter-spacing: -.1em; pointer-events: none;
}
.premium-dashboard .premium-section-hero > * { position: relative; z-index: 2; }
.premium-dashboard .premium-section-hero h1,
.premium-dashboard .premium-section-hero h2 {
  margin: 0; max-width: 850px; font: 600 clamp(28px,3vw,46px)/1 var(--display);
  letter-spacing: -.065em; text-wrap: balance;
}
.premium-dashboard .premium-section-hero .section-sub,
.premium-dashboard .premium-section-hero .greet { max-width: 720px; color: #9299a5; font-size: 12px; line-height: 1.6; }
.premium-dashboard .premium-section-hero .brand-switch { margin-top: 8px; }
.premium-dashboard .premium-section-context {
  position: absolute; inset: 20px 24px auto; display: flex; align-items: center; justify-content: space-between;
  color: #656d7a; font: 800 8px/1 var(--mono); letter-spacing: .16em; text-transform: uppercase;
}
.premium-dashboard .premium-section-context .is-live { display: inline-flex; align-items: center; gap: 8px; color: #949ba6; }
.premium-dashboard .premium-section-context .is-live i,
.premium-dashboard .lens-signal i,.premium-dashboard .premium-chart-badge i {
  width: 6px; height: 6px; display: inline-block; border-radius: 50%; background: var(--lime);
  box-shadow: 0 0 0 5px rgba(206,255,66,.08),0 0 14px rgba(206,255,66,.7);
  animation: premiumSignalPulse 2.2s ease-in-out infinite;
}
@keyframes premiumSignalPulse { 50% { opacity:.45; box-shadow:0 0 0 9px rgba(206,255,66,0),0 0 18px rgba(206,255,66,.35); } }

.premium-dashboard .premium-report-lens {
  position: relative; margin-bottom: 15px; padding: 26px 28px 18px; overflow: hidden;
  border: 1px solid rgba(255,255,255,.09); border-radius: 22px;
  background:
    radial-gradient(420px 230px at 72% 32%,rgba(82,220,255,.055),transparent 75%),
    linear-gradient(145deg,rgba(16,20,27,.98),rgba(9,11,15,.98));
  box-shadow: inset 0 1px rgba(255,255,255,.03);
  animation: premiumLensIn .7s var(--premium-ease) both;
}
.premium-dashboard .premium-report-lens::after {
  content:''; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.025) 42%,transparent 58%);
  transform:translateX(-100%); animation:premiumLensScan 5.5s ease-in-out infinite;
}
@keyframes premiumLensIn { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:none; } }
@keyframes premiumLensScan { 0%,64% { transform:translateX(-100%); } 100% { transform:translateX(100%); } }
.premium-dashboard .premium-report-lens.is-waiting { min-height: 230px; opacity:.5; }
.premium-dashboard .lens-head { position:relative; z-index:2; display:flex; align-items:flex-start; justify-content:space-between; gap:24px; }
.premium-dashboard .lens-kicker { margin-bottom:9px; color:var(--lime); font:800 8px/1 var(--mono); letter-spacing:.17em; }
.premium-dashboard .lens-head h3 { font:600 clamp(18px,2vw,26px)/1.1 var(--display); letter-spacing:-.055em; }
.premium-dashboard .lens-head p { max-width:620px; margin-top:8px; color:#737b87; font-size:11px; line-height:1.55; }
.premium-dashboard .lens-switch { flex-shrink:0; display:flex; gap:3px; padding:3px; border:1px solid rgba(255,255,255,.08); border-radius:10px; background:#090b0f; }
.premium-dashboard .lens-switch button {
  min-height:32px; padding:0 13px; border:0; border-radius:7px; color:#686f7b; background:transparent;
  font:800 8px var(--body); letter-spacing:.04em; cursor:pointer; transition:.25s var(--premium-ease);
}
.premium-dashboard .lens-switch button:hover { color:#fff; }
.premium-dashboard .lens-switch button.active { color:var(--ink); background:var(--lime); }
.premium-dashboard .lens-visual { position:relative; z-index:2; height:245px; margin-top:16px; overflow:hidden; }
.premium-dashboard .lens-svg { width:100%; height:220px; overflow:visible; }
.premium-dashboard .lens-gridline { stroke:rgba(255,255,255,.055); stroke-width:1; stroke-dasharray:2 6; }
.premium-dashboard .lens-area { opacity:0; animation:premiumAreaIn 1.1s .35s var(--premium-ease) forwards; }
.premium-dashboard .lens-curve {
  fill:none; stroke:var(--lime); stroke-width:2.4; vector-effect:non-scaling-stroke;
  stroke-linecap:round; stroke-dasharray:1000; stroke-dashoffset:1000;
  animation:premiumDrawLine 1.25s .16s var(--premium-ease) forwards;
}
.premium-dashboard .lens-dot { fill:#090b0f; stroke:var(--lime); stroke-width:2; vector-effect:non-scaling-stroke; }
@keyframes premiumDrawLine { to { stroke-dashoffset:0; } }
@keyframes premiumAreaIn { to { opacity:1; } }
.premium-dashboard .lens-points { position:absolute; inset:0; }
.premium-dashboard .lens-hotspot {
  position:absolute; left:var(--px); top:var(--py); width:34px; height:34px; padding:0; transform:translate(-50%,-50%);
  border:0; border-radius:50%; background:transparent; cursor:pointer;
}
.premium-dashboard .lens-hotspot::after {
  content:''; position:absolute; inset:9px; border:1px solid transparent; border-radius:50%; transition:.25s;
}
.premium-dashboard .lens-hotspot:hover::after,.premium-dashboard .lens-hotspot:focus-visible::after,.premium-dashboard .lens-hotspot.active::after {
  inset:5px; border-color:rgba(206,255,66,.65); box-shadow:0 0 22px rgba(206,255,66,.25); outline:0;
}
.premium-dashboard .lens-axis { position:absolute; inset:auto 3% 3px; display:grid; grid-template-columns:repeat(var(--lens-count,6),1fr); gap:10px; color:#59606c; font:700 8px/1.2 var(--body); text-align:center; }
.premium-dashboard .lens-axis span:first-child { text-align:left; }
.premium-dashboard .lens-axis span:last-child { text-align:right; }
.premium-dashboard .lens-bars { display:none; height:205px; align-items:stretch; gap:9px; padding:18px 5% 0; }
.premium-dashboard .lens-bars button {
  flex:1; min-width:0; display:grid; grid-template-rows:1fr auto auto; align-items:end; gap:8px; padding:0;
  border:0; color:#737b87; background:transparent; cursor:pointer; text-align:center;
}
.premium-dashboard .lens-bars button i {
  width:min(48px,75%); height:var(--bar); min-height:16px; justify-self:center; border-radius:8px 8px 3px 3px;
  background:linear-gradient(to top,rgba(82,220,255,.2),var(--lime)); transform-origin:bottom;
  animation:premiumBarsIn .8s var(--premium-ease) both; transition:filter .25s,transform .25s;
}
.premium-dashboard .lens-bars button:hover i,.premium-dashboard .lens-bars button:focus-visible i,.premium-dashboard .lens-bars button.active i { filter:drop-shadow(0 0 13px rgba(206,255,66,.3)); transform:scaleX(1.08); }
.premium-dashboard .lens-bars button span { min-height:22px; overflow:hidden; font-size:8px; line-height:1.2; }
.premium-dashboard .lens-bars button b { color:#c8cbc5; font:700 9px var(--mono); }
@keyframes premiumBarsIn { from { transform:scaleY(0); } }
.premium-dashboard .premium-report-lens.view-bars .lens-svg,.premium-dashboard .premium-report-lens.view-bars .lens-points,.premium-dashboard .premium-report-lens.view-bars .lens-axis { display:none; }
.premium-dashboard .premium-report-lens.view-bars .lens-bars { display:flex; }
.premium-dashboard .lens-readout {
  position:relative; z-index:2; min-height:46px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:18px;
  margin-top:5px; padding-top:14px; border-top:1px solid rgba(255,255,255,.065);
}
.premium-dashboard .lens-signal { display:inline-flex; align-items:center; gap:8px; color:#686f7a; font:800 8px var(--mono); letter-spacing:.13em; }
.premium-dashboard .lens-readout-label { color:#777f8b; font-size:11px; }
.premium-dashboard .lens-readout-value { color:#f1f2ec; font:600 17px var(--display); letter-spacing:-.045em; }

/* ── Report experience 3.0: question → evidence → action ── */
.premium-dashboard .report-guide {
  display:grid; grid-template-columns:1.05fr 1fr 1fr; margin-bottom:15px; overflow:hidden;
  border:1px solid rgba(255,255,255,.085); border-radius:17px; background:rgba(13,16,22,.82);
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.premium-dashboard .report-guide-item { min-height:116px; padding:20px 22px; border-right:1px solid rgba(255,255,255,.065); }
.premium-dashboard .report-guide-item:last-child { border-right:0; }
.premium-dashboard .report-guide-item > span {
  display:block; margin-bottom:11px; color:#676f7b; font:800 8px/1 var(--mono); letter-spacing:.15em; text-transform:uppercase;
}
.premium-dashboard .report-guide-item strong { display:block; max-width:390px; color:#eef0e9; font:600 15px/1.35 var(--display); letter-spacing:-.035em; }
.premium-dashboard .report-guide-item p { max-width:390px; color:#969da7; font-size:11px; line-height:1.55; }
.premium-dashboard .report-guide-item.is-action { position:relative; background:rgba(206,255,66,.028); }
.premium-dashboard .report-guide-item.is-action::before { content:''; position:absolute; left:0; top:18px; bottom:18px; width:2px; background:var(--lime); }
.premium-dashboard .report-guide-item.is-action > span { color:var(--lime); }

.premium-dashboard .premium-report-visual {
  position:relative; margin-bottom:15px; padding:25px 28px 24px; overflow:hidden;
  border:1px solid rgba(255,255,255,.09); border-radius:20px;
  background:linear-gradient(145deg,rgba(16,20,27,.98),rgba(9,11,15,.98));
  box-shadow:inset 0 1px rgba(255,255,255,.03); animation:premiumLensIn .6s var(--premium-ease) both;
}
.premium-dashboard .premium-report-visual::before {
  content:''; position:absolute; inset:0; pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
  background-size:34px 34px; mask-image:linear-gradient(90deg,#000,transparent 88%);
}
.premium-dashboard .premium-report-visual > * { position:relative; z-index:1; }
.premium-dashboard .report-visual-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:24px; }
.premium-dashboard .report-visual-head span { display:block; margin-bottom:8px; color:var(--lime); font:800 8px/1 var(--mono); letter-spacing:.16em; }
.premium-dashboard .report-visual-head h3 { color:#eef0e9; font:600 clamp(18px,2vw,25px)/1.1 var(--display); letter-spacing:-.05em; }
.premium-dashboard .report-visual-head p { max-width:470px; color:#777f8b; font-size:10px; line-height:1.5; text-align:right; }

.premium-dashboard .composition-track { height:38px; display:flex; gap:3px; padding:4px; overflow:hidden; border-radius:10px; background:#090b0f; }
.premium-dashboard .composition-track > i { width:var(--share); min-width:0; display:block; border-radius:6px; background:var(--mark); transform-origin:left; animation:premiumCompositionIn .8s var(--premium-ease) both; }
@keyframes premiumCompositionIn { from { transform:scaleX(0); opacity:.35; } }
.premium-dashboard .composition-legend,.premium-dashboard .allocation-legend { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:8px; margin-top:15px; }
.premium-dashboard .composition-legend > div,.premium-dashboard .allocation-legend > div {
  display:grid; grid-template-columns:8px 1fr auto; gap:6px 9px; align-items:center; padding:12px 13px;
  border:1px solid rgba(255,255,255,.06); border-radius:11px; background:rgba(255,255,255,.018);
}
.premium-dashboard .composition-legend i,.premium-dashboard .allocation-legend i { width:8px; height:8px; border-radius:2px; background:var(--mark); }
.premium-dashboard .composition-legend span,.premium-dashboard .allocation-legend span { color:#858d98; font-size:9px; }
.premium-dashboard .composition-legend strong,.premium-dashboard .allocation-legend strong { color:#f0f1ec; font:700 12px var(--mono); }
.premium-dashboard .composition-legend small,.premium-dashboard .allocation-legend small { grid-column:2/-1; color:#626a76; font-size:8px; }

.premium-dashboard .risk-chart { display:grid; gap:19px; }
.premium-dashboard .risk-row { display:grid; grid-template-columns:minmax(190px,.42fr) 1fr; gap:9px 20px; align-items:end; }
.premium-dashboard .risk-row > div:first-child { display:flex; align-items:flex-end; justify-content:space-between; gap:15px; }
.premium-dashboard .risk-row span { color:#9da3ab; font-size:11px; }
.premium-dashboard .risk-row strong { color:#f0f1ec; font:700 11px var(--mono); }
.premium-dashboard .risk-row small { grid-row:2; color:#555d68; font:700 7px var(--mono); }
.premium-dashboard .risk-row small:last-child { grid-column:2; justify-self:end; }
.premium-dashboard .risk-track { height:12px; overflow:hidden; border-radius:4px; background:rgba(255,255,255,.055); }
.premium-dashboard .risk-track i { width:var(--risk); height:100%; display:block; border-radius:4px; background:var(--mark); transform-origin:left; animation:premiumBarGrow .8s var(--premium-ease) both; }

.premium-dashboard .projection-chart { display:grid; gap:16px; }
.premium-dashboard .projection-row { display:grid; grid-template-columns:minmax(160px,.28fr) 1fr minmax(105px,auto); gap:16px; align-items:center; }
.premium-dashboard .projection-row > span { color:#9299a4; font-size:10px; }
.premium-dashboard .projection-row > div { height:18px; overflow:hidden; border-radius:5px; background:rgba(255,255,255,.05); }
.premium-dashboard .projection-row i { width:var(--projection); height:100%; display:block; border-radius:5px; background:var(--mark); transform-origin:left; animation:premiumBarGrow .85s var(--premium-ease) both; }
.premium-dashboard .projection-row strong { color:#eef0e9; font:700 12px var(--mono); text-align:right; }
.premium-dashboard .report-visual-foot { display:grid; grid-template-columns:auto auto 1fr; gap:12px; align-items:center; margin-top:21px; padding-top:16px; border-top:1px solid rgba(255,255,255,.065); }
.premium-dashboard .report-visual-foot span { color:#6d7581; font-size:9px; }
.premium-dashboard .report-visual-foot strong { color:var(--lime); font:700 12px var(--mono); }
.premium-dashboard .report-visual-foot small { color:#666e79; font-size:9px; text-align:right; }

.premium-dashboard .quality-visual { display:grid; grid-template-columns:220px 1fr; gap:34px; align-items:center; }
.premium-dashboard .quality-gauge { position:relative; width:180px; height:180px; margin:auto; }
.premium-dashboard .quality-gauge svg { width:100%; height:100%; transform:rotate(-90deg); }
.premium-dashboard .quality-gauge circle { fill:none; stroke:rgba(255,255,255,.06); stroke-width:10; }
.premium-dashboard .quality-gauge .gauge-value { stroke:var(--lime); stroke-linecap:round; stroke-dasharray:var(--gauge) 100; animation:premiumGaugeIn 1s var(--premium-ease) both; }
@keyframes premiumGaugeIn { from { stroke-dasharray:0 100; } }
.premium-dashboard .quality-gauge > div { position:absolute; inset:0; display:grid; place-content:center; text-align:center; }
.premium-dashboard .quality-gauge strong { color:#f2f3ed; font:600 35px/1 var(--display); letter-spacing:-.06em; }
.premium-dashboard .quality-gauge span { margin-top:7px; color:#6a727e; font-size:9px; }
.premium-dashboard .quality-backlog > span { color:#747c88; font:800 8px var(--mono); letter-spacing:.13em; text-transform:uppercase; }
.premium-dashboard .quality-backlog > strong { display:block; margin:10px 0 18px; color:#f0f1ec; font:600 28px var(--display); letter-spacing:-.05em; }
.premium-dashboard .quality-backlog > strong small { color:#6e7682; font-size:13px; }
.premium-dashboard .quality-backlog > div { height:13px; overflow:hidden; border-radius:4px; background:rgba(255,255,255,.055); }
.premium-dashboard .quality-backlog > div i { width:var(--backlog); height:100%; display:block; background:#ffb648; transform-origin:left; animation:premiumBarGrow .8s var(--premium-ease) both; }
.premium-dashboard .quality-backlog p { margin-top:12px; color:#79818c; font-size:10px; }
.premium-dashboard .quality-backlog p b { color:#e8eae5; }

.premium-dashboard .allocation-chart { padding-top:20px; }
.premium-dashboard .allocation-track { position:relative; height:48px; display:flex; gap:3px; padding:5px; overflow:visible; border-radius:11px; background:#090b0f; }
.premium-dashboard .allocation-track > i { width:var(--part); min-width:0; display:block; border-radius:6px; background:var(--mark); transform-origin:left; animation:premiumCompositionIn .8s var(--premium-ease) both; }
.premium-dashboard .allocation-track > b { position:absolute; left:var(--price-marker); top:-18px; bottom:-18px; width:1px; background:#f4f3ed; }
.premium-dashboard .allocation-track > b::after { content:''; position:absolute; left:-3px; bottom:-1px; width:7px; height:7px; border-radius:50%; background:#f4f3ed; }
.premium-dashboard .allocation-track > b span { position:absolute; left:50%; top:-2px; transform:translate(-50%,-100%); color:#f4f3ed; font:800 7px var(--mono); letter-spacing:.12em; }
.premium-dashboard .allocation-loss { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:14px; padding:12px 14px; border:1px solid rgba(255,107,95,.25); border-radius:10px; background:rgba(255,107,95,.055); }
.premium-dashboard .allocation-loss span { color:#a9807d; font-size:9px; }
.premium-dashboard .allocation-loss strong { color:#ff8176; font:700 12px var(--mono); }

.premium-dashboard .premium-chart-shell { position:relative; isolation:isolate; }
.premium-dashboard .premium-chart-shell::before {
  content:''; position:absolute; z-index:-1; inset:-8px; pointer-events:none; border-radius:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.012),transparent);
}
.premium-dashboard .premium-chart-badge {
  position:absolute; z-index:4; right:12px; top:10px; display:inline-flex; align-items:center; gap:7px;
  padding:6px 9px; border:1px solid rgba(255,255,255,.075); border-radius:99px; color:#666e7a;
  background:rgba(8,10,14,.72); backdrop-filter:blur(8px); font:800 7px var(--mono); letter-spacing:.12em; pointer-events:none;
}
.premium-dashboard .premium-chart-badge i { width:4px; height:4px; }
.premium-dashboard .premium-bar-animate { transform-origin:left center; animation:premiumBarGrow .9s var(--premium-ease) both; }
@keyframes premiumBarGrow { from { transform:scaleX(0); filter:saturate(.4); } to { transform:scaleX(1); filter:none; } }

.premium-dashboard .bar-row {
  padding:9px 10px; margin:0 -10px; border-radius:10px; transition:background .25s,transform .25s;
}
.premium-dashboard .bar-row:hover,.premium-dashboard .bar-row:focus-within { background:rgba(255,255,255,.025); transform:translateX(3px); }
.premium-dashboard .bar-track { height:7px; overflow:visible; }
.premium-dashboard .bar-fill { position:relative; box-shadow:0 0 16px rgba(206,255,66,.08); }
.premium-dashboard .kpi {
  position:relative; overflow:hidden; min-height:92px; padding:17px;
  border:1px solid rgba(255,255,255,.055); transition:transform .3s var(--premium-ease),border-color .3s,background .3s;
}
.premium-dashboard .kpi::before { content:''; position:absolute; width:55px; height:2px; left:17px; top:0; background:linear-gradient(90deg,var(--lime),transparent); }
.premium-dashboard .kpi:hover { transform:translateY(-3px); border-color:rgba(206,255,66,.16); background:rgba(255,255,255,.04); }
.premium-dashboard .kpi .v { font-size:clamp(17px,1.7vw,25px); }
.premium-dashboard .kpi .l { margin-top:7px; color:#6e7580; font-size:10px; line-height:1.35; }
.premium-dashboard .insight-item {
  position:relative; border:1px solid rgba(255,255,255,.055); border-radius:12px;
  background:rgba(255,255,255,.018); transition:border-color .25s,transform .25s,background .25s;
}
.premium-dashboard .insight-item:hover { transform:translateX(3px); border-color:rgba(206,255,66,.14); background:rgba(206,255,66,.025); }

.premium-dashboard .premium-data-table { width:100%; }
.premium-dashboard .premium-data-table thead { position:sticky; top:0; z-index:4; }
.premium-dashboard .premium-data-table th { background:rgba(12,15,20,.96); backdrop-filter:blur(10px); }
.premium-dashboard .premium-data-table tbody tr { transition:background .22s,transform .22s; }
.premium-dashboard .premium-data-table tbody tr:nth-child(even) { background:rgba(255,255,255,.012); }
.premium-dashboard .premium-data-table tbody tr:hover { background:rgba(206,255,66,.032) !important; }
.premium-dashboard .premium-data-table code { color:var(--teal); font-family:var(--mono); }
.premium-dashboard .rnp-kpi-grid { gap:10px; }
.premium-dashboard .rnp-card { min-height:128px; padding:19px; transition:transform .3s var(--premium-ease),border-color .3s,box-shadow .3s; }
.premium-dashboard .rnp-card:hover { transform:translateY(-4px); border-color:rgba(206,255,66,.18); box-shadow:0 22px 55px rgba(0,0,0,.2); }
.premium-dashboard .rnp-card-name { color:#6f7681; font-size:8px; letter-spacing:.13em; }
.premium-dashboard .rnp-card-val { margin-top:13px; font-size:clamp(20px,2.2vw,30px); }

/* RNP 3.0 — complete conversion path and honest day-over-day trends */
.premium-dashboard #rnp-table { min-width:0; }
.premium-dashboard .rnp-funnel-overview {
  position:relative; margin:0 0 14px; padding:22px; overflow:hidden;
  border:1px solid rgba(206,255,66,.14); border-radius:18px; background:#10141a;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 24px 70px rgba(0,0,0,.14);
}
.premium-dashboard .rnp-funnel-overview::after {
  content:''; position:absolute; width:190px; height:190px; right:-95px; top:-110px;
  border:1px solid rgba(206,255,66,.13); border-radius:50%; box-shadow:0 0 0 28px rgba(206,255,66,.018),0 0 0 55px rgba(206,255,66,.012); pointer-events:none;
}
.premium-dashboard .rnp-funnel-head { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; }
.premium-dashboard .rnp-funnel-kicker { display:block; color:var(--lime); font:700 9px/1.2 var(--mono); letter-spacing:.12em; text-transform:uppercase; }
.premium-dashboard .rnp-funnel-head h3,.premium-dashboard .rnp-funnel-unavailable h3 { margin:7px 0 0; font:600 clamp(19px,2.2vw,28px)/1.05 var(--display); letter-spacing:-.045em; }
.premium-dashboard .rnp-funnel-overall { min-width:158px; padding:13px 15px; border:1px solid rgba(255,255,255,.075); border-radius:13px; background:#151a21; }
.premium-dashboard .rnp-funnel-overall small,.premium-dashboard .rnp-funnel-overall span { display:block; color:#747c87; font-size:9px; letter-spacing:.06em; text-transform:uppercase; }
.premium-dashboard .rnp-funnel-overall b { display:block; margin:5px 0 4px; color:var(--lime); font:600 27px/1 var(--display); letter-spacing:-.055em; }
.premium-dashboard .rnp-funnel-flow-scroll { margin:23px -4px 0; padding:0 4px 4px; overflow-x:auto; overscroll-behavior-inline:contain; scrollbar-width:thin; scrollbar-color:rgba(206,255,66,.22) rgba(255,255,255,.025); }
.premium-dashboard .rnp-funnel-flow { display:grid; grid-template-columns:minmax(128px,1fr) 64px minmax(128px,1fr) 64px minmax(128px,1fr) 64px minmax(128px,1fr); align-items:center; gap:8px; min-width:820px; }
.premium-dashboard .rnp-funnel-stage { min-width:0; padding:13px; border:1px solid rgba(255,255,255,.065); border-radius:13px; background:#0c1015; }
.premium-dashboard .rnp-funnel-stage-top { display:block; }
.premium-dashboard .rnp-funnel-stage-top span { display:block; min-height:25px; color:#9097a1; font-size:10px; line-height:1.25; white-space:normal; }
.premium-dashboard .rnp-funnel-stage-top b { display:block; margin-top:5px; color:#f4f6f2; font:600 20px/1 var(--display); letter-spacing:-.04em; white-space:nowrap; }
.premium-dashboard .rnp-funnel-stage-track { height:3px; margin:12px 0 8px; overflow:hidden; border-radius:3px; background:rgba(255,255,255,.065); }
.premium-dashboard .rnp-funnel-stage-track i { display:block; height:100%; border-radius:3px; background:var(--lime); box-shadow:0 0 14px rgba(206,255,66,.25); }
.premium-dashboard .rnp-funnel-stage small { display:block; overflow:hidden; color:#656d78; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.premium-dashboard .rnp-funnel-connector { position:relative; text-align:center; }
.premium-dashboard .rnp-funnel-connector::after { content:'→'; position:absolute; left:50%; top:-15px; transform:translateX(-50%); color:rgba(255,255,255,.18); font:400 14px var(--mono); }
.premium-dashboard .rnp-funnel-connector span { display:block; color:#d9dee4; font:700 12px/1 var(--mono); }
.premium-dashboard .rnp-funnel-connector small { display:block; margin-top:4px; color:#59616b; font-size:7px; line-height:1.2; text-transform:uppercase; }
.premium-dashboard .rnp-funnel-note { display:flex; justify-content:space-between; gap:20px; margin-top:14px; padding-top:12px; border-top:1px solid rgba(255,255,255,.05); color:#626a75; font-size:9px; line-height:1.45; }
.premium-dashboard .rnp-funnel-unavailable { display:flex; align-items:center; justify-content:space-between; gap:30px; min-height:118px; border-color:rgba(255,255,255,.075); }
.premium-dashboard .rnp-funnel-unavailable p { max-width:480px; margin:0; color:#858d98; font-size:12px; line-height:1.55; }

.premium-dashboard .rnp-table-caption { display:flex; align-items:end; justify-content:space-between; gap:20px; padding:11px 3px; }
.premium-dashboard .rnp-table-caption div { display:flex; align-items:baseline; gap:9px; }
.premium-dashboard .rnp-table-caption b { color:#e6e9e5; font-size:12px; }
.premium-dashboard .rnp-table-caption span { color:#69717d; font-size:10px; }
.premium-dashboard .rnp-table-swipe { display:none; font-family:var(--mono); text-transform:uppercase; }
.premium-dashboard .rnp-table-wrap { max-height:72vh; overflow:auto; overscroll-behavior:contain; border:1px solid rgba(255,255,255,.07); border-radius:15px; background:#0b0e13; scrollbar-width:thin; scrollbar-color:rgba(206,255,66,.25) rgba(255,255,255,.025); }
.premium-dashboard .rnp-table-wrap table { min-width:max-content; width:100%; font-size:12px; font-variant-numeric:tabular-nums; }
.premium-dashboard .rnp-table-wrap th { height:42px; padding:9px 13px; border-bottom-color:rgba(255,255,255,.08); color:#747c87; background:rgba(15,18,24,.97); font:700 8px/1.2 var(--mono); letter-spacing:.1em; backdrop-filter:blur(12px); }
.premium-dashboard .rnp-table-wrap th:first-child { min-width:240px; background:#101319; }
.premium-dashboard .rnp-table-wrap td { height:49px; padding:7px 13px; border-bottom-color:rgba(255,255,255,.035); color:#cbd0d5; }
.premium-dashboard .rnp-table-wrap td:first-child { min-width:240px; border-right:1px solid rgba(255,255,255,.05); background:#0d1015; }
.premium-dashboard .rnp-table-wrap tr:hover td { background:rgba(206,255,66,.027); }
.premium-dashboard .rnp-table-wrap tr:hover td:first-child { background:#12161a; }
.premium-dashboard .rnp-group-hdr td,.premium-dashboard .rnp-group-hdr td:first-child { position:static!important; height:auto; padding:14px 14px 9px; border-right:0; background:#11151b!important; }
.premium-dashboard .rnp-group-hdr span { color:var(--lime); font:700 9px/1.2 var(--mono); letter-spacing:.11em; text-transform:uppercase; }
.premium-dashboard .rnp-group-hdr small { margin-left:11px; color:#626a75; font-size:9px; font-weight:500; letter-spacing:0; text-transform:none; }
.premium-dashboard .rnp-metric-name { display:block; color:#e3e7e3; font-size:11px; font-weight:650; }
.premium-dashboard .rnp-metric-detail { display:block; margin-top:3px; color:#626a75; font-size:8.5px; font-weight:500; line-height:1.25; }
.premium-dashboard .rnp-total-cell b { display:block; color:#f4f5f2; font:650 12px/1.1 var(--mono); }
.premium-dashboard .rnp-total-hint { display:block; margin-top:4px; color:#606874; font-size:8px; }
.premium-dashboard .rnp-day-cell { min-width:94px; text-align:right; font-family:var(--mono); }
.premium-dashboard .rnp-trend-cell { min-width:150px; text-align:center; }
.premium-dashboard .rnp-no-trend { color:#555e69; font-size:9px; }
.premium-dashboard .rnp-spark { display:inline-block; overflow:visible; vertical-align:middle; outline:none; }
.premium-dashboard .rnp-spark-baseline { stroke:rgba(255,255,255,.075); stroke-width:1; stroke-dasharray:2 3; }
.premium-dashboard .rnp-spark-line { fill:none; stroke:#63d7ee; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; vector-effect:non-scaling-stroke; transition:stroke-width .2s,filter .2s; }
.premium-dashboard .rnp-spark-point { fill:#10141a; stroke:#63d7ee; stroke-width:1.25; vector-effect:non-scaling-stroke; transition:r .2s,fill .2s; }
.premium-dashboard .rnp-spark-point-current { fill:var(--lime); stroke:var(--lime); }
.premium-dashboard .rnp-spark:hover .rnp-spark-line,.premium-dashboard .rnp-spark:focus .rnp-spark-line { stroke-width:2.4; filter:drop-shadow(0 0 4px rgba(99,215,238,.35)); }
.premium-dashboard .rnp-spark-point:hover { r:4; fill:#63d7ee; }
.premium-dashboard .rnp-dod { display:inline-flex; min-width:92px; flex-direction:column; align-items:flex-start; gap:3px; padding:6px 8px; border:1px solid rgba(255,255,255,.065); border-radius:9px; background:rgba(255,255,255,.018); }
.premium-dashboard .rnp-dod b { font:700 10px/1 var(--mono); }
.premium-dashboard .rnp-dod small { color:#69717c; font:600 8px/1 var(--mono); }
.premium-dashboard .rnp-dod-positive { border-color:rgba(206,255,66,.13); background:rgba(206,255,66,.035); }
.premium-dashboard .rnp-dod-positive b { color:var(--lime); }
.premium-dashboard .rnp-dod-negative { border-color:rgba(255,111,100,.13); background:rgba(255,111,100,.035); }
.premium-dashboard .rnp-dod-negative b { color:#ff8d83; }
.premium-dashboard .rnp-dod-neutral b { color:#9ba3ae; }
.premium-dashboard .rnp-dod-empty { color:#4e5661; }

.premium-dashboard .mobile-bar { border-color: rgba(255,255,255,.09); background: rgba(8,10,14,.9); backdrop-filter: blur(18px); }
.premium-dashboard .mobile-bar .mb-mark { color: var(--ink); background: var(--lime); }
.premium-dashboard .mobile-bar .mb-title { font-family: var(--display); letter-spacing: -.04em; }

@media (max-width: 1180px) {
  .premium-landing .nav-links { display: none; }
  .premium-landing .hero h1 { font-size: clamp(62px,9.7vw,116px); }
  .premium-landing .mockup-body { height: 440px; }
  .premium-landing .features-grid { grid-template-columns: repeat(2,1fr); }
  .premium-landing .feature-card,.premium-landing .feature-card:first-child,.premium-landing .feature-card:nth-child(5) { grid-column: auto; }
}

@media (min-width: 1101px) and (max-height: 800px) {
  .premium-dashboard .sidebar { padding: 12px 10px; gap: 2px; }
  .premium-dashboard .brand { padding: 4px 8px 10px; }
  .premium-dashboard .brand .mark { width: 36px; height: 36px; }
  .premium-dashboard .brand .name { font-size: 12px; }
  .premium-dashboard .brand .sub { margin-top: 4px; font-size: 7px; }
  .premium-dashboard .navgroup { padding: 8px 11px 3px; }
  .premium-dashboard .navitem,.premium-dashboard .navcat-btn {
    min-height: 38px; margin: 0; padding: 4px 9px;
  }
  .premium-dashboard .navitem .ico,.premium-dashboard .navcat-btn .ico {
    width: 27px; height: 27px; border-radius: 8px;
  }
  .premium-dashboard .sidebar-foot { display: none; }
}

@media (max-width: 900px) {
  .premium-landing .nav { top: 9px; width: calc(100% - 18px); height: 64px; }
  .premium-landing .nav-cta { display: none; }
  .premium-landing .nav-burger { display: flex; }
  .premium-landing .hero { min-height: auto; padding: 140px 24px 85px; }
  .premium-landing .hero h1 { font-size: clamp(48px,11vw,84px); }
  .premium-landing .mockup-wrap { margin-top: 75px; overflow: hidden; }
  .premium-landing .mockup { width: 960px; transform: scale(.72); transform-origin: left top; margin-bottom: -150px; }
  .premium-landing .trust-bar { grid-template-columns: repeat(2,1fr); }
  .premium-landing .section,.premium-landing .how,.premium-landing .metrics,.premium-landing .calc-section,.premium-landing .pricing,.premium-landing .faq { padding: 100px 24px; }
  .premium-landing .section-title { font-size: clamp(42px,9.5vw,74px); }
  .premium-landing .problem-grid,.premium-landing .steps,.premium-landing .calc-grid,.premium-landing .pricing-grid { grid-template-columns: 1fr; }
  .premium-landing .features-grid { grid-template-columns: 1fr; }
  .premium-landing .feature-card { min-height: 240px; }
  .premium-landing .metrics-grid { grid-template-columns: repeat(2,1fr); }
  .premium-landing .cta-final { min-height: 720px; padding-inline: 24px; }
  .premium-landing .cta-final h2 { font-size: clamp(45px,10vw,80px); }

  .premium-dashboard .sidebar { width: min(88vw,310px); }
  .premium-dashboard .main { width: 100%; padding: 0 16px 70px; }
  .premium-dashboard .mobile-bar { margin: 0 -16px 18px; padding-inline: 16px; }
  .premium-dashboard .topbar { padding: 14px; border-radius: 14px; }
  .premium-dashboard .topbar h1 { font-size: 22px; }
  .premium-dashboard .card { border-radius: 15px; }
  .premium-dashboard .premium-section-hero { min-height:155px; padding:58px 22px 23px; border-radius:17px; }
  .premium-dashboard .premium-section-hero h1,.premium-dashboard .premium-section-hero h2 { font-size:clamp(25px,6vw,34px); }
  .premium-dashboard .premium-section-context { inset:17px 19px auto; }
  .premium-dashboard .premium-section-hero::after { right:15px; font-size:110px; }
  .premium-dashboard .premium-report-lens { padding:22px 19px 15px; border-radius:17px; }
  .premium-dashboard .lens-head { gap:15px; }
  .premium-dashboard .lens-head p { max-width:460px; }
  .premium-dashboard .lens-visual { height:225px; }
  .premium-dashboard .lens-svg { height:205px; }
  .premium-dashboard .report-guide-item { padding:18px; }
  .premium-dashboard .premium-report-visual { padding:22px 20px; border-radius:17px; }
  .premium-dashboard .quality-visual { grid-template-columns:190px 1fr; gap:22px; }
  .premium-dashboard .quality-gauge { width:158px; height:158px; }
  .premium-dashboard .rnp-funnel-overview { padding:19px; }
  .premium-dashboard .rnp-funnel-flow { grid-template-columns:minmax(118px,1fr) 56px minmax(118px,1fr) 56px minmax(118px,1fr) 56px minmax(118px,1fr); min-width:740px; }
  .premium-dashboard .rnp-funnel-note { align-items:flex-start; flex-direction:column; gap:5px; }
  .premium-dashboard .rnp-table-swipe { display:inline!important; }
  .premium-dashboard .rnp-table-caption div > span { display:none; }
}

@media (max-width: 560px) {
  .premium-landing .hero h1 { font-size: 12.6vw; line-height: .94; }
  .premium-landing .hero-actions { display: grid; }
  .premium-landing .hero-actions .btn { width: 100%; justify-content: center; }
  .premium-landing .hero-note { gap: 9px 15px; }
  .premium-landing .mockup-wrap { overflow: visible; }
  .premium-landing .mockup-glow { left: 0; width: 100%; transform: none; }
  .premium-landing .mockup { width: 100%; transform: none; margin-bottom: 0; border-radius: 17px; }
  .premium-landing .mockup-bar { height: 46px; padding: 10px 13px; }
  .premium-landing .mockup-bar .url { display: none; }
  .premium-landing .mockup-body { height: 480px; }
  .premium-landing .mock-sidebar { display: none; }
  .premium-landing .mock-content { padding: 13px; gap: 10px; }
  .premium-landing .mock-topbar { align-items: flex-start; gap: 10px; }
  .premium-landing .mock-title { font-size: 12px; }
  .premium-landing .mock-pb { padding: 6px 7px; }
  .premium-landing .mock-grid { grid-template-columns: 1fr 1fr; gap: 7px; }
  .premium-landing .mock-card { padding: 10px; }
  .premium-landing .mock-card.span2 { grid-column: 1 / -1; }
  .premium-landing .mock-label { font-size: 7px; }
  .premium-landing .mock-val { font-size: 14px; }
  .premium-landing .mock-bar-lbl { width: 48px; }
  .premium-landing .trust-bar { width: 100%; margin-left: 0; transform: none; }
  .premium-landing .trust-stat { min-height: 112px; padding: 20px 12px; }
  .premium-landing .problem-card { min-height: 0; padding: 25px; }
  .premium-landing .metric-chip { min-height: 105px; padding: 14px; }
  .premium-landing .cta-actions { display: grid; width: 100%; }
  .premium-landing .cta-actions .btn { width: 100%; justify-content: center; }
  .premium-landing footer { padding-inline: 24px; }
  .premium-dashboard .grid { gap: 10px; }
  .premium-dashboard .topbar { align-items: stretch; }
  .premium-dashboard .period-switch { width: 100%; overflow-x: auto; }
  .premium-dashboard .period-switch button { flex: 1; min-width: max-content; }
  .premium-dashboard .card { padding: 16px; }
  .premium-dashboard .hub-grid { grid-template-columns: 1fr; }
  .premium-dashboard .premium-section-hero { min-height:142px; padding:54px 17px 20px; }
  .premium-dashboard .premium-section-context { inset:15px 15px auto; font-size:7px; }
  .premium-dashboard .premium-section-context .is-live { max-width:52%; text-align:right; line-height:1.35; }
  .premium-dashboard .premium-section-hero h1,.premium-dashboard .premium-section-hero h2 { font-size:25px; }
  .premium-dashboard .premium-section-hero .section-sub,.premium-dashboard .premium-section-hero .greet { font-size:10px; }
  .premium-dashboard .premium-report-lens { padding:18px 14px 13px; }
  .premium-dashboard .lens-head { display:block; }
  .premium-dashboard .lens-head h3 { font-size:18px; }
  .premium-dashboard .lens-head p { font-size:10px; }
  .premium-dashboard .lens-switch { width:max-content; margin-top:14px; }
  .premium-dashboard .lens-visual { height:207px; margin-top:9px; }
  .premium-dashboard .lens-svg { height:188px; }
  .premium-dashboard .lens-axis { inset-inline:1%; gap:3px; font-size:6px; }
  .premium-dashboard .lens-axis span:nth-child(even) { opacity:.38; }
  .premium-dashboard .lens-readout { grid-template-columns:1fr auto; gap:8px 12px; }
  .premium-dashboard .lens-signal { grid-column:1/-1; }
  .premium-dashboard .lens-readout-label { font-size:10px; }
  .premium-dashboard .lens-readout-value { font-size:14px; }
  .premium-dashboard .lens-bars { gap:4px; padding-inline:1%; }
  .premium-dashboard .lens-bars button span { font-size:6px; }
  .premium-dashboard .lens-bars button b { font-size:7px; }
  .premium-dashboard .premium-chart-badge { top:7px; right:7px; }
  .premium-dashboard .report-guide { grid-template-columns:1fr; border-radius:14px; }
  .premium-dashboard .report-guide-item { min-height:0; padding:16px; border-right:0; border-bottom:1px solid rgba(255,255,255,.06); }
  .premium-dashboard .report-guide-item:last-child { border-bottom:0; }
  .premium-dashboard .report-guide-item.is-action::before { left:0; top:13px; bottom:13px; }
  .premium-dashboard .report-guide-item strong { font-size:13px; }
  .premium-dashboard .premium-report-visual { padding:18px 14px; }
  .premium-dashboard .report-visual-head { display:block; margin-bottom:18px; }
  .premium-dashboard .report-visual-head h3 { font-size:18px; }
  .premium-dashboard .report-visual-head p { margin-top:8px; text-align:left; }
  .premium-dashboard .composition-track { height:32px; }
  .premium-dashboard .composition-legend,.premium-dashboard .allocation-legend { grid-template-columns:1fr 1fr; }
  .premium-dashboard .risk-row { grid-template-columns:1fr; gap:8px; }
  .premium-dashboard .risk-row small { grid-row:auto; }
  .premium-dashboard .risk-row small:last-child { grid-column:1; }
  .premium-dashboard .projection-row { grid-template-columns:1fr auto; gap:8px 12px; }
  .premium-dashboard .projection-row > div { grid-column:1/-1; grid-row:2; }
  .premium-dashboard .projection-row strong { grid-column:2; grid-row:1; }
  .premium-dashboard .report-visual-foot { grid-template-columns:1fr auto; }
  .premium-dashboard .report-visual-foot small { grid-column:1/-1; text-align:left; }
  .premium-dashboard .quality-visual { grid-template-columns:1fr; gap:14px; }
  .premium-dashboard .quality-gauge { width:145px; height:145px; }
  .premium-dashboard .quality-backlog > strong { font-size:23px; }
  .premium-dashboard .allocation-track { height:40px; }
  .premium-dashboard .rnp-funnel-head { display:block; }
  .premium-dashboard .rnp-funnel-overall { width:100%; margin-top:15px; }
  .premium-dashboard .rnp-funnel-unavailable { display:block; min-height:0; }
  .premium-dashboard .rnp-funnel-unavailable p { margin-top:13px; }
  .premium-dashboard .rnp-table-wrap { max-height:68vh; border-radius:12px; }
  .premium-dashboard .rnp-table-wrap th:first-child,.premium-dashboard .rnp-table-wrap td:first-child { min-width:190px; }
  .premium-dashboard .rnp-group-hdr small { display:block; margin:5px 0 0; max-width:270px; white-space:normal; }
  .premium-dashboard .rnp-metric-name { font-size:10px; }
  .premium-dashboard .rnp-metric-detail { max-width:170px; white-space:normal; }
}

@media (prefers-reduced-motion: reduce) {
  .premium-reveal { opacity: 1; transform: none; }
  .premium-landing .mockup,.premium-landing .btn,.premium-dashboard .card { transition: none !important; }
  .premium-dashboard .premium-report-lens::after,.premium-dashboard .lens-curve,.premium-dashboard .lens-area,
  .premium-dashboard .lens-bars button i,.premium-dashboard .premium-bar-animate,.premium-dashboard .premium-section-context i,
  .premium-dashboard .composition-track > i,.premium-dashboard .risk-track i,.premium-dashboard .projection-row i,
  .premium-dashboard .quality-gauge .gauge-value,.premium-dashboard .quality-backlog > div i,.premium-dashboard .allocation-track > i { animation:none !important; }
  .premium-dashboard .lens-curve { stroke-dasharray:none; stroke-dashoffset:0; }
  .premium-dashboard .lens-area { opacity:1; }
}

/* Report intelligence 2026 — every module answers status → driver → action */
.premium-dashboard .ri-board { container-type:inline-size; }
.premium-dashboard .ri-head p small { display:block; margin-top:7px; color:#575f6a; font:700 7px/1.3 var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.premium-dashboard .ri-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; margin:-3px 0 22px; }
.premium-dashboard .ri-kpi { position:relative; min-height:91px; padding:14px 15px; overflow:hidden; border:1px solid rgba(255,255,255,.065); border-radius:12px; background:rgba(255,255,255,.018); }
.premium-dashboard .ri-kpi::before { content:''; position:absolute; inset:0 auto auto 0; width:42px; height:2px; background:#69727e; }
.premium-dashboard .ri-kpi.is-good::before { background:var(--lime); }
.premium-dashboard .ri-kpi.is-warn::before { background:#ffb648; }
.premium-dashboard .ri-kpi.is-bad::before { background:#ff776c; }
.premium-dashboard .ri-kpi > span { display:block; color:#747c88; font:800 7.5px/1.2 var(--mono); letter-spacing:.11em; text-transform:uppercase; }
.premium-dashboard .ri-kpi > strong { display:block; margin-top:12px; overflow:hidden; color:#f0f2ed; font:600 clamp(17px,1.7vw,24px)/1 var(--display); letter-spacing:-.045em; text-overflow:ellipsis; white-space:nowrap; }
.premium-dashboard .ri-kpi.is-good > strong { color:#dcff7d; }
.premium-dashboard .ri-kpi.is-warn > strong { color:#ffd28b; }
.premium-dashboard .ri-kpi.is-bad > strong { color:#ff9188; }
.premium-dashboard .ri-kpi > small { display:block; margin-top:8px; overflow:hidden; color:#626b77; font-size:8.5px; line-height:1.25; text-overflow:ellipsis; white-space:nowrap; }
.premium-dashboard .ri-layout { display:grid; grid-template-columns:minmax(0,1.72fr) minmax(240px,.72fr); gap:16px; align-items:start; }
.premium-dashboard .ri-subhead { display:flex; align-items:baseline; justify-content:space-between; gap:18px; margin:0 0 13px; }
.premium-dashboard .ri-subhead span { color:#cfd3d1; font-size:11px; font-weight:700; }
.premium-dashboard .ri-subhead small { color:#5f6874; font:700 7.5px var(--mono); letter-spacing:.07em; text-align:right; text-transform:uppercase; }
.premium-dashboard .ri-space { margin-top:22px; }
.premium-dashboard .ri-action { position:sticky; top:16px; min-height:225px; padding:20px; overflow:hidden; border:1px solid rgba(206,255,66,.15); border-radius:15px; background:#11161a; }
.premium-dashboard .ri-action::after { content:'→'; position:absolute; right:-7px; bottom:-42px; color:rgba(206,255,66,.05); font:500 145px/1 var(--display); }
.premium-dashboard .ri-action > * { position:relative; z-index:1; }
.premium-dashboard .ri-action > span { display:block; color:var(--lime); font:800 7.5px/1.2 var(--mono); letter-spacing:.13em; }
.premium-dashboard .ri-action > strong { display:block; margin-top:15px; color:#eef1eb; font:600 19px/1.15 var(--display); letter-spacing:-.04em; }
.premium-dashboard .ri-action > p { margin-top:12px; color:#858e98; font-size:10.5px; line-height:1.55; }
.premium-dashboard .ri-action > button { display:inline-flex; align-items:center; gap:18px; margin-top:19px; padding:9px 12px; border:1px solid rgba(206,255,66,.25); border-radius:9px; color:var(--lime); background:rgba(206,255,66,.045); font:800 8px var(--mono); letter-spacing:.08em; cursor:pointer; transition:background .2s,border-color .2s,transform .2s; }
.premium-dashboard .ri-action > button:hover,.premium-dashboard .ri-action > button:focus-visible { border-color:var(--lime); background:rgba(206,255,66,.09); transform:translateY(-2px); }
.premium-dashboard .ri-action > button i { font-style:normal; }

.premium-dashboard .ri-ranked { display:grid; gap:8px; }
.premium-dashboard .ri-rank-row { display:grid; grid-template-columns:minmax(150px,.75fr) minmax(120px,1fr) auto; gap:6px 14px; align-items:center; min-height:42px; padding:8px 10px; border:1px solid rgba(255,255,255,.045); border-radius:10px; background:rgba(255,255,255,.012); transition:border-color .2s,background .2s,transform .2s; }
.premium-dashboard .ri-rank-row:hover { border-color:rgba(99,215,238,.16); background:rgba(99,215,238,.025); transform:translateX(3px); }
.premium-dashboard .ri-rank-row > span { display:flex; align-items:center; min-width:0; overflow:hidden; color:#aab0b6; font-size:9.5px; text-overflow:ellipsis; white-space:nowrap; }
.premium-dashboard .ri-rank-row > span i { min-width:25px; color:#525b67; font:700 7px var(--mono); font-style:normal; }
.premium-dashboard .ri-rank-row > div { height:8px; overflow:hidden; border-radius:3px; background:rgba(255,255,255,.05); }
.premium-dashboard .ri-rank-row > div b { display:block; width:var(--ri-share); height:100%; border-radius:3px; background:var(--ri-mark); transform-origin:left; animation:premiumBarGrow .75s var(--premium-ease) both; }
.premium-dashboard .ri-rank-row > strong { color:#e6e9e4; font:700 9px var(--mono); text-align:right; }
.premium-dashboard .ri-rank-row > small { grid-column:2/-1; color:#5d6672; font-size:7.5px; text-align:right; }

.premium-dashboard .ri-spark-wrap { min-width:0; padding:10px 12px 8px; border:1px solid rgba(255,255,255,.055); border-radius:13px; background:#0b0f14; }
.premium-dashboard .ri-spark { display:block; width:100%; height:205px; overflow:visible; }
.premium-dashboard .ri-gridline { stroke:rgba(255,255,255,.055); stroke-width:1; stroke-dasharray:3 5; vector-effect:non-scaling-stroke; }
.premium-dashboard .ri-line { fill:none; stroke:var(--ri-line); stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; vector-effect:non-scaling-stroke; stroke-dasharray:1200; animation:riLineIn 1s var(--premium-ease) both; }
@keyframes riLineIn { from { stroke-dashoffset:1200; } to { stroke-dashoffset:0; } }
.premium-dashboard .ri-point { fill:#0b0f14; stroke:var(--ri-line); stroke-width:1.6; vector-effect:non-scaling-stroke; transition:r .18s,fill .18s,filter .18s; }
.premium-dashboard .ri-point:hover,.premium-dashboard .ri-point:focus { r:5.5; fill:var(--ri-line); filter:drop-shadow(0 0 5px var(--ri-line)); outline:none; }
.premium-dashboard .ri-point.is-current { fill:var(--lime); stroke:var(--lime); }
.premium-dashboard .ri-axis { display:flex; justify-content:space-between; gap:12px; color:#535c68; font:700 7px var(--mono); }
.premium-dashboard .ri-axis b { color:#67717d; font-weight:700; }
.premium-dashboard .ri-no-data { min-height:140px; display:grid; place-items:center; color:#66707b; font-size:10px; border:1px dashed rgba(255,255,255,.08); border-radius:12px; }
.premium-dashboard .ri-dual-spark { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.premium-dashboard .ri-dual-spark > section { min-width:0; }
.premium-dashboard .ri-dual-spark > section > span { display:block; margin:0 0 6px 5px; color:#747e89; font:800 7px var(--mono); text-transform:uppercase; }
.premium-dashboard .ri-dual-spark .ri-spark { height:145px; }

.premium-dashboard .ri-composition > div { display:flex; gap:3px; height:32px; padding:4px; overflow:hidden; border-radius:9px; background:#080b0f; }
.premium-dashboard .ri-composition > div > i { display:block; width:var(--ri-share); min-width:0; border-radius:5px; background:var(--ri-mark); transform-origin:left; animation:premiumCompositionIn .75s var(--premium-ease) both; }
.premium-dashboard .ri-composition > section { display:grid; grid-template-columns:repeat(auto-fit,minmax(125px,1fr)); gap:7px; margin-top:10px; }
.premium-dashboard .ri-composition p { display:grid; grid-template-columns:7px 1fr auto; gap:5px 7px; align-items:center; margin:0; padding:8px 9px; border:1px solid rgba(255,255,255,.05); border-radius:9px; background:rgba(255,255,255,.012); }
.premium-dashboard .ri-composition p > i { width:7px; height:7px; border-radius:2px; background:var(--ri-mark); }
.premium-dashboard .ri-composition p > span { color:#7c8591; font-size:8px; }
.premium-dashboard .ri-composition p > strong { color:#e1e5e1; font:700 9px var(--mono); }
.premium-dashboard .ri-composition p > small { grid-column:2/-1; color:#555e6a; font-size:7px; }

.premium-dashboard .ri-diverging { display:grid; gap:8px; }
.premium-dashboard .ri-div-row { display:grid; grid-template-columns:minmax(140px,.65fr) minmax(180px,1fr) auto; gap:13px; align-items:center; min-height:41px; padding:7px 9px; border:1px solid rgba(255,255,255,.045); border-radius:9px; }
.premium-dashboard .ri-div-row > span { overflow:hidden; color:#a2a9b0; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.premium-dashboard .ri-div-row > div { position:relative; height:12px; }
.premium-dashboard .ri-div-row > div::after { content:''; position:absolute; left:50%; top:-3px; bottom:-3px; width:1px; background:rgba(255,255,255,.16); }
.premium-dashboard .ri-div-row > div i { position:absolute; top:2px; width:var(--ri-width); height:8px; border-radius:3px; transform-origin:50% center; animation:premiumBarGrow .7s var(--premium-ease) both; }
.premium-dashboard .ri-div-row > div i.is-pos { left:50%; background:var(--lime); }
.premium-dashboard .ri-div-row > div i.is-neg { right:50%; background:#ff776c; }
.premium-dashboard .ri-div-row > strong { font:700 9px var(--mono); }
.premium-dashboard .ri-div-row > strong.is-pos { color:#d9ff74; }
.premium-dashboard .ri-div-row > strong.is-neg { color:#ff9188; }

.premium-dashboard .ri-priority-list { display:grid; gap:8px; }
.premium-dashboard .ri-priority-list article { display:grid; grid-template-columns:35px 1fr 30px; gap:12px; align-items:start; padding:13px; border:1px solid rgba(255,255,255,.055); border-radius:12px; background:rgba(255,255,255,.014); transition:border-color .2s,transform .2s; }
.premium-dashboard .ri-priority-list article:hover { border-color:rgba(206,255,66,.14); transform:translateX(3px); }
.premium-dashboard .ri-priority-list article > b { display:grid; width:30px; height:30px; place-items:center; border:1px solid color-mix(in srgb,var(--ri-mark) 40%,transparent); border-radius:8px; color:var(--ri-mark); font:800 8px var(--mono); }
.premium-dashboard .ri-priority-list article div > span { color:var(--ri-mark); font:800 7px var(--mono); letter-spacing:.1em; text-transform:uppercase; }
.premium-dashboard .ri-priority-list article div > strong { display:block; margin-top:6px; color:#e9ece7; font-size:11px; }
.premium-dashboard .ri-priority-list article div > p { margin-top:5px; color:#747d88; font-size:9px; line-height:1.45; }
.premium-dashboard .ri-priority-list article > button { display:grid; width:28px; height:28px; place-items:center; border:1px solid rgba(255,255,255,.08); border-radius:8px; color:#a5adb6; background:#11151b; cursor:pointer; }

.premium-dashboard .ri-stage-scroll { margin-bottom:16px; overflow-x:auto; scrollbar-width:thin; scrollbar-color:rgba(206,255,66,.2) rgba(255,255,255,.03); }
.premium-dashboard .ri-stage-flow { display:grid; grid-template-columns:minmax(125px,1fr) 74px minmax(125px,1fr) 74px minmax(125px,1fr) 74px minmax(125px,1fr); gap:8px; align-items:center; min-width:830px; }
.premium-dashboard .ri-stage { min-width:0; padding:13px; border:1px solid rgba(255,255,255,.06); border-radius:12px; background:#0b0f14; }
.premium-dashboard .ri-stage > span { display:block; min-height:25px; color:#818a95; font-size:9px; line-height:1.3; }
.premium-dashboard .ri-stage > strong { display:block; margin-top:6px; color:#eef0ec; font:600 20px/1 var(--display); }
.premium-dashboard .ri-stage > div { height:4px; margin:11px 0 7px; overflow:hidden; border-radius:3px; background:rgba(255,255,255,.055); }
.premium-dashboard .ri-stage > div i { display:block; width:var(--ri-share); height:100%; border-radius:3px; background:var(--lime); transform-origin:left; animation:premiumBarGrow .75s var(--premium-ease) both; }
.premium-dashboard .ri-stage > small { color:#59626e; font-size:7.5px; }
.premium-dashboard .ri-stage-link { position:relative; text-align:center; }
.premium-dashboard .ri-stage-link b { color:#dbe0df; font:700 11px var(--mono); }
.premium-dashboard .ri-stage-link small { display:block; margin-top:4px; color:#535c68; font-size:6.5px; text-transform:uppercase; }
.premium-dashboard .ri-stage-link i { position:absolute; left:50%; top:-20px; color:rgba(255,255,255,.18); font:400 13px var(--mono); font-style:normal; transform:translateX(-50%); }
.premium-dashboard .ri-stage-note,.premium-dashboard .ri-caveat { margin:10px 2px 0; color:#5f6874; font-size:8px; line-height:1.45; }

.premium-dashboard .ri-mini-matrix { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin-top:13px; }
.premium-dashboard .ri-mini-matrix > div { display:flex; align-items:center; justify-content:space-between; padding:9px 10px; border:1px solid rgba(255,255,255,.05); border-radius:9px; background:rgba(99,215,238,.025); cursor:help; }
.premium-dashboard .ri-mini-matrix > div.is-a { background:rgba(206,255,66,.035); }
.premium-dashboard .ri-mini-matrix > div.is-c { background:rgba(155,124,255,.035); }
.premium-dashboard .ri-mini-matrix > div.is-risk { border-color:rgba(255,119,108,.2); background:rgba(255,119,108,.045); }
.premium-dashboard .ri-mini-matrix span { color:#737c87; font:800 8px var(--mono); }
.premium-dashboard .ri-mini-matrix strong { color:#e2e6e2; font:700 12px var(--mono); }

.premium-dashboard .ri-plan-table { overflow:hidden; border:1px solid rgba(255,255,255,.055); border-radius:11px; }
.premium-dashboard .ri-plan-table > div { display:grid; grid-template-columns:minmax(130px,1fr) 70px 80px 90px; gap:10px; align-items:center; min-height:43px; padding:8px 11px; border-bottom:1px solid rgba(255,255,255,.04); }
.premium-dashboard .ri-plan-table > div:last-child { border-bottom:0; }
.premium-dashboard .ri-plan-table > div.is-risk { background:rgba(255,119,108,.035); }
.premium-dashboard .ri-plan-table span { overflow:hidden; color:#9fa6ad; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.premium-dashboard .ri-plan-table b,.premium-dashboard .ri-plan-table strong { color:#d8dcd8; font:700 8px var(--mono); text-align:right; }
.premium-dashboard .ri-plan-table > div.is-risk strong { color:#ff9188; }
.premium-dashboard .ri-plan-table .ri-plan-head { min-height:32px; color:#626b77; background:#0c1015; }
.premium-dashboard .ri-plan-table .ri-plan-head span { color:#626b77; font:800 6.5px var(--mono); letter-spacing:.08em; text-align:right; text-transform:uppercase; }
.premium-dashboard .ri-plan-table .ri-plan-head span:first-child { text-align:left; }

.premium-dashboard .ri-data-contract { display:grid; gap:8px; }
.premium-dashboard .ri-data-contract article { display:grid; grid-template-columns:38px 1fr; gap:12px; padding:14px; border:1px solid rgba(255,255,255,.055); border-radius:11px; background:rgba(255,255,255,.014); }
.premium-dashboard .ri-data-contract article > span { color:var(--lime); font:800 8px var(--mono); }
.premium-dashboard .ri-data-contract strong { color:#dde1dc; font-size:11px; }
.premium-dashboard .ri-data-contract p { margin-top:5px; color:#6f7883; font-size:9px; line-height:1.45; }

@container (max-width:760px) {
  .premium-dashboard .ri-layout { grid-template-columns:1fr; }
  .premium-dashboard .ri-action { position:relative; top:auto; min-height:170px; }
}
@media (max-width:900px) {
  .premium-dashboard .ri-kpis { grid-template-columns:1fr 1fr; }
  .premium-dashboard .ri-layout { grid-template-columns:1fr; }
  .premium-dashboard .ri-action { position:relative; top:auto; min-height:165px; }
  .premium-dashboard .ri-spark { height:175px; }
}
@media (max-width:560px) {
  .premium-dashboard .ri-head { align-items:flex-start; flex-direction:column; }
  .premium-dashboard .ri-head p { max-width:none; text-align:left; }
  .premium-dashboard .ri-kpis { gap:7px; }
  .premium-dashboard .ri-kpi { min-height:83px; padding:12px; }
  .premium-dashboard .ri-kpi > strong { font-size:16px; }
  .premium-dashboard .ri-ranked .ri-rank-row { grid-template-columns:minmax(110px,.8fr) 1fr auto; gap:6px 8px; padding-inline:7px; }
  .premium-dashboard .ri-ranked .ri-rank-row > span i { display:none; }
  .premium-dashboard .ri-spark { height:145px; }
  .premium-dashboard .ri-dual-spark { grid-template-columns:1fr; }
  .premium-dashboard .ri-plan-table { overflow-x:auto; }
  .premium-dashboard .ri-plan-table > div { min-width:540px; }
  .premium-dashboard .ri-div-row { grid-template-columns:100px minmax(130px,1fr) auto; gap:7px; }
}
@media (prefers-reduced-motion:reduce) {
  .premium-dashboard .ri-line,.premium-dashboard .ri-rank-row > div b,.premium-dashboard .ri-composition > div > i,.premium-dashboard .ri-div-row > div i,.premium-dashboard .ri-stage > div i { animation:none!important; }
}

/* Seller-first compact reports — summary first, details on demand */
.premium-dashboard .report-guide { display:none!important; }
.premium-dashboard .premium-section-hero {
  min-height:132px; margin-bottom:12px; padding:48px 24px 19px;
}
.premium-dashboard .premium-section-hero::after { opacity:.035; font-size:118px; }
.premium-dashboard .premium-report-visual {
  margin-bottom:9px; padding:20px 22px; border-radius:16px;
  background:#0d1117; box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.premium-dashboard .premium-report-visual::before { display:none; }
.premium-dashboard .report-visual-head {
  align-items:center; gap:20px; margin-bottom:16px;
}
.premium-dashboard .report-visual-head span {
  margin-bottom:6px; color:#7c8590; font-size:7px; letter-spacing:.11em; text-transform:uppercase;
}
.premium-dashboard .report-visual-head h3 { font-size:clamp(18px,1.7vw,22px); }
.premium-dashboard .report-visual-head p {
  display:-webkit-box; max-width:420px; overflow:hidden; color:#7d8691; font-size:9.5px; line-height:1.45;
  text-align:right; -webkit-box-orient:vertical; -webkit-line-clamp:2;
}
.premium-dashboard .ri-kpis {
  grid-template-columns:repeat(auto-fit,minmax(165px,1fr)); gap:8px; margin:0 0 16px;
}
.premium-dashboard .ri-kpi {
  min-height:76px; padding:12px 13px; border-radius:10px; background:rgba(255,255,255,.012);
}
.premium-dashboard .ri-kpi > strong { margin-top:9px; font-size:clamp(17px,1.55vw,22px); }
.premium-dashboard .ri-kpi > small { margin-top:6px; }
.premium-dashboard .ri-layout {
  grid-template-columns:minmax(0,1.66fr) minmax(225px,.68fr); gap:12px;
}
.premium-dashboard .ri-subhead { margin-bottom:9px; }
.premium-dashboard .ri-space { margin-top:15px; }
.premium-dashboard .ri-action {
  position:relative; top:auto; min-height:0; padding:16px; border-radius:12px; background:#10151a;
}
.premium-dashboard .ri-action::after { display:none; }
.premium-dashboard .ri-action > strong { margin-top:10px; font-size:15px; line-height:1.22; }
.premium-dashboard .ri-action > p {
  display:-webkit-box; margin-top:8px; overflow:hidden; font-size:9.5px; line-height:1.48;
  -webkit-box-orient:vertical; -webkit-line-clamp:3;
}
.premium-dashboard .ri-action > button { margin-top:12px; padding:8px 10px; }
.premium-dashboard .ri-ranked { gap:6px; }
.premium-dashboard .ri-rank-row { min-height:38px; padding:7px 9px; }
.premium-dashboard .ri-spark-wrap { padding:8px 10px 7px; border-radius:11px; }
.premium-dashboard .ri-spark { height:168px; }
.premium-dashboard .ri-priority-list { gap:6px; }
.premium-dashboard .ri-priority-list article { padding:11px; }
.premium-dashboard .ri-mini-matrix { gap:5px; margin-top:0; }
.premium-dashboard .ri-mini-matrix > div { padding:8px 9px; }
.premium-dashboard .ri-plan-table > div { min-height:39px; }
.premium-dashboard .ri-stage-scroll { margin-bottom:11px; }
.premium-dashboard .ri-stage { padding:11px; }

.premium-dashboard .is-report-compact:not(.is-detail-open) > .report-secondary-content { display:none!important; }
.premium-dashboard .report-detail-toggle { margin:0 0 17px; }
.premium-dashboard .report-detail-toggle button {
  display:flex; width:100%; align-items:center; justify-content:center; gap:10px; padding:10px 14px;
  border:1px solid rgba(255,255,255,.07); border-radius:11px; color:#8e97a1; background:rgba(255,255,255,.018);
  font:700 9px/1 var(--mono); letter-spacing:.05em; cursor:pointer; transition:border-color .2s,color .2s,background .2s;
}
.premium-dashboard .report-detail-toggle button:hover,.premium-dashboard .report-detail-toggle button:focus-visible {
  border-color:rgba(206,255,66,.25); color:var(--lime); background:rgba(206,255,66,.035); outline:none;
}
.premium-dashboard .report-detail-toggle i { font-size:13px; font-style:normal; }
.premium-dashboard .is-detail-open > .report-secondary-content { animation:premiumLensIn .35s var(--premium-ease) both; }

@media (max-width:900px) {
  .premium-dashboard .premium-section-hero { min-height:122px; padding:45px 19px 17px; }
  .premium-dashboard .ri-layout { grid-template-columns:1fr; }
  .premium-dashboard .ri-action { min-height:0; }
}
@media (max-width:560px) {
  .premium-dashboard .premium-section-hero { min-height:112px; padding:43px 15px 16px; }
  .premium-dashboard .premium-section-hero h1,.premium-dashboard .premium-section-hero h2 { font-size:23px; }
  .premium-dashboard .premium-report-visual { padding:15px 12px; border-radius:13px; }
  .premium-dashboard .report-visual-head { display:block; margin-bottom:13px; }
  .premium-dashboard .report-visual-head p { margin-top:7px; text-align:left; }
  .premium-dashboard .ri-kpis { grid-template-columns:1fr 1fr; gap:6px; margin-bottom:13px; }
  .premium-dashboard .ri-kpi:last-child:nth-child(odd) { grid-column:1/-1; }
  .premium-dashboard .ri-kpi { min-height:72px; padding:10px; }
  .premium-dashboard .ri-kpi > strong { font-size:16px; }
  .premium-dashboard .ri-spark { height:136px; }
  .premium-dashboard .ri-action { padding:13px; }
  .premium-dashboard .report-detail-toggle { margin-bottom:13px; }
}