/* ========================================================================== 
   AKFA LAB 0.5.0 — AKFA corporate red / AI engineering interface
   This layer intentionally replaces the previous green/dark visual system.
   ========================================================================== */

:root {
  --akfa-red: #ed1c24;
  --akfa-red-rgb: 237, 28, 36;
  --akfa-red-deep: #c90f18;
  --akfa-black: #292827;
  --akfa-ink: #171719;
  --akfa-ink-2: #343438;
  --akfa-muted: #707078;
  --akfa-muted-2: #94949b;
  --akfa-paper: #f5f6f7;
  --akfa-paper-2: #eceeef;
  --akfa-card: #ffffff;
  --akfa-line: rgba(23, 23, 25, .105);
  --akfa-line-strong: rgba(23, 23, 25, .18);
  --akfa-line-dark: rgba(255, 255, 255, .12);
  --akfa-shadow-sm: 0 12px 34px rgba(30, 30, 34, .07);
  --akfa-shadow: 0 30px 90px rgba(30, 30, 34, .11);
  --akfa-shadow-red: 0 24px 60px rgba(var(--akfa-red-rgb), .22);
  --akfa-ease: cubic-bezier(.16, 1, .3, 1);
  --akfa-radius-xl: 34px;
  --akfa-radius-lg: 24px;
  --akfa-radius-md: 17px;
  --topbar: 84px;

  /* compatibility aliases used by stable v0.4 components */
  --green: var(--akfa-red);
  --green-2: #ffdadd;
  --green-dark: var(--akfa-red-deep);
  --deep: var(--akfa-black);
  --deep-2: #1d1d1f;
  --deep-3: #363638;
  --ink: var(--akfa-ink);
  --ink-soft: var(--akfa-ink-2);
  --muted: var(--akfa-muted);
  --muted-2: var(--akfa-muted-2);
  --paper: var(--akfa-paper);
  --paper-2: var(--akfa-paper-2);
  --line: var(--akfa-line);
  --lab-green: var(--akfa-red);
  --lab-green-rgb: var(--akfa-red-rgb);
  --lab-mint: #ffe3e5;
  --lab-ink: var(--akfa-ink);
  --lab-deep: var(--akfa-black);
  --lab-deep-2: #1d1d1f;
  --lab-deep-3: #39393c;
  --lab-paper: var(--akfa-paper);
  --lab-paper-2: var(--akfa-paper-2);
  --lab-card: rgba(255, 255, 255, .9);
  --lab-line: var(--akfa-line);
  --lab-line-dark: var(--akfa-line-dark);
  --lab-shadow: var(--akfa-shadow);
  --lab-shadow-dark: 0 36px 110px rgba(0, 0, 0, .34);
}

