/* innet.one — Aa+ (large vision): expand to edges, tight padding, smooth scale */

html {
  transition: font-size 0.42s ease;
}

html[data-vision~="large"] {
  --vision-scale: 1.5;
  font-size: calc(1rem * var(--vision-scale));
  font-family: var(--font-sans);
  letter-spacing: -0.018em;
  --tracking-tight: -0.048em;
  --tracking-snug: -0.028em;
  --leading-normal: 1.32;
  --leading-relaxed: 1.38;
  --space-xs: 0.25rem;
  --space-sm: 0.375rem;
  --space-md: 0.5rem;
  --space-lg: 0.625rem;
  --space-xl: 0.875rem;
  --space-2xl: 1.125rem;
  --space-3xl: 1.5rem;
  --space-4xl: 2rem;
  --space-section: 1.5rem;
}

/* Демо при первом заходе: крупнее → обратно (см. playVisionSizeDemo в app.js) */
@keyframes vision-size-pulse {
  0%,
  100% {
    font-size: 100%;
  }
  48% {
    font-size: 158%;
  }
}

html.vision-size-demo:not([data-vision]) {
  animation: vision-size-pulse 1.75s ease-in-out 1;
  transition: none;
}

html[data-vision~="large"][data-theme="dark"] {
  --text-muted: #c4c4c4;
  --border: #404040;
  --border-subtle: #333333;
}

html[data-vision~="large"][data-theme="light"] {
  --text-muted: #3d3a34;
  --border: #8a847a;
  --border-subtle: #6b655c;
}

html[data-vision~="large"][data-theme="dim"] {
  --text-muted: #c8c8d0;
  --border: #707078;
  --border-subtle: #5e5e66;
}

html[data-vision~="large"] body {
  font-family: inherit;
  line-height: var(--leading-normal);
}

html[data-vision~="large"] body,
html[data-vision~="large"] button,
html[data-vision~="large"] input,
html[data-vision~="large"] select,
html[data-vision~="large"] textarea,
html[data-vision~="large"] .btn,
html[data-vision~="large"] .nav-pill a,
html[data-vision~="large"] .nav-mobile a,
html[data-vision~="large"] .internal-bar a,
html[data-vision~="large"] .auth-tab,
html[data-vision~="large"] .lang-dropdown__toggle,
html[data-vision~="large"] .catalog-preview,
html[data-vision~="large"] .schema-row__tag,
html[data-vision~="large"] .schema-row__val,
html[data-vision~="large"] .schema-row__note,
html[data-vision~="large"] .privacy-schema__param,
html[data-vision~="large"] .privacy-schema__why,
html[data-vision~="large"] .privacy-schema__ret,
html[data-vision~="large"] table th,
html[data-vision~="large"] table td {
  font-family: var(--font-sans);
}

html[data-vision~="large"] .page-title,
html[data-vision~="large"] .page-title--hero,
html[data-vision~="large"] h1,
html[data-vision~="large"] h2,
html[data-vision~="large"] h3,
html[data-vision~="large"] .section-title,
html[data-vision~="large"] .logo-mark {
  font-family: var(--font-display);
  letter-spacing: var(--tracking-tight);
  line-height: 1.12;
}

html[data-vision~="large"] .page-lead,
html[data-vision~="large"] .eyebrow,
html[data-vision~="large"] p,
html[data-vision~="large"] li,
html[data-vision~="large"] .status-label,
html[data-vision~="large"] .footer-tagline {
  letter-spacing: -0.012em;
}

html[data-vision~="large"] .btn,
html[data-vision~="large"] .nav-pill a,
html[data-vision~="large"] .nav-mobile a,
html[data-vision~="large"] .internal-bar a,
html[data-vision~="large"] .auth-tab {
  letter-spacing: 0;
  padding-inline: 0.65em;
  padding-block: 0.35em;
}

html[data-vision~="large"] #page-root {
  padding: var(--space-lg) var(--space-md) var(--space-2xl);
}

