/* WB Profit — Light Future Evolution
   Visual-only production layer. Product logic stays in the existing HTML/JS. */

:root {
  --ink: #0b1016;
  --ink2: #f0f4ec;
  --ink3: #e7ede3;
  --glass: rgba(255,255,255,.66);
  --glass2: rgba(255,255,255,.82);
  --glass3: rgba(255,255,255,.94);
  --hair: rgba(58,74,53,.14);
  --hair2: rgba(58,74,53,.24);
  --txt: #0b1016;
  --txt2: #36413a;
  --muted: #687268;
  --muted2: #899287;
  --lime: #b8ef35;
  --mint: #268e71;
  --coral: #d9555c;
  --amber: #bd7d21;
  --teal: #257f91;
  --violet: #6c63c7;
  --r-card: 20px;
  --r-btn: 12px;
  color-scheme: light;
}

html { background: #f5f8f1; }
body.premium-2026 {
  color: var(--txt);
  background:
    radial-gradient(circle at 82% -8%,rgba(190,246,62,.2),transparent 34rem),
    radial-gradient(circle at -8% 82%,rgba(206,255,122,.13),transparent 32rem),
    #f5f8f1;
}
body.premium-2026::selection { color: #0b1016; background: #c9ff53; }
body.premium-2026::-webkit-scrollbar-thumb { background: #b7c4b1; }
body.premium-2026 .bg-texture .grid {
  opacity: .7;
  background-image:
    linear-gradient(to right,rgba(33,48,29,.035) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(33,48,29,.035) 1px,transparent 1px);
}
body.premium-2026 .bg-texture .noise { opacity: .012; mix-blend-mode: multiply; }
body.premium-2026 :focus-visible { outline: 2px solid #88bd13; outline-offset: 3px; }

/* Shared brand: the old monogram becomes a data-signal mark. */
.premium-2026 :is(.nav-logo .mark,.footer-brand .mark,.brand .mark,.mobile-bar .mb-mark) {
  position: relative;
  overflow: hidden;
  color: transparent !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.premium-2026 :is(.nav-logo .mark,.footer-brand .mark,.brand .mark,.mobile-bar .mb-mark)::before {
  content: "";
  position: absolute;
  inset: 5px;
  border-radius: 5px;
  background:
    linear-gradient(180deg,#d8ff74,#9cd41d) 0 100% / 23% 47% no-repeat,
    linear-gradient(180deg,#d8ff74,#9cd41d) 38% 100% / 23% 72% no-repeat,
    linear-gradient(180deg,#d8ff74,#9cd41d) 76% 100% / 23% 100% no-repeat;
  filter: drop-shadow(0 7px 8px rgba(121,174,18,.2));
}

/* ───────────────────────── Landing ───────────────────────── */
.premium-landing .nav {
  border-color: rgba(118,139,111,.22);
  background: rgba(255,255,255,.78) !important;
  box-shadow: 0 20px 58px rgba(49,67,41,.08),inset 0 1px rgba(255,255,255,.92);
}
.premium-landing .nav.premium-nav-scrolled { background: rgba(250,253,248,.94) !important; }
.premium-landing .nav-logo .name { color: #0b1016; }
.premium-landing .nav-logo .sub { color: #758075; }
.premium-landing .nav-logo .name span,
.premium-landing .footer-brand .name span { color: #8fca0c; }
.premium-landing .nav-links a { color: #5e685f; }
.premium-landing .nav-links a:hover { color: #0b1016; }
.premium-landing .nav-burger span { background: #0b1016; }
.premium-landing .nav-mobile {
  border-color: rgba(118,139,111,.22);
  background: rgba(251,253,249,.98);
  box-shadow: 0 28px 70px rgba(38,55,31,.13);
}
.premium-landing .nav-mobile a { color: #263028; border-color: var(--hair); }

.premium-landing .btn-lime,
.premium-landing .price-cta {
  color: #0b1016;
  border-color: #a4da25;
  background: linear-gradient(135deg,#d4ff70,#a9e327);
  box-shadow: 0 13px 32px rgba(130,181,25,.16),inset 0 1px rgba(255,255,255,.7);
}
.premium-landing .btn-lime:hover,
.premium-landing .price-cta:hover { box-shadow: 0 18px 44px rgba(130,181,25,.24); }
.premium-landing .btn-ghost {
  color: #1b251e;
  border-color: rgba(87,106,80,.22);
  background: rgba(255,255,255,.62);
}
.premium-landing .btn-ghost::before { background: #0b1016; }
.premium-landing .btn-ghost:hover { color: white; border-color: #0b1016; }

.premium-landing .hero {
  min-height: 1460px;
  color: #0b1016;
  background:
    radial-gradient(circle at 78% 19%,rgba(191,249,57,.29),transparent 23rem),
    radial-gradient(circle at 11% 74%,rgba(209,255,106,.14),transparent 32rem),
    linear-gradient(145deg,#fbfcf8 0%,#f3f7ef 67%,#eef5e8 100%);
}
.premium-landing .hero::before {
  border-color: rgba(133,183,26,.24);
  box-shadow: inset 0 0 110px rgba(183,240,48,.07),0 0 120px rgba(174,232,45,.07);
}
.premium-landing .hero::after { -webkit-text-stroke-color: rgba(27,39,22,.055); }
.premium-landing .hero-tag {
  color: #577b0e;
  border-color: rgba(121,170,16,.25);
  background: rgba(196,247,77,.16);
}
.premium-landing .hero h1 { color: #090e13; }
.premium-landing .hero h1 .lime {
  -webkit-text-stroke-color: rgba(132,181,29,.9);
  text-shadow: 0 0 34px rgba(174,232,45,.07);
}
.premium-landing .hero > p { color: #4e5a50; }
.premium-landing .hero-note { color: #667267; }
.premium-landing .hero-note .ck { color: #4e8f36; }
.premium-landing .mockup-glow { background: radial-gradient(ellipse at center,rgba(183,239,52,.27),transparent 65%); }
.premium-landing .mockup {
  border-color: rgba(118,143,110,.3);
  background: rgba(252,254,250,.84);
  box-shadow: 0 64px 130px rgba(55,75,47,.17),0 0 60px rgba(174,232,45,.08),inset 0 1px white;
}
.premium-landing .mockup-bar { border-color: var(--hair); background: rgba(241,246,237,.84); }
.premium-landing .mockup-bar .url { color: #768176; border-color: var(--hair); background: white; }
.premium-landing .mock-sidebar { border-color: var(--hair); background: rgba(240,245,236,.9); }
.premium-landing .mock-nav-group { color: #8b9589; }
.premium-landing .mock-nav-item { color: #687368; }
.premium-landing .mock-nav-item.active { color: #0b1016; border-color: #a5dc27; background: linear-gradient(135deg,#d5ff72,#b3eb32); }
.premium-landing .mock-content { background: rgba(248,251,246,.78); }
.premium-landing .mock-title { color: #0b1016; }
.premium-landing .mock-pb { color: #667168; }
.premium-landing .mock-pb.active { color: #0b1016; background: #c8f75a; }
.premium-landing .mock-card {
  color: #172019;
  border-color: rgba(115,136,108,.22);
  background: rgba(255,255,255,.78);
  box-shadow: inset 0 1px white,0 12px 30px rgba(49,68,41,.055);
}
.premium-landing .mock-label,.premium-landing .mock-sub { color: #748074; }
.premium-landing .mock-val { color: #0b1016; }
.premium-landing .mock-bar-track,.premium-landing .mock-line { background: #e6ece2; }

.premium-landing .section,
.premium-landing .how,
.premium-landing .calc-section,
.premium-landing .faq { color: #0b1016; background: #f7f9f4; }
.premium-landing .section-tag { color: #6f9c13; }
.premium-landing .section-sub { color: #606b61; }
.premium-landing .section-title .lime { -webkit-text-stroke-color: rgba(128,178,23,.78); }
.premium-landing .problem { color: #0b1016; background: #edf2e9; }
.premium-landing .problem-card {
  border-color: rgba(106,126,99,.2);
  background: rgba(255,255,255,.72);
  box-shadow: inset 0 1px white,0 22px 55px rgba(48,66,40,.055);
}
.premium-landing .problem-card.good {
  color: white;
  border-color: rgba(188,244,52,.28);
  background: linear-gradient(145deg,#1c2718,#0b1016);
  box-shadow: 0 30px 70px rgba(28,42,21,.16);
}
.premium-landing #features { background: #f8faf6 !important; }
.premium-landing .feature-card {
  color: #101713;
  border-color: rgba(106,128,99,.2);
  background: rgba(255,255,255,.74);
  box-shadow: inset 0 1px white,0 18px 46px rgba(43,62,36,.05);
}
.premium-landing .feature-card:first-child {
  color: white;
  border-color: rgba(187,240,58,.28);
  background: linear-gradient(145deg,#1d281a,#0c1210);
}
.premium-landing .feature-card:first-child p { color: #a9b5a6; }
.premium-landing .feature-card:hover { border-color: rgba(133,183,25,.45); box-shadow: 0 28px 70px rgba(42,61,35,.1); }
.premium-landing .feature-card p { color: #687269; }
.premium-landing .feature-ico { color: #5f8e05; border-color: rgba(127,177,20,.2); background: rgba(185,234,66,.16); }
.premium-landing .feature-chip { color: #567d0b; border-color: rgba(127,177,20,.23); background: rgba(185,234,66,.13); }
.premium-landing .insights-ticker { color: #0b1016; background: #eef3ea; }
.premium-landing .ticker-card {
  border-color: rgba(105,127,98,.22);
  background: rgba(255,255,255,.82);
  box-shadow: 0 20px 56px rgba(45,63,37,.065);
}
.premium-landing .ticker-title { color: #111915; }
.premium-landing .ticker-detail { color: #667168; }
.premium-landing .how { background: #f9fbf7; }
.premium-landing .step {
  color: #111814;
  border-color: rgba(105,127,98,.2);
  background: rgba(255,255,255,.76);
  box-shadow: inset 0 1px white,0 18px 50px rgba(43,61,36,.045);
}
.premium-landing .step::after { -webkit-text-stroke-color: rgba(21,34,17,.055); }
.premium-landing .step-sub,.premium-landing .step p { color: #6c776e; }
.premium-landing .step-num { color: #0b1016; background: linear-gradient(135deg,#d4ff71,#aae52a); }
.premium-landing .metrics { background: linear-gradient(145deg,#d4ff70,#a8e229) !important; }
.premium-landing .metric-chip { background: rgba(255,255,255,.16); }
.premium-landing .calc-section {
  background:
    radial-gradient(circle at 82% 15%,rgba(190,246,62,.22),transparent 26rem),
    #eff4eb;
}
.premium-landing .calc-card {
  color: #0b1016;
  border-color: rgba(104,126,97,.22);
  background: rgba(255,255,255,.78);
  box-shadow: inset 0 1px white,0 22px 55px rgba(45,64,38,.055);
}
.premium-landing .calc-card h3 { color: #1a241d; }
.premium-landing .calc-input,.premium-landing .calc-select { color: #0b1016; border-color: rgba(99,119,93,.25); background: #f7faf5; }
.premium-landing .calc-input-wrap { border-color: rgba(99,119,93,.24); background: #f7faf5; }
.premium-landing .calc-line,.premium-landing .calc-kpi { border-color: var(--hair); }
.premium-landing .calc-lock-overlay { color: white; background: rgba(21,29,19,.82); }
.premium-landing .pricing { color: #0b1016; background: #edf2e9; }
.premium-landing .bot-tariff-card,.premium-landing .price-card {
  border-color: rgba(106,126,99,.22) !important;
  background: rgba(255,255,255,.7) !important;
  box-shadow: inset 0 1px white,0 20px 48px rgba(44,63,36,.05) !important;
}
.premium-landing .price-card.popular {
  color: white;
  border-color: rgba(188,242,57,.3) !important;
  background: linear-gradient(145deg,#1e2a1a,#0b1016) !important;
  box-shadow: 0 30px 70px rgba(33,48,27,.16) !important;
}
.premium-landing .faq { background: #f8faf6; }
.premium-landing .faq-item { border-color: rgba(74,92,68,.18); }
.premium-landing .faq-q { color: #101713; }
.premium-landing .faq-a { color: #647066; }
.premium-landing .cta-final {
  color: white;
  background:
    radial-gradient(circle at 50% 50%,rgba(190,246,62,.18),transparent 36%),
    linear-gradient(145deg,#192317,#090e0c);
}
.premium-landing .cta-final::before { border-color: rgba(190,246,62,.24); }
.premium-landing .cta-final::after { border-color: rgba(216,255,127,.13); }
.premium-landing footer { color: #dbe3d8; background: #0a0f0d; }
.premium-landing footer a { color: #8e9b8d; }
.premium-landing .modal-overlay { background: rgba(18,27,15,.46); }
.premium-landing .modal {
  color: #0b1016;
  border-color: rgba(103,123,96,.25);
  background: #fbfdf9;
  box-shadow: 0 45px 110px rgba(32,48,26,.24);
}
.premium-landing .dropzone { color: #172019; border-color: rgba(126,173,22,.32); background: #f3f8ee; }

/* ───────────────────────── Dashboard / all modules ───────────────────────── */
body.premium-dashboard {
  color: #0b1016;
  background:
    radial-gradient(circle at 82% -8%,rgba(189,244,58,.18),transparent 32rem),
    #f4f7f1 !important;
}
.premium-dashboard .sidebar {
  border-color: rgba(105,126,98,.22);
  background: rgba(248,251,246,.92);
  box-shadow: 18px 0 54px rgba(42,59,35,.06);
}
.premium-dashboard .brand .name { color: #0b1016; }
.premium-dashboard .brand .sub { color: #7c887c; }
.premium-dashboard .brand .name span,.premium-dashboard .mobile-bar .mb-title span { color: #7eaf13; }
.premium-dashboard .navgroup { color: #879285; }
.premium-dashboard .navitem,.premium-dashboard .navcat-btn { color: #59655c; }
.premium-dashboard .navitem:hover,.premium-dashboard .navcat-btn:hover {
  color: #0b1016;
  border-color: rgba(106,128,98,.18);
  background: rgba(174,232,45,.1);
}
.premium-dashboard .navitem.active {
  color: #0b1016;
  border-color: #a5dc28;
  background: linear-gradient(135deg,#d5ff73,#afe92e);
  box-shadow: 0 10px 26px rgba(129,178,26,.14);
}
.premium-dashboard .navcat-btn.active { color: #172018; border-color: rgba(131,182,27,.25); background: rgba(174,232,45,.14); }
.premium-dashboard .navitem .ico,.premium-dashboard .navcat-btn .ico { color: #687568; background: rgba(95,118,87,.07); }
.premium-dashboard .navcat-btn.active .ico { color: #659108; background: rgba(174,232,45,.16); }
.premium-dashboard .navcat-flyout-title { color: #899488; }
.premium-dashboard .navitem[data-section="rnp"] { border-color: rgba(126,176,20,.2) !important; background: rgba(174,232,45,.11) !important; }
.premium-dashboard .sidebar-foot { border-color: var(--hair); background: #edf3e9; }
.premium-dashboard .tg-link { color: #56840a; }

.premium-dashboard .main { color: #0b1016; }
.premium-dashboard .topbar,
.premium-dashboard .premium-section-hero {
  border-color: rgba(105,127,98,.22);
  background:
    radial-gradient(circle at 91% 0,rgba(190,246,61,.19),transparent 17rem),
    rgba(255,255,255,.76);
  box-shadow: inset 0 1px white,0 16px 42px rgba(45,63,38,.05);
}
.premium-dashboard .topbar h1,
.premium-dashboard .premium-section-hero h1,
.premium-dashboard .premium-section-hero h2 { color: #0b1016; }
.premium-dashboard .topbar .greet,
.premium-dashboard .premium-section-hero .section-sub,
.premium-dashboard .premium-section-hero .greet { color: #677268; }
.premium-dashboard .premium-section-context { color: #748074; }
.premium-dashboard .premium-section-context .is-live { color: #5f6b60; }
.premium-dashboard .premium-section-hero::before {
  background-image:
    linear-gradient(rgba(39,56,33,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(39,56,33,.035) 1px,transparent 1px);
}
.premium-dashboard .premium-section-hero::after { -webkit-text-stroke-color: rgba(42,59,35,.06); }
.premium-dashboard .period-switch { border-color: rgba(104,125,97,.22); background: #edf3e9; }
.premium-dashboard .period-switch button { color: #667166; }
.premium-dashboard .period-switch button.active { color: #0b1016; background: linear-gradient(135deg,#d3ff6e,#afe92e); }
.premium-dashboard .brand-switch select,
.premium-dashboard input,
.premium-dashboard select,
.premium-dashboard textarea { color: #101713; border-color: rgba(100,121,93,.26); background: #f8faf6; }

.premium-dashboard .card,
.premium-dashboard .hub-tile,
.premium-dashboard .rnp-card,
.premium-dashboard .premium-report-lens,
.premium-dashboard .premium-report-visual,
.premium-dashboard .ri-kpi,
.premium-dashboard .ri-action,
.premium-dashboard .ri-spark-wrap,
.premium-dashboard .ri-stage,
.premium-dashboard .calc-card {
  color: #0b1016;
  border-color: rgba(105,127,98,.22) !important;
  background: rgba(255,255,255,.78) !important;
  box-shadow: inset 0 1px white,0 16px 44px rgba(45,63,38,.045) !important;
}
.premium-dashboard .card::after { background: radial-gradient(330px circle at var(--card-x,50%) var(--card-y,50%),rgba(174,232,45,.12),transparent 58%); }
.premium-dashboard .card:hover,.premium-dashboard .hub-tile:hover { border-color: rgba(130,180,26,.42) !important; box-shadow: inset 0 1px white,0 22px 58px rgba(45,64,37,.085) !important; }
.premium-dashboard .eyebrow { color: #6e7a6f; }
.premium-dashboard .big,
.premium-dashboard .hub-tile h3,
.premium-dashboard .report-visual-head h3,
.premium-dashboard .lens-head h3,
.premium-dashboard .ri-kpi > strong,
.premium-dashboard .ri-stage > strong { color: #0b1016; }
.premium-dashboard .kpi { color: #0b1016; border-color: var(--hair); background: #eff4eb; }
.premium-dashboard .kpi .l,.premium-dashboard .stat .l { color: #778278; }
.premium-dashboard .bar-track,.premium-dashboard .progress { background: #e2e9de; }
.premium-dashboard .card table thead th { color: #758175; background: #f0f4ed; }
.premium-dashboard .card table tbody td { color: #263029; border-color: rgba(77,96,70,.12); }
.premium-dashboard .card table tbody tr:hover { background: rgba(174,232,45,.1); }
.premium-dashboard .hub-head .hub-ico { color: #0b1016; background: linear-gradient(135deg,#d4ff70,#abe52a); }
.premium-dashboard .hub-tile .ico { color: #608d08; border-color: rgba(126,177,20,.22); background: rgba(174,232,45,.14); }
.premium-dashboard .hub-tile .tile-badge.live { color: #5c860c; background: rgba(174,232,45,.15); }

.premium-dashboard .dropzone {
  color: #172019;
  border-color: rgba(128,178,22,.35);
  background: radial-gradient(circle at 50% 50%,rgba(174,232,45,.13),transparent 62%),#f1f6ed;
}
.premium-dashboard .dropzone:hover,.premium-dashboard .dropzone.drag { border-color: #8fc312; background: rgba(174,232,45,.12); }
.premium-dashboard .dropzone .ico { color: #638e0b; background: rgba(174,232,45,.16); }
.premium-dashboard .btn-primary,.premium-dashboard .price-cta,.premium-dashboard .lock-cta {
  color: #0b1016 !important;
  border-color: #a4dc24 !important;
  background: linear-gradient(135deg,#d4ff70,#a9e327) !important;
  box-shadow: 0 10px 24px rgba(127,177,22,.14) !important;
}
.premium-dashboard .btn-ghost { color: #1b251e; border-color: rgba(92,112,85,.24); background: rgba(255,255,255,.68); }
.premium-dashboard .wizard-overlay { background: rgba(20,30,17,.45); }
.premium-dashboard .wizard-card {
  color: #0b1016;
  border-color: rgba(103,124,96,.24);
  background: #fbfdf9;
  box-shadow: 0 45px 110px rgba(32,48,26,.24);
}
.premium-dashboard .toast { color: #0b1016; border: 1px solid var(--hair); background: #fbfdf9; box-shadow: 0 20px 55px rgba(38,55,31,.16); }
.premium-dashboard .section-lock-overlay { color: white; background: rgba(21,29,19,.75); }
.premium-dashboard #sec-calc .calc-card { background: rgba(255,255,255,.78); }
.premium-dashboard #sec-calc .calc-input,.premium-dashboard #sec-calc .calc-select { color: #0b1016; background: #f5f8f2; }

.premium-dashboard .premium-report-lens::before,
.premium-dashboard .premium-report-visual::before { opacity: .5; }
.premium-dashboard .lens-head p,
.premium-dashboard .report-visual-head p,
.premium-dashboard .ri-action > p,
.premium-dashboard .ri-kpi > small,
.premium-dashboard .ri-stage > span,
.premium-dashboard .ri-stage > small,
.premium-dashboard .ri-caveat,
.premium-dashboard .ri-stage-note { color: #6c776e; }
.premium-dashboard .lens-switch,
.premium-dashboard .report-detail-toggle button { color: #59665b; border-color: rgba(93,113,86,.22); background: #edf3e9; }
.premium-dashboard .report-detail-toggle button:hover,.premium-dashboard .report-detail-toggle button:focus-visible { color: #4f7608; border-color: rgba(128,178,22,.4); background: rgba(174,232,45,.13); }
.premium-dashboard .ri-action > strong { color: #111914; }
.premium-dashboard .ri-action > span { color: #5f8e08; }
.premium-dashboard .ri-action > button { color: #527c08; border-color: rgba(124,174,20,.3); background: rgba(174,232,45,.12); }
.premium-dashboard .ri-rank-row,
.premium-dashboard .ri-priority-list article,
.premium-dashboard .ri-composition p,
.premium-dashboard .ri-div-row,
.premium-dashboard .ri-mini-matrix > div,
.premium-dashboard .ri-data-contract article {
  color: #152018;
  border-color: rgba(95,116,88,.16);
  background: rgba(242,246,239,.76);
}
.premium-dashboard .ri-rank-row:hover,.premium-dashboard .ri-priority-list article:hover { border-color: rgba(126,176,20,.34); background: rgba(174,232,45,.09); }
.premium-dashboard .ri-rank-row > span,
.premium-dashboard .ri-composition p > span,
.premium-dashboard .ri-priority-list article div > p,
.premium-dashboard .ri-data-contract p { color: #677269; }
.premium-dashboard .ri-rank-row > strong,
.premium-dashboard .ri-composition p > strong,
.premium-dashboard .ri-priority-list article div > strong,
.premium-dashboard .ri-data-contract strong,
.premium-dashboard .ri-mini-matrix strong { color: #111914; }
.premium-dashboard .ri-rank-row > div,
.premium-dashboard .ri-composition > div,
.premium-dashboard .ri-stage > div { background: #e2e9de; }
.premium-dashboard .ri-spark { color: #0b1016; }
.premium-dashboard .ri-gridline { stroke: rgba(45,64,39,.11); }
.premium-dashboard .ri-point { fill: white; }
.premium-dashboard .ri-axis { color: #7a867b; }
.premium-dashboard .ri-axis b { color: #5f6c61; }
.premium-dashboard .ri-plan-table { border-color: rgba(94,115,87,.18); }
.premium-dashboard .ri-plan-table > div { border-color: rgba(94,115,87,.12); }
.premium-dashboard .ri-plan-table .ri-plan-head { background: #edf2e9; }
.premium-dashboard .ri-plan-table span { color: #59655c; }
.premium-dashboard .ri-plan-table b,.premium-dashboard .ri-plan-table strong { color: #152018; }
.premium-dashboard .ri-stage-link b { color: #172019; }
.premium-dashboard .ri-stage-link small { color: #788379; }
.premium-dashboard .ri-stage-link i { color: rgba(34,51,29,.24); }

.premium-dashboard .rnp-table-wrap th { color: #657166; background: #edf2e9; }
.premium-dashboard .rnp-table-wrap td { border-color: rgba(84,104,77,.13); }
.premium-dashboard .rnp-table-wrap td:first-child { background: #f7f9f5; }
.premium-dashboard .rnp-group-hdr td { color: #567f0a; background: #eef4e9 !important; }
.premium-dashboard .rnp-metric-name,.premium-dashboard .rnp-total-cell b { color: #142018; }
.premium-dashboard .rnp-metric-detail,.premium-dashboard .rnp-total-hint { color: #758076; }
.premium-dashboard .rnp-spark-baseline { stroke: rgba(42,62,35,.12); }
.premium-dashboard .rnp-spark-point { fill: white; }
.premium-dashboard .rnp-dod { border-color: rgba(91,111,84,.18); background: #f2f6ef; }
.premium-dashboard .rnp-funnel-overview { color: #0b1016; border-color: rgba(105,127,98,.2); background: rgba(255,255,255,.74); }
.premium-dashboard .rnp-funnel-stage { border-color: rgba(93,114,86,.18); background: #f2f6ef; }
.premium-dashboard .rnp-funnel-stage-track { background: #e0e8dc; }

.premium-dashboard .mobile-bar {
  color: #0b1016;
  border-color: rgba(104,125,97,.22);
  background: rgba(250,252,248,.96);
  box-shadow: 0 12px 30px rgba(42,59,35,.08);
}
.premium-dashboard .burger span { background: #0b1016; }
.premium-dashboard .mobile-backdrop { background: rgba(18,28,15,.4); }

@media (max-width: 900px) {
  .premium-landing .nav { background: rgba(252,254,250,.96); }
  .premium-dashboard .sidebar { background: rgba(249,252,247,.98); }
  .premium-dashboard .main { overflow-x: clip; }
}

@media (max-width: 560px) {
  .premium-landing .hero { padding-top: 125px; }
  .premium-landing .hero h1 { font-size: clamp(48px,15vw,64px); line-height: .88; }
  .premium-landing .hero h1 .lime { -webkit-text-stroke-width: 1.25px; }
  .premium-landing .mockup { box-shadow: 0 35px 85px rgba(50,69,42,.14); }
  .premium-dashboard .card,.premium-dashboard .premium-report-visual { overflow: hidden; }
  .premium-dashboard .topbar { backdrop-filter: none; }
}

@media (prefers-reduced-motion: reduce) {
  .premium-2026 *, .premium-2026 *::before, .premium-2026 *::after {
    scroll-behavior: auto !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
}

@media (forced-colors: active) {
  .premium-2026 :is(.card,.feature-card,.problem-card,.step,.nav,.sidebar) { border: 1px solid CanvasText !important; }
}