/* Marketing readability layer. Load after every other marketing stylesheet. */
:root {
  --ink: #101112;
  --muted: #475569;
  --readable-secondary: #475569;
  --readable-link: #245c83;
  --readable-success: #276549;
  --readable-inverse: #e2e8f0;
  --readable-body: 1rem;
  --readable-label: 0.875rem;
  --readable-card-title: clamp(1.25rem, 1.125rem + 0.5vw, 1.5rem);
  --readable-h1: clamp(2.125rem, 1.75rem + 2.5vw, 3.5rem);
  --readable-h2: clamp(1.875rem, 1.5rem + 1.8vw, 2.625rem);
}
body {
  font-size: var(--readable-body);
  line-height: 1.65;
}
.page-shell {
  overflow: clip;
}
.hero-copy,
.section-head > div,
.center-head,
.faq-intro,
.faq-list,
.detail-use-case > div,
.detail-hero-copy,
.getting-started-card,
.benefit-card {
  min-width: 0;
}
.hero-copy,
.section-head,
.center-head,
.faq-intro,
.faq-list,
.detail-hero,
.detail-card,
.detail-use-case,
.detail-related,
.getting-started-card,
.benefit-card,
.lower-final-cta,
.feature-panel,
.audience-card,
.template-card-caption,
.dialog-heading,
.dialog-bottom,
.example-intro {
  overflow-wrap: anywhere;
}
.header-inner {
  height: auto;
  min-height: 82px;
  padding-block: 12px;
  gap: 20px;
}
.navigation {
  gap: 18px;
  margin-left: 0;
}
.navigation a,
.login {
  color: var(--readable-secondary);
  font-size: var(--readable-label);
  line-height: 1.5;
  min-height: 44px;
  display: flex;
  align-items: center;
}
.header-actions {
  gap: 14px;
  min-width: 0;
}
.button,
.button-small,
.header .button,
.hero-actions .button,
.plan > .button,
.detail-hero .button,
.final-cta-actions > .button,
.getting-started-action > .button,
.dialog-bottom > .button {
  font-size: var(--readable-label);
  line-height: 1.5;
  min-height: 48px;
  max-width: 100%;
  padding: 12px 20px;
  gap: 10px;
  white-space: normal;
  text-align: center;
}
.header .button {
  padding-inline: 16px;
}
.menu-toggle,
.feature-nav-toggle,
.dialog-close {
  min-width: 44px;
  min-height: 44px;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
}
.feature-nav-menu {
  width: min(340px, calc(100vw - 40px));
}
.feature-nav-menu a > span {
  min-width: 0;
}
.feature-nav-menu strong,
.feature-nav-menu small {
  font-size: var(--readable-label);
  line-height: 1.5;
}
.feature-nav-menu small {
  color: var(--readable-secondary);
}
.hero h1,
.detail-hero h1 {
  font-size: var(--readable-h1);
  line-height: 1.16;
  letter-spacing: -0.045em;
}
.center-head h2,
.section-head h2,
.lower-templates h2,
.lower-pricing h2,
.lower-faq h2,
.lower-final-cta h2,
.getting-started .section-head h2,
.detail-use-case h2,
.detail-related .section-head h2,
.example-intro h1 {
  font-size: var(--readable-h2);
  line-height: 1.22;
  letter-spacing: -0.035em;
}
.hero-copy > p,
.center-head > p,
.section-head > p,
.lower-templates .section-head > p,
.lower-pricing .section-head > p,
.getting-started .section-head > p,
.getting-started-card > p,
.benefit-card > p,
.photo-benefit p,
.audience-card > p,
.detail-hero-copy > p,
.detail-card p,
.detail-use-case > div > p,
.detail-flow p,
.feature-summary,
.detail-hero .feature-summary,
.faq-intro > p,
.faq-list details > p,
.lower-final-cta > p,
.dialog-bottom > p,
.example-intro > p,
.example-status,
.example-error,
.closed-pilot-note {
  font-size: var(--readable-body);
  line-height: 1.7;
  color: var(--readable-secondary);
}
.hero-copy > p {
  max-width: 640px;
  margin-inline: auto;
}
.benefit-card h3,
.photo-benefit h3,
.audience-card h3,
.getting-started-card h3,
.detail-card h3,
.detail-flow h3,
.template-card-caption h3,
.plan-heading h3 {
  font-size: var(--readable-card-title);
  line-height: 1.35;
  font-weight: 600;
  letter-spacing: -0.025em;
}
.eyebrow,
.hero .eyebrow,
.detail-hero-copy > .eyebrow,
.dialog-heading .eyebrow,
.hero-note,
.demo-tag,
.tab-number,
.workbench-note,
.template-card-caption > span,
.template-caption-note,
.getting-started-number,
.getting-started-action > p,
.detail-number,
.detail-quick-list li,
.breadcrumb,
.example-page-select,
.example-device-controls button,
.pricing-note,
.faq-number,
.footer-main > p,
.footer-main nav,
.footer-bottom,
.footer-support-links,
.footer-feature-links > a,
.detail-related-card small {
  font-size: var(--readable-label);
  line-height: 1.6;
  color: var(--readable-secondary);
}
.eyebrow,
.hero .eyebrow {
  padding: 4px 11px;
}
.hero-note {
  max-width: 100%;
}
.module-strip > p {
  font-size: var(--readable-body);
}
.module-strip a,
.filter-button,
.template-card-caption p,
.template-site-link,
.dialog-demo-link,
.faq-more,
.detail-related-card strong,
.detail-demo-tabs [role="tab"] {
  font-size: var(--readable-label);
  line-height: 1.5;
}
.module-strip a,
.filter-button,
.template-site-link,
.dialog-demo-link,
.faq-more,
.detail-demo-tabs [role="tab"],
.example-device-controls button,
.example-page-select select,
.footer-main nav a,
.footer-bottom > a,
.footer-feature-links > a,
.footer-support-links a,
.audience-card > a,
.panel-caption a {
  min-height: 44px;
}
.template-site-link,
.dialog-demo-link,
.faq-more,
.footer-main nav a,
.footer-support-links a {
  display: inline-flex;
  align-items: center;
}
.template-site-link,
.dialog-demo-link,
.faq-more,
.audience-card > a,
.breadcrumb a,
.panel-caption a,
.footer-feature-links > a {
  color: var(--readable-link);
}
.template-card-caption,
.plan-heading,
.plan-price,
.detail-demo-tabs,
.example-device-controls {
  flex-wrap: wrap;
}
.template-card-caption > div,
.plan-heading > div,
.detail-related-card > span,
.detail-flow li > div {
  min-width: 0;
}
.template-card-caption > span {
  white-space: normal;
}
.template-open {
  width: 44px;
  height: 44px;
}
.plan {
  padding: 28px 24px;
}
.plan-heading {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 12px;
  min-height: 0;
}
.plan-heading > div {
  flex: 1;
}
.plan-heading p,
.plan-caption,
.plan-features li {
  font-size: var(--readable-body);
  line-height: 1.65;
  color: var(--readable-secondary);
}
.plan-price {
  font-size: 2.625rem;
  line-height: 1.2;
  row-gap: 8px;
}
.plan-price > span {
  font-size: 1.75rem;
}
.plan-price > small,
.plan-includes,
.plan-recommended {
  font-size: var(--readable-label);
  line-height: 1.6;
  color: var(--readable-secondary);
}
.plan-recommended {
  position: static;
  display: block;
  width: fit-content;
  max-width: 100%;
  white-space: normal;
  margin: 0 0 12px;
  grid-column: 1 / -1;
  grid-row: 1;
  color: var(--ink);
}
.plan-features li {
  padding-left: 24px;
}
.plan-features li::before {
  top: 7px;
  width: 13px;
  height: 13px;
  border-color: #64748b;
}
.plan-features li::after {
  top: 11px;
  left: 4px;
  width: 5px;
  height: 3px;
  border-color: #475569;
}
.plan-featured .plan-heading p,
.plan-featured .plan-caption,
.plan-featured .plan-price > small,
.plan-featured .plan-includes {
  color: var(--readable-inverse);
}
.plan-featured .plan-features li {
  color: #fff;
}
.faq-list summary {
  font-size: var(--readable-body);
  line-height: 1.55;
}
.footer-main,
.footer-bottom {
  gap: 12px 24px;
}
.footer-main > p,
.footer-main nav,
.footer-bottom > span,
.footer-support-links a {
  min-width: 0;
  overflow-wrap: anywhere;
}
.footer-bottom > a {
  margin-left: 0;
}
.audience-card .audience-result,
.audience-card > a {
  font-size: var(--readable-label);
  line-height: 1.6;
  color: var(--readable-link);
}
.detail-flow li > span {
  font-size: var(--readable-label);
  width: 36px;
  height: 36px;
  color: var(--readable-link);
}
.detail-demo-tabs [aria-selected="true"] {
  color: #fff;
}
.detail-demo-tabs [role="tab"]:not([aria-selected="true"]) {
  color: var(--readable-secondary);
}
.breadcrumb {
  flex-wrap: wrap;
}
.example-page-select {
  flex-wrap: wrap;
}
.example-page-select select {
  min-width: 0;
  max-width: 100%;
  font-size: var(--readable-body);
}
/* The surrounding story and controls remain full-size at every breakpoint. */
.feature-tab strong {
  font-size: 1.125rem;
  line-height: 1.4;
}
.feature-tab small,
.panel-label > span:first-child,
.detail-hero .panel-label > span:first-child,
.motion-toolbar > span,
.detail-hero .motion-toolbar > span,
.motion-toggle,
.detail-hero .motion-toggle,
.demo-steps li,
.detail-hero .demo-steps li,
.demo-steps li > span,
.demo-status,
.feature-points li,
.detail-hero .feature-points li,
.panel-caption,
.detail-hero .panel-caption,
.demo-controls button {
  font-size: var(--readable-label);
  line-height: 1.6;
  color: var(--readable-secondary);
}
.feature-tab[aria-selected="true"] small {
  color: var(--readable-inverse);
}
.demo-steps li.is-current {
  color: var(--readable-link);
}
.demo-steps li.is-complete {
  color: var(--readable-success);
}
.motion-toolbar,
.panel-label,
.panel-caption,
.demo-controls {
  flex-wrap: wrap;
}
.panel-label > span:first-child {
  min-width: 0;
  max-width: 100%;
}
.motion-toggle,
.demo-controls button {
  min-height: 44px;
  padding: 8px 12px;
  white-space: normal;
}
.feature-panel,
.detail-hero .feature-panel {
  min-height: 0;
}
.feature-summary {
  min-height: 0;
}
.panel-caption a {
  white-space: normal;
  color: var(--readable-link);
}
.demo-stage,
.detail-hero .demo-stage {
  min-height: 0;
}
/* Reflow the hero dashboard instead of shrinking a fixed-size screenshot. */
.hero-gallery {
  height: auto;
  align-items: stretch;
}
.people-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: auto;
  min-height: 28rem;
  padding: 24px;
}
.people-card > img {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.photo-caption {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  padding: 12px;
  background: #102a42e6;
  border-radius: 10px;
  margin-bottom: auto;
  text-shadow: none;
}
.photo-caption > span,
.lead-toast div > strong,
.lead-toast small,
.toast-tag,
.toast-price,
.image-demo-label,
.dashboard-greeting > span,
.dashboard-greeting small,
.dashboard-metrics > div > span,
.dashboard-metrics small,
.dashboard-footer,
.dashboard-footer small,
.source-widget > span,
.source-widget strong,
.source-widget > small,
.source-result,
.telegram-widget strong,
.telegram-widget small {
  font-size: var(--readable-label);
  line-height: 1.5;
}
.photo-caption strong {
  font-size: 1.75rem;
}
.dashboard-brand > span,
.small-check {
  font-size: var(--readable-label);
  color: var(--readable-success);
}
.lead-toast {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  width: 100%;
  flex-wrap: wrap;
  padding: 12px;
  background: #fff;
}
.lead-toast div {
  min-width: 0;
  flex: 1;
}
.lead-toast small,
.toast-tag,
.dashboard-greeting > span,
.dashboard-greeting small,
.dashboard-metrics > div > span,
.dashboard-metrics > div:last-child small,
.dashboard-footer,
.dashboard-footer small,
.source-widget > span,
.source-widget > small,
.source-result,
.telegram-widget small {
  color: var(--readable-secondary);
}
.lead-toast .avatar,
.dashboard-avatar,
.crm-demo .avatar {
  width: 36px;
  height: 36px;
  font-size: var(--readable-label);
  color: #475569;
}
.image-demo-label {
  position: relative;
  bottom: auto;
  left: auto;
  align-self: flex-start;
  padding: 4px 8px;
  border-radius: 5px;
  background: var(--ink);
  color: #fff;
}
.dashboard-scene {
  display: flex;
  flex-direction: column;
  gap: 14px;
  height: auto;
  padding: 24px;
}
.business-dashboard,
.source-widget,
.telegram-widget {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  width: 100%;
  transform: none;
  padding: 18px;
  min-width: 0;
}
.business-dashboard {
  font-size: var(--readable-label);
}
.dashboard-brand {
  font-size: 1.25rem;
}
.dashboard-greeting h2 {
  font-size: 1.5rem;
  line-height: 1.3;
}
.dashboard-shortcuts,
.scene-badge {
  display: none;
}
.dashboard-metrics {
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 18px;
}
.dashboard-metrics strong {
  font-size: 1.75rem;
}
.dashboard-metrics small {
  color: var(--readable-success);
}
.dashboard-footer,
.source-widget > div,
.telegram-widget {
  flex-wrap: wrap;
}
.dashboard-footer small {
  margin-left: 0;
}
.telegram-widget > div {
  min-width: 0;
  flex: 1;
}
.photo-benefit {
  height: auto;
  min-height: 24rem;
}
.photo-benefit:before {
  background: #102a42d9;
}
.photo-benefit p,
.photo-benefit-note {
  color: #fff;
}
.photo-benefit-note {
  position: static;
  display: block;
  font-size: var(--readable-label);
  line-height: 1.6;
  margin-top: 32px;
}
/* Demo data is readable text. Decorative cursors/selections stay miniature. */
.launch-demo strong,
.launch-demo small,
.launch-progress span,
.launch-status,
.success-demo > p,
.success-demo dl > div,
.success-foot,
.editor-top,
.editor-top > strong,
.editor-publish,
.editor-body aside > span,
.editor-body aside > p,
.editor-body aside > small,
.editor-page-nav,
.editor-page-nav > strong,
.editor-page-hero > div > span:first-child,
.editor-page-hero p,
.editor-page-cta,
.editor-saved,
.shop-demo-toolbar,
.shop-demo article > span,
.shop-demo article > span.demo-add-to-cart,
.shop-order > div small,
.crm-demo h3,
.crm-demo h3 > span,
.crm-tag,
.crm-demo article > p,
.crm-demo footer > small,
.crm-history small,
.analytics-stats span,
.analytics-chart small,
.visitor-path,
.analytics-event,
.telegram-origin > span:not(.telegram-origin-icon),
.telegram-chat-head small,
.telegram-date,
.telegram-message .message-heading,
.telegram-message > span:not(.message-heading),
.telegram-message > small,
.telegram-demo-action,
.telegram-crm-update {
  font-size: var(--readable-label);
  line-height: 1.6;
  color: var(--readable-secondary);
}
.success-demo h4,
.shop-demo h3,
.shop-demo article > strong,
.shop-order > div strong,
.shop-order > strong,
.crm-demo h4,
.crm-demo footer > strong,
.crm-history strong,
.telegram-origin > strong,
.telegram-chat-head strong,
.telegram-message > strong,
.telegram-message > p {
  font-size: var(--readable-body);
  line-height: 1.5;
}
.success-demo dt,
.success-demo dd {
  color: var(--readable-secondary);
}
.launch-progress,
.success-demo dl > div,
.shop-demo-toolbar,
.shop-order,
.crm-demo footer,
.visitor-path {
  flex-wrap: wrap;
}
.launch-progress span {
  flex-basis: 100px;
}
.success-demo dd {
  overflow-wrap: anywhere;
}
.editor-body {
  grid-template-columns: 132px minmax(0, 1fr);
}
.editor-top,
.editor-page-nav {
  flex-wrap: wrap;
}
.editor-publish {
  color: #fff;
  background: #245c83;
}
.editor-body aside > p.selected {
  color: var(--readable-link);
}
.editor-page-hero,
.editor-body .editor-page-hero > img {
  height: auto;
  min-height: 18rem;
}
.editor-body .editor-page-hero > img {
  position: absolute;
  inset: 0;
  height: 100%;
  filter: brightness(0.28);
}
.editor-page-hero > div {
  position: relative;
  inset: auto;
  min-height: 18rem;
  padding: 20px;
}
.editor-page-hero > div > span,
.editor-page-hero > div > span:first-child,
.editor-page-hero p {
  color: #fff;
}
.editor-live-heading {
  font-size: 1.75rem;
  max-width: 100%;
}
.editor-saved {
  position: relative;
  inset: auto;
  color: var(--readable-success);
  padding-top: 12px;
}
.shop-order > div {
  min-width: 0;
  flex: 1;
}
.shop-order > strong {
  white-space: normal;
}
.demo-cart b {
  font-size: var(--readable-label);
  min-width: 24px;
  min-height: 24px;
}
.shop-demo article > span.demo-add-to-cart {
  color: var(--readable-success);
}
[data-scene="shop"][data-step="1"] .shop-demo article:nth-child(2) .demo-add-to-cart {
  color: var(--readable-secondary);
}
.crm-demo > div {
  min-width: 0;
}
.crm-history strong,
.analytics-event,
.telegram-crm-update {
  color: var(--readable-success);
}
.crm-target-slot {
  font-size: var(--readable-label);
  color: var(--readable-secondary);
}
.analytics-stats {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.analytics-stats strong {
  font-size: 1.75rem;
  line-height: 1.3;
}
.analytics-stats strong > small {
  font-size: var(--readable-body);
}
.analytics-chart > span {
  min-width: 0;
}
.analytics-chart small {
  max-width: 100%;
  overflow-wrap: anywhere;
  text-align: center;
}
.analytics-stats .metric-value {
  font-size: inherit;
  color: inherit;
}
.visitor-path > span:last-child,
[data-scene="activity"] .visitor-path > span {
  color: var(--readable-link);
}
.telegram-chat {
  max-width: none;
}
.telegram-message .message-heading,
.telegram-origin > strong,
.telegram-demo-action {
  color: var(--readable-link);
}
[data-scene="telegram"][data-step="3"] .telegram-demo-action {
  color: var(--readable-success);
}
@media (max-width: 1100px) {
  .header .login {
    display: none;
  }
  .benefit-grid {
    grid-template-columns: 1fr;
  }
  .feature-workbench {
    grid-template-columns: 1fr;
  }
  .feature-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0;
  }
  .feature-tab:last-of-type {
    grid-column: 1 / -1;
  }
  .workbench-note {
    padding-left: 0;
  }
  .editor-body {
    grid-template-columns: 1fr;
  }
  .editor-body aside {
    display: none;
  }
  .pricing-grid,
  .template-grid {
    grid-template-columns: 1fr;
    max-width: 680px;
    margin-inline: auto;
  }
  .pricing-grid {
    gap: 24px;
  }
  .template-card-caption > span {
    display: inline-block;
  }
}
@media (max-width: 860px) {
  .navigation {
    grid-column: 1 / -1;
    grid-row: 3;
    min-width: 0;
    top: calc(100% - 8px);
    max-height: min(70dvh, calc(100dvh - 160px));
    overflow: auto;
  }
  .hero-gallery {
    grid-template-columns: 1fr;
  }
  .people-card {
    min-height: 28rem;
  }
  .feature-nav-menu {
    width: 100%;
  }
  .footer-feature-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .detail-use-case {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 600px) {
  .header-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    gap: 10px 16px;
  }
  .header-actions {
    display: contents;
  }
  .header .brand {
    grid-column: 1;
    grid-row: 1;
    margin-left: 0;
    width: 99px;
  }
  .header .menu-toggle {
    grid-column: 2;
    grid-row: 1;
  }
  .header .button {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
  }
  .navigation {
    top: calc(100% - 8px);
    max-height: min(70dvh, calc(100dvh - 160px));
    overflow: auto;
  }
  .navigation a {
    font-size: var(--readable-body);
  }
  .hero-copy > p,
  .center-head > p,
  .section-head > p,
  .lower-templates .section-head > p,
  .lower-pricing .section-head > p {
    max-width: 100%;
  }
  .hero-actions .button {
    width: 100%;
  }
  .module-strip > div,
  .feature-tabs,
  .detail-grid,
  .audience-grid {
    grid-template-columns: 1fr;
  }
  .feature-tabs {
    display: grid;
  }
  .feature-tab:last-of-type {
    grid-column: auto;
  }
  .feature-tab {
    padding: 16px;
  }
  .tab-number {
    width: 32px;
    height: 32px;
  }
  .feature-panel,
  .detail-hero .feature-panel {
    padding: 18px;
  }
  .demo-steps {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .demo-steps li {
    display: flex;
    gap: 10px;
  }
  .demo-steps li > span {
    margin: 0;
  }
  .demo-controls {
    justify-content: flex-start;
  }
  .people-card,
  .dashboard-scene {
    padding: 18px;
  }
  .photo-caption strong {
    font-size: 1.75rem;
  }
  .business-dashboard,
  .source-widget,
  .telegram-widget {
    padding: 16px;
  }
  .shop-demo,
  .telegram-demo {
    grid-template-columns: 1fr;
  }
  .shop-demo img {
    height: 200px;
  }
  .crm-demo {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .crm-demo > div {
    display: contents;
  }
  .crm-demo > div:first-child > h3 {
    grid-row: 1;
  }
  .crm-demo .crm-moving-card {
    grid-row: 2;
  }
  .crm-demo > div:first-child > article:not(.crm-moving-card) {
    grid-row: 3;
    margin-top: 0;
  }
  .crm-demo > div:last-child > h3 {
    grid-row: 4;
  }
  .crm-target-slot {
    display: none;
  }
  [data-scene="crm"][data-step="2"] .crm-moving-card,
  [data-scene="crm"][data-step="3"] .crm-moving-card {
    grid-row: 5;
    transform: none;
  }
  [data-scene="crm"][data-step="2"] .crm-demo > div:first-child > article:not(.crm-moving-card),
  [data-scene="crm"][data-step="3"] .crm-demo > div:first-child > article:not(.crm-moving-card) {
    grid-row: 2;
    margin-top: 0;
  }
  .analytics-stats {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .analytics-stats > div {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
  }
  .analytics-stats strong {
    margin-top: 0;
  }
  .analytics-chart {
    gap: 6px;
  }
  .visitor-path {
    justify-content: flex-start;
    gap: 8px;
  }
  .visitor-path .icon {
    width: 14px;
    height: 14px;
  }
  .telegram-origin {
    display: flex;
    align-items: flex-start;
  }
  .telegram-origin-route {
    display: flex;
  }
  .telegram-chat {
    width: 100%;
  }
  .footer-main nav,
  .footer-feature-links {
    grid-template-columns: 1fr;
    gap: 6px;
  }
  .footer-main > p {
    width: 100%;
  }
  .footer-support-links {
    gap: 6px 18px;
  }
  .faq-list details > p {
    padding: 0 18px 20px;
  }
  .template-dialog {
    padding: 18px;
  }
  .dialog-heading h2 {
    font-size: 1.5rem;
  }
  .dialog-bottom > .button {
    margin-top: 18px;
  }
}
@media (max-width: 360px) {
  .feature-panel,
  .detail-hero .feature-panel,
  .people-card,
  .dashboard-scene {
    padding: 14px;
  }
  .plan {
    padding: 24px 20px;
  }
  .business-dashboard,
  .source-widget,
  .telegram-widget {
    padding: 12px;
  }
}