@media (min-width: 1280px) {
  html[data-vision~="large"] {
    --shell-max: 95vw;
    --max-w: 95vw;
  }

  html[data-vision~="large"] .header-shell,
  html[data-vision~="large"] .footer-inner,
  html[data-vision~="large"] #page-root,
  html[data-vision~="large"] .internal-bar {
    max-width: 95vw;
  }
}

html[data-vision~="large"] .hero-split {
  gap: var(--space-md);
  padding-block: var(--space-sm);
  margin-bottom: var(--space-lg);
  align-items: start;
}

@media (min-width: 768px) {
  html[data-vision~="large"] .hero-split {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
  }
}

html[data-vision~="large"] .hero-visual {
  max-width: none;
  width: 100%;
  justify-self: stretch;
}

html[data-vision~="large"] .hero-visual .catalog-preview--compact,
html[data-vision~="large"] .catalog-preview--schema {
  width: 100%;
}

html[data-vision~="large"] .catalog-preview--schema .catalog-preview__body,
html[data-vision~="large"] .hero-visual .catalog-preview--compact .catalog-preview__body {
  padding: var(--space-sm) var(--space-md);
}

html[data-vision~="large"] .catalog-preview--schema .catalog-preview__bar,
html[data-vision~="large"] .hero-visual .catalog-preview--compact .catalog-preview__bar {
  padding: var(--space-xs) var(--space-sm);
}

html[data-vision~="large"] .catalog-preview--schema .schema-head,
html[data-vision~="large"] .catalog-preview--schema .schema-row,
html[data-vision~="large"] .hero-visual .catalog-preview--compact .schema-head,
html[data-vision~="large"] .hero-visual .catalog-preview--compact .schema-row {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: var(--space-xs);
  padding: 0.15rem 0;
}

html[data-vision~="large"] .catalog-preview--schema .schema-head {
  text-transform: none;
  letter-spacing: 0;
  font-size: 0.72em;
  margin-bottom: 0.15rem;
  padding-bottom: 0.2rem;
}

html[data-vision~="large"] .hero-visual .catalog-preview--compact .catalog-preview__title,
html[data-vision~="large"] .hero-visual .catalog-preview--compact .schema-head,
html[data-vision~="large"] .hero-visual .catalog-preview--compact .schema-row__tag,
html[data-vision~="large"] .hero-visual .catalog-preview--compact .schema-row__val,
html[data-vision~="large"] .hero-visual .catalog-preview--compact .schema-row__note,
html[data-vision~="large"] .hero-visual .catalog-preview--compact .catalog-preview__note,
html[data-vision~="large"] .hero-visual .catalog-preview--compact .catalog-preview__tab,
html[data-vision~="large"] .hero-visual .catalog-preview--compact .schema-row__val[data-hero-live] {
  font-size: revert;
  line-height: 1.28;
}

html[data-vision~="large"] .schema-row__val[data-hero-live="countdown"],
html[data-vision~="large"] .schema-row__val[data-hero-live="clock"],
html[data-vision~="large"] .schema-row__val[data-hero-live="uptime"] {
  font-family: var(--font-sans);
  font-variant-numeric: tabular-nums;
}

html[data-vision~="large"] .catalog-preview__title {
  font-family: var(--font-sans);
  letter-spacing: 0.02em;
}

html[data-vision~="large"] .page-auth__split,
html[data-vision~="large"] .panel--split {
  gap: var(--space-md);
}

html[data-vision~="large"] .bento-cell,
html[data-vision~="large"] .card,
html[data-vision~="large"] .panel {
  padding: var(--space-md) var(--space-lg);
}

html[data-vision~="large"] :focus-visible {
  outline-width: 3px;
  outline-offset: 2px;
}

html[data-vision~="large"] a:not(.btn):not(.logo):not(.auth-tab) {
  text-decoration: underline;
  text-underline-offset: 0.1em;
}

html[data-vision~="large"] .header-tools__display .vision-large-btn[aria-pressed="true"] {
  font-weight: 700;
}

@media (prefers-reduced-motion: reduce) {
  html {
    transition: none;
  }

  html.vision-size-demo:not([data-vision]) {
    animation: none;
  }

  html[data-vision~="large"] * {
    transition: none !important;
  }
}