html { background: var(--akfa-paper); }
body {
  background:
    radial-gradient(circle at 10% 9%, rgba(var(--akfa-red-rgb), .052), transparent 25%),
    radial-gradient(circle at 92% 23%, rgba(24, 28, 36, .04), transparent 28%),
    var(--akfa-paper);
  color: var(--akfa-ink);
}
body::before {
  opacity: .5;
  background-image:
    linear-gradient(rgba(28, 28, 30, .026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(28, 28, 30, .026) 1px, transparent 1px);
  background-size: 80px 80px;
}
::selection { background: var(--akfa-red); color: #fff; }
::-webkit-scrollbar-track { background: #eceeef; }
::-webkit-scrollbar-thumb { border-color: #eceeef; background: #a5a5ab; }

.site-grid {
  opacity: .22;
  background-image:
    linear-gradient(rgba(34, 34, 38, .034) 1px, transparent 1px),
    linear-gradient(90deg, rgba(34, 34, 38, .034) 1px, transparent 1px);
  background-size: 80px 80px;
}
.scroll-progress { height: 3px; background: rgba(23, 23, 25, .035); }
.scroll-progress i {
  background: linear-gradient(90deg, var(--akfa-red), #ff6a70);
  box-shadow: 0 0 18px rgba(var(--akfa-red-rgb), .42);
}
.cursor-light {
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(var(--akfa-red-rgb), .08), rgba(var(--akfa-red-rgb), .025) 38%, transparent 70%);
  mix-blend-mode: multiply;
}
.skip-link { background: var(--akfa-red); color: #fff; }

/* Global structure ------------------------------------------------------- */
.section { padding: 132px clamp(22px, 5vw, 86px); }
.section-heading { gap: 48px; }
.section-heading h2 {
  max-width: 940px;
  color: var(--akfa-ink);
  font-size: clamp(46px, 5vw, 82px);
  line-height: .96;
  letter-spacing: -.064em;
}
.section-heading > p,
.section-heading > div + p {
  max-width: 590px;
  color: var(--akfa-muted);
  font-size: 15px;
  line-height: 1.75;
}
.section-kicker,
.section-kicker-dark {
  color: var(--akfa-red-deep);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.section-kicker > span:first-child,
.section-kicker-dark > span:first-child { background: var(--akfa-red); }
.section-kicker > span:first-child::after,
.section-kicker-dark > span:first-child::after {
  background: var(--akfa-red);
  box-shadow: 0 0 0 5px rgba(var(--akfa-red-rgb), .1);
}

.button {
  min-height: 54px;
  gap: 14px;
  padding-inline: 22px;
  border-radius: 13px;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: -.01em;
  transition: transform .35s var(--akfa-ease), box-shadow .35s ease, border-color .25s ease, background .25s ease;
}
.button svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.button-primary {
  border-color: var(--akfa-red);
  background: var(--akfa-red);
  color: #fff;
  box-shadow: 0 18px 42px rgba(var(--akfa-red-rgb), .2);
}
.button-primary:hover { transform: translateY(-3px); background: var(--akfa-red-deep); box-shadow: var(--akfa-shadow-red); }
.button-ghost,
.button-outline {
  border-color: var(--akfa-line-strong);
  background: rgba(255, 255, 255, .76);
  color: var(--akfa-ink);
  backdrop-filter: blur(18px);
}
.button-ghost:hover,
.button-outline:hover { transform: translateY(-3px); border-color: rgba(var(--akfa-red-rgb), .35); background: #fff; }
.button-dark { background: var(--akfa-black); color: #fff; border-color: var(--akfa-black); }

/* Header / original AKFA identity --------------------------------------- */
.topbar-v5 {
  height: var(--topbar);
  gap: clamp(18px, 2.6vw, 40px);
  padding-inline: clamp(22px, 4.2vw, 78px);
  border-bottom: 1px solid rgba(20, 20, 24, .075);
  background: rgba(255, 255, 255, .82);
  color: var(--akfa-ink);
  backdrop-filter: blur(25px) saturate(145%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .85);
}
.topbar-v5::before { display: none; }
.topbar-v5.is-scrolled {
  background: rgba(255, 255, 255, .94);
  border-bottom-color: rgba(20, 20, 24, .1);
  box-shadow: 0 12px 34px rgba(29, 29, 33, .075);
}
.brand-v5 {
  min-width: 225px;
  display: flex;
  align-items: center;
  gap: 17px;
  text-decoration: none;
}
.brand-logo {
  width: clamp(128px, 9.5vw, 165px);
  height: auto;
  display: block;
  object-fit: contain;
}
.brand-lab {
  position: relative;
  display: grid;
  gap: 3px;
  padding-left: 17px;
  border-left: 1px solid var(--akfa-line-strong);
  line-height: 1;
}
.brand-lab strong { font-size: 13px; letter-spacing: .16em; }
.brand-lab small { color: var(--akfa-muted); font: 800 6.5px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .12em; }
.main-nav { gap: clamp(18px, 2.1vw, 34px); }
.main-nav a {
  color: var(--akfa-ink);
  font-size: 11px;
  font-weight: 740;
  opacity: .68;
}
.main-nav a::after { bottom: -12px; height: 2px; background: var(--akfa-red); }
.main-nav a:hover,
.main-nav a.is-active { opacity: 1; }
.top-actions { gap: 8px; }
.command-button,
.install-button,
.language-switch,
.round-button {
  border-color: var(--akfa-line);
  background: rgba(255, 255, 255, .75);
  color: var(--akfa-ink);
}
.command-button { min-width: 104px; }
.command-button kbd { color: var(--akfa-muted); border-color: var(--akfa-line); background: var(--akfa-paper); }
.language-switch span:first-child { color: #fff; }
.language-switch i { background: var(--akfa-black); }
.language-switch.is-uz span:first-child { color: var(--akfa-muted); }
.language-switch.is-uz span:last-child { color: #fff; }
.round-button:hover { background: var(--akfa-black); color: #fff; }
.ai-header-button {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0 15px 0 10px;
  border: 1px solid rgba(var(--akfa-red-rgb), .22);
  border-radius: 13px;
  background: linear-gradient(135deg, #fff, #fff4f5);
  color: var(--akfa-ink);
  cursor: pointer;
  box-shadow: 0 8px 22px rgba(var(--akfa-red-rgb), .08);
  transition: .35s var(--akfa-ease);
}
.ai-header-button:hover { transform: translateY(-2px); border-color: rgba(var(--akfa-red-rgb), .42); box-shadow: 0 15px 35px rgba(var(--akfa-red-rgb), .15); }
.ai-header-button .ai-spark-icon { width: 28px; height: 28px; border-radius: 8px; }
.ai-header-button > span:nth-child(2) { display: flex; align-items: baseline; gap: 4px; line-height: 1; }
.ai-header-button small { color: var(--akfa-muted); font-size: 7px; font-weight: 900; letter-spacing: .08em; }
.ai-header-button strong { font-size: 12px; letter-spacing: -.02em; }
.ai-online-dot { width: 6px; height: 6px; border-radius: 50%; background: #19a865; box-shadow: 0 0 0 4px rgba(25, 168, 101, .1); }
.ai-spark-icon {
  display: grid;
  place-items: center;
  background: var(--akfa-red);
  color: #fff;
}
.ai-spark-icon svg { width: 60%; fill: currentColor; stroke: none; }

/* AI-first hero ---------------------------------------------------------- */
.hero-v5 {
  min-height: max(890px, 100vh);
  grid-template-columns: minmax(460px, .87fr) minmax(620px, 1.13fr);
  grid-template-rows: 1fr auto;
  gap: 44px clamp(40px, 4.2vw, 84px);
  align-items: center;
  padding: calc(var(--topbar) + 70px) clamp(24px, 5vw, 88px) 34px;
  color: var(--akfa-ink);
  overflow: hidden;
  background:
    radial-gradient(circle at 70% 48%, rgba(var(--akfa-red-rgb), .065), transparent 27%),
    linear-gradient(180deg, #fff 0%, #f7f8f9 74%, #f0f2f3 100%);
}
.hero-v5::before {
  content: "";
  position: absolute;
  inset: var(--topbar) 0 0;
  pointer-events: none;
  opacity: .48;
  background-image:
    linear-gradient(rgba(41, 40, 39, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(41, 40, 39, .035) 1px, transparent 1px);
  background-size: 78px 78px;
  mask-image: linear-gradient(90deg, #000 0, #000 60%, transparent 100%);
}
.hero-v5::after {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  left: -240px;
  bottom: -250px;
  border: 1px solid rgba(var(--akfa-red-rgb), .14);
  border-radius: 50%;
  box-shadow: 0 0 0 66px rgba(var(--akfa-red-rgb), .025), 0 0 0 132px rgba(var(--akfa-red-rgb), .018);
  pointer-events: none;
}
.hero-v5-background { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.hero-v5-background i { position: absolute; border: 1px solid rgba(var(--akfa-red-rgb), .13); border-radius: 50%; animation: akfaOrbit 18s linear infinite; }
.hero-v5-background i:nth-child(1) { width: 560px; height: 560px; right: 11%; top: 19%; }
.hero-v5-background i:nth-child(2) { width: 420px; height: 420px; right: 15.5%; top: 26%; animation-direction: reverse; animation-duration: 14s; }
.hero-v5-background i:nth-child(3) { width: 760px; height: 760px; right: 4%; top: 7%; border-style: dashed; opacity: .38; animation-duration: 30s; }
.hero-particles { opacity: .43; mix-blend-mode: multiply; }
.hero-v5 .hero-copy { position: relative; z-index: 3; max-width: 770px; margin: 0; padding: 0; }
.ai-hero-badge {
  width: max-content;
  max-width: 100%;
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 42px;
  padding: 5px 15px 5px 5px;
  border: 1px solid rgba(var(--akfa-red-rgb), .18);
  border-radius: 13px;
  background: rgba(255, 255, 255, .85);
  box-shadow: var(--akfa-shadow-sm);
  color: var(--akfa-ink-2);
  font-size: 10px;
  font-weight: 760;
  letter-spacing: .01em;
  backdrop-filter: blur(16px);
}
.ai-badge-mark {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: var(--akfa-red);
  color: #fff;
  font-size: 12px;
  font-weight: 950;
  box-shadow: 0 9px 22px rgba(var(--akfa-red-rgb), .26);
}
.ai-hero-badge > i { width: 6px; height: 6px; margin-left: 2px; border-radius: 50%; background: #18a866; box-shadow: 0 0 0 4px rgba(24, 168, 102, .1); }
.hero-v5 h1 {
  max-width: 760px;
  margin: 30px 0 24px;
  color: var(--akfa-ink);
  font-size: clamp(54px, 5.05vw, 85px);
  line-height: .93;
  letter-spacing: -.072em;
}
.hero-v5 h1 span,
.hero-v5 h1 em { display: block; }
.hero-v5 h1 em {
  margin-top: 8px;
  color: var(--akfa-red);
  font-style: normal;
  font-size: .86em;
  line-height: .98;
  letter-spacing: -.052em;
}
.hero-v5 .hero-lead {
  max-width: 660px;
  margin: 0;
  color: #5d5d65;
  font-size: clamp(16px, 1.15vw, 19px);
  line-height: 1.65;
}
.hero-v5 .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 31px; }
.hero-ai-proof {
  max-width: 630px;
  display: flex;
  align-items: center;
  gap: 13px;
  margin-top: 23px;
  padding: 14px 16px;
  border: 1px solid var(--akfa-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, .7);
  backdrop-filter: blur(16px);
}
.proof-ai-icon {
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: #fff0f1;
  color: var(--akfa-red);
}
.proof-ai-icon svg { width: 21px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.hero-ai-proof > div { display: grid; gap: 3px; }
.hero-ai-proof strong { font-size: 10px; }
.hero-ai-proof span { color: var(--akfa-muted); font-size: 9px; line-height: 1.45; }
.hero-stats-v5 {
  max-width: 680px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-top: 28px;
  padding: 0;
  border: 1px solid var(--akfa-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, .68);
  overflow: hidden;
}
.hero-stats-v5 .stat {
  min-width: 0;
  min-height: 77px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 13px 16px;
  border-right: 1px solid var(--akfa-line);
  background: transparent;
}
.hero-stats-v5 .stat:last-child { border-right: 0; }
.hero-stats-v5 strong { color: var(--akfa-ink); font-size: 24px; letter-spacing: -.05em; }
.hero-stats-v5 span { color: var(--akfa-muted); font-size: 7.5px; line-height: 1.35; }
.hero-stats-v5 .stat-ai { background: var(--akfa-black); }
.hero-stats-v5 .stat-ai strong { color: var(--akfa-red); }
.hero-stats-v5 .stat-ai span { color: rgba(255, 255, 255, .52); }

/* Hero engineering cockpit */
.hero-ai-cockpit {
  position: relative;
  z-index: 3;
  width: min(100%, 900px);
  height: min(690px, 69vh);
  min-height: 600px;
  margin: 0;
  padding: 16px;
  border: 1px solid rgba(23, 23, 25, .1);
  border-radius: 32px;
  background: linear-gradient(145deg, #242426, #111113 67%, #1d1d20);
  color: #fff;
  box-shadow: 0 45px 120px rgba(20, 20, 24, .24), inset 0 1px 0 rgba(255, 255, 255, .1);
  overflow: hidden;
}
.hero-ai-cockpit::before {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  right: -180px;
  top: -180px;
  border-radius: 50%;
  background: rgba(var(--akfa-red-rgb), .19);
  filter: blur(70px);
}
.hero-ai-cockpit::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: radial-gradient(circle at 50% 50%, #000, transparent 82%);
}
.cockpit-head {
  position: relative;
  z-index: 3;
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 9px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}
.cockpit-head > div { display: grid; gap: 3px; }
.cockpit-brand { color: var(--akfa-red); font-size: 13px; font-weight: 950; letter-spacing: -.02em; }
.cockpit-head small { color: rgba(255, 255, 255, .4); font: 750 6.5px/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .14em; }
.cockpit-status { display: inline-flex; align-items: center; gap: 8px; padding: 7px 11px; border: 1px solid rgba(255, 255, 255, .08); border-radius: 999px; background: rgba(255, 255, 255, .045); }
.cockpit-status i { width: 6px; height: 6px; border-radius: 50%; background: #25d37f; box-shadow: 0 0 0 4px rgba(37, 211, 127, .09); }
.cockpit-status b { color: rgba(255, 255, 255, .7); font-size: 7px; font-weight: 850; }
.cockpit-stage {
  position: relative;
  z-index: 2;
  height: calc(100% - 100px);
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(260px, .7fr);
  gap: 12px;
  padding-top: 12px;
}
.window-analysis {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 23px;
  background:
    radial-gradient(circle at 50% 45%, rgba(var(--akfa-red-rgb), .12), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .014));
}
.window-analysis-grid {
  position: absolute;
  inset: 0;
  opacity: .52;
  background-image:
    linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
  background-size: 34px 34px;
}
.window-ai-model { position: absolute; width: 90%; height: 90%; left: 5%; top: 4%; overflow: visible; filter: drop-shadow(0 24px 30px rgba(0,0,0,.25)); }
.window-model-body { transform-origin: center; animation: windowFloat 6.2s ease-in-out infinite; }
.window-hot-path { stroke-dasharray: 12 8; animation: hotPath 2.2s linear infinite; }
.window-scan { animation: scanWindow 4.8s ease-in-out infinite; }
.window-points circle { animation: pointPulse 2.4s ease-in-out infinite; }
.window-points circle:nth-child(2) { animation-delay: .25s; }
.window-points circle:nth-child(3) { animation-delay: .5s; }
.window-points circle:nth-child(4) { animation-delay: .75s; }
.window-dimensions { opacity: .6; stroke-dasharray: 5 5; }
.analysis-metric {
  position: absolute;
  min-width: 94px;
  display: grid;
  gap: 1px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 13px;
  background: rgba(18, 18, 20, .76);
  box-shadow: 0 16px 38px rgba(0,0,0,.18);
  backdrop-filter: blur(14px);
}
.analysis-metric::after { content: ""; position: absolute; width: 28px; height: 1px; top: 50%; background: rgba(var(--akfa-red-rgb), .55); }
.analysis-metric small { color: rgba(255, 255, 255, .46); font-size: 6px; font-weight: 780; }
.analysis-metric strong { color: #fff; font-size: 18px; line-height: 1.05; }
.analysis-metric span { color: rgba(255, 255, 255, .42); font-size: 6.5px; }
.metric-u { left: 16px; top: 21%; }
.metric-u::after { left: 100%; }
.metric-wind { right: 15px; top: 17%; }
.metric-wind::after { right: 100%; }
.metric-surface { right: 16px; bottom: 17%; }
.metric-surface::after { right: 100%; }
.model-code { position: absolute; left: 16px; bottom: 14px; display: grid; gap: 2px; }
.model-code span { color: rgba(255, 255, 255, .34); font: 700 6px ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .12em; }
.model-code strong { font: 850 9px ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .06em; }
.ai-insight-stack { min-width: 0; display: grid; grid-template-rows: 1.35fr .8fr .65fr; gap: 10px; }
.ai-insight-card {
  position: relative;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 19px;
  background: rgba(255, 255, 255, .055);
  overflow: hidden;
  backdrop-filter: blur(16px);
}
.ai-insight-main { background: linear-gradient(145deg, rgba(var(--akfa-red-rgb), .17), rgba(255, 255, 255, .05)); }
.ai-insight-main header { display: flex; align-items: center; gap: 10px; }
.ai-insight-main header .ai-spark-icon { width: 33px; height: 33px; flex: 0 0 auto; border-radius: 10px; }
.ai-insight-main header > div { display: grid; gap: 1px; }
.ai-insight-main header small { color: rgba(255, 255, 255, .42); font-size: 6px; }
.ai-insight-main header strong { font-size: 11px; }
.ai-insight-main header > i { width: 7px; height: 7px; margin-left: auto; border-radius: 50%; background: #25d37f; box-shadow: 0 0 0 5px rgba(37, 211, 127, .07); }
.ai-insight-main p { margin: 16px 0; color: rgba(255, 255, 255, .7); font-size: 9px; line-height: 1.6; }
.ai-insight-main button {
  min-height: 37px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 10px;
  background: #fff;
  color: var(--akfa-ink);
  font-size: 8px;
  font-weight: 850;
  cursor: pointer;
}
.ai-insight-main button svg { width: 15px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.recommendation-card { display: grid; grid-template-columns: 38px minmax(0, 1fr) 28px; grid-template-rows: auto 1fr; gap: 10px; align-items: center; }
.recommendation-card header { grid-column: 1 / -1; display: flex; justify-content: space-between; }
.recommendation-card header small,
.recommendation-card header span { color: rgba(255, 255, 255, .35); font: 750 6px ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .09em; }
.recommendation-icon { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 11px; background: rgba(var(--akfa-red-rgb), .17); color: #ff646b; }
.recommendation-icon svg { width: 19px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.recommendation-card > div:nth-of-type(2) { min-width: 0; display: grid; gap: 3px; }
.recommendation-card strong { font-size: 8.5px; line-height: 1.25; }
.recommendation-card span { color: rgba(255, 255, 255, .42); font-size: 6.5px; line-height: 1.4; }
.recommendation-card > button { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, .12); border-radius: 9px; background: transparent; color: #fff; cursor: pointer; }
.recommendation-card > button svg { width: 14px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.forecast-card { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 8px; }
.forecast-card > div { display: grid; gap: 2px; }
.forecast-card small { color: rgba(255, 255, 255, .34); font: 700 5.8px ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .08em; }
.forecast-card strong { color: #fff; font-size: 25px; letter-spacing: -.06em; }
.forecast-card span { color: rgba(255, 255, 255, .33); font-size: 6px; }
.forecast-card svg { width: 100%; overflow: visible; }
.forecast-card svg path:first-child { fill: none; stroke: var(--akfa-red); stroke-width: 2; stroke-linecap: round; }
.forecast-card .chart-fill { fill: rgba(var(--akfa-red-rgb), .11); stroke: none; }
.cockpit-foot { position: relative; z-index: 3; min-height: 40px; display: flex; align-items: end; justify-content: space-around; gap: 8px; padding-top: 9px; }
.cockpit-foot span { display: flex; align-items: center; gap: 7px; color: rgba(255, 255, 255, .4); }
.cockpit-foot i { width: 5px; height: 5px; border-radius: 50%; background: var(--akfa-red); box-shadow: 0 0 0 4px rgba(var(--akfa-red-rgb), .08); }
.cockpit-foot b { font-size: 6px; font-weight: 750; }

.hero-capabilities {
  position: relative;
  z-index: 4;
  grid-column: 1 / -1;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid var(--akfa-line);
  border-radius: 18px;
  background: var(--akfa-line);
  box-shadow: 0 18px 55px rgba(30, 30, 34, .08);
  overflow: hidden;
}
.hero-capabilities button {
  min-width: 0;
  min-height: 86px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 20px;
  align-items: center;
  gap: 12px;
  padding: 14px 17px;
  border: 0;
  background: rgba(255, 255, 255, .93);
  color: var(--akfa-ink);
  text-align: left;
  cursor: pointer;
  transition: background .28s ease, color .28s ease;
}
.hero-capabilities button:hover { background: var(--akfa-black); color: #fff; }
.capability-index { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 9px; background: var(--akfa-paper); color: var(--akfa-red); font: 850 8px ui-monospace, SFMono-Regular, Menlo, monospace; }
.capability-index.is-ai { background: var(--akfa-red); color: #fff; }
.hero-capabilities button > div { min-width: 0; display: grid; gap: 4px; }
.hero-capabilities strong { font-size: 9px; line-height: 1.25; }
.hero-capabilities small { overflow: hidden; color: var(--akfa-muted); font-size: 6.5px; text-overflow: ellipsis; white-space: nowrap; }
.hero-capabilities button:hover small { color: rgba(255,255,255,.45); }
.hero-capabilities button > svg { width: 17px; fill: none; stroke: currentColor; stroke-width: 1.7; opacity: .45; }

/* Journey navigator ------------------------------------------------------ */
.navigator-v5 { background: #fff; }
.navigator-v5::before { background: linear-gradient(90deg, rgba(var(--akfa-red-rgb), .04), transparent 42%); }
.navigator-heading h2 { max-width: 920px; }
.journey-shell {
  min-height: 650px;
  border: 1px solid var(--akfa-line);
  border-radius: 30px;
  background: #fff;
  box-shadow: var(--akfa-shadow);
  overflow: hidden;
}
.journey-sidebar { width: auto; border-right: 1px solid var(--akfa-line); background: #f5f6f7; }
.journey-sidebar-head { border-bottom-color: var(--akfa-line); }
.journey-sidebar-head small { color: var(--akfa-red); }
.journey-sidebar-head strong { color: var(--akfa-ink); }
.journey-tab { color: var(--akfa-ink); border-bottom-color: var(--akfa-line); }
.journey-tab:hover { background: #fff; }
.journey-tab.is-active { background: var(--akfa-black); color: #fff; }
.journey-tab.is-active::before { background: var(--akfa-red); }
.journey-tab-icon { border-color: var(--akfa-line); background: #fff; color: var(--akfa-red); }
.journey-tab.is-active .journey-tab-icon { background: var(--akfa-red); color: #fff; border-color: var(--akfa-red); }
.journey-tab small { color: var(--akfa-muted); }
.journey-tab.is-active small { color: rgba(255,255,255,.45); }
.journey-tab > i { background: #e9ebed; color: var(--akfa-muted); }
.journey-tab.is-active > i { background: rgba(255,255,255,.1); color: #fff; }
.journey-stage { background: #fff; }
.journey-stage-head { border-bottom-color: var(--akfa-line); }
.journey-stage-head small { color: var(--akfa-red); }
.journey-stage-head h3 { color: var(--akfa-ink); }
.journey-progress svg circle:first-child { stroke: #e5e7e8; }
.journey-progress svg circle:last-child { stroke: var(--akfa-red); }
.journey-step { border-color: var(--akfa-line); background: #f7f8f9; }
.journey-step:hover { border-color: rgba(var(--akfa-red-rgb), .3); background: #fff; box-shadow: var(--akfa-shadow-sm); }
.journey-step-index { background: var(--akfa-black); color: #fff; }
.journey-step.is-done .journey-step-index { background: var(--akfa-red); }
.journey-foot { border-top-color: var(--akfa-line); background: #fafbfb; }
.journey-foot > span i { background: var(--akfa-red); }

/* Catalog --------------------------------------------------------------- */
.catalog-v5 { background: var(--akfa-paper); }
.catalog-control-panel {
  border-color: var(--akfa-line);
  border-radius: 18px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 16px 44px rgba(30,30,34,.07);
  backdrop-filter: blur(22px);
}
.filter-button { border-color: var(--akfa-line); background: #f5f6f7; color: var(--akfa-muted); }
.filter-button:hover { color: var(--akfa-ink); border-color: rgba(var(--akfa-red-rgb), .25); }
.filter-button.is-active { border-color: var(--akfa-black); background: var(--akfa-black); color: #fff; }
.filter-button i { background: rgba(var(--akfa-red-rgb), .12); color: var(--akfa-red); }
.filter-button.is-active i { background: var(--akfa-red); color: #fff; }
.inline-search { border-color: var(--akfa-line); background: #f5f6f7; }
.inline-search:focus-within { border-color: rgba(var(--akfa-red-rgb), .38); box-shadow: 0 0 0 4px rgba(var(--akfa-red-rgb), .065); }
.inline-search svg { color: var(--akfa-red); }
.view-switch { border-color: var(--akfa-line); background: #f5f6f7; }
.view-switch button.is-active { background: #fff; color: var(--akfa-red); box-shadow: 0 3px 12px rgba(20,20,24,.08); }
.calculator-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.calculator-card {
  min-height: 345px;
  border: 1px solid var(--akfa-line);
  border-radius: 22px;
  background: #fff;
  box-shadow: none;
  color: var(--akfa-ink);
  transition: transform .48s var(--akfa-ease), border-color .3s ease, box-shadow .4s ease, background .3s ease;
}
.calculator-card::before { background: linear-gradient(90deg, var(--akfa-red), transparent 70%); height: 3px; opacity: 0; transition: opacity .3s ease; }
.calculator-card:hover {
  transform: translateY(-8px);
  border-color: rgba(var(--akfa-red-rgb), .26);
  box-shadow: 0 30px 65px rgba(26,26,30,.12);
}
.calculator-card:hover::before { opacity: 1; }
.calculator-card.is-featured { border-color: rgba(var(--akfa-red-rgb), .23); background: linear-gradient(150deg, #fff, #fff7f7); }
.card-grid-pattern {
  opacity: .46;
  background-image:
    linear-gradient(rgba(23,23,25,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(23,23,25,.03) 1px, transparent 1px);
  background-size: 28px 28px;
}
.card-glare { background: radial-gradient(circle, rgba(var(--akfa-red-rgb), .09), transparent 68%); }
.card-index { color: var(--akfa-muted-2); }
.card-ai-chip { border-color: rgba(var(--akfa-red-rgb), .18); background: #fff0f1; color: var(--akfa-red); }
.favorite-button { border-color: var(--akfa-line); background: #f5f6f7; color: var(--akfa-muted); }
.favorite-button:hover,
.favorite-button.is-active { border-color: var(--akfa-red); background: var(--akfa-red); color: #fff; }
.calculator-icon { border-color: rgba(var(--akfa-red-rgb), .13); background: #fff1f2; color: var(--akfa-red); }
.card-category { color: var(--akfa-red-deep); }
.card-main h3 { color: var(--akfa-ink); }
.card-main p { color: var(--akfa-muted); }
.card-footer { border-top-color: var(--akfa-line); }
.card-footer small { color: var(--akfa-muted-2); }
.card-footer span { color: var(--akfa-muted); }
.card-arrow { border-color: var(--akfa-line); background: var(--akfa-paper); color: var(--akfa-ink); }
.calculator-card:hover .card-arrow { border-color: var(--akfa-red); background: var(--akfa-red); color: #fff; }
.calculator-grid.is-compact { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.calculator-grid.is-compact .calculator-card { min-height: 116px; }
.recent-tools { border-color: var(--akfa-line); background: #fff; }
.recent-tools-head small { color: var(--akfa-red); }
.recent-tool { border-color: var(--akfa-line); background: #f6f7f8; }
.recent-tool:hover { border-color: rgba(var(--akfa-red-rgb), .28); background: #fff; }
.recent-tool-icon { background: #fff0f1; color: var(--akfa-red); }

/* AI capabilities -------------------------------------------------------- */
.ai-capabilities-section {
  position: relative;
  min-height: 760px;
  display: grid;
  grid-template-columns: minmax(360px, .75fr) minmax(650px, 1.25fr);
  gap: clamp(50px, 7vw, 120px);
  align-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 20% 80%, rgba(var(--akfa-red-rgb), .17), transparent 30%),
    radial-gradient(circle at 80% 10%, rgba(var(--akfa-red-rgb), .09), transparent 26%),
    var(--akfa-black);
  color: #fff;
}
.ai-capabilities-section::before {
  content: "AI";
  position: absolute;
  right: -2vw;
  bottom: -15vw;
  color: rgba(255,255,255,.022);
  font-size: 42vw;
  font-weight: 950;
  letter-spacing: -.12em;
  line-height: .8;
}
.ai-capabilities-section::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .34;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(90deg, transparent, #000 48%, #000);
}
.ai-capabilities-copy,
.ai-process { position: relative; z-index: 2; }
.ai-capabilities-copy .section-kicker { color: #ff777d; }
.ai-capabilities-copy h2 { max-width: 730px; margin: 22px 0 25px; color: #fff; font-size: clamp(48px, 5vw, 80px); line-height: .94; letter-spacing: -.064em; }
.ai-capabilities-copy p { max-width: 620px; margin: 0 0 30px; color: rgba(255,255,255,.55); font-size: 15px; line-height: 1.75; }
.ai-process { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.ai-process article {
  position: relative;
  min-height: 245px;
  padding: 25px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 22px;
  background: rgba(255,255,255,.055);
  backdrop-filter: blur(15px);
  overflow: hidden;
  transition: transform .4s var(--akfa-ease), border-color .3s ease, background .3s ease;
}
.ai-process article:hover { transform: translateY(-7px); border-color: rgba(var(--akfa-red-rgb), .48); background: rgba(var(--akfa-red-rgb), .095); }
.ai-process article > span { color: rgba(255,255,255,.28); font: 800 8px ui-monospace, SFMono-Regular, Menlo, monospace; }
.ai-process-icon { width: 50px; height: 50px; display: grid; place-items: center; margin: 32px 0 18px; border-radius: 15px; background: rgba(var(--akfa-red-rgb), .16); color: #ff686f; }
.ai-process-icon svg { width: 25px; fill: none; stroke: currentColor; stroke-width: 1.55; }
.ai-process h3 { margin: 0 0 9px; font-size: 17px; letter-spacing: -.03em; }
.ai-process p { margin: 0; color: rgba(255,255,255,.47); font-size: 9px; line-height: 1.65; }
.ai-process-line { position: absolute; inset: 50% 0 auto; z-index: -1; height: 1px; background: rgba(255,255,255,.08); }
.ai-process-line i { display: block; width: 120px; height: 100%; background: linear-gradient(90deg, transparent, var(--akfa-red), transparent); animation: processScan 4s linear infinite; }

/* History --------------------------------------------------------------- */
.history-v5 { background: #fff; }
.history-storage { border-color: var(--akfa-line); background: var(--akfa-paper); }
.history-storage i { background: var(--akfa-red); box-shadow: 0 0 0 5px rgba(var(--akfa-red-rgb), .08); }
.history-toolbar { border-color: var(--akfa-line); background: #f7f8f9; }
.history-search { border-color: var(--akfa-line); background: #fff; }
.history-search:focus-within { border-color: rgba(var(--akfa-red-rgb), .38); box-shadow: 0 0 0 4px rgba(var(--akfa-red-rgb), .06); }
.history-search svg { color: var(--akfa-red); }
.history-toolbar-actions button,
.history-import { border-color: var(--akfa-line); background: #fff; }
.history-card { border-color: var(--akfa-line); background: #fff; }
.history-card:hover { border-color: rgba(var(--akfa-red-rgb), .25); box-shadow: var(--akfa-shadow-sm); }
.history-icon { background: #fff0f1; color: var(--akfa-red); }
.history-result { background: var(--akfa-black); }
.history-result strong { color: #fff; }
.history-card footer button { color: var(--akfa-red); }
.history-empty { border-color: var(--akfa-line); background: #f7f8f9; }
.empty-symbol { background: #fff0f1; color: var(--akfa-red); }

/* Methodology ----------------------------------------------------------- */
.methodology-v5 {
  min-height: 760px;
  background:
    radial-gradient(circle at 8% 75%, rgba(var(--akfa-red-rgb), .16), transparent 28%),
    var(--akfa-black);
  color: #fff;
}
.methodology-v5::after { background: linear-gradient(90deg, rgba(255,255,255,.03), transparent); }
.methodology-v5 .section-kicker-dark { color: #ff777d; }
.method-copy h2 { color: #fff; }
.method-copy > p { color: rgba(255,255,255,.52); }
.method-status { border-color: rgba(255,255,255,.11); background: rgba(255,255,255,.055); }
.status-light { background: var(--akfa-red); box-shadow: 0 0 0 7px rgba(var(--akfa-red-rgb), .1); }
.method-rail::before { background: rgba(255,255,255,.1); }
.method-rail::after { background: var(--akfa-red); }
.method-rail span { border-color: rgba(255,255,255,.12); background: var(--akfa-black); color: rgba(255,255,255,.35); }
.method-rail span.is-active { border-color: var(--akfa-red); background: var(--akfa-red); color: #fff; }
.method-step { border-color: rgba(255,255,255,.1); background: rgba(255,255,255,.045); }
.method-step.is-active,
.method-step:hover { border-color: rgba(var(--akfa-red-rgb), .42); background: rgba(var(--akfa-red-rgb), .09); }
.method-step-index { color: #ff777d; }
.method-step > div small { color: rgba(255,255,255,.3); }
.method-step h3 { color: #fff; }
.method-step p { color: rgba(255,255,255,.45); }
.method-step > b { color: var(--akfa-red); }

/* Ecosystem / footer ---------------------------------------------------- */
.ecosystem-v5 { background: var(--akfa-paper); }
.ecosystem-copy h2 { color: var(--akfa-ink); }
.privacy-note { border-color: var(--akfa-line); background: #fff; }
.privacy-note > svg { color: var(--akfa-red); }
.ecosystem-map {
  border-color: var(--akfa-line);
  background: linear-gradient(145deg, #242426, #151517);
  box-shadow: var(--akfa-shadow);
}
.map-radar { border-color: rgba(var(--akfa-red-rgb), .24); }
.map-radar::before,
.map-radar::after { border-color: rgba(var(--akfa-red-rgb), .14); }
.map-core { border-color: rgba(var(--akfa-red-rgb), .45); background: rgba(22,22,24,.9); color: #fff; box-shadow: 0 0 70px rgba(var(--akfa-red-rgb), .15); }
.map-core img { width: 110px; height: auto; object-fit: contain; }
.map-core strong { color: var(--akfa-red); }
.map-core i { background: var(--akfa-red); box-shadow: 0 0 0 7px rgba(var(--akfa-red-rgb), .1); }
.map-node { border-color: rgba(255,255,255,.1); background: rgba(255,255,255,.065); color: #fff; }
.map-node:hover { border-color: rgba(var(--akfa-red-rgb), .48); background: rgba(var(--akfa-red-rgb), .12); }
.map-node small { color: #ff777d; }
.map-node span { color: rgba(255,255,255,.42); }
.map-line { background: linear-gradient(90deg, transparent, var(--akfa-red), transparent); }
.site-footer-v5 { background: #121214; color: #fff; border-top-color: rgba(255,255,255,.08); }
.footer-brand img { width: 122px; height: auto; }
.footer-brand span { color: rgba(255,255,255,.35); }
.site-footer-v5 p { color: rgba(255,255,255,.42); }
.site-footer-v5 a { color: #fff; }

/* Workspace ------------------------------------------------------------- */
.workspace-backdrop { background: rgba(17,17,19,.64); backdrop-filter: blur(10px); }
.workspace-shell {
  inset: 14px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 35px 120px rgba(0,0,0,.3);
}
.workspace-header {
  min-height: 76px;
  padding-inline: 18px;
  border-bottom: 1px solid var(--akfa-line);
  border-radius: 26px 26px 0 0;
  background: rgba(255,255,255,.96);
  color: var(--akfa-ink);
  backdrop-filter: blur(22px);
}
.workspace-close { border-color: var(--akfa-line); background: var(--akfa-paper); color: var(--akfa-ink); }
.workspace-close:hover { border-color: var(--akfa-red); background: var(--akfa-red); color: #fff; }
.workspace-heading span { color: var(--akfa-red); }
.workspace-heading h2 { color: var(--akfa-ink); }
.workspace-heading small { color: var(--akfa-muted); }
.workspace-progress span { color: var(--akfa-muted); }
.workspace-progress span i { border-color: var(--akfa-line); background: var(--akfa-paper); color: var(--akfa-muted); }
.workspace-progress span.is-active i { border-color: var(--akfa-red); background: var(--akfa-red); color: #fff; }
.workspace-progress span.is-complete i { border-color: var(--akfa-black); background: var(--akfa-black); color: #fff; }
.workspace-progress em { background: var(--akfa-line); }
.workspace-progress em::after { background: var(--akfa-red); }
.workspace-header-actions button { border-color: var(--akfa-line); background: #f7f8f9; color: var(--akfa-ink); }
.workspace-header-actions button:hover { border-color: rgba(var(--akfa-red-rgb), .3); background: #fff1f2; color: var(--akfa-red); }
.workspace-language { background: var(--akfa-black) !important; color: #fff !important; }
.workspace-body { grid-template-columns: minmax(230px, .6fr) minmax(440px, 1.14fr) minmax(360px, .86fr); background: #fff; }
.workspace-context {
  border-right: 1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 20% 15%, rgba(var(--akfa-red-rgb), .15), transparent 30%),
    var(--akfa-black);
  color: #fff;
}
.workspace-icon { border-color: rgba(var(--akfa-red-rgb), .25); background: rgba(var(--akfa-red-rgb), .13); color: #ff6c72; }
.workspace-context > p { color: rgba(255,255,255,.54); }
.context-collapse { border-color: rgba(255,255,255,.1); background: rgba(255,255,255,.05); color: #fff; }
.model-card,
.limitation-card,
.context-warning { border-color: rgba(255,255,255,.1); background: rgba(255,255,255,.05); }
.model-card-head span,
.limitation-card > span { color: rgba(255,255,255,.38); }
.model-card-head small { color: #ff777d; }
.model-card code { color: #fff; }
.limitation-card p,
.context-warning span { color: rgba(255,255,255,.5); }
.context-warning svg { color: #ff7278; }
.workspace-form-column { background: #f7f8f9; }
.form-column-head { border-bottom-color: var(--akfa-line); }
.form-column-head small { color: var(--akfa-red); }
.form-column-head strong { color: var(--akfa-ink); }
.live-badge { border-color: rgba(25,168,102,.2); background: rgba(25,168,102,.08); color: #157b4c; }
.live-badge i { background: #19a866; }
.draft-badge { border-color: var(--akfa-line); background: #fff; color: var(--akfa-muted); }
.project-field { border-color: var(--akfa-line); background: #fff; }
.project-field:focus-within { border-color: rgba(var(--akfa-red-rgb), .38); box-shadow: 0 0 0 4px rgba(var(--akfa-red-rgb), .055); }
.project-field span { color: var(--akfa-muted); }
.project-field i { background: var(--akfa-red); }
.preset-panel { border-color: var(--akfa-line); background: #fff; }
.preset-panel-head span { color: var(--akfa-red); }
.preset-button { border-color: var(--akfa-line); background: #f4f5f6; color: var(--akfa-ink); }
.preset-button:hover,
.preset-button.is-active { border-color: var(--akfa-black); background: var(--akfa-black); color: #fff; }
.preset-button span { color: var(--akfa-red); }
.model-field { border-color: var(--akfa-line); background: #fff; }
.model-field:focus-within { border-color: rgba(var(--akfa-red-rgb), .35); box-shadow: 0 0 0 4px rgba(var(--akfa-red-rgb), .05); }
.model-field-label label { color: var(--akfa-ink); }
.model-field-label em { color: var(--akfa-red); }
.model-field small { color: var(--akfa-muted); }
.number-shell,
.select-shell { border-color: var(--akfa-line); background: #f7f8f9; }
.number-shell:focus-within,
.select-shell:focus-within { border-color: rgba(var(--akfa-red-rgb), .35); background: #fff; }
.stepper-button { color: var(--akfa-muted); }
.stepper-button:hover { background: #fff0f1; color: var(--akfa-red); }
.field-progress { background: #e9eaec; }
.field-progress i { background: linear-gradient(90deg, var(--akfa-red), #ff757a); }
.recalculate-button { border-color: var(--akfa-black); background: var(--akfa-black); color: #fff; }
.recalculate-button:hover { background: var(--akfa-red); border-color: var(--akfa-red); box-shadow: var(--akfa-shadow-red); }
.workspace-result-column { border-left: 1px solid var(--akfa-line); background: #fff; }
.result-header { border-bottom-color: var(--akfa-line); }
.result-header > span { color: var(--akfa-red); }
.result-header-actions button { border-color: var(--akfa-line); background: #f6f7f8; color: var(--akfa-ink); }
.result-status { border-color: var(--akfa-line); background: #f7f8f9; }
.result-status i { background: #19a866; }
.status-attention .result-status i { background: #e89b22; }
.status-risk .result-status i { background: var(--akfa-red); }
.main-result {
  background:
    radial-gradient(circle at 87% 20%, rgba(var(--akfa-red-rgb), .28), transparent 32%),
    linear-gradient(145deg, #27272a, #151517);
  color: #fff;
  box-shadow: 0 24px 60px rgba(24,24,28,.18);
}
.main-result::before { background: linear-gradient(90deg, var(--akfa-red), transparent); }
.result-grid-lines { opacity: .12; }
.result-pulse { border-color: rgba(var(--akfa-red-rgb), .3); }
.result-pulse::before { border-color: rgba(var(--akfa-red-rgb), .18); }
.result-pulse::after { background: var(--akfa-red); box-shadow: 0 0 22px rgba(var(--akfa-red-rgb), .7); }
.main-result footer i { background: linear-gradient(90deg, var(--akfa-red), transparent); }
.baseline-panel { border-color: rgba(var(--akfa-red-rgb), .2); background: #fff2f3; }
.result-metric { background: #f4f5f6; }
.result-metric::before { background: linear-gradient(90deg, var(--akfa-red), transparent); }
.result-metric i { background: rgba(var(--akfa-red-rgb), .1); }
.result-warning { border-color: var(--akfa-line); }
.result-warning.is-risk { border-color: rgba(var(--akfa-red-rgb), .2); background: #fff0f1; }
.result-details { border-color: var(--akfa-line); }
.result-actions { border-top-color: var(--akfa-line); }
.save-project-button { background: var(--akfa-red); color: #fff; box-shadow: 0 15px 34px rgba(var(--akfa-red-rgb), .2); }
.result-actions button:not(.save-project-button) { border-color: var(--akfa-line); background: #f5f6f7; color: var(--akfa-ink); }

.workspace-ai-card {
  position: relative;
  margin: 12px 0 0;
  padding: 15px;
  border: 1px solid rgba(var(--akfa-red-rgb), .18);
  border-radius: 17px;
  background: linear-gradient(145deg, #fff8f8, #fff);
  overflow: hidden;
}
.workspace-ai-card::after { content: "AI"; position: absolute; right: -8px; bottom: -22px; color: rgba(var(--akfa-red-rgb), .045); font-size: 76px; font-weight: 950; line-height: 1; }
.workspace-ai-card-head { position: relative; z-index: 1; display: flex; align-items: center; gap: 9px; }
.workspace-ai-card-head .ai-spark-icon { width: 30px; height: 30px; flex: 0 0 auto; border-radius: 9px; }
.workspace-ai-card-head > div { display: grid; gap: 1px; }
.workspace-ai-card-head small { color: var(--akfa-red); font-size: 6px; font-weight: 900; }
.workspace-ai-card-head strong { color: var(--akfa-ink); font-size: 9px; }
.ai-context-ready { display: inline-flex; align-items: center; gap: 5px; margin-left: auto; color: #188957; }
.ai-context-ready i { width: 5px; height: 5px; border-radius: 50%; background: #19a866; }
.ai-context-ready b { font-size: 6px; }
.workspace-ai-card p { position: relative; z-index: 1; margin: 13px 0; color: var(--akfa-muted); font-size: 8px; line-height: 1.55; }
.workspace-ai-card > button { position: relative; z-index: 1; width: 100%; min-height: 40px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 12px; border: 0; border-radius: 10px; background: var(--akfa-black); color: #fff; font-size: 8px; font-weight: 850; cursor: pointer; }
.workspace-ai-card > button:hover { background: var(--akfa-red); }
.workspace-ai-card > button svg { width: 15px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.workspace.has-ai-analysis .workspace-ai-card { border-color: rgba(var(--akfa-red-rgb), .38); box-shadow: 0 12px 32px rgba(var(--akfa-red-rgb), .08); }

/* AI assistant drawer --------------------------------------------------- */
.ai-assistant {
  position: fixed;
  inset: 0;
  z-index: 410;
  visibility: hidden;
  pointer-events: none;
}
.ai-assistant.is-open { visibility: visible; pointer-events: auto; }
.ai-assistant-backdrop {
  position: absolute;
  inset: 0;
  opacity: 0;
  background: rgba(15,15,17,.62);
  backdrop-filter: blur(10px);
  transition: opacity .35s ease;
}
.ai-assistant.is-open .ai-assistant-backdrop { opacity: 1; }
.ai-assistant-panel {
  position: absolute;
  inset: 12px 12px 12px auto;
  width: min(560px, calc(100% - 24px));
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto auto auto;
  transform: translateX(calc(100% + 28px));
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 26px;
  background:
    radial-gradient(circle at 95% 5%, rgba(var(--akfa-red-rgb), .18), transparent 25%),
    #171719;
  color: #fff;
  box-shadow: 0 40px 120px rgba(0,0,0,.42);
  overflow: hidden;
  transition: transform .48s var(--akfa-ease);
}
.ai-assistant.is-open .ai-assistant-panel { transform: translateX(0); }
.ai-assistant-header {
  min-height: 76px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 38px;
  align-items: center;
  gap: 12px;
  padding: 13px 16px;
  border-bottom: 1px solid rgba(255,255,255,.09);
}
.ai-assistant-brand { min-width: 0; display: flex; align-items: center; gap: 12px; }
.ai-assistant-brand img { width: 108px; height: auto; object-fit: contain; }
.ai-assistant-brand > span { display: grid; gap: 1px; padding-left: 12px; border-left: 1px solid rgba(255,255,255,.15); }
.ai-assistant-brand strong { color: var(--akfa-red); font-size: 15px; }
.ai-assistant-brand small { color: rgba(255,255,255,.36); font: 750 5.6px ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .1em; }
.ai-assistant-mode { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid rgba(255,255,255,.09); border-radius: 999px; background: rgba(255,255,255,.045); }
.ai-assistant-mode i { width: 6px; height: 6px; border-radius: 50%; background: #20c779; box-shadow: 0 0 0 4px rgba(32,199,121,.08); }
.ai-assistant-mode[data-mode="fallback"] i { background: #e79b27; }
.ai-assistant-mode span { color: rgba(255,255,255,.52); font: 800 6px ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .08em; }
.ai-assistant-header > button { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.1); border-radius: 11px; background: rgba(255,255,255,.045); color: #fff; cursor: pointer; }
.ai-assistant-header > button:hover { background: var(--akfa-red); border-color: var(--akfa-red); }
.ai-assistant-header > button svg { width: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.ai-context-bar {
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 16px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.025);
}
.ai-context-bar > div { min-width: 0; display: flex; align-items: center; gap: 10px; }
.ai-context-icon { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; background: rgba(255,255,255,.07); color: rgba(255,255,255,.46); font-weight: 850; }
.ai-context-bar.has-context .ai-context-icon { background: rgba(var(--akfa-red-rgb), .16); color: #ff6a70; }
.ai-context-bar > div > span:last-child { min-width: 0; display: grid; gap: 2px; }
.ai-context-bar small { color: rgba(255,255,255,.28); font: 750 5.5px ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .11em; }
.ai-context-bar strong { overflow: hidden; max-width: 330px; color: rgba(255,255,255,.72); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.ai-context-bar > button { border: 0; background: transparent; color: #ff767c; font-size: 7px; font-weight: 800; cursor: pointer; }
.ai-assistant-body {
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 18px 16px 26px;
  overflow-y: auto;
  scroll-behavior: smooth;
}
.ai-message { display: flex; align-items: flex-start; gap: 10px; }
.ai-message-user { justify-content: flex-end; }
.ai-message-user .ai-message-content { max-width: 84%; padding: 12px 14px; border-radius: 17px 17px 4px 17px; background: var(--akfa-red); color: #fff; }
.ai-message-user small { color: rgba(255,255,255,.6); font-size: 6px; }
.ai-message-user p { margin: 4px 0 0; font-size: 9px; line-height: 1.55; }
.ai-avatar { position: relative; width: 36px; height: 36px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 11px; background: var(--akfa-red); color: #fff; box-shadow: 0 10px 24px rgba(var(--akfa-red-rgb), .22); }
.ai-avatar span { font-size: 9px; font-weight: 950; }
.ai-avatar i { position: absolute; width: 6px; height: 6px; right: -1px; bottom: -1px; border: 2px solid #171719; border-radius: 50%; background: #22ca7d; }
.ai-message-assistant > .ai-message-content { min-width: 0; width: calc(100% - 46px); }
.ai-message-assistant.is-welcome .ai-message-content { padding: 17px; border: 1px solid rgba(255,255,255,.09); border-radius: 18px; background: rgba(255,255,255,.045); }
.ai-message-assistant.is-welcome small { color: #ff7379; font-size: 6px; font-weight: 900; }
.ai-message-assistant.is-welcome h2 { margin: 6px 0 8px; font-size: 20px; letter-spacing: -.045em; }
.ai-message-assistant.is-welcome p { margin: 0; color: rgba(255,255,255,.48); font-size: 9px; line-height: 1.65; }
.ai-message-assistant.is-error .ai-avatar { background: #7d2025; }
.ai-message-assistant.is-error .ai-message-content { padding: 12px 14px; border: 1px solid rgba(var(--akfa-red-rgb), .24); border-radius: 15px; background: rgba(var(--akfa-red-rgb), .09); }
.ai-message-assistant.is-error small { color: #ff6a71; font-size: 6px; }
.ai-message-assistant.is-error p { margin: 5px 0 0; color: rgba(255,255,255,.65); font-size: 9px; line-height: 1.55; }
.ai-message-assistant.is-loading .ai-message-content { padding: 12px 14px; border: 1px solid rgba(255,255,255,.08); border-radius: 15px; background: rgba(255,255,255,.035); }
.ai-message-assistant.is-loading small { color: #ff7379; font-size: 6px; }
.ai-message-assistant.is-loading p { margin: 5px 0 9px; color: rgba(255,255,255,.48); font-size: 8px; }
.ai-thinking { display: flex; gap: 4px; }
.ai-thinking i { width: 5px; height: 5px; border-radius: 50%; background: var(--akfa-red); animation: thinkingDot 1.2s ease-in-out infinite; }
.ai-thinking i:nth-child(2) { animation-delay: .15s; }
.ai-thinking i:nth-child(3) { animation-delay: .3s; }
.ai-answer-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.ai-answer-head > div { display: grid; gap: 2px; }
.ai-answer-head small { color: #ff7379; font-size: 6px; font-weight: 900; }
.ai-answer-head span { color: rgba(255,255,255,.3); font-size: 6px; }
.ai-answer-mode { padding: 5px 7px; border: 1px solid rgba(255,255,255,.09); border-radius: 999px; color: rgba(255,255,255,.48); font: 800 5.5px ui-monospace, SFMono-Regular, Menlo, monospace; }
.ai-answer-mode.is-generative { color: #74e6ac; }
.ai-answer-mode.is-fallback { color: #f2bd64; }
.ai-answer-verdict { display: flex; gap: 11px; padding: 15px; border: 1px solid rgba(var(--akfa-red-rgb), .22); border-radius: 17px; background: linear-gradient(145deg, rgba(var(--akfa-red-rgb), .13), rgba(255,255,255,.035)); }
.ai-inline-spark { width: 29px; height: 29px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 9px; background: var(--akfa-red); color: #fff; }
.ai-inline-spark svg { width: 16px; fill: currentColor; }
.ai-answer-verdict > div { min-width: 0; display: grid; gap: 4px; }
.ai-answer-verdict small { color: rgba(255,255,255,.38); font-size: 6px; }
.ai-answer-verdict h3 { margin: 0; color: #fff; font-size: 12px; line-height: 1.48; letter-spacing: -.015em; }
.ai-answer-block { margin-top: 9px; padding: 13px 14px; border: 1px solid rgba(255,255,255,.08); border-radius: 15px; background: rgba(255,255,255,.035); }
.ai-answer-block h4,
.ai-answer-next h4 { margin: 0 0 8px; color: rgba(255,255,255,.55); font-size: 7px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.ai-answer-block p { margin: 0; color: rgba(255,255,255,.62); font-size: 8.5px; line-height: 1.65; }
.ai-answer-block ul { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }
.ai-answer-block li { position: relative; padding-left: 15px; color: rgba(255,255,255,.57); font-size: 8px; line-height: 1.55; }
.ai-answer-block li::before { content: ""; position: absolute; width: 5px; height: 5px; left: 0; top: .55em; border-radius: 50%; background: var(--akfa-red); }
.ai-answer-block.is-recommendation li::before { background: #26c87d; }
.ai-answer-next { margin-top: 9px; padding: 13px; border: 1px solid rgba(255,255,255,.08); border-radius: 15px; background: rgba(255,255,255,.025); }
.ai-next-step { width: 100%; display: grid; grid-template-columns: 27px minmax(0, 1fr) 22px; align-items: center; gap: 9px; padding: 10px 0; border: 0; border-top: 1px solid rgba(255,255,255,.07); background: transparent; color: #fff; text-align: left; cursor: pointer; }
.ai-next-step:first-of-type { border-top: 0; }
.ai-next-step > span { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 8px; background: rgba(var(--akfa-red-rgb), .14); color: #ff747a; font: 800 6.5px ui-monospace, SFMono-Regular, Menlo, monospace; }
.ai-next-step > div { min-width: 0; display: grid; gap: 3px; }
.ai-next-step strong { color: rgba(255,255,255,.7); font-size: 8px; line-height: 1.4; }
.ai-next-step small { color: #ff747a; font-size: 6px; }
.ai-next-step i { display: grid; place-items: center; color: rgba(255,255,255,.38); }
.ai-next-step svg { width: 15px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.ai-next-step:hover strong { color: #fff; }
.ai-next-step:hover i { color: var(--akfa-red); }
.ai-answer-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 10px; padding: 0 2px; }
.ai-answer-footer span { color: rgba(255,255,255,.28); font-size: 6px; line-height: 1.4; }
.ai-copy-answer { flex: 0 0 auto; border: 0; background: transparent; color: #ff7379; font-size: 6px; font-weight: 800; cursor: pointer; }
.ai-system-note { align-self: center; display: flex; align-items: center; gap: 8px; max-width: 88%; padding: 8px 10px; border: 1px solid rgba(255,255,255,.07); border-radius: 999px; background: rgba(255,255,255,.025); color: rgba(255,255,255,.37); font-size: 6.5px; }
.ai-system-note .ai-inline-spark { width: 19px; height: 19px; border-radius: 6px; }
.ai-system-note .ai-inline-spark svg { width: 11px; }
.ai-quick-prompts { display: flex; gap: 6px; padding: 10px 14px; overflow-x: auto; border-top: 1px solid rgba(255,255,255,.075); }
.ai-quick-prompts button { flex: 0 0 auto; min-height: 34px; padding: 0 11px; border: 1px solid rgba(255,255,255,.09); border-radius: 999px; background: rgba(255,255,255,.035); color: rgba(255,255,255,.58); font-size: 7px; font-weight: 750; cursor: pointer; }
.ai-quick-prompts button:hover { border-color: rgba(var(--akfa-red-rgb), .4); color: #fff; background: rgba(var(--akfa-red-rgb), .1); }
.ai-quick-prompts button:disabled { opacity: .3; cursor: not-allowed; }
.ai-composer { display: grid; grid-template-columns: minmax(0, 1fr) 46px; gap: 8px; padding: 10px 14px; border-top: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.025); }
.ai-composer label { position: relative; display: block; }
.ai-composer textarea { width: 100%; min-height: 48px; max-height: 150px; padding: 13px 65px 10px 13px; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; outline: 0; resize: none; background: rgba(255,255,255,.045); color: #fff; font-size: 9px; line-height: 1.45; }
.ai-composer textarea::placeholder { color: rgba(255,255,255,.28); }
.ai-composer textarea:focus { border-color: rgba(var(--akfa-red-rgb), .55); box-shadow: 0 0 0 4px rgba(var(--akfa-red-rgb), .08); }
.ai-composer label span { position: absolute; right: 11px; bottom: 8px; color: rgba(255,255,255,.25); font-size: 5.5px; }
.ai-composer > button { width: 46px; min-height: 46px; align-self: end; display: grid; place-items: center; border: 0; border-radius: 13px; background: var(--akfa-red); color: #fff; cursor: pointer; box-shadow: 0 12px 28px rgba(var(--akfa-red-rgb), .2); }
.ai-composer > button:hover { background: #ff3a42; transform: translateY(-1px); }
.ai-composer > button:disabled { opacity: .45; cursor: wait; }
.ai-composer > button svg { width: 19px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.ai-assistant-footer { min-height: 46px; display: flex; align-items: center; gap: 9px; padding: 9px 14px; border-top: 1px solid rgba(255,255,255,.075); color: rgba(255,255,255,.3); }
.ai-assistant-footer svg { width: 16px; flex: 0 0 auto; fill: none; stroke: #ff6f75; stroke-width: 1.5; }
.ai-assistant-footer span { font-size: 6px; line-height: 1.4; }
.floating-ai-button {
  position: fixed;
  z-index: 74;
  right: 22px;
  bottom: 22px;
  min-width: 116px;
  height: 52px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 15px 0 8px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 15px;
  background: var(--akfa-black);
  color: #fff;
  box-shadow: 0 22px 55px rgba(20,20,24,.26);
  cursor: pointer;
  transition: .4s var(--akfa-ease);
}
.floating-ai-button:hover { transform: translateY(-5px); background: var(--akfa-red); box-shadow: var(--akfa-shadow-red); }
.floating-ai-button .ai-spark-icon { width: 36px; height: 36px; border-radius: 11px; }
.floating-ai-button > span:nth-child(2) { display: grid; gap: 1px; text-align: left; }
.floating-ai-button small { color: rgba(255,255,255,.45); font-size: 6px; font-weight: 800; }
.floating-ai-button strong { font-size: 11px; }
.floating-ai-button > i { width: 6px; height: 6px; margin-left: auto; border-radius: 50%; background: #28d485; box-shadow: 0 0 0 4px rgba(40,212,133,.08); }

/* Search, mobile navigation and toast ----------------------------------- */
.search-overlay { background: rgba(20,20,22,.82); }
.search-overlay-inner { border: 1px solid rgba(255,255,255,.11); background: #19191b; }
.search-head > span { color: #ff777d; }
.search-result.is-selected { border-color: rgba(var(--akfa-red-rgb), .35); background: rgba(var(--akfa-red-rgb), .1); }
.search-result-icon { color: #ff777d; }
.search-result-copy small,
.search-result-arrow { color: #ff777d; }
.toast { background: var(--akfa-black); color: #fff; }
.toast::before { background: var(--akfa-red); }
.mobile-dock { background: rgba(27,27,29,.94); border-color: rgba(255,255,255,.12); }
.mobile-dock a.is-active { color: #ff747a; background: rgba(var(--akfa-red-rgb), .1); }
.mobile-ai-dock { position: relative; transform: translateY(-15px); border: 5px solid var(--akfa-paper) !important; border-radius: 17px !important; background: var(--akfa-red) !important; color: #fff !important; box-shadow: 0 13px 30px rgba(var(--akfa-red-rgb), .3); }
.mobile-ai-dock span { font-size: 12px !important; font-weight: 950 !important; }
.mobile-ai-dock small { color: rgba(255,255,255,.62); font-size: 5px; font-weight: 800; }
.workspace-mobile-actions button:nth-child(2) { background: var(--akfa-red); color: #fff; }
.mobile-ai-action { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 7px; background: rgba(255,255,255,.16); font-weight: 950; }

/* Motion ---------------------------------------------------------------- */
@keyframes akfaOrbit { to { transform: rotate(360deg); } }
@keyframes windowFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }
@keyframes hotPath { to { stroke-dashoffset: -40; } }
@keyframes scanWindow { 0%,12% { transform: translateY(0); opacity: 0; } 20% { opacity: 1; } 78% { opacity: 1; } 88%,100% { transform: translateY(330px); opacity: 0; } }
@keyframes pointPulse { 0%,100% { opacity: .45; transform: scale(.85); } 50% { opacity: 1; transform: scale(1.25); } }
@keyframes processScan { from { transform: translateX(-140px); } to { transform: translateX(880px); } }
@keyframes thinkingDot { 0%,100% { transform: translateY(0); opacity: .4; } 50% { transform: translateY(-4px); opacity: 1; } }

/* Responsive ------------------------------------------------------------ */
@media (max-width: 1500px) {
  .hero-v5 { grid-template-columns: minmax(420px, .9fr) minmax(560px, 1.1fr); gap: 38px; }
  .hero-v5 h1 { font-size: clamp(52px, 4.8vw, 76px); }
  .hero-ai-cockpit { height: 640px; min-height: 570px; }
  .calculator-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .workspace-body { grid-template-columns: 250px minmax(420px, 1fr) 385px; }
}

@media (max-width: 1240px) {
  .main-nav { display: none; }
  .brand-v5 { margin-right: auto; }
  .hero-v5 {
    min-height: auto;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    padding-top: calc(var(--topbar) + 70px);
  }
  .hero-v5 .hero-copy { max-width: 900px; }
  .hero-v5 h1 { max-width: 900px; font-size: clamp(58px, 7vw, 88px); }
  .hero-ai-cockpit { width: 100%; height: 690px; }
  .hero-capabilities { grid-column: 1; }
  .ai-capabilities-section { grid-template-columns: 1fr; min-height: auto; }
  .ai-capabilities-copy { max-width: 900px; }
  .ai-process { max-width: none; }
  .workspace-body { grid-template-columns: 230px minmax(390px, 1fr) 350px; }
  .workspace-progress b { display: none; }
}

@media (max-width: 980px) {
  :root { --topbar: 70px; }
  .topbar-v5 { padding-inline: 18px; }
  .brand-logo { width: 125px; }
  .brand-lab { display: none; }
  .command-button,
  .install-button,
  .round-button { display: none; }
  .ai-header-button { min-height: 42px; }
  .hero-v5 { padding: calc(var(--topbar) + 54px) 22px 28px; }
  .hero-v5 h1 { font-size: clamp(50px, 9.2vw, 76px); }
  .hero-ai-cockpit { height: 650px; min-height: 620px; }
  .cockpit-stage { grid-template-columns: 1fr .7fr; }
  .hero-capabilities { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hero-capabilities button:last-child { grid-column: span 2; }
  .journey-shell { grid-template-columns: 1fr; }
  .journey-sidebar { border-right: 0; border-bottom: 1px solid var(--akfa-line); }
  .journey-tabs { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); }
  .journey-tab { border-right: 1px solid var(--akfa-line); }
  .calculator-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ai-process { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ecosystem-v5 { grid-template-columns: 1fr; }
  .workspace-shell { inset: 0; border: 0; border-radius: 0; }
  .workspace-header { border-radius: 0; }
  .workspace-body { display: block; overflow-y: auto; }
  .workspace-context,
  .workspace-form-column,
  .workspace-result-column { overflow: visible; }
  .workspace-context { min-height: auto; border: 0; border-bottom: 1px solid rgba(255,255,255,.08); }
  .workspace-result-column { border: 0; border-top: 1px solid var(--akfa-line); padding-bottom: 105px; }
  .context-collapse { display: none; }
  .workspace-progress { display: none; }
  .workspace-header-actions button:not(.workspace-language):not(#workspaceUndo):not(#workspaceRedo) { display: none; }
  .workspace-mobile-actions { background: rgba(255,255,255,.95); border-top-color: var(--akfa-line); }
  .floating-ai-button { display: none; }
}

@media (max-width: 680px) {
  .section { padding: 88px 16px; }
  .section-heading { gap: 20px; }
  .section-heading h2 { font-size: 43px; }
  .section-heading > p { font-size: 12px; }
  .topbar-v5 { gap: 10px; padding-inline: 13px; }
  .brand-logo { width: 112px; }
  .language-switch { width: 63px; height: 36px; }
  .language-switch i { width: 27px; height: 28px; }
  .language-switch.is-uz i { transform: translateX(29px); }
  .ai-header-button { width: 42px; padding: 0; justify-content: center; }
  .ai-header-button > span:nth-child(2),
  .ai-header-button > i { display: none; }
  .ai-header-button .ai-spark-icon { width: 30px; height: 30px; }
  .hero-v5 { padding: calc(var(--topbar) + 42px) 16px 22px; }
  .ai-hero-badge { font-size: 8px; }
  .hero-v5 h1 { margin-top: 24px; font-size: clamp(43px, 13.7vw, 62px); line-height: .94; }
  .hero-v5 .hero-lead { font-size: 14px; }
  .hero-actions { flex-direction: column; }
  .hero-actions .button { width: 100%; }
  .hero-ai-proof { align-items: flex-start; }
  .hero-stats-v5 { grid-template-columns: repeat(2, 1fr); }
  .hero-stats-v5 .stat { border-bottom: 1px solid var(--akfa-line); }
  .hero-stats-v5 .stat:nth-child(2) { border-right: 0; }
  .hero-stats-v5 .stat:nth-child(3),
  .hero-stats-v5 .stat:nth-child(4) { border-bottom: 0; }
  .hero-ai-cockpit { height: auto; min-height: 790px; padding: 10px; border-radius: 23px; }
  .cockpit-head { min-height: 48px; }
  .cockpit-stage { height: auto; grid-template-columns: 1fr; }
  .window-analysis { min-height: 430px; }
  .ai-insight-stack { grid-template-columns: 1fr; grid-template-rows: auto; }
  .ai-insight-card { min-height: auto; }
  .recommendation-card { min-height: 110px; }
  .forecast-card { min-height: 90px; }
  .cockpit-foot { flex-wrap: wrap; justify-content: flex-start; padding: 12px 5px 3px; }
  .hero-capabilities { grid-template-columns: 1fr; }
  .hero-capabilities button:last-child { grid-column: auto; }
  .hero-capabilities button { min-height: 76px; }
  .journey-tabs { grid-template-columns: 1fr; }
  .journey-stage { padding: 17px; }
  .journey-stage-head { align-items: flex-start; flex-direction: column; }
  .journey-progress { align-self: flex-end; }
  .calculator-grid,
  .calculator-grid.is-compact { grid-template-columns: 1fr; }
  .calculator-card { min-height: 310px; }
  .catalog-control-panel { top: calc(var(--topbar) + 6px); }
  .catalog-controls { grid-template-columns: 1fr auto; }
  .catalog-count { display: none; }
  .inline-search { min-width: 0; }
  .ai-capabilities-section { gap: 45px; }
  .ai-capabilities-copy h2 { font-size: 45px; }
  .ai-process { grid-template-columns: 1fr; }
  .ai-process article { min-height: 210px; }
  .history-toolbar { align-items: stretch; flex-direction: column; }
  .history-toolbar-actions { flex-wrap: wrap; }
  .methodology-v5 { grid-template-columns: 1fr; }
  .method-copy h2 { font-size: 44px; }
  .method-visual { grid-template-columns: 1fr; }
  .method-rail { display: none; }
  .ecosystem-map { min-height: 520px; }
  .map-core { width: 145px; height: 145px; }
  .map-node { width: 130px; }
  .site-footer-v5 { align-items: flex-start; flex-direction: column; }
  .workspace-heading h2 { max-width: 48vw; font-size: 15px; }
  .workspace-heading small { display: none; }
  .workspace-header-actions #workspaceUndo,
  .workspace-header-actions #workspaceRedo { display: none !important; }
  .workspace-context,
  .workspace-form-column,
  .workspace-result-column { padding-inline: 16px; }
  .fields-grid { grid-template-columns: 1fr; }
  .model-field.is-wide { grid-column: auto; }
  .ai-assistant-panel { inset: 0; width: 100%; border: 0; border-radius: 0; }
  .ai-assistant-header { grid-template-columns: minmax(0, 1fr) 34px; min-height: 68px; padding-inline: 12px; }
  .ai-assistant-brand img { width: 96px; }
  .ai-assistant-mode { display: none; }
  .ai-assistant-body { padding-inline: 12px; }
  .ai-context-bar { padding-inline: 12px; }
  .ai-context-bar strong { max-width: 240px; }
  .ai-quick-prompts { padding-inline: 12px; }
  .ai-composer { padding-inline: 12px; padding-bottom: calc(10px + env(safe-area-inset-bottom)); }
  .ai-assistant-footer { display: none; }
  .mobile-dock { display: grid; }
  body { padding-bottom: 77px; }
}

@media (hover: none), (pointer: coarse) {
  .cursor-light { display: none; }
  .calculator-card { transform: none !important; }
  .card-glare { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
  .hero-v5-background,
  .hero-particles,
  .window-scan,
  .window-points,
  .processScan { display: none !important; }
}

@media print {
  .ai-assistant,
  .floating-ai-button,
  .workspace-ai-card,
  .ai-header-button,
  .mobile-dock { display: none !important; }
}