:root {
  --canvas: #f6f3ec;
  --surface: #ffffff;
  --surface-alt: #edf1f4;
  --ink: #102033;
  --text: #263647;
  --muted: #5d6875;
  --border: #d8dee5;
  --navy: #13283f;
  --navy-deep: #0a1727;
  --navy-hover: #0e2034;
  --gold: #d2a957;
  --gold-soft: #ead8a7;
  --gold-hover: #be913a;
  --gold-text: #87651e;
  --focus: #2b7fff;
  --telegram: #56bde9;
  --success: #276b5e;
  --error: #a43d3d;
  --font-display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
  --font-ui: Inter, Manrope, "Segoe UI", Arial, sans-serif;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 30px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 3px rgb(16 32 51 / 8%);
  --shadow-md: 0 18px 48px rgb(16 32 51 / 12%);
  --shadow-lg: 0 36px 90px rgb(6 19 34 / 18%);
  --duration-fast: 160ms;
  --duration-normal: 240ms;
  --duration-slow: 420ms;
  --ease-out: cubic-bezier(.2, .8, .2, 1);
  --container: 1240px;
}

* { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
  scroll-padding-top: 90px;
  overflow-x: clip;
}

body {
  margin: 0;
  overflow-x: clip;
  background: var(--canvas);
  color: var(--text);
  font-family: var(--font-ui);
  font-size: 16px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.dialog-open { overflow: hidden; }

img, svg { display: block; max-width: 100%; }

a { color: inherit; text-decoration: none; }

button, input, select, textarea { font: inherit; }

button { color: inherit; }

::selection { background: var(--gold-soft); color: var(--ink); }

:focus-visible {
  outline: 3px solid var(--focus);
  outline-offset: 3px;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.skip-link {
  position: fixed;
  z-index: 999;
  top: 10px;
  left: 10px;
  padding: 10px 14px;
  border-radius: var(--radius-sm);
  background: var(--surface);
  color: var(--ink);
  transform: translateY(-140%);
  transition: transform var(--duration-fast);
}

.skip-link:focus { transform: translateY(0); }

.container {
  width: min(var(--container), calc(100% - 64px));
  margin-inline: auto;
}

.narrow { width: min(820px, calc(100% - 64px)); }

.section { padding: 112px 0; }

.section-shell { padding: 96px 0 90px; }

.section-soft { background: var(--surface-alt); }

.section-dark {
  background: var(--navy-deep);
  color: #f5f7f9;
}

.section-dark p { color: #b9c4cf; }

h1, h2, h3, p { margin-top: 0; }

h1, h2 {
  color: var(--ink);
  font-family: var(--font-display);
  font-weight: 600;
  letter-spacing: -.035em;
}

h1 { font-size: clamp(44px, 5.3vw, 74px); line-height: 1.02; }
h2 { font-size: clamp(34px, 3.5vw, 49px); line-height: 1.1; }
h3 { color: var(--ink); font-size: 22px; line-height: 1.32; }

.section-dark h1,
.section-dark h2,
.section-dark h3 { color: #fff; }

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .12em;
  line-height: 1.4;
  text-transform: uppercase;
}

.eyebrow::before {
  width: 24px;
  height: 1px;
  background: var(--gold);
  content: "";
}

.eyebrow-gold { color: var(--gold-soft); }

.section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
  gap: 72px;
  align-items: end;
  margin-bottom: 54px;
}

.section-heading h2 { max-width: 760px; margin-bottom: 0; }
.section-heading p { max-width: 520px; margin-bottom: 4px; color: var(--muted); font-size: 18px; }
.section-heading-stacked { display: block; margin: 0; }

.button {
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 22px;
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-weight: 720;
  line-height: 1;
  transition: transform var(--duration-fast) var(--ease-out), background var(--duration-fast), border-color var(--duration-fast), box-shadow var(--duration-fast);
}

.button svg, .text-link svg, .trust-items svg, .check-list svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

.button:hover { transform: translateY(-2px); }
.button-small { min-height: 44px; padding-inline: 17px; font-size: 14px; }
.button-gold { background: var(--gold); color: var(--navy-deep); box-shadow: 0 10px 26px rgb(210 169 87 / 25%); }
.button-gold:hover { background: var(--gold-hover); }
.button-dark { background: var(--navy); color: #fff; }
.button-dark:hover { background: var(--navy-hover); }
.button-outline { border-color: rgb(16 32 51 / 28%); background: transparent; color: var(--ink); }
.button-outline:hover { border-color: var(--ink); background: rgb(255 255 255 / 55%); }
.button-ghost { border-color: var(--border); background: var(--surface); color: var(--ink); }
.button-full { width: 100%; }

.text-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--ink);
  font-size: 14px;
  font-weight: 750;
}

.text-link svg { transition: transform var(--duration-fast); }
.text-link:hover svg { transform: translateX(4px); }
.text-link-large { font-size: 17px; }

.site-header {
  position: sticky;
  z-index: 50;
  top: 0;
  height: 74px;
  border-bottom: 1px solid transparent;
  background: rgb(246 243 236 / 88%);
  backdrop-filter: blur(14px);
  transition: border-color var(--duration-normal), box-shadow var(--duration-normal);
}

.site-header.scrolled { border-color: rgb(16 32 51 / 10%); box-shadow: 0 8px 30px rgb(16 32 51 / 5%); }

.header-inner { display: flex; height: 100%; align-items: center; gap: 32px; }

.brand { display: inline-flex; align-items: center; gap: 12px; color: var(--ink); }

.logo-mark { display: block; width: 46px; height: 34px; flex: 0 0 auto; object-fit: contain; }
.logo-copy { display: flex; flex-direction: column; line-height: 1.06; }
.logo-copy strong { font-family: var(--font-display); font-size: 18px; letter-spacing: -.01em; }
.logo-copy small { margin-top: 4px; color: var(--muted); font-size: 9px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.brand-light { color: #fff; }
.brand-light .logo-copy small { color: #aebac6; }

.main-nav { display: flex; align-items: center; gap: 27px; margin-left: auto; }
.main-nav a { color: #405064; font-size: 14px; font-weight: 630; transition: color var(--duration-fast); }
.main-nav a:hover { color: var(--ink); }
.header-cta { flex: 0 0 auto; }
.header-cta svg { fill: currentColor; stroke: none; }

.nav-toggle {
  display: none;
  width: 44px;
  height: 44px;
  padding: 10px;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.nav-toggle > span:not(.sr-only) { display: block; width: 24px; height: 2px; margin: 5px 0; background: var(--ink); transition: transform var(--duration-fast), opacity var(--duration-fast); }

.hero { position: relative; overflow: hidden; min-height: 720px; }
.hero::before { position: absolute; inset: -100px auto auto -190px; width: 480px; height: 480px; border: 1px solid rgb(210 169 87 / 18%); border-radius: 50%; content: ""; }
.hero-grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(430px, .92fr); align-items: center; gap: 72px; }
.hero-copy h1 { max-width: 790px; margin-bottom: 28px; font-size: clamp(42px, 4.1vw, 60px); }
.hero-lead { max-width: 730px; margin-bottom: 34px; color: #536273; font-size: 19px; line-height: 1.65; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.hero-note { max-width: 650px; margin: 21px 0 0; color: var(--muted); font-size: 13px; }

.document-stage {
  position: relative;
  min-height: 520px;
  overflow: hidden;
  border-radius: var(--radius-xl);
  background: radial-gradient(circle at 72% 22%, #244968, transparent 34%), linear-gradient(145deg, #132d47, #081521 78%);
  box-shadow: var(--shadow-lg);
  isolation: isolate;
}

.stage-grid { position: absolute; inset: 0; opacity: .16; background-image: linear-gradient(rgb(255 255 255 / 12%) 1px, transparent 1px), linear-gradient(90deg, rgb(255 255 255 / 12%) 1px, transparent 1px); background-size: 36px 36px; mask-image: linear-gradient(135deg, #000, transparent 82%); }
.document-stage::after { position: absolute; inset: auto -40px -90px auto; width: 300px; height: 300px; border: 1px solid rgb(210 169 87 / 22%); border-radius: 50%; content: ""; }

.file-card { position: absolute; z-index: 2; border: 1px solid rgb(255 255 255 / 65%); border-radius: 12px; background: #fbfcfd; box-shadow: 0 24px 55px rgb(0 0 0 / 23%); color: var(--ink); }
.file-model { top: 104px; left: 34px; width: 74%; min-height: 286px; padding: 18px; transform: rotate(-1.8deg); animation: document-in 700ms var(--ease-out) both; }
.file-plan { z-index: 3; top: 42px; right: 24px; width: 43%; min-height: 170px; padding: 15px; transform: rotate(3deg); animation: document-in 700ms 90ms var(--ease-out) both; }
.file-deck { z-index: 4; right: 22px; bottom: 34px; width: 42%; min-height: 150px; padding: 21px; border-color: rgb(210 169 87 / 38%); background: linear-gradient(145deg, #d5ae61, #ae7f31); color: #102033; transform: rotate(-2deg); animation: document-in 700ms 170ms var(--ease-out) both; }

.file-top { display: flex; align-items: center; gap: 7px; margin-bottom: 17px; font-size: 10px; }
.file-top strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.file-top i { margin-left: auto; color: var(--success); font-size: 9px; font-style: normal; font-weight: 750; text-transform: uppercase; }
.file-icon { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 4px; background: #23744c; color: #fff; font-size: 10px; font-weight: 800; }
.file-icon-word { background: #2b579a; }
.mini-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.mini-kpis span { padding: 9px; border: 1px solid #e3e7eb; border-radius: 6px; }
.mini-kpis small, .mini-kpis b { display: block; }
.mini-kpis small { color: #788492; font-size: 8px; text-transform: uppercase; }
.mini-kpis b { margin-top: 3px; font-size: 13px; }
.mini-chart { width: 100%; height: 112px; margin-top: 9px; }
.mini-chart line { stroke: #d9dfe5; }
.chart-line { fill: none; stroke: var(--gold-hover); stroke-width: 3; stroke-linecap: round; }
.chart-area { fill: url("#gradient"); fill: rgb(210 169 87 / 16%); }
.model-tabs { display: flex; gap: 4px; overflow: hidden; }
.model-tabs span { padding: 3px 6px; border-radius: 3px; background: #e8ecef; color: #65717e; font-size: 7px; }
.text-line { display: block; width: 100%; height: 4px; margin: 7px 0; border-radius: 4px; background: #d9e0e6; }
.text-line.w-80 { width: 80%; }
.text-line.w-65 { width: 65%; }
.plan-chart { display: flex; height: 46px; align-items: flex-end; gap: 7px; margin-top: 15px; }
.plan-chart i { flex: 1; border-radius: 3px 3px 0 0; background: #d2a957; }
.plan-chart i:nth-child(1) { height: 26%; }.plan-chart i:nth-child(2) { height: 46%; }.plan-chart i:nth-child(3) { height: 38%; }.plan-chart i:nth-child(4) { height: 68%; }.plan-chart i:nth-child(5) { height: 92%; }
.deck-label { margin-bottom: 17px; font-size: 8px; font-weight: 800; letter-spacing: .15em; }
.file-deck strong { font-family: var(--font-display); font-size: 21px; line-height: 1.04; }
.deck-footer { display: flex; gap: 5px; align-items: center; margin-top: 23px; font-size: 8px; font-weight: 800; }
.deck-footer span { padding: 3px 5px; border: 1px solid rgb(16 32 51 / 35%); border-radius: 3px; }
.deck-footer i { margin-left: auto; font-style: normal; }
.stage-badge { position: absolute; z-index: 6; padding: 7px 11px; border: 1px solid rgb(255 255 255 / 20%); border-radius: var(--radius-pill); background: rgb(8 21 33 / 80%); color: #dce6ee; font-size: 9px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; backdrop-filter: blur(9px); }
.badge-one { bottom: 18px; left: 24px; }.badge-two { top: 16px; left: 25px; }
.data-line { position: absolute; z-index: 1; width: 180px; height: 1px; background: linear-gradient(90deg, transparent, var(--gold), transparent); transform-origin: left; }
.data-line-one { top: 205px; right: -18px; transform: rotate(36deg); }.data-line-two { bottom: 114px; left: 64px; transform: rotate(-25deg); }

.trust-strip { padding: 21px 0; border-top: 1px solid rgb(16 32 51 / 8%); border-bottom: 1px solid rgb(16 32 51 / 8%); background: rgb(255 255 255 / 45%); }
.trust-items { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.trust-items span { display: flex; align-items: center; justify-content: center; gap: 9px; color: #526171; font-size: 13px; font-weight: 670; }
.trust-items svg { width: 16px; height: 16px; color: var(--success); }

.services-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.service-card { position: relative; display: flex; min-height: 360px; flex-direction: column; overflow: hidden; padding: 28px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-sm); transition: transform var(--duration-fast) var(--ease-out), border-color var(--duration-fast), box-shadow var(--duration-fast); }
.service-card::before { position: absolute; top: 0; right: 0; left: 0; height: 3px; background: var(--gold); content: ""; transform: scaleX(0); transform-origin: left; transition: transform var(--duration-normal) var(--ease-out); }
.service-card:hover { border-color: #c8b17c; box-shadow: var(--shadow-md); transform: translateY(-4px); }
.service-card:hover::before { transform: scaleX(1); }
.service-meta { display: flex; justify-content: space-between; margin-bottom: 28px; color: var(--muted); font-size: 11px; font-weight: 760; letter-spacing: .1em; text-transform: uppercase; }
.service-meta span:first-child { color: var(--gold-text); }
.service-card h3 { margin-bottom: 18px; font-size: 21px; }
.service-card h3 a::after { position: absolute; inset: 0; content: ""; }
.service-card > p { margin-bottom: 28px; color: var(--muted); font-size: 14px; }
.service-card-bottom { display: flex; align-items: end; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 21px; border-top: 1px solid var(--border); }
.service-card-bottom > div { display: flex; flex-direction: column; }
.service-card-bottom strong { color: var(--ink); font-size: 17px; }.service-card-bottom small { margin-top: 3px; color: var(--muted); font-size: 11px; }
.service-card .text-link { position: relative; z-index: 2; }
.card-order { position: relative; z-index: 2; align-self: flex-start; margin-top: 18px; padding: 0; border: 0; border-bottom: 1px solid #9b7b3b; background: transparent; color: #6c552a; cursor: pointer; font-size: 13px; font-weight: 720; }

.proof-grid { display: grid; max-width: 900px; grid-template-columns: minmax(0, 1fr); gap: 30px; }
.proof-copy h2 { margin-bottom: 25px; }
.proof-copy p { max-width: 640px; font-size: 20px; }
.proof-disclaimer { max-width: 900px; margin: 0; padding-top: 22px; border-top: 1px solid rgb(255 255 255 / 12%); color: #7f8e9d !important; font-size: 11px !important; line-height: 1.7; }

.process-grid { display: grid; grid-template-columns: repeat(5, 1fr); padding: 0; margin: 0; list-style: none; counter-reset: steps; }
.process-grid li { position: relative; min-height: 235px; padding: 24px 24px 20px 0; border-top: 1px solid var(--border); }
.process-grid li:not(:last-child)::after { position: absolute; top: -4px; right: 20px; width: 7px; height: 7px; border-radius: 50%; background: var(--gold); content: ""; }
.process-grid span { color: var(--gold-text); font-size: 11px; font-weight: 800; letter-spacing: .1em; }
.process-grid h3 { margin: 48px 0 11px; font-size: 18px; }
.process-grid p { color: var(--muted); font-size: 13px; }
.process-action { text-align: right; }

.preview-grid { display: grid; grid-template-columns: .68fr 1.32fr; align-items: center; gap: 72px; }
.preview-copy h2 { margin-bottom: 22px; }.preview-copy > p { color: var(--muted); }
.preview-tabs { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 30px; }
.preview-tabs button { min-height: 40px; padding: 0 13px; border: 1px solid var(--border); border-radius: var(--radius-pill); background: transparent; color: var(--muted); cursor: pointer; font-size: 12px; font-weight: 700; }
.preview-tabs button[aria-selected="true"] { border-color: var(--navy); background: var(--navy); color: #fff; }
.preview-window { overflow: hidden; border: 1px solid #cad2da; border-radius: var(--radius-lg); background: #fff; box-shadow: var(--shadow-md); }
.window-bar { display: flex; height: 48px; align-items: center; gap: 7px; padding: 0 16px; border-bottom: 1px solid var(--border); background: #f6f7f8; }
.window-bar i { width: 8px; height: 8px; border-radius: 50%; background: #c3cad1; }.window-bar i:first-child { background: #e18878; }.window-bar i:nth-child(2) { background: #e3bc68; }.window-bar i:nth-child(3) { background: #6db991; }
.window-bar span { margin-left: 8px; color: #526171; font-size: 11px; font-weight: 700; }.window-bar b { margin-left: auto; padding: 3px 8px; border-radius: var(--radius-pill); background: #efe2bd; color: #795d27; font-size: 8px; letter-spacing: .1em; }
.preview-canvas { display: grid; min-height: 410px; grid-template-columns: 150px 1fr; }
.sheet-sidebar { display: flex; flex-direction: column; gap: 5px; padding: 24px 14px; border-right: 1px solid var(--border); background: #f6f8f9; }
.sheet-sidebar span { padding: 9px 11px; border-radius: 5px; color: #74808d; font-size: 10px; }.sheet-sidebar .active { background: #dfeae5; color: #245d49; font-weight: 750; }
.sheet-main { padding: 29px; }
.sheet-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 11px; }
.sheet-kpis span { padding: 14px; border: 1px solid var(--border); border-radius: 8px; }.sheet-kpis small, .sheet-kpis b { display: block; }.sheet-kpis small { color: var(--muted); font-size: 8px; text-transform: uppercase; }.sheet-kpis b { margin-top: 5px; color: var(--ink); font-size: 17px; }
.sheet-main svg { width: 100%; margin-top: 31px; }
.document-preview h3, .deck-preview h3 { margin: 11px 0 12px; color: var(--ink); font-size: 27px; }
.document-preview > p, .deck-preview > p { color: var(--muted); font-size: 12px; }
.doc-lines { display: grid; gap: 8px; margin: 23px 0; }
.doc-lines i { display: block; width: 100%; height: 5px; border-radius: 5px; background: #dce2e7; }
.doc-lines i:nth-child(2) { width: 91%; }.doc-lines i:nth-child(3) { width: 96%; }.doc-lines i:nth-child(4) { width: 79%; }.doc-lines i:nth-child(5) { width: 66%; }
.deck-preview { position: relative; overflow: hidden; background: linear-gradient(145deg, #112840, #081725); color: #fff; }
.deck-preview::after { position: absolute; right: -58px; bottom: -80px; width: 230px; height: 230px; border: 1px solid rgb(210 169 87 / 32%); border-radius: 50%; content: ""; }
.deck-preview > small { color: var(--gold); font-size: 9px; font-weight: 800; letter-spacing: .14em; }
.deck-preview h3 { max-width: 430px; color: #fff; font-size: clamp(28px, 4vw, 44px); }
.deck-preview > p { max-width: 410px; color: #acbac6; }
.deck-metric { position: relative; z-index: 1; display: flex; width: fit-content; flex-direction: column; margin-top: 46px; padding: 14px 20px; border-left: 3px solid var(--gold); background: rgb(255 255 255 / 5%); }
.deck-metric b { color: #fff; font-size: 24px; }.deck-metric span { color: #9cabb7; font-size: 10px; text-transform: uppercase; }
.analysis-preview .sheet-kpis { margin-bottom: 28px; }
.issue-row { display: grid; grid-template-columns: 28px 1fr auto; align-items: center; gap: 14px; padding: 16px 0; border-top: 1px solid var(--border); }
.issue-row > b { color: var(--gold-text); font-size: 10px; }.issue-row span { display: flex; flex-direction: column; color: #536171; font-size: 11px; }.issue-row strong { color: var(--ink); font-size: 9px; text-transform: uppercase; }.issue-row > i { padding: 4px 8px; border-radius: var(--radius-pill); background: #f2e6cc; color: #795e2c; font-size: 9px; font-style: normal; font-weight: 750; }

.quality-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 100px; }
.quality-list { border-top: 1px solid var(--border); }
.quality-list article { display: grid; grid-template-columns: 56px 1fr; gap: 20px; padding: 27px 0; border-bottom: 1px solid var(--border); }
.quality-list article > span { color: var(--gold-text); font-size: 11px; font-weight: 800; }
.quality-list h3 { margin-bottom: 7px; font-size: 18px; }.quality-list p { margin: 0; color: var(--muted); }

.faq-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 100px; }
.faq-heading { position: sticky; top: 110px; align-self: start; }.faq-heading p { max-width: 420px; color: var(--muted); }
.faq-list { border-top: 1px solid #ccd4dc; }
.faq-item { border-bottom: 1px solid #ccd4dc; }
.faq-item summary { display: flex; min-height: 76px; align-items: center; justify-content: space-between; gap: 20px; color: var(--ink); cursor: pointer; font-size: 17px; font-weight: 700; list-style: none; }
.faq-item summary::-webkit-details-marker { display: none; }.faq-item summary span { font-size: 24px; font-weight: 350; transition: transform var(--duration-fast); }.faq-item[open] summary span { transform: rotate(45deg); }.faq-item p { max-width: 760px; padding: 0 40px 24px 0; color: var(--muted); }

.final-cta-inner { max-width: 880px; text-align: center; }
.final-cta h2 { margin-bottom: 18px; }.final-cta p { margin-bottom: 31px; font-size: 18px; }.final-cta .button svg { fill: currentColor; stroke: none; }

.site-footer { padding-top: 78px; background: #07121e; color: #c0cad4; }
.footer-grid { display: grid; grid-template-columns: 1.25fr .95fr .8fr; gap: 70px; padding-bottom: 58px; }
.footer-brand p { margin: 21px 0 0; color: #82909e; font-size: 13px; }
.footer-title { margin-bottom: 17px; color: #f4f6f8 !important; font-family: var(--font-ui); font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.footer-links { padding: 0; margin: 0; list-style: none; }.footer-links li { margin: 10px 0; }.footer-links a { color: #9daab6; font-size: 13px; }.footer-links a:hover { color: #fff; }
.footer-legal { padding: 30px 0 38px; border-top: 1px solid rgb(255 255 255 / 9%); }.footer-legal > p { max-width: 1120px; color: #8694a1; font-size: 11px; line-height: 1.75; }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 26px; color: #82909e; font-size: 11px; }

.quote-dialog { width: min(780px, calc(100% - 32px)); max-height: calc(100vh - 32px); padding: 0; overflow: auto; border: 0; border-radius: var(--radius-lg); background: var(--surface); box-shadow: 0 45px 120px rgb(0 0 0 / 35%); }
.quote-dialog::backdrop { background: rgb(4 13 23 / 72%); backdrop-filter: blur(5px); }
.quote-form { padding: 34px; }
.dialog-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }.dialog-header h2 { margin-bottom: 0; font-size: 34px; }.dialog-header .eyebrow { margin-bottom: 8px; }
.dialog-close { width: 42px; height: 42px; flex: 0 0 auto; border: 1px solid var(--border); border-radius: 50%; background: transparent; cursor: pointer; color: var(--muted); font-size: 25px; line-height: 1; }
.dialog-intro { margin: 12px 0 24px; color: var(--muted); }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.field { display: flex; flex-direction: column; gap: 7px; }.field-wide { grid-column: 1 / -1; }.field > span { color: #435164; font-size: 12px; font-weight: 750; }
.field input, .field select, .field textarea { width: 100%; min-height: 48px; padding: 10px 12px; border: 1px solid #cdd5dc; border-radius: var(--radius-sm); background: #fff; color: var(--ink); outline: none; }
.field textarea { resize: vertical; }.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--focus); box-shadow: 0 0 0 3px rgb(43 127 255 / 11%); }
.estimate { display: grid; grid-template-columns: 1fr auto; gap: 4px 20px; align-items: center; margin: 20px 0; padding: 17px 19px; border: 1px solid #dcc997; border-radius: var(--radius-md); background: #fbf7ec; }.estimate > span { color: #725c2f; font-size: 12px; font-weight: 750; text-transform: uppercase; }.estimate strong { color: var(--ink); font-size: 22px; }.estimate small { grid-column: 1 / -1; color: var(--muted); }
.brief-preview { display: none; margin-top: 18px; padding: 14px; border-radius: 8px; background: #f2f4f6; color: #4b5968; font-family: ui-monospace, Consolas, monospace; font-size: 11px; white-space: pre-wrap; }
.brief-preview.visible { display: block; }
.dialog-actions { display: flex; gap: 10px; margin-top: 22px; }.dialog-actions .button-gold svg { fill: currentColor; stroke: none; }
.form-note { margin: 17px 0 0; color: var(--muted); font-size: 11px; }
.toast { position: fixed; z-index: 1000; right: 22px; bottom: 22px; max-width: 380px; padding: 13px 17px; border-radius: var(--radius-sm); background: var(--navy); color: #fff; box-shadow: var(--shadow-md); opacity: 0; pointer-events: none; transform: translateY(12px); transition: opacity var(--duration-fast), transform var(--duration-fast); }.toast.visible { opacity: 1; transform: translateY(0); }
.mobile-telegram { display: none; }

.breadcrumbs { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 45px; color: var(--muted); font-size: 12px; }.breadcrumbs a:hover { color: var(--ink); }
.service-hero { padding-top: 38px; }
.service-hero-grid { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 70px; }
.service-hero-copy h1 { margin-bottom: 24px; font-size: clamp(38px, 4.25vw, 58px); line-height: 1.08; overflow-wrap: anywhere; }.service-hero-copy > p { max-width: 720px; color: var(--muted); font-size: 18px; }
.service-facts { display: grid; grid-template-columns: repeat(3, auto); justify-content: start; gap: 32px; margin: 31px 0; }.service-facts span { display: flex; flex-direction: column; padding-left: 13px; border-left: 2px solid var(--gold); }.service-facts small { color: var(--muted); font-size: 10px; text-transform: uppercase; }.service-facts strong { margin-top: 4px; color: var(--ink); font-size: 13px; }
.service-visual { overflow: hidden; min-height: 440px; padding: 18px; border: 1px solid rgb(255 255 255 / 10%); border-radius: var(--radius-lg); background: radial-gradient(circle at 78% 15%, #2b536f, transparent 32%), var(--navy-deep); box-shadow: var(--shadow-lg); color: #fff; }
.service-visual-top { display: flex; justify-content: space-between; color: #9fb0be; font-size: 9px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }.service-visual-top b { color: var(--gold); }
.service-visual-screen { display: grid; min-height: 340px; grid-template-columns: 78px 1fr; margin-top: 28px; overflow: hidden; border-radius: 10px; background: #fbfcfd; transform: rotate(-1deg); }
.visual-sidebar { padding: 22px 12px; border-right: 1px solid var(--border); background: #eef2f4; }.visual-sidebar i { display: block; width: 100%; height: 7px; margin-bottom: 15px; border-radius: 5px; background: #c7d0d8; }.visual-sidebar i:first-child { background: #78a58e; }
.visual-body { padding: 28px; }.visual-kpi-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }.visual-kpi-row span { height: 54px; border: 1px solid var(--border); border-radius: 7px; background: linear-gradient(135deg, #fff, #f3f5f6); }.visual-body svg { margin: 28px 0 20px; }.visual-body > strong { display: block; color: #5f6c79; font-size: 9px; letter-spacing: .05em; }

.summary-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 90px; align-items: center; }.summary-grid h2 { margin: 0; font-size: clamp(30px, 3vw, 43px); }.summary-result { padding: 28px; border-left: 3px solid var(--gold); background: rgb(255 255 255 / 58%); }.summary-result span { color: var(--gold-text); font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.summary-result p { margin: 11px 0 0; color: var(--ink); font-size: 17px; }
.scope-grid { display: grid; grid-template-columns: 1fr 350px; gap: 100px; align-items: start; }.scope-main h2 { max-width: 760px; }.check-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0 26px; padding: 0; margin: 38px 0 0; list-style: none; }.check-list li { display: grid; grid-template-columns: 24px 1fr; gap: 10px; padding: 16px 0; border-top: 1px solid var(--border); }.check-list svg { width: 19px; color: var(--success); }.check-list span { font-size: 14px; }
.scope-card { position: sticky; top: 105px; padding: 29px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-md); }.scope-card > span { color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.scope-card > strong, .scope-card > small { display: block; }.scope-card > strong { margin-top: 8px; color: var(--ink); font-size: 24px; }.scope-card > small { margin: 4px 0 22px; color: var(--muted); }.scope-card p { margin: 14px 0 0; color: var(--muted); font-size: 11px; }
.two-column { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; }.two-column h2 { font-size: 37px; }.numbered-list { padding: 0; margin: 35px 0 0; list-style: none; }.numbered-list li { display: grid; grid-template-columns: 35px 1fr; gap: 16px; padding: 16px 0; border-top: 1px solid rgb(255 255 255 / 13%); }.numbered-list span { color: var(--gold); font-size: 10px; font-weight: 800; }.numbered-list p { margin: 0; font-size: 14px; }.muted-list span { color: #e79783; }
.service-preview-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 86px; align-items: center; }.service-preview .service-visual { min-height: 380px; box-shadow: var(--shadow-md); }.service-preview-grid > div:last-child > p { color: var(--muted); font-size: 18px; }.callout { padding: 18px 20px; border-left: 3px solid var(--gold); background: #f2ead6; color: #5d4b28 !important; font-size: 14px !important; }
.service-notice { margin-top: 28px; padding: 18px 21px; border: 1px solid #d8c68f; border-radius: var(--radius-md); background: #fbf7e9; color: #60542e; font-size: 12px; line-height: 1.7; }
.compact-steps { display: grid; grid-template-columns: repeat(5, 1fr); padding: 0; margin: 0; list-style: none; }.compact-steps li { display: flex; min-height: 110px; flex-direction: column; justify-content: space-between; padding: 18px; border: 1px solid #ccd4db; border-right: 0; background: rgb(255 255 255 / 34%); }.compact-steps li:first-child { border-radius: 10px 0 0 10px; }.compact-steps li:last-child { border-right: 1px solid #ccd4db; border-radius: 0 10px 10px 0; }.compact-steps span { color: var(--gold-text); font-size: 10px; font-weight: 800; }.compact-steps b { color: var(--ink); font-size: 14px; }

.content-hero { padding-top: 42px; padding-bottom: 82px; border-bottom: 1px solid var(--border); }.content-hero h1 { margin-bottom: 24px; }.content-hero > .container > p { max-width: 760px; color: var(--muted); font-size: 20px; }.prose { font-size: 18px; }.prose h2 { margin-top: 62px; font-size: 36px; }.prose h2:first-child { margin-top: 0; }.prose h3 { margin: 0 0 12px; }.prose p, .prose li { color: #4d5c6c; }.prose li { margin: 9px 0; }.notice { padding: 19px 22px; border: 1px solid #d9c88e; border-radius: var(--radius-md); background: #fbf7e9; color: #5f512c !important; font-size: 15px; }.definition-grid, .example-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 42px; }.definition-grid article, .example-grid article { padding: 24px; border: 1px solid var(--border); border-radius: var(--radius-md); background: #fff; }.definition-grid p, .example-grid p { margin: 0; font-size: 14px; }.example-grid article > span { color: var(--gold-text); font-size: 10px; font-weight: 800; letter-spacing: .1em; }.example-grid h2 { margin: 24px 0 14px; font-family: var(--font-display); font-size: 26px; }.example-grid b { display: block; margin-top: 22px; color: var(--ink); font-size: 12px; }.large-callout { margin: 42px 0; padding: 34px; border-radius: var(--radius-lg); background: var(--navy); color: #fff; }.large-callout strong { font-family: var(--font-display); font-size: 28px; line-height: 1.3; }.large-callout p { margin: 15px 0 0; color: #b9c5cf; }
.error-section { min-height: 620px; display: grid; align-items: center; }.error-section h1 { margin-bottom: 20px; }.error-section p { color: var(--muted); font-size: 19px; }

.reveal { opacity: 0; translate: 0 16px; transition: opacity 300ms var(--ease-out), translate 300ms var(--ease-out); }
.reveal.visible { opacity: 1; translate: 0 0; }
.no-js .reveal { opacity: 1; translate: none; }

@keyframes document-in { from { opacity: 0; translate: 0 18px; } to { opacity: 1; translate: 0 0; } }

@media (max-width: 1120px) {
  .container { width: min(var(--container), calc(100% - 48px)); }
  .hero-grid { grid-template-columns: 1fr 450px; gap: 40px; }
  .main-nav { gap: 18px; }
  .main-nav a { font-size: 13px; }
  .proof-grid, .quality-grid, .faq-grid { gap: 60px; }
  .proof-grid { grid-template-columns: 1fr; }
  .scope-grid { gap: 55px; }
}

@media (max-width: 960px) {
  .section { padding: 82px 0; }
  .section-shell { padding: 74px 0; }
  .nav-toggle { display: block; margin-left: auto; }
  .main-nav { position: fixed; top: 74px; right: 0; left: 0; display: none; flex-direction: column; align-items: flex-start; gap: 0; padding: 12px 24px 24px; border-bottom: 1px solid var(--border); background: var(--canvas); box-shadow: var(--shadow-md); }
  .main-nav.open { display: flex; }
  .main-nav a { width: 100%; padding: 13px 0; border-bottom: 1px solid rgb(16 32 51 / 8%); font-size: 15px; }
  .header-cta { display: none; }
  .hero { min-height: auto; }
  .hero-grid, .service-hero-grid, .preview-grid, .service-preview-grid { grid-template-columns: 1fr; }
  .hero-grid { gap: 52px; }
  .hero-copy { max-width: 780px; }
  .hero-visual { width: min(620px, 100%); margin: 0 auto; }
  .document-stage { min-height: 500px; }
  .trust-items { grid-template-columns: 1fr 1fr; }
  .services-grid { grid-template-columns: 1fr 1fr; }
  .process-grid { grid-template-columns: 1fr 1fr; gap: 0 20px; }
  .process-grid li:nth-child(4)::after { display: block; }
  .quality-grid, .faq-grid { grid-template-columns: 1fr; }
  .faq-heading { position: static; }
  .footer-grid { grid-template-columns: 1.1fr .9fr; }
  .footer-grid > div:last-child { grid-column: 2; }
  .summary-grid { grid-template-columns: 1fr; gap: 35px; }
  .scope-grid { grid-template-columns: 1fr; }
  .scope-card { position: static; }
  .two-column { gap: 50px; }
  .service-visual { max-width: 650px; margin-inline: auto; }
  .no-js .site-header { height: auto; }
  .no-js .header-inner { min-height: 74px; height: auto; flex-wrap: wrap; padding-block: 10px; }
  .no-js .nav-toggle { display: none; }
  .no-js .main-nav { position: static; display: flex; width: 100%; flex: 1 0 100%; flex-direction: row; flex-wrap: wrap; gap: 0 18px; padding: 0 0 10px; border: 0; box-shadow: none; }
  .no-js .main-nav a { width: auto; padding: 8px 0; border: 0; }
  .no-js .header-cta { display: inline-flex; margin-left: auto; }
}

@media (max-width: 720px) {
  body { padding-bottom: 68px; }
  .container, .narrow { width: calc(100% - 32px); }
  .proof-grid { grid-template-columns: minmax(0, 1fr); }
  .proof-grid > *, .proof-copy { min-width: 0; }
  .site-header { height: 64px; }
  .main-nav { top: 64px; }
  .logo-copy strong { font-size: 16px; }
  .section { padding: 66px 0; }
  .section-shell { padding: 55px 0 62px; }
  .hero::before { display: none; }
  h1 { font-size: clamp(40px, 12vw, 54px); }
  .hero-copy h1 { font-size: clamp(38px, 10.3vw, 44px); }
  h2 { font-size: clamp(31px, 9vw, 40px); }
  .hero-lead { font-size: 17px; }
  .section-heading { display: block; margin-bottom: 38px; }
  .section-heading p { margin-top: 18px; font-size: 16px; }
  .hero-actions { flex-direction: column; }
  .hero-actions .button { width: 100%; }
  .document-stage { min-height: 385px; border-radius: 20px; }
  .file-model { top: 82px; left: 18px; width: 78%; min-height: 226px; padding: 12px; }
  .file-plan { top: 26px; right: 13px; width: 46%; min-height: 132px; padding: 10px; }
  .file-deck { right: 12px; bottom: 23px; width: 46%; min-height: 116px; padding: 15px; }
  .file-deck strong { font-size: 16px; }.deck-footer { margin-top: 14px; }
  .mini-chart { height: 78px; }.mini-kpis span { padding: 6px; }.mini-kpis b { font-size: 10px; }
  .trust-items { grid-template-columns: 1fr; gap: 14px; }.trust-items span { justify-content: flex-start; }
  .services-grid, .two-column, .check-list, .form-grid, .definition-grid, .example-grid { grid-template-columns: 1fr; }
  .service-card { min-height: 330px; padding: 23px; }
  .process-grid { grid-template-columns: 1fr; }.process-grid li { min-height: 175px; }.process-grid li:not(:last-child)::after { display: none; }.process-grid h3 { margin-top: 28px; }
  .preview-canvas { min-height: 330px; grid-template-columns: 90px 1fr; }.sheet-sidebar { padding: 18px 8px; }.sheet-sidebar span { padding: 8px 6px; font-size: 8px; }.sheet-main { padding: 17px; }.sheet-kpis { grid-template-columns: 1fr; }.sheet-kpis span:nth-child(n+2) { display: none; }
  .quality-list article { grid-template-columns: 38px 1fr; }
  .footer-grid { grid-template-columns: 1fr; gap: 35px; }.footer-grid > div:last-child { grid-column: auto; }.footer-bottom { flex-direction: column; }
  .mobile-telegram { position: fixed; z-index: 48; right: 12px; bottom: max(10px, env(safe-area-inset-bottom)); left: 12px; display: flex; min-height: 52px; visibility: hidden; align-items: center; justify-content: center; gap: 9px; border: 0; border-radius: 10px; background: var(--gold); color: var(--navy-deep); box-shadow: 0 16px 40px rgb(0 0 0 / 24%); font-weight: 800; opacity: 0; pointer-events: none; transform: translateY(calc(100% + 24px)); transition: opacity var(--duration-fast), transform var(--duration-fast) var(--ease-out), visibility 0s linear var(--duration-fast); }.mobile-telegram.visible { visibility: visible; opacity: 1; pointer-events: auto; transform: translateY(0); transition-delay: 0s; }.mobile-telegram svg { width: 19px; fill: currentColor; }
  .no-js .header-cta { display: none; }
  .no-js .mobile-telegram { visibility: visible; opacity: 1; pointer-events: auto; transform: none; transition: none; }
  .quote-dialog { width: 100%; max-height: 100dvh; margin: 0; border-radius: 18px 18px 0 0; align-self: end; }.quote-form { padding: 24px 17px 28px; }.dialog-header h2 { font-size: 29px; }.field-wide { grid-column: auto; }.estimate { grid-template-columns: 1fr; }.estimate strong { font-size: 20px; }.dialog-actions { flex-direction: column; }.dialog-actions .button { width: 100%; }
  .service-hero { padding-top: 25px; }.breadcrumbs { margin-bottom: 34px; }.service-hero-copy h1 { font-size: clamp(34px, 10vw, 43px); }.service-facts { grid-template-columns: 1fr; gap: 12px; }.service-visual { min-height: 330px; }.service-visual-screen { min-height: 255px; grid-template-columns: 52px 1fr; }.visual-body { padding: 17px; }.visual-kpi-row span:nth-child(3) { display: none; }.visual-kpi-row { grid-template-columns: 1fr 1fr; }
  .scope-grid { gap: 38px; }.two-column { gap: 60px; }.service-preview-grid { gap: 45px; }.compact-steps { grid-template-columns: 1fr; }.compact-steps li { min-height: 78px; border-right: 1px solid #ccd4db; border-bottom: 0; }.compact-steps li:first-child { border-radius: 10px 10px 0 0; }.compact-steps li:last-child { border-bottom: 1px solid #ccd4db; border-radius: 0 0 10px 10px; }
  .content-hero > .container > p { font-size: 17px; }.prose { font-size: 16px; }.prose h2 { margin-top: 48px; font-size: 31px; }
}

@media (max-width: 380px) {
  .logo-copy small { display: none; }
  .document-stage { min-height: 350px; }
  .file-plan { width: 49%; }
  .file-deck { width: 49%; }
  .service-card h3 { font-size: 19px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}

/* Premium motion and interaction layer */
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: premium-page-out 160ms ease both; }
::view-transition-new(root) { animation: premium-page-in 320ms cubic-bezier(.16, 1, .3, 1) both; }
@keyframes premium-page-out { to { opacity: 0; transform: translateY(-5px); } }
@keyframes premium-page-in { from { opacity: 0; transform: translateY(9px); } }

body::after {
  position: fixed;
  z-index: -2;
  inset: 0;
  background-image: linear-gradient(rgb(16 32 51 / 2.2%) 1px, transparent 1px), linear-gradient(90deg, rgb(16 32 51 / 2.2%) 1px, transparent 1px);
  background-size: 72px 72px;
  content: "";
  mask-image: linear-gradient(to bottom, #000, transparent 72%);
  pointer-events: none;
}

.scroll-progress { position: fixed; z-index: 110; top: 0; right: 0; left: 0; height: 2px; pointer-events: none; }
.scroll-progress span { display: block; width: 100%; height: 100%; background: linear-gradient(90deg, #9b7228, #e5c879); box-shadow: 0 0 14px rgb(210 169 87 / 55%); transform: scaleX(0); transform-origin: left; will-change: transform; }
.pointer-glow { position: fixed; z-index: -1; width: 520px; height: 520px; border-radius: 50%; background: radial-gradient(circle, rgb(210 169 87 / 7%), transparent 66%); opacity: 0; pointer-events: none; transform: translate3d(calc(var(--pointer-x, -600px) - 50%), calc(var(--pointer-y, -600px) - 50%), 0); transition: opacity 400ms ease; will-change: transform; }
body.pointer-active .pointer-glow { opacity: 1; }

.site-header { border-bottom-color: transparent; background: rgb(246 243 236 / 83%); backdrop-filter: blur(18px) saturate(130%); }
.site-header.scrolled { background: rgb(250 248 243 / 94%); box-shadow: 0 14px 42px rgb(10 23 39 / 7%); }
.main-nav a { position: relative; }
.main-nav a::after { position: absolute; right: 0; bottom: -9px; left: 0; height: 1px; background: var(--gold-hover); content: ""; transform: scaleX(0); transform-origin: right; transition: transform 220ms var(--ease-out); }
.main-nav a:hover::after, .main-nav a:focus-visible::after { transform: scaleX(1); transform-origin: left; }
.button-gold { position: relative; overflow: hidden; }
.button-gold::after { position: absolute; inset: -80% -20%; background: linear-gradient(105deg, transparent 40%, rgb(255 255 255 / 42%) 50%, transparent 60%); content: ""; pointer-events: none; transform: translateX(-100%) rotate(8deg); transition: transform 680ms var(--ease-out); }
.button-gold:hover::after { transform: translateX(100%) rotate(8deg); }
.service-card { isolation: isolate; background: linear-gradient(145deg, rgb(255 255 255 / 98%), rgb(249 248 244 / 95%)); }
.service-card::after { position: absolute; z-index: -1; inset: 0; background: radial-gradient(420px circle at var(--card-x, 50%) var(--card-y, 50%), rgb(210 169 87 / 15%), transparent 42%); content: ""; opacity: 0; transition: opacity 260ms ease; }
.service-card:hover::after { opacity: 1; }
.preview-demo-link { margin: 2px 0 27px; }
.reveal { transition-duration: 520ms; transition-timing-function: cubic-bezier(.16, 1, .3, 1); transition-delay: var(--reveal-delay, 0ms); }
.document-stage { transition: transform 600ms cubic-bezier(.16, 1, .3, 1), box-shadow 300ms ease; transform: perspective(1200px) rotateX(var(--stage-rx, 0deg)) rotateY(var(--stage-ry, 0deg)); transform-style: preserve-3d; }
.document-stage:hover { box-shadow: 0 52px 120px rgb(6 19 34 / 23%); }
.file-card { transition: transform 520ms cubic-bezier(.16, 1, .3, 1), box-shadow 300ms ease; }
.document-stage:hover .file-model { transform: translate3d(-4px, -7px, 22px) rotate(-1deg); }
.document-stage:hover .file-plan { transform: translate3d(4px, -8px, 38px) rotate(1.3deg); }
.document-stage:hover .file-deck { transform: translate3d(6px, -5px, 50px) rotate(-.7deg); }

/* Examples landing */
.premium-page { background: #f3f0e8; }
.examples-hero, .demo-page-hero { position: relative; overflow: hidden; background: #071827; color: #edf2f6; }
.examples-hero { min-height: 630px; display: flex; align-items: center; padding: 124px 0 110px; }
.examples-hero::before, .demo-page-hero::before { position: absolute; inset: 0; background: radial-gradient(circle at 82% 18%, rgb(56 95 121 / 46%), transparent 31%), linear-gradient(115deg, transparent 54%, rgb(210 169 87 / 6%)); content: ""; pointer-events: none; }
.examples-hero::after, .demo-page-hero::after { position: absolute; top: -180px; right: -70px; width: 620px; height: 620px; border: 1px solid rgb(210 169 87 / 17%); border-radius: 50%; content: ""; pointer-events: none; }
.examples-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1.15fr .85fr; gap: 120px; align-items: end; }
.examples-hero h1, .demo-page-hero h1 { color: #fff; }
.examples-hero h1 { max-width: 810px; margin: 0; font-size: clamp(58px, 7vw, 96px); line-height: .96; }
.examples-hero h1 em { color: var(--gold-soft); font-weight: 500; }
.examples-hero-copy > p { max-width: 500px; margin-bottom: 48px; color: #b7c4ce; font-size: 19px; }
.demo-hero-facts { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid rgb(255 255 255 / 14%); }
.demo-hero-facts span { display: flex; flex-direction: column; padding: 25px 20px 0 0; }
.demo-hero-facts strong { color: #fff; font-family: var(--font-display); font-size: 34px; }
.demo-hero-facts small { color: #8fa0ae; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.examples-orbit { position: absolute; z-index: 1; right: 6vw; bottom: -220px; width: 460px; height: 460px; border: 1px solid rgb(210 169 87 / 18%); border-radius: 50%; }
.examples-orbit span { position: absolute; inset: 70px; border: 1px solid rgb(255 255 255 / 8%); border-radius: inherit; }
.examples-orbit i { position: absolute; top: 48px; left: 92px; width: 8px; height: 8px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 24px var(--gold); }
.breadcrumbs-light, .breadcrumbs-light a { color: #8fa1ae; }
.breadcrumbs-light a:hover { color: #fff; }
.demo-catalog { background: #f3f0e8; }
.demo-notice { display: grid; grid-template-columns: 130px 1fr; gap: 36px; margin-bottom: 58px; padding: 22px 0; border-top: 1px solid #cfd4d6; border-bottom: 1px solid #cfd4d6; }
.demo-notice span { color: var(--gold-text); font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.demo-notice p { max-width: 960px; margin: 0; color: var(--muted); font-size: 13px; }
.demo-showcases { display: grid; gap: 28px; }
.demo-showcase { --tilt-x: 0deg; --tilt-y: 0deg; position: relative; display: grid; min-height: 520px; grid-template-columns: .88fr 1.12fr; overflow: hidden; border: 1px solid rgb(255 255 255 / 10%); border-radius: 24px; background: #0b1d2c; color: #fff; box-shadow: 0 28px 70px rgb(10 23 39 / 13%); transform: perspective(1400px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)); transform-style: preserve-3d; transition: transform 180ms ease, box-shadow 280ms ease, border-color 280ms ease; }
.demo-showcase:nth-child(even) { grid-template-columns: 1.05fr .95fr; }
.demo-showcase:nth-child(even) .demo-showcase-copy { order: 2; }
.demo-showcase:hover { border-color: rgb(210 169 87 / 45%); box-shadow: 0 42px 100px rgb(10 23 39 / 23%); }
.demo-showcase-copy { position: relative; z-index: 3; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: clamp(34px, 5vw, 74px); transform: translateZ(26px); }
.demo-showcase-copy h2 { max-width: 570px; margin: 25px 0 20px; color: #fff; font-size: clamp(37px, 4vw, 56px); }
.demo-showcase-copy p { max-width: 500px; color: #aebbc6; font-size: 16px; }
.demo-index { color: var(--gold); font-size: 10px; font-weight: 800; letter-spacing: .14em; }
.demo-open { display: inline-flex; align-items: center; gap: 10px; margin-top: 28px; padding-bottom: 7px; border-bottom: 1px solid rgb(210 169 87 / 54%); color: #fff; font-size: 13px; font-weight: 750; }
.demo-open svg { width: 18px; fill: none; stroke: currentColor; stroke-linecap: round; transition: transform 180ms ease; }
.demo-showcase:hover .demo-open svg { transform: translateX(5px); }
.demo-art { position: relative; min-height: 520px; overflow: hidden; transform: translateZ(38px); }
.demo-model-art { background: radial-gradient(circle at 20% 18%, #24465f, transparent 36%), #071522; }
.demo-app-bar { position: absolute; z-index: 3; top: 56px; left: 2%; width: 91%; height: 48px; display: flex; align-items: center; gap: 7px; padding: 0 16px; border-radius: 9px 9px 0 0; background: #0e273a; color: #9caebb; font-size: 9px; box-shadow: 0 22px 80px rgb(0 0 0 / 30%); }
.demo-app-bar i, .window-dots i { width: 7px; height: 7px; border-radius: 50%; background: #607586; }
.demo-app-bar i:first-child, .window-dots i:first-child { background: #d17063; }.demo-app-bar i:nth-child(2), .window-dots i:nth-child(2) { background: #d3aa59; }.demo-app-bar i:nth-child(3), .window-dots i:nth-child(3) { background: #5d9c7a; }
.demo-app-bar b { margin-left: 9px; }
.demo-formula { position: absolute; z-index: 4; top: 104px; left: 2%; width: 91%; height: 34px; display: flex; align-items: center; gap: 13px; padding: 0 13px; border-bottom: 1px solid #d6dce1; background: #f1f4f5; color: #697784; font-family: ui-monospace, Consolas, monospace; font-size: 9px; }
.demo-formula span { width: 35px; color: #1f6d52; }.demo-formula b { color: #455461; font-weight: 500; }
.demo-mini-sheet { position: absolute; top: 138px; left: 2%; width: 91%; height: 330px; display: grid; grid-template-columns: 82px 1fr; overflow: hidden; border-radius: 0 0 9px 9px; background: #fff; box-shadow: 0 25px 70px rgb(0 0 0 / 26%); transform: rotate(-1.5deg); transform-origin: top left; }
.demo-mini-sheet aside { padding: 20px 13px; border-right: 1px solid #dde2e6; background: #edf1f2; }.demo-mini-sheet aside span { display: block; height: 7px; margin-bottom: 17px; border-radius: 4px; background: #c5cfd5; }.demo-mini-sheet aside span.active { background: #5e927d; }
.demo-mini-body { position: relative; padding: 24px; }
.demo-mini-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }.demo-mini-kpis i { height: 47px; border: 1px solid #dce2e5; border-radius: 6px; background: linear-gradient(135deg, #fff, #f0f3f4); }
.demo-mini-sheet svg { height: 180px; margin-top: 17px; }.demo-mini-sheet polyline, .analysis-mini-card polyline { fill: none; stroke: var(--gold-hover); stroke-width: 3; }
.demo-sheet-tabs { position: absolute; right: 0; bottom: 0; left: 0; display: flex; gap: 10px; padding: 9px 20px; border-top: 1px solid #dde2e5; color: #71808c; font-size: 7px; }.demo-sheet-tabs span.active { color: #286e59; font-weight: 800; }
.demo-float-pill { position: absolute; z-index: 6; right: 1%; bottom: 31px; padding: 10px 14px; border: 1px solid rgb(255 255 255 / 12%); border-radius: 999px; background: #173c35; color: #bcdfd0; font-size: 9px; box-shadow: 0 14px 30px rgb(0 0 0 / 20%); }
.demo-analysis-art { background: radial-gradient(circle at 12% 28%, #244a5a, transparent 34%), #091821; }
.analysis-orb { --score: 67; position: absolute; top: 97px; left: 9%; width: 165px; height: 165px; display: grid; place-content: center; border-radius: 50%; background: conic-gradient(var(--gold) calc(var(--score) * 1%), rgb(255 255 255 / 8%) 0); text-align: center; }.analysis-orb::before { position: absolute; inset: 12px; border-radius: inherit; background: #0b1d29; content: ""; }.analysis-orb span, .analysis-orb small { position: relative; z-index: 2; }.analysis-orb span { color: #fff; font-family: var(--font-display); font-size: 49px; line-height: 1; }.analysis-orb small { color: #8fa0ad; font-size: 8px; text-transform: uppercase; }.analysis-orb i { position: absolute; z-index: 3; top: -4px; left: 77px; width: 11px; height: 11px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 20px var(--gold); }
.analysis-mini-card { position: absolute; top: 78px; right: 5%; width: 50%; min-height: 152px; padding: 22px; border: 1px solid rgb(255 255 255 / 9%); border-radius: 10px; background: rgb(20 45 61 / 90%); box-shadow: 0 23px 60px rgb(0 0 0 / 22%); }.analysis-mini-card.second { top: 250px; right: 10%; }.analysis-mini-card small { display: block; color: #8fa1ae; font-size: 8px; text-transform: uppercase; }.analysis-mini-card b { display: block; margin-top: 7px; color: #fff; font-family: var(--font-display); font-size: 30px; }.analysis-mini-card svg { height: 50px; margin-top: 9px; }.analysis-mini-card polyline { stroke: #ce7d70; }
.mini-bars { display: flex; height: 53px; align-items: end; gap: 8px; margin-top: 10px; }.mini-bars i { flex: 1; height: 35%; background: #66889c; }.mini-bars i:nth-child(2) { height: 55%; }.mini-bars i:nth-child(3) { height: 72%; }.mini-bars i:nth-child(4) { height: 85%; }.mini-bars i:nth-child(5) { height: 100%; background: var(--gold); }
.analysis-status { position: absolute; bottom: 55px; left: 14%; padding: 10px 14px; border: 1px solid rgb(202 123 109 / 30%); border-radius: 999px; background: rgb(95 47 43 / 75%); color: #f2c3bb; font-size: 9px; }
.demo-method { position: relative; overflow: hidden; }
.method-grid, .architecture-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid rgb(255 255 255 / 13%); }
.method-grid article { min-height: 220px; padding: 30px 28px 10px 0; border-right: 1px solid rgb(255 255 255 / 11%); }.method-grid article + article { padding-left: 28px; }.method-grid article:last-child { grid-column: span 2; border-right: 0; }
.method-grid article > span, .architecture-grid article > span { color: var(--gold); font-size: 10px; font-weight: 800; }.method-grid h3 { margin-top: 48px; color: #fff; }.method-grid p { max-width: 280px; font-size: 13px; }

/* Shared demo pages */
.demo-page-hero { padding: 62px 0 92px; }
.demo-page-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 330px; gap: 100px; align-items: end; }
.demo-page-hero h1 { max-width: 900px; margin-bottom: 27px; font-size: clamp(48px, 5.6vw, 76px); line-height: 1.02; }
.demo-page-hero-grid > div:first-child > p { max-width: 770px; color: #b5c2cc; font-size: 19px; }
.button-outline-light { border-color: rgb(255 255 255 / 30%); color: #fff; }.button-outline-light:hover { border-color: rgb(255 255 255 / 65%); background: rgb(255 255 255 / 7%); }
.demo-meta-panel { display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; border: 1px solid rgb(255 255 255 / 14%); border-radius: 14px; background: rgb(255 255 255 / 4%); backdrop-filter: blur(16px); }
.demo-meta-panel > span { grid-column: 1 / -1; padding: 15px 18px; border-bottom: 1px solid rgb(255 255 255 / 12%); color: var(--gold); font-size: 9px; font-weight: 800; letter-spacing: .12em; }
.demo-meta-panel > div { padding: 18px; border-right: 1px solid rgb(255 255 255 / 10%); border-bottom: 1px solid rgb(255 255 255 / 10%); }.demo-meta-panel > div:nth-of-type(even) { border-right: 0; }
.demo-meta-panel small, .demo-meta-panel strong { display: block; }.demo-meta-panel small { color: #8395a3; font-size: 8px; text-transform: uppercase; }.demo-meta-panel strong { margin-top: 4px; color: #fff; font-size: 13px; }
.demo-meta-panel p { grid-column: 1 / -1; margin: 0; padding: 15px 18px; color: #b5c3cd; font-size: 10px; }.demo-meta-panel p i, .diagnostics-live i, .live-chip i { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: #5ca082; box-shadow: 0 0 0 4px rgb(92 160 130 / 12%); }
.interactive-section { background: #f3f0e8; }
.demo-container { width: min(1380px, calc(100% - 64px)); }
.demo-instructions { display: grid; grid-template-columns: .85fr 1.15fr; gap: 75px; margin-bottom: 42px; padding: 0 0 34px; border-bottom: 1px solid #cfd5d8; }
.demo-instructions > div > span { color: var(--gold-text); font-size: 9px; font-weight: 800; letter-spacing: .12em; }.demo-instructions h2 { max-width: 470px; margin: 17px 0 0; font-size: 36px; }
.demo-instructions ol { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; padding: 0; margin: 0; list-style: none; }.demo-instructions li { padding-left: 16px; border-left: 1px solid #c9b379; }.demo-instructions li span { color: var(--gold-text); font-size: 9px; font-weight: 800; }.demo-instructions li p { margin: 13px 0 0; color: var(--muted); font-size: 13px; }
.demo-tip { grid-column: 2; margin: -16px 0 0; color: #576472; font-size: 11px; }.demo-tip strong { margin-right: 10px; color: var(--ink); text-transform: uppercase; letter-spacing: .06em; }
.demo-disclaimer { margin: 28px 0 0; padding: 20px 24px; border: 1px solid #d4c592; border-radius: 10px; background: #fbf6e7; color: #625735; font-size: 12px; }
.demo-final-cta .final-cta-inner { margin-inline: auto; }.hero-actions-center { justify-content: center; }
.architecture-grid { border-color: #cdd4d8; }
.architecture-grid article { min-height: 240px; padding: 30px 25px 20px 0; border-right: 1px solid #d2d7da; }.architecture-grid article + article { padding-left: 25px; }.architecture-grid article:last-child { border-right: 0; }
.architecture-grid h3 { margin: 50px 0 12px; font-size: 19px; }.architecture-grid p { color: var(--muted); font-size: 13px; }

/* Model demo */
.model-workbench, .diagnostics-workbench { overflow: hidden; border: 1px solid #183248; border-radius: 16px; background: #fff; box-shadow: 0 42px 100px rgb(7 22 35 / 22%); }
.workbench-titlebar, .diagnostics-topbar { display: flex; min-height: 64px; align-items: center; gap: 18px; padding: 0 20px; background: #071827; color: #fff; }
.window-dots { display: flex; gap: 6px; }
.workbench-file { display: grid; min-width: 0; grid-template-columns: 32px 1fr; column-gap: 10px; align-items: center; }.workbench-file .file-badge { grid-row: 1 / 3; }.workbench-file strong { overflow: hidden; color: #eef3f6; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }.workbench-file small { color: #7f93a2; font-size: 8px; text-transform: uppercase; letter-spacing: .07em; }
.file-badge { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 5px; background: #26735b; color: #fff; font-weight: 800; }
.file-badge-ppt { background: #ad5b3c; }.file-badge-report { background: #8a6c2c; }
.model-health { display: grid; grid-template-columns: 7px auto; column-gap: 9px; margin-left: auto; padding-left: 20px; border-left: 1px solid rgb(255 255 255 / 12%); }.model-health i { grid-row: 1 / 3; align-self: center; width: 7px; height: 7px; border-radius: 50%; background: #62a384; box-shadow: 0 0 10px #62a384; }.model-health span { color: #7e93a2; font-size: 7px; letter-spacing: .1em; }.model-health strong { color: #bfe0d1; font-size: 10px; }
.model-ribbon { display: flex; min-height: 55px; align-items: center; gap: 22px; padding: 7px 17px; border-bottom: 1px solid #cbd3d8; background: #edf1f3; }
.ribbon-brand { margin-right: auto; color: #193044; font-size: 11px; font-weight: 850; letter-spacing: .08em; }.ribbon-brand span { color: #6b7984; font-weight: 600; }
.scenario-switch, .diagnostics-period { display: flex; padding: 3px; border: 1px solid #c8d0d6; border-radius: 7px; background: #fff; }.scenario-switch button, .diagnostics-period button { min-height: 30px; padding: 0 13px; border: 0; border-radius: 4px; background: transparent; color: #596875; cursor: pointer; font-size: 9px; font-weight: 750; }.scenario-switch button.active, .diagnostics-period button.active { background: #15344a; color: #fff; box-shadow: 0 3px 8px rgb(12 31 45 / 16%); }
.ribbon-action { min-height: 36px; padding: 0 14px; border: 1px solid #c5ced4; border-radius: 6px; background: #fff; color: #495966; cursor: pointer; font-size: 9px; font-weight: 750; }
.formula-bar { min-height: 38px; display: grid; grid-template-columns: 64px 25px 1fr auto; align-items: center; border-bottom: 1px solid #d1d7db; background: #f9faf9; color: #5f6e79; font-family: ui-monospace, Consolas, monospace; font-size: 10px; }.formula-bar > * { padding-inline: 12px; }.formula-bar > span, .formula-bar > i { align-self: stretch; display: grid; place-items: center; border-right: 1px solid #d1d7db; }.formula-bar > i { padding: 0; color: #2b745c; font-family: Georgia, serif; font-style: italic; }.formula-bar strong { color: #1d2f3e; font-size: 10px; }
.model-shell { display: grid; min-height: 810px; grid-template-columns: 210px 1fr; }
.model-sheet-nav { padding: 19px 10px; border-right: 1px solid #d1d7db; background: #e9eef0; }.model-sheet-nav > span { display: block; padding: 0 10px 12px; color: #89959d; font-size: 7px; font-weight: 800; letter-spacing: .12em; }.model-sheet-nav button { position: relative; width: 100%; min-height: 47px; display: grid; grid-template-columns: 26px 1fr 8px; align-items: center; gap: 3px; padding: 0 10px; border: 0; border-radius: 6px; background: transparent; color: #586773; cursor: pointer; text-align: left; font-size: 10px; }.model-sheet-nav button b { color: #9aa5ac; font-size: 7px; }.model-sheet-nav button i, .diagnostics-nav button i { width: 5px; height: 5px; justify-self: end; border-radius: 50%; background: #c1cbd0; }.model-sheet-nav button:hover { background: rgb(255 255 255 / 64%); }.model-sheet-nav button.active { background: #fff; color: #153043; font-weight: 760; box-shadow: 0 5px 16px rgb(20 45 63 / 8%); }.model-sheet-nav button.active b { color: var(--gold-text); }.model-sheet-nav button.active i { background: #579779; box-shadow: 0 0 0 3px rgb(87 151 121 / 10%); }
.model-canvas { min-width: 0; padding: 30px; background: #f8faf9; }
.model-canvas-head, .diagnostics-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 30px; }.model-canvas-head span, .diagnostics-heading > div:first-child > span { color: #8a6b2a; font-size: 7px; font-weight: 800; letter-spacing: .12em; }.model-canvas-head h2, .diagnostics-heading h2 { margin: 8px 0 0; font-family: var(--font-ui); font-size: 24px; letter-spacing: -.02em; }
.live-chip { padding: 7px 10px; border: 1px solid #d5ddd8; border-radius: 999px; background: #fff; color: #4b6559; font-size: 7px; font-weight: 800; letter-spacing: .08em; }
.model-kpi-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 11px; margin-top: 25px; }.model-kpi-grid article { padding: 16px; border: 1px solid #d7dee1; border-radius: 8px; background: #fff; box-shadow: 0 5px 14px rgb(17 40 56 / 3%); }.model-kpi-grid span, .model-kpi-grid small { display: block; }.model-kpi-grid span { color: #75838e; font-size: 8px; text-transform: uppercase; }.model-kpi-grid strong { display: block; margin: 8px 0 5px; color: #102739; font-family: var(--font-display); font-size: 25px; }.model-kpi-grid small { color: #4d806b; font-size: 8px; }
.model-dashboard-grid { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 12px; margin-top: 12px; }
.model-chart-card, .model-drivers, .model-table-card { border: 1px solid #d7dee1; border-radius: 8px; background: #fff; }.model-chart-card { min-width: 0; padding: 18px; }.model-chart-card header, .model-table-card > header, .diagnostics-chart header, .diagnostics-signals > header { display: flex; align-items: center; justify-content: space-between; gap: 20px; }.model-chart-card header span, .model-table-card header span, .diagnostics-chart header span, .diagnostics-signals header span { color: #8a6b2c; font-size: 7px; font-weight: 800; letter-spacing: .1em; }.model-chart-card header strong, .model-table-card header strong, .diagnostics-chart header strong, .diagnostics-signals header strong { display: block; margin-top: 3px; color: #243a4b; font-size: 10px; }.chart-legend { display: flex; gap: 12px; }.chart-legend span, .diagnostics-legend span { display: flex; align-items: center; gap: 6px; color: #78858f !important; font-size: 7px !important; letter-spacing: 0 !important; }.chart-legend i, .diagnostics-legend i { width: 14px; height: 2px; background: #b78b38; }.chart-legend span:last-child i { background: #6f8fa3; }
.model-main-chart { width: 100%; height: 260px; margin-top: 14px; overflow: visible; }.grid-lines line, .diagnostics-chart .grid-lines line { stroke: #e4e8ea; stroke-width: 1; }.model-main-chart [data-model-chart-area], .diagnostics-chart [data-diagnostics-area] { fill: rgb(210 169 87 / 11%); }.model-main-chart polyline, .diagnostics-chart polyline { fill: none; stroke: #b48736; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; transition: 260ms ease; }.model-main-chart .ebitda-line { stroke: #698b9f; stroke-width: 2; }.chart-years text { fill: #8a969e; font-family: var(--font-ui); font-size: 8px; }
.model-drivers { padding: 18px; }.model-drivers header span, .cash-release > span { color: #8a6b2c; font-size: 7px; font-weight: 800; letter-spacing: .1em; }.model-drivers header b { display: block; margin-top: 4px; color: #213748; font-size: 11px; }.model-drivers label, .cash-release label { display: block; margin-top: 18px; }.model-drivers label > span, .cash-release label > span { display: flex; justify-content: space-between; gap: 10px; color: #63717c; font-size: 8px; }.model-drivers output, .cash-release output { color: #183347; font-weight: 800; }
.model-drivers input, .cash-release input { width: 100%; height: 3px; margin: 12px 0 0; accent-color: #b88e3f; cursor: pointer; }
.driver-impact { margin-top: 22px; padding: 13px; border-radius: 7px; background: #f1f5f3; }.driver-impact span { color: #688078; font-size: 7px; text-transform: uppercase; }.driver-impact strong { display: block; margin: 5px 0; color: #234638; font-size: 10px; }.driver-impact p { margin: 0; color: #6d7a75; font-size: 8px; line-height: 1.55; }.model-warning .driver-impact { background: #fbefec; }.model-warning .driver-impact strong { color: #8b4039; }
.model-table-card { margin-top: 12px; overflow: hidden; }.model-table-card > header { padding: 13px 16px; border-bottom: 1px solid #dce2e5; }.model-table-card > header > span { color: #7a8791; font-weight: 500; letter-spacing: 0; }.model-table-scroll { overflow-x: auto; }.model-table { width: 100%; min-width: 720px; border-collapse: collapse; font-size: 9px; }.model-table th, .model-table td { min-width: 82px; height: 34px; padding: 7px 10px; border-right: 1px solid #e1e6e8; border-bottom: 1px solid #e1e6e8; text-align: right; }.model-table td { padding: 0; }.model-table th:first-child { min-width: 180px; text-align: left; }.model-table thead th { background: #eef2f3; color: #71808a; font-weight: 700; }.model-table tbody th { background: #f8faf9; color: #3a4e5c; font-weight: 650; }.model-table td button { width: 100%; min-height: 34px; padding: 7px 10px; border: 0; background: transparent; color: #4c5c68; cursor: pointer; text-align: right; }.model-table td button:hover { background: #f8f1df; }.model-table td button.selected { position: relative; background: #fff9e9; box-shadow: inset 0 0 0 2px #b78b39; }.model-table td.pass-cell button { color: #34705a; font-weight: 800; }.model-table td.check-cell button { color: #9b493f; font-weight: 800; }
.model-statusbar { min-height: 34px; display: flex; align-items: center; gap: 22px; padding: 0 14px; border-top: 1px solid #cbd4d8; background: #ecf1f2; color: #6d7b85; font-size: 7px; }.model-statusbar span:first-child { color: #2d735b; font-weight: 800; }.model-statusbar i { display: inline-block; width: 5px; height: 5px; margin-right: 5px; border-radius: 50%; background: #5e997f; }.model-statusbar b { margin-left: auto; font-weight: 600; }

/* Financial diagnostics demo */
.diagnostics-topbar { justify-content: space-between; }.diagnostics-export { color: #8296a5; font-size: 8px; letter-spacing: .08em; }.diagnostics-export i { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: #5e9b7e; }.diagnostics-export b { color: #bce0cf; }
.diagnostics-filterbar { display: flex; min-height: 64px; align-items: center; gap: 17px; padding: 10px 16px; border-bottom: 1px solid #cad3d8; background: #edf1f2; }.diagnostics-filterbar label { display: flex; align-items: center; gap: 8px; }.diagnostics-filterbar label span { color: #75838d; font-size: 8px; }.diagnostics-filterbar select { min-height: 34px; padding: 0 28px 0 10px; border: 1px solid #c9d1d6; border-radius: 5px; background: #fff; color: #405461; font-size: 9px; }.diagnostics-live { margin-left: auto; color: #4e6b5d; font-size: 7px; font-weight: 800; letter-spacing: .08em; }
.diagnostics-shell { display: grid; min-height: 840px; grid-template-columns: 205px 1fr; }.diagnostics-nav { padding: 17px 10px; border-right: 1px solid #d1d8dc; background: #e9eef0; }.diagnostics-nav button { width: 100%; min-height: 48px; display: grid; grid-template-columns: 27px 1fr 7px; align-items: center; padding: 0 10px; border: 0; border-radius: 5px; background: transparent; color: #5b6a75; cursor: pointer; text-align: left; font-size: 9px; }.diagnostics-nav button span { color: #97a2a9; font-size: 7px; }.diagnostics-nav button:hover { background: rgb(255 255 255 / 60%); }.diagnostics-nav button.active { background: #fff; color: #173247; font-weight: 750; box-shadow: 0 5px 16px rgb(19 44 61 / 7%); }.diagnostics-nav button.active span { color: var(--gold-text); }.diagnostics-nav button.active i { background: #bd9142; }
.diagnostics-main { min-width: 0; padding: 30px; background: #f8faf9; }.diagnostics-heading h2 { font-size: 26px; }.diagnostics-heading p { margin: 7px 0 0; color: #71808a; font-size: 10px; }
.health-score { display: flex; align-items: center; gap: 11px; }.health-score > div { position: relative; width: 58px; height: 58px; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(#c39b4a calc(var(--score) * 1%), #e1e6e7 0); }.health-score > div::before { position: absolute; inset: 6px; border-radius: inherit; background: #fff; content: ""; }.health-score strong, .health-score small { position: relative; z-index: 2; }.health-score strong { font-family: var(--font-display); font-size: 20px; }.health-score small { margin-left: -7px; color: #82909a; font-size: 7px; }.health-score > span { color: #71808a; font-size: 7px; font-weight: 800; line-height: 1.35; letter-spacing: .08em; }
.diagnostics-kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 22px; }.diagnostics-kpis article { padding: 15px; border: 1px solid #d8dfe2; border-radius: 7px; background: #fff; }.diagnostics-kpis article.warning { border-top: 2px solid #bc774e; }.diagnostics-kpis span, .diagnostics-kpis small { display: block; color: #74828d; font-size: 8px; }.diagnostics-kpis strong { display: block; margin: 7px 0 4px; color: #153043; font-family: var(--font-display); font-size: 22px; }.diagnostics-kpis small { color: #a04e43; }.diagnostics-kpis small.positive { color: #39755e; }
.diagnostics-grid { display: grid; grid-template-columns: minmax(0, 1fr) 270px; gap: 11px; margin-top: 11px; }.diagnostics-chart, .cash-release, .diagnostics-signals { border: 1px solid #d7dee1; border-radius: 8px; background: #fff; }.diagnostics-chart { min-width: 0; padding: 18px; }.chart-badge { padding: 5px 7px; border-radius: 4px; background: #f1ead9; color: #80642b !important; }.diagnostics-chart svg { width: 100%; height: 220px; margin-top: 12px; overflow: visible; }.diagnostics-chart .cash-line { stroke: #6e8fa4; stroke-dasharray: 5 4; }.diagnostics-legend { display: flex; gap: 15px; }.diagnostics-legend span:last-child i { background: #6e8fa4; }
.cash-release { padding: 18px; }.cash-release h3 { margin: 8px 0 22px; font-size: 18px; }.cash-release > div { margin-top: 22px; padding: 14px; border-radius: 7px; background: #f1f5f3; }.cash-release > div small { color: #70817a; font-size: 7px; text-transform: uppercase; }.cash-release > div strong { display: block; margin: 5px 0; color: #1e4437; font-family: var(--font-display); font-size: 23px; }.cash-release > div p { margin: 0; color: #708078; font-size: 7px; }
.diagnostics-signals { margin-top: 11px; overflow: hidden; }.diagnostics-signals > header { padding: 14px 16px; border-bottom: 1px solid #dce2e4; }.diagnostics-signals > header > small { color: #84919a; font-size: 7px; }.diagnostics-signals article { display: grid; grid-template-columns: 34px 1fr auto; gap: 12px; align-items: center; padding: 13px 16px; border-bottom: 1px solid #e0e5e7; }.diagnostics-signals article:last-child { border-bottom: 0; }.diagnostics-signals article > b { color: #9ba5ab; font-size: 7px; }.diagnostics-signals article > div > span { color: #927132; font-size: 7px; font-weight: 800; letter-spacing: .07em; }.diagnostics-signals h3 { margin: 2px 0; font-size: 11px; }.diagnostics-signals p { margin: 0; color: #74818a; font-size: 8px; }.diagnostics-signals article > i { min-width: 60px; padding: 5px 8px; border-radius: 999px; background: #eef1f2; color: #667680; font-size: 7px; font-style: normal; text-align: center; }.diagnostics-signals article.signal-high > i { background: #faebe7; color: #985045; }

/* QA refinements: readable controls, usable touch targets and preserved 3D motion */
.scenario-switch button, .diagnostics-period button { min-height: 44px; font-size: 10px; }
.ribbon-action { min-height: 44px; }
.diagnostics-filterbar label { min-width: 0; }
.diagnostics-filterbar label span { color: #52636e; }
.diagnostics-filterbar select { min-width: 0; min-height: 44px; max-width: 100%; font-size: 10px; }
.model-drivers input, .cash-release input { height: 44px; margin: 0; }
.model-sheet-nav > span, .model-sheet-nav button b { color: #4f616d; font-size: 10px; }
.model-canvas-head span, .diagnostics-heading > div:first-child > span, .model-chart-card header span, .model-table-card header span, .diagnostics-chart header span, .diagnostics-signals header span, .model-drivers header span, .cash-release > span { font-size: 10px; }
.model-kpi-grid span, .model-kpi-grid small, .diagnostics-kpis span, .diagnostics-kpis small { color: #5e6e79; font-size: 10px; }
.chart-years text { fill: #5d6d77; font-size: 10px; }
.chart-legend span, .diagnostics-legend span { color: #5d6d77 !important; font-size: 10px !important; }
.diagnostics-nav button span, .diagnostics-signals article > b { color: #4f616d; font-size: 10px; }
.diagnostics-signals article > div > span, .diagnostics-signals article > i { font-size: 10px; }
.diagnostics-signals p { color: #5f6f79; font-size: 10px; }
.health-score > span, .health-score small { color: #5f707b; font-size: 10px; }
.cash-release > div small, .cash-release > div p, .diagnostics-signals > header > small { color: #5e7169; font-size: 10px; }

@media (max-width: 1120px) {
  .examples-hero-grid { gap: 60px; }
  .demo-showcase { grid-template-columns: 1fr 1fr; }.demo-showcase:nth-child(even) { grid-template-columns: 1fr 1fr; }
  .demo-page-hero-grid { grid-template-columns: 1fr 290px; gap: 55px; }
  .demo-instructions { gap: 40px; }
  .model-shell, .diagnostics-shell { grid-template-columns: 180px 1fr; }
  .model-dashboard-grid, .diagnostics-grid { grid-template-columns: 1fr; }.model-drivers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }.model-drivers header, .driver-impact { grid-column: 1 / -1; }.model-drivers label { margin-top: 0; }
  .cash-release { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }.cash-release > span, .cash-release h3, .cash-release > div { grid-column: 1 / -1; }.cash-release label { margin-top: 0; }
}

@media (max-width: 860px) {
  .pointer-glow { display: none; }
  .main-nav a::after { display: none; }
  .demo-container { width: calc(100% - 32px); }
  .diagnostics-filterbar { align-items: stretch; flex-wrap: wrap; gap: 10px; }
  .diagnostics-period { width: 100%; }
  .diagnostics-period button { flex: 1; }
  .diagnostics-filterbar label { min-width: 0; flex: 1 1 220px; flex-direction: column; align-items: stretch; gap: 4px; }
  .diagnostics-filterbar select { width: 100%; }
  .diagnostics-live { display: none; }
  .examples-hero { min-height: auto; padding: 90px 0; }.examples-hero-grid, .demo-page-hero-grid { grid-template-columns: 1fr; gap: 45px; }.examples-hero-copy > p { max-width: 680px; }
  .demo-showcase, .demo-showcase:nth-child(even) { grid-template-columns: 1fr; }.demo-showcase:nth-child(even) .demo-showcase-copy { order: 0; }.demo-showcase { transform: none !important; }.demo-art { min-height: 460px; }.demo-showcase-copy { padding-bottom: 25px; }
  .demo-page-hero-grid { align-items: start; }.demo-meta-panel { max-width: 520px; }
  .demo-instructions { grid-template-columns: 1fr; }.demo-instructions ol { grid-template-columns: repeat(3, 1fr); }.demo-tip { grid-column: 1; margin-top: 0; }
  .model-shell, .diagnostics-shell { grid-template-columns: 1fr; }
  .model-sheet-nav, .diagnostics-nav { display: flex; padding: 8px; overflow-x: auto; border-right: 0; border-bottom: 1px solid #d1d7db; }.model-sheet-nav > span { display: none; }.model-sheet-nav button, .diagnostics-nav button { width: auto; min-width: 128px; flex: 0 0 auto; }.model-sheet-nav button i, .diagnostics-nav button i { display: none; }
  .model-shell, .diagnostics-shell { min-height: 0; }.model-canvas, .diagnostics-main { padding: 22px; }.model-kpi-grid, .diagnostics-kpis { grid-template-columns: 1fr 1fr; }
  .method-grid, .architecture-grid { grid-template-columns: 1fr 1fr; }.method-grid article:last-child { grid-column: auto; }.method-grid article:nth-child(2), .architecture-grid article:nth-child(2) { border-right: 0; }.method-grid article:nth-child(n+3), .architecture-grid article:nth-child(n+3) { border-top: 1px solid rgb(255 255 255 / 12%); }.architecture-grid article:nth-child(n+3) { border-top-color: #d2d7da; }
}

@media (max-width: 620px) {
  .demo-container { width: calc(100% - 24px); }
  .examples-hero h1 { font-size: clamp(49px, 15vw, 66px); }.examples-hero-copy > p { font-size: 16px; }.demo-hero-facts strong { font-size: 27px; }
  .demo-notice { grid-template-columns: 1fr; gap: 9px; }.demo-showcase { min-height: 0; border-radius: 16px; }.demo-showcase-copy { padding: 31px 25px 12px; }.demo-showcase-copy h2 { font-size: 34px; }.demo-art { min-height: 360px; }.demo-mini-sheet { grid-template-columns: 55px 1fr; }.demo-mini-kpis i:nth-child(3) { display: none; }.demo-mini-kpis { grid-template-columns: 1fr 1fr; }.analysis-orb { top: 72px; left: 5%; width: 120px; height: 120px; }.analysis-orb span { font-size: 37px; }.analysis-orb i { left: 55px; }.analysis-mini-card { top: 65px; width: 55%; padding: 15px; }.analysis-mini-card.second { top: 215px; right: 4%; }.analysis-status { bottom: 28px; left: 6%; }
  .demo-page-hero { padding: 38px 0 66px; }.demo-page-hero h1 { font-size: clamp(40px, 12vw, 52px); overflow-wrap: anywhere; }.demo-page-hero-grid > div:first-child > p { font-size: 16px; }.demo-meta-panel { grid-template-columns: 1fr 1fr; }
  .demo-instructions ol { grid-template-columns: 1fr; }.demo-instructions { margin-bottom: 25px; }.demo-instructions li { min-height: 55px; }
  .workbench-titlebar, .diagnostics-topbar { min-height: 58px; padding: 9px 12px; }.window-dots { display: none; }.workbench-file { grid-template-columns: 28px 1fr; }.file-badge { width: 28px; height: 28px; }.workbench-file strong { max-width: 230px; }.model-health span { display: none; }
  .model-ribbon { flex-wrap: wrap; gap: 8px; padding: 9px; }.ribbon-brand { width: 100%; }.scenario-switch { flex: 1; }.scenario-switch button { flex: 1; padding-inline: 8px; }.formula-bar { grid-template-columns: 50px 24px minmax(100px, 1fr); }.formula-bar strong { display: none; }.model-canvas, .diagnostics-main { padding: 15px; }.model-canvas-head h2, .diagnostics-heading h2 { font-size: 21px; }.live-chip { display: none; }.model-kpi-grid, .diagnostics-kpis { gap: 7px; }.model-kpi-grid article, .diagnostics-kpis article { padding: 12px; }.model-kpi-grid strong, .diagnostics-kpis strong { font-size: 19px; }.model-dashboard-grid { gap: 8px; }.model-chart-card { padding: 12px; }.model-main-chart { height: 205px; }.chart-legend { display: none; }.model-drivers { grid-template-columns: 1fr; }.model-drivers header, .driver-impact { grid-column: auto; }.model-statusbar { overflow-x: auto; white-space: nowrap; }.model-statusbar b { display: none; }
  .diagnostics-filterbar { align-items: stretch; flex-wrap: wrap; }.diagnostics-period { width: 100%; }.diagnostics-period button { flex: 1; }.diagnostics-filterbar label { flex: 1; flex-direction: column; align-items: stretch; gap: 3px; }.diagnostics-filterbar select { width: 100%; }.diagnostics-live { display: none; }.health-score > span { display: none; }.diagnostics-grid { gap: 8px; }.diagnostics-chart { padding: 12px; }.diagnostics-chart svg { height: 180px; }.cash-release { grid-template-columns: 1fr; }.cash-release > span, .cash-release h3, .cash-release > div { grid-column: auto; }.diagnostics-signals article { grid-template-columns: 25px 1fr; }.diagnostics-signals article > i { grid-column: 2; justify-self: start; }.diagnostics-signals > header > small { display: none; }
  .method-grid, .architecture-grid { grid-template-columns: 1fr; }.method-grid article, .method-grid article + article, .architecture-grid article, .architecture-grid article + article { min-height: 180px; padding: 25px 0; border-right: 0; border-top: 1px solid rgb(255 255 255 / 12%); }.architecture-grid article, .architecture-grid article + article { border-top-color: #d2d7da; }.method-grid h3, .architecture-grid h3 { margin-top: 30px; }
}

@media (max-width: 380px) {
  .diagnostics-filterbar label { flex-basis: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root), ::view-transition-new(root) { animation: none !important; }
  .pointer-glow { display: none; }
  .demo-showcase, .document-stage { transform: none !important; }
}

/* Nocturne Ledger visual system */
:root {
  --canvas: #071018;
  --surface: #0f1b25;
  --surface-alt: #0a151e;
  --ink: #e7eef1;
  --text: #b5c2c9;
  --muted: #8797a2;
  --border: rgb(211 227 236 / 14%);
  --navy: #102a37;
  --navy-deep: #050c12;
  --navy-hover: #173946;
  --gold: #78c7bd;
  --gold-soft: #b8e5df;
  --gold-hover: #8bd8cf;
  --gold-text: #88d2c8;
  --focus: #8cd5ff;
  --telegram: #64c5e9;
  --success: #71c6b7;
  --error: #df857f;
  --shadow-sm: 0 1px 2px rgb(0 0 0 / 24%);
  --shadow-md: 0 22px 60px rgb(0 0 0 / 28%);
  --shadow-lg: 0 46px 120px rgb(0 0 0 / 38%);
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --container: 1280px;
}

body {
  background:
    radial-gradient(circle at 88% 8%, rgb(36 92 112 / 12%), transparent 29%),
    var(--canvas);
  color: var(--text);
}

body::after {
  background-image: linear-gradient(rgb(189 220 232 / 2.8%) 1px, transparent 1px), linear-gradient(90deg, rgb(189 220 232 / 2.8%) 1px, transparent 1px);
  background-size: 80px 80px;
  mask-image: linear-gradient(to bottom, #000, transparent 86%);
}

::selection { background: #78c7bd; color: #061017; }
h1, h2, h3 { color: var(--ink); }
.section-soft { background: var(--surface-alt); }
.section-dark { background: var(--navy-deep); }
.section-heading p, .hero-lead, .hero-note { color: var(--muted); }
.eyebrow::before { background: var(--gold); box-shadow: 0 0 16px rgb(120 199 189 / 38%); }
.pointer-glow { display: none; }
.scroll-progress span { background: linear-gradient(90deg, #4d8fa2, #78c7bd, #b5e7df); box-shadow: 0 0 14px rgb(120 199 189 / 36%); }

.site-header,
.site-header.scrolled {
  border-bottom-color: rgb(211 227 236 / 10%);
  background: rgb(5 12 18 / 82%);
  box-shadow: 0 14px 42px rgb(0 0 0 / 18%);
  backdrop-filter: blur(20px) saturate(125%);
}

.brand, .main-nav a { color: #d8e2e7; }
.logo-copy small { color: #82949f; }
.main-nav a:hover { color: #fff; }
.main-nav a::after { background: var(--gold); }
.nav-toggle > span:not(.sr-only) { background: #e8eff2; }

.button { border-radius: 7px; }
.button-gold { background: var(--gold); color: #061017; box-shadow: 0 12px 34px rgb(68 153 151 / 22%); }
.button-gold:hover { background: var(--gold-hover); box-shadow: 0 16px 42px rgb(68 153 151 / 31%); }
.button-gold::after { display: none; }
.button-dark { border-color: rgb(196 224 232 / 14%); background: #122c38; color: #eff5f6; }
.button-dark:hover { background: #183b48; }
.button-outline { border-color: rgb(216 235 240 / 24%); color: #e1eaed; }
.button-outline:hover { border-color: rgb(216 235 240 / 60%); background: rgb(255 255 255 / 6%); }
.button-ghost { border-color: var(--border); background: #14222c; color: #e7eef1; }
.text-link { color: #dce7ea; }
.text-link:hover { color: #fff; }

.hero {
  min-height: 760px;
  background:
    radial-gradient(circle at 78% 18%, rgb(37 93 113 / 18%), transparent 28%),
    linear-gradient(118deg, #071018 0 58%, #0a151e 100%);
}

.hero::before {
  inset: auto auto -280px -220px;
  width: 620px;
  height: 620px;
  border-color: rgb(120 199 189 / 14%);
}

.hero-grid { position: relative; z-index: 2; }
.hero-copy h1 { color: #f0f5f6; font-weight: 500; letter-spacing: -.045em; }
.hero-lead { color: #aab9c1; }
.hero-note { color: #81939e; }
.hero-visual.reveal { clip-path: inset(4% 5% 4% 5% round 26px); transition: opacity 700ms var(--ease-out), translate 700ms var(--ease-out), clip-path 900ms var(--ease-out); }
.hero-visual.reveal.visible { clip-path: inset(0 round 26px); }

.document-stage {
  border: 1px solid rgb(200 226 234 / 14%);
  background: #07131c;
  box-shadow: 0 45px 110px rgb(0 0 0 / 45%);
}

.document-stage::before {
  position: absolute;
  z-index: 0;
  inset: -6%;
  background-image: linear-gradient(135deg, rgb(4 11 17 / 22%), rgb(4 11 17 / 66%)), url("/assets/higgsfield-02.webp");
  background-position: 50% 4%;
  background-size: 112% 224%;
  content: "";
  animation: hf-stage-pan 18s ease-in-out infinite alternate;
  will-change: transform, background-position;
}

.document-stage::after { border-color: rgb(120 199 189 / 18%); }
.stage-grid { z-index: 1; opacity: .12; background-size: 40px 40px; animation: hf-grid-drift 22s linear infinite; }
.file-card { border-color: rgb(225 235 239 / 72%); background: #edf2f3; color: #0b1720; box-shadow: 0 26px 68px rgb(0 0 0 / 35%); }
.file-deck { border-color: rgb(132 195 208 / 38%); background: linear-gradient(145deg, #9abac4, #557a8b); color: #07141c; }
.chart-line { stroke: #4e9f99; }
.chart-area { fill: rgb(120 199 189 / 17%); }
.plan-chart i { background: #6aafb0; }
.data-line { background: linear-gradient(90deg, transparent, var(--gold), transparent); animation: hf-line-flow 4.8s ease-in-out infinite; }
.badge-one, .badge-two { background: rgb(5 15 23 / 78%); }

.trust-strip { border-color: rgb(211 227 236 / 10%); background: rgb(12 25 34 / 72%); }
.trust-items span { color: #aebcc4; }
.trust-items svg { color: var(--gold); }

.services { background: #08121a; }
.services-grid { display: grid; grid-template-columns: 1fr; gap: 0; border-top: 1px solid var(--border); }
.service-card {
  display: grid;
  min-height: 152px;
  grid-template-columns: 70px minmax(300px, 1.25fr) minmax(250px, .9fr) 170px 128px;
  gap: 28px;
  align-items: center;
  padding: 24px 18px;
  border: 0;
  border-bottom: 1px solid var(--border);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transition: background 220ms ease, border-color 220ms ease, transform 220ms var(--ease-out);
}

.service-card::before { top: 20px; right: auto; bottom: 20px; left: 0; width: 2px; height: auto; background: var(--gold); transform: scaleY(0); transform-origin: bottom; }
.service-card::after { background: linear-gradient(90deg, rgb(120 199 189 / 7%), transparent 72%); }
.service-card:hover { border-color: rgb(120 199 189 / 35%); background: rgb(255 255 255 / 2.8%); box-shadow: none; transform: translateX(4px); }
.service-card:hover::before { transform: scaleY(1); }
.service-meta { grid-column: 1; margin: 0; flex-direction: column; gap: 8px; align-items: flex-start; }
.service-meta span:first-child { color: var(--gold); }
.service-card h3 { grid-column: 2; margin: 0; color: #edf3f4; font-size: 21px; font-weight: 620; transition: transform 220ms var(--ease-out); }
.service-card:hover h3 { transform: translateX(5px); }
.service-card > p { grid-column: 3; margin: 0; color: #8fa0aa; font-size: 13px; }
.service-card-bottom { grid-column: 4; display: block; margin: 0; padding: 0; border: 0; }
.service-card-bottom strong { color: #e7eef1; }
.service-card-bottom small { color: #84949e; }
.service-card-bottom .text-link { margin-top: 10px; color: #a8dcd6; }
.card-order { grid-column: 5; justify-self: end; margin: 0; padding: 10px 0 7px; border-bottom-color: rgb(120 199 189 / 58%); color: #b9e2dd; }

.team-proof { position: relative; overflow: hidden; isolation: isolate; }
.team-proof::before {
  position: absolute;
  z-index: -2;
  inset: -12%;
  background-image: linear-gradient(90deg, rgb(5 12 18 / 94%) 0 48%, rgb(5 12 18 / 62%)), url("/assets/higgsfield-05.webp");
  background-position: 82% 82%;
  background-size: 220% 220%;
  content: "";
  animation: hf-ambient-pan 24s ease-in-out infinite alternate;
}
.team-proof::after { position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg, rgb(5 12 18 / 15%), rgb(5 12 18 / 72%)); content: ""; }
.proof-disclaimer { color: #81929c !important; }

.process, .quality, .faq { background: #071018; }
.process-grid li, .quality-list, .quality-list article, .faq-list, .faq-item { border-color: var(--border); }
.process-grid h3, .quality-list h3, .faq-item summary { color: #e6edef; }
.process-grid p, .quality-list p, .faq-item p { color: #8d9da6; }
.process-grid li:not(:last-child)::after { background: var(--gold); box-shadow: 0 0 0 5px rgb(120 199 189 / 8%); }
.preview { background: #0a151e; }
.preview-copy > p { color: #8d9da7; }
.preview-tabs button { border-color: var(--border); color: #96a6af; }
.preview-tabs button[aria-selected="true"] { border-color: var(--gold); background: #16323c; color: #e5f5f2; }
.preview-window { --ink: #0c1922; --text: #334852; --muted: #667680; --border: #d5dde1; border-color: rgb(168 195 205 / 30%); box-shadow: 0 32px 86px rgb(0 0 0 / 40%); }
.faq-item[open] p { animation: hf-faq-in 260ms var(--ease-out) both; }

.site-footer { background: #040a0f; }
.footer-legal, .footer-links a, .footer-brand p, .footer-bottom { color: #7f909a; }
.footer-legal { border-color: rgb(211 227 236 / 10%); }

.quote-dialog { --ink: #e7eef1; --text: #b5c2c9; --muted: #8797a2; --border: rgb(211 227 236 / 15%); border: 1px solid var(--border); background: #0d1922; color: var(--text); }
.dialog-header h2, .field > span { color: #e7eef1; }
.dialog-close { border-color: var(--border); color: #b7c4ca; }
.field input, .field select, .field textarea { border-color: rgb(211 227 236 / 18%); background: #111f29; color: #edf3f4; }
.field input::placeholder, .field textarea::placeholder { color: #6f818c; }
.estimate { border-color: rgb(120 199 189 / 28%); background: rgb(120 199 189 / 8%); }
.estimate > span, .estimate strong { color: #c8ebe6; }
.brief-preview { background: #07131b; color: #b8c7ce; }

.service-hero, .content-hero { position: relative; overflow: hidden; isolation: isolate; background: #061018; }
.service-hero::before, .content-hero::before {
  position: absolute;
  z-index: -2;
  inset: -16%;
  background-image: linear-gradient(90deg, rgb(5 12 18 / 92%) 0 50%, rgb(5 12 18 / 55%)), url("/assets/higgsfield-03.webp");
  background-position: 63% center;
  background-size: 400% 112%;
  content: "";
  animation: hf-wide-pan 26s ease-in-out infinite alternate;
}
.content-hero::before { background-image: linear-gradient(90deg, rgb(5 12 18 / 92%) 0 52%, rgb(5 12 18 / 46%)), url("/assets/higgsfield-04.webp"); background-position: 44% center; background-size: 600% 118%; }
.service-hero::after, .content-hero::after { position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg, rgb(7 16 24 / 8%), #071018 100%); content: ""; }
.breadcrumbs, .breadcrumbs a { color: #82939e; }
.breadcrumbs a:hover { color: #fff; }
.service-hero-copy > p, .content-hero > .container > p { color: #a9b7bf; }
.service-facts span { border-left-color: var(--gold); }
.service-facts small { color: #82939e; }
.service-facts strong { color: #dce6e9; }
.service-visual { border-color: rgb(211 227 236 / 14%); background: #07131b; }
.service-visual::before { position: absolute; inset: 0; background: linear-gradient(145deg, rgb(18 53 66 / 44%), transparent); content: ""; pointer-events: none; }
.service-visual { position: relative; }
.service-visual > * { position: relative; z-index: 1; }
.service-visual-screen { --ink: #0d1a22; --text: #3a4d57; --muted: #667680; --border: #d5dde1; }
.summary-result { border-left-color: var(--gold); background: rgb(120 199 189 / 7%); }
.summary-result span { color: var(--gold); }
.summary-result p { color: #dce7ea; }
.scope-section, .service-preview, .content-body { background: #071018; }
.scope-card, .definition-grid article, .example-grid article { border-color: var(--border); background: #0e1b25; box-shadow: var(--shadow-md); }
.scope-card > strong, .compact-steps b { color: #e7eef1; }
.check-list li { border-color: var(--border); }
.check-list svg { color: var(--gold); }
.callout, .notice, .service-notice { border-color: rgb(120 199 189 / 24%); background: rgb(120 199 189 / 8%); color: #b9d8d4 !important; }
.compact-process { background: #0a151e; }
.compact-steps li { border-color: var(--border); background: rgb(255 255 255 / 2%); }
.compact-steps li:last-child { border-right-color: var(--border); }
.prose p, .prose li { color: #a4b3bb; }
.large-callout { border: 1px solid rgb(120 199 189 / 18%); background: linear-gradient(135deg, #102b37, #0a1821); }
.experience-disclaimer { margin: -20px 0 42px; padding: 0 0 28px; border-bottom: 1px solid var(--border); color: #7f919c !important; font-size: 13px; }

.premium-page, .demo-catalog, .interactive-section { background: #071018; }
#interactive { scroll-margin-top: 108px; }
.examples-hero, .demo-page-hero { background: #050c12; }
.examples-hero::before, .demo-page-hero::before {
  inset: -12%;
  background-image: linear-gradient(90deg, rgb(5 12 18 / 89%) 0 43%, rgb(5 12 18 / 38%)), url("/assets/higgsfield-03.webp");
  background-position: 31% center;
  background-size: 400% 112%;
  opacity: .92;
  animation: hf-wide-pan 28s ease-in-out infinite alternate;
}
.demo-page-hero::before { background-image: linear-gradient(90deg, rgb(5 12 18 / 91%) 0 48%, rgb(5 12 18 / 45%)), url("/assets/higgsfield-04.webp"); background-position: 64% center; background-size: 600% 114%; }
.examples-hero::after, .demo-page-hero::after { border-color: rgb(120 199 189 / 14%); }
.examples-hero h1 { max-width: 900px; font-size: clamp(54px, 6.4vw, 86px); font-weight: 500; }
.examples-hero-copy { align-self: end; }
.demo-hero-facts { border-color: rgb(211 227 236 / 16%); }
.examples-orbit { border-color: rgb(120 199 189 / 14%); animation: hf-orbit-drift 16s ease-in-out infinite alternate; }
.examples-orbit i { background: var(--gold); box-shadow: 0 0 24px var(--gold); }
.demo-notice { border-color: var(--border); }
.demo-notice span { color: var(--gold); }
.demo-notice p { color: #8e9ea8; }
.demo-showcase {
  overflow: hidden;
  border-color: rgb(211 227 236 / 13%);
  border-radius: 16px;
  background: #0a1821;
  box-shadow: 0 30px 86px rgb(0 0 0 / 30%);
  transform: none !important;
  transition: translate 260ms var(--ease-out), border-color 260ms ease, box-shadow 260ms ease;
}
.demo-showcase::before { position: absolute; z-index: 0; inset: -12%; background-image: linear-gradient(90deg, rgb(6 16 23 / 84%), rgb(6 16 23 / 36%)), url("/assets/higgsfield-04.webp"); background-position: 44% center; background-size: 600% 115%; content: ""; opacity: .28; animation: hf-wide-pan 24s ease-in-out infinite alternate; }
.demo-showcase-analysis::before { background-image: linear-gradient(90deg, rgb(6 16 23 / 78%), rgb(6 16 23 / 42%)), url("/assets/higgsfield-03.webp"); background-position: 72% center; background-size: 400% 115%; }
.demo-showcase > * { position: relative; z-index: 1; }
.demo-showcase:hover { border-color: rgb(120 199 189 / 38%); box-shadow: 0 42px 110px rgb(0 0 0 / 42%); translate: 0 -4px; }
.demo-showcase-copy { transform: none; }
.demo-index, .demo-open { color: #9edbd4; }
.demo-open { border-color: rgb(120 199 189 / 52%); }
.demo-art { transform: none; }
.demo-mini-sheet polyline { stroke: #559f99; }
.analysis-orb { background: conic-gradient(var(--gold) calc(var(--score) * 1%), rgb(255 255 255 / 8%) 0); }
.analysis-orb i { background: var(--gold); box-shadow: 0 0 20px var(--gold); }
.mini-bars i:nth-child(5) { background: var(--gold); }
.demo-method { background: #050c12; }
.method-grid { border-color: var(--border); }
.method-grid article { border-color: var(--border); }
.method-grid article > span { color: var(--gold); }
.demo-meta-panel > span { color: var(--gold); }
.demo-instructions { border-color: var(--border); }
.demo-instructions > div > span, .demo-instructions li span { color: var(--gold); }
.demo-instructions li { border-left-color: rgb(120 199 189 / 50%); }
.demo-instructions li p, .demo-tip { color: #8fa0a9; }
.demo-tip strong { color: #dce7ea; }
.demo-disclaimer { border-color: rgb(120 199 189 / 22%); background: rgb(120 199 189 / 7%); color: #9eb9b7; }
.model-main-chart [data-model-chart-area], .diagnostics-chart [data-diagnostics-area] { fill: rgb(89 166 158 / 12%); }
.model-main-chart polyline, .diagnostics-chart polyline { stroke: #559f99; }
.model-main-chart .ebitda-line, .diagnostics-chart .cash-line { stroke: #769bb4; }
.diagnostics-nav button.active i { background: #559f99; }
.health-score > div { background: conic-gradient(#559f99 calc(var(--score) * 1%), #e1e6e7 0); }
.chart-badge { background: #e3f0ed; color: #2d6f69 !important; }
.diagnostics-signals article > div > span { color: #397a73; }
.model-drivers input, .cash-release input { accent-color: #559f99; }
.demo-final-cta, .final-cta { position: relative; overflow: hidden; isolation: isolate; background: #050c12; }
.demo-final-cta::before, .final-cta::before { position: absolute; z-index: -2; inset: -12%; background-image: linear-gradient(90deg, rgb(5 12 18 / 82%), rgb(5 12 18 / 62%)), url("/assets/higgsfield-01.webp"); background-position: center 92%; background-size: 112% 224%; content: ""; animation: hf-ambient-pan 24s ease-in-out infinite alternate; }
.demo-final-cta::after, .final-cta::after { position: absolute; z-index: -1; inset: 0; background: rgb(5 12 18 / 46%); content: ""; }

@keyframes hf-stage-pan {
  from { transform: scale(1.03) translate3d(-1.2%, -1%, 0); background-position: 50% 2%; }
  to { transform: scale(1.1) translate3d(1.3%, 1%, 0); background-position: 50% 8%; }
}

@keyframes hf-wide-pan {
  from { transform: scale(1.04) translate3d(-1.2%, 0, 0); }
  to { transform: scale(1.1) translate3d(1.5%, -.8%, 0); }
}

@keyframes hf-ambient-pan {
  from { transform: scale(1.03) translate3d(0, -1%, 0); }
  to { transform: scale(1.09) translate3d(-1.2%, 1%, 0); }
}

@keyframes hf-grid-drift { to { background-position: 40px 40px; } }
@keyframes hf-line-flow { 0%, 100% { opacity: .32; scale: .76 1; } 50% { opacity: .92; scale: 1.12 1; } }
@keyframes hf-orbit-drift { from { transform: translate3d(0, 0, 0) rotate(0); } to { transform: translate3d(-28px, -20px, 0) rotate(4deg); } }
@keyframes hf-faq-in { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 1120px) {
  .service-card { grid-template-columns: 58px minmax(300px, 1fr) 170px 126px; }
  .service-card h3 { grid-column: 2; }
  .service-card > p { grid-column: 2 / 4; grid-row: 2; }
  .service-card-bottom { grid-column: 3; grid-row: 1; }
  .card-order { grid-column: 4; grid-row: 1 / 3; }
}

@media (max-width: 960px) {
  .main-nav { border-color: var(--border); background: #07131b; }
  .main-nav a { border-color: var(--border); }
  .service-card { grid-template-columns: 54px minmax(0, 1fr) 165px; }
  .service-card h3 { grid-column: 2; }
  .service-card > p { grid-column: 2 / 4; }
  .service-card-bottom { grid-column: 3; }
  .card-order { grid-column: 2; grid-row: 3; justify-self: start; }
}

@media (max-width: 720px) {
  .hero { min-height: auto; }
  .hero-visual.reveal { clip-path: inset(2% round 18px); }
  .document-stage::before { background-size: 126% 252%; }
  .services-grid { border-top: 0; gap: 12px; }
  .service-card {
    display: flex;
    min-height: 0;
    padding: 24px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: #0e1b25;
  }
  .service-card::before { top: 0; right: 0; bottom: auto; width: 100%; height: 2px; transform: scaleX(0); transform-origin: left; }
  .service-card:hover { transform: translateY(-2px); }
  .service-card:hover::before { transform: scaleX(1); }
  .service-meta { flex-direction: row; }
  .service-card h3 { margin-top: 4px; }
  .service-card > p { margin-top: 12px; }
  .service-card-bottom { width: 100%; margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--border); }
  .card-order { align-self: flex-start; margin-top: 16px; }
  .mobile-telegram { background: var(--gold); color: #061017; }
}

@media (prefers-reduced-motion: reduce) {
  .document-stage::before,
  .stage-grid,
  .data-line,
  .team-proof::before,
  .service-hero::before,
  .content-hero::before,
  .examples-hero::before,
  .demo-page-hero::before,
  .examples-orbit,
  .demo-showcase::before,
  .demo-final-cta::before,
  .final-cta::before { animation: none !important; transform: none !important; }
}