:root {
  --bg: #f7faff;
  --paper: rgba(255,255,255,.88);
  --paper-strong: #ffffff;
  --ink: #0b1220;
  --text: #354258;
  --muted: #667085;
  --line: #d7e4f4;
  --line-soft: #edf3fb;
  --blue: #2575f6;
  --blue-2: #155ed8;
  --primary: #2563eb;
  --primary-2: #1d4ed8;
  --primary-soft: #eef5ff;
  --cyan: #03a9e6;
  --mint: #16c7a6;
  --green: #18b86f;
  --purple: #7c3aed;
  --amber: #f59e0b;
  --rose: #f43f5e;
  --slate: #475467;
  --radius-xl: 36px;
  --radius-lg: 28px;
  --radius-md: 20px;
  --shadow: 0 22px 64px rgba(15, 23, 42, .085);
  --shadow-soft: 0 14px 36px rgba(15, 23, 42, .055);
  --shadow-card: 0 10px 28px rgba(15, 23, 42, .045);
  --max: 1180px;
  --nav-h: 82px;
  --font: 'Nunito Sans', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --display: 'Nunito Sans', ui-sans-serif, system-ui, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--text);
  background:
    radial-gradient(circle at 12% 0%, rgba(37,117,246,.15), transparent 30rem),
    radial-gradient(circle at 90% 2%, rgba(22,199,166,.13), transparent 30rem),
    linear-gradient(180deg, #fbfdff 0%, #ffffff 29%, #f4f8ff 63%, #ffffff 100%);
  font-family: var(--font);
  font-size: 16px;
  line-height: 1.62;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(37,117,246,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37,117,246,.04) 1px, transparent 1px);
  background-size: 38px 38px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.44), transparent 54%);
}
body::after {
  content: "";
  position: fixed;
  inset: auto -12vw -22vw auto;
  width: 48vw;
  height: 48vw;
  border-radius: 50%;
  z-index: -3;
  pointer-events: none;
  background: radial-gradient(circle, rgba(3,169,230,.16), transparent 68%);
}

img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
h1,h2,h3,h4,p { margin-top: 0; }
.container { width: min(100% - 48px, var(--max)); margin-inline: auto; }
.skip { position: absolute; left: -999px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.skip:focus { left: 20px; top: 20px; width: auto; height: auto; z-index: 999; padding: 12px 14px; border-radius: 14px; background: #fff; box-shadow: var(--shadow-soft); }

.site-header {
  position: sticky;
  top: 0;
  height: var(--nav-h);
  z-index: 80;
  background:
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
  border-bottom: 1px solid rgba(220,231,246,.78);
  backdrop-filter: blur(20px);
}
.site-header.is-scrolled { box-shadow: 0 12px 34px rgba(15,23,42,.045); }
.nav { height: var(--nav-h); display: flex; align-items: center; justify-content: space-between; gap: 22px; }
.brand { display: inline-flex; align-items: center; min-width: 162px; padding: 6px 0; }
.brand-logo, .brand img.brand-logo { width: 158px; height: auto; object-fit: contain; }
.nav-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  padding: 6px;
  border: 1px solid rgba(221,231,245,.82);
  border-radius: 999px;
  background: rgba(248,251,255,.72);
  color: #33445d;
  font-size: 14px;
  font-weight: 600;
}
.nav-links a { padding: 8px 13px; border-radius: 999px; transition: background-color .18s ease, color .18s ease; }
.nav-links a:hover, .nav-links a:focus-visible { background: #ffffff; color: var(--primary-2); outline: none; }
.nav-actions { display: flex; align-items: center; gap: 10px; }
.menu-btn { display: none; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 14px; background: #fff; color: var(--ink); cursor: pointer; box-shadow: none; }
.menu-btn:hover { border-color: var(--primary); color: var(--primary); }
.menu-btn span { display: block; width: 18px; height: 2px; margin: 4px auto; border-radius: 99px; background: currentColor; }

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 17px;
  border-radius: 12px;
  border: 1px solid transparent;
  font-weight: 700;
  letter-spacing: -.006em;
  line-height: 1.15;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: none;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}
.btn:hover { transform: none; }
.btn:focus-visible {
  outline: 3px solid rgba(108,80,191,.18);
  outline-offset: 2px;
}
.btn-primary {
  color: #fff;
  background: var(--primary);
  border-color: var(--primary);
}
.btn-primary:hover {
  color: #fff;
  background: var(--primary-2);
  border-color: var(--primary-2);
  box-shadow: none;
}
.btn-secondary,
.btn-ghost {
  color: #172033;
  background: #ffffff;
  border-color: #d7e2f0;
  box-shadow: none;
}
.btn-ghost { min-height: 40px; padding: 9px 16px; border-radius: 12px; }
.btn-secondary:hover,
.btn-ghost:hover {
  color: var(--primary-2);
  border-color: var(--primary);
  background: #fff;
}
.btn-light {
  color: var(--primary);
  background: #ffffff;
  border-color: #ffffff;
  box-shadow: none;
}
.btn-light:hover {
  color: var(--primary-2);
  background: #f7f4ff;
  border-color: #f7f4ff;
}
.btn-outline-light {
  color: #fff;
  border-color: rgba(255,255,255,.58);
  background: rgba(255,255,255,.08);
  box-shadow: none;
}
.btn-outline-light:hover {
  color: #fff;
  border-color: rgba(255,255,255,.86);
  background: rgba(255,255,255,.16);
}
.btn-lg { min-height: 46px; padding-inline: 20px; border-radius: 13px; }

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: max-content;
  max-width: 100%;
  padding: 7px 12px;
  border: 1px solid rgba(37,117,246,.18);
  border-radius: 999px;
  color: #175cd3;
  background: rgba(255,255,255,.82);
  box-shadow: 0 12px 30px rgba(37,117,246,.075);
  font-size: 12px;
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: .01em;
}
.eyebrow span { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 6px rgba(24,184,111,.13); }
.eyebrow.light { color: #e9f3ff; background: rgba(255,255,255,.13); border-color: rgba(255,255,255,.22); box-shadow: none; }

/* Shared premium shell language */
.section { padding: 58px 0; }
.section > .container,
.module-ribbon-card,
.proof-card,
.cta-card {
  position: relative;
  border: 1px solid rgba(191,210,236,.95);
  border-radius: var(--radius-xl);
  background:
    radial-gradient(circle at 8% 0%, rgba(37,117,246,.08), transparent 22rem),
    radial-gradient(circle at 92% 8%, rgba(22,199,166,.08), transparent 22rem),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(249,252,255,.93));
  box-shadow: var(--shadow-soft);
  overflow: hidden;
}
.section > .container::before,
.module-ribbon-card::before,
.proof-card::before,
.cta-card::before {
  content: "";
  position: absolute;
  inset: 12px;
  border-radius: calc(var(--radius-xl) - 8px);
  border: 1px solid rgba(255,255,255,.78);
  pointer-events: none;
}
.section > .container { padding: 42px; }
.section-head {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 34px;
  margin-bottom: 28px;
}
.section-head h2,
.split-copy h2,
.ai-copy h2,
.proof-card h2,
.cta-card h2 {
  color: var(--ink);
  font-family: var(--display);
  font-weight: 800;
  letter-spacing: -.028em;
  line-height: 1.06;
}
.section-head h2 { margin: 14px 0 0; font-size: clamp(30px, 3.5vw, 48px); max-width: 720px; }
.section-head p { max-width: 540px; margin: 0; color: #53627a; line-height: 1.7; font-size: 16px; }

/* Hero */
.hero { padding: 78px 0 36px; }
.hero-grid { display: grid; grid-template-columns: minmax(0, .92fr) minmax(520px, 1.08fr); gap: 54px; align-items: center; }
.hero-copy { max-width: 660px; }
.hero h1 {
  max-width: 660px;
  margin: 20px 0 20px;
  color: var(--ink);
  font-family: var(--display);
  font-size: clamp(48px, 5.1vw, 72px);
  line-height: 1.02;
  letter-spacing: -.035em;
  font-weight: 800;
}
.hero h1 span { display: block; }
.lead { max-width: 660px; margin-bottom: 0; color: #44546d; font-size: clamp(18px, 1.45vw, 21px); line-height: 1.68; }
.lead strong { color: var(--ink); font-weight: 700; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 13px; margin: 32px 0 24px; }
.trust-row { display: flex; flex-wrap: wrap; gap: 10px; max-width: 680px; }
.trust-row span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 9px 13px;
  border: 1px solid rgba(215,228,244,.96);
  border-radius: 999px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 10px 24px rgba(15,23,42,.055);
  color: #3b4b62;
  font-size: 12.5px;
  font-weight: 700;
}
.trust-row b { color: var(--blue-2); font-weight: 700; }

.hero-product { position: relative; min-height: 590px; }
.hero-product::before,
.hero-product::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(4px);
}
.hero-product::before { width: 350px; height: 350px; right: -60px; top: 24px; background: radial-gradient(circle, rgba(22,199,166,.16), transparent 68%); }
.hero-product::after { width: 300px; height: 300px; left: 20px; bottom: 20px; background: radial-gradient(circle, rgba(37,117,246,.13), transparent 70%); }
.product-shell {
  position: relative;
  z-index: 2;
  border: 1px solid rgba(198,216,239,.96);
  border-radius: 34px;
  background:
    radial-gradient(circle at 10% 4%, rgba(37,117,246,.08), transparent 18rem),
    linear-gradient(180deg, rgba(255,255,255,.95), rgba(249,252,255,.94));
  box-shadow: var(--shadow);
  overflow: hidden;
  backdrop-filter: blur(14px);
}
.product-shell::before { content: ""; position: absolute; inset: 12px; border-radius: 25px; border: 1px solid rgba(255,255,255,.8); pointer-events: none; z-index: 2; }
.product-topbar {
  position: relative;
  z-index: 3;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 0 18px;
  border-bottom: 1px solid var(--line-soft);
  background: rgba(255,255,255,.74);
  backdrop-filter: blur(12px);
}
.window-dots { display: flex; gap: 7px; }
.window-dots i { width: 10px; height: 10px; border-radius: 50%; display: block; }
.window-dots i:nth-child(1) { background: #ff6b7a; }
.window-dots i:nth-child(2) { background: #fdb022; }
.window-dots i:nth-child(3) { background: #32d583; }
.product-url { flex: 1; height: 32px; max-width: 380px; display: flex; align-items: center; justify-content: center; border-radius: 999px; background: #f1f5f9; color: #667085; font-size: 12px; font-weight: 700; }
.demo-chip, .status-pill { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border-radius: 999px; color: #027a48; background: #ecfdf3; border: 1px solid #abefc6; font-size: 12px; font-weight: 700; }
.product-body { position: relative; z-index: 1; display: grid; grid-template-columns: 88px 1fr; min-height: 520px; }
.product-side { padding: 18px 14px; border-right: 1px solid var(--line-soft); background: rgba(248,251,255,.82); display: grid; align-content: start; gap: 13px; }
.product-side img { width: 42px; height: 42px; margin: 0 auto 8px; object-fit: contain; }
.product-side span { height: 34px; border-radius: 13px; background: #e8eef7; }
.product-side span.active { background: linear-gradient(135deg, #dbeafe, #ccfbf1); }
.cockpit-panel { padding: 24px; }
.cockpit-head { display: flex; justify-content: space-between; gap: 18px; align-items: flex-start; margin-bottom: 18px; }
.cockpit-head small { display: block; color: #667085; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; }
.cockpit-head h2 { margin: 4px 0 0; color: var(--ink); font-family: var(--display); font-size: 25px; letter-spacing: -.03em; }
.metric-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 14px; }
.metric-grid article,
.workflow-card,
.workflow-step,
.floating-card,
.showcase-window,
.split-copy,
.value-card,
.ai-flow-list article,
.module-card,
.backbone-grid article,
.role-grid article,
.stats-grid article {
  border: 1px solid rgba(219,229,243,.95);
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(250,253,255,.92));
  box-shadow: var(--shadow-card);
}
.metric-grid article { padding: 15px; border-radius: 18px; }
.metric-grid small { display: block; color: #667085; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.metric-grid b { display: block; margin-top: 7px; color: var(--ink); font-size: 26px; letter-spacing: -.026em; }
.metric-grid em { display: inline-block; margin-top: 4px; color: #027a48; font-size: 11px; font-style: normal; font-weight: 700; }
.workflow-card { padding: 16px; border-radius: 22px; }
.workflow-head { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 12px; }
.workflow-head b { color: var(--ink); }
.workflow-head span { color: var(--blue-2); font-size: 12px; font-weight: 700; }
.workflow-step { display: grid; grid-template-columns: 42px 1fr; gap: 12px; align-items: center; padding: 12px; border-radius: 16px; margin-top: 9px; box-shadow: none; }
.workflow-step i { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 14px; background: #e8f2ff; color: #175cd3; font-style: normal; font-weight: 700; font-size: 12px; }
.workflow-step b { display: block; color: #25344a; font-size: 13px; }
.workflow-step span { display: block; margin-top: 2px; color: #667085; font-size: 12px; }
.floating-card { position: absolute; z-index: 5; border-radius: 22px; padding: 15px; }
.floating-card b { display: block; color: var(--ink); font-size: 13px; }
.floating-card span { display: block; margin-top: 8px; padding: 8px 10px; border-radius: 12px; background: #f8fbff; color: #53627a; font-size: 11px; font-weight: 700; }
.doc-card { top: 92px; left: -18px; width: 220px; }
.ai-card { right: -14px; bottom: 56px; width: 260px; color: #fff; border: 1px solid rgba(255,255,255,.32); background: linear-gradient(135deg, #175cd3, #03a9e6 62%, #16c7a6); box-shadow: 0 24px 54px rgba(37,117,246,.28); }
.ai-card b { color: #fff; }
.ai-card span { color: rgba(255,255,255,.88); background: rgba(255,255,255,.12); }

/* Premium module showcase */
.module-ribbon { padding: 28px 0 70px; }
.module-ribbon-card {
  padding: 30px 32px 34px;
  border-radius: 34px;
}
.module-ribbon-card::after {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  right: -210px;
  bottom: -260px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(37,117,246,.16), transparent 64%);
  pointer-events: none;
}
.module-ribbon-head { position: relative; z-index: 1; max-width: 760px; margin: 0 auto 22px; text-align: center; }
.module-ribbon-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 11px;
  border-radius: 999px;
  border: 1px solid rgba(37,117,246,.16);
  background: rgba(255,255,255,.78);
  color: #175cd3;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  box-shadow: 0 10px 24px rgba(37,117,246,.08);
}
.module-ribbon-kicker::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #16a34a; box-shadow: 0 0 0 5px rgba(22,163,74,.12); }
.module-ribbon-head h2 { margin: 14px 0 8px; color: var(--ink); font-family: var(--display); font-size: clamp(28px, 3vw, 42px); line-height: 1.08; letter-spacing: -.024em; font-weight: 800; }
.module-ribbon-head p { max-width: 720px; margin: 0 auto; color: #53627a; font-size: 16px; line-height: 1.7; }
.module-ribbon-track { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); gap: 12px; justify-content: stretch; align-items: stretch; max-width: 1060px; margin: 0 auto; }
.module-ribbon-item {
  --module-accent: #2575f6;
  --module-accent-2: #03a9e6;
  position: relative;
  display: grid;
  align-content: start;
  justify-items: center;
  gap: 8px;
  min-height: 126px;
  padding: 15px 10px 13px;
  border-radius: 23px;
  border: 1px solid rgba(215,226,241,.96);
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(250,253,255,.94));
  box-shadow: 0 14px 32px rgba(15,23,42,.065);
  color: #25344a;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  isolation: isolate;
}
.module-ribbon-item::before { content: ""; position: absolute; inset: auto 14px -34px; height: 58px; border-radius: 999px; background: var(--module-accent); opacity: .10; filter: blur(10px); z-index: -1; transition: opacity .2s ease, transform .2s ease; }
.module-ribbon-item::after { content: ""; position: absolute; width: 42px; height: 42px; right: -18px; top: -18px; border-radius: 16px; background: var(--module-accent); opacity: .08; transform: rotate(24deg); z-index: -1; }
.module-ribbon-item:hover, .module-ribbon-item:focus-visible { transform: translateY(-4px); border-color: rgba(37,117,246,.34); box-shadow: 0 22px 48px rgba(15,23,42,.12); outline: none; }
.module-ribbon-item:hover::before, .module-ribbon-item:focus-visible::before { opacity: .18; transform: translateY(-4px); }
.module-ribbon-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 18px; color: #fff; background: radial-gradient(circle at 30% 18%, rgba(255,255,255,.38), transparent 42%), linear-gradient(135deg, var(--module-accent), var(--module-accent-2)); box-shadow: 0 16px 30px rgba(37,117,246,.18); }
.module-ribbon-icon svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.module-ribbon-item strong { display: block; min-height: 32px; color: var(--ink); font-size: 13.5px; line-height: 1.18; letter-spacing: -.018em; font-weight: 700; text-align: center; }
.module-ribbon-item small { display: block; color: #667085; font-size: 11px; line-height: 1.25; font-weight: 700; text-align: center; }
.module-ai { --module-accent: #7c3aed; --module-accent-2: #2575f6; }
.module-doc { --module-accent: #2575f6; --module-accent-2: #03a9e6; }
.module-expense { --module-accent: #16a34a; --module-accent-2: #16c7a6; }
.module-leave { --module-accent: #03a9e6; --module-accent-2: #2575f6; }
.module-task { --module-accent: #f59e0b; --module-accent-2: #fb7185; }
.module-calendar { --module-accent: #4f46e5; --module-accent-2: #03a9e6; }
.module-chat { --module-accent: #16c7a6; --module-accent-2: #2575f6; }
.module-support { --module-accent: #f43f5e; --module-accent-2: #f59e0b; }
.module-announce { --module-accent: #475467; --module-accent-2: #2575f6; }

/* Value platform cards */
.value-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.value-card { position: relative; min-height: 205px; padding: 24px; border-radius: 26px; overflow: hidden; isolation: isolate; }
.value-card::before { content: ""; position: absolute; right: -34px; bottom: -42px; width: 130px; height: 130px; border-radius: 36px; background: var(--card-accent, var(--blue)); opacity: .10; transform: rotate(24deg); z-index: -1; }
.value-card:nth-child(1){ --card-accent: var(--blue); }
.value-card:nth-child(2){ --card-accent: var(--mint); }
.value-card:nth-child(3){ --card-accent: var(--purple); }
.value-card:nth-child(4){ --card-accent: var(--amber); }
.value-card i { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 15px; color: #fff; background: linear-gradient(135deg, var(--card-accent), var(--cyan)); font-style: normal; font-weight: 700; font-size: 12px; box-shadow: 0 16px 30px rgba(37,117,246,.16); }
.value-card h3 { margin: 20px 0 8px; color: var(--ink); font-size: 18px; line-height: 1.25; letter-spacing: -.02em; font-weight: 700; }
.value-card p { margin: 0; color: #53627a; font-size: 14.5px; line-height: 1.62; }

/* Split / cockpit */
.split-grid { display: grid; grid-template-columns: 1fr .92fr; gap: 22px; align-items: stretch; }
.showcase-window, .split-copy { position: relative; z-index: 1; border-radius: 28px; overflow: hidden; }
.showcase-window { min-height: 450px; }
.showcase-head { height: 60px; padding: 0 18px; display: flex; align-items: center; justify-content: space-between; gap: 14px; border-bottom: 1px solid var(--line-soft); background: rgba(255,255,255,.72); }
.showcase-head b { color: var(--ink); font-weight: 700; }
.showcase-body { padding: 22px; }
.signal-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 14px; }
.signal-grid div { padding: 16px 14px; border-radius: 18px; border: 1px solid var(--line-soft); background: #fff; }
.signal-grid span { display: block; color: #667085; font-size: 11px; font-weight: 700; text-transform: uppercase; }
.signal-grid b { display: block; color: var(--ink); font-size: 24px; margin-top: 7px; letter-spacing: -.026em; }
.tile-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.tile-grid article { min-height: 132px; padding: 18px; border: 1px solid var(--line-soft); border-radius: 20px; background: rgba(248,251,255,.78); }
.tile-grid h4 { margin: 0 0 8px; color: var(--ink); font-size: 15px; font-weight: 700; }
.tile-grid p { margin: 0; color: #53627a; font-size: 13.5px; line-height: 1.62; }
.split-copy { display: grid; align-content: center; padding: 36px; }
.split-copy h2 { margin: 14px 0 14px; font-size: clamp(30px, 3.3vw, 46px); }
.split-copy p { margin: 0; color: #53627a; font-size: 16px; line-height: 1.72; }
.check-list { display: grid; gap: 11px; padding: 0; margin: 20px 0 0; }
.check-list li { list-style: none; position: relative; padding: 14px 15px 14px 48px; border: 1px solid rgba(207,222,243,.92); border-radius: 18px; background: rgba(255,255,255,.74); color: #33445d; font-weight: 700; }
.check-list li::before { content: ""; position: absolute; left: 16px; top: 15px; width: 22px; height: 22px; border-radius: 50%; background: #dcfce7; }
.check-list li::after { content: "✓"; position: absolute; left: 21px; top: 12px; color: #047857; font-weight: 700; }

/* AI section */
.ai-section > .container { background: radial-gradient(circle at 74% 18%, rgba(37,117,246,.12), transparent 22rem), linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,251,255,.94)); }
.ai-grid { display: grid; grid-template-columns: .88fr 1.12fr; gap: 22px; align-items: stretch; }
.ai-copy { position: relative; min-height: 520px; padding: 38px; border-radius: 30px; color: #fff; overflow: hidden; background: radial-gradient(circle at 80% 14%, rgba(255,255,255,.18), transparent 13rem), linear-gradient(145deg, #102a66, #175cd3 53%, #05aee9); box-shadow: 0 26px 70px rgba(23,92,211,.24); }
.ai-copy::before { content: ""; position: absolute; width: 360px; height: 360px; right: -160px; bottom: -180px; border-radius: 50%; background: radial-gradient(circle, rgba(22,199,166,.32), transparent 68%); }
.ai-copy > * { position: relative; z-index: 1; }
.ai-copy h2 { margin: 16px 0 16px; color: #fff; font-size: clamp(30px, 3.6vw, 50px); }
.ai-copy p { margin: 0 0 16px; color: rgba(255,255,255,.88); font-size: 16px; line-height: 1.75; font-weight: 600; }
.ai-flow-list { display: grid; gap: 14px; }
.ai-flow-list article { position: relative; display: grid; grid-template-columns: 64px 1fr; gap: 16px; align-items: start; min-height: 160px; padding: 24px 26px; border-radius: 28px; overflow: hidden; isolation: isolate; }
.ai-flow-list article::before { content: ""; position: absolute; right: -72px; bottom: -92px; width: 220px; height: 220px; border-radius: 50%; background: radial-gradient(circle, rgba(37,117,246,.11), transparent 68%); z-index: -1; }
.ai-flow-list i { width: 56px; height: 56px; display: grid; place-items: center; border-radius: 18px; color: #fff; background: linear-gradient(135deg, var(--blue), var(--cyan)); font-style: normal; font-weight: 700; font-size: 13px; box-shadow: 0 16px 32px rgba(37,117,246,.18); }
.ai-flow-list h3 { margin: 2px 0 8px; color: var(--ink); font-size: 19px; line-height: 1.22; letter-spacing: -.02em; font-weight: 700; }
.ai-flow-list p { margin: 0; color: #53627a; line-height: 1.64; }
.ai-flow-list small { display: inline-flex; margin-top: 12px; padding: 7px 10px; border-radius: 999px; color: #175cd3; background: #eef5ff; font-size: 11px; font-weight: 700; }

/* Detailed modules */
.modules-section > .container { background: radial-gradient(circle at 16% 10%, rgba(124,58,237,.07), transparent 22rem), radial-gradient(circle at 88% 18%, rgba(22,199,166,.08), transparent 22rem), linear-gradient(180deg, rgba(255,255,255,.96), rgba(249,252,255,.94)); }
.module-tabs { position: relative; z-index: 1; display: flex; justify-content: center; flex-wrap: wrap; gap: 9px; margin: -6px 0 22px; }
.module-tabs button { min-height: 38px; padding: 8px 14px; border-radius: 999px; border: 1px solid var(--line); background: #fff; color: #475467; font-size: 13px; font-weight: 700; cursor: pointer; box-shadow: 0 8px 18px rgba(15,23,42,.04); }
.module-tabs button.active { color: #fff; border-color: transparent; background: linear-gradient(135deg, var(--blue), var(--cyan)); }
.modules-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.module-card { position: relative; min-height: 300px; padding: 24px; border-radius: 28px; overflow: hidden; transition: transform .18s ease, box-shadow .18s ease, opacity .2s ease; isolation: isolate; }
.module-card:hover { transform: translateY(-4px); box-shadow: 0 24px 52px rgba(15,23,42,.12); }
.module-card::before { content: ""; position: absolute; right: -50px; bottom: -60px; width: 170px; height: 170px; border-radius: 44px; background: var(--card-accent, var(--blue)); opacity: .10; transform: rotate(24deg); z-index: -1; }
.module-card:nth-child(1){--card-accent: var(--purple);} .module-card:nth-child(2){--card-accent: var(--blue);} .module-card:nth-child(3){--card-accent: var(--green);} .module-card:nth-child(4){--card-accent: var(--cyan);} .module-card:nth-child(5){--card-accent: var(--amber);} .module-card:nth-child(6){--card-accent: #4f46e5;} .module-card:nth-child(7){--card-accent: var(--mint);} .module-card:nth-child(8){--card-accent: var(--rose);} .module-card:nth-child(9){--card-accent: var(--slate);}
.module-card span { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 18px; color: #fff; background: linear-gradient(135deg, var(--card-accent), var(--cyan)); font-size: 13px; font-weight: 700; box-shadow: 0 16px 30px rgba(37,117,246,.16); }
.module-card h3 { margin: 20px 0 9px; color: var(--ink); font-size: 20px; line-height: 1.24; letter-spacing: -.025em; font-weight: 700; }
.module-card p { margin: 0; color: #53627a; font-size: 14.5px; line-height: 1.62; }
.module-card ul { margin: 17px 0 0; padding: 0; display: grid; gap: 8px; }
.module-card li { list-style: none; position: relative; padding-left: 16px; color: #475467; font-size: 13px; line-height: 1.45; font-weight: 600; }
.module-card li::before { content: ""; position: absolute; left: 0; top: .62em; width: 6px; height: 6px; border-radius: 50%; background: var(--card-accent, var(--blue)); }
.module-card.is-hidden { display: none; }

/* Backbone and roles */
.backbone-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.backbone-grid article { position: relative; min-height: 170px; padding: 22px; border-radius: 24px; overflow: hidden; }
.backbone-grid article::before { content: ""; width: 42px; height: 42px; display: block; margin-bottom: 16px; border-radius: 16px; background: radial-gradient(circle at 30% 20%, rgba(255,255,255,.45), transparent 42%), linear-gradient(135deg, var(--blue), var(--mint)); box-shadow: 0 14px 28px rgba(37,117,246,.16); }
.backbone-grid b { display: block; color: var(--ink); font-size: 16px; line-height: 1.28; margin-bottom: 8px; font-weight: 700; }
.backbone-grid span { display: block; color: #53627a; font-size: 13.5px; line-height: 1.55; }
.role-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.role-grid article { min-height: 180px; padding: 22px; border-radius: 26px; }
.role-grid h3 { margin: 0 0 10px; color: var(--ink); font-size: 18px; font-weight: 700; }
.role-grid p { margin: 0; color: #53627a; font-size: 14px; line-height: 1.62; }

/* Proof and CTA */
.proof-section { padding: 58px 0; }
.proof-card { display: grid; grid-template-columns: 1.05fr .95fr; gap: 26px; align-items: center; padding: 42px; }
.proof-card > * { position: relative; z-index: 1; }
.proof-card h2 { margin: 14px 0 12px; font-size: clamp(30px, 3.7vw, 50px); }
.proof-card p { margin: 0; color: #53627a; font-size: 16.5px; line-height: 1.72; }
.stats-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 13px; }
.stats-grid article { padding: 22px; border-radius: 24px; }
.stats-grid b { display: block; color: var(--ink); font-size: 32px; line-height: 1; letter-spacing: -.028em; font-weight: 700; }
.stats-grid span { display: block; margin-top: 8px; color: #667085; font-weight: 700; }
.cta-section { padding: 38px 0 90px; }
.cta-card { display: grid; grid-template-columns: 1.05fr .95fr; gap: 26px; align-items: center; padding: 44px; color: #fff; border-color: rgba(255,255,255,.26); background: radial-gradient(circle at 86% 18%, rgba(255,255,255,.22), transparent 14rem), linear-gradient(135deg, #175cd3, #03a9e6 58%, #16c7a6); box-shadow: 0 32px 76px rgba(37,117,246,.26); }
.cta-card > * { position: relative; z-index: 1; }
.cta-card::before { border-color: rgba(255,255,255,.25); }
.cta-logo-panel { display: inline-flex; align-items: center; justify-content: center; width: max-content; max-width: 100%; padding: 10px 14px; margin-bottom: 22px; border: 1px solid rgba(255,255,255,.44); border-radius: 18px; background: rgba(255,255,255,.96); box-shadow: 0 18px 38px rgba(15,23,42,.14); }
.cta-logo { width: 172px; height: auto; object-fit: contain; }
.cta-card h2 { margin: 0 0 13px; color: #fff; font-size: clamp(31px, 3.8vw, 52px); }
.cta-card p { margin: 0; color: rgba(255,255,255,.88); font-size: 17px; line-height: 1.68; font-weight: 600; }
.cta-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 25px; }
.cta-panel { padding: 24px; border: 1px solid rgba(255,255,255,.28); border-radius: 28px; background: rgba(255,255,255,.13); backdrop-filter: blur(12px); }
.cta-panel b { display: block; color: #fff; margin-bottom: 14px; font-size: 16px; }
.cta-panel ul { display: grid; gap: 10px; padding: 0; margin: 0; }
.cta-panel li { list-style: none; position: relative; padding-left: 28px; color: rgba(255,255,255,.88); line-height: 1.45; font-weight: 600; }
.cta-panel li::before { content: "✓"; position: absolute; left: 0; top: 1px; width: 18px; height: 18px; display: grid; place-items: center; border-radius: 50%; color: #047857; background: #d1fadf; font-size: 12px; font-weight: 700; }

.site-footer { padding: 32px 0; border-top: 1px solid rgba(215,228,244,.92); background: rgba(255,255,255,.78); backdrop-filter: blur(10px); }
.footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; color: #667085; font-size: 13px; font-weight: 700; }
.footer-logo { width: 146px; height: auto; object-fit: contain; }
.footer-links { display: flex; gap: 16px; flex-wrap: wrap; color: #344765; font-weight: 700; }
.footer-links a:hover { color: var(--blue-2); }

/* Motion */
.reveal, .reveal-grid > * { opacity: 1; transform: none; }
.js .reveal:not(.is-visible), .js .reveal-grid > *:not(.is-visible) { opacity: 0; transform: translateY(18px); }
.reveal, .reveal-grid > * { transition: opacity .55s ease, transform .55s ease; }
.reveal-grid > *:nth-child(2) { transition-delay: .05s; }
.reveal-grid > *:nth-child(3) { transition-delay: .1s; }
.reveal-grid > *:nth-child(4) { transition-delay: .15s; }
.reveal-grid > *:nth-child(5) { transition-delay: .2s; }

@media (max-width: 1140px) {
  .nav-links { display: none; }
  .menu-btn { display: inline-block; }
  .nav-links.is-open { position: absolute; top: var(--nav-h); left: 24px; right: 24px; display: grid; gap: 4px; padding: 14px; border: 1px solid var(--line); border-radius: 22px; background: #fff; box-shadow: var(--shadow-soft); }
  .hero-grid, .split-grid, .ai-grid, .proof-card, .cta-card { grid-template-columns: 1fr; }
  .hero-copy { max-width: 760px; }
  .hero-product { min-height: auto; }
  .doc-card { left: 12px; }
  .ai-card { right: 12px; }
  .module-ribbon-track { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 760px; }
  .value-grid, .backbone-grid { grid-template-columns: repeat(2, 1fr); }
  .modules-grid { grid-template-columns: repeat(2, 1fr); }
  .role-grid { grid-template-columns: repeat(2, 1fr); }
  .ai-copy { min-height: auto; }
}

@media (max-width: 760px) {
  :root { --nav-h: 68px; }
  .container { width: min(100% - 28px, var(--max)); }
  .brand { min-width: 132px; }
  .brand-logo, .brand img.brand-logo { width: 132px; }
  .nav-actions .btn-ghost { display: none; }
  .btn { min-height: 42px; padding: 10px 15px; }
  .hero { padding: 48px 0 22px; }
  .hero-grid { gap: 30px; }
  .hero h1 { font-size: clamp(42px, 12vw, 58px); letter-spacing: -.03em; }
  .lead { font-size: 16px; }
  .product-body { grid-template-columns: 1fr; min-height: auto; }
  .product-side { display: none; }
  .product-url { display: none; }
  .cockpit-panel { padding: 18px; }
  .metric-grid, .signal-grid, .tile-grid, .value-grid, .modules-grid, .backbone-grid, .role-grid, .stats-grid { grid-template-columns: 1fr; }
  .floating-card { display: none; }
  .module-ribbon { padding: 22px 0 48px; }
  .module-ribbon-card, .section > .container, .proof-card, .cta-card { padding: 24px 18px; border-radius: 28px; }
  .module-ribbon-track { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .module-ribbon-item { min-height: 118px; padding: 14px 8px 12px; }
  .section { padding: 44px 0; }
  .section-head { display: block; }
  .section-head p { margin-top: 12px; font-size: 15px; }
  .section-head h2, .split-copy h2, .ai-copy h2, .proof-card h2, .cta-card h2 { font-size: clamp(27px, 8vw, 40px); }
  .showcase-body, .split-copy, .ai-copy { padding: 22px; }
  .ai-flow-list article { grid-template-columns: 1fr; padding: 22px; }
  .module-card { min-height: auto; }
  .footer { display: grid; justify-items: start; }
  .footer-logo { width: 130px; }
}

@media (max-width: 420px) {
  .module-ribbon-track { grid-template-columns: 1fr; }
  .module-ribbon-item { min-height: 104px; }
  .trust-row span { width: 100%; }
}


/* v8 soft header + typography refinement */
.site-header .btn { font-weight: 700; border-radius: 13px; }
.site-header .btn-primary { background: #2563eb; border-color: #2563eb; }
.site-header .btn-primary:hover { background: #1d4ed8; border-color: #1d4ed8; }
.site-header .btn-ghost { background: rgba(255,255,255,.88); border-color: #d7e2f0; color: #172033; }
.site-header .btn-ghost:hover { background: #f8fbff; border-color: #b9cce8; color: #1d4ed8; }
.nav-links a { font-weight: 600; }
.hero h1 { font-weight: 800; }
.hero .lead { font-weight: 500; }
.section-head p, .lead, .split-copy p, .ai-copy p, .proof-card p, .cta-card p { font-weight: 500; }
.module-ribbon-item strong,
.value-card h3,
.tile-grid h4,
.ai-flow-list h3,
.module-card h3,
.backbone-grid b,
.role-grid h3 { font-weight: 700; }
.module-ribbon-item small,
.module-card li,
.trust-row,
.check-list li { font-weight: 600; }

/* v9 unified header refinement */
.site-header {
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.88));
  border-bottom: 1px solid rgba(217,229,245,.72);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.site-header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(37,117,246,.20), rgba(22,199,166,.16), transparent);
  pointer-events: none;
}
.site-header.is-scrolled {
  box-shadow: 0 10px 28px rgba(15, 23, 42, .035);
}
.nav {
  justify-content: flex-start;
  gap: 28px;
}
.brand {
  min-width: auto;
  flex: 0 0 auto;
  padding: 4px 0;
}
.brand-logo,
.brand img.brand-logo {
  width: 166px;
  height: auto;
  object-fit: contain;
}
.nav-links {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  margin-left: 10px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #30415a;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -.005em;
}
.nav-links a {
  position: relative;
  padding: 9px 12px;
  border-radius: 12px;
  color: inherit;
  transition: background-color .18s ease, color .18s ease, transform .18s ease;
}
.nav-links a:hover,
.nav-links a:focus-visible {
  background: rgba(37,117,246,.075);
  color: var(--primary-2);
  outline: none;
  transform: translateY(-1px);
}
.nav-links a::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 4px;
  height: 2px;
  border-radius: 99px;
  background: linear-gradient(90deg, var(--primary), var(--mint));
  opacity: 0;
  transform: scaleX(.35);
  transform-origin: center;
  transition: opacity .18s ease, transform .18s ease;
}
.nav-links a:hover::after,
.nav-links a:focus-visible::after {
  opacity: .72;
  transform: scaleX(1);
}
.nav-actions {
  margin-left: auto;
  gap: 12px;
}
.site-header .btn {
  min-height: 44px;
  padding-inline: 18px;
  border-radius: 14px;
  font-weight: 700;
  letter-spacing: -.01em;
}
.site-header .btn-ghost {
  background: rgba(255,255,255,.76);
  border-color: #d7e2f0;
  color: #111827;
}
.site-header .btn-ghost:hover,
.site-header .btn-ghost:focus-visible {
  background: #f8fbff;
  border-color: #b9cce8;
  color: var(--primary-2);
  outline: none;
}
.site-header .btn-primary {
  background: #2563eb;
  border-color: #2563eb;
  color: #fff;
}
.site-header .btn-primary:hover,
.site-header .btn-primary:focus-visible {
  background: #1d4ed8;
  border-color: #1d4ed8;
  outline: none;
}
.hero h1 { font-weight: 750; }
.section-head h2,
.split-copy h2,
.ai-copy h2,
.proof-card h2,
.cta-card h2 { font-weight: 740; }

@media (max-width: 1140px) {
  .nav { justify-content: space-between; gap: 16px; }
  .nav-links { display: none; }
  .nav-links.is-open {
    position: absolute;
    top: var(--nav-h);
    left: 24px;
    right: 24px;
    display: grid;
    gap: 4px;
    margin-left: 0;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 22px;
    background: rgba(255,255,255,.96);
    box-shadow: var(--shadow-soft);
  }
  .nav-links.is-open a::after { display: none; }
  .nav-links.is-open a:hover,
  .nav-links.is-open a:focus-visible {
    transform: none;
    background: rgba(37,117,246,.075);
  }
  .nav-actions { margin-left: 0; }
}

@media (max-width: 760px) {
  .brand-logo,
  .brand img.brand-logo { width: 136px; }
  .site-header .btn { min-height: 42px; padding-inline: 15px; }
}

/* v12 diffuse color navigation hover system — no frame, only soft aura + underline */
.nav-links a {
  --nav-accent: var(--primary);
  --nav-accent-2: var(--mint);
  isolation: isolate;
  overflow: visible;
}
.nav-links a:nth-child(1) { --nav-accent: #2575f6; --nav-accent-2: #03a9e6; }
.nav-links a:nth-child(2) { --nav-accent: #16c7a6; --nav-accent-2: #22c55e; }
.nav-links a:nth-child(3) { --nav-accent: #7c3aed; --nav-accent-2: #2575f6; }
.nav-links a:nth-child(4) { --nav-accent: #03a9e6; --nav-accent-2: #16c7a6; }
.nav-links a:nth-child(5) { --nav-accent: #f59e0b; --nav-accent-2: #fb7185; }
.nav-links a:nth-child(6) { --nav-accent: #2563eb; --nav-accent-2: #16c7a6; }
.nav-links a::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  width: calc(100% + 34px);
  height: 36px;
  border-radius: 999px;
  background:
    radial-gradient(circle at 28% 44%, color-mix(in srgb, var(--nav-accent) 28%, transparent) 0%, transparent 58%),
    radial-gradient(circle at 72% 58%, color-mix(in srgb, var(--nav-accent-2) 22%, transparent) 0%, transparent 60%);
  filter: blur(13px);
  opacity: 0;
  transform: translate(-50%, -47%) scale(.72);
  transition: opacity .22s ease, transform .22s ease, filter .22s ease;
  pointer-events: none;
}
.nav-links a:hover,
.nav-links a:focus-visible {
  background: transparent;
  color: color-mix(in srgb, var(--nav-accent) 68%, #172033);
  transform: translateY(-1px);
}
.nav-links a:hover::before,
.nav-links a:focus-visible::before {
  opacity: .92;
  filter: blur(14px);
  transform: translate(-50%, -50%) scale(1);
}
.nav-links a::after {
  left: 18px;
  right: 18px;
  bottom: 3px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--nav-accent), var(--nav-accent-2));
  box-shadow: 0 0 12px color-mix(in srgb, var(--nav-accent) 16%, transparent);
  opacity: 0;
  transform: scaleX(.34);
  transform-origin: center;
}
.nav-links a:hover::after,
.nav-links a:focus-visible::after {
  opacity: .78;
  transform: scaleX(1);
}
.nav-links.is-open a::before {
  width: calc(100% + 22px);
  height: 34px;
}
.nav-links.is-open a:hover,
.nav-links.is-open a:focus-visible {
  background: transparent;
  transform: none;
}
.nav-links.is-open a:hover::before,
.nav-links.is-open a:focus-visible::before {
  opacity: .86;
  transform: translate(-50%, -50%) scale(1);
}

/* v13 — softer, lighter header action buttons */
.site-header .nav-actions {
  gap: 9px;
}
.site-header .nav-actions .btn {
  position: relative;
  isolation: isolate;
  overflow: visible;
  min-height: 38px;
  padding: 8px 15px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -.006em;
  box-shadow: none;
  transform: none;
  transition: color .18s ease, border-color .18s ease, background-color .18s ease, background .18s ease;
}
.site-header .nav-actions .btn::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  width: calc(100% + 22px);
  height: 34px;
  border-radius: 999px;
  background:
    radial-gradient(circle at 32% 44%, rgba(37,117,246,.18) 0%, transparent 60%),
    radial-gradient(circle at 72% 58%, rgba(22,199,166,.14) 0%, transparent 62%);
  filter: blur(12px);
  opacity: 0;
  transform: translate(-50%, -50%) scale(.76);
  transition: opacity .22s ease, transform .22s ease, filter .22s ease;
  pointer-events: none;
}
.site-header .nav-actions .btn:hover,
.site-header .nav-actions .btn:focus-visible {
  transform: none;
  outline: none;
}
.site-header .nav-actions .btn:hover::before,
.site-header .nav-actions .btn:focus-visible::before {
  opacity: .86;
  transform: translate(-50%, -50%) scale(1);
}
.site-header .nav-actions .btn-ghost {
  color: #172033;
  background: rgba(255,255,255,.62);
  border-color: rgba(198,213,232,.76);
}
.site-header .nav-actions .btn-ghost:hover,
.site-header .nav-actions .btn-ghost:focus-visible {
  color: #1f65d6;
  background: rgba(255,255,255,.78);
  border-color: rgba(160,188,225,.88);
}
.site-header .nav-actions .btn-primary {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #2575f6 0%, #1e63de 62%, #11a7df 100%);
}
.site-header .nav-actions .btn-primary::before {
  background:
    radial-gradient(circle at 26% 42%, rgba(37,117,246,.22) 0%, transparent 60%),
    radial-gradient(circle at 76% 58%, rgba(22,199,166,.18) 0%, transparent 62%);
}
.site-header .nav-actions .btn-primary:hover,
.site-header .nav-actions .btn-primary:focus-visible {
  background: linear-gradient(135deg, #1f6eea 0%, #1d5fd8 58%, #0eaad6 100%);
  border-color: transparent;
}
@media (max-width: 760px) {
  .site-header .nav-actions .btn {
    min-height: 36px;
    padding: 8px 12px;
    border-radius: 11px;
    font-size: 13px;
  }
}

/* v14 — right aligned navigation group with subtle divider before header actions */
@media (min-width: 1141px) {
  .site-header .nav {
    gap: 24px;
  }

  .site-header .nav-links {
    margin-left: auto;
  }

  .site-header .nav-actions {
    position: relative;
    margin-left: 0;
    padding-left: 18px;
  }

  .site-header .nav-actions::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 24px;
    border-radius: 999px;
    background: linear-gradient(180deg, transparent, rgba(126, 147, 176, .34), transparent);
    transform: translateY(-50%);
    pointer-events: none;
  }
}

@media (max-width: 1140px) {
  .site-header .nav-actions {
    padding-left: 0;
  }

  .site-header .nav-actions::before {
    display: none;
  }
}

/* v15 — blended translucent header: connects the navigation bar with the hero background */
.site-header {
  background:
    radial-gradient(circle at 12% -70%, rgba(37, 117, 246, .14), transparent 26rem),
    radial-gradient(circle at 92% -80%, rgba(22, 199, 166, .13), transparent 26rem),
    linear-gradient(90deg, rgba(244, 249, 255, .86) 0%, rgba(255, 255, 255, .76) 42%, rgba(240, 253, 250, .84) 100%);
  border-bottom-color: rgba(202, 219, 241, .72);
  backdrop-filter: blur(22px) saturate(1.08);
  -webkit-backdrop-filter: blur(22px) saturate(1.08);
}

.site-header::after {
  background: linear-gradient(90deg, rgba(37,117,246,.10), rgba(37,117,246,.24), rgba(22,199,166,.20), rgba(37,117,246,.08));
  opacity: .9;
}

.site-header.is-scrolled {
  background:
    radial-gradient(circle at 10% -90%, rgba(37, 117, 246, .10), transparent 24rem),
    radial-gradient(circle at 92% -90%, rgba(22, 199, 166, .10), transparent 24rem),
    linear-gradient(90deg, rgba(250, 253, 255, .91) 0%, rgba(255, 255, 255, .86) 45%, rgba(245, 255, 252, .90) 100%);
  box-shadow: none;
}

/* v16 — softer header separator: content-width line with transparent ends */
.site-header {
  border-bottom-color: transparent;
}

.site-header::after {
  left: 50%;
  right: auto;
  width: min(calc(100% - 48px), var(--max));
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(37, 117, 246, .08) 12%,
    rgba(37, 117, 246, .18) 34%,
    rgba(22, 199, 166, .14) 66%,
    rgba(37, 117, 246, .07) 88%,
    transparent 100%
  );
  opacity: .74;
}

.site-header.is-scrolled::after {
  opacity: .58;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(37, 117, 246, .07) 14%,
    rgba(37, 117, 246, .15) 38%,
    rgba(22, 199, 166, .12) 66%,
    rgba(37, 117, 246, .06) 88%,
    transparent 100%
  );
}

@media (max-width: 760px) {
  .site-header::after {
    width: calc(100% - 28px);
  }
}


/* v17 — brand tagline under original logo + refreshed hero welcome headline */
.brand {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 2px;
  line-height: 1;
}

.brand-logo,
.brand img.brand-logo {
  width: 166px;
  height: auto;
  object-fit: contain;
}

.brand-tagline {
  display: block;
  margin-left: 43px;
  color: rgba(71, 84, 103, .82);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .085em;
  text-transform: uppercase;
  white-space: nowrap;
}

.hero h1 {
  max-width: 680px;
  letter-spacing: -.045em;
}

.hero h1 span:first-child {
  white-space: normal;
}

@media (max-width: 760px) {
  .brand-logo,
  .brand img.brand-logo {
    width: 138px;
  }

  .brand-tagline {
    margin-left: 35px;
    font-size: 8px;
    letter-spacing: .075em;
  }
}


/* v18 — logo slogan alignment + premium hero badge */
.brand {
  align-items: flex-start;
}

.brand-logo,
.brand img.brand-logo {
  width: 166px;
}

.brand-tagline {
  width: 185px;
  margin-left: 0;
  margin-top: 0px;
  text-align: center;
  color: rgba(71, 84, 103, .74);
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .064em;
  text-transform: uppercase;
  white-space: nowrap;
}

.hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  width: max-content;
  max-width: 100%;
  padding: 8px 13px 8px 10px;
  border-radius: 999px;
  color: #195fc9;
  background:
    radial-gradient(circle at 10% 10%, rgba(22,199,166,.13), transparent 42%),
    radial-gradient(circle at 90% 20%, rgba(37,117,246,.12), transparent 46%),
    rgba(255,255,255,.76);
  border: 1px solid rgba(181, 208, 240, .74);
  box-shadow: none;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  font-size: 12px;
  line-height: 1.1;
  white-space: nowrap;
}

.hero-badge-dot {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--green), var(--mint));
  box-shadow: 0 0 0 6px rgba(22,199,166,.12);
  flex: 0 0 auto;
}

.hero-badge strong {
  color: #0f172a;
  font-weight: 750;
  letter-spacing: -.01em;
}

.hero-badge-text {
  color: #1d4f99;
  font-weight: 700;
  letter-spacing: .005em;
}

.hero-badge i {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #2468d8;
  font-style: normal;
  font-weight: 700;
}

.hero-badge i::before {
  content: "";
  width: 1px;
  height: 14px;
  border-radius: 999px;
  background: linear-gradient(180deg, transparent, rgba(126,147,176,.42), transparent);
}

@media (max-width: 760px) {
  .brand-logo,
  .brand img.brand-logo {
    width: 138px;
  }

  .brand-tagline {
    width: 154px;
    margin-left: 0;
    font-size: 8px;
    letter-spacing: .052em;
  }

  .hero-badge {
    white-space: normal;
    gap: 8px;
  }
}


/* v20 — MEBCool AI brand treatment: AI is a distinct intelligent layer, not plain module text */
.ai-brand {
  display: inline-flex;
  align-items: center;
  gap: .36em;
  white-space: nowrap;
  vertical-align: baseline;
  font-weight: 800;
  letter-spacing: -.01em;
}
.ai-token {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.06em;
  padding: .18em .48em .16em;
  border-radius: 999px;
  color: #fff;
  background:
    radial-gradient(circle at 18% 12%, rgba(255,255,255,.42), transparent 32%),
    linear-gradient(135deg, #7c3aed 0%, #2563eb 56%, #05b6d8 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.30),
    0 8px 22px rgba(37,117,246,.16);
  font-size: .70em;
  line-height: 1;
  font-weight: 850;
  letter-spacing: .065em;
  text-transform: uppercase;
}
.ai-token--inline { transform: translateY(-.04em); }
.ai-token--nav {
  min-width: auto;
  padding: 4px 7px 3px;
  font-size: 10px;
  letter-spacing: .05em;
  transform: translateY(-1px);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.32), 0 6px 16px rgba(37,117,246,.12);
}
.ai-token--tiny {
  min-width: auto;
  padding: 3px 6px 2px;
  font-size: 10px;
  letter-spacing: .05em;
  transform: translateY(-1px);
}
.ai-token--light {
  min-width: auto;
  padding: 4px 8px 3px;
  font-size: 11px;
  color: #0f172a;
  background:
    radial-gradient(circle at 18% 12%, rgba(255,255,255,.95), transparent 36%),
    linear-gradient(135deg, #ffffff 0%, #dff7ff 48%, #e6e1ff 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.72), 0 10px 24px rgba(0,0,0,.10);
}
.nav-ai-link {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
}
.hero-badge-ai {
  gap: 10px;
  padding-right: 14px;
}
.hero-badge-ai .ai-brand {
  color: #0f172a;
  font-size: 12px;
  font-weight: 850;
}
.hero-badge-ai .ai-token { font-size: 10px; }
.hero-badge-ai i {
  color: #2468d8;
  font-size: 12px;
  font-style: normal;
  font-weight: 750;
  letter-spacing: .004em;
}
.hero-badge-ai i::before { opacity: .72; }
.lead .ai-brand,
.ai-brand--text {
  color: var(--ink);
  font-weight: 800;
}
.workflow-head .ai-brand--workflow {
  color: #1769d8;
  font-size: 12px;
  font-weight: 850;
}
.ai-brand--floating {
  color: #fff;
  font-size: 14px;
}
.ai-brand--floating .ai-token {
  background:
    radial-gradient(circle at 18% 12%, rgba(255,255,255,.55), transparent 36%),
    linear-gradient(135deg, #ffffff 0%, #bff0ff 48%, #dcd4ff 100%);
  color: #12315f;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.60);
}
.module-ribbon-item.module-ai {
  border-color: rgba(124,58,237,.24);
  background:
    radial-gradient(circle at 28% 2%, rgba(124,58,237,.10), transparent 36%),
    radial-gradient(circle at 88% 82%, rgba(3,169,230,.10), transparent 42%),
    rgba(255,255,255,.86);
}
.module-ribbon-item.module-ai:hover,
.module-ribbon-item.module-ai:focus-visible {
  border-color: rgba(124,58,237,.38);
}
.module-ribbon-item.module-ai .module-ribbon-icon {
  background:
    radial-gradient(circle at 20% 12%, rgba(255,255,255,.50), transparent 36%),
    linear-gradient(135deg, #7c3aed, #2563eb 58%, #05b6d8);
  box-shadow: 0 16px 32px rgba(124,58,237,.20);
}
.module-ribbon-item.module-ai strong.ai-brand--module-title {
  display: inline-flex;
  justify-content: center;
  min-height: 32px;
  width: 100%;
  color: var(--ink);
}
.eyebrow-ai {
  gap: 11px;
}
.eyebrow-ai .ai-brand--light {
  color: #fff;
  font-size: 13px;
  font-weight: 850;
}
.module-card-ai {
  border-color: rgba(124,58,237,.22);
  background:
    radial-gradient(circle at 12% 0%, rgba(124,58,237,.10), transparent 34%),
    radial-gradient(circle at 92% 90%, rgba(3,169,230,.10), transparent 42%),
    #fff;
}
.module-card-ai::before {
  opacity: .16;
  background: linear-gradient(135deg, #7c3aed, #05b6d8);
}
.module-card-ai-icon {
  background:
    radial-gradient(circle at 18% 12%, rgba(255,255,255,.44), transparent 34%),
    linear-gradient(135deg, #7c3aed, #2563eb 56%, #05b6d8) !important;
  box-shadow: 0 16px 32px rgba(124,58,237,.18) !important;
  letter-spacing: .05em;
}
.module-card h3.ai-brand--card-title {
  display: inline-flex;
  margin: 20px 0 9px;
  color: var(--ink);
  font-size: 20px;
  line-height: 1.24;
  letter-spacing: -.025em;
  font-weight: 800;
}
.cta-card .ai-brand--text,
.ai-copy .ai-brand--text {
  color: inherit;
}
@media (max-width: 760px) {
  .ai-token--nav { font-size: 9px; padding: 3px 6px 2px; }
  .hero-badge-ai .ai-brand,
  .hero-badge-ai i { font-size: 11px; }
  .module-ribbon-item.module-ai strong.ai-brand--module-title { min-height: auto; }
}

/* v21 — AI branding refinement: keep AI special without tiny blurry chips */
.ai-wordmark {
  display: inline;
  white-space: nowrap;
  font-weight: 800;
  letter-spacing: -.01em;
}
.ai-inline-word {
  display: inline;
  color: #2563eb;
  background: linear-gradient(135deg, #7c3aed 0%, #2563eb 48%, #06b6d4 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 900;
  letter-spacing: .012em;
  text-transform: uppercase;
  text-shadow: none;
}
.ai-inline-word--micro {
  font-size: .96em;
  letter-spacing: .01em;
}
.ai-inline-word--light {
  color: #fff;
  background: linear-gradient(135deg, #fff 0%, #dff9ff 46%, #e7ddff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.nav-ai-link {
  gap: 4px;
}
.nav-ai-link .ai-inline-word {
  font-size: .88em;
  font-weight: 850;
}
.hero-badge-ai {
  gap: 10px;
  padding-right: 14px;
}
.hero-badge-ai strong {
  color: #0f172a;
  font-size: 12px;
  font-weight: 760;
  letter-spacing: .006em;
}
.hero-badge-ai i {
  color: #2468d8;
  font-size: 12px;
  font-style: normal;
  font-weight: 720;
  letter-spacing: .004em;
}
.hero-badge-ai i::before { opacity: .56; }
.lead .ai-wordmark,
.ai-wordmark {
  color: var(--ink);
}
.workflow-head .ai-wordmark--workflow {
  color: #1769d8;
  font-size: 12px;
  font-weight: 800;
}
.ai-wordmark--floating {
  display: block;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
}
.ai-card span {
  display: block;
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.12);
}
.module-ribbon-item.module-ai strong.ai-wordmark,
.module-ribbon-item.module-ai strong.ai-wordmark--module-title,
.module-ribbon-item.module-ai strong {
  justify-content: center;
  color: var(--ink);
}
.module-ribbon-item.module-ai .ai-inline-word {
  font-size: .96em;
}
.eyebrow-ai strong {
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  font-style: normal;
}
.eyebrow-ai strong em {
  font-style: normal;
  color: #c7f8ff;
  letter-spacing: .04em;
}
.module-card h3.ai-wordmark--card-title {
  display: block;
  margin: 20px 0 9px;
  color: var(--ink);
  font-size: 20px;
  line-height: 1.24;
  letter-spacing: -.025em;
  font-weight: 800;
}
.cta-card .ai-wordmark,
.ai-copy .ai-wordmark {
  color: inherit;
}
.cta-card .ai-inline-word,
.ai-copy .ai-inline-word {
  background: linear-gradient(135deg, #fff 0%, #d9fbff 50%, #e7ddff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.module-card-ai-icon {
  font-size: 15px;
  font-weight: 850;
  letter-spacing: .04em;
}
@media (max-width: 760px) {
  .hero-badge-ai strong,
  .hero-badge-ai i { font-size: 11px; }
}

/* v22 — Product Story Hero: clearer first-screen message + scenario controlled product mockup */
.hero-badge-ai {
  max-width: min(100%, 540px);
  padding: 8px 14px 8px 11px;
}
.hero-badge-ai strong {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #0f172a;
  font-weight: 780;
}
.hero-badge-ai .ai-wordmark {
  font-weight: 850;
}
.hero h1 {
  max-width: 700px;
}
.hero .lead {
  max-width: 680px;
}
.product-shell {
  transition: opacity .18s ease, transform .18s ease;
}
.hero-product.is-switching .product-shell {
  opacity: .78;
  transform: translateY(2px);
}
.cockpit-head h2[data-hero-title] {
  max-width: 420px;
  font-size: 24px;
  line-height: 1.1;
}
.workflow-step-extra {
  display: grid;
}
.hero-story-switcher {
  position: relative;
  z-index: 6;
  display: flex;
  justify-content: center;
  gap: 8px;
  margin: 16px auto 0;
  padding: 8px;
  width: max-content;
  max-width: 100%;
  border: 1px solid rgba(204, 219, 240, .88);
  border-radius: 999px;
  background: rgba(255,255,255,.78);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.hero-story-switcher button {
  position: relative;
  border: 0;
  background: transparent;
  color: #34445e;
  min-height: 34px;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 1;
  font-weight: 720;
  cursor: pointer;
  transition: color .18s ease, background .18s ease;
}
.hero-story-switcher button::before {
  content: "";
  position: absolute;
  inset: -4px -8px;
  border-radius: 999px;
  z-index: -1;
  opacity: 0;
  background: radial-gradient(circle at 50% 50%, rgba(37,117,246,.18), rgba(22,199,166,.10) 45%, transparent 72%);
  filter: blur(10px);
  transition: opacity .18s ease;
}
.hero-story-switcher button:hover::before,
.hero-story-switcher button:focus-visible::before,
.hero-story-switcher button.active::before {
  opacity: 1;
}
.hero-story-switcher button.active {
  color: #1769d8;
  background: rgba(239, 246, 255, .80);
}
.hero-story-switcher button:focus-visible {
  outline: 2px solid rgba(37,117,246,.22);
  outline-offset: 2px;
}
[data-hero-title],
[data-hero-flow-title],
[data-hero-step-title],
[data-hero-step-text],
[data-hero-ai-note],
[data-hero-doc-title],
[data-hero-doc-line],
[data-hero-metric-label],
[data-hero-metric-value],
[data-hero-metric-note],
[data-hero-status] {
  transition: opacity .16s ease;
}
.hero-product.is-switching [data-hero-title],
.hero-product.is-switching [data-hero-flow-title],
.hero-product.is-switching [data-hero-step-title],
.hero-product.is-switching [data-hero-step-text],
.hero-product.is-switching [data-hero-ai-note],
.hero-product.is-switching [data-hero-doc-title],
.hero-product.is-switching [data-hero-doc-line],
.hero-product.is-switching [data-hero-metric-label],
.hero-product.is-switching [data-hero-metric-value],
.hero-product.is-switching [data-hero-metric-note],
.hero-product.is-switching [data-hero-status] {
  opacity: .28;
}

@media (max-width: 1120px) {
  .hero-story-switcher { margin-left: 0; margin-right: auto; }
}
@media (max-width: 760px) {
  .hero-story-switcher {
    width: 100%;
    overflow-x: auto;
    justify-content: flex-start;
    border-radius: 18px;
  }
  .hero-story-switcher button {
    flex: 0 0 auto;
    white-space: nowrap;
  }
  .cockpit-head h2[data-hero-title] {
    font-size: 21px;
  }
}

/* v23 — Above-the-fold Product Story Hero fit
   Goal: keep headline, mockup and scenario controls in the first viewport on common desktop/laptop screens. */
@media (min-width: 1121px) {
  .hero {
    min-height: calc(100svh - var(--nav-h));
    padding: clamp(28px, 4.2vh, 52px) 0 clamp(12px, 2vh, 22px);
    display: flex;
    align-items: center;
  }

  .hero-grid {
    width: 100%;
    grid-template-columns: minmax(430px, .92fr) minmax(560px, 1.08fr);
    gap: clamp(34px, 4vw, 54px);
    align-items: center;
  }

  .hero h1 {
    margin: 16px 0 16px;
    font-size: clamp(50px, 4.55vw, 68px);
    line-height: .98;
    letter-spacing: -.038em;
  }

  .hero .lead {
    font-size: clamp(17px, 1.25vw, 20px);
    line-height: 1.58;
  }

  .hero-actions {
    margin: 24px 0 18px;
  }

  .trust-row {
    gap: 8px;
  }

  .trust-row span {
    min-height: 34px;
    padding: 7px 12px;
    font-size: 12px;
    box-shadow: 0 8px 18px rgba(15,23,42,.045);
  }

  .hero-product {
    min-height: 0;
    align-self: center;
  }

  .product-shell {
    max-width: 650px;
    margin-left: auto;
    border-radius: 30px;
  }

  .product-topbar {
    height: 50px;
    padding: 0 16px;
  }

  .window-dots i {
    width: 9px;
    height: 9px;
  }

  .product-url {
    height: 29px;
    max-width: 340px;
    font-size: 11.5px;
  }

  .demo-chip,
  .status-pill {
    padding: 6px 10px;
    font-size: 11.5px;
  }

  .product-body {
    grid-template-columns: 76px 1fr;
    min-height: 430px;
  }

  .product-side {
    padding: 16px 12px;
    gap: 10px;
  }

  .product-side img {
    width: 38px;
    height: 38px;
    margin-bottom: 4px;
  }

  .product-side span {
    height: 29px;
    border-radius: 11px;
  }

  .cockpit-panel {
    padding: 18px;
  }

  .cockpit-head {
    margin-bottom: 12px;
    gap: 12px;
  }

  .cockpit-head small {
    font-size: 10.5px;
    letter-spacing: .055em;
  }

  .cockpit-head h2,
  .cockpit-head h2[data-hero-title] {
    max-width: 390px;
    margin-top: 2px;
    font-size: 21px;
    line-height: 1.08;
  }

  .metric-grid {
    gap: 10px;
    margin-bottom: 12px;
  }

  .metric-grid article {
    padding: 12px;
    border-radius: 16px;
  }

  .metric-grid small {
    font-size: 10.5px;
  }

  .metric-grid b {
    margin-top: 5px;
    font-size: 23px;
  }

  .metric-grid em {
    font-size: 10.5px;
  }

  .workflow-card {
    padding: 13px;
    border-radius: 19px;
  }

  .workflow-head {
    margin-bottom: 9px;
  }

  .workflow-step {
    grid-template-columns: 36px 1fr;
    gap: 10px;
    padding: 9px 10px;
    margin-top: 7px;
    border-radius: 14px;
  }

  .workflow-step i {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    font-size: 11px;
  }

  .workflow-step b {
    font-size: 12.5px;
  }

  .workflow-step span {
    font-size: 11.2px;
    line-height: 1.35;
  }

  .doc-card {
    top: 78px;
    left: -14px;
    width: 200px;
    padding: 13px;
  }

  .doc-card span {
    margin-top: 7px;
    padding: 7px 9px;
    font-size: 10.7px;
  }

  .ai-card {
    right: -12px;
    bottom: 38px;
    width: 238px;
    padding: 14px;
  }

  .hero-story-switcher {
    margin: -18px auto 0;
    padding: 7px;
    box-shadow: 0 14px 34px rgba(15,23,42,.075);
  }

  .hero-story-switcher button {
    min-height: 32px;
    padding: 8px 11px;
    font-size: 11.5px;
  }
}

@media (min-width: 1121px) and (max-height: 820px) {
  :root { --nav-h: 76px; }

  .brand-logo,
  .brand img.brand-logo { width: 168px; }

  .brand-tagline {
    width: 168px;
    font-size: 9.2px;
  }

  .site-header .nav-actions .btn {
    min-height: 38px;
    padding: 9px 14px;
  }

  .hero {
    padding-top: clamp(22px, 3vh, 34px);
    padding-bottom: 8px;
  }

  .hero-grid {
    grid-template-columns: minmax(410px, .88fr) minmax(540px, 1.12fr);
    gap: clamp(28px, 3.6vw, 46px);
  }

  .hero-badge-ai {
    padding: 6px 12px 6px 10px;
    font-size: 12px;
  }

  .hero-badge-ai strong,
  .hero-badge-ai i {
    font-size: 12px;
  }

  .hero h1 {
    margin: 14px 0 14px;
    font-size: clamp(46px, 4.2vw, 62px);
    line-height: .96;
  }

  .hero .lead {
    font-size: clamp(16px, 1.18vw, 18.5px);
    line-height: 1.52;
  }

  .hero-actions {
    margin: 20px 0 14px;
    gap: 10px;
  }

  .btn-lg {
    min-height: 42px;
    padding-inline: 18px;
  }

  .trust-row span {
    min-height: 31px;
    padding: 6px 11px;
    font-size: 11.5px;
  }

  .product-shell {
    max-width: 620px;
    border-radius: 28px;
  }

  .product-topbar {
    height: 46px;
  }

  .product-url {
    height: 27px;
    max-width: 320px;
  }

  .product-body {
    grid-template-columns: 70px 1fr;
    min-height: 390px;
  }

  .product-side {
    padding: 14px 11px;
    gap: 9px;
  }

  .product-side img {
    width: 34px;
    height: 34px;
  }

  .product-side span {
    height: 27px;
  }

  .cockpit-panel {
    padding: 15px;
  }

  .cockpit-head {
    margin-bottom: 10px;
  }

  .cockpit-head h2,
  .cockpit-head h2[data-hero-title] {
    max-width: 355px;
    font-size: 19.5px;
  }

  .metric-grid {
    gap: 8px;
    margin-bottom: 10px;
  }

  .metric-grid article {
    padding: 10px;
  }

  .metric-grid b {
    font-size: 21px;
  }

  .workflow-card {
    padding: 11px;
  }

  .workflow-head {
    margin-bottom: 7px;
  }

  .workflow-step {
    grid-template-columns: 32px 1fr;
    padding: 8px 9px;
    margin-top: 6px;
  }

  .workflow-step i {
    width: 32px;
    height: 32px;
    border-radius: 11px;
  }

  .workflow-step b {
    font-size: 12px;
  }

  .workflow-step span {
    font-size: 10.7px;
  }

  .doc-card {
    top: 66px;
    width: 188px;
  }

  .ai-card {
    bottom: 30px;
    width: 224px;
  }

  .hero-story-switcher {
    margin-top: -20px;
    padding: 6px;
  }

  .hero-story-switcher button {
    min-height: 30px;
    padding: 7px 10px;
    font-size: 11px;
  }
}

@media (min-width: 1121px) and (max-height: 700px) {
  .workflow-step-extra {
    display: none;
  }

  .hero h1 {
    font-size: clamp(42px, 4vw, 56px);
  }

  .product-body {
    min-height: 360px;
  }

  .hero-story-switcher {
    margin-top: -18px;
  }
}

/* v24 — Hero fit correction: restore stable centered layout, keep story controls above the fold without horizontal overflow. */
.hero,
.hero-grid,
.hero-copy,
.hero-product,
.product-shell { box-sizing: border-box; }

@media (min-width: 1121px) {
  .hero {
    min-height: auto;
    padding: clamp(34px, 4.2vh, 54px) 0 clamp(24px, 3vh, 36px);
    display: block;
    overflow: hidden;
  }

  .hero-grid.container {
    width: min(100% - 64px, var(--max));
    margin-inline: auto;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
    gap: clamp(38px, 4.6vw, 62px);
    align-items: center;
  }

  .hero-copy {
    min-width: 0;
    max-width: 610px;
  }

  .hero h1 {
    max-width: 610px;
    margin: 16px 0 16px;
    font-size: clamp(48px, 4.15vw, 64px);
    line-height: 1.01;
    letter-spacing: -.036em;
  }

  .hero .lead {
    max-width: 610px;
    font-size: clamp(16.5px, 1.18vw, 19px);
    line-height: 1.56;
  }

  .hero-actions {
    margin: 22px 0 16px;
    gap: 10px;
  }

  .btn-lg {
    min-height: 42px;
    padding: 10px 18px;
  }

  .trust-row {
    gap: 8px;
  }

  .trust-row span {
    min-height: 31px;
    padding: 6px 11px;
    font-size: 11.5px;
  }

  .hero-product {
    min-width: 0;
    min-height: 0;
    padding-bottom: 38px;
    align-self: center;
  }

  .product-shell {
    width: min(100%, 610px);
    max-width: 610px;
    margin-left: auto;
    border-radius: 30px;
  }

  .product-topbar {
    height: 48px;
    padding: 0 16px;
  }

  .product-url {
    height: 28px;
    max-width: 330px;
    font-size: 11px;
  }

  .window-dots i {
    width: 9px;
    height: 9px;
  }

  .demo-chip,
  .status-pill {
    padding: 6px 10px;
    font-size: 11px;
  }

  .product-body {
    grid-template-columns: 70px 1fr;
    min-height: 382px;
  }

  .product-side {
    padding: 14px 11px;
    gap: 9px;
  }

  .product-side img {
    width: 34px;
    height: 34px;
    margin-bottom: 4px;
  }

  .product-side span {
    height: 27px;
    border-radius: 11px;
  }

  .cockpit-panel {
    padding: 15px;
  }

  .cockpit-head {
    margin-bottom: 10px;
    gap: 12px;
  }

  .cockpit-head small {
    font-size: 10.5px;
    letter-spacing: .05em;
  }

  .cockpit-head h2,
  .cockpit-head h2[data-hero-title] {
    max-width: 360px;
    margin-top: 2px;
    font-size: 19.5px;
    line-height: 1.08;
  }

  .metric-grid {
    gap: 8px;
    margin-bottom: 10px;
  }

  .metric-grid article {
    padding: 10px;
    border-radius: 16px;
  }

  .metric-grid small {
    font-size: 10px;
  }

  .metric-grid b {
    margin-top: 5px;
    font-size: 21px;
  }

  .metric-grid em {
    font-size: 10px;
  }

  .workflow-card {
    padding: 11px;
    border-radius: 18px;
  }

  .workflow-head {
    margin-bottom: 7px;
  }

  .workflow-step {
    grid-template-columns: 32px 1fr;
    gap: 9px;
    padding: 8px 9px;
    margin-top: 6px;
    border-radius: 14px;
  }

  .workflow-step i {
    width: 32px;
    height: 32px;
    border-radius: 11px;
    font-size: 10.5px;
  }

  .workflow-step b {
    font-size: 12px;
  }

  .workflow-step span {
    font-size: 10.7px;
    line-height: 1.34;
  }

  .floating-card {
    border-radius: 20px;
  }

  .doc-card {
    top: 70px;
    left: -10px;
    width: 188px;
    padding: 13px;
  }

  .doc-card span {
    margin-top: 7px;
    padding: 7px 9px;
    font-size: 10.5px;
  }

  .ai-card {
    right: -8px;
    bottom: 44px;
    width: 224px;
    padding: 14px;
  }

  .hero-story-switcher {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    margin: 0;
    padding: 6px;
    width: max-content;
    max-width: calc(100% - 24px);
    box-shadow: 0 14px 34px rgba(15,23,42,.075);
  }

  .hero-story-switcher button {
    min-height: 30px;
    padding: 7px 10px;
    font-size: 11px;
  }
}

@media (min-width: 1121px) and (max-width: 1320px) {
  .hero-grid.container {
    width: min(100% - 48px, var(--max));
    gap: 34px;
  }

  .hero-copy {
    max-width: 540px;
  }

  .hero h1 {
    max-width: 540px;
    font-size: clamp(42px, 3.75vw, 56px);
    line-height: 1.02;
  }

  .hero .lead {
    max-width: 540px;
    font-size: 16px;
    line-height: 1.52;
  }

  .product-shell {
    width: min(100%, 560px);
    max-width: 560px;
  }

  .product-body {
    grid-template-columns: 64px 1fr;
    min-height: 360px;
  }

  .cockpit-head h2,
  .cockpit-head h2[data-hero-title] {
    font-size: 18.5px;
    max-width: 330px;
  }

  .doc-card {
    left: -8px;
    width: 176px;
  }

  .ai-card {
    right: -6px;
    width: 208px;
  }
}

@media (min-width: 1121px) and (max-height: 760px) {
  :root { --nav-h: 76px; }

  .hero {
    padding-top: clamp(20px, 2.8vh, 30px);
    padding-bottom: 14px;
  }

  .hero h1 {
    margin: 12px 0 12px;
    font-size: clamp(40px, 3.55vw, 54px);
    line-height: 1.01;
  }

  .hero .lead {
    font-size: 15.5px;
    line-height: 1.46;
  }

  .hero-actions {
    margin: 18px 0 12px;
  }

  .trust-row span {
    min-height: 29px;
    padding: 5px 10px;
    font-size: 11px;
  }

  .product-shell {
    max-width: 540px;
  }

  .product-topbar {
    height: 44px;
  }

  .product-body {
    grid-template-columns: 62px 1fr;
    min-height: 340px;
  }

  .product-side span {
    height: 24px;
  }

  .workflow-step-extra {
    display: none;
  }

  .cockpit-panel {
    padding: 13px;
  }

  .metric-grid article {
    padding: 9px;
  }

  .metric-grid b {
    font-size: 19px;
  }

  .workflow-step {
    grid-template-columns: 30px 1fr;
    padding: 7px 8px;
  }

  .workflow-step i {
    width: 30px;
    height: 30px;
  }

  .doc-card {
    top: 58px;
    width: 168px;
  }

  .ai-card {
    bottom: 34px;
    width: 200px;
  }

  .hero-story-switcher button {
    min-height: 28px;
    padding: 6px 9px;
    font-size: 10.8px;
  }
}


/* v25 - Product-story strengthening: flows, Document Center spotlight, CTA form, a11y fallbacks */
.flow-section .container,
.document-spotlight .container {
  position: relative;
  border: 1px solid rgba(191,210,236,.95);
  border-radius: var(--radius-xl);
  background:
    radial-gradient(circle at 12% 0%, rgba(37,117,246,.08), transparent 22rem),
    radial-gradient(circle at 90% 15%, rgba(22,199,166,.08), transparent 24rem),
    linear-gradient(180deg, rgba(255,255,255,.97), rgba(248,251,255,.94));
  box-shadow: var(--shadow-soft);
  overflow: hidden;
}
.flow-section .container { padding: 32px; }
.flow-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.flow-card {
  position: relative;
  padding: 22px;
  border: 1px solid rgba(200,215,235,.95);
  border-radius: 24px;
  background: rgba(255,255,255,.84);
  box-shadow: 0 18px 48px rgba(15,23,42,.07);
  overflow: hidden;
}
.flow-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: linear-gradient(90deg, var(--primary), #16c7a6);
}
.flow-card-head {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  margin-bottom: 18px;
}
.flow-card-head > span {
  display: grid;
  place-items: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(135deg, var(--primary), #2575f6);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .04em;
}
.flow-card-head small {
  display: block;
  color: var(--muted);
  font-weight: 800;
  font-size: 12px;
  margin-bottom: 4px;
}
.flow-card-head h3 {
  margin: 0;
  color: #111827;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: -.02em;
}
.flow-card ol {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: flow;
}
.flow-card li {
  position: relative;
  display: grid;
  gap: 3px;
  padding: 12px 12px 12px 44px;
  border: 1px solid rgba(214,226,241,.86);
  border-radius: 16px;
  background: rgba(248,251,255,.82);
  counter-increment: flow;
}
.flow-card li::before {
  content: counter(flow, decimal-leading-zero);
  position: absolute;
  left: 12px;
  top: 12px;
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 9px;
  color: var(--primary);
  background: rgba(108,80,191,.1);
  font-size: 10px;
  font-weight: 900;
}
.flow-card li b { color: #172033; font-size: 13px; }
.flow-card li span { color: var(--muted); font-size: 12.5px; line-height: 1.45; }

.document-spotlight-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
  gap: 28px;
  align-items: center;
  padding: 34px;
}
.document-copy h2 {
  margin: 16px 0 14px;
  max-width: 760px;
  color: #101828;
  font-size: clamp(30px, 3.2vw, 48px);
  line-height: 1.03;
  letter-spacing: -.045em;
}
.document-copy p {
  max-width: 760px;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.62;
}
.document-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 22px;
}
.document-feature-grid article {
  padding: 16px;
  border: 1px solid rgba(200,215,235,.9);
  border-radius: 18px;
  background: rgba(255,255,255,.78);
}
.document-feature-grid b {
  display: block;
  margin-bottom: 6px;
  color: #172033;
  font-size: 14px;
}
.document-feature-grid span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}
.document-console {
  border: 1px solid rgba(153,177,210,.5);
  border-radius: 28px;
  background: linear-gradient(180deg, #fff, #f7fbff);
  box-shadow: 0 28px 70px rgba(15,23,42,.12);
  overflow: hidden;
}
.document-console-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px;
  color: #fff;
  background: linear-gradient(135deg, #111827, #38425b);
}
.document-console-top b { font-size: 17px; }
.document-console-top span {
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.13);
  font-size: 12px;
  font-weight: 800;
}
.document-console-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 16px 18px 6px;
}
.document-console-toolbar span {
  padding: 7px 10px;
  border-radius: 999px;
  color: #175cd3;
  background: rgba(37,117,246,.08);
  border: 1px solid rgba(37,117,246,.14);
  font-size: 12px;
  font-weight: 800;
}
.document-row {
  display: grid;
  grid-template-columns: 44px 1fr auto;
  gap: 12px;
  align-items: center;
  margin: 12px 18px;
  padding: 14px;
  border: 1px solid rgba(214,226,241,.95);
  border-radius: 18px;
  background: #fff;
}
.document-row i {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  color: #fff;
  background: var(--primary);
  font-style: normal;
  font-size: 12px;
  font-weight: 900;
}
.document-row b { display: block; color: #172033; font-size: 14px; margin-bottom: 3px; }
.document-row small { color: var(--muted); font-weight: 700; }
.document-row em {
  padding: 7px 10px;
  border-radius: 999px;
  color: #027a48;
  background: rgba(24,184,111,.1);
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}
.document-console-audit {
  margin: 14px 18px 18px;
  padding: 16px;
  border-radius: 18px;
  color: #fff;
  background: linear-gradient(135deg, var(--primary), #2575f6);
}
.document-console-audit b { display: block; margin-bottom: 5px; }
.document-console-audit span { color: rgba(255,255,255,.86); font-size: 13px; }

.stats-grid-extended { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cta-card-form { grid-template-columns: minmax(0, 1fr) minmax(340px, 440px); align-items: stretch; }
.cta-panel-dark { margin-top: 22px; background: rgba(255,255,255,.1); }
.demo-form {
  display: grid;
  align-content: start;
  gap: 13px;
  padding: 22px;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 24px;
  background: rgba(255,255,255,.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16);
}
.demo-form > b { color: #fff; font-size: 20px; letter-spacing: -.02em; }
.demo-form label {
  display: grid;
  gap: 7px;
  color: rgba(255,255,255,.86);
  font-size: 13px;
  font-weight: 800;
}
.demo-form input,
.demo-form select {
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 13px;
  color: #172033;
  background: rgba(255,255,255,.94);
  font: inherit;
  outline: none;
}
.demo-form input:focus,
.demo-form select:focus {
  border-color: #fff;
  box-shadow: 0 0 0 3px rgba(255,255,255,.18);
}
.form-note { margin: 0; color: rgba(255,255,255,.72); font-size: 12px; line-height: 1.45; }

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

@media (max-width: 1020px) {
  .flow-grid,
  .document-spotlight-grid,
  .cta-card-form { grid-template-columns: 1fr; }
  .document-spotlight-grid,
  .flow-section .container { padding: 24px; }
  .stats-grid-extended { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .flow-card { padding: 18px; }
  .flow-card-head h3 { font-size: 18px; }
  .document-feature-grid,
  .stats-grid-extended { grid-template-columns: 1fr; }
  .document-row { grid-template-columns: 40px 1fr; }
  .document-row em { grid-column: 2; width: max-content; }
  .demo-form { padding: 18px; }
}

/* v26 — responsive hardening for phone/tablet/desktop
   Fixes: small-device header fit, natural text wrapping, compact mobile mockups,
   stable cards/grids, safe long text, and scrollable controls without layout overflow. */
html,
body {
  width: 100%;
  max-width: 100%;
}

body {
  overflow-x: hidden;
}

@supports (overflow: clip) {
  body { overflow-x: clip; }
}

.site-header,
.nav,
.hero-grid,
.hero-copy,
.hero-product,
.product-shell,
.product-body,
.cockpit-panel,
.section > .container,
.module-ribbon-card,
.flow-card,
.document-spotlight-grid,
.document-console,
.cta-card,
.footer {
  min-width: 0;
  max-width: 100%;
}

.hero h1,
.section-head h2,
.module-ribbon-head h2,
.flow-card-head h3,
.document-copy h2,
.module-card h3,
.backbone-grid b,
.role-grid h3,
.cta-card h2 {
  overflow-wrap: anywhere;
  text-wrap: balance;
}

.lead,
.section-head p,
.module-ribbon-head p,
.value-card p,
.flow-card li span,
.tile-grid p,
.ai-flow-list p,
.document-copy p,
.document-feature-grid span,
.module-card p,
.module-card li,
.backbone-grid span,
.role-grid p,
.proof-card p,
.cta-card p,
.cta-panel li,
.form-note {
  overflow-wrap: anywhere;
}

.nav {
  min-width: 0;
}

.brand {
  min-width: 0;
  flex-shrink: 1;
}

.nav-actions {
  flex: 0 0 auto;
  min-width: 0;
}

.menu-btn {
  flex: 0 0 auto;
}

.nav-links.is-open {
  max-height: calc(100svh - var(--nav-h) - 20px);
  overflow-y: auto;
  overscroll-behavior: contain;
}

.hero-badge,
.hero-badge-ai,
.hero-badge-ai strong,
.hero-badge-ai i,
.ai-wordmark {
  min-width: 0;
}

.hero-badge-ai strong {
  flex-wrap: wrap;
  white-space: normal;
}

.product-topbar,
.cockpit-head,
.workflow-head,
.document-console-top,
.document-row,
.cta-actions {
  min-width: 0;
}

.workflow-step > div,
.document-row > div,
.ai-flow-content {
  min-width: 0;
}

.document-row small,
.document-console-audit span {
  overflow-wrap: anywhere;
}

.module-tabs,
.hero-story-switcher {
  -webkit-overflow-scrolling: touch;
}

.hero-story-switcher::-webkit-scrollbar,
.module-tabs::-webkit-scrollbar {
  display: none;
}

.hero-story-switcher,
.module-tabs {
  scrollbar-width: none;
}

@media (max-width: 1020px) {
  .hero-grid.container {
    width: min(100% - 40px, var(--max));
  }

  .document-console,
  .showcase-window,
  .ai-copy,
  .split-copy {
    width: 100%;
  }
}

@media (min-width: 761px) and (max-width: 1140px) {
  .hero-grid {
    align-items: start;
  }

  .product-shell {
    width: min(100%, 720px);
    margin-inline: auto;
  }

  .metric-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .flow-grid,
  .modules-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .document-spotlight-grid,
  .cta-card-form {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  :root { --nav-h: 64px; }

  .container,
  .hero-grid.container {
    width: min(100% - 28px, var(--max));
  }

  .site-header .nav {
    gap: 9px;
  }

  .brand-logo,
  .brand img.brand-logo {
    width: 132px;
  }

  .brand-tagline {
    width: 146px;
    font-size: 7.7px;
    letter-spacing: .045em;
  }

  .site-header .nav-actions {
    gap: 7px;
  }

  .site-header .nav-actions .btn {
    min-height: 36px;
    padding: 7px 11px;
    font-size: 12.5px;
  }

  .menu-btn {
    width: 40px;
    height: 40px;
    border-radius: 12px;
  }

  .nav-links.is-open {
    left: 14px;
    right: 14px;
    top: calc(var(--nav-h) + 6px);
    border-radius: 18px;
  }

  .hero {
    padding: 34px 0 22px;
  }

  .hero h1 {
    margin: 16px 0 14px;
    font-size: clamp(34px, 10.4vw, 42px);
    line-height: 1.05;
    letter-spacing: -.032em;
  }

  .hero h1 span {
    display: inline;
  }

  .hero h1 span:first-child::after {
    content: " ";
  }

  .lead {
    font-size: 15.5px;
    line-height: 1.6;
  }

  .hero-actions {
    gap: 10px;
    margin: 24px 0 18px;
  }

  .hero-actions .btn-lg {
    flex: 1 1 170px;
  }

  .hero-badge-ai {
    align-items: flex-start;
    gap: 7px 9px;
    border-radius: 18px;
    white-space: normal;
  }

  .hero-badge-ai i {
    flex-basis: 100%;
    padding-left: 17px;
  }

  .hero-badge-ai i::before {
    display: none;
  }

  .product-shell {
    border-radius: 26px;
  }

  .product-shell::before {
    inset: 9px;
    border-radius: 20px;
  }

  .product-topbar {
    min-height: 46px;
    height: auto;
    padding: 8px 12px;
    gap: 8px;
  }

  .demo-chip,
  .status-pill {
    padding: 5px 8px;
    font-size: 10.5px;
    line-height: 1.15;
  }

  .cockpit-panel {
    padding: 16px;
  }

  .cockpit-head {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .cockpit-head h2,
  .cockpit-head h2[data-hero-title] {
    max-width: none;
    font-size: 21px;
    line-height: 1.12;
  }

  .metric-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }

  .metric-grid article {
    padding: 10px 8px;
    border-radius: 15px;
  }

  .metric-grid small,
  .metric-grid em {
    font-size: 9.5px;
    line-height: 1.25;
  }

  .metric-grid b {
    font-size: 20px;
  }

  .workflow-card {
    padding: 13px;
  }

  .workflow-head {
    flex-wrap: wrap;
  }

  .workflow-step {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 9px;
    padding: 10px;
  }

  .workflow-step i {
    width: 34px;
    height: 34px;
    border-radius: 12px;
  }

  .module-ribbon-card,
  .section > .container,
  .proof-card,
  .cta-card {
    padding: 22px 16px;
    border-radius: 24px;
  }

  .module-ribbon-card::before,
  .section > .container::before,
  .proof-card::before,
  .cta-card::before {
    inset: 8px;
    border-radius: 18px;
  }

  .module-ribbon-track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .module-ribbon-item {
    min-height: 110px;
    padding: 13px 8px 11px;
    border-radius: 18px;
  }

  .module-ribbon-icon {
    width: 42px;
    height: 42px;
    border-radius: 15px;
  }

  .module-ribbon-icon svg {
    width: 21px;
    height: 21px;
  }

  .module-ribbon-item strong {
    min-height: auto;
    font-size: 12.5px;
  }

  .module-ribbon-item small {
    font-size: 10.5px;
  }

  .flow-section .container,
  .document-spotlight-grid {
    padding: 22px 16px;
  }

  .flow-card {
    padding: 18px;
    border-radius: 20px;
  }

  .flow-card li {
    padding: 11px 11px 11px 42px;
  }

  .showcase-head {
    height: auto;
    min-height: 54px;
    align-items: flex-start;
    flex-direction: column;
    padding: 14px 16px;
  }

  .tile-grid {
    grid-template-columns: 1fr;
  }

  .ai-copy {
    min-height: auto;
    border-radius: 24px;
  }

  .ai-flow-list article {
    border-radius: 22px;
  }

  .module-tabs {
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 2px;
  }

  .module-tabs button {
    flex: 0 0 auto;
  }

  .document-console {
    border-radius: 22px;
  }

  .document-console-top {
    gap: 8px;
    padding: 15px 16px;
  }

  .document-console-toolbar {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 14px 16px 4px;
  }

  .document-console-toolbar span {
    flex: 0 0 auto;
  }

  .document-row {
    margin: 10px 14px;
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .document-row em {
    grid-column: 2;
    justify-self: start;
    width: max-content;
    max-width: 100%;
  }

  .document-console-audit {
    margin: 12px 14px 16px;
  }

  .cta-actions .btn,
  .demo-form .btn {
    width: 100%;
  }

  .footer {
    align-items: flex-start;
    gap: 14px;
  }
}

@media (max-width: 480px) {
  .container,
  .hero-grid.container {
    width: min(100% - 24px, var(--max));
  }

  .hero h1 {
    font-size: clamp(31px, 9.8vw, 38px);
  }

  .btn-lg {
    width: 100%;
  }

  .hero-story-switcher {
    border-radius: 16px;
  }

  .hero-story-switcher button {
    min-height: 32px;
    padding: 8px 10px;
    font-size: 11px;
  }

  .metric-grid {
    grid-template-columns: 1fr;
  }

  .module-ribbon-head h2,
  .section-head h2,
  .split-copy h2,
  .ai-copy h2,
  .document-copy h2,
  .proof-card h2,
  .cta-card h2 {
    font-size: clamp(25px, 7.6vw, 34px);
    line-height: 1.08;
  }

  .document-feature-grid,
  .stats-grid,
  .stats-grid-extended {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 380px) {
  .container,
  .hero-grid.container {
    width: min(100% - 22px, var(--max));
  }

  .brand-logo,
  .brand img.brand-logo {
    width: 122px;
  }

  .brand-tagline {
    width: 136px;
    font-size: 7px;
    letter-spacing: .035em;
  }

  .site-header .nav {
    gap: 7px;
  }

  .site-header .nav-actions {
    gap: 6px;
  }

  .site-header .nav-actions .btn {
    min-height: 34px;
    padding: 7px 9px;
    font-size: 11.5px;
  }

  .menu-btn {
    width: 36px;
    height: 36px;
  }

  .menu-btn span {
    width: 16px;
  }

  .hero {
    padding-top: 28px;
  }

  .hero h1 {
    font-size: clamp(29px, 9.2vw, 35px);
  }

  .hero-badge-ai {
    padding: 7px 10px;
  }

  .hero-badge-ai strong,
  .hero-badge-ai i {
    font-size: 10.5px;
  }

  .module-ribbon-card,
  .section > .container,
  .proof-card,
  .cta-card,
  .flow-section .container,
  .document-spotlight-grid {
    padding: 20px 14px;
  }

  .workflow-step {
    grid-template-columns: 32px minmax(0, 1fr);
  }

  .workflow-step i {
    width: 32px;
    height: 32px;
  }

  .document-console-toolbar {
    flex-direction: column;
    align-items: stretch;
    overflow-x: visible;
  }

  .document-console-toolbar span {
    width: 100%;
  }
}

@media (max-width: 340px) {
  .site-header .nav-actions .btn-primary {
    display: none;
  }

  .module-ribbon-track {
    grid-template-columns: 1fr;
  }
}

/* v27 — semantic governance icons for SaaS backbone cards
   Replaces generic gradient blobs with meaningful, modern SVG icon badges. */
.backbone-grid article::before {
  content: none;
}

.backbone-card {
  --icon-accent: #175cd3;
  --icon-rgb: 37, 117, 246;
  --icon-accent-soft: rgba(37, 117, 246, .12);
  --icon-accent-glow: rgba(37, 117, 246, .18);
  display: flex;
  flex-direction: column;
  border-color: rgba(196, 216, 244, .94);
  background:
    radial-gradient(circle at 86% 0%, var(--icon-accent-soft), transparent 9rem),
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(249,252,255,.88));
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

.backbone-card:hover {
  transform: translateY(-4px);
  border-color: rgba(var(--icon-rgb), .34);
  box-shadow: 0 22px 46px rgba(15,23,42,.10), 0 12px 30px var(--icon-accent-glow);
}

.backbone-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
}

.backbone-code {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  max-width: calc(100% - 66px);
  height: 25px;
  padding: 0 10px;
  border: 1px solid rgba(var(--icon-rgb), .22);
  border-radius: 999px;
  color: var(--icon-accent);
  background: rgba(var(--icon-rgb), .08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 10px 22px rgba(37,117,246,.06);
  font-size: 10px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .08em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.backbone-icon {
  position: relative;
  flex: 0 0 auto;
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 21px;
  color: #fff;
  background:
    radial-gradient(circle at 24% 20%, rgba(255,255,255,.62), transparent 31%),
    linear-gradient(135deg, var(--icon-accent), #16c7a6);
  box-shadow: 0 16px 34px var(--icon-accent-glow), inset 0 1px 0 rgba(255,255,255,.34);
  overflow: hidden;
  isolation: isolate;
}

.backbone-icon::before {
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: 16px;
  background:
    linear-gradient(rgba(255,255,255,.20) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.16) 1px, transparent 1px);
  background-size: 10px 10px;
  opacity: .34;
  z-index: -1;
}

.backbone-icon::after {
  content: "";
  position: absolute;
  right: -10px;
  bottom: -10px;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: rgba(255,255,255,.25);
}

.backbone-icon svg {
  width: 29px;
  height: 29px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.85;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 4px 8px rgba(15,23,42,.14));
}

.backbone-card b {
  margin-bottom: 9px;
}

.backbone-card--tenant { --icon-accent: #175cd3; --icon-rgb: 37, 117, 246; --icon-accent-soft: rgba(37,117,246,.12); --icon-accent-glow: rgba(37,117,246,.18); }
.backbone-card--rbac { --icon-accent: #4f46e5; --icon-rgb: 79, 70, 229; --icon-accent-soft: rgba(79,70,229,.11); --icon-accent-glow: rgba(79,70,229,.16); }
.backbone-card--workflow { --icon-accent: #7c3aed; --icon-rgb: 124, 58, 237; --icon-accent-soft: rgba(124,58,237,.10); --icon-accent-glow: rgba(124,58,237,.15); }
.backbone-card--activity { --icon-accent: #0891b2; --icon-rgb: 8, 145, 178; --icon-accent-soft: rgba(8,145,178,.11); --icon-accent-glow: rgba(8,145,178,.15); }
.backbone-card--audit { --icon-accent: #0f766e; --icon-rgb: 15, 118, 110; --icon-accent-soft: rgba(15,118,110,.10); --icon-accent-glow: rgba(15,118,110,.14); }
.backbone-card--storage { --icon-accent: #0284c7; --icon-rgb: 2, 132, 199; --icon-accent-soft: rgba(2,132,199,.10); --icon-accent-glow: rgba(2,132,199,.14); }
.backbone-card--org { --icon-accent: #2563eb; --icon-rgb: 37, 99, 235; --icon-accent-soft: rgba(37,99,235,.10); --icon-accent-glow: rgba(37,99,235,.15); }
.backbone-card--admin { --icon-accent: #0ea5e9; --icon-rgb: 14, 165, 233; --icon-accent-soft: rgba(14,165,233,.10); --icon-accent-glow: rgba(14,165,233,.15); }

@media (max-width: 760px) {
  .backbone-card {
    min-height: 0;
    padding: 18px;
    border-radius: 22px;
  }

  .backbone-card-top {
    margin-bottom: 14px;
  }

  .backbone-code {
    height: 23px;
    padding: 0 8px;
    font-size: 9px;
    letter-spacing: .07em;
  }

  .backbone-icon {
    width: 48px;
    height: 48px;
    border-radius: 18px;
  }

  .backbone-icon svg {
    width: 25px;
    height: 25px;
    stroke-width: 1.9;
  }
}

@media (max-width: 380px) {
  .backbone-card {
    padding: 16px;
  }

  .backbone-card-top {
    gap: 10px;
  }

  .backbone-code {
    max-width: calc(100% - 56px);
  }

  .backbone-icon {
    width: 44px;
    height: 44px;
    border-radius: 16px;
  }

  .backbone-icon svg {
    width: 23px;
    height: 23px;
  }
}


/* v28 — Backbone control-plane redesign
   Aligns the governance section with the module ribbon's premium SaaS language
   without repeating the same module-tile layout. */
.backbone-section > .container {
  background:
    radial-gradient(circle at 12% 4%, rgba(37,117,246,.075), transparent 23rem),
    radial-gradient(circle at 88% 8%, rgba(22,199,166,.09), transparent 23rem),
    radial-gradient(circle at 52% 100%, rgba(124,58,237,.045), transparent 27rem),
    linear-gradient(180deg, rgba(255,255,255,.965), rgba(248,252,255,.94));
}

.backbone-section .section-head {
  display: block;
  max-width: 900px;
  margin: 0 auto 28px;
  text-align: center;
}

.backbone-section .section-head .eyebrow {
  margin: 0 auto;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.backbone-section .section-head h2 {
  max-width: 820px;
  margin: 16px auto 0;
  font-size: clamp(32px, 3.35vw, 46px);
}

.backbone-section .section-head p {
  max-width: 780px;
  margin: 14px auto 0;
}

.backbone-rail-shell {
  position: relative;
  z-index: 1;
  max-width: 1060px;
  margin: 0 auto;
}

.backbone-rail-shell::before {
  content: "";
  position: absolute;
  left: 7%;
  right: 7%;
  top: 168px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(37,117,246,.30), rgba(22,199,166,.26), transparent);
  opacity: .8;
  pointer-events: none;
}

.backbone-rail-shell::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 116px;
  width: 1px;
  height: 92px;
  background: linear-gradient(180deg, rgba(37,117,246,.28), rgba(22,199,166,.16), transparent);
  transform: translateX(-50%);
  pointer-events: none;
}

.backbone-core-card {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 20px;
  max-width: 900px;
  min-height: 132px;
  margin: 0 auto 26px;
  padding: 22px 24px;
  border: 1px solid rgba(191,210,236,.96);
  border-radius: 30px;
  background:
    radial-gradient(circle at 9% 8%, rgba(37,117,246,.12), transparent 15rem),
    radial-gradient(circle at 92% 14%, rgba(22,199,166,.12), transparent 15rem),
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(244,250,255,.86));
  box-shadow: 0 26px 60px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.86);
  overflow: hidden;
}

.backbone-core-card::before {
  content: "";
  position: absolute;
  inset: 10px;
  border: 1px solid rgba(255,255,255,.82);
  border-radius: 22px;
  pointer-events: none;
}

.backbone-core-card::after {
  content: "";
  position: absolute;
  inset: -80px 18% auto;
  height: 150px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(37,117,246,.13), rgba(22,199,166,.13), rgba(124,58,237,.10));
  filter: blur(24px);
  opacity: .9;
  pointer-events: none;
}

.backbone-core-orb {
  position: relative;
  z-index: 1;
  width: 66px;
  height: 66px;
  display: grid;
  place-items: center;
  border-radius: 24px;
  color: #fff;
  background:
    radial-gradient(circle at 28% 20%, rgba(255,255,255,.58), transparent 32%),
    linear-gradient(135deg, #2575f6, #16c7a6);
  box-shadow: 0 20px 42px rgba(37,117,246,.18), inset 0 1px 0 rgba(255,255,255,.32);
}

.backbone-core-orb svg {
  width: 34px;
  height: 34px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.backbone-core-copy {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.backbone-core-kicker {
  display: block;
  color: #175cd3;
  font-size: 11px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.backbone-core-copy h3 {
  max-width: 560px;
  margin: 8px 0 7px;
  color: var(--ink);
  font-family: var(--display);
  font-size: clamp(22px, 2.2vw, 30px);
  line-height: 1.08;
  letter-spacing: -.026em;
  font-weight: 800;
}

.backbone-core-copy p {
  max-width: 650px;
  margin: 0;
  color: #53627a;
  font-size: 14px;
  line-height: 1.62;
  font-weight: 600;
}

.backbone-core-pills {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, max-content);
  gap: 8px;
  justify-content: end;
}

.backbone-core-pills span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0 11px;
  border: 1px solid rgba(37,117,246,.16);
  border-radius: 999px;
  color: #43536d;
  background: rgba(255,255,255,.72);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85);
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}

.backbone-section .backbone-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.backbone-section .backbone-grid article,
.backbone-section .backbone-card {
  --icon-accent: #2575f6;
  --icon-rgb: 37, 117, 246;
  --icon-accent-soft: rgba(37,117,246,.11);
  --icon-accent-glow: rgba(37,117,246,.16);
  min-height: 190px;
  padding: 18px;
  border: 1px solid rgba(198,216,241,.94);
  border-radius: 22px;
  background:
    radial-gradient(circle at 96% 0%, var(--icon-accent-soft), transparent 8.2rem),
    linear-gradient(180deg, rgba(255,255,255,.90), rgba(248,252,255,.82));
  box-shadow: 0 16px 38px rgba(15,23,42,.065), inset 0 1px 0 rgba(255,255,255,.74);
  overflow: hidden;
}

.backbone-section .backbone-card::before {
  content: "";
  position: absolute;
  width: 54px;
  height: 54px;
  right: -18px;
  top: -18px;
  display: block;
  margin: 0;
  border-radius: 18px;
  background: var(--icon-accent);
  opacity: .075;
  transform: rotate(24deg);
  box-shadow: none;
}

.backbone-section .backbone-card::after {
  content: "";
  position: absolute;
  inset: auto 16px -34px;
  height: 62px;
  border-radius: 999px;
  background: var(--icon-accent);
  opacity: .075;
  filter: blur(12px);
  transition: opacity .18s ease, transform .18s ease;
  pointer-events: none;
}

.backbone-section .backbone-card:hover {
  transform: translateY(-4px);
  border-color: rgba(var(--icon-rgb), .32);
  box-shadow: 0 22px 48px rgba(15,23,42,.10), 0 10px 28px var(--icon-accent-glow);
}

.backbone-section .backbone-card:hover::after {
  opacity: .14;
  transform: translateY(-4px);
}

.backbone-section .backbone-card-top {
  position: relative;
  z-index: 1;
  justify-content: flex-start;
  gap: 11px;
  margin-bottom: 15px;
}

.backbone-section .backbone-icon {
  order: 1;
  width: 46px;
  height: 46px;
  border-radius: 17px;
  color: #fff;
  background:
    radial-gradient(circle at 30% 19%, rgba(255,255,255,.52), transparent 35%),
    linear-gradient(135deg, var(--icon-accent), #16c7a6);
  box-shadow: 0 16px 32px var(--icon-accent-glow), inset 0 1px 0 rgba(255,255,255,.32);
}

.backbone-section .backbone-icon::before {
  inset: 7px;
  border-radius: 13px;
  opacity: .24;
  background:
    linear-gradient(rgba(255,255,255,.18) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.14) 1px, transparent 1px);
  background-size: 9px 9px;
}

.backbone-section .backbone-icon::after {
  right: -9px;
  bottom: -9px;
  width: 24px;
  height: 24px;
  opacity: .76;
}

.backbone-section .backbone-icon svg {
  width: 23px;
  height: 23px;
  stroke-width: 1.9;
}

.backbone-section .backbone-code {
  order: 2;
  height: auto;
  max-width: calc(100% - 58px);
  padding: 0;
  border: 0;
  border-radius: 0;
  color: var(--icon-accent);
  background: transparent;
  box-shadow: none;
  font-size: 10.5px;
  line-height: 1.2;
  letter-spacing: .10em;
}

.backbone-section .backbone-code::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 7px;
  border-radius: 999px;
  background: currentColor;
  box-shadow: 0 0 0 5px rgba(var(--icon-rgb), .09);
  vertical-align: 1px;
}

.backbone-section .backbone-card b {
  position: relative;
  z-index: 1;
  min-height: 40px;
  margin: 0 0 8px;
  color: var(--ink);
  font-size: 15.5px;
  line-height: 1.22;
  font-weight: 800;
  letter-spacing: -.018em;
}

.backbone-section .backbone-card > span:not(.backbone-code):not(.backbone-icon) {
  position: relative;
  z-index: 1;
  color: #53627a;
  font-size: 13px;
  line-height: 1.55;
  font-weight: 600;
}

.backbone-section .backbone-card--tenant { --icon-accent: #2575f6; --icon-rgb: 37, 117, 246; --icon-accent-soft: rgba(37,117,246,.105); --icon-accent-glow: rgba(37,117,246,.16); }
.backbone-section .backbone-card--rbac { --icon-accent: #5565ff; --icon-rgb: 85, 101, 255; --icon-accent-soft: rgba(85,101,255,.095); --icon-accent-glow: rgba(85,101,255,.15); }
.backbone-section .backbone-card--workflow { --icon-accent: #725cf6; --icon-rgb: 114, 92, 246; --icon-accent-soft: rgba(114,92,246,.09); --icon-accent-glow: rgba(114,92,246,.14); }
.backbone-section .backbone-card--activity { --icon-accent: #06a7be; --icon-rgb: 6, 167, 190; --icon-accent-soft: rgba(6,167,190,.10); --icon-accent-glow: rgba(6,167,190,.14); }
.backbone-section .backbone-card--audit { --icon-accent: #10a17f; --icon-rgb: 16, 161, 127; --icon-accent-soft: rgba(16,161,127,.095); --icon-accent-glow: rgba(16,161,127,.13); }
.backbone-section .backbone-card--storage { --icon-accent: #1685e6; --icon-rgb: 22, 133, 230; --icon-accent-soft: rgba(22,133,230,.095); --icon-accent-glow: rgba(22,133,230,.13); }
.backbone-section .backbone-card--org { --icon-accent: #3b72f6; --icon-rgb: 59, 114, 246; --icon-accent-soft: rgba(59,114,246,.095); --icon-accent-glow: rgba(59,114,246,.14); }
.backbone-section .backbone-card--admin { --icon-accent: #0ab5c4; --icon-rgb: 10, 181, 196; --icon-accent-soft: rgba(10,181,196,.10); --icon-accent-glow: rgba(10,181,196,.14); }

@media (max-width: 1020px) {
  .backbone-core-card {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .backbone-core-pills {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .backbone-section .backbone-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .backbone-rail-shell::before,
  .backbone-rail-shell::after {
    display: none;
  }
}

@media (max-width: 760px) {
  .backbone-section .section-head {
    text-align: left;
  }

  .backbone-section .section-head .eyebrow,
  .backbone-section .section-head h2,
  .backbone-section .section-head p {
    margin-left: 0;
    margin-right: 0;
  }

  .backbone-core-card {
    grid-template-columns: 1fr;
    justify-items: start;
    gap: 14px;
    min-height: 0;
    margin-bottom: 16px;
    padding: 18px;
    border-radius: 24px;
  }

  .backbone-core-card::before {
    inset: 8px;
    border-radius: 18px;
  }

  .backbone-core-orb {
    width: 54px;
    height: 54px;
    border-radius: 19px;
  }

  .backbone-core-orb svg {
    width: 28px;
    height: 28px;
  }

  .backbone-core-copy h3 {
    font-size: clamp(21px, 6.2vw, 28px);
  }

  .backbone-core-pills {
    justify-content: flex-start;
  }

  .backbone-section .backbone-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .backbone-section .backbone-grid article,
  .backbone-section .backbone-card {
    min-height: 0;
    padding: 16px;
    border-radius: 20px;
  }

  .backbone-section .backbone-card-top {
    margin-bottom: 12px;
  }

  .backbone-section .backbone-icon {
    width: 42px;
    height: 42px;
    border-radius: 15px;
  }

  .backbone-section .backbone-icon svg {
    width: 21px;
    height: 21px;
  }

  .backbone-section .backbone-card b {
    min-height: 0;
    font-size: 15px;
  }
}

@media (max-width: 380px) {
  .backbone-core-pills span {
    min-height: 26px;
    padding: 0 9px;
    font-size: 10px;
  }

  .backbone-section .backbone-code {
    font-size: 9.5px;
    letter-spacing: .08em;
  }
}


/* Sales readiness additions */
.text-link{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-weight:800;color:#2563eb;text-decoration:none}.text-link:hover{text-decoration:underline}.module-card-featured{border-color:rgba(37,99,235,.28);box-shadow:0 20px 55px rgba(37,99,235,.12)}.section-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.expense-intelligence-section{background:linear-gradient(180deg,#f8fbff 0%,#fff 100%)}.expense-highlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.expense-highlight-grid article{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:24px;padding:22px;box-shadow:0 18px 45px rgba(15,23,42,.06)}.expense-highlight-grid b{display:block;color:#0f172a;font-size:18px;margin-bottom:8px}.expense-highlight-grid span{display:block;color:#526174;line-height:1.58}.sales-hero{padding:136px 0 68px;background:radial-gradient(circle at 10% 15%,rgba(59,130,246,.16),transparent 34%),linear-gradient(180deg,#f7fbff 0%,#fff 100%)}.sales-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:center}.sales-hero h1{font-size:clamp(38px,5vw,68px);line-height:1.02;margin:16px 0}.sales-hero .lead{font-size:20px;line-height:1.65;color:#42526b}.sales-kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sales-kpi-grid article,.sales-panel{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:26px;padding:22px;box-shadow:0 18px 50px rgba(15,23,42,.08)}.sales-kpi-grid b{display:block;font-size:28px;color:#0f172a}.sales-kpi-grid span{display:block;color:#64748b;margin-top:4px}.sales-panel h3{margin:0 0 14px}.sales-panel ul{margin:0;padding-left:18px;color:#475569;line-height:1.7}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.comparison-card{border-radius:28px;padding:26px;border:1px solid rgba(15,23,42,.08);background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.06)}.comparison-card h3{margin-top:0}.comparison-card ul{margin:0;padding-left:20px;line-height:1.85}.comparison-card--before{background:#fff7ed}.comparison-card--after{background:#eff6ff}.timeline-flow{display:grid;gap:14px;counter-reset:step}.timeline-flow article{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:flex-start;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:22px;padding:20px;box-shadow:0 12px 34px rgba(15,23,42,.05)}.timeline-flow article:before{counter-increment:step;content:counter(step,decimal-leading-zero);display:grid;place-items:center;width:42px;height:42px;border-radius:16px;background:#e0ecff;color:#1d4ed8;font-weight:900}.timeline-flow h3{margin:0 0 6px}.timeline-flow p{margin:0;color:#526174;line-height:1.6}.feature-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.feature-matrix article{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:24px;padding:22px;box-shadow:0 14px 38px rgba(15,23,42,.05)}.feature-matrix h3{margin:0 0 8px}.feature-matrix p{color:#526174;line-height:1.62}.feature-matrix small{display:inline-block;margin-top:10px;color:#2563eb;font-weight:800}.buyer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.buyer-grid article{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:24px;padding:22px}.buyer-grid h3{margin-top:0}.buyer-grid p{color:#526174}.security-list{display:grid;gap:14px}.security-list article{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:24px;padding:22px}.security-list h3{margin:0 0 8px}.security-list p{margin:0;color:#526174;line-height:1.65}.inline-note{padding:18px 20px;border-radius:20px;background:#f8fafc;border:1px solid rgba(15,23,42,.08);color:#475569;line-height:1.65}.demo-form textarea{width:100%;resize:vertical;border:1px solid rgba(15,23,42,.12);border-radius:16px;padding:13px 14px;font:inherit;color:#0f172a;background:#fff}.demo-form small{color:#94a3b8;font-weight:600}.page-cta{background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;border-radius:34px;padding:42px}.page-cta h2,.page-cta p{color:#fff}.page-cta p{opacity:.88}.page-cta .btn{margin-top:10px}.mini-nav-note{font-size:14px;color:#64748b;margin-top:10px}@media (max-width:980px){.sales-hero-grid,.comparison-grid{grid-template-columns:1fr}.expense-highlight-grid,.feature-matrix,.buyer-grid{grid-template-columns:1fr 1fr}.sales-hero{padding-top:112px}}@media (max-width:680px){.expense-highlight-grid,.feature-matrix,.buyer-grid,.sales-kpi-grid{grid-template-columns:1fr}.section-actions{flex-direction:column}.section-actions .btn{width:100%;justify-content:center}}


/* Sales conversion update - 2026-06 */
.sales-problem-section {
  background:
    radial-gradient(circle at 14% 8%, rgba(37, 99, 235, .10), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.problem-solution-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.problem-solution-grid article {
  background: #fff;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 28px;
  padding: 24px;
  box-shadow: 0 18px 45px rgba(15, 23, 42, .06);
}

.problem-solution-grid h3 {
  margin: 12px 0 10px;
  color: #0f172a;
  letter-spacing: -.02em;
}

.problem-solution-grid p {
  color: #526174;
  line-height: 1.65;
}

.problem-solution-grid b {
  display: block;
  margin-top: 16px;
  color: #1d4ed8;
}

.problem-tag {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.form-consent {
  display: grid !important;
  grid-template-columns: auto 1fr;
  align-items: flex-start;
  gap: 10px !important;
  padding: 12px 0 0;
  color: rgba(255,255,255,.88) !important;
  font-size: 13px !important;
  line-height: 1.45;
}

.form-consent input {
  width: 18px !important;
  height: 18px;
  margin-top: 2px;
  accent-color: #2563eb;
}

.form-status {
  min-height: 22px;
  margin: 2px 0 0;
  font-size: 14px;
  line-height: 1.45;
  color: rgba(255,255,255,.88);
}

.form-status a {
  color: #fff;
  font-weight: 900;
  text-decoration: underline;
}

.form-status.is-success {
  color: #bbf7d0;
}

.form-status.is-error {
  color: #fecaca;
}

.form-status.is-loading {
  color: #bfdbfe;
}

.demo-form .btn:disabled {
  opacity: .68;
  cursor: not-allowed;
}

.demo-form.was-validated input:invalid,
.demo-form.was-validated select:invalid,
.demo-form.was-validated textarea:invalid {
  border-color: rgba(248, 113, 113, .9);
  box-shadow: 0 0 0 4px rgba(248, 113, 113, .18);
}

.masraf-demo-section {
  background: linear-gradient(180deg, #fff 0%, #f7fbff 100%);
}

@media (max-width: 980px) {
  .problem-solution-grid {
    grid-template-columns: 1fr;
  }
}

/* UI polish pass - 2026-06-23
   - Tighter section rhythm
   - Consistent sales-page shell with index template
   - Fixed missing value-card icon gradients for 5th/6th cards
   - Fixed MEBCool AI wordmark inside module cards
   - Stronger page CTA contrast
*/
:root {
  --sales-shell-border: rgba(191,210,236,.95);
  --sales-shell-bg: radial-gradient(circle at 8% 0%, rgba(37,117,246,.08), transparent 22rem), radial-gradient(circle at 92% 8%, rgba(22,199,166,.08), transparent 22rem), linear-gradient(180deg, rgba(255,255,255,.96), rgba(249,252,255,.93));
}

.hero { padding-bottom: 20px; }
.module-ribbon { padding: 22px 0 34px; }
.section { padding: 34px 0; }
.proof-section { padding: 34px 0; }
.cta-section { padding: 34px 0 72px; }
.section > .container { padding: 38px; }
.section-head { margin-bottom: 24px; }
.value-grid,
.modules-grid,
.feature-matrix,
.buyer-grid,
.comparison-grid,
.expense-highlight-grid {
  gap: 18px;
}

.value-card:nth-child(1){ --card-accent: var(--blue); }
.value-card:nth-child(2){ --card-accent: var(--mint); }
.value-card:nth-child(3){ --card-accent: var(--purple); }
.value-card:nth-child(4){ --card-accent: var(--amber); }
.value-card:nth-child(5){ --card-accent: #5b8def; }
.value-card:nth-child(6){ --card-accent: #16a3b8; }
.value-card:nth-child(7){ --card-accent: #8b5cf6; }
.value-card:nth-child(8){ --card-accent: #0f766e; }
.value-card i {
  background: radial-gradient(circle at 25% 16%, rgba(255,255,255,.45), transparent 38%), linear-gradient(135deg, var(--card-accent, var(--blue)), var(--cyan));
  color: #fff;
}
.faq-grid .value-card i {
  font-size: 12px;
  letter-spacing: .04em;
}

.module-card .ai-inline-word,
.module-card h3 .ai-inline-word,
.module-card .ai-wordmark .ai-inline-word {
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  display: inline !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(135deg, #7c3aed 0%, #2563eb 48%, #06b6d4 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: #2563eb !important;
  box-shadow: none !important;
  font-size: inherit !important;
  line-height: inherit !important;
}
.module-card-ai .module-card-ai-icon {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
}
.module-card h3.ai-wordmark--card-title {
  display: block;
  min-height: 0;
  margin: 20px 0 9px;
}

.sales-hero {
  padding: 110px 0 30px;
  background: linear-gradient(180deg, #f7fbff 0%, #fbfdff 64%, #ffffff 100%);
}
.sales-hero > .container {
  position: relative;
  border: 1px solid var(--sales-shell-border);
  border-radius: var(--radius-xl);
  background: var(--sales-shell-bg);
  box-shadow: var(--shadow-soft);
  overflow: hidden;
  padding: 42px;
}
.sales-hero > .container::before {
  content: "";
  position: absolute;
  inset: 12px;
  border-radius: calc(var(--radius-xl) - 8px);
  border: 1px solid rgba(255,255,255,.78);
  pointer-events: none;
}
.sales-hero > .container > * {
  position: relative;
  z-index: 1;
}
.sales-hero h1 {
  color: var(--ink);
  font-family: var(--display);
  letter-spacing: -.032em;
  font-size: clamp(38px, 4.6vw, 62px);
}
.sales-hero .lead {
  color: #53627a;
  max-width: 760px;
}
.sales-panel,
.sales-kpi-grid article {
  border-color: rgba(191,210,236,.8);
  border-radius: 28px;
  box-shadow: 0 20px 54px rgba(15,23,42,.08);
}
.sales-kpi-grid article {
  position: relative;
  overflow: hidden;
}
.sales-kpi-grid article::after {
  content: "";
  position: absolute;
  right: -34px;
  bottom: -42px;
  width: 130px;
  height: 130px;
  border-radius: 36px;
  background: #2575f6;
  opacity: .08;
  transform: rotate(24deg);
}

.section > .container.page-cta {
  background: radial-gradient(circle at 86% 18%, rgba(255,255,255,.22), transparent 14rem), linear-gradient(135deg, #175cd3, #03a9e6 58%, #16c7a6);
  color: #fff;
  border-color: rgba(255,255,255,.32);
  box-shadow: 0 28px 68px rgba(37,117,246,.24);
}
.section > .container.page-cta::before {
  border-color: rgba(255,255,255,.26);
}
.section > .container.page-cta h2,
.section > .container.page-cta p {
  color: #fff;
}
.section > .container.page-cta p {
  max-width: 820px;
  opacity: .9;
}
.page-cta .btn-light {
  color: #2563eb;
  background: #fff;
}

.cta-card-form {
  align-items: stretch;
}
.cta-card-form > div:first-child {
  padding-top: 4px;
}
.cta-card .cta-logo-panel {
  display: none;
}

@media (max-width: 980px) {
  .sales-hero > .container,
  .section > .container {
    padding: 28px;
  }
  .section { padding: 28px 0; }
  .module-ribbon { padding-bottom: 28px; }
}

@media (max-width: 680px) {
  .sales-hero { padding: 96px 0 22px; }
  .sales-hero > .container,
  .section > .container,
  .cta-card {
    padding: 22px 18px;
    border-radius: 28px;
  }
  .section { padding: 22px 0; }
}

/* v28 — project-aligned sales copy improvements */
.security-list--grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.security-ops-section{
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
}
.expense-control-note-section{
  padding-top:0;
}
.inline-note strong{
  color:#0f172a;
}
@media (max-width:980px){
  .security-list--grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:680px){
  .security-list--grid{grid-template-columns:1fr;}
}


/* Sales-site conversion enhancements */
.start-guide-section .container,
.landing-page-section .container {
  padding: 34px;
  border: 1px solid rgba(215,228,244,.78);
  border-radius: var(--radius-xl);
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,251,255,.9));
  box-shadow: var(--shadow-card);
}
.starter-grid,
.landing-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.starter-card,
.landing-card {
  padding: 24px;
  border: 1px solid var(--line-soft);
  border-radius: 26px;
  background: #fff;
  box-shadow: var(--shadow-card);
}
.starter-card small,
.landing-card small {
  display: inline-flex;
  margin-bottom: 10px;
  color: var(--primary-2);
  font-weight: 800;
  letter-spacing: -.01em;
}
.starter-card h3,
.landing-card h3 { margin: 0 0 9px; color: var(--ink); font-size: 20px; line-height: 1.25; }
.starter-card p,
.landing-card p { margin: 0; color: #53627a; font-size: 14.5px; line-height: 1.62; }
.starter-card a,
.landing-card a {
  display: inline-flex;
  margin-top: 16px;
  color: var(--primary-2);
  font-weight: 800;
}
.landing-steps { counter-reset: landing-step; display: grid; gap: 12px; padding: 0; margin: 0; }
.landing-steps li { list-style: none; position: relative; padding: 16px 18px 16px 54px; border: 1px solid var(--line-soft); border-radius: 20px; background: #fff; color: #475467; font-weight: 650; }
.landing-steps li::before { counter-increment: landing-step; content: counter(landing-step); position: absolute; left: 16px; top: 16px; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: linear-gradient(135deg, var(--primary), var(--cyan)); font-weight: 800; font-size: 12px; }
.hp-field { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.form-consent a { color: #fff; text-decoration: underline; text-underline-offset: 3px; font-weight: 800; }
@media (max-width: 980px) { .starter-grid, .landing-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .starter-grid, .landing-card-grid { grid-template-columns: 1fr; } .start-guide-section .container, .landing-page-section .container { padding: 24px; } }


/* Module navigation links */
.module-card .text-link{
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-weight:800;
}
.related-modules-section{
  padding-top:clamp(56px,7vw,96px);
  padding-bottom:clamp(56px,7vw,96px);
}
.related-module-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:14px;
}
.related-module-card{
  min-height:168px;
  padding:18px;
  border:1px solid rgba(32,91,207,.16);
  border-radius:22px;
  background:rgba(255,255,255,.78);
  box-shadow:0 16px 40px rgba(30,54,102,.08);
  display:flex;
  flex-direction:column;
  gap:10px;
  color:var(--ink);
  text-decoration:none;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.related-module-card:hover,
.related-module-card:focus-visible{
  transform:translateY(-3px);
  border-color:rgba(37,99,235,.42);
  box-shadow:0 22px 50px rgba(37,99,235,.13);
  outline:none;
}
.related-module-card small{
  color:var(--blue);
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  font-size:.72rem;
}
.related-module-card strong{
  font-size:1.02rem;
  letter-spacing:-.02em;
}
.related-module-card span{
  color:var(--muted);
  font-size:.92rem;
  line-height:1.45;
}
.related-module-card.is-current{
  border-color:rgba(22,163,74,.34);
  background:linear-gradient(180deg,rgba(240,253,244,.95),rgba(255,255,255,.88));
}
.related-module-card.is-current::after{
  content:"Şu an bu modüldesiniz";
  margin-top:auto;
  color:#15803d;
  font-weight:800;
  font-size:.78rem;
}
@media (max-width:1180px){.related-module-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:760px){.related-module-grid{grid-template-columns:1fr;}.related-module-card{min-height:auto;}}

/* v18 — MEBSaaS visual story system inspired by the uploaded reference slides */
.story-hero,
.story-section {
  position: relative;
  isolation: isolate;
}

.story-hero {
  padding: 88px 0 54px;
  overflow: hidden;
}

.story-hero::before,
.story-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background:
    radial-gradient(circle at 78% 12%, rgba(37, 117, 246, .15), transparent 34rem),
    radial-gradient(circle at 94% 60%, rgba(124, 58, 237, .11), transparent 27rem),
    radial-gradient(circle at 10% 90%, rgba(22, 199, 166, .08), transparent 26rem);
}

.story-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(520px, 1.05fr);
  gap: 58px;
  align-items: center;
}

.story-hero-copy {
  max-width: 720px;
}

.story-brand-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 28px;
  color: #0b2a68;
  font-size: 28px;
  line-height: 1;
  letter-spacing: -.035em;
  font-weight: 900;
  text-transform: uppercase;
}

.story-brand-kicker span {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 5px 10px;
  border: 1px solid rgba(37, 117, 246, .18);
  border-radius: 999px;
  color: #1769e8;
  background: rgba(237, 246, 255, .86);
  font-size: 13px;
  letter-spacing: 0;
  text-transform: none;
  box-shadow: 0 10px 22px rgba(37, 117, 246, .08);
}

.story-hero h1,
.story-panel h2,
.story-copy-large h2 {
  margin: 0;
  color: #071331;
  font-family: var(--display);
  font-weight: 900;
  letter-spacing: -.062em;
  line-height: .98;
}

.story-hero h1 {
  max-width: 770px;
  font-size: clamp(58px, 6.4vw, 112px);
}

.story-hero h1 span {
  display: block;
}

.story-gradient {
  color: transparent;
  background: linear-gradient(95deg, #1e73ff 0%, #3154f4 48%, #7c3aed 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

.story-lead,
.story-panel-head p,
.story-copy-large p {
  max-width: 760px;
  margin: 28px 0 0;
  color: #52627d;
  font-size: clamp(19px, 1.65vw, 24px);
  line-height: 1.58;
  font-weight: 600;
  letter-spacing: -.012em;
}

.story-lead strong,
.story-panel-head strong,
.story-copy-large strong {
  color: #101936;
  font-weight: 800;
}

.story-pill-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 30px 0 0;
}

.story-pill-row span {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 9px 15px;
  border: 1px solid rgba(177, 202, 238, .82);
  border-radius: 999px;
  color: #175cd3;
  background: rgba(255, 255, 255, .84);
  box-shadow: 0 12px 26px rgba(37, 117, 246, .07);
  font-size: 13px;
  font-weight: 800;
}

.story-pill-row span:nth-child(2),
.story-pill-row span:nth-child(3) { color: #6547d5; }
.story-pill-row span:nth-child(4) { color: #059669; }

.story-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  margin-top: 30px;
}

.story-motto {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  margin: 34px 0 0;
  color: #101936;
  font-size: 19px;
  font-weight: 900;
  letter-spacing: -.02em;
}

.story-motto span:nth-child(1) { color: #0e265f; }
.story-motto span:nth-child(2) { color: #7357e9; }
.story-motto span:nth-child(3) { color: #059669; }

.story-visual {
  position: relative;
  min-height: 620px;
}

.orbit-stage {
  position: relative;
  width: min(100%, 680px);
  min-height: 620px;
  margin-inline: auto;
}

.orbit-glow {
  position: absolute;
  inset: 20px 0 0 40px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 46% 34%, rgba(37, 117, 246, .15), transparent 34%),
    radial-gradient(circle at 62% 62%, rgba(124, 58, 237, .12), transparent 46%),
    radial-gradient(circle at 35% 78%, rgba(22, 199, 166, .10), transparent 42%);
  filter: blur(1px);
}

.orbit-ring {
  position: absolute;
  border: 1px solid rgba(73, 135, 233, .28);
  border-radius: 50%;
  pointer-events: none;
}

.orbit-ring::before,
.orbit-ring::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #3b82f6;
  box-shadow: 0 0 0 6px rgba(59, 130, 246, .12);
}

.orbit-ring-one {
  width: 560px;
  height: 560px;
  right: 6px;
  top: 10px;
  transform: rotate(-14deg);
}

.orbit-ring-one::before { right: 28px; top: 84px; }
.orbit-ring-one::after { left: 42px; bottom: 112px; }

.orbit-ring-two {
  width: 480px;
  height: 480px;
  right: 74px;
  top: 70px;
  border-style: dashed;
  border-color: rgba(22, 199, 166, .24);
  transform: rotate(24deg);
}

.orbit-ring-two::before { right: 110px; top: 8px; background: #14b8a6; box-shadow: 0 0 0 6px rgba(20, 184, 166, .12); }
.orbit-ring-two::after { display: none; }

.orbit-card {
  position: absolute;
  z-index: 2;
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 16px;
  align-items: center;
  min-width: 244px;
  padding: 16px 18px;
  border: 1px solid rgba(202, 219, 245, .86);
  border-radius: 22px;
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 18px 50px rgba(37, 77, 134, .12);
  backdrop-filter: blur(16px);
}

.orbit-card b {
  display: block;
  color: #101936;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: -.02em;
}

.orbit-card small {
  display: block;
  margin-top: 5px;
  color: #667796;
  font-size: 12.5px;
  line-height: 1.35;
  font-weight: 700;
}

.orbit-card-ai { right: 110px; top: 42px; min-width: 300px; }
.orbit-card-hr { left: 12px; top: 180px; min-width: 285px; }
.orbit-card-expense { right: 8px; top: 186px; min-width: 270px; }
.orbit-card-doc { right: 98px; top: 304px; min-width: 350px; }
.orbit-card-asset { left: 16px; top: 412px; min-width: 285px; }
.orbit-card-notify { right: 18px; top: 424px; min-width: 275px; }
.orbit-card-audit { left: 118px; bottom: 8px; min-width: 330px; }

.story-icon,
.story-process-icon {
  display: inline-grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border-radius: 18px;
  color: #fff;
  background:
    radial-gradient(circle at 28% 22%, rgba(255,255,255,.44), transparent 38%),
    linear-gradient(135deg, #2575f6, #155ed8);
  box-shadow: 0 16px 32px rgba(37, 117, 246, .18);
  font-size: 14px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -.02em;
}

.story-icon-purple { background: radial-gradient(circle at 28% 22%, rgba(255,255,255,.44), transparent 38%), linear-gradient(135deg, #7c3aed, #4f46e5); box-shadow: 0 16px 32px rgba(124, 58, 237, .18); }
.story-icon-green { background: radial-gradient(circle at 28% 22%, rgba(255,255,255,.44), transparent 38%), linear-gradient(135deg, #10b981, #0e9f6e); box-shadow: 0 16px 32px rgba(16, 185, 129, .18); }
.story-icon-blue { background: radial-gradient(circle at 28% 22%, rgba(255,255,255,.44), transparent 38%), linear-gradient(135deg, #2b7cff, #1765e6); }

.story-shield {
  position: absolute;
  right: 22px;
  bottom: 26px;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 86px;
  height: 96px;
  border-radius: 34px 34px 48px 48px;
  color: #fff;
  background:
    radial-gradient(circle at 40% 20%, rgba(255,255,255,.42), transparent 38%),
    linear-gradient(155deg, #4b8dff, #265ce8 66%, #6d5df7);
  box-shadow: 0 26px 50px rgba(37, 117, 246, .25);
  font-size: 44px;
  font-weight: 900;
}

.story-section {
  padding: 36px 0;
}

.story-panel {
  position: relative;
  overflow: hidden;
  padding: 48px;
  border: 1px solid rgba(195, 214, 242, .82);
  border-radius: 40px;
  background:
    radial-gradient(circle at 88% 0%, rgba(37, 117, 246, .10), transparent 29rem),
    radial-gradient(circle at 96% 70%, rgba(124, 58, 237, .075), transparent 28rem),
    radial-gradient(circle at 12% 95%, rgba(22, 199, 166, .06), transparent 24rem),
    linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(248, 252, 255, .94));
  box-shadow: 0 22px 64px rgba(15, 39, 86, .07);
}

.story-panel::before {
  content: "";
  position: absolute;
  inset: 12px;
  border: 1px solid rgba(255,255,255,.76);
  border-radius: 30px;
  pointer-events: none;
}

.story-panel > * {
  position: relative;
  z-index: 1;
}

.story-panel-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, .55fr);
  gap: 42px;
  align-items: center;
  margin-bottom: 34px;
}

.story-panel-head h2,
.story-copy-large h2 {
  font-size: clamp(46px, 5.2vw, 82px);
  max-width: 820px;
}

.story-panel-head p,
.story-copy-large p {
  font-size: clamp(17px, 1.6vw, 22px);
  max-width: 760px;
}

.story-panel-head-split {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
}

.story-abstract-device {
  position: relative;
  min-height: 230px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(37, 117, 246, .13), transparent 67%);
}

.story-abstract-device span {
  position: absolute;
  display: block;
  border: 1px solid rgba(199, 217, 243, .84);
  border-radius: 20px;
  background: rgba(255,255,255,.86);
  box-shadow: 0 18px 42px rgba(37, 77, 134, .09);
}

.story-abstract-device span:nth-child(1) { width: 260px; height: 160px; right: 40px; top: 32px; }
.story-abstract-device span:nth-child(2) { width: 210px; height: 72px; left: 30px; top: 66px; }
.story-abstract-device span:nth-child(3) { width: 190px; height: 76px; right: 0; bottom: 20px; }
.story-abstract-device span:nth-child(4) { width: 70px; height: 70px; left: 92px; bottom: 22px; border-radius: 50%; background: linear-gradient(135deg, rgba(37,117,246,.18), rgba(124,58,237,.18)); }

.story-card-grid {
  display: grid;
  gap: 18px;
}

.story-card-grid-four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.story-card-grid-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.story-card-grid article,
.security-tile-row article,
.module-map-column {
  position: relative;
  min-height: 238px;
  padding: 24px;
  border: 1px solid rgba(201, 218, 243, .88);
  border-radius: 28px;
  background:
    radial-gradient(circle at 22% 0%, rgba(37,117,246,.08), transparent 16rem),
    rgba(255, 255, 255, .88);
  box-shadow: 0 16px 44px rgba(15, 39, 86, .065);
}

.story-card-grid article h3,
.security-tile-row article h3,
.module-map-column h3 {
  margin: 22px 0 10px;
  color: #111936;
  font-size: 22px;
  line-height: 1.18;
  letter-spacing: -.03em;
  font-weight: 900;
}

.story-card-grid article p,
.security-tile-row article p {
  margin: 0;
  color: #53627a;
  font-size: 15px;
  line-height: 1.62;
  font-weight: 650;
}

.story-card-grid ul {
  display: grid;
  gap: 10px;
  margin: 18px 0 0;
  padding: 0;
}

.story-card-grid li {
  position: relative;
  list-style: none;
  padding-left: 18px;
  color: #53627a;
  font-size: 14px;
  line-height: 1.48;
  font-weight: 700;
}

.story-card-grid li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .62em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #2575f6;
  box-shadow: 0 0 0 5px rgba(37, 117, 246, .10);
}

.story-card-grid article:nth-child(2) li::before { background: #7c3aed; box-shadow: 0 0 0 5px rgba(124, 58, 237, .10); }
.story-card-grid article:nth-child(3) li::before { background: #10b981; box-shadow: 0 0 0 5px rgba(16, 185, 129, .10); }

.story-bottom-banner,
.story-dark-ribbon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 14px;
  min-height: 78px;
  margin-top: 26px;
  padding: 18px 26px;
  border: 1px solid rgba(198, 214, 239, .84);
  border-radius: 26px;
  background: rgba(255,255,255,.78);
  color: #314260;
  font-size: 20px;
  font-weight: 750;
  letter-spacing: -.015em;
  box-shadow: 0 16px 38px rgba(15, 39, 86, .055);
}

.story-bottom-banner b {
  color: #172246;
  font-weight: 900;
}

.story-bottom-banner .story-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

.story-side-notes {
  display: grid;
  gap: 12px;
}

.story-side-notes span {
  display: grid;
  min-height: 74px;
  align-items: center;
  padding: 16px 20px;
  border: 1px solid rgba(202, 219, 245, .92);
  border-radius: 20px;
  background: rgba(255,255,255,.86);
  box-shadow: 0 12px 30px rgba(15, 39, 86, .055);
  color: #1a2745;
  font-weight: 850;
  line-height: 1.3;
}

.story-process-line {
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 18px;
  padding: 34px 12px;
  border: 1px dashed rgba(76, 143, 236, .34);
  border-radius: 34px;
  background: rgba(255,255,255,.32);
}

.story-process-line::before {
  content: "";
  position: absolute;
  left: 8%;
  right: 8%;
  top: 50%;
  height: 2px;
  background: linear-gradient(90deg, rgba(37,117,246,.20), rgba(124,58,237,.20), rgba(16,185,129,.20));
  transform: translateY(-50%);
}

.story-process-line article {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 14px;
}

.story-process-icon {
  width: 126px;
  height: 126px;
  border: 10px solid rgba(234, 242, 255, .96);
  border-radius: 50%;
  color: #1765e6;
  background: radial-gradient(circle at 40% 22%, #fff, #f0f6ff 76%);
  box-shadow: 0 18px 40px rgba(37, 117, 246, .12);
  font-size: 30px;
}

.story-process-line b {
  color: #152042;
  font-size: 15px;
  line-height: 1.25;
  text-align: center;
  font-weight: 900;
}

.cube-cluster {
  position: relative;
  height: 230px;
}

.cube-cluster::before {
  content: "";
  position: absolute;
  inset: -40px 20px auto auto;
  width: 310px;
  height: 310px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(37,117,246,.12), transparent 70%);
}

.cube-cluster span {
  position: absolute;
  width: 82px;
  height: 82px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255,255,255,.95), rgba(219,229,255,.95));
  box-shadow: 0 22px 45px rgba(58, 93, 168, .14);
  transform: rotateX(18deg) rotateZ(45deg);
}

.cube-cluster span:nth-child(1) { right: 160px; top: 48px; background: linear-gradient(135deg, #d9fffb, #539cff); }
.cube-cluster span:nth-child(2) { right: 76px; top: 48px; }
.cube-cluster span:nth-child(3) { right: 118px; top: 104px; background: linear-gradient(135deg, #f2efff, #8878ff); }
.cube-cluster span:nth-child(4) { right: 32px; top: 108px; }
.cube-cluster span:nth-child(5) { right: 200px; top: 112px; background: linear-gradient(135deg, #f0f6ff, #4a8cff); }

.module-map-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.module-map-column {
  min-height: 326px;
  padding: 22px;
}

.module-map-column h3 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 0;
  color: #1765e6;
}

.module-map-column h3::before {
  content: "";
  display: inline-block;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: linear-gradient(135deg, #2575f6, #155ed8);
  box-shadow: 0 12px 24px rgba(37, 117, 246, .14);
}

.module-map-green h3 { color: #059669; }
.module-map-green h3::before { background: linear-gradient(135deg, #10b981, #059669); }
.module-map-purple h3 { color: #6d4ae6; }
.module-map-purple h3::before { background: linear-gradient(135deg, #7c3aed, #4f46e5); }

.mini-tile-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 20px;
}

.mini-tile-grid a {
  display: flex;
  align-items: center;
  min-height: 64px;
  padding: 12px 14px;
  border: 1px solid rgba(213, 226, 246, .9);
  border-radius: 16px;
  background: rgba(255,255,255,.92);
  color: #1c2a49;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.18;
  box-shadow: 0 10px 24px rgba(15, 39, 86, .04);
}

.mini-tile-grid a:hover,
.mini-tile-grid a:focus-visible {
  color: #1765e6;
  border-color: rgba(37, 117, 246, .38);
  outline: none;
}

.story-split-layout,
.story-document-grid {
  display: grid;
  grid-template-columns: minmax(0, .62fr) minmax(0, 1.05fr);
  gap: 34px;
  align-items: center;
}

.story-copy-large {
  max-width: 520px;
}

.story-copy-large h2 {
  font-size: clamp(50px, 5.6vw, 90px);
}

.story-mini-flow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 18px;
  min-height: 96px;
  margin-top: 26px;
  padding: 18px;
  border: 1px solid rgba(198, 214, 239, .84);
  border-radius: 26px;
  background: rgba(255,255,255,.72);
  box-shadow: 0 16px 38px rgba(15, 39, 86, .05);
}

.story-mini-flow span {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding: 10px 18px;
  border-radius: 999px;
  color: #1b2b4a;
  font-weight: 900;
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(218, 229, 246, .92);
}

.story-mini-flow i {
  display: inline-block;
  width: 54px;
  height: 2px;
  background: linear-gradient(90deg, rgba(37,117,246,.45), rgba(124,58,237,.45));
  position: relative;
}

.story-mini-flow i::after {
  content: "";
  position: absolute;
  right: -1px;
  top: 50%;
  width: 9px;
  height: 9px;
  border-top: 2px solid rgba(37,117,246,.65);
  border-right: 2px solid rgba(37,117,246,.65);
  transform: translateY(-50%) rotate(45deg);
}

.story-stat-cloud {
  display: grid;
  gap: 14px;
}

.story-stat-cloud span {
  display: block;
  padding: 20px 24px;
  border: 1px solid rgba(202, 219, 245, .92);
  border-radius: 22px;
  background: rgba(255,255,255,.88);
  color: #667796;
  font-weight: 750;
  box-shadow: 0 16px 34px rgba(37, 77, 134, .08);
}

.story-stat-cloud b {
  display: block;
  margin-bottom: 5px;
  color: #0f1c3d;
  font-size: 26px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -.035em;
}

.story-feature-list {
  display: grid;
  gap: 12px;
  margin-top: 28px;
}

.story-feature-list span {
  display: grid;
  align-items: center;
  min-height: 60px;
  padding: 14px 18px;
  border: 1px solid rgba(202, 219, 245, .92);
  border-radius: 18px;
  color: #1c2a49;
  background: rgba(255,255,255,.84);
  box-shadow: 0 12px 26px rgba(15, 39, 86, .045);
  font-weight: 850;
}

.document-browser-card {
  overflow: hidden;
  border: 1px solid rgba(202, 219, 245, .92);
  border-radius: 28px;
  background: rgba(255,255,255,.9);
  box-shadow: 0 22px 60px rgba(15, 39, 86, .09);
}

.browser-top,
.browser-stats {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 18px 22px;
  border-bottom: 1px solid rgba(220, 231, 246, .88);
}

.browser-top b {
  color: #111936;
  font-size: 19px;
  font-weight: 900;
}

.browser-top span {
  flex: 0 1 220px;
  padding: 10px 14px;
  border: 1px solid rgba(213, 226, 246, .96);
  border-radius: 12px;
  color: #8b9ab2;
  background: rgba(248, 251, 255, .92);
  font-size: 13px;
  font-weight: 700;
}

.browser-body {
  display: grid;
  grid-template-columns: 180px 1fr;
}

.browser-body aside {
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 18px;
  border-right: 1px solid rgba(220, 231, 246, .88);
  background: rgba(246, 250, 255, .74);
}

.browser-body aside span {
  padding: 9px 11px;
  border-radius: 10px;
  color: #52627d;
  font-size: 13px;
  font-weight: 800;
}

.browser-body aside span:first-child {
  color: #1765e6;
  background: rgba(37,117,246,.09);
}

.browser-body main {
  display: grid;
}

.browser-body main div {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  min-height: 54px;
  padding: 10px 20px;
  border-bottom: 1px solid rgba(226, 234, 247, .84);
}

.browser-body main b {
  color: #1c2a49;
  font-size: 14px;
  font-weight: 850;
}

.browser-body main em {
  min-width: 54px;
  padding: 5px 8px;
  border-radius: 999px;
  color: #059669;
  background: rgba(16,185,129,.10);
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}

.browser-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid rgba(220, 231, 246, .88);
  border-bottom: 0;
  background: rgba(248, 251, 255, .82);
}

.browser-stats span {
  color: #667796;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
}

.browser-stats b {
  display: block;
  color: #111936;
  font-size: 18px;
  font-weight: 900;
}

.ai-hero-illustration,
.security-orbit {
  position: relative;
  min-height: 250px;
  display: grid;
  place-items: center;
}

.ai-hero-illustration::before,
.security-orbit::before {
  content: "";
  position: absolute;
  inset: 18px;
  border: 1px dashed rgba(37, 117, 246, .28);
  border-radius: 50%;
  transform: rotate(-16deg);
}

.ai-hero-illustration span,
.security-orbit span {
  display: grid;
  place-items: center;
  width: 90px;
  height: 90px;
  border-radius: 24px;
  color: #fff;
  background: radial-gradient(circle at 30% 20%, rgba(255,255,255,.44), transparent 38%), linear-gradient(135deg, #7c3aed, #4f46e5);
  box-shadow: 0 26px 50px rgba(124, 58, 237, .22);
  font-size: 32px;
  font-weight: 900;
}

.ai-hero-illustration i {
  position: absolute;
  right: 12px;
  top: 76px;
  padding: 12px 16px;
  border: 1px solid rgba(202, 219, 245, .92);
  border-radius: 16px;
  color: #1b2b4a;
  background: rgba(255,255,255,.88);
  box-shadow: 0 16px 34px rgba(15, 39, 86, .08);
  font-style: normal;
  font-weight: 900;
}

.ai-step-line {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 24px;
}

.ai-step-line article {
  min-height: 96px;
  padding: 18px;
  border: 1px solid rgba(202, 219, 245, .9);
  border-radius: 22px;
  background: rgba(255,255,255,.82);
  box-shadow: 0 14px 34px rgba(15, 39, 86, .055);
}

.ai-step-line b {
  display: inline-grid;
  place-items: center;
  width: 32px;
  height: 32px;
  margin-bottom: 10px;
  border-radius: 50%;
  color: #1765e6;
  background: rgba(37,117,246,.10);
  font-size: 13px;
  font-weight: 900;
}

.ai-step-line span {
  display: block;
  color: #1c2a49;
  font-weight: 900;
  line-height: 1.28;
}

.security-orbit span {
  width: 116px;
  height: 130px;
  border-radius: 38px 38px 58px 58px;
  background: radial-gradient(circle at 30% 20%, rgba(255,255,255,.44), transparent 38%), linear-gradient(155deg, #4b8dff, #265ce8 66%, #6d5df7);
  font-size: 52px;
}

.security-orbit i {
  position: absolute;
  min-width: 150px;
  padding: 12px 16px;
  border: 1px solid rgba(202, 219, 245, .92);
  border-radius: 16px;
  color: #1b2b4a;
  background: rgba(255,255,255,.88);
  box-shadow: 0 16px 34px rgba(15, 39, 86, .08);
  font-style: normal;
  font-weight: 850;
  text-align: center;
}

.security-orbit i:nth-child(2) { left: 0; top: 38px; }
.security-orbit i:nth-child(3) { right: 0; top: 54px; }
.security-orbit i:nth-child(4) { right: 46px; bottom: 30px; }

.security-tile-row {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 16px;
}

.security-tile-row article {
  min-height: 260px;
  padding: 20px;
}

.security-tile-row article h3 {
  font-size: 17px;
}

.security-tile-row article p {
  font-size: 14px;
}

.story-dark-ribbon {
  justify-content: flex-start;
  min-height: 98px;
  margin-top: 30px;
  color: #fff;
  background: linear-gradient(100deg, #08266a, #1745b0 42%, #5b2ddb);
  border-color: rgba(255,255,255,.20);
  box-shadow: 0 26px 58px rgba(37, 63, 173, .20);
}

.story-dark-ribbon b {
  color: #fff;
  font-size: 28px;
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: -.035em;
}

.story-dark-ribbon b:last-child { color: #6fb2ff; }
.story-dark-ribbon .story-icon { width: 56px; height: 56px; border-radius: 20px; }

@media (max-width: 1180px) {
  .story-hero-grid,
  .story-panel-head,
  .story-panel-head-split,
  .story-split-layout,
  .story-document-grid {
    grid-template-columns: 1fr;
  }

  .story-visual,
  .orbit-stage {
    min-height: 560px;
  }

  .story-card-grid-four,
  .module-map-grid,
  .security-tile-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .story-process-line,
  .ai-step-line {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .story-process-line::before { display: none; }
}

@media (max-width: 760px) {
  .story-hero {
    padding: 54px 0 28px;
  }

  .story-hero-grid {
    gap: 28px;
  }

  .story-hero h1 {
    font-size: clamp(46px, 14vw, 68px);
    letter-spacing: -.048em;
  }

  .story-brand-kicker {
    margin-bottom: 18px;
    font-size: 22px;
  }

  .story-lead,
  .story-panel-head p,
  .story-copy-large p {
    font-size: 16px;
  }

  .story-visual,
  .orbit-stage {
    min-height: auto;
  }

  .orbit-stage {
    display: grid;
    gap: 12px;
  }

  .orbit-glow,
  .orbit-ring,
  .story-shield {
    display: none;
  }

  .orbit-card,
  .orbit-card-ai,
  .orbit-card-hr,
  .orbit-card-expense,
  .orbit-card-doc,
  .orbit-card-asset,
  .orbit-card-notify,
  .orbit-card-audit {
    position: relative;
    inset: auto;
    min-width: 0;
    width: 100%;
  }

  .story-section {
    padding: 24px 0;
  }

  .story-panel {
    padding: 26px 18px;
    border-radius: 28px;
  }

  .story-panel::before {
    inset: 8px;
    border-radius: 22px;
  }

  .story-panel-head h2,
  .story-copy-large h2 {
    font-size: clamp(36px, 12vw, 54px);
  }

  .story-card-grid-four,
  .story-card-grid-three,
  .module-map-grid,
  .security-tile-row,
  .story-process-line,
  .ai-step-line,
  .browser-stats {
    grid-template-columns: 1fr;
  }

  .story-card-grid article,
  .security-tile-row article,
  .module-map-column {
    min-height: auto;
  }

  .story-process-line {
    padding: 20px;
  }

  .story-process-icon {
    width: 92px;
    height: 92px;
    border-width: 8px;
    font-size: 24px;
  }

  .cube-cluster,
  .story-abstract-device,
  .ai-hero-illustration,
  .security-orbit {
    min-height: 170px;
  }

  .cube-cluster span { width: 58px; height: 58px; }
  .cube-cluster span:nth-child(1) { right: 130px; top: 38px; }
  .cube-cluster span:nth-child(2) { right: 68px; top: 38px; }
  .cube-cluster span:nth-child(3) { right: 98px; top: 82px; }
  .cube-cluster span:nth-child(4) { right: 36px; top: 84px; }
  .cube-cluster span:nth-child(5) { right: 160px; top: 84px; }

  .mini-tile-grid,
  .browser-body {
    grid-template-columns: 1fr;
  }

  .browser-body aside {
    border-right: 0;
    border-bottom: 1px solid rgba(220, 231, 246, .88);
  }

  .story-bottom-banner,
  .story-dark-ribbon {
    justify-content: flex-start;
    font-size: 16px;
  }

  .story-dark-ribbon b {
    font-size: 22px;
  }
}

/* v14 MEBSaaS MarketingWeb unified visual language refresh */
.visual-refresh-v2 {
  --v2-ink: #091431;
  --v2-muted: #52627f;
  --v2-line: rgba(196, 214, 239, .86);
  --v2-blue: #2575f6;
  --v2-blue-2: #1f5ff0;
  --v2-purple: #7357f6;
  --v2-green: #10b981;
  --v2-cyan: #09aeea;
  --v2-panel: rgba(255,255,255,.76);
  --v2-shadow: 0 28px 80px rgba(21, 56, 122, .10);
  --v2-soft-shadow: 0 18px 48px rgba(15, 39, 86, .07);
  overflow-x: hidden;
  color: var(--v2-ink);
  background:
    radial-gradient(circle at 9% 0%, rgba(37,117,246,.12), transparent 30rem),
    radial-gradient(circle at 88% 10%, rgba(124,58,237,.11), transparent 34rem),
    radial-gradient(circle at 12% 80%, rgba(16,185,129,.08), transparent 30rem),
    linear-gradient(180deg, #fbfdff 0%, #f5fbff 46%, #fbfdff 100%);
}

.visual-refresh-v2 .v2-sprite {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.visual-refresh-v2 .site-header {
  background: rgba(255,255,255,.88);
  border-bottom: 1px solid rgba(218, 230, 247, .82);
  box-shadow: none;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.visual-refresh-v2 .site-header::after { display: none; }
.visual-refresh-v2 .site-header.is-scrolled { box-shadow: 0 12px 34px rgba(15,23,42,.045); }
.visual-refresh-v2 .nav { justify-content: space-between; gap: 22px; }
.visual-refresh-v2 .brand { min-width: 205px; }
.visual-refresh-v2 .brand-logo,
.visual-refresh-v2 .brand img.brand-logo { width: 168px; height: auto; }
.visual-refresh-v2 .brand-tagline { color: #62718a; font-size: 11px; letter-spacing: .08em; }
.visual-refresh-v2 .nav-links {
  flex: 1;
  justify-content: center;
  gap: 2px;
  margin-left: 0;
  color: #314260;
  font-size: 13px;
  font-weight: 700;
}
.visual-refresh-v2 .nav-links a {
  padding: 8px 10px;
  border-radius: 999px;
  color: inherit;
  overflow: hidden;
  transform: none;
  transition: background .18s ease, color .18s ease;
}
.visual-refresh-v2 .nav-links a::before { display: none; }
.visual-refresh-v2 .nav-links a::after {
  left: 14px;
  right: 14px;
  bottom: 4px;
  height: 2px;
  background: linear-gradient(90deg, var(--v2-blue), var(--v2-purple));
  box-shadow: none;
}
.visual-refresh-v2 .nav-links a:hover,
.visual-refresh-v2 .nav-links a:focus-visible {
  background: #ffffff;
  color: var(--v2-blue-2);
  transform: none;
}
.visual-refresh-v2 .nav-links a:hover::after,
.visual-refresh-v2 .nav-links a:focus-visible::after { opacity: .7; }
.visual-refresh-v2 .nav-actions { gap: 10px; }
.visual-refresh-v2 .site-header .nav-actions .btn,
.visual-refresh-v2 .site-header .btn {
  min-height: 38px;
  padding: 8px 14px;
  border-radius: 13px;
  font-size: 13px;
  font-weight: 800;
  box-shadow: none;
}
.visual-refresh-v2 .site-header .nav-actions .btn::before { display: none; }
.visual-refresh-v2 .site-header .nav-actions .btn-ghost,
.visual-refresh-v2 .site-header .btn-ghost {
  background: rgba(255,255,255,.88);
  border-color: #d7e2f0;
  color: #172033;
}
.visual-refresh-v2 .site-header .nav-actions .btn-primary,
.visual-refresh-v2 .site-header .btn-primary {
  border-color: #2563eb;
  background: #2563eb;
  color: #fff;
}

.visual-refresh-v2 .v2-hero,
.visual-refresh-v2 .v2-section,
.visual-refresh-v2 .v2-cta-section {
  position: relative;
  padding: 48px 0;
}

.visual-refresh-v2 .v2-hero {
  padding-top: calc(var(--nav-h) + 36px);
  min-height: 790px;
}

.visual-refresh-v2 .v2-hero::before,
.visual-refresh-v2 .v2-section::before,
.visual-refresh-v2 .v2-cta-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 8% 15%, rgba(37,117,246,.08), transparent 26rem),
    radial-gradient(circle at 90% 18%, rgba(124,58,237,.08), transparent 30rem),
    radial-gradient(circle at 50% 100%, rgba(16,185,129,.055), transparent 28rem);
}

.visual-refresh-v2 .v2-hero-grid,
.visual-refresh-v2 .v2-panel,
.visual-refresh-v2 .v2-cta-card {
  position: relative;
  z-index: 1;
}

.visual-refresh-v2 .v2-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(460px, 1.05fr);
  gap: 44px;
  align-items: center;
}

.visual-refresh-v2 .v2-copy { max-width: 790px; }
.visual-refresh-v2 .v2-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  color: #0d2f72;
  font-size: 18px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: .045em;
  text-transform: uppercase;
}
.visual-refresh-v2 .v2-kicker::after {
  content: "";
  width: 54px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--v2-blue), var(--v2-purple));
}
.visual-refresh-v2 .v2-copy h1,
.visual-refresh-v2 .v2-section-head h2,
.visual-refresh-v2 .v2-proof-panel h2,
.visual-refresh-v2 .v2-cta-card h2 {
  margin: 0;
  max-width: 920px;
  color: var(--v2-ink);
  font-weight: 950;
  letter-spacing: -.065em;
  line-height: .98;
}
.visual-refresh-v2 .v2-copy h1 { font-size: clamp(56px, 6.9vw, 110px); }
.visual-refresh-v2 .v2-section-head h2,
.visual-refresh-v2 .v2-proof-panel h2,
.visual-refresh-v2 .v2-cta-card h2 { font-size: clamp(40px, 4.6vw, 76px); }
.visual-refresh-v2 .v2-copy h1 span,
.visual-refresh-v2 .v2-section-head h2 span {
  color: transparent;
  background: linear-gradient(100deg, #1f71ff 0%, #4358f3 48%, #7957f7 100%);
  -webkit-background-clip: text;
  background-clip: text;
}
.visual-refresh-v2 .v2-lead,
.visual-refresh-v2 .v2-section-head p,
.visual-refresh-v2 .v2-proof-panel p,
.visual-refresh-v2 .v2-cta-card p {
  margin: 24px 0 0;
  max-width: 760px;
  color: var(--v2-muted);
  font-size: clamp(17px, 1.35vw, 22px);
  line-height: 1.62;
  font-weight: 650;
}

.visual-refresh-v2 .v2-pill-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
}
.visual-refresh-v2 .v2-pill-row span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 9px 15px;
  border: 1px solid rgba(178, 202, 236, .9);
  border-radius: 999px;
  background: rgba(255,255,255,.70);
  color: #2860db;
  box-shadow: 0 12px 28px rgba(37,117,246,.07);
  font-size: 14px;
  font-weight: 900;
}
.visual-refresh-v2 .v2-pill-row svg,
.visual-refresh-v2 .v2-module-col a svg,
.visual-refresh-v2 .v2-side-notes svg,
.visual-refresh-v2 .v2-cta-topics svg,
.visual-refresh-v2 .v2-faq-grid svg,
.visual-refresh-v2 .v2-security-art i svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: 0 0 auto;
}
.visual-refresh-v2 .v2-actions,
.visual-refresh-v2 .v2-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;
}
.visual-refresh-v2 .v2-motto {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin: 34px 0 0;
  color: #101a38;
  font-size: clamp(18px, 1.45vw, 24px);
  line-height: 1.25;
}
.visual-refresh-v2 .v2-motto b:nth-child(1) { color: #152046; }
.visual-refresh-v2 .v2-motto b:nth-child(2) { color: #644df0; }
.visual-refresh-v2 .v2-motto b:nth-child(3) { color: #059669; }

.visual-refresh-v2 .v2-hero-art { min-height: 610px; }
.visual-refresh-v2 .v2-orbit {
  position: relative;
  min-height: 640px;
  border-radius: 48px;
  background:
    radial-gradient(circle at 50% 44%, rgba(255,255,255,.94), rgba(255,255,255,.18) 26%, transparent 60%),
    radial-gradient(circle at 42% 38%, rgba(37,117,246,.17), transparent 32rem),
    radial-gradient(circle at 68% 74%, rgba(124,58,237,.14), transparent 30rem),
    radial-gradient(circle at 86% 18%, rgba(16,185,129,.08), transparent 24rem);
}
.visual-refresh-v2 .v2-orbit-circle {
  position: absolute;
  border: 1px solid rgba(129, 174, 237, .42);
  border-radius: 50%;
  transform: rotate(-16deg);
}
.visual-refresh-v2 .v2-orbit-circle-one { inset: 48px 34px 54px 52px; }
.visual-refresh-v2 .v2-orbit-circle-two { inset: 114px 104px 118px 116px; border-style: dashed; }
.visual-refresh-v2 .v2-float-card {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 250px;
  padding: 16px 20px;
  border: 1px solid rgba(198, 214, 239, .88);
  border-radius: 22px;
  background: rgba(255,255,255,.86);
  box-shadow: 0 22px 52px rgba(27, 67, 137, .11);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.visual-refresh-v2 .v2-float-card b { display: block; color: #121a38; font-size: 18px; line-height: 1.16; font-weight: 950; }
.visual-refresh-v2 .v2-float-card small { display: block; margin-top: 5px; color: #60708e; font-size: 13px; line-height: 1.35; font-weight: 750; }
.visual-refresh-v2 .v2-card-ai { top: 34px; left: 205px; min-width: 340px; }
.visual-refresh-v2 .v2-card-hr { top: 168px; left: 28px; }
.visual-refresh-v2 .v2-card-expense { top: 174px; right: 28px; }
.visual-refresh-v2 .v2-card-doc { top: 310px; left: 164px; min-width: 360px; }
.visual-refresh-v2 .v2-card-asset { bottom: 126px; left: 56px; }
.visual-refresh-v2 .v2-card-notify { bottom: 126px; right: 48px; }
.visual-refresh-v2 .v2-card-audit { bottom: 24px; left: 220px; min-width: 310px; }
.visual-refresh-v2 .v2-check-orb {
  position: absolute;
  right: 30px;
  bottom: 10px;
  display: grid;
  place-items: center;
  width: 118px;
  height: 118px;
  border-radius: 34px;
  color: #fff;
  background: linear-gradient(145deg, #2575f6, #7357f6);
  box-shadow: 0 30px 70px rgba(37, 117, 246, .28);
  transform: rotate(-8deg);
}
.visual-refresh-v2 .v2-check-orb svg { width: 58px; height: 58px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }

.visual-refresh-v2 .v2-icon-badge {
  display: inline-grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border-radius: 18px;
  color: #fff;
  box-shadow: 0 18px 38px rgba(37,117,246,.16);
  flex: 0 0 auto;
}
.visual-refresh-v2 .v2-icon-badge svg {
  width: 29px;
  height: 29px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.visual-refresh-v2 .v2-blue { background: linear-gradient(135deg, #2575f6, #1f63ea); }
.visual-refresh-v2 .v2-purple { background: linear-gradient(135deg, #7357f6, #8d5cf6); }
.visual-refresh-v2 .v2-green { background: linear-gradient(135deg, #10b981, #16c7a6); }

.visual-refresh-v2 .v2-panel,
.visual-refresh-v2 .v2-cta-card {
  border: 1px solid rgba(203, 219, 243, .86);
  border-radius: 38px;
  background:
    radial-gradient(circle at 5% 8%, rgba(37,117,246,.08), transparent 24rem),
    radial-gradient(circle at 94% 15%, rgba(124,58,237,.08), transparent 27rem),
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(249,252,255,.78));
  box-shadow: var(--v2-shadow);
  padding: clamp(28px, 4.4vw, 58px);
  overflow: hidden;
}
.visual-refresh-v2 .v2-panel::before,
.visual-refresh-v2 .v2-cta-card::before {
  content: "";
  position: absolute;
  inset: 12px;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 30px;
  pointer-events: none;
}
.visual-refresh-v2 .v2-panel > *,
.visual-refresh-v2 .v2-cta-card > * { position: relative; z-index: 1; }
.visual-refresh-v2 .v2-section-head {
  display: grid;
  gap: 24px;
  margin-bottom: 32px;
}
.visual-refresh-v2 .v2-section-head-art {
  grid-template-columns: minmax(0, 1fr) minmax(260px, .55fr);
  align-items: center;
  gap: 40px;
}
.visual-refresh-v2 .v2-two-col {
  grid-template-columns: minmax(0, .9fr) minmax(280px, .56fr);
  align-items: start;
  gap: 40px;
}
.visual-refresh-v2 .v2-two-col > p { margin-top: 44px; }

.visual-refresh-v2 .v2-mini-dashboard {
  position: relative;
  min-height: 245px;
  border-radius: 44px;
  background: radial-gradient(circle at 50% 50%, rgba(37,117,246,.15), transparent 68%);
}
.visual-refresh-v2 .v2-mini-dashboard span {
  position: absolute;
  display: block;
  border: 1px solid rgba(199,217,243,.86);
  border-radius: 20px;
  background: rgba(255,255,255,.82);
  box-shadow: var(--v2-soft-shadow);
}
.visual-refresh-v2 .v2-mini-dashboard span:nth-child(1) { width: 280px; height: 168px; right: 32px; top: 34px; }
.visual-refresh-v2 .v2-mini-dashboard span:nth-child(2) { width: 210px; height: 74px; left: 24px; top: 82px; }
.visual-refresh-v2 .v2-mini-dashboard span:nth-child(3) { width: 196px; height: 78px; right: 0; bottom: 20px; }
.visual-refresh-v2 .v2-mini-dashboard span:nth-child(4) { width: 78px; height: 78px; left: 100px; bottom: 20px; border-radius: 50%; background: conic-gradient(from 90deg, #2575f6, #7357f6, #16c7a6, #e9f1ff, #2575f6); }

.visual-refresh-v2 .v2-feature-grid,
.visual-refresh-v2 .v2-role-grid,
.visual-refresh-v2 .v2-faq-grid,
.visual-refresh-v2 .v2-start-grid,
.visual-refresh-v2 .v2-proof-grid {
  display: grid;
  gap: 18px;
}
.visual-refresh-v2 .v2-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.visual-refresh-v2 .v2-grid-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.visual-refresh-v2 .v2-feature-grid article,
.visual-refresh-v2 .v2-family-grid article,
.visual-refresh-v2 .v2-role-grid article,
.visual-refresh-v2 .v2-faq-grid article,
.visual-refresh-v2 .v2-start-grid article,
.visual-refresh-v2 .v2-proof-grid article,
.visual-refresh-v2 .v2-module-col {
  position: relative;
  min-height: 210px;
  padding: 22px;
  border: 1px solid rgba(199, 217, 243, .88);
  border-radius: 28px;
  background:
    radial-gradient(circle at 18% 0%, rgba(37,117,246,.075), transparent 16rem),
    rgba(255,255,255,.78);
  box-shadow: var(--v2-soft-shadow);
}
.visual-refresh-v2 .v2-feature-grid article::after,
.visual-refresh-v2 .v2-family-grid article::after,
.visual-refresh-v2 .v2-role-grid article::after,
.visual-refresh-v2 .v2-start-grid article::after,
.visual-refresh-v2 .v2-module-col::after {
  content: "";
  position: absolute;
  right: 18px;
  bottom: 16px;
  width: 92px;
  height: 92px;
  border-radius: 28px;
  background: radial-gradient(circle, rgba(37,117,246,.075), transparent 68%);
  pointer-events: none;
}
.visual-refresh-v2 .v2-feature-grid h3,
.visual-refresh-v2 .v2-family-grid h3,
.visual-refresh-v2 .v2-role-grid h3,
.visual-refresh-v2 .v2-faq-grid h3,
.visual-refresh-v2 .v2-start-grid h3,
.visual-refresh-v2 .v2-module-col h3 {
  margin: 18px 0 10px;
  color: #111936;
  font-size: clamp(18px, 1.45vw, 24px);
  line-height: 1.15;
  font-weight: 950;
  letter-spacing: -.035em;
}
.visual-refresh-v2 .v2-feature-grid p,
.visual-refresh-v2 .v2-family-grid p,
.visual-refresh-v2 .v2-role-grid p,
.visual-refresh-v2 .v2-faq-grid p,
.visual-refresh-v2 .v2-start-grid p {
  margin: 0;
  color: var(--v2-muted);
  font-size: 15px;
  line-height: 1.58;
  font-weight: 650;
}
.visual-refresh-v2 .v2-ribbon,
.visual-refresh-v2 .v2-dark-ribbon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 14px;
  min-height: 78px;
  margin-top: 26px;
  padding: 18px 26px;
  border: 1px solid rgba(198, 214, 239, .84);
  border-radius: 26px;
  background: rgba(255,255,255,.74);
  color: #314260;
  font-size: clamp(17px, 1.65vw, 24px);
  line-height: 1.25;
  font-weight: 800;
  box-shadow: var(--v2-soft-shadow);
}
.visual-refresh-v2 .v2-ribbon .v2-icon-badge { width: 50px; height: 50px; border-radius: 50%; }
.visual-refresh-v2 .v2-ribbon .v2-icon-badge svg { width: 25px; height: 25px; }

.visual-refresh-v2 .v2-side-notes { display: grid; gap: 12px; }
.visual-refresh-v2 .v2-side-notes span {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 72px;
  padding: 16px 18px;
  border: 1px solid rgba(202,219,245,.9);
  border-radius: 20px;
  background: rgba(255,255,255,.82);
  box-shadow: var(--v2-soft-shadow);
  color: #18264a;
  font-weight: 900;
  line-height: 1.3;
}
.visual-refresh-v2 .v2-side-notes svg { width: 28px; height: 28px; color: var(--v2-blue); }
.visual-refresh-v2 .v2-process-line {
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 16px;
  padding: 34px 18px;
  border: 1px dashed rgba(76,143,236,.34);
  border-radius: 34px;
  background: rgba(255,255,255,.38);
}
.visual-refresh-v2 .v2-process-line::before {
  content: "";
  position: absolute;
  left: 8%;
  right: 8%;
  top: 50%;
  height: 2px;
  background: linear-gradient(90deg, rgba(37,117,246,.18), rgba(124,58,237,.18), rgba(16,185,129,.18));
}
.visual-refresh-v2 .v2-process-line article {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  gap: 14px;
  text-align: center;
}
.visual-refresh-v2 .v2-process-line .v2-icon-badge {
  width: 104px;
  height: 104px;
  border: 10px solid rgba(235,243,255,.94);
  border-radius: 50%;
  color: #fff;
}
.visual-refresh-v2 .v2-process-line .v2-icon-badge svg { width: 42px; height: 42px; }
.visual-refresh-v2 .v2-process-line b { color: #152046; font-size: 15px; font-weight: 950; }

.visual-refresh-v2 .v2-cube-cluster {
  position: relative;
  min-height: 250px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(37,117,246,.12), transparent 68%);
}
.visual-refresh-v2 .v2-cube-cluster span {
  position: absolute;
  width: 72px;
  height: 72px;
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(228,236,255,.92));
  box-shadow: 0 18px 42px rgba(37,77,134,.10);
  transform: rotate(45deg) skew(-6deg, -6deg);
}
.visual-refresh-v2 .v2-cube-cluster span:nth-child(1) { left: 42%; top: 20%; background: linear-gradient(145deg, #eafffb, #6adfd5); }
.visual-refresh-v2 .v2-cube-cluster span:nth-child(2) { left: 28%; top: 44%; background: linear-gradient(145deg, #eaf3ff, #5c97ff); }
.visual-refresh-v2 .v2-cube-cluster span:nth-child(3) { left: 50%; top: 44%; background: linear-gradient(145deg, #f2edff, #9b82ff); }
.visual-refresh-v2 .v2-cube-cluster span:nth-child(4) { left: 64%; top: 29%; }
.visual-refresh-v2 .v2-cube-cluster span:nth-child(5) { left: 66%; top: 55%; background: linear-gradient(145deg, #f8faff, #d9e4ff); }
.visual-refresh-v2 .v2-module-map {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.visual-refresh-v2 .v2-module-col { min-height: 320px; }
.visual-refresh-v2 .v2-module-col h3 {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 0;
  color: #1f65d6;
}
.visual-refresh-v2 .v2-module-col h3 .v2-icon-badge { width: 50px; height: 50px; border-radius: 16px; }
.visual-refresh-v2 .v2-module-col h3 .v2-icon-badge svg { width: 25px; height: 25px; }
.visual-refresh-v2 .v2-module-col div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}
.visual-refresh-v2 .v2-module-col a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 62px;
  padding: 12px 14px;
  border: 1px solid rgba(204,220,244,.86);
  border-radius: 16px;
  background: rgba(255,255,255,.80);
  color: #1c2b50;
  font-size: 15px;
  font-weight: 850;
  line-height: 1.18;
  text-decoration: none;
}
.visual-refresh-v2 .v2-module-col a:hover,
.visual-refresh-v2 .v2-module-col a:focus-visible {
  color: var(--v2-blue-2);
  transform: translateY(-1px);
  outline: none;
  box-shadow: 0 12px 26px rgba(37,117,246,.08);
}
.visual-refresh-v2 .v2-module-col a svg { color: var(--v2-blue); }
.visual-refresh-v2 .v2-blue-soft { background: radial-gradient(circle at 20% 0%, rgba(37,117,246,.10), transparent 15rem), rgba(255,255,255,.78); }
.visual-refresh-v2 .v2-green-soft { background: radial-gradient(circle at 20% 0%, rgba(16,185,129,.10), transparent 15rem), rgba(255,255,255,.78); }
.visual-refresh-v2 .v2-purple-soft { background: radial-gradient(circle at 20% 0%, rgba(124,58,237,.10), transparent 15rem), rgba(255,255,255,.78); }

.visual-refresh-v2 .v2-family-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.visual-refresh-v2 .v2-family-grid article { min-height: 292px; }
.visual-refresh-v2 .v2-family-grid h3 { max-width: 470px; font-size: clamp(24px, 2.3vw, 36px); }
.visual-refresh-v2 .v2-mini-flow {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
  padding: 14px;
  border: 1px solid rgba(201,218,243,.80);
  border-radius: 18px;
  background: rgba(255,255,255,.76);
}
.visual-refresh-v2 .v2-mini-flow span {
  color: #213154;
  font-size: 13px;
  font-weight: 900;
}
.visual-refresh-v2 .v2-mini-flow i {
  width: 34px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--v2-blue), var(--v2-purple));
}

.visual-refresh-v2 .v2-ai-device {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 260px;
  border-radius: 44px;
  background: radial-gradient(circle at 50% 50%, rgba(37,117,246,.14), transparent 70%);
}
.visual-refresh-v2 .v2-ai-device > svg {
  width: 150px;
  height: 150px;
  color: rgba(37,117,246,.44);
  fill: none;
  stroke: currentColor;
  stroke-width: 1.3;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.visual-refresh-v2 .v2-ai-device b,
.visual-refresh-v2 .v2-ai-device span {
  position: absolute;
  border: 1px solid rgba(199,217,243,.86);
  background: rgba(255,255,255,.86);
  box-shadow: var(--v2-soft-shadow);
}
.visual-refresh-v2 .v2-ai-device b {
  right: 72px;
  top: 54px;
  padding: 14px 16px;
  border-radius: 17px;
  color: #fff;
  background: linear-gradient(135deg, #7357f6, #2575f6);
  font-size: 24px;
}
.visual-refresh-v2 .v2-ai-device span {
  right: 30px;
  bottom: 68px;
  padding: 12px 18px;
  border-radius: 18px;
  color: #10244c;
  font-size: 14px;
  font-weight: 900;
}
.visual-refresh-v2 .v2-ai-steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 22px;
  padding: 18px;
  border: 1px solid rgba(203,219,243,.86);
  border-radius: 26px;
  background: rgba(255,255,255,.74);
}
.visual-refresh-v2 .v2-ai-steps article {
  position: relative;
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 12px;
  text-align: center;
}
.visual-refresh-v2 .v2-ai-steps article:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 29px;
  right: -12px;
  width: 20px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--v2-blue), var(--v2-purple));
}
.visual-refresh-v2 .v2-ai-steps .v2-icon-badge { width: 58px; height: 58px; border-radius: 18px; }
.visual-refresh-v2 .v2-ai-steps b { color: #152046; font-size: 15px; line-height: 1.25; font-weight: 950; }

.visual-refresh-v2 .v2-governance-panel { padding-bottom: 0; }
.visual-refresh-v2 .v2-security-art {
  position: relative;
  min-height: 270px;
  border-radius: 44px;
  background: radial-gradient(circle, rgba(37,117,246,.16), transparent 70%);
}
.visual-refresh-v2 .v2-security-art > span {
  position: absolute;
  left: 50%;
  top: 45%;
  display: grid;
  place-items: center;
  width: 126px;
  height: 126px;
  border-radius: 34px;
  color: #fff;
  background: linear-gradient(145deg, #2575f6, #7357f6);
  box-shadow: 0 28px 70px rgba(37,117,246,.28);
  transform: translate(-50%, -50%) rotate(-8deg);
}
.visual-refresh-v2 .v2-security-art > span svg { width: 72px; height: 72px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.visual-refresh-v2 .v2-security-art i {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 166px;
  padding: 13px 16px;
  border: 1px solid rgba(199,217,243,.86);
  border-radius: 18px;
  background: rgba(255,255,255,.86);
  color: #172246;
  box-shadow: var(--v2-soft-shadow);
  font-style: normal;
  font-size: 13px;
  font-weight: 900;
}
.visual-refresh-v2 .v2-security-art i:nth-of-type(1) { left: 14px; top: 42px; }
.visual-refresh-v2 .v2-security-art i:nth-of-type(2) { right: 8px; top: 50px; }
.visual-refresh-v2 .v2-security-art i:nth-of-type(3) { right: 40px; bottom: 34px; color: #059669; }
.visual-refresh-v2 .v2-grid-6 article { min-height: 224px; padding: 20px 16px; }
.visual-refresh-v2 .v2-grid-6 h3 { font-size: clamp(16px, 1.1vw, 20px); }
.visual-refresh-v2 .v2-grid-6 p { font-size: 14px; }
.visual-refresh-v2 .v2-dark-ribbon {
  margin: 30px calc(clamp(28px, 4.4vw, 58px) * -1) 0;
  border: 0;
  border-radius: 0;
  color: #fff;
  background: linear-gradient(100deg, #07245e, #1c49c9 58%, #6f3ded);
  box-shadow: none;
}
.visual-refresh-v2 .v2-dark-ribbon span {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border-radius: 18px;
  background: rgba(255,255,255,.12);
}
.visual-refresh-v2 .v2-dark-ribbon svg { width: 34px; height: 34px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

.visual-refresh-v2 .v2-role-grid { grid-template-columns: repeat(7, minmax(0, 1fr)); }
.visual-refresh-v2 .v2-role-grid article { min-height: 250px; padding: 20px 16px; }
.visual-refresh-v2 .v2-role-grid .v2-icon-badge,
.visual-refresh-v2 .v2-faq-grid span { width: 52px; height: 52px; border-radius: 17px; }
.visual-refresh-v2 .v2-role-grid .v2-icon-badge svg { width: 25px; height: 25px; }
.visual-refresh-v2 .v2-role-grid h3 { font-size: 18px; }
.visual-refresh-v2 .v2-role-grid p { font-size: 14px; }

.visual-refresh-v2 .v2-start-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.visual-refresh-v2 .v2-start-grid article { min-height: 330px; }
.visual-refresh-v2 .v2-start-grid small {
  display: block;
  margin-top: 18px;
  color: var(--v2-blue-2);
  font-size: 13px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.visual-refresh-v2 .v2-start-grid ul {
  display: grid;
  gap: 10px;
  margin: 18px 0 0;
  padding: 0;
}
.visual-refresh-v2 .v2-start-grid li {
  list-style: none;
  position: relative;
  padding-left: 20px;
  color: var(--v2-muted);
  font-size: 15px;
  font-weight: 750;
}
.visual-refresh-v2 .v2-start-grid li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .55em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--v2-green);
}

.visual-refresh-v2 .v2-faq-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.visual-refresh-v2 .v2-faq-grid article { min-height: 210px; }
.visual-refresh-v2 .v2-faq-grid span {
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(135deg, #2575f6, #7357f6);
}
.visual-refresh-v2 .v2-faq-grid span svg { width: 26px; height: 26px; }

.visual-refresh-v2 .v2-proof-panel {
  display: grid;
  grid-template-columns: minmax(0, .7fr) minmax(360px, .65fr);
  gap: 34px;
  align-items: center;
}
.visual-refresh-v2 .v2-proof-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.visual-refresh-v2 .v2-proof-grid article { min-height: 168px; text-align: left; }
.visual-refresh-v2 .v2-proof-grid b {
  display: block;
  margin-top: 16px;
  color: #111936;
  font-size: 26px;
  font-weight: 950;
  letter-spacing: -.035em;
}
.visual-refresh-v2 .v2-proof-grid small {
  display: block;
  margin-top: 4px;
  color: var(--v2-muted);
  font-size: 14px;
  line-height: 1.35;
  font-weight: 750;
}

.visual-refresh-v2 .v2-cta-section { padding-bottom: 88px; }
.visual-refresh-v2 .v2-cta-card {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(340px, .55fr);
  gap: 34px;
  border-color: rgba(35, 168, 214, .42);
  background:
    radial-gradient(circle at 10% 8%, rgba(255,255,255,.24), transparent 18rem),
    radial-gradient(circle at 92% 84%, rgba(16,185,129,.26), transparent 20rem),
    linear-gradient(135deg, #0b63e5 0%, #11aee6 48%, #13c7a7 100%);
  color: #fff;
}
.visual-refresh-v2 .v2-cta-card .v2-kicker,
.visual-refresh-v2 .v2-cta-card h2,
.visual-refresh-v2 .v2-cta-card p { color: #fff; }
.visual-refresh-v2 .v2-cta-card .v2-kicker::after { background: rgba(255,255,255,.72); }
.visual-refresh-v2 .v2-cta-card p { color: rgba(255,255,255,.86); }
.visual-refresh-v2 .v2-cta-topics {
  margin-top: 24px;
  padding: 22px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 24px;
  background: rgba(255,255,255,.12);
}
.visual-refresh-v2 .v2-cta-topics b { display: block; margin-bottom: 14px; font-size: 16px; font-weight: 950; }
.visual-refresh-v2 .v2-cta-topics ul { display: grid; gap: 10px; margin: 0; padding: 0; }
.visual-refresh-v2 .v2-cta-topics li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  list-style: none;
  color: rgba(255,255,255,.90);
  font-size: 14px;
  line-height: 1.4;
  font-weight: 750;
}
.visual-refresh-v2 .v2-cta-topics svg { color: #fff; }
.visual-refresh-v2 .v2-demo-form {
  border: 1px solid rgba(255,255,255,.42);
  border-radius: 26px;
  background: rgba(255,255,255,.92);
  color: #152046;
  box-shadow: 0 22px 56px rgba(0,49,118,.16);
}
.visual-refresh-v2 .v2-demo-form b { color: #10204a; }
.visual-refresh-v2 .v2-demo-form label { color: #223256; font-weight: 850; }
.visual-refresh-v2 .v2-demo-form input,
.visual-refresh-v2 .v2-demo-form select,
.visual-refresh-v2 .v2-demo-form textarea {
  border-color: rgba(180, 203, 235, .92);
  background: #fff;
  color: #111936;
}
.visual-refresh-v2 .v2-demo-form .btn-light {
  background: linear-gradient(135deg, #2575f6, #7357f6);
  color: #fff;
}

@media (max-width: 1220px) {
  .visual-refresh-v2 .v2-hero-grid,
  .visual-refresh-v2 .v2-section-head-art,
  .visual-refresh-v2 .v2-two-col,
  .visual-refresh-v2 .v2-proof-panel,
  .visual-refresh-v2 .v2-cta-card { grid-template-columns: 1fr; }
  .visual-refresh-v2 .v2-two-col > p { margin-top: 0; }
  .visual-refresh-v2 .v2-hero-art { min-height: 590px; }
  .visual-refresh-v2 .v2-orbit { max-width: 760px; margin: 0 auto; }
  .visual-refresh-v2 .v2-module-map { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .visual-refresh-v2 .v2-grid-6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .visual-refresh-v2 .v2-role-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 1140px) {
  .visual-refresh-v2 .nav { justify-content: space-between; gap: 16px; }
  .visual-refresh-v2 .nav-links { display: none; }
  .visual-refresh-v2 .nav-links.is-open {
    position: absolute;
    top: var(--nav-h);
    left: 24px;
    right: 24px;
    display: grid;
    gap: 4px;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 22px;
    background: rgba(255,255,255,.96);
    box-shadow: var(--shadow-soft);
  }
}

@media (max-width: 940px) {
  .visual-refresh-v2 .v2-hero { min-height: 0; }
  .visual-refresh-v2 .v2-copy h1 { font-size: clamp(44px, 11vw, 76px); }
  .visual-refresh-v2 .v2-section-head h2,
  .visual-refresh-v2 .v2-proof-panel h2,
  .visual-refresh-v2 .v2-cta-card h2 { font-size: clamp(36px, 8.5vw, 58px); }
  .visual-refresh-v2 .v2-feature-grid,
  .visual-refresh-v2 .v2-family-grid,
  .visual-refresh-v2 .v2-start-grid,
  .visual-refresh-v2 .v2-faq-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .visual-refresh-v2 .v2-process-line,
  .visual-refresh-v2 .v2-ai-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .visual-refresh-v2 .v2-process-line::before,
  .visual-refresh-v2 .v2-ai-steps article::after { display: none; }
  .visual-refresh-v2 .v2-hero-art { min-height: auto; }
  .visual-refresh-v2 .v2-orbit {
    display: grid;
    gap: 14px;
    min-height: auto;
    padding: 18px;
  }
  .visual-refresh-v2 .v2-orbit-circle { display: none; }
  .visual-refresh-v2 .v2-float-card,
  .visual-refresh-v2 .v2-card-ai,
  .visual-refresh-v2 .v2-card-hr,
  .visual-refresh-v2 .v2-card-expense,
  .visual-refresh-v2 .v2-card-doc,
  .visual-refresh-v2 .v2-card-asset,
  .visual-refresh-v2 .v2-card-notify,
  .visual-refresh-v2 .v2-card-audit {
    position: relative;
    inset: auto;
    min-width: 0;
  }
  .visual-refresh-v2 .v2-check-orb {
    position: relative;
    right: auto;
    bottom: auto;
    width: 86px;
    height: 86px;
    justify-self: end;
  }
  .visual-refresh-v2 .v2-check-orb svg { width: 42px; height: 42px; }
}

@media (max-width: 720px) {
  .visual-refresh-v2 .v2-hero,
  .visual-refresh-v2 .v2-section,
  .visual-refresh-v2 .v2-cta-section { padding: 34px 0; }
  .visual-refresh-v2 .v2-hero { padding-top: calc(var(--nav-h) + 24px); }
  .visual-refresh-v2 .v2-panel,
  .visual-refresh-v2 .v2-cta-card { padding: 24px 18px; border-radius: 30px; }
  .visual-refresh-v2 .v2-panel::before,
  .visual-refresh-v2 .v2-cta-card::before { inset: 8px; border-radius: 24px; }
  .visual-refresh-v2 .v2-feature-grid,
  .visual-refresh-v2 .v2-family-grid,
  .visual-refresh-v2 .v2-module-map,
  .visual-refresh-v2 .v2-role-grid,
  .visual-refresh-v2 .v2-start-grid,
  .visual-refresh-v2 .v2-faq-grid,
  .visual-refresh-v2 .v2-proof-grid,
  .visual-refresh-v2 .v2-ai-steps,
  .visual-refresh-v2 .v2-process-line,
  .visual-refresh-v2 .v2-grid-6 { grid-template-columns: 1fr; }
  .visual-refresh-v2 .v2-feature-grid article,
  .visual-refresh-v2 .v2-family-grid article,
  .visual-refresh-v2 .v2-role-grid article,
  .visual-refresh-v2 .v2-faq-grid article,
  .visual-refresh-v2 .v2-start-grid article,
  .visual-refresh-v2 .v2-module-col { min-height: auto; }
  .visual-refresh-v2 .v2-module-col div { grid-template-columns: 1fr; }
  .visual-refresh-v2 .v2-mini-dashboard,
  .visual-refresh-v2 .v2-cube-cluster,
  .visual-refresh-v2 .v2-ai-device,
  .visual-refresh-v2 .v2-security-art { display: none; }
  .visual-refresh-v2 .v2-dark-ribbon { margin-left: -18px; margin-right: -18px; }
  .visual-refresh-v2 .v2-motto { display: grid; gap: 8px; }
  .visual-refresh-v2 .v2-pill-row span { width: 100%; justify-content: center; }
  .visual-refresh-v2 .v2-process-line .v2-icon-badge { width: 78px; height: 78px; border-width: 8px; }
  .visual-refresh-v2 .v2-process-line .v2-icon-badge svg { width: 32px; height: 32px; }
  .visual-refresh-v2 .brand-logo,
  .visual-refresh-v2 .brand img.brand-logo { width: 136px; }
  .visual-refresh-v2 .brand { min-width: auto; }
  .visual-refresh-v2 .brand-tagline { display: none; }
}

/* v15 premium visual richness refinement */
.visual-refresh-v2 {
  --v3-ink: #07132f;
  --v3-muted: #51617f;
  --v3-blue: #246ef5;
  --v3-blue-2: #1f5de8;
  --v3-purple: #7458f5;
  --v3-green: #10b981;
  --v3-line: rgba(190, 210, 239, .82);
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
}

.visual-refresh-v2 .v2-copy h1,
.visual-refresh-v2 .v2-section-head h2,
.visual-refresh-v2 .v2-proof-panel h2,
.visual-refresh-v2 .v2-cta-card h2,
.visual-refresh-v2 .v3-family-copy h2 {
  letter-spacing: -.043em;
  line-height: 1.02;
}

.visual-refresh-v2 .v2-lead,
.visual-refresh-v2 .v2-section-head p,
.visual-refresh-v2 .v2-feature-grid p,
.visual-refresh-v2 .v2-family-grid p,
.visual-refresh-v2 .v2-role-grid p,
.visual-refresh-v2 .v2-faq-grid p,
.visual-refresh-v2 .v2-start-grid p,
.visual-refresh-v2 .v2-module-col a,
.visual-refresh-v2 .v2-float-card small,
.visual-refresh-v2 .v3-float-card small {
  letter-spacing: .004em;
}

.visual-refresh-v2 .v2-kicker {
  letter-spacing: .07em;
  font-size: 15px;
}

.visual-refresh-v2 .v2-kicker::after {
  height: 3px;
  width: 56px;
}

.visual-refresh-v2 .v2-hero.v3-hero {
  padding-top: calc(var(--nav-h) + 38px);
  padding-bottom: 36px;
  min-height: calc(100vh - 4px);
  display: flex;
  align-items: center;
}

.visual-refresh-v2 .v3-hero-grid {
  grid-template-columns: minmax(450px, .78fr) minmax(620px, 1.02fr);
  gap: clamp(32px, 4.4vw, 78px);
  align-items: center;
}

.visual-refresh-v2 .v3-hero-copy { max-width: 680px; }

.visual-refresh-v2 .v3-hero-title {
  max-width: 680px;
  font-size: clamp(58px, 5.35vw, 52px) !important;
  line-height: 1.03 !important;
  letter-spacing: -.046em !important;
}

.visual-refresh-v2 .v3-hero-title span,
.visual-refresh-v2 .v3-hero-title strong {
  display: block;
}

.visual-refresh-v2 .v3-hero-title strong {
  color: var(--v3-ink);
  font-weight: 950;
}

.visual-refresh-v2 .v3-hero-lead {
  max-width: 650px;
  margin-top: 24px;
  font-size: clamp(18px, 1.22vw, 22px);
  line-height: 1.62;
}

.visual-refresh-v2 .v3-pill-row { gap: 10px; margin-top: 26px; }
.visual-refresh-v2 .v3-pill-row span {
  min-height: 38px;
  padding: 8px 14px;
  font-size: 13px;
  background: rgba(255,255,255,.72);
}
.visual-refresh-v2 .v3-pill-row span:nth-child(3) { color: #079669; }

.visual-refresh-v2 .v3-actions .btn-lg {
  min-height: 52px;
  padding-inline: 25px;
  border-radius: 15px;
}
.visual-refresh-v2 .v3-actions .btn-lg span { margin-left: 10px; }

.visual-refresh-v2 .v3-trust-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) minmax(190px, .58fr);
  gap: 22px;
  align-items: center;
  max-width: 600px;
  margin-top: 36px;
  padding: 18px 22px;
  border: 1px solid var(--v3-line);
  border-radius: 22px;
  background: rgba(255,255,255,.74);
  box-shadow: 0 22px 55px rgba(26, 70, 140, .07);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.visual-refresh-v2 .v3-trust-shield {
  display: grid;
  place-items: center;
  width: 78px;
  height: 78px;
  border-radius: 22px;
  color: #fff;
  background: radial-gradient(circle at 30% 20%, #9ebcff, #276cf5 45%, #725af4);
  box-shadow: 0 18px 44px rgba(37, 117, 246, .24);
}
.visual-refresh-v2 .v3-trust-shield svg,
.visual-refresh-v2 .v3-trust-card svg {
  width: 34px;
  height: 34px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.visual-refresh-v2 .v3-trust-card small {
  display: block;
  color: #536381;
  font-weight: 750;
  font-size: 12px;
  text-transform: none;
}
.visual-refresh-v2 .v3-trust-card b {
  display: block;
  margin-top: 5px;
  color: #0e1836;
  font-size: 17px;
  font-weight: 950;
  letter-spacing: -.02em;
}
.visual-refresh-v2 .v3-trust-card em {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  color: #059669;
  font-size: 13px;
  font-style: normal;
  font-weight: 850;
}
.visual-refresh-v2 .v3-trust-card em i {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 0 5px rgba(34,197,94,.12);
}
.visual-refresh-v2 .v3-trust-card ul {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  border-left: 1px solid rgba(198,214,239,.9);
  padding-left: 20px;
}
.visual-refresh-v2 .v3-trust-card li {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #40506f;
  font-size: 12px;
  font-weight: 850;
  list-style: none;
}
.visual-refresh-v2 .v3-trust-card li svg {
  width: 16px;
  height: 16px;
  color: #64748b;
}

.visual-refresh-v2 .v3-hero-art { min-height: 690px; }
.visual-refresh-v2 .v3-orbit-stage {
  position: relative;
  min-height: 690px;
  isolation: isolate;
}
.visual-refresh-v2 .v3-orbit-stage::before,
.visual-refresh-v2 .v3-orbit-stage::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
}
.visual-refresh-v2 .v3-orbit-stage::before {
  inset: 46px 36px 72px 34px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 45% 38%, rgba(255,255,255,.84), rgba(255,255,255,.16) 30%, transparent 62%),
    radial-gradient(circle at 50% 52%, rgba(37,117,246,.18), transparent 42%),
    radial-gradient(circle at 70% 62%, rgba(124,58,237,.13), transparent 46%),
    radial-gradient(circle at 32% 28%, rgba(16,185,129,.08), transparent 34%);
  filter: blur(.1px);
}
.visual-refresh-v2 .v3-orbit-stage::after {
  left: 58%;
  top: 49%;
  width: 46%;
  height: 44%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(37,117,246,.09), transparent 66%);
  transform: translate(-50%, -50%);
}
.visual-refresh-v2 .v3-ring {
  position: absolute;
  border: 1px solid rgba(111, 161, 232, .38);
  border-radius: 50%;
  transform: rotate(-17deg);
  pointer-events: none;
}
.visual-refresh-v2 .v3-ring-one { inset: 38px 22px 56px 28px; }
.visual-refresh-v2 .v3-ring-two { inset: 118px 110px 126px 114px; border-style: dashed; opacity: .8; }
.visual-refresh-v2 .v3-ring-node {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #74a8ff;
  box-shadow: 0 0 0 6px rgba(116,168,255,.12);
}
.visual-refresh-v2 .v3-ring-node.n1 { left: 13%; top: 24%; }
.visual-refresh-v2 .v3-ring-node.n2 { right: 12%; top: 30%; }
.visual-refresh-v2 .v3-ring-node.n3 { right: 6%; top: 55%; }
.visual-refresh-v2 .v3-ring-node.n4 { left: 10%; bottom: 25%; }
.visual-refresh-v2 .v3-ring-node.n5 { left: 53%; bottom: 5%; }

.visual-refresh-v2 .v3-float-card {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 230px;
  padding: 15px 18px;
  border: 1px solid rgba(199, 217, 243, .9);
  border-radius: 22px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 24px 60px rgba(21, 53, 115, .12);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.visual-refresh-v2 .v3-float-card b {
  display: block;
  color: #101936;
  font-size: 17px;
  line-height: 1.12;
  font-weight: 950;
  letter-spacing: -.02em;
}
.visual-refresh-v2 .v3-float-card small {
  display: block;
  margin-top: 5px;
  color: #5c6c8a;
  font-size: 12.5px;
  line-height: 1.32;
  font-weight: 750;
}
.visual-refresh-v2 .v3-float-card .v2-icon-badge { width: 52px; height: 52px; border-radius: 15px; font-size: 22px; font-weight: 950; }
.visual-refresh-v2 .v3-float-card .v2-icon-badge svg { width: 26px; height: 26px; }
.visual-refresh-v2 .v3-card-ai { top: 52px; left: 31%; min-width: 290px; }
.visual-refresh-v2 .v3-card-hr { top: 170px; left: 5%; width: 330px; }
.visual-refresh-v2 .v3-card-expense { top: 170px; right: 4%; width: 330px; }
.visual-refresh-v2 .v3-card-doc { top: 300px; left: 23%; width: 380px; z-index: 3; display: grid; grid-template-columns: auto 1fr; }
.visual-refresh-v2 .v3-card-asset { bottom: 135px; left: 2%; width: 330px; }
.visual-refresh-v2 .v3-card-notify { bottom: 135px; right: 2%; width: 330px; }
.visual-refresh-v2 .v3-card-audit { bottom: 38px; left: 28%; width: 360px; }
.visual-refresh-v2 .v3-card-hr strong {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  color: #fff;
  background: #3ac47a;
  margin-left: auto;
}
.visual-refresh-v2 .v3-card-hr strong svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 2.4; }
.visual-refresh-v2 .v3-card-hr em,
.visual-refresh-v2 .v3-card-chart em {
  display: grid;
  gap: 7px;
  margin-top: 12px;
  font-style: normal;
}
.visual-refresh-v2 .v3-card-hr em i {
  display: block;
  width: 150px;
  height: 8px;
  border-radius: 999px;
  background: #edf2fb;
}
.visual-refresh-v2 .v3-card-hr em i:nth-child(2) { width: 108px; }
.visual-refresh-v2 .v3-card-hr em i:nth-child(3) { width: 134px; }
.visual-refresh-v2 .v3-card-chart em {
  display: flex;
  align-items: end;
  height: 54px;
  gap: 8px;
}
.visual-refresh-v2 .v3-card-chart em i {
  display: block;
  width: 13px;
  border-radius: 10px 10px 4px 4px;
  background: linear-gradient(180deg, #6e5cf5, #2575f6);
}
.visual-refresh-v2 .v3-card-chart em i:nth-child(1) { height: 28px; }
.visual-refresh-v2 .v3-card-chart em i:nth-child(2) { height: 45px; background: linear-gradient(180deg, #16c7a6, #0e9f7d); }
.visual-refresh-v2 .v3-card-chart em i:nth-child(3) { height: 36px; background: #bed2f3; }
.visual-refresh-v2 .v3-card-chart em i:nth-child(4) { height: 55px; }
.visual-refresh-v2 .v3-card-chart em i:nth-child(5) { height: 38px; }
.visual-refresh-v2 .v3-card-doc-center label {
  grid-column: 1 / -1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 36px;
  margin-top: 13px;
  padding: 0 13px;
  border: 1px solid rgba(199,217,243,.9);
  border-radius: 12px;
  color: #8a98b3;
  font-size: 12px;
  font-weight: 750;
}
.visual-refresh-v2 .v3-card-doc-center label svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.visual-refresh-v2 .v3-card-doc-center p,
.visual-refresh-v2 .v3-card-audit p {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0 0;
}
.visual-refresh-v2 .v3-card-doc-center p span,
.visual-refresh-v2 .v3-card-audit p span {
  padding: 7px 10px;
  border-radius: 11px;
  background: #edf2ff;
  color: #315fe7;
  font-size: 11px;
  font-weight: 850;
}
.visual-refresh-v2 .v3-card-metric p,
.visual-refresh-v2 .v3-card-list p {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 12px 0 0;
  color: #52627f;
  font-size: 12px;
  font-weight: 850;
}
.visual-refresh-v2 .v3-card-metric p i {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: conic-gradient(#2575f6 0 45%, #10b981 45% 68%, #7357f6 68% 88%, #edf2fb 88% 100%);
  box-shadow: inset 0 0 0 13px #fff;
}
.visual-refresh-v2 .v3-card-list p i {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #10b981;
}
.visual-refresh-v2 .v3-spark-orb {
  position: absolute;
  top: 40px;
  right: 18%;
  display: grid;
  place-items: center;
  width: 104px;
  height: 104px;
  border-radius: 50%;
  color: #7357f6;
  background: radial-gradient(circle, #fff 30%, rgba(255,255,255,.78) 48%, rgba(116,88,245,.12));
  border: 1px solid rgba(255,255,255,.9);
  box-shadow: 0 22px 54px rgba(90,68,220,.18);
}
.visual-refresh-v2 .v3-spark-orb svg { width: 42px; height: 42px; fill: none; stroke: currentColor; stroke-width: 1.4; }
.visual-refresh-v2 .v3-mini-modules {
  position: absolute;
  left: 14%;
  right: 8%;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
}
.visual-refresh-v2 .v3-mini-modules span {
  display: grid;
  justify-items: center;
  gap: 8px;
  min-width: 68px;
  padding: 12px 11px;
  border: 1px solid rgba(205,221,245,.82);
  border-radius: 17px;
  color: #1d4fd7;
  background: rgba(255,255,255,.78);
  box-shadow: 0 15px 35px rgba(37,117,246,.08);
  font-size: 11px;
  font-weight: 850;
}
.visual-refresh-v2 .v3-mini-modules svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}

.visual-refresh-v2 .v3-panel {
  border-radius: 42px;
  padding: clamp(34px, 4.6vw, 64px);
}
.visual-refresh-v2 .v3-what-head,
.visual-refresh-v2 .v3-modules-head {
  grid-template-columns: minmax(420px, .82fr) minmax(420px, .9fr);
}
.visual-refresh-v2 .v3-what-head .v2-section-head h2,
.visual-refresh-v2 .v3-modules-head .v2-section-head h2 { max-width: none; }
.visual-refresh-v2 .v3-what-head h2 { font-size: clamp(58px, 5vw, 92px); }
.visual-refresh-v2 .v3-what-head p { max-width: 620px; }

.visual-refresh-v2 .v3-platform-dashboard {
  position: relative;
  min-height: 360px;
}
.visual-refresh-v2 .v3-platform-dashboard .v3-orb-bg {
  position: absolute;
  inset: 0 18px 0 0;
  border-radius: 50%;
  background:
    radial-gradient(circle at 48% 34%, rgba(255,255,255,.9), rgba(255,255,255,.2) 28%, transparent 66%),
    radial-gradient(circle at 45% 48%, rgba(37,117,246,.16), transparent 54%),
    radial-gradient(circle at 68% 52%, rgba(124,58,237,.14), transparent 48%),
    radial-gradient(circle at 28% 28%, rgba(16,185,129,.11), transparent 34%);
}
.visual-refresh-v2 .v3-app-shell {
  position: absolute;
  left: 17%;
  top: 44px;
  display: grid;
  grid-template-columns: 58px 1fr;
  width: 360px;
  min-height: 226px;
  border: 1px solid rgba(198,214,239,.9);
  border-radius: 25px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 28px 68px rgba(27, 67, 137, .13);
  overflow: hidden;
}
.visual-refresh-v2 .v3-app-shell aside {
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 12px;
  background: linear-gradient(180deg, #1f71ff, #6f58f3);
}
.visual-refresh-v2 .v3-app-shell aside span {
  width: 22px;
  height: 22px;
  border-radius: 8px;
  background: rgba(255,255,255,.24);
}
.visual-refresh-v2 .v3-app-shell .v3-app-main { padding: 22px; }
.visual-refresh-v2 .v3-app-shell .v3-app-main > b { display: block; margin-bottom: 16px; color: #101936; font-weight: 950; }
.visual-refresh-v2 .v3-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.visual-refresh-v2 .v3-metrics span {
  display: grid;
  gap: 6px;
  padding: 12px;
  border: 1px solid rgba(218,229,246,.9);
  border-radius: 14px;
  color: #52627f;
  font-size: 10px;
  font-weight: 800;
  background: rgba(255,255,255,.88);
}
.visual-refresh-v2 .v3-metrics strong { color: #101936; font-size: 18px; }
.visual-refresh-v2 .v3-app-shell ul { display: grid; gap: 9px; margin: 16px 0 0; padding: 0; }
.visual-refresh-v2 .v3-app-shell li {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #263452;
  font-size: 11px;
  font-weight: 800;
  list-style: none;
}
.visual-refresh-v2 .v3-app-shell li i {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #edf3ff;
}
.visual-refresh-v2 .v3-app-shell li em { margin-left: auto; color: #246ef5; font-style: normal; }
.visual-refresh-v2 .v3-dash-chip,
.visual-refresh-v2 .v3-dash-chart {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 13px 15px;
  border: 1px solid rgba(199,217,243,.9);
  border-radius: 18px;
  background: rgba(255,255,255,.88);
  color: #152346;
  box-shadow: 0 22px 48px rgba(27, 67, 137, .10);
  font-size: 12px;
  font-weight: 850;
}
.visual-refresh-v2 .v3-dash-chip svg {
  width: 22px;
  height: 22px;
  color: var(--v3-blue);
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
}
.visual-refresh-v2 .v3-dash-chip b { display: block; color: #07132f; font-size: 16px; }
.visual-refresh-v2 .chip-users { left: 30%; top: 4px; }
.visual-refresh-v2 .chip-security { right: 0; top: 84px; }
.visual-refresh-v2 .chip-notify { right: 10%; top: 180px; }
.visual-refresh-v2 .chip-docs { right: 5%; bottom: 40px; }
.visual-refresh-v2 .v3-dash-chart {
  left: 2%;
  bottom: 68px;
  height: 68px;
  align-items: end;
}
.visual-refresh-v2 .v3-dash-chart i {
  display: block;
  width: 10px;
  border-radius: 999px 999px 4px 4px;
  background: linear-gradient(180deg, #7357f6, #2575f6);
}
.visual-refresh-v2 .v3-dash-chart i:nth-child(1) { height: 22px; }
.visual-refresh-v2 .v3-dash-chart i:nth-child(2) { height: 34px; }
.visual-refresh-v2 .v3-dash-chart i:nth-child(3) { height: 48px; }
.visual-refresh-v2 .v3-dash-chart i:nth-child(4) { height: 30px; background: #10b981; }
.visual-refresh-v2 .v3-feature-grid article {
  min-height: 230px;
  padding: 26px;
}
.visual-refresh-v2 .v3-feature-grid article::after {
  width: 120px;
  height: 52px;
  right: 22px;
  bottom: 16px;
  border-radius: 0;
  background-image: radial-gradient(circle, rgba(37,117,246,.16) 1.1px, transparent 1.1px);
  background-size: 10px 7px;
  opacity: .45;
}

.visual-refresh-v2 .v3-cube-showcase {
  position: relative;
  min-height: 280px;
  border-radius: 50%;
  background: radial-gradient(circle at 52% 50%, rgba(37,117,246,.14), transparent 67%);
}
.visual-refresh-v2 .v3-cube-showcase::before,
.visual-refresh-v2 .v3-cube-showcase::after {
  content: "";
  position: absolute;
  border: 1px dashed rgba(91, 151, 238, .42);
  border-radius: 50%;
  inset: 24px 48px 28px 48px;
  transform: rotate(-18deg);
}
.visual-refresh-v2 .v3-cube-showcase::after { inset: 60px 100px 64px 100px; opacity: .65; }
.visual-refresh-v2 .v3-cube-showcase i {
  position: absolute;
  width: 74px;
  height: 74px;
  border-radius: 16px;
  transform: rotate(45deg) skew(-6deg, -6deg);
  box-shadow: 0 22px 46px rgba(36,84,153,.13);
}
.visual-refresh-v2 .v3-cube-showcase .c1 { left: 43%; top: 23%; background: linear-gradient(145deg,#eafffb,#6adfd5); }
.visual-refresh-v2 .v3-cube-showcase .c2 { left: 31%; top: 46%; background: linear-gradient(145deg,#eaf3ff,#5c97ff); }
.visual-refresh-v2 .v3-cube-showcase .c3 { left: 52%; top: 45%; background: linear-gradient(145deg,#f2edff,#9b82ff); }
.visual-refresh-v2 .v3-cube-showcase .c4 { left: 64%; top: 29%; background: linear-gradient(145deg,#fff,#e9eeff); }
.visual-refresh-v2 .v3-cube-showcase .c5 { left: 65%; top: 57%; background: linear-gradient(145deg,#f9fbff,#d9e4ff); }
.visual-refresh-v2 .v3-cube-showcase .c6 { left: 48%; top: 8%; background: linear-gradient(145deg,#fff,#eef4ff); }
.visual-refresh-v2 .v3-cube-showcase span { position: absolute; width: 54px; height: 54px; border-radius: 17px; }
.visual-refresh-v2 .v3-cube-showcase span:nth-of-type(1) { left: 26%; top: 22%; }
.visual-refresh-v2 .v3-cube-showcase span:nth-of-type(2) { left: 18%; bottom: 22%; }
.visual-refresh-v2 .v3-cube-showcase span:nth-of-type(3) { right: 12%; top: 36%; }

.visual-refresh-v2 .v3-module-map { gap: 20px; }
.visual-refresh-v2 .v3-module-map .v2-module-col {
  min-height: 420px;
  padding: 24px;
}
.visual-refresh-v2 .v3-module-map .v2-module-col h3 {
  gap: 16px;
  margin-bottom: 20px;
  font-size: clamp(23px, 1.75vw, 30px);
  letter-spacing: -.02em;
}
.visual-refresh-v2 .v3-module-map .v2-module-col div {
  grid-template-columns: 1fr;
  gap: 12px;
}
.visual-refresh-v2 .v3-module-map .v2-module-col a {
  min-height: 58px;
  padding: 13px 17px;
  border-radius: 16px;
  font-size: 15px;
  letter-spacing: -.004em;
  white-space: normal;
  overflow-wrap: anywhere;
}
.visual-refresh-v2 .v3-module-map .v2-module-col a svg { width: 20px; height: 20px; flex-basis: 20px; }

.visual-refresh-v2 .v3-family-layout {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(500px, .95fr);
  gap: clamp(28px, 4vw, 58px);
  align-items: start;
}
.visual-refresh-v2 .v3-family-copy h2 {
  margin: 0;
  max-width: 760px;
  color: #07132f;
  font-size: clamp(44px, 4.45vw, 76px);
  font-weight: 950;
}
.visual-refresh-v2 .v3-family-copy h2 span {
  color: transparent;
  background: linear-gradient(100deg, #246ef5, #7458f5);
  -webkit-background-clip: text;
  background-clip: text;
}
.visual-refresh-v2 .v3-family-copy > p {
  max-width: 650px;
  margin: 22px 0 0;
  color: var(--v3-muted);
  font-size: clamp(17px, 1.25vw, 21px);
  line-height: 1.58;
  font-weight: 650;
}
.visual-refresh-v2 .v3-family-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}
.visual-refresh-v2 .v3-family-pills span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 44px;
  padding: 10px 16px;
  border: 1px solid rgba(199,217,243,.9);
  border-radius: 16px;
  background: rgba(255,255,255,.78);
  color: #1c2b50;
  box-shadow: 0 14px 34px rgba(37,117,246,.06);
  font-size: 13px;
  font-weight: 900;
}
.visual-refresh-v2 .v3-family-pills svg,
.visual-refresh-v2 .v3-backbone-flow svg,
.visual-refresh-v2 .v3-family-art article svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.visual-refresh-v2 .v3-family-grid {
  margin-top: 30px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.visual-refresh-v2 .v3-family-grid article {
  min-height: 238px;
  padding: 22px;
}
.visual-refresh-v2 .v3-family-grid h3 {
  font-size: clamp(20px, 1.65vw, 27px);
  line-height: 1.12;
}
.visual-refresh-v2 .v3-family-grid p { font-size: 14px; line-height: 1.48; }
.visual-refresh-v2 .v3-family-grid .v2-mini-flow { padding: 11px 12px; gap: 9px; }
.visual-refresh-v2 .v3-family-grid .v2-mini-flow span { font-size: 11px; }
.visual-refresh-v2 .v3-family-grid .v2-mini-flow i { width: 18px; }

.visual-refresh-v2 .v3-family-art {
  position: sticky;
  top: calc(var(--nav-h) + 28px);
  min-height: 610px;
  border-radius: 42px;
  background:
    radial-gradient(circle at 50% 46%, rgba(255,255,255,.86), rgba(255,255,255,.18) 38%, transparent 68%),
    radial-gradient(circle at 50% 48%, rgba(37,117,246,.15), transparent 58%),
    radial-gradient(circle at 80% 36%, rgba(124,58,237,.10), transparent 44%);
}
.visual-refresh-v2 .v3-family-ring {
  position: absolute;
  inset: 56px 58px 82px 54px;
  border: 1.5px solid rgba(91,151,238,.42);
  border-radius: 50%;
  transform: rotate(-10deg);
}
.visual-refresh-v2 .v3-hub {
  position: absolute;
  left: 50%;
  top: 45%;
  display: grid;
  place-items: center;
  width: 136px;
  height: 136px;
  border-radius: 34px;
  color: #fff;
  background: linear-gradient(145deg, #2475f6, #7658f5);
  box-shadow: 0 32px 78px rgba(37,117,246,.28);
  transform: translate(-50%, -50%) rotate(-5deg);
}
.visual-refresh-v2 .v3-hub::after {
  content: "";
  position: absolute;
  inset: -24px -34px;
  border-radius: 50%;
  border: 12px solid rgba(255,255,255,.56);
  filter: drop-shadow(0 14px 24px rgba(37,117,246,.12));
  transform: rotate(5deg);
}
.visual-refresh-v2 .v3-hub svg {
  width: 72px;
  height: 72px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.visual-refresh-v2 .v3-family-art article {
  position: absolute;
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 12px;
  align-items: center;
  width: 220px;
  padding: 16px;
  border: 1px solid rgba(199,217,243,.9);
  border-radius: 20px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 22px 52px rgba(27, 67, 137, .11);
}
.visual-refresh-v2 .v3-family-art article span {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(135deg, #2575f6, #7357f6);
}
.visual-refresh-v2 .v3-family-art article b {
  color: #0f1935;
  font-size: 14px;
  line-height: 1.18;
  font-weight: 950;
}
.visual-refresh-v2 .v3-family-art article small {
  grid-column: 2;
  margin-top: 3px;
  color: #5d6b86;
  font-size: 11px;
  line-height: 1.28;
  font-weight: 750;
}
.visual-refresh-v2 .v3-family-art .f1 { left: 34%; top: 18px; }
.visual-refresh-v2 .v3-family-art .f2 { left: 4%; top: 150px; }
.visual-refresh-v2 .v3-family-art .f3 { right: 2%; top: 150px; }
.visual-refresh-v2 .v3-family-art .f4 { left: 7%; top: 365px; }
.visual-refresh-v2 .v3-family-art .f5 { left: 35%; bottom: 36px; }
.visual-refresh-v2 .v3-family-art .f6 { right: 2%; top: 365px; }
.visual-refresh-v2 .v3-family-art .f2 span,
.visual-refresh-v2 .v3-family-art .f4 span { background: linear-gradient(135deg, #10b981, #28c7a9); }
.visual-refresh-v2 .v3-family-art .f3 span,
.visual-refresh-v2 .v3-family-art .f5 span { background: linear-gradient(135deg, #7357f6, #9162ff); }

.visual-refresh-v2 .v3-backbone-flow {
  display: grid;
  grid-template-columns: 1fr auto 30px auto 30px auto 30px auto 30px auto;
  gap: 14px;
  align-items: center;
  margin-top: 30px;
  padding: 24px;
  border: 1px solid rgba(199,217,243,.86);
  border-radius: 26px;
  background: rgba(255,255,255,.75);
  box-shadow: var(--v2-soft-shadow);
}
.visual-refresh-v2 .v3-backbone-flow > b {
  color: #101936;
  font-size: 18px;
  font-weight: 950;
  letter-spacing: -.02em;
}
.visual-refresh-v2 .v3-backbone-flow span {
  display: grid;
  justify-items: center;
  gap: 8px;
  color: #243350;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 850;
  text-align: center;
}
.visual-refresh-v2 .v3-backbone-flow span svg {
  width: 38px;
  height: 38px;
  padding: 8px;
  border-radius: 50%;
  color: #2575f6;
  background: #eff5ff;
}
.visual-refresh-v2 .v3-backbone-flow i {
  display: block;
  width: 30px;
  height: 2px;
  border-radius: 999px;
  background-image: linear-gradient(90deg, #9bbcff 40%, transparent 40%);
  background-size: 9px 2px;
}
.visual-refresh-v2 .v3-ribbon b { color: var(--v3-blue); }

@media (max-width: 1380px) {
  .visual-refresh-v2 .v3-hero-grid { grid-template-columns: minmax(420px, .78fr) minmax(540px, .98fr); gap: 34px; }
  .visual-refresh-v2 .v3-hero-title { font-size: clamp(52px, 4.8vw, 78px) !important; }
  .visual-refresh-v2 .v3-hero-art { min-height: 640px; }
  .visual-refresh-v2 .v3-orbit-stage { min-height: 640px; }
  .visual-refresh-v2 .v3-card-doc { left: 20%; }
  .visual-refresh-v2 .v3-card-audit { left: 24%; }
}

@media (max-width: 1220px) {
  .visual-refresh-v2 .v3-hero-grid,
  .visual-refresh-v2 .v3-what-head,
  .visual-refresh-v2 .v3-modules-head,
  .visual-refresh-v2 .v3-family-layout { grid-template-columns: 1fr; }
  .visual-refresh-v2 .v3-hero-copy { max-width: 800px; }
  .visual-refresh-v2 .v3-hero-title { max-width: 850px; }
  .visual-refresh-v2 .v3-hero-art,
  .visual-refresh-v2 .v3-orbit-stage { min-height: 660px; }
  .visual-refresh-v2 .v3-platform-dashboard,
  .visual-refresh-v2 .v3-cube-showcase,
  .visual-refresh-v2 .v3-family-art { max-width: 760px; width: 100%; margin: 0 auto; position: relative; top: auto; }
  .visual-refresh-v2 .v3-module-map { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .visual-refresh-v2 .v3-backbone-flow { grid-template-columns: 1fr; justify-items: start; }
  .visual-refresh-v2 .v3-backbone-flow i { width: 2px; height: 18px; background-image: linear-gradient(180deg, #9bbcff 40%, transparent 40%); background-size: 2px 8px; justify-self: center; }
}

@media (max-width: 940px) {
  .visual-refresh-v2 .v2-hero.v3-hero { min-height: 0; }
  .visual-refresh-v2 .v3-hero-title { font-size: clamp(42px, 10vw, 68px) !important; letter-spacing: -.035em !important; }
  .visual-refresh-v2 .v3-trust-card { grid-template-columns: 1fr; }
  .visual-refresh-v2 .v3-trust-card ul { border-left: 0; padding-left: 0; }
  .visual-refresh-v2 .v3-hero-art,
  .visual-refresh-v2 .v3-orbit-stage { min-height: auto; }
  .visual-refresh-v2 .v3-orbit-stage { display: grid; gap: 14px; }
  .visual-refresh-v2 .v3-ring,
  .visual-refresh-v2 .v3-ring-node,
  .visual-refresh-v2 .v3-spark-orb,
  .visual-refresh-v2 .v3-mini-modules { display: none; }
  .visual-refresh-v2 .v3-float-card,
  .visual-refresh-v2 .v3-card-ai,
  .visual-refresh-v2 .v3-card-hr,
  .visual-refresh-v2 .v3-card-expense,
  .visual-refresh-v2 .v3-card-doc,
  .visual-refresh-v2 .v3-card-asset,
  .visual-refresh-v2 .v3-card-notify,
  .visual-refresh-v2 .v3-card-audit {
    position: relative;
    inset: auto;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    width: auto;
    min-width: 0;
  }
  .visual-refresh-v2 .v3-platform-dashboard,
  .visual-refresh-v2 .v3-family-art { display: none; }
  .visual-refresh-v2 .v3-family-grid { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .visual-refresh-v2 .v3-panel { padding: 24px 18px; border-radius: 30px; }
  .visual-refresh-v2 .v3-module-map { grid-template-columns: 1fr; }
  .visual-refresh-v2 .v3-module-map .v2-module-col { min-height: auto; }
  .visual-refresh-v2 .v3-cube-showcase { display: none; }
  .visual-refresh-v2 .v3-hero-title { font-size: clamp(40px, 12vw, 58px) !important; }
  .visual-refresh-v2 .v3-hero-lead { font-size: 17px; }
}

/* v3 hero fold polish — 20260708
   Keeps the index hero content inside the first desktop fold and separates the AI orb from the AI card. */
@media (min-width: 941px) {
  .visual-refresh-v2 .v2-hero.v3-hero {
    min-height: calc(100svh - var(--nav-h));
    padding-top: clamp(16px, 2.2vh, 28px);
    padding-bottom: clamp(14px, 2vh, 24px);
    align-items: center;
  }

  .visual-refresh-v2 .v3-hero-grid {
    gap: clamp(24px, 3.2vw, 54px);
    align-items: center;
  }

  .visual-refresh-v2 .v3-hero-copy {
    max-width: 620px;
  }

  .visual-refresh-v2 .v3-hero-title {
    font-size: clamp(46px, 4.35vw, 64px) !important;
    line-height: .99 !important;
    letter-spacing: -.045em !important;
  }

  .visual-refresh-v2 .v3-hero-lead {
    max-width: 570px;
    margin-top: 16px;
    font-size: clamp(16px, 1.05vw, 18px);
    line-height: 1.52;
  }

  .visual-refresh-v2 .v3-pill-row {
    gap: 8px;
    margin-top: 18px;
  }

  .visual-refresh-v2 .v3-pill-row span {
    min-height: 34px;
    padding: 7px 12px;
    font-size: 12.5px;
  }

  .visual-refresh-v2 .v3-pill-row svg {
    width: 16px;
    height: 16px;
  }

  .visual-refresh-v2 .v3-actions {
    gap: 10px;
    margin-top: 18px;
  }

  .visual-refresh-v2 .v3-actions .btn-lg {
    min-height: 44px;
    padding-inline: 18px;
    border-radius: 13px;
  }

  .visual-refresh-v2 .v3-trust-card {
    grid-template-columns: auto minmax(0, 1fr) minmax(170px, .52fr);
    gap: 14px;
    max-width: 570px;
    margin-top: 18px;
    padding: 14px 16px;
    border-radius: 19px;
  }

  .visual-refresh-v2 .v3-trust-shield {
    width: 58px;
    height: 58px;
    border-radius: 18px;
  }

  .visual-refresh-v2 .v3-trust-shield svg {
    width: 26px;
    height: 26px;
  }

  .visual-refresh-v2 .v3-trust-card b {
    margin-top: 3px;
    font-size: 15px;
  }

  .visual-refresh-v2 .v3-trust-card em {
    margin-top: 7px;
    font-size: 12px;
  }

  .visual-refresh-v2 .v3-trust-card ul {
    gap: 7px;
    padding-left: 14px;
  }

  .visual-refresh-v2 .v3-trust-card li {
    font-size: 11.5px;
  }

  .visual-refresh-v2 .v3-trust-card li svg {
    width: 15px;
    height: 15px;
  }

  .visual-refresh-v2 .v3-hero-art,
  .visual-refresh-v2 .v3-orbit-stage {
    min-height: clamp(520px, calc(100svh - var(--nav-h) - 46px), 590px);
  }

  .visual-refresh-v2 .v3-orbit-stage::before {
    inset: 32px 28px 52px 28px;
  }

  .visual-refresh-v2 .v3-orbit-stage::after {
    left: 57%;
    top: 48%;
    width: 42%;
    height: 40%;
  }

  .visual-refresh-v2 .v3-ring-one {
    inset: 30px 22px 44px 28px;
  }

  .visual-refresh-v2 .v3-ring-two {
    inset: 96px 98px 96px 104px;
  }

  .visual-refresh-v2 .v3-float-card {
    gap: 12px;
    padding: 13px 16px;
    border-radius: 20px;
  }

  .visual-refresh-v2 .v3-float-card b {
    font-size: 16px;
  }

  .visual-refresh-v2 .v3-float-card small {
    margin-top: 4px;
    font-size: 12px;
  }

  .visual-refresh-v2 .v3-float-card .v2-icon-badge {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    font-size: 20px;
  }

  .visual-refresh-v2 .v3-float-card .v2-icon-badge svg {
    width: 24px;
    height: 24px;
  }

  .visual-refresh-v2 .v3-card-ai {
    top: 24px;
    left: 29%;
    min-width: 270px;
    z-index: 4;
  }

  .visual-refresh-v2 .v3-card-hr {
    top: 138px;
    left: 4%;
    width: 315px;
  }

  .visual-refresh-v2 .v3-card-expense {
    top: 138px;
    right: 3%;
    width: 315px;
  }

  .visual-refresh-v2 .v3-card-doc {
    top: 260px;
    left: 21%;
    width: 360px;
  }

  .visual-refresh-v2 .v3-card-asset {
    bottom: 104px;
    left: 1%;
    width: 315px;
  }

  .visual-refresh-v2 .v3-card-notify {
    bottom: 104px;
    right: 1%;
    width: 315px;
  }

  .visual-refresh-v2 .v3-card-audit {
    bottom: 22px;
    left: 25%;
    width: 340px;
  }

  .visual-refresh-v2 .v3-mini-modules {
    bottom: -6px;
  }

  .visual-refresh-v2 .v3-spark-orb {
    top: 16px;
    right: 7%;
    z-index: 2;
    width: 72px;
    height: 72px;
    opacity: .78;
    box-shadow: 0 16px 38px rgba(90, 68, 220, .13);
  }

  .visual-refresh-v2 .v3-spark-orb svg {
    width: 30px;
    height: 30px;
  }
}

@media (min-width: 1221px) and (max-height: 820px) {
  .visual-refresh-v2 .v2-hero.v3-hero {
    padding-top: 14px;
    padding-bottom: 12px;
  }

  .visual-refresh-v2 .v3-hero-title {
    font-size: clamp(44px, 4.05vw, 58px) !important;
  }

  .visual-refresh-v2 .v3-hero-lead {
    margin-top: 14px;
    line-height: 1.46;
  }

  .visual-refresh-v2 .v3-pill-row,
  .visual-refresh-v2 .v3-actions,
  .visual-refresh-v2 .v3-trust-card {
    margin-top: 16px;
  }

  .visual-refresh-v2 .v3-hero-art,
  .visual-refresh-v2 .v3-orbit-stage {
    min-height: 540px;
  }

  .visual-refresh-v2 .v3-card-ai {
    top: 18px;
  }

  .visual-refresh-v2 .v3-card-hr,
  .visual-refresh-v2 .v3-card-expense {
    top: 126px;
  }

  .visual-refresh-v2 .v3-card-doc {
    top: 236px;
  }

  .visual-refresh-v2 .v3-card-asset,
  .visual-refresh-v2 .v3-card-notify {
    bottom: 92px;
  }

  .visual-refresh-v2 .v3-card-audit {
    bottom: 14px;
  }
}


/* v3 hero module orbit — slow premium rotation with drag control */
@media (min-width: 941px) {
  .visual-refresh-v2 .v3-orbit-stage.is-orbit-ready {
    cursor: grab;
    perspective: 1100px;
    touch-action: none;
    user-select: none;
  }

  .visual-refresh-v2 .v3-orbit-stage.is-orbit-ready.is-dragging {
    cursor: grabbing;
  }

  .visual-refresh-v2 .v3-orbit-stage.is-orbit-ready .v3-float-card:not(.v3-card-ai) {
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    z-index: var(--orbit-z, 2);
    opacity: var(--orbit-opacity, 1);
    filter: blur(var(--orbit-blur, 0));
    transform:
      translate(-50%, -50%)
      translate3d(var(--orbit-x, 0px), var(--orbit-y, 0px), 0)
      scale(var(--orbit-scale, 1));
    transform-origin: center center;
    will-change: transform, opacity, filter;
    pointer-events: auto;
    cursor: pointer;
  }

  .visual-refresh-v2 .v3-orbit-stage.is-orbit-ready .v3-float-card:not(.v3-card-ai)::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255,255,255,var(--orbit-gloss, .08)), rgba(255,255,255,0));
  }

  .visual-refresh-v2 .v3-orbit-stage.is-orbit-ready .v3-float-card:not(.v3-card-ai):focus-visible {
    outline: 3px solid rgba(37, 99, 235, .34);
    outline-offset: 4px;
  }

  .visual-refresh-v2 .v3-orbit-stage.is-orbit-ready .v3-card-doc {
    grid-template-columns: auto 1fr;
  }

  .visual-refresh-v2 .v3-orbit-stage.is-orbit-ready .v3-ring-one {
    inset: 50px 38px 62px 40px;
    opacity: .72;
  }

  .visual-refresh-v2 .v3-orbit-stage.is-orbit-ready .v3-ring-two {
    inset: 138px 112px 130px 118px;
    opacity: .58;
  }

  .visual-refresh-v2 .v3-orbit-stage.is-orbit-ready .v3-ring-node {
    opacity: .72;
    transform: scale(.92);
  }

  .visual-refresh-v2 .v3-orbit-stage.is-orbit-ready .v3-card-ai {
    pointer-events: auto;
  }

  .visual-refresh-v2 .v3-orbit-stage.is-orbit-ready .v3-mini-modules {
    bottom: -2px;
    z-index: 8;
    pointer-events: none;
  }

  .visual-refresh-v2 .v3-orbit-stage.is-orbit-ready .v3-mini-modules span {
    transform: translateY(var(--chip-float, 0px));
    opacity: .94;
    transition: transform .32s ease, opacity .32s ease;
  }
}

@media (min-width: 1221px) and (max-height: 820px) {
  .visual-refresh-v2 .v3-orbit-stage.is-orbit-ready .v3-ring-one {
    inset: 44px 34px 58px 36px;
  }

  .visual-refresh-v2 .v3-orbit-stage.is-orbit-ready .v3-ring-two {
    inset: 128px 106px 118px 110px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .visual-refresh-v2 .v3-orbit-stage.is-orbit-ready .v3-float-card:not(.v3-card-ai) {
    transition: none;
  }
}

/* v3.3 — Platform scope narrative: reflects full MEBSaaS module and governance depth */
.visual-refresh-v2 .v3-platform-scope .v3-panel {
  overflow: hidden;
}

.visual-refresh-v2 .v3-scope-head p {
  max-width: 680px;
}

.visual-refresh-v2 .v3-scope-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 28px;
}

.visual-refresh-v2 .v3-scope-grid article {
  position: relative;
  display: grid;
  align-content: start;
  min-height: 286px;
  padding: 24px;
  border: 1px solid rgba(199, 217, 243, .86);
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.72)),
    radial-gradient(circle at 14% 6%, rgba(37,117,246,.12), transparent 42%),
    radial-gradient(circle at 88% 4%, rgba(124,58,237,.10), transparent 38%);
  box-shadow: 0 22px 58px rgba(24, 60, 126, .08);
  overflow: hidden;
}

.visual-refresh-v2 .v3-scope-grid article::after {
  content: "";
  position: absolute;
  inset: auto -20% -38% 34%;
  height: 120px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(37, 117, 246, .10), transparent 70%);
  pointer-events: none;
}

.visual-refresh-v2 .v3-scope-grid .v2-icon-badge {
  width: 54px;
  height: 54px;
  border-radius: 17px;
}

.visual-refresh-v2 .v3-scope-grid .v2-icon-badge svg {
  width: 26px;
  height: 26px;
}

.visual-refresh-v2 .v3-scope-grid h3 {
  margin: 18px 0 0;
  color: #101936;
  font-size: 21px;
  line-height: 1.16;
  letter-spacing: -.026em;
}

.visual-refresh-v2 .v3-scope-grid p {
  margin: 11px 0 0;
  color: #52627f;
  font-size: 14px;
  line-height: 1.62;
  font-weight: 650;
}

.visual-refresh-v2 .v3-scope-grid ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.visual-refresh-v2 .v3-scope-grid li {
  padding: 7px 10px;
  border: 1px solid rgba(198, 214, 239, .82);
  border-radius: 999px;
  color: #2f55c8;
  background: rgba(239, 246, 255, .78);
  font-size: 11.5px;
  font-weight: 850;
}

.visual-refresh-v2 .v3-module-map .v2-module-col div {
  align-content: start;
}

.visual-refresh-v2 .v3-module-map .v2-module-col a {
  min-height: 43px;
}

@media (max-width: 1220px) {
  .visual-refresh-v2 .v3-scope-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .visual-refresh-v2 .v3-scope-grid {
    grid-template-columns: 1fr;
  }

  .visual-refresh-v2 .v3-scope-grid article {
    min-height: auto;
    padding: 22px 18px;
  }
}

/* v3.4 — Buyer language polish and role-card readability refinement */
.visual-refresh-v2 .v3-scope-head h2 span,
.visual-refresh-v2 .v3-family-copy h2 span {
  color: var(--v3-blue);
}

.visual-refresh-v2 .v3-scope-grid h3 {
  font-size: clamp(19px, 1.35vw, 22px);
}

.visual-refresh-v2 .v3-scope-grid p {
  color: #4b5c79;
}

.visual-refresh-v2 .v3-scope-grid li {
  color: #284faf;
  background: rgba(241, 247, 255, .86);
}

@media (min-width: 1221px) {
  .visual-refresh-v2 .v2-role-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
  }

  .visual-refresh-v2 .v2-role-grid article {
    min-height: 206px;
    padding: 22px;
  }

  .visual-refresh-v2 .v2-role-grid h3 {
    font-size: clamp(19px, 1.28vw, 22px);
  }

  .visual-refresh-v2 .v2-role-grid p {
    font-size: 14.5px;
    line-height: 1.55;
  }
}

@media (min-width: 721px) and (max-width: 1220px) {
  .visual-refresh-v2 .v2-role-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .visual-refresh-v2 .v2-role-grid article {
    min-height: 190px;
  }
}

@media (max-width: 720px) {
  .visual-refresh-v2 .v2-role-grid {
    grid-template-columns: 1fr;
  }

  .visual-refresh-v2 .v2-role-grid article {
    min-height: auto;
  }
}

@media print {
  .visual-refresh-v2 .v3-platform-scope,
  .visual-refresh-v2 .v3-section-modules,
  .visual-refresh-v2 .v3-section-families,
  .visual-refresh-v2 #story-ai,
  .visual-refresh-v2 #technology-backbone,
  .visual-refresh-v2 #governance,
  .visual-refresh-v2 #business-value,
  .visual-refresh-v2 #quality-proof,
  .visual-refresh-v2 #demo {
    break-inside: avoid;
    page-break-inside: avoid;
  }
}

/* v3.6 — Customer-facing technology backbone: expresses R&D depth without internal engineering language */
.visual-refresh-v2 .v3-tech-backbone .v3-panel {
  overflow: hidden;
}

.visual-refresh-v2 .v3-tech-head h2 span {
  color: var(--v3-blue);
}

.visual-refresh-v2 .v3-tech-head p {
  max-width: 700px;
}

.visual-refresh-v2 .v3-tech-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 28px;
}

.visual-refresh-v2 .v3-tech-grid article {
  position: relative;
  display: grid;
  align-content: start;
  min-height: 248px;
  padding: 26px;
  border: 1px solid rgba(199, 217, 243, .86);
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.74)),
    radial-gradient(circle at 16% 6%, rgba(37,117,246,.12), transparent 42%),
    radial-gradient(circle at 90% 12%, rgba(124,58,237,.10), transparent 42%);
  box-shadow: 0 24px 60px rgba(24, 60, 126, .08);
  overflow: hidden;
}

.visual-refresh-v2 .v3-tech-grid article::after {
  content: "";
  position: absolute;
  right: -26%;
  bottom: -34%;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(37,117,246,.11), transparent 68%);
  pointer-events: none;
}

.visual-refresh-v2 .v3-tech-grid .v2-icon-badge {
  width: 56px;
  height: 56px;
  border-radius: 18px;
}

.visual-refresh-v2 .v3-tech-grid .v2-icon-badge svg {
  width: 27px;
  height: 27px;
}

.visual-refresh-v2 .v3-tech-grid h3 {
  margin: 20px 0 0;
  color: #101936;
  font-size: clamp(21px, 1.55vw, 25px);
  line-height: 1.14;
  letter-spacing: -.03em;
}

.visual-refresh-v2 .v3-tech-grid p {
  margin: 13px 0 0;
  color: #4b5c79;
  font-size: 15px;
  line-height: 1.62;
  font-weight: 650;
}

@media (max-width: 940px) {
  .visual-refresh-v2 .v3-tech-grid {
    grid-template-columns: 1fr;
  }

  .visual-refresh-v2 .v3-tech-grid article {
    min-height: auto;
    padding: 22px 18px;
  }
}

@media print {
  .visual-refresh-v2 #technology-backbone {
    break-inside: avoid;
    page-break-inside: avoid;
  }
}

/* v30 — expense module visual enrichment */
.comparison-grid--story{
  position:relative;
  gap:22px;
}
.comparison-grid--story::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:62px;
  height:62px;
  border-radius:20px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#2563eb,#06b6d4);
  color:#fff;
  font-size:28px;
  font-weight:900;
  box-shadow:0 22px 55px rgba(37,99,235,.22);
  border:6px solid rgba(255,255,255,.92);
  z-index:3;
}

.comparison-grid--story::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:18px;
  height:18px;
  border-right:4px solid rgba(255,255,255,.92);
  border-bottom:4px solid rgba(255,255,255,.92);
  transform:translate(-60%,-50%) rotate(-45deg);
  z-index:4;
  pointer-events:none;
}

.comparison-card-top{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:18px;
}
.comparison-card-top small,
.feature-visual-head small,
.buyer-grid--visual article small,
.flow-kicker{
  display:inline-block;
  color:#2563eb;
  font-weight:800;
  letter-spacing:.02em;
  margin-bottom:4px;
}
.comparison-card-top h3,
.feature-visual-head h3,
.buyer-grid--visual article h3{
  margin:0;
}
.comparison-icon,
.role-icon,
.highlight-icon,
.feature-art,
.module-step-icon{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  color:#fff;
  font-weight:900;
}
.comparison-icon{
  width:58px;
  height:58px;
  border-radius:18px;
  font-size:24px;
  box-shadow:0 16px 34px rgba(15,23,42,.12);
}
.comparison-icon--before{background:linear-gradient(135deg,#f97316,#fb7185);}
.comparison-icon--after{background:linear-gradient(135deg,#2563eb,#16c7a6);}
.comparison-card{
  position:relative;
  overflow:hidden;
}
.comparison-card::after{
  content:"";
  position:absolute;
  right:-36px;
  bottom:-42px;
  width:150px;
  height:150px;
  border-radius:40px;
  background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.75), rgba(255,255,255,0));
  opacity:.75;
  transform:rotate(18deg);
}
.comparison-list{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:12px;
}
.comparison-list li{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  align-items:flex-start;
  padding:14px 14px 14px 12px;
  border-radius:18px;
  background:rgba(255,255,255,.64);
  border:1px solid rgba(255,255,255,.78);
}
.comparison-list-step{
  width:34px;
  height:34px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:rgba(15,23,42,.08);
  color:#0f172a;
  font-size:12px;
  font-weight:900;
}
.comparison-card--after .comparison-list-step{
  background:rgba(37,99,235,.12);
  color:#1d4ed8;
}

.timeline-flow--visual{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.timeline-flow--visual article{
  position:relative;
  grid-template-columns:auto 1fr;
  align-items:flex-start;
  gap:16px;
  border-radius:26px;
  padding:22px;
  box-shadow:0 18px 45px rgba(30,54,102,.08);
}
.timeline-flow--visual article::before{
  display:none;
}
.timeline-flow--visual article::after{
  content:"";
  position:absolute;
  inset:auto 20px 0 auto;
  width:88px;
  height:88px;
  border-radius:24px;
  background:linear-gradient(135deg, rgba(37,99,235,.08), rgba(34,197,94,.08));
  transform:translate(18px,18px) rotate(14deg);
}
.module-step-icon{
  width:54px;
  height:54px;
  border-radius:18px;
  background:linear-gradient(135deg,#2563eb,#7c3aed 52%,#16c7a6 100%);
  font-size:18px;
  box-shadow:0 18px 34px rgba(37,99,235,.18);
}
.flow-kicker{
  font-size:.78rem;
  text-transform:uppercase;
}
.flow-tag{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:12px;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(37,99,235,.08);
  color:#1d4ed8;
  font-size:.78rem;
  font-weight:800;
}

.feature-matrix--visual{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.feature-matrix--visual article{
  position:relative;
  overflow:hidden;
  border-radius:28px;
}
.feature-matrix--visual article::after{
  content:"";
  position:absolute;
  right:-22px;
  bottom:-24px;
  width:110px;
  height:110px;
  border-radius:30px;
  background:linear-gradient(135deg, rgba(37,99,235,.08), rgba(22,199,166,.14));
}
.feature-visual-head{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:14px;
}
.feature-art{
  width:58px;
  height:58px;
  border-radius:18px;
  font-size:20px;
  box-shadow:0 18px 34px rgba(15,23,42,.12);
}
.feature-art--blue{background:linear-gradient(135deg,#2563eb,#06b6d4);}
.feature-art--mint{background:linear-gradient(135deg,#16a34a,#22c55e);}
.feature-art--amber{background:linear-gradient(135deg,#f59e0b,#fb7185);}
.feature-art--purple{background:linear-gradient(135deg,#7c3aed,#2563eb);}
.feature-chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}
.feature-chips span,
.closure-summary-tags span,
.cta-checks span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(37,99,235,.08);
  color:#1d4ed8;
  font-size:.82rem;
  font-weight:800;
}

.expense-closure-shell{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:18px;
  margin-bottom:18px;
}
.closure-summary,
.closure-metrics{
  border:1px solid rgba(15,23,42,.08);
  border-radius:28px;
  background:#fff;
  box-shadow:0 18px 48px rgba(30,54,102,.08);
}
.closure-summary{
  padding:28px;
  background:radial-gradient(circle at 100% 0%, rgba(37,99,235,.08), transparent 16rem), #fff;
}
.closure-summary h3{
  margin:0 0 10px;
  font-size:1.6rem;
}
.closure-summary p{
  margin:0;
  color:#526174;
  line-height:1.72;
}
.closure-summary-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.closure-metrics{
  padding:18px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  align-content:start;
}
.closure-metrics article{
  padding:18px;
  border-radius:22px;
  background:linear-gradient(180deg, #f8fbff, #fff);
  border:1px solid rgba(37,99,235,.12);
}
.closure-metrics b{
  display:block;
  color:#0f172a;
  font-size:1.6rem;
  margin-bottom:4px;
}
.closure-metrics span{
  color:#5d6b7e;
  line-height:1.45;
}

.expense-highlight-grid article{
  position:relative;
  overflow:hidden;
  padding-top:64px;
}
.expense-highlight-grid article::after{
  content:"";
  position:absolute;
  right:-24px;
  bottom:-24px;
  width:96px;
  height:96px;
  border-radius:28px;
  background:linear-gradient(135deg, rgba(37,99,235,.06), rgba(22,199,166,.08));
}
.highlight-icon{
  position:absolute;
  top:20px;
  left:20px;
  width:40px;
  height:40px;
  border-radius:14px;
  background:linear-gradient(135deg,#2563eb,#7c3aed);
  font-size:15px;
  box-shadow:0 14px 30px rgba(37,99,235,.16);
}

.buyer-grid--visual article{
  position:relative;
  overflow:hidden;
  padding:24px;
  border-radius:26px;
  box-shadow:0 16px 42px rgba(30,54,102,.08);
}
.buyer-grid--visual article::after{
  content:"";
  position:absolute;
  right:-20px;
  bottom:-24px;
  width:88px;
  height:88px;
  border-radius:26px;
  background:linear-gradient(135deg, rgba(37,99,235,.06), rgba(22,199,166,.06));
}
.role-icon{
  width:46px;
  height:46px;
  border-radius:16px;
  margin-bottom:14px;
  background:linear-gradient(135deg,#2563eb,#16c7a6);
  font-size:18px;
  box-shadow:0 16px 30px rgba(37,99,235,.18);
}
.buyer-grid--visual article p{
  margin:10px 0 0;
  line-height:1.64;
}

.cta-checks{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:18px 0 8px;
}
.cta-checks span{
  background:rgba(255,255,255,.14);
  color:#fff;
}

.cta-card-form .cta-panel-dark{
  position:relative;
  overflow:hidden;
}
.cta-card-form .cta-panel-dark::after{
  content:"";
  position:absolute;
  right:-28px;
  bottom:-28px;
  width:110px;
  height:110px;
  border-radius:32px;
  background:linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.14));
}
.cta-card-form .cta-panel-dark ul{
  position:relative;
  z-index:1;
}
.cta-card-form .cta-panel-dark li{
  margin-bottom:10px;
}

.related-module-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.related-module-card{
  min-height:192px;
  position:relative;
  overflow:hidden;
}
.related-module-card::before{
  content:"";
  width:42px;
  height:42px;
  border-radius:14px;
  background:linear-gradient(135deg,#2563eb,#7c3aed 58%,#16c7a6);
  opacity:.14;
}
.related-module-card strong,
.related-module-card span,
.related-module-card small{
  position:relative;
  z-index:1;
}
.related-module-card span{
  margin-top:auto;
}
.related-module-card.is-current{
  box-shadow:0 20px 48px rgba(22,163,74,.16);
}

@media (max-width: 1180px){
  .comparison-grid--story::after{display:none;}
  .feature-matrix--visual,
  .timeline-flow--visual,
  .expense-closure-shell,
  .related-module-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 980px){
  .timeline-flow--visual,
  .feature-matrix--visual,
  .expense-closure-shell,
  .closure-metrics,
  .related-module-grid{
    grid-template-columns:1fr;
  }
  .comparison-grid--story::after{display:none;}
}

@media (max-width: 680px){
  .comparison-card,
  .timeline-flow--visual article,
  .feature-matrix--visual article,
  .expense-highlight-grid article,
  .buyer-grid--visual article,
  .closure-summary,
  .closure-metrics,
  .related-module-card{
    border-radius:24px;
  }
  .comparison-card-top,
  .feature-visual-head{
    align-items:flex-start;
  }
  .comparison-card-top,
  .feature-visual-head{
    gap:12px;
  }
  .feature-chips,
  .closure-summary-tags,
  .cta-checks{
    gap:8px;
  }
}


/* v31 — expense lower-section icon and demo-form polish */
.masraf-demo-section .cta-card-form{
  position:relative;
  overflow:hidden;
  border-color:rgba(255,255,255,.34);
  background:
    radial-gradient(circle at 12% 14%, rgba(255,255,255,.18), transparent 13rem),
    radial-gradient(circle at 90% 12%, rgba(22,199,166,.34), transparent 18rem),
    linear-gradient(135deg,#1d4ed8 0%,#08aeea 52%,#16c7a6 100%);
  box-shadow:0 34px 78px rgba(37,117,246,.26);
}
.masraf-demo-section .cta-card-form::before{
  border-color:rgba(255,255,255,.24);
}
.masraf-demo-section .cta-card-form > div:first-child{
  padding:10px 4px 4px;
}
.masraf-demo-section .cta-card-form h2,
.masraf-demo-section .cta-card-form > div:first-child > p{
  color:#fff;
  text-shadow:0 1px 1px rgba(15,23,42,.1);
}
.masraf-demo-section .cta-card-form > div:first-child > p{
  color:rgba(255,255,255,.88);
}
.masraf-demo-section .cta-card-form .cta-panel-dark{
  border-color:rgba(255,255,255,.28);
  background:rgba(15,23,42,.16);
  backdrop-filter:blur(14px);
}
.masraf-demo-section .cta-card-form .cta-panel-dark b,
.masraf-demo-section .cta-card-form .cta-panel-dark li{
  color:#fff;
}
.masraf-demo-section .demo-form{
  background:rgba(255,255,255,.94);
  color:#0f172a;
  border-color:rgba(255,255,255,.82);
  box-shadow:0 24px 60px rgba(15,23,42,.18);
}
.masraf-demo-section .demo-form b,
.masraf-demo-section .demo-form label,
.masraf-demo-section .demo-form .form-consent span{
  color:#0f172a;
}
.masraf-demo-section .demo-form input,
.masraf-demo-section .demo-form select,
.masraf-demo-section .demo-form textarea{
  background:#fff;
  border-color:rgba(15,23,42,.14);
  color:#0f172a;
}
.masraf-demo-section .demo-form .btn-light{
  background:linear-gradient(135deg,#2563eb,#7c3aed);
  color:#fff;
  border-color:transparent;
}
.masraf-demo-section .form-consent a{
  color:#1d4ed8;
  text-decoration:underline;
}

/* module navigation: remove empty-looking block and use integrated category badges */
.related-module-card::before{
  display:none !important;
}
.related-module-card small{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:40px;
}
.related-module-card small::before{
  content:"";
  flex:0 0 auto;
  width:38px;
  height:38px;
  border-radius:14px;
  background:
    radial-gradient(circle at 28% 18%,rgba(255,255,255,.42),transparent 38%),
    linear-gradient(135deg,#2563eb,#7c3aed 58%,#16c7a6);
  box-shadow:0 16px 34px rgba(37,99,235,.16);
}
.related-module-card:nth-child(1) small::before{background:linear-gradient(135deg,#2563eb,#16c7a6);}
.related-module-card:nth-child(2) small::before{background:linear-gradient(135deg,#2563eb,#7c3aed);}
.related-module-card:nth-child(3) small::before{background:linear-gradient(135deg,#7c3aed,#06b6d4);}
.related-module-card:nth-child(4) small::before{background:linear-gradient(135deg,#0f766e,#2563eb);}
.related-module-card:nth-child(5) small::before{background:linear-gradient(135deg,#16a34a,#06b6d4);}
.related-module-card:nth-child(6) small::before{background:linear-gradient(135deg,#f59e0b,#2563eb);}
.related-module-card:nth-child(7) small::before{background:linear-gradient(135deg,#64748b,#2563eb);}
.related-module-card:nth-child(8) small::before{background:linear-gradient(135deg,#7c3aed,#2563eb);}
.related-module-card small::after{
  content:"";
  position:absolute;
  left:31px;
  top:31px;
  width:12px;
  height:12px;
  border-radius:4px;
  border:2px solid rgba(255,255,255,.9);
}
.related-module-card{
  gap:12px;
}
.related-module-card strong{
  margin-top:2px;
}
.related-module-card.is-current{
  background:linear-gradient(180deg,rgba(240,253,244,.96),rgba(255,255,255,.92));
}
.related-module-card.is-current::after{
  position:relative;
  z-index:2;
}

/* page-cta icon chips stay premium and consistent */
.cta-checks span{
  position:relative;
  padding-left:32px;
}
.cta-checks span::before{
  content:"";
  position:absolute;
  left:11px;
  width:12px;
  height:12px;
  border-radius:4px;
  background:rgba(255,255,255,.92);
}

/* remove previous text badge overrides */
.expense-highlight-grid article:nth-child(1) .highlight-icon::before,
.expense-highlight-grid article:nth-child(2) .highlight-icon::before,
.expense-highlight-grid article:nth-child(3) .highlight-icon::before,
.expense-highlight-grid article:nth-child(4) .highlight-icon::before,
.expense-highlight-grid article:nth-child(5) .highlight-icon::before,
.expense-highlight-grid article:nth-child(6) .highlight-icon::before,
.buyer-grid--visual article:nth-child(1) .role-icon::before,
.buyer-grid--visual article:nth-child(2) .role-icon::before,
.buyer-grid--visual article:nth-child(3) .role-icon::before,
.buyer-grid--visual article:nth-child(4) .role-icon::before,
.buyer-grid--visual article:nth-child(5) .role-icon::before,
.buyer-grid--visual article:nth-child(6) .role-icon::before{
  content:"" !important;
}
.expense-highlight-grid article:nth-child(1) .highlight-icon::after,
.expense-highlight-grid article:nth-child(2) .highlight-icon::after,
.expense-highlight-grid article:nth-child(3) .highlight-icon::after,
.expense-highlight-grid article:nth-child(4) .highlight-icon::after,
.expense-highlight-grid article:nth-child(5) .highlight-icon::after,
.expense-highlight-grid article:nth-child(6) .highlight-icon::after,
.buyer-grid--visual article .role-icon::after{
  display:block !important;
}

/* related module badges as miniature 3D objects, not empty colored blocks */
.related-module-card small::before{
  position:relative;
  z-index:1;
  border-radius:15px;
  opacity:1 !important;
  background:
    radial-gradient(circle at 28% 18%, rgba(255,255,255,.56), transparent 34%),
    linear-gradient(145deg, var(--rm-a,#2563eb), var(--rm-b,#7c3aed) 62%, var(--rm-c,#16c7a6)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.46),
    inset -9px -12px 22px rgba(15,23,42,.14),
    0 16px 30px rgba(37,99,235,.16) !important;
}
.related-module-card small::after{
  content:"" !important;
  position:absolute;
  left:28px;
  top:28px;
  width:18px;
  height:18px;
  border:none;
  border-radius:7px;
  background:rgba(255,255,255,.88);
  box-shadow:9px -9px 0 rgba(255,255,255,.42), 0 9px 14px rgba(15,23,42,.12);
  transform:rotate(12deg);
}
.related-module-card:nth-child(1){--rm-a:#2563eb;--rm-b:#06b6d4;--rm-c:#16c7a6;}
.related-module-card:nth-child(2){--rm-a:#2563eb;--rm-b:#7c3aed;--rm-c:#06b6d4;}
.related-module-card:nth-child(3){--rm-a:#7c3aed;--rm-b:#2563eb;--rm-c:#06b6d4;}
.related-module-card:nth-child(4){--rm-a:#0f766e;--rm-b:#2563eb;--rm-c:#16c7a6;}
.related-module-card:nth-child(5){--rm-a:#16a34a;--rm-b:#16c7a6;--rm-c:#06b6d4;}
.related-module-card:nth-child(6){--rm-a:#f59e0b;--rm-b:#7c3aed;--rm-c:#2563eb;}
.related-module-card:nth-child(7){--rm-a:#64748b;--rm-b:#2563eb;--rm-c:#06b6d4;}
.related-module-card:nth-child(8){--rm-a:#7c3aed;--rm-b:#2563eb;--rm-c:#16c7a6;}


/* v33 — leave module page visual system */
.leave-sales-hero .sales-hero-grid{
  grid-template-columns:1.04fr .96fr;
}

.leave-hero-visual{
  min-height:430px;
  position:relative;
  border:1px solid rgba(191,210,236,.82);
  border-radius:36px;
  background:
    radial-gradient(circle at 72% 22%, rgba(124,58,237,.12), transparent 12rem),
    radial-gradient(circle at 24% 86%, rgba(22,199,166,.14), transparent 13rem),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,251,255,.9));
  box-shadow:0 28px 72px rgba(30,54,102,.12);
  overflow:hidden;
}
.leave-hero-visual::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:310px;
  height:310px;
  border:1px solid rgba(37,99,235,.18);
  border-radius:50%;
  transform:translate(-50%,-50%);
}
.leave-hero-visual::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:220px;
  height:220px;
  border:1px dashed rgba(37,99,235,.16);
  border-radius:50%;
  transform:translate(-50%,-50%);
}
.leave-balance-widget,
.leave-orbit-card{
  position:absolute;
  z-index:2;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(191,210,236,.86);
  box-shadow:0 20px 50px rgba(30,54,102,.12);
  backdrop-filter:blur(10px);
}
.leave-balance-widget{
  width:min(78%,360px);
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border-radius:30px;
  padding:24px;
}
.leave-balance-head{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:18px;
}
.leave-balance-head b,
.leave-orbit-card b{
  display:block;
  color:#0f172a;
  font-size:1.05rem;
}
.leave-balance-head small,
.leave-orbit-card small{
  display:block;
  color:#66758a;
  font-weight:750;
  margin-top:3px;
}
.leave-balance-bars{
  display:flex;
  align-items:end;
  gap:10px;
  height:76px;
  padding:14px 10px;
  border-radius:20px;
  background:linear-gradient(180deg,#f8fbff,#fff);
  border:1px solid rgba(37,99,235,.1);
  margin-bottom:14px;
}
.leave-balance-bars span{
  flex:1;
  border-radius:999px 999px 7px 7px;
  background:linear-gradient(180deg,#2563eb,#16c7a6);
  box-shadow:0 10px 18px rgba(37,99,235,.16);
}
.leave-balance-bars span:nth-child(1){height:62%;}
.leave-balance-bars span:nth-child(2){height:84%;background:linear-gradient(180deg,#7c3aed,#2563eb);}
.leave-balance-bars span:nth-child(3){height:44%;background:linear-gradient(180deg,#16a34a,#16c7a6);}
.leave-balance-bars span:nth-child(4){height:70%;background:linear-gradient(180deg,#f59e0b,#fb7185);}
.leave-balance-row{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:10px 0;
  border-top:1px solid rgba(15,23,42,.07);
  color:#5d6b7e;
  font-weight:750;
}
.leave-balance-row strong{
  color:#0f172a;
}
.leave-orbit-card{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border-radius:22px;
  min-width:220px;
}
.leave-orbit-card--top{left:50%;top:28px;transform:translateX(-50%);}
.leave-orbit-card--left{left:24px;top:190px;}
.leave-orbit-card--right{right:24px;top:196px;}
.leave-orbit-card--bottom{left:50%;bottom:26px;transform:translateX(-50%);}

.leave-comparison .comparison-card--before{
  background:linear-gradient(180deg,#fff7ed,#fff);
}
.leave-comparison .comparison-card--after{
  background:linear-gradient(180deg,#eff6ff,#f7fffb);
}

.leave-flow article,
.leave-feature-grid article,
.leave-highlight-grid article,
.leave-buyer-grid article{
  border-color:rgba(191,210,236,.78);
}

.leave-closure-shell .closure-summary{
  background:
    radial-gradient(circle at 100% 0%, rgba(22,199,166,.12), transparent 16rem),
    radial-gradient(circle at 10% 100%, rgba(37,99,235,.08), transparent 14rem),
    #fff;
}

.leave-demo-section .cta-card-form{
  background:
    radial-gradient(circle at 88% 18%, rgba(255,255,255,.24), transparent 14rem),
    radial-gradient(circle at 12% 88%, rgba(22,199,166,.22), transparent 16rem),
    linear-gradient(135deg,#1d4ed8 0%,#06b6d4 58%,#16c7a6 100%);
}
.leave-demo-section .cta-card-form h2,
.leave-demo-section .cta-card-form p{
  color:#fff;
}
.leave-demo-section .demo-form{
  background:#fff;
  color:#0f172a;
  border:1px solid rgba(255,255,255,.65);
  box-shadow:0 24px 60px rgba(15,23,42,.18);
}
.leave-demo-section .demo-form b,
.leave-demo-section .demo-form label{
  color:#0f172a;
}
.leave-demo-section .demo-form .btn-light{
  background:linear-gradient(135deg,#2563eb,#7c3aed);
  color:#fff;
}
.leave-demo-section .form-consent a{
  color:#2563eb;
}

@media (max-width:1180px){
  .leave-sales-hero .sales-hero-grid{
    grid-template-columns:1fr;
  }
  .leave-hero-visual{
    min-height:390px;
  }
}
@media (max-width:760px){
  .leave-hero-visual{
    min-height:auto;
    display:grid;
    gap:14px;
    padding:18px;
  }
  .leave-balance-widget,
  .leave-orbit-card{
    position:relative;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
    transform:none;
    width:100%;
    min-width:0;
  }
  .leave-hero-visual::before,
  .leave-hero-visual::after{
    display:none;
  }
}

/* v31 — Document Center visual module page */
.document-sales-hero .sales-hero-grid{
  grid-template-columns:1.02fr .98fr;
}
.document-hero-visual{
  position:relative;
  min-height:520px;
  border-radius:36px;
  overflow:hidden;
  background:
    radial-gradient(circle at 70% 16%, rgba(124,58,237,.13), transparent 11rem),
    radial-gradient(circle at 20% 82%, rgba(22,199,166,.16), transparent 14rem),
    linear-gradient(180deg, rgba(255,255,255,.7), rgba(248,251,255,.64));
  border:1px solid rgba(191,210,236,.82);
  box-shadow:0 26px 68px rgba(30,54,102,.12);
}
.document-hero-visual::before,
.document-hero-visual::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  border-radius:50%;
  transform:translate(-50%,-50%);
  pointer-events:none;
}
.document-hero-visual::before{
  width:330px;
  height:330px;
  border:1px solid rgba(37,99,235,.18);
}
.document-hero-visual::after{
  width:230px;
  height:230px;
  border:1px dashed rgba(37,99,235,.16);
}
.document-search-panel{
  position:absolute;
  left:50%;
  top:50%;
  z-index:2;
  width:min(78%,390px);
  transform:translate(-50%,-50%);
  border-radius:30px;
  padding:24px;
  background:rgba(255,255,255,.9);
  border:1px solid rgba(191,210,236,.86);
  box-shadow:0 24px 62px rgba(30,54,102,.16);
  backdrop-filter:blur(10px);
}
.document-search-head,
.document-result-row{
  display:flex;
  align-items:center;
  gap:14px;
}
.document-search-head{
  margin-bottom:16px;
}
.document-search-head b,
.document-result-row b,
.document-orbit-card b{
  display:block;
  color:#0f172a;
}
.document-search-head small,
.document-result-row small{
  display:block;
  color:#64748b;
  font-weight:750;
  margin-top:3px;
}
.document-search-box{
  height:50px;
  border-radius:18px;
  border:1px solid rgba(37,99,235,.14);
  background:linear-gradient(180deg,#f8fbff,#fff);
  padding:0 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:14px;
}
.document-search-box span{
  width:66%;
  height:9px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(37,99,235,.24),rgba(22,199,166,.18));
}
.document-search-box i{
  width:18px;
  height:18px;
  border:3px solid rgba(37,99,235,.42);
  border-radius:50%;
  position:relative;
}
.document-search-box i::after{
  content:"";
  position:absolute;
  width:8px;
  height:3px;
  border-radius:999px;
  background:rgba(37,99,235,.42);
  right:-6px;
  bottom:-3px;
  transform:rotate(45deg);
}
.document-result-row{
  padding:12px 0;
  border-top:1px solid rgba(15,23,42,.07);
}
.document-mini-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}
.document-mini-tags span{
  padding:8px 11px;
  border-radius:999px;
  background:rgba(37,99,235,.08);
  color:#1d4ed8;
  font-size:.78rem;
  font-weight:800;
}
.document-orbit-card{
  position:absolute;
  z-index:3;
  display:flex;
  align-items:center;
  gap:10px;
  min-width:190px;
  padding:13px 15px;
  border-radius:22px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(191,210,236,.85);
  box-shadow:0 18px 44px rgba(30,54,102,.13);
  backdrop-filter:blur(10px);
}
.document-orbit-card--top{left:50%;top:28px;transform:translateX(-50%);}
.document-orbit-card--left{left:20px;top:206px;}
.document-orbit-card--right{right:20px;top:210px;}
.document-orbit-card--bottom{left:50%;bottom:28px;transform:translateX(-50%);}
.document-comparison .comparison-card--before{
  background:linear-gradient(180deg,#fff7ed,#fff);
}
.document-comparison .comparison-card--after{
  background:linear-gradient(180deg,#eff6ff,#f7fffb);
}
.document-flow article,
.document-feature-grid article,
.document-highlight-grid article,
.document-buyer-grid article{
  border-color:rgba(191,210,236,.78);
}
.document-closure-shell .closure-summary{
  background:
    radial-gradient(circle at 100% 0%, rgba(124,58,237,.11), transparent 16rem),
    radial-gradient(circle at 10% 100%, rgba(22,199,166,.11), transparent 14rem),
    #fff;
}
.document-demo-section .cta-card-form{
  background:
    radial-gradient(circle at 86% 18%, rgba(255,255,255,.25), transparent 14rem),
    radial-gradient(circle at 12% 88%, rgba(22,199,166,.2), transparent 16rem),
    linear-gradient(135deg,#1d4ed8 0%,#06b6d4 58%,#16c7a6 100%);
}
.document-demo-section .cta-card-form h2,
.document-demo-section .cta-card-form p{
  color:#fff;
}
.document-demo-section .demo-form{
  background:#fff;
  color:#0f172a;
  border:1px solid rgba(255,255,255,.65);
  box-shadow:0 24px 60px rgba(15,23,42,.18);
}
.document-demo-section .demo-form b,
.document-demo-section .demo-form label{
  color:#0f172a;
}
.document-demo-section .demo-form .btn-light{
  background:linear-gradient(135deg,#2563eb,#7c3aed);
  color:#fff;
}
.document-demo-section .form-consent a{
  color:#2563eb;
}
@media (max-width:1180px){
  .document-sales-hero .sales-hero-grid{grid-template-columns:1fr;}
  .document-hero-visual{min-height:430px;}
}
@media (max-width:760px){
  .document-hero-visual{min-height:auto;display:grid;gap:14px;padding:18px;}
  .document-search-panel,
  .document-orbit-card{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;width:100%;min-width:0;}
  .document-hero-visual::before,
  .document-hero-visual::after{display:none;}
}


/* v31 — MEBCool AI inner page visual refresh */
.mebcool-hero{
  background:
    radial-gradient(circle at 12% 12%, rgba(124,58,237,.13), transparent 28rem),
    radial-gradient(circle at 84% 24%, rgba(37,99,235,.10), transparent 24rem),
    linear-gradient(180deg,#f8fbff 0%,#fff 100%);
}
.mebcool-hero-panel{
  min-height:420px;
  display:grid;
  place-items:center;
}
.ai-orbit{
  position:relative;
  width:min(460px,100%);
  min-height:390px;
  border-radius:48px;
  background:
    radial-gradient(circle at 50% 50%, rgba(37,99,235,.08), transparent 11rem),
    linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.42));
  border:1px solid rgba(191,210,236,.72);
  box-shadow:0 30px 80px rgba(30,54,102,.12);
  overflow:hidden;
}
.ai-orbit::before,
.ai-orbit::after{
  content:"";
  position:absolute;
  inset:54px;
  border:1px solid rgba(37,99,235,.16);
  border-radius:50%;
}
.ai-orbit::after{
  inset:92px;
  border-style:dashed;
  border-color:rgba(124,58,237,.16);
}
.ai-core-shape{
  position:absolute;
  left:50%;
  top:50%;
  width:104px;
  height:104px;
  border-radius:32px;
  transform:translate(-50%,-50%);
  z-index:3;
}
.ai-orbit-card{
  position:absolute;
  z-index:4;
  display:flex;
  align-items:center;
  gap:12px;
  min-width:188px;
  padding:14px 16px;
  border-radius:24px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(191,210,236,.78);
  box-shadow:0 22px 50px rgba(30,54,102,.12);
  backdrop-filter:blur(10px);
}
.ai-orbit-card b,
.ai-orbit-card small{
  display:block;
}
.ai-orbit-card b{
  color:#0f172a;
  letter-spacing:-.02em;
}
.ai-orbit-card small{
  color:#64748b;
  font-weight:800;
}
.ai-orbit-card--top{left:50%;top:30px;transform:translateX(-50%);}
.ai-orbit-card--right{right:18px;top:50%;transform:translateY(-50%);}
.ai-orbit-card--bottom{left:50%;bottom:30px;transform:translateX(-50%);}
.ai-orbit-card--left{left:18px;top:50%;transform:translateY(-50%);}

.mebcool-comparison .comparison-card--before{
  background:linear-gradient(180deg,#fff7ed,#fff);
}
.mebcool-comparison .comparison-card--after{
  background:linear-gradient(180deg,#eff6ff,#f7fffb);
}
.mebcool-feature-grid article,
.mebcool-highlight-grid article,
.mebcool-buyer-grid article{
  border-color:rgba(191,210,236,.78);
}
.mebcool-closure-shell .closure-summary{
  background:
    radial-gradient(circle at 100% 0%, rgba(124,58,237,.12), transparent 16rem),
    radial-gradient(circle at 12% 100%, rgba(37,99,235,.10), transparent 14rem),
    #fff;
}
.mebcool-demo-section .cta-card-form{
  background:
    radial-gradient(circle at 82% 18%, rgba(255,255,255,.22), transparent 14rem),
    radial-gradient(circle at 12% 90%, rgba(22,199,166,.20), transparent 16rem),
    linear-gradient(135deg,#1d4ed8 0%,#7c3aed 50%,#16c7a6 100%);
}
.mebcool-demo-section .cta-card-form h2,
.mebcool-demo-section .cta-card-form p{
  color:#fff;
}
.mebcool-demo-section .demo-form{
  background:#fff;
  color:#0f172a;
  border:1px solid rgba(255,255,255,.65);
  box-shadow:0 24px 60px rgba(15,23,42,.18);
}
.mebcool-demo-section .demo-form b,
.mebcool-demo-section .demo-form label{
  color:#0f172a;
}
.mebcool-demo-section .demo-form .btn-light{
  background:linear-gradient(135deg,#2563eb,#7c3aed);
  color:#fff;
}
.mebcool-demo-section .form-consent a{
  color:#2563eb;
}

@media (max-width:1180px){
  .mebcool-hero-panel{min-height:360px;}
  .ai-orbit{min-height:340px;}
  .ai-orbit-card{min-width:164px;}
}
@media (max-width:980px){
  .mebcool-hero-panel{min-height:auto;}
  .ai-orbit{
    min-height:360px;
    width:100%;
  }
}
@media (max-width:680px){
  .ai-orbit{
    min-height:520px;
    border-radius:32px;
  }
  .ai-core-shape{
    top:48%;
  }
  .ai-orbit-card{
    left:20px !important;
    right:20px !important;
    transform:none !important;
    width:auto;
  }
  .ai-orbit-card--top{top:24px;}
  .ai-orbit-card--right{top:134px;}
  .ai-orbit-card--bottom{bottom:24px;}
  .ai-orbit-card--left{top:244px;}
}

/* v33 — security/KVKK inner page visual system */
.security-page .sales-hero{
  background:radial-gradient(circle at 10% 18%, rgba(37,99,235,.15), transparent 28rem),linear-gradient(180deg,#f7fbff 0%,#ffffff 100%);
}
.security-hero-panel{
  position:relative;
  min-height:430px;
  border:1px solid rgba(191,210,236,.78);
  border-radius:34px;
  background:radial-gradient(circle at 50% 42%, rgba(37,99,235,.14), transparent 13rem),linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,251,255,.9));
  box-shadow:0 24px 62px rgba(30,54,102,.12);
  overflow:hidden;
}
.security-hero-panel::before,
.security-hero-panel::after{
  content:"";
  position:absolute;
  border-radius:999px;
  border:1px solid rgba(37,99,235,.14);
  inset:54px;
}
.security-hero-panel::after{
  inset:104px;
  border-color:rgba(22,199,166,.18);
}
.security-core-card,
.security-orbit-card{
  position:absolute;
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px 18px;
  border:1px solid rgba(32,91,207,.12);
  border-radius:24px;
  background:rgba(255,255,255,.9);
  box-shadow:0 20px 46px rgba(30,54,102,.12);
  z-index:2;
}
.security-core-card{
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  flex-direction:column;
  text-align:center;
  min-width:210px;
  padding:28px;
}
.security-core-card b,
.security-orbit-card b{display:block;color:#0f172a;font-size:1.04rem;}
.security-core-card small,
.security-orbit-card small{display:block;color:#64748b;font-weight:800;margin-top:2px;}
.security-orbit-card--tenant{left:24px;top:42px;}
.security-orbit-card--user{right:24px;top:72px;}
.security-orbit-card--device{left:46px;bottom:58px;}
.security-orbit-card--audit{right:32px;bottom:46px;}
.security-comparison .comparison-card--before{background:linear-gradient(180deg,#fff7ed,#ffffff);}
.security-comparison .comparison-card--after{background:linear-gradient(180deg,#eff6ff,#ffffff);}
.security-page .feature-matrix--visual article,
.security-page .expense-highlight-grid article,
.security-page .buyer-grid--visual article{
  box-shadow:0 18px 46px rgba(30,54,102,.08);
}
.security-closure-shell .closure-summary{
  background:radial-gradient(circle at 100% 0%, rgba(37,99,235,.10), transparent 16rem),linear-gradient(180deg,#fff,#f8fbff);
}
.security-demo-section .cta-card-form{
  background:radial-gradient(circle at 12% 12%, rgba(255,255,255,.18), transparent 15rem),linear-gradient(135deg,#0f172a,#1d4ed8 58%,#0f766e);
  border-color:rgba(255,255,255,.22);
}
.security-demo-section .cta-card-form h2,
.security-demo-section .cta-card-form p{color:#fff;}
.security-demo-section .demo-form{
  background:#fff;
  color:#0f172a;
  box-shadow:0 24px 54px rgba(15,23,42,.22);
}
.security-demo-section .demo-form b,
.security-demo-section .demo-form label{color:#0f172a;}
.security-demo-section .demo-form .btn-light{background:linear-gradient(135deg,#2563eb,#16c7a6);color:#fff;}
.security-demo-section .form-consent a{color:#2563eb;}
.security-page .page-cta{
  background:radial-gradient(circle at 86% 18%, rgba(255,255,255,.22), transparent 14rem),linear-gradient(135deg,#0f172a,#2563eb 56%,#16c7a6);
}
@media (max-width:980px){
  .security-hero-panel{min-height:390px;}
  .security-orbit-card{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;}
  .security-hero-panel{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px;}
  .security-core-card{position:relative;left:auto;top:auto;transform:none;grid-column:1/-1;}
  .security-hero-panel::before,.security-hero-panel::after{display:none;}
}
@media (max-width:680px){
  .security-hero-panel{grid-template-columns:1fr;min-height:auto;}
  .security-core-card,.security-orbit-card{padding:16px;}
}

/* v38 — setup center page visual system */
.setup-hero .sales-hero-grid{
  grid-template-columns:1.04fr .96fr;
}
.setup-hero-panel{
  min-height:430px;
  position:relative;
  border:1px solid rgba(191,210,236,.82);
  border-radius:36px;
  background:
    radial-gradient(circle at 76% 20%, rgba(22,199,166,.14), transparent 12rem),
    radial-gradient(circle at 22% 84%, rgba(124,58,237,.12), transparent 13rem),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,251,255,.9));
  box-shadow:0 28px 72px rgba(30,54,102,.12);
  overflow:hidden;
}
.setup-hero-panel::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:310px;
  height:310px;
  border:1px solid rgba(37,99,235,.17);
  border-radius:50%;
  transform:translate(-50%,-50%);
}
.setup-hero-panel::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:220px;
  height:220px;
  border:1px dashed rgba(37,99,235,.16);
  border-radius:50%;
  transform:translate(-50%,-50%);
}
.setup-core-card,
.setup-orbit-card{
  position:absolute;
  z-index:2;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(191,210,236,.86);
  box-shadow:0 20px 50px rgba(30,54,102,.12);
  backdrop-filter:blur(10px);
}
.setup-core-card{
  width:min(78%,360px);
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border-radius:30px;
  padding:24px;
  text-align:left;
}
.setup-core-card b,
.setup-orbit-card b{
  display:block;
  color:#0f172a;
  font-size:1.05rem;
}
.setup-core-card b{
  font-size:1.35rem;
}
.setup-core-card small,
.setup-orbit-card small{
  display:block;
  color:#66758a;
  font-weight:750;
  margin-top:4px;
}
.setup-progress{
  display:flex;
  align-items:end;
  gap:10px;
  height:76px;
  padding:14px 10px;
  border-radius:20px;
  background:linear-gradient(180deg,#f8fbff,#fff);
  border:1px solid rgba(37,99,235,.1);
  margin-top:18px;
}
.setup-progress span{
  flex:1;
  border-radius:999px 999px 7px 7px;
  background:linear-gradient(180deg,#2563eb,#16c7a6);
  box-shadow:0 10px 18px rgba(37,99,235,.16);
}
.setup-progress span:nth-child(1){height:46%;}
.setup-progress span:nth-child(2){height:72%;background:linear-gradient(180deg,#7c3aed,#2563eb);}
.setup-progress span:nth-child(3){height:58%;background:linear-gradient(180deg,#16a34a,#16c7a6);}
.setup-progress span:nth-child(4){height:88%;background:linear-gradient(180deg,#f59e0b,#fb7185);}
.setup-orbit-card{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border-radius:22px;
  min-width:220px;
}
.setup-orbit-card--company{left:50%;top:28px;transform:translateX(-50%);}
.setup-orbit-card--roles{left:24px;top:190px;}
.setup-orbit-card--modules{right:24px;top:196px;}
.setup-orbit-card--ready{left:50%;bottom:26px;transform:translateX(-50%);}

.setup-comparison .comparison-card--before{
  background:linear-gradient(180deg,#fff7ed,#fff);
}
.setup-comparison .comparison-card--after{
  background:linear-gradient(180deg,#eff6ff,#f7fffb);
}
.setup-flow article,
.setup-feature-grid article,
.setup-highlight-grid article,
.setup-buyer-grid article{
  border-color:rgba(191,210,236,.78);
}
.setup-closure-shell .closure-summary{
  background:
    radial-gradient(circle at 100% 0%, rgba(37,99,235,.10), transparent 16rem),
    radial-gradient(circle at 10% 100%, rgba(22,199,166,.12), transparent 14rem),
    #fff;
}
.setup-demo-section .cta-card-form{
  background:
    radial-gradient(circle at 88% 18%, rgba(255,255,255,.24), transparent 14rem),
    radial-gradient(circle at 12% 88%, rgba(22,199,166,.22), transparent 16rem),
    linear-gradient(135deg,#1d4ed8 0%,#06b6d4 58%,#16c7a6 100%);
}
.setup-demo-section .cta-card-form h2,
.setup-demo-section .cta-card-form p{
  color:#fff;
}
.setup-demo-section .demo-form{
  background:#fff;
  color:#0f172a;
  border:1px solid rgba(255,255,255,.65);
  box-shadow:0 24px 60px rgba(15,23,42,.18);
}
.setup-demo-section .demo-form b,
.setup-demo-section .demo-form label{
  color:#0f172a;
}
.setup-demo-section .demo-form .btn-light{
  background:linear-gradient(135deg,#2563eb,#7c3aed);
  color:#fff;
}
.setup-demo-section .form-consent a{
  color:#2563eb;
}
.setup-demo-section .form-consent span{
  color:#334155;
}
.setup-demo-section .cta-panel-dark{
  background:rgba(15,23,42,.22);
  border-color:rgba(255,255,255,.22);
}

@media (max-width:980px){
  .setup-hero .sales-hero-grid{grid-template-columns:1fr;}
  .setup-hero-panel{min-height:390px;}
  .setup-orbit-card{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;min-width:0;}
  .setup-hero-panel{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    padding:18px;
  }
  .setup-hero-panel::before,
  .setup-hero-panel::after{display:none;}
  .setup-core-card{
    position:relative;
    left:auto;
    top:auto;
    transform:none;
    width:auto;
    grid-column:1 / -1;
  }
}
@media (max-width:680px){
  .setup-hero-panel{grid-template-columns:1fr;min-height:0;}
  .setup-core-card,
  .setup-orbit-card{border-radius:24px;}
}

/* v38 — asset management module page visual system */
.asset-sales-hero .sales-hero-grid{
  grid-template-columns:1.04fr .96fr;
}
.asset-hero-visual{
  min-height:430px;
  position:relative;
  border:1px solid rgba(191,210,236,.82);
  border-radius:36px;
  background:
    radial-gradient(circle at 75% 18%, rgba(245,158,11,.16), transparent 12rem),
    radial-gradient(circle at 22% 86%, rgba(22,199,166,.14), transparent 13rem),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,251,255,.9));
  box-shadow:0 28px 72px rgba(30,54,102,.12);
  overflow:hidden;
}
.asset-hero-visual::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:310px;
  height:310px;
  border:1px solid rgba(37,99,235,.18);
  border-radius:34%;
  transform:translate(-50%,-50%) rotate(14deg);
}
.asset-hero-visual::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:220px;
  height:220px;
  border:1px dashed rgba(37,99,235,.16);
  border-radius:34%;
  transform:translate(-50%,-50%) rotate(-12deg);
}
.asset-status-widget,
.asset-orbit-card{
  position:absolute;
  z-index:2;
  background:rgba(255,255,255,.9);
  border:1px solid rgba(191,210,236,.86);
  box-shadow:0 20px 50px rgba(30,54,102,.12);
  backdrop-filter:blur(10px);
}
.asset-status-widget{
  width:min(78%,360px);
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border-radius:30px;
  padding:24px;
}
.asset-status-head{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:18px;
}
.asset-status-head b,
.asset-orbit-card b{
  display:block;
  color:#0f172a;
  font-size:1.05rem;
}
.asset-status-head small,
.asset-orbit-card small{
  display:block;
  color:#66758a;
  font-weight:750;
  margin-top:3px;
}
.asset-status-device{
  position:relative;
  height:94px;
  border-radius:22px;
  background:linear-gradient(180deg,#f8fbff,#fff);
  border:1px solid rgba(37,99,235,.1);
  margin-bottom:14px;
  overflow:hidden;
}
.asset-status-device::before{
  content:"";
  position:absolute;
  left:26px;
  top:18px;
  width:118px;
  height:64px;
  border-radius:14px;
  background:linear-gradient(145deg,#2563eb,#06b6d4);
  box-shadow:0 18px 30px rgba(37,99,235,.18);
}
.asset-status-device::after{
  content:"";
  position:absolute;
  right:26px;
  top:22px;
  width:88px;
  height:52px;
  border-radius:16px;
  background:linear-gradient(145deg,#f59e0b,#fb7185);
  box-shadow:0 18px 30px rgba(245,158,11,.18);
  transform:rotate(-8deg);
}
.asset-status-device span{
  position:absolute;
  left:52px;
  top:72px;
  width:72px;
  height:10px;
  border-radius:999px;
  background:#dbeafe;
}
.asset-status-device i{
  position:absolute;
  right:58px;
  top:37px;
  width:30px;
  height:30px;
  border-radius:50%;
  border:6px solid rgba(255,255,255,.8);
}
.asset-status-row{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:10px 0;
  border-top:1px solid rgba(15,23,42,.07);
  color:#5d6b7e;
  font-weight:750;
}
.asset-status-row strong{color:#0f172a;}
.asset-orbit-card{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border-radius:22px;
  min-width:226px;
}
.asset-orbit-card--top{left:50%;top:28px;transform:translateX(-50%);}
.asset-orbit-card--left{left:24px;top:190px;}
.asset-orbit-card--right{right:24px;top:196px;}
.asset-orbit-card--bottom{left:50%;bottom:26px;transform:translateX(-50%);}

.asset-comparison .comparison-card--before{background:linear-gradient(180deg,#fff7ed,#fff);}
.asset-comparison .comparison-card--after{background:linear-gradient(180deg,#eff6ff,#f7fffb);}
.asset-flow article,
.asset-feature-grid article,
.asset-highlight-grid article,
.asset-buyer-grid article{border-color:rgba(191,210,236,.78);}
.asset-closure-shell .closure-summary{
  background:
    radial-gradient(circle at 100% 0%, rgba(245,158,11,.12), transparent 16rem),
    radial-gradient(circle at 10% 100%, rgba(37,99,235,.08), transparent 14rem),
    #fff;
}
.asset-demo-section .cta-card-form{
  background:
    radial-gradient(circle at 88% 18%, rgba(255,255,255,.24), transparent 14rem),
    radial-gradient(circle at 12% 88%, rgba(245,158,11,.2), transparent 16rem),
    linear-gradient(135deg,#1d4ed8 0%,#0f766e 58%,#16c7a6 100%);
}
.asset-demo-section .cta-card-form h2,
.asset-demo-section .cta-card-form p{color:#fff;}
.asset-demo-section .demo-form{
  background:#fff;
  color:#0f172a;
  border:1px solid rgba(255,255,255,.65);
  box-shadow:0 24px 60px rgba(15,23,42,.18);
}
.asset-demo-section .demo-form b,
.asset-demo-section .demo-form label{color:#0f172a;}
.asset-demo-section .demo-form .btn-light{
  background:linear-gradient(135deg,#2563eb,#0f766e);
  color:#fff;
}
.asset-demo-section .form-consent a{color:#2563eb;}

@media (max-width:1180px){
  .asset-sales-hero .sales-hero-grid{grid-template-columns:1fr;}
  .asset-hero-visual{min-height:390px;}
}
@media (max-width:760px){
  .asset-hero-visual{
    min-height:auto;
    display:grid;
    gap:14px;
    padding:18px;
  }
  .asset-status-widget,
  .asset-orbit-card{
    position:relative;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
    transform:none;
    width:100%;
    min-width:0;
  }
  .asset-hero-visual::before,
  .asset-hero-visual::after{display:none;}
}

/* v38 — advance management page visual system */
.advance-sales-hero .sales-hero-grid{
  grid-template-columns:1.04fr .96fr;
}
.advance-hero-visual{
  min-height:430px;
  position:relative;
  border:1px solid rgba(191,210,236,.82);
  border-radius:36px;
  background:
    radial-gradient(circle at 74% 20%, rgba(245,158,11,.13), transparent 12rem),
    radial-gradient(circle at 18% 84%, rgba(37,99,235,.12), transparent 14rem),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,251,255,.9));
  box-shadow:0 28px 72px rgba(30,54,102,.12);
  overflow:hidden;
}
.advance-hero-visual::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:314px;
  height:314px;
  border:1px solid rgba(245,158,11,.18);
  border-radius:50%;
  transform:translate(-50%,-50%);
}
.advance-hero-visual::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:218px;
  height:218px;
  border:1px dashed rgba(37,99,235,.16);
  border-radius:50%;
  transform:translate(-50%,-50%);
}
.advance-status-widget,
.advance-orbit-card{
  position:absolute;
  z-index:2;
  background:rgba(255,255,255,.9);
  border:1px solid rgba(191,210,236,.86);
  box-shadow:0 20px 50px rgba(30,54,102,.12);
  backdrop-filter:blur(10px);
}
.advance-status-widget{
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:min(330px,78%);
  border-radius:30px;
  padding:20px;
}
.advance-status-top{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:16px;
}
.advance-status-top b,
.advance-orbit-card b{
  display:block;
  color:#0f172a;
  font-size:1.05rem;
}
.advance-status-top small,
.advance-orbit-card small{
  display:block;
  color:#66758a;
  font-weight:750;
  margin-top:3px;
}
.advance-status-lane{
  position:relative;
  height:94px;
  border-radius:22px;
  background:linear-gradient(180deg,#f8fbff,#fff);
  border:1px solid rgba(37,99,235,.1);
  margin-bottom:14px;
  overflow:hidden;
}
.advance-status-lane::before{
  content:"";
  position:absolute;
  left:22px;
  right:22px;
  top:46px;
  height:8px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(37,99,235,.16), rgba(22,199,166,.2));
}
.advance-status-lane span,
.advance-status-lane i,
.advance-status-lane em{
  position:absolute;
  top:31px;
  width:36px;
  height:36px;
  border-radius:14px;
  box-shadow:0 14px 24px rgba(37,99,235,.14);
}
.advance-status-lane span{left:34px;background:linear-gradient(145deg,#2563eb,#06b6d4);}
.advance-status-lane i{left:50%;transform:translateX(-50%);background:linear-gradient(145deg,#f59e0b,#fb7185);}
.advance-status-lane em{right:34px;background:linear-gradient(145deg,#16a34a,#16c7a6);}
.advance-status-row{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:10px 0;
  border-top:1px solid rgba(15,23,42,.07);
  color:#5d6b7e;
  font-weight:750;
}
.advance-status-row strong{color:#0f172a;}
.advance-orbit-card{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border-radius:22px;
  min-width:226px;
}
.advance-orbit-card--top{left:50%;top:28px;transform:translateX(-50%);}
.advance-orbit-card--left{left:24px;top:190px;}
.advance-orbit-card--right{right:24px;top:196px;}
.advance-orbit-card--bottom{left:50%;bottom:26px;transform:translateX(-50%);}

.advance-comparison .comparison-card--before{background:linear-gradient(180deg,#fff7ed,#fff);}
.advance-comparison .comparison-card--after{background:linear-gradient(180deg,#eff6ff,#f7fffb);}
.advance-flow article,
.advance-feature-grid article,
.advance-highlight-grid article,
.advance-buyer-grid article{border-color:rgba(191,210,236,.78);}
.advance-closure-shell .closure-summary{
  background:
    radial-gradient(circle at 100% 0%, rgba(245,158,11,.13), transparent 16rem),
    radial-gradient(circle at 10% 100%, rgba(37,99,235,.08), transparent 14rem),
    #fff;
}
.advance-demo-section .cta-card-form{
  background:
    radial-gradient(circle at 88% 18%, rgba(255,255,255,.24), transparent 14rem),
    radial-gradient(circle at 12% 88%, rgba(245,158,11,.22), transparent 16rem),
    linear-gradient(135deg,#1d4ed8 0%,#0f766e 58%,#16c7a6 100%);
}
.advance-demo-section .cta-card-form h2,
.advance-demo-section .cta-card-form p{color:#fff;}
.advance-demo-section .demo-form{
  background:#fff;
  color:#0f172a;
  border:1px solid rgba(255,255,255,.65);
  box-shadow:0 24px 60px rgba(15,23,42,.18);
}
.advance-demo-section .demo-form b,
.advance-demo-section .demo-form label{color:#0f172a;}
.advance-demo-section .demo-form .btn-light{
  background:linear-gradient(135deg,#2563eb,#0f766e);
  color:#fff;
}
.advance-demo-section .form-consent a{color:#2563eb;}

@media (max-width:1180px){
  .advance-sales-hero .sales-hero-grid{grid-template-columns:1fr;}
  .advance-hero-visual{min-height:390px;}
}
@media (max-width:760px){
  .advance-hero-visual{
    min-height:auto;
    display:grid;
    gap:14px;
    padding:18px;
  }
  .advance-status-widget,
  .advance-orbit-card{
    position:relative;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
    transform:none;
    width:100%;
    min-width:0;
  }
  .advance-hero-visual::before,
  .advance-hero-visual::after{display:none;}
}

/* v40 — calendar module page visual system */
.calendar-sales-hero .sales-hero-grid{
  grid-template-columns:1.04fr .96fr;
}
.calendar-hero-visual{
  min-height:440px;
  position:relative;
  border:1px solid rgba(191,210,236,.82);
  border-radius:36px;
  background:
    radial-gradient(circle at 76% 20%, rgba(37,99,235,.12), transparent 13rem),
    radial-gradient(circle at 22% 88%, rgba(22,199,166,.14), transparent 13rem),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,251,255,.9));
  box-shadow:0 28px 72px rgba(30,54,102,.12);
  overflow:hidden;
}
.calendar-hero-visual::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:320px;
  height:320px;
  border:1px solid rgba(37,99,235,.18);
  border-radius:50%;
  transform:translate(-50%,-50%);
}
.calendar-hero-visual::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:222px;
  height:222px;
  border:1px dashed rgba(37,99,235,.16);
  border-radius:50%;
  transform:translate(-50%,-50%);
}
.calendar-week-card,
.calendar-orbit-card{
  position:absolute;
  z-index:2;
  background:rgba(255,255,255,.9);
  border:1px solid rgba(191,210,236,.86);
  box-shadow:0 20px 50px rgba(30,54,102,.12);
  backdrop-filter:blur(10px);
}
.calendar-week-card{
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:min(360px,78%);
  border-radius:30px;
  padding:22px;
}
.calendar-week-head,
.calendar-week-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
}
.calendar-week-head{
  margin-bottom:10px;
}
.calendar-week-head span{
  height:8px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(37,99,235,.22),rgba(22,199,166,.16));
}
.calendar-week-grid{
  position:relative;
  padding:10px;
  border-radius:22px;
  background:linear-gradient(180deg,#f8fbff,#fff);
  border:1px solid rgba(37,99,235,.1);
  min-height:160px;
}
.calendar-week-grid i{
  display:block;
  min-height:42px;
  border-radius:12px;
  background:rgba(37,99,235,.05);
  border:1px solid rgba(37,99,235,.07);
}
.calendar-event{
  position:absolute;
  height:18px;
  border-radius:999px;
  z-index:3;
  box-shadow:0 12px 24px rgba(37,99,235,.14);
}
.calendar-event--meeting{left:54px;right:112px;top:86px;background:linear-gradient(90deg,#2563eb,#06b6d4);}
.calendar-event--leave{left:146px;right:52px;top:138px;background:linear-gradient(90deg,#16a34a,#16c7a6);}
.calendar-event--resource{left:74px;right:164px;top:190px;background:linear-gradient(90deg,#f59e0b,#fb7185);}
.calendar-orbit-card{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:224px;
  padding:14px 16px;
  border-radius:22px;
}
.calendar-orbit-card b{
  display:block;
  color:#0f172a;
  font-size:1.05rem;
}
.calendar-orbit-card small{
  display:block;
  color:#66758a;
  font-weight:750;
  margin-top:3px;
}
.calendar-orbit-card--top{left:50%;top:28px;transform:translateX(-50%);}
.calendar-orbit-card--left{left:22px;top:188px;}
.calendar-orbit-card--right{right:22px;top:196px;}
.calendar-orbit-card--bottom{left:50%;bottom:26px;transform:translateX(-50%);}
.calendar-comparison .comparison-card--before{background:linear-gradient(180deg,#fff7ed,#fff);}
.calendar-comparison .comparison-card--after{background:linear-gradient(180deg,#eff6ff,#f7fffb);}
.calendar-control-note-section{padding-top:0;}
.calendar-flow article,
.calendar-feature-grid article,
.calendar-highlight-grid article,
.calendar-buyer-grid article{border-color:rgba(191,210,236,.78);}
.calendar-closure-shell .closure-summary{
  background:
    radial-gradient(circle at 100% 0%, rgba(37,99,235,.13), transparent 16rem),
    radial-gradient(circle at 10% 100%, rgba(22,199,166,.1), transparent 14rem),
    #fff;
}
.takvim-demo-section .cta-card-form{
  background:
    radial-gradient(circle at 88% 18%, rgba(255,255,255,.24), transparent 14rem),
    radial-gradient(circle at 12% 88%, rgba(22,199,166,.22), transparent 16rem),
    linear-gradient(135deg,#1d4ed8 0%,#0f766e 58%,#16c7a6 100%);
}
.takvim-demo-section .cta-card-form h2,
.takvim-demo-section .cta-card-form p{color:#fff;}
.takvim-demo-section .demo-form{
  background:#fff;
  color:#0f172a;
  border:1px solid rgba(255,255,255,.65);
  box-shadow:0 24px 60px rgba(15,23,42,.18);
}
.takvim-demo-section .demo-form b,
.takvim-demo-section .demo-form label{color:#0f172a;}
.takvim-demo-section .demo-form .btn-light{
  background:linear-gradient(135deg,#2563eb,#0f766e);
  color:#fff;
}
.takvim-demo-section .form-consent a{color:#2563eb;}

@media (max-width:1180px){
  .calendar-sales-hero .sales-hero-grid{grid-template-columns:1fr;}
  .calendar-hero-visual{min-height:390px;}
}
@media (max-width:760px){
  .calendar-hero-visual{
    min-height:auto;
    display:grid;
    gap:14px;
    padding:18px;
  }
  .calendar-week-card,
  .calendar-orbit-card{
    position:relative;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
    transform:none;
    width:100%;
    min-width:0;
  }
  .calendar-hero-visual::before,
  .calendar-hero-visual::after{display:none;}
  .calendar-week-card{padding:18px;}
}

/* v41 — Kurum İçi Chat inner page */
.chat-sales-hero{
  background:
    radial-gradient(circle at 14% 12%, rgba(124,58,237,.12), transparent 28rem),
    radial-gradient(circle at 84% 12%, rgba(6,182,212,.12), transparent 24rem),
    linear-gradient(180deg,#f7fbff 0%,#fff 100%);
}
.chat-hero-visual{
  position:relative;
  min-height:430px;
  border:1px solid rgba(191,210,236,.72);
  border-radius:34px;
  background:
    radial-gradient(circle at 22% 18%,rgba(37,99,235,.12),transparent 15rem),
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,251,255,.9));
  box-shadow:0 28px 70px rgba(30,54,102,.12);
  overflow:hidden;
}
.chat-hero-visual::before,
.chat-hero-visual::after{
  content:"";
  position:absolute;
  border-radius:999px;
  pointer-events:none;
}
.chat-hero-visual::before{
  width:220px;
  height:220px;
  right:-72px;
  top:-68px;
  background:linear-gradient(135deg,rgba(37,99,235,.16),rgba(22,199,166,.1));
}
.chat-hero-visual::after{
  width:180px;
  height:180px;
  left:-70px;
  bottom:-76px;
  background:linear-gradient(135deg,rgba(124,58,237,.12),rgba(6,182,212,.1));
}
.chat-window-card{
  position:absolute;
  left:50%;
  top:50%;
  width:min(370px,78%);
  min-height:270px;
  transform:translate(-50%,-50%);
  border-radius:30px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(215,228,244,.9);
  box-shadow:0 28px 65px rgba(30,54,102,.16);
  padding:22px;
  z-index:2;
}
.chat-window-head{
  display:flex;
  gap:8px;
  padding-bottom:18px;
  margin-bottom:16px;
  border-bottom:1px solid rgba(215,228,244,.8);
}
.chat-window-head span{
  width:10px;
  height:10px;
  border-radius:999px;
  background:linear-gradient(135deg,#2563eb,#16c7a6);
  opacity:.78;
}
.chat-message{
  position:relative;
  display:grid;
  grid-template-columns:34px 1fr;
  gap:12px;
  align-items:center;
  margin-bottom:14px;
  padding:12px;
  border-radius:20px;
  background:#f8fbff;
  border:1px solid rgba(215,228,244,.75);
}
.chat-message--right{
  margin-left:42px;
  background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(22,199,166,.08));
}
.chat-message i{
  width:34px;
  height:34px;
  border-radius:14px;
  background:linear-gradient(135deg,#2563eb,#7c3aed 58%,#16c7a6);
  box-shadow:0 12px 24px rgba(37,99,235,.16);
}
.chat-message b,
.chat-message em{
  display:block;
  height:8px;
  border-radius:999px;
  background:#dbeafe;
}
.chat-message b{width:78%;}
.chat-message em{width:54%;margin-top:8px;background:#e2e8f0;}
.chat-file-strip{
  display:grid;
  grid-template-columns:38px 1fr 48px;
  align-items:center;
  gap:12px;
  margin-top:18px;
  padding:12px;
  border-radius:20px;
  background:linear-gradient(135deg,#0f172a,#1d4ed8);
  box-shadow:0 18px 34px rgba(37,99,235,.18);
}
.chat-file-strip span{
  width:38px;
  height:38px;
  border-radius:14px;
  background:rgba(255,255,255,.9);
}
.chat-file-strip strong,
.chat-file-strip i{
  height:9px;
  border-radius:999px;
  background:rgba(255,255,255,.72);
}
.chat-file-strip i{width:42px;justify-self:end;}
.chat-compose-bar{
  display:grid;
  grid-template-columns:1fr 36px 36px;
  gap:10px;
  margin-top:16px;
}
.chat-compose-bar span{
  height:34px;
  border-radius:999px;
  background:#eef5ff;
  border:1px solid rgba(191,210,236,.8);
}
.chat-compose-bar span:nth-child(2),
.chat-compose-bar span:nth-child(3){
  border-radius:14px;
  background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(22,199,166,.12));
}
.chat-orbit-card{
  position:absolute;
  z-index:3;
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  min-width:190px;
  border-radius:22px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(215,228,244,.85);
  box-shadow:0 18px 44px rgba(30,54,102,.12);
  backdrop-filter:blur(10px);
}
.chat-orbit-card b,
.chat-orbit-card small{display:block;line-height:1.25;}
.chat-orbit-card b{color:#0f172a;font-size:.94rem;}
.chat-orbit-card small{color:#64748b;font-weight:700;}
.chat-orbit-card--top{left:34px;top:34px;}
.chat-orbit-card--left{left:22px;bottom:58px;}
.chat-orbit-card--right{right:22px;top:86px;}
.chat-orbit-card--bottom{right:34px;bottom:36px;}

.chat-control-note-section{padding-top:0;}
.chat-demo-section .cta-card-form{
  background:
    radial-gradient(circle at 10% 0%,rgba(124,58,237,.32),transparent 17rem),
    radial-gradient(circle at 88% 20%,rgba(6,182,212,.24),transparent 18rem),
    linear-gradient(135deg,#0f172a,#1d4ed8 56%,#16c7a6);
  color:#fff;
}
.chat-demo-section .cta-card-form h2,
.chat-demo-section .cta-card-form p{color:#fff;}
.chat-demo-section .demo-form{
  background:rgba(255,255,255,.96);
  color:#0f172a;
  box-shadow:0 24px 60px rgba(15,23,42,.24);
}
.chat-demo-section .demo-form b,
.chat-demo-section .demo-form label{color:#0f172a;}
.chat-demo-section .demo-form .btn-light{
  background:linear-gradient(135deg,#2563eb,#16c7a6);
  color:#fff;
}
.chat-demo-section .form-consent a{color:#2563eb;}
@media (max-width:1180px){
  .chat-sales-hero .sales-hero-grid{grid-template-columns:1fr;}
  .chat-hero-visual{min-height:390px;}
}
@media (max-width:680px){
  .chat-hero-visual{min-height:520px;border-radius:28px;}
  .chat-window-card{width:calc(100% - 28px);top:46%;}
  .chat-orbit-card{position:absolute;left:14px;right:14px;min-width:0;}
  .chat-orbit-card--top{top:14px;}
  .chat-orbit-card--right{top:78px;}
  .chat-orbit-card--left{bottom:78px;}
  .chat-orbit-card--bottom{bottom:14px;}
  .chat-hero-visual::before,
  .chat-hero-visual::after{display:none;}
}

/* v34 — announcement / internal communication page visual system */
.announcement-sales-hero .sales-hero-grid{
  grid-template-columns:1.04fr .96fr;
}
.announcement-hero-visual{
  min-height:430px;
  position:relative;
  border:1px solid rgba(191,210,236,.82);
  border-radius:36px;
  background:
    radial-gradient(circle at 76% 18%, rgba(124,58,237,.14), transparent 13rem),
    radial-gradient(circle at 18% 86%, rgba(22,199,166,.14), transparent 13rem),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,251,255,.9));
  box-shadow:0 28px 72px rgba(30,54,102,.12);
  overflow:hidden;
}
.announcement-hero-visual::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:318px;
  height:318px;
  border:1px solid rgba(37,99,235,.18);
  border-radius:50%;
  transform:translate(-50%,-50%);
}
.announcement-hero-visual::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:226px;
  height:226px;
  border:1px dashed rgba(37,99,235,.16);
  border-radius:50%;
  transform:translate(-50%,-50%);
}
.announcement-board-card,
.announcement-orbit-card{
  position:absolute;
  z-index:2;
  background:rgba(255,255,255,.9);
  border:1px solid rgba(191,210,236,.86);
  box-shadow:0 20px 50px rgba(30,54,102,.12);
  backdrop-filter:blur(10px);
}
.announcement-board-card{
  width:min(78%,370px);
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border-radius:30px;
  padding:24px;
}
.announcement-board-head{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:18px;
}
.announcement-board-head b,
.announcement-orbit-card b{
  display:block;
  color:#0f172a;
  font-size:1.05rem;
}
.announcement-board-head small,
.announcement-orbit-card small{
  display:block;
  color:#66758a;
  font-weight:750;
  margin-top:3px;
}
.announcement-lines{
  display:grid;
  gap:10px;
  padding:16px;
  border-radius:22px;
  background:linear-gradient(180deg,#f8fbff,#fff);
  border:1px solid rgba(37,99,235,.1);
}
.announcement-lines span{
  height:10px;
  border-radius:999px;
  background:#dbeafe;
}
.announcement-lines span:nth-child(1){width:92%;}
.announcement-lines span:nth-child(2){width:74%;background:#e2e8f0;}
.announcement-lines span:nth-child(3){width:84%;background:#dcfce7;}
.announcement-progress{
  height:12px;
  margin:16px 0 14px;
  border-radius:999px;
  background:#eaf2ff;
  overflow:hidden;
}
.announcement-progress span{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#2563eb,#16c7a6);
}
.announcement-status-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.announcement-status-row i{
  height:44px;
  border-radius:16px;
  background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(22,199,166,.1));
  border:1px solid rgba(37,99,235,.1);
}
.announcement-orbit-card{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:198px;
  padding:12px 14px;
  border-radius:22px;
}
.announcement-orbit-card--top{left:34px;top:34px;}
.announcement-orbit-card--left{left:22px;bottom:58px;}
.announcement-orbit-card--right{right:22px;top:86px;}
.announcement-orbit-card--bottom{right:34px;bottom:36px;}

.announcement-control-note-section{padding-top:0;}
.announcement-demo-section .cta-card-form{
  background:
    radial-gradient(circle at 10% 0%,rgba(124,58,237,.28),transparent 17rem),
    radial-gradient(circle at 88% 20%,rgba(6,182,212,.24),transparent 18rem),
    linear-gradient(135deg,#0f172a,#1d4ed8 56%,#16c7a6);
  color:#fff;
}
.announcement-demo-section .cta-card-form h2,
.announcement-demo-section .cta-card-form p{color:#fff;}
.announcement-demo-section .demo-form{
  background:rgba(255,255,255,.96);
  color:#0f172a;
  box-shadow:0 24px 60px rgba(15,23,42,.24);
}
.announcement-demo-section .demo-form b,
.announcement-demo-section .demo-form label{color:#0f172a;}
.announcement-demo-section .demo-form .btn-light{
  background:linear-gradient(135deg,#2563eb,#16c7a6);
  color:#fff;
}
.announcement-demo-section .form-consent a{color:#2563eb;}

@media (max-width:1180px){
  .announcement-sales-hero .sales-hero-grid{grid-template-columns:1fr;}
  .announcement-hero-visual{min-height:390px;}
}
@media (max-width:680px){
  .announcement-hero-visual{min-height:520px;border-radius:28px;}
  .announcement-board-card{width:calc(100% - 28px);top:46%;}
  .announcement-orbit-card{left:14px;right:14px;min-width:0;}
  .announcement-orbit-card--top{top:14px;}
  .announcement-orbit-card--right{top:78px;}
  .announcement-orbit-card--left{bottom:78px;}
  .announcement-orbit-card--bottom{bottom:14px;}
  .announcement-hero-visual::before,
  .announcement-hero-visual::after{display:none;}
}

/* v39 — identity and user governance inner page */
.identity-sales-hero .sales-hero-grid{
  grid-template-columns:1.02fr .98fr;
}
.identity-hero-visual{
  position:relative;
  min-height:460px;
  border:1px solid rgba(191,210,236,.88);
  border-radius:34px;
  background:
    radial-gradient(circle at 26% 18%, rgba(37,99,235,.14), transparent 15rem),
    radial-gradient(circle at 82% 76%, rgba(22,199,166,.16), transparent 15rem),
    linear-gradient(180deg, rgba(255,255,255,.9), rgba(248,251,255,.92));
  box-shadow:0 24px 66px rgba(30,54,102,.12);
  overflow:hidden;
  isolation:isolate;
}
.identity-hero-visual::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:320px;
  height:320px;
  border-radius:50%;
  border:1px solid rgba(37,99,235,.18);
  transform:translate(-50%,-50%);
}
.identity-hero-visual::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:224px;
  height:224px;
  border-radius:50%;
  border:1px dashed rgba(37,99,235,.18);
  transform:translate(-50%,-50%);
}
.identity-shield-card,
.identity-orbit-card{
  position:absolute;
  z-index:2;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(191,210,236,.86);
  box-shadow:0 20px 50px rgba(30,54,102,.12);
  backdrop-filter:blur(10px);
}
.identity-shield-card{
  width:min(78%,372px);
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border-radius:30px;
  padding:24px;
}
.identity-shield-head{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:18px;
}
.identity-shield-head b,
.identity-orbit-card b{
  display:block;
  color:#0f172a;
  font-size:1.05rem;
}
.identity-shield-head small,
.identity-orbit-card small{
  display:block;
  color:#66758a;
  font-weight:750;
  margin-top:3px;
}
.identity-access-stack{
  display:grid;
  gap:10px;
  padding:16px;
  border-radius:22px;
  background:linear-gradient(180deg,#f8fbff,#fff);
  border:1px solid rgba(37,99,235,.1);
}
.identity-access-stack span{
  height:12px;
  border-radius:999px;
  background:linear-gradient(90deg,#dbeafe,#e0f2fe);
}
.identity-access-stack span:nth-child(1){width:92%;}
.identity-access-stack span:nth-child(2){width:72%;background:linear-gradient(90deg,#dcfce7,#e0f2fe);}
.identity-access-stack span:nth-child(3){width:84%;background:linear-gradient(90deg,#ede9fe,#dbeafe);}
.identity-status-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:14px;
}
.identity-status-row i{
  height:44px;
  border-radius:16px;
  background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(22,199,166,.1));
  border:1px solid rgba(37,99,235,.1);
  position:relative;
  overflow:hidden;
}
.identity-status-row i::before{
  content:"";
  position:absolute;
  left:12px;
  top:13px;
  width:18px;
  height:18px;
  border-radius:8px;
  background:rgba(37,99,235,.18);
  box-shadow:22px 3px 0 rgba(22,199,166,.16);
}
.identity-orbit-card{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:210px;
  padding:12px 14px;
  border-radius:22px;
}
.identity-orbit-card--top{left:34px;top:34px;}
.identity-orbit-card--right{right:22px;top:92px;}
.identity-orbit-card--left{left:22px;bottom:66px;}
.identity-orbit-card--bottom{right:34px;bottom:36px;}
.identity-control-note-section{padding-top:0;}
.identity-demo-section .cta-card-form{
  background:
    radial-gradient(circle at 10% 0%,rgba(37,99,235,.28),transparent 17rem),
    radial-gradient(circle at 88% 20%,rgba(22,199,166,.24),transparent 18rem),
    linear-gradient(135deg,#0f172a,#1d4ed8 56%,#16c7a6);
  color:#fff;
}
.identity-demo-section .cta-card-form h2,
.identity-demo-section .cta-card-form p{color:#fff;}
.identity-demo-section .demo-form{
  background:rgba(255,255,255,.96);
  color:#0f172a;
  box-shadow:0 24px 60px rgba(15,23,42,.24);
}
.identity-demo-section .demo-form b,
.identity-demo-section .demo-form label{color:#0f172a;}
.identity-demo-section .demo-form .btn-light{
  background:linear-gradient(135deg,#2563eb,#16c7a6);
  color:#fff;
}
.identity-demo-section .form-consent a{color:#2563eb;}
@media (max-width:1180px){
  .identity-sales-hero .sales-hero-grid{grid-template-columns:1fr;}
  .identity-hero-visual{min-height:390px;}
}
@media (max-width:680px){
  .identity-hero-visual{min-height:520px;border-radius:28px;}
  .identity-shield-card{width:calc(100% - 28px);top:46%;}
  .identity-orbit-card{left:14px;right:14px;min-width:0;}
  .identity-orbit-card--top{top:14px;}
  .identity-orbit-card--right{top:78px;}
  .identity-orbit-card--left{bottom:78px;}
  .identity-orbit-card--bottom{bottom:14px;}
  .identity-hero-visual::before,
  .identity-hero-visual::after{display:none;}
}

/* v38 — work/project landing page visual system */
.work-sales-hero .sales-hero-grid{
  grid-template-columns:1.02fr .98fr;
}
.work-hero-visual{
  position:relative;
  min-height:430px;
  border:1px solid rgba(191,210,236,.86);
  border-radius:34px;
  background:
    radial-gradient(circle at 26% 18%,rgba(37,99,235,.18),transparent 11rem),
    radial-gradient(circle at 76% 76%,rgba(22,199,166,.16),transparent 12rem),
    linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,251,255,.9));
  box-shadow:0 28px 70px rgba(30,54,102,.13);
  overflow:hidden;
}
.work-hero-visual::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:280px;
  height:280px;
  border-radius:50%;
  border:1px dashed rgba(37,99,235,.18);
  transform:translate(-50%,-50%);
}
.work-hero-visual::after{
  content:"";
  position:absolute;
  right:-42px;
  top:-54px;
  width:190px;
  height:190px;
  border-radius:52px;
  background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(22,199,166,.12));
  transform:rotate(20deg);
}
.work-board-card,
.work-orbit-card{
  position:absolute;
  z-index:2;
  background:rgba(255,255,255,.93);
  border:1px solid rgba(191,210,236,.88);
  box-shadow:0 20px 50px rgba(30,54,102,.12);
  backdrop-filter:blur(10px);
}
.work-board-card{
  width:min(78%,390px);
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border-radius:30px;
  padding:24px;
}
.work-board-head{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:18px;
}
.work-board-head b,
.work-orbit-card b{display:block;color:#0f172a;font-size:1.05rem;}
.work-board-head small,
.work-orbit-card small{display:block;color:#66758a;font-weight:750;margin-top:3px;}
.work-board-columns{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.work-board-columns div{
  min-height:124px;
  border-radius:22px;
  background:linear-gradient(180deg,#f8fbff,#fff);
  border:1px solid rgba(37,99,235,.1);
  padding:12px;
  display:grid;
  align-content:start;
  gap:9px;
}
.work-board-columns i{
  width:42px;
  height:12px;
  border-radius:999px;
  background:linear-gradient(90deg,#2563eb,#06b6d4);
}
.work-board-columns span{
  height:26px;
  border-radius:12px;
  background:rgba(37,99,235,.09);
  border:1px solid rgba(37,99,235,.07);
}
.work-board-columns div:nth-child(2) i{background:linear-gradient(90deg,#7c3aed,#2563eb);}
.work-board-columns div:nth-child(3) i{background:linear-gradient(90deg,#16a34a,#16c7a6);}
.work-board-metrics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:14px;
}
.work-board-metrics span{
  height:42px;
  border-radius:16px;
  background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(22,199,166,.1));
  border:1px solid rgba(37,99,235,.1);
  position:relative;
  overflow:hidden;
}
.work-board-metrics span::before{
  content:"";
  position:absolute;
  left:12px;
  top:12px;
  width:18px;
  height:18px;
  border-radius:8px;
  background:rgba(37,99,235,.18);
  box-shadow:21px 4px 0 rgba(22,199,166,.16);
}
.work-orbit-card{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:210px;
  padding:12px 14px;
  border-radius:22px;
}
.work-orbit-card--top{left:32px;top:32px;}
.work-orbit-card--right{right:20px;top:96px;}
.work-orbit-card--left{left:22px;bottom:68px;}
.work-orbit-card--bottom{right:34px;bottom:34px;}
.work-control-note-section{padding-top:0;}
.work-demo-section .cta-card-form{
  background:
    radial-gradient(circle at 10% 0%,rgba(37,99,235,.28),transparent 17rem),
    radial-gradient(circle at 88% 20%,rgba(22,199,166,.24),transparent 18rem),
    linear-gradient(135deg,#0f172a,#1d4ed8 56%,#16c7a6);
  color:#fff;
}
.work-demo-section .cta-card-form h2,
.work-demo-section .cta-card-form p{color:#fff;}
.work-demo-section .demo-form{
  background:rgba(255,255,255,.96);
  color:#0f172a;
  box-shadow:0 24px 60px rgba(15,23,42,.24);
}
.work-demo-section .demo-form b,
.work-demo-section .demo-form label{color:#0f172a;}
.work-demo-section .demo-form .btn-light{background:linear-gradient(135deg,#2563eb,#16c7a6);color:#fff;}
.work-demo-section .form-consent a{color:#2563eb;}
@media (max-width:1180px){
  .work-sales-hero .sales-hero-grid{grid-template-columns:1fr;}
  .work-hero-visual{min-height:390px;}
}
@media (max-width:680px){
  .work-hero-visual{min-height:520px;border-radius:28px;}
  .work-board-card{width:calc(100% - 28px);top:46%;}
  .work-orbit-card{left:14px;right:14px;min-width:0;}
  .work-orbit-card--top{top:14px;}
  .work-orbit-card--right{top:78px;}
  .work-orbit-card--left{bottom:78px;}
  .work-orbit-card--bottom{bottom:14px;}
  .work-hero-visual::before,
  .work-hero-visual::after{display:none;}
}


/* v39 — support request landing page visual system */
.support-sales-hero{
  background:linear-gradient(180deg,#f7fbff 0%,#fbfdff 64%,#ffffff 100%);
}
.support-hero-visual{
  position:relative;
  min-height:430px;
  display:grid;
  place-items:center;
}
.support-desk-card{
  position:relative;
  width:min(100%,430px);
  padding:28px;
  border:1px solid rgba(191,210,236,.86);
  border-radius:34px;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.9));
  box-shadow:0 30px 78px rgba(30,54,102,.14);
  overflow:hidden;
}
.support-desk-card::before{
  content:"";
  position:absolute;
  right:-56px;
  top:-56px;
  width:180px;
  height:180px;
  border-radius:52px;
  background:linear-gradient(135deg,rgba(37,99,235,.14),rgba(22,199,166,.16));
  transform:rotate(18deg);
}
.support-desk-head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:22px;
}
.support-desk-head b,
.support-orbit-card b{
  display:block;
  color:#0f172a;
  letter-spacing:-.02em;
}
.support-desk-head small,
.support-orbit-card small{
  display:block;
  color:#64748b;
  font-weight:800;
  margin-top:3px;
}
.support-ticket-stack{
  position:relative;
  z-index:1;
  display:grid;
  gap:12px;
}
.support-ticket-stack span{
  height:56px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(37,99,235,.12);
  box-shadow:0 14px 32px rgba(30,54,102,.07);
  position:relative;
  overflow:hidden;
}
.support-ticket-stack span::before{
  content:"";
  position:absolute;
  left:18px;
  top:16px;
  width:36px;
  height:24px;
  border-radius:10px;
  background:linear-gradient(135deg,#2563eb,#16c7a6);
  opacity:.9;
}
.support-ticket-stack span::after{
  content:"";
  position:absolute;
  left:68px;
  top:16px;
  width:62%;
  height:8px;
  border-radius:999px;
  background:rgba(37,99,235,.16);
  box-shadow:0 16px 0 rgba(37,99,235,.09);
}
.support-ticket-stack span:nth-child(2)::before{background:linear-gradient(135deg,#7c3aed,#2563eb);}
.support-ticket-stack span:nth-child(3)::before{background:linear-gradient(135deg,#f59e0b,#fb7185);}
.support-desk-metrics{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:18px;
}
.support-desk-metrics span{
  height:44px;
  border-radius:16px;
  background:linear-gradient(180deg,#eef6ff,#fff);
  border:1px solid rgba(37,99,235,.1);
}
.support-orbit-card{
  position:absolute;
  display:flex;
  align-items:center;
  gap:12px;
  min-width:190px;
  padding:14px 16px;
  border-radius:24px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(191,210,236,.8);
  box-shadow:0 20px 48px rgba(30,54,102,.12);
  backdrop-filter:blur(12px);
}
.support-orbit-card--top{top:10px;left:40px;}
.support-orbit-card--right{right:-10px;top:124px;}
.support-orbit-card--left{left:-10px;bottom:120px;}
.support-orbit-card--bottom{right:42px;bottom:10px;}
.support-control-note-section{padding-top:0;}
@media (max-width:1180px){
  .support-orbit-card{position:relative;inset:auto;min-width:0;}
  .support-hero-visual{grid-template-columns:1fr 1fr;gap:14px;min-height:0;align-items:stretch;}
  .support-desk-card{grid-column:1/-1;width:100%;}
}
@media (max-width:760px){
  .support-hero-visual{grid-template-columns:1fr;}
  .support-desk-metrics{grid-template-columns:1fr;}
  .support-ticket-stack span::after{width:48%;}
}


/* v43 — notification center page visual system */
.notification-sales-hero .sales-hero-grid{
  grid-template-columns:1.04fr .96fr;
}
.notification-hero-visual{
  min-height:430px;
  position:relative;
  border:1px solid rgba(191,210,236,.82);
  border-radius:36px;
  background:
    radial-gradient(circle at 74% 20%, rgba(37,99,235,.14), transparent 12rem),
    radial-gradient(circle at 20% 86%, rgba(22,199,166,.14), transparent 13rem),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,251,255,.9));
  box-shadow:0 28px 72px rgba(30,54,102,.12);
  overflow:hidden;
}
.notification-hero-visual::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:314px;
  height:314px;
  border:1px solid rgba(37,99,235,.18);
  border-radius:50%;
  transform:translate(-50%,-50%);
}
.notification-hero-visual::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:220px;
  height:220px;
  border:1px dashed rgba(37,99,235,.16);
  border-radius:50%;
  transform:translate(-50%,-50%);
}
.notification-center-card,
.notification-orbit-card{
  position:absolute;
  z-index:2;
  background:rgba(255,255,255,.9);
  border:1px solid rgba(191,210,236,.86);
  box-shadow:0 20px 50px rgba(30,54,102,.12);
  backdrop-filter:blur(10px);
}
.notification-center-card{
  width:min(78%,360px);
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border-radius:30px;
  padding:24px;
}
.notification-center-head{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:18px;
}
.notification-center-head b,
.notification-orbit-card b{
  display:block;
  color:#0f172a;
  font-size:1.05rem;
}
.notification-center-head small,
.notification-orbit-card small{
  display:block;
  color:#66758a;
  font-weight:750;
  margin-top:3px;
}
.notification-stack{
  display:grid;
  gap:10px;
}
.notification-stack span{
  position:relative;
  height:46px;
  border-radius:17px;
  background:linear-gradient(180deg,#f8fbff,#fff);
  border:1px solid rgba(37,99,235,.12);
  overflow:hidden;
}
.notification-stack span::before{
  content:"";
  position:absolute;
  left:14px;
  top:13px;
  width:20px;
  height:20px;
  border-radius:8px;
  background:linear-gradient(135deg,#2563eb,#16c7a6);
  box-shadow:0 10px 18px rgba(37,99,235,.16);
}
.notification-stack span::after{
  content:"";
  position:absolute;
  left:48px;
  top:14px;
  width:62%;
  height:7px;
  border-radius:999px;
  background:rgba(37,99,235,.16);
  box-shadow:0 13px 0 rgba(37,99,235,.08);
}
.notification-stack span:nth-child(2)::before{background:linear-gradient(135deg,#7c3aed,#2563eb);}
.notification-stack span:nth-child(3)::before{background:linear-gradient(135deg,#f59e0b,#fb7185);}
.notification-stack span:nth-child(4)::before{background:linear-gradient(135deg,#16a34a,#16c7a6);}
.notification-signal-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:16px;
}
.notification-signal-row span{
  height:42px;
  border-radius:16px;
  background:linear-gradient(180deg,#eef6ff,#fff);
  border:1px solid rgba(37,99,235,.1);
}
.notification-orbit-card{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:196px;
  padding:14px 16px;
  border-radius:24px;
}
.notification-orbit-card--top{top:10px;left:38px;}
.notification-orbit-card--right{right:-10px;top:124px;}
.notification-orbit-card--left{left:-10px;bottom:118px;}
.notification-orbit-card--bottom{right:42px;bottom:10px;}
.notification-control-note-section{padding-top:0;}

.notification-demo-section .cta-card-form{
  background:
    radial-gradient(circle at 16% 18%, rgba(37,99,235,.22), transparent 18rem),
    radial-gradient(circle at 88% 76%, rgba(22,199,166,.18), transparent 16rem),
    linear-gradient(135deg,#0f172a,#174ea6 58%,#0f766e);
  color:#fff;
  border-color:rgba(255,255,255,.24);
}
.notification-demo-section .cta-card-form h2,
.notification-demo-section .cta-card-form p,
.notification-demo-section .cta-panel-dark b,
.notification-demo-section .cta-panel-dark li{
  color:#fff;
}
.notification-demo-section .demo-form{
  background:rgba(255,255,255,.96);
  color:#0f172a;
  box-shadow:0 24px 62px rgba(15,23,42,.22);
}
.notification-demo-section .demo-form b,
.notification-demo-section .demo-form label,
.notification-demo-section .demo-form small{
  color:#0f172a;
}
.notification-demo-section .form-consent span,
.notification-demo-section .form-consent a{
  color:#475569;
}
.notification-demo-section .demo-form .btn-light{
  background:linear-gradient(135deg,#2563eb,#16c7a6);
  color:#fff;
}
@media (max-width:980px){
  .notification-sales-hero .sales-hero-grid{grid-template-columns:1fr;}
  .notification-hero-visual{min-height:520px;}
  .notification-orbit-card--top{left:24px;top:22px;}
  .notification-orbit-card--right{right:24px;top:138px;}
  .notification-orbit-card--left{left:24px;bottom:126px;}
  .notification-orbit-card--bottom{right:24px;bottom:22px;}
}
@media (max-width:640px){
  .notification-hero-visual{
    min-height:0;
    display:grid;
    gap:12px;
    padding:18px;
  }
  .notification-center-card,
  .notification-orbit-card{
    position:relative;
    inset:auto;
    transform:none;
    width:auto;
    min-width:0;
  }
  .notification-hero-visual::before,
  .notification-hero-visual::after{
    display:none;
  }
}

/* v37 — 404 visual refresh */
.notfound-page{
  background:linear-gradient(180deg,#f7fbff 0%,#ffffff 100%);
}
.notfound-hero{
  padding:112px 0 34px;
  overflow:hidden;
}
.notfound-shell{
  position:relative;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:42px;
  align-items:center;
  border:1px solid rgba(191,210,236,.78);
  border-radius:var(--radius-xl);
  background:radial-gradient(circle at 88% 18%,rgba(37,99,235,.13),transparent 15rem),linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,251,255,.92));
  box-shadow:var(--shadow-soft);
  padding:42px;
  isolation:isolate;
  overflow:hidden;
}
.notfound-shell::before{
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid rgba(255,255,255,.78);
  border-radius:calc(var(--radius-xl) - 8px);
  pointer-events:none;
}
.notfound-shell > *{position:relative;z-index:1;}
.notfound-copy h1{
  color:var(--ink);
  font-family:var(--display);
  letter-spacing:-.034em;
  line-height:1.04;
  font-size:clamp(38px,4.7vw,64px);
  margin:16px 0;
}
.notfound-copy .lead{
  color:#53627a;
  font-size:20px;
  line-height:1.68;
  max-width:760px;
}
.notfound-visual{
  position:relative;
  min-height:420px;
  display:grid;
  place-items:center;
  perspective:1100px;
}
.nf-visual-card{
  position:relative;
  width:min(100%,430px);
  min-height:310px;
  border:1px solid rgba(37,99,235,.16);
  border-radius:34px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(239,246,255,.92));
  box-shadow:0 34px 90px rgba(30,54,102,.18);
  padding:24px;
  transform:rotateX(7deg) rotateY(-10deg);
  transform-style:preserve-3d;
  overflow:hidden;
}
.nf-visual-card::before{
  content:"";
  position:absolute;
  inset:auto -38px -54px auto;
  width:190px;
  height:190px;
  border-radius:46px;
  background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(22,199,166,.16));
  transform:rotate(23deg) translateZ(22px);
}
.nf-toolbar{
  display:flex;
  gap:8px;
  margin-bottom:22px;
}
.nf-toolbar span{
  width:13px;
  height:13px;
  border-radius:999px;
  background:linear-gradient(135deg,#dbeafe,#93c5fd);
  box-shadow:inset 0 -2px 4px rgba(15,23,42,.1);
}
.nf-toolbar span:nth-child(2){background:linear-gradient(135deg,#dcfce7,#86efac);}
.nf-toolbar span:nth-child(3){background:linear-gradient(135deg,#fef3c7,#fbbf24);}
.nf-search-line{
  height:48px;
  border-radius:18px;
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  border:1px solid rgba(37,99,235,.12);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.85),0 14px 30px rgba(30,54,102,.08);
  position:relative;
}
.nf-search-line::before{
  content:"";
  position:absolute;
  left:18px;
  top:14px;
  width:20px;
  height:20px;
  border:3px solid rgba(37,99,235,.5);
  border-radius:50%;
}
.nf-search-line::after{
  content:"";
  position:absolute;
  left:36px;
  top:31px;
  width:13px;
  height:3px;
  border-radius:99px;
  background:rgba(37,99,235,.5);
  transform:rotate(45deg);
}
.nf-route-map{
  display:grid;
  grid-template-columns:auto 1fr auto 1fr auto;
  align-items:center;
  gap:10px;
  margin:34px 4px 28px;
}
.nf-node{
  width:34px;
  height:34px;
  border-radius:14px;
  background:linear-gradient(135deg,#dbeafe,#bfdbfe);
  box-shadow:inset 0 -6px 10px rgba(37,99,235,.1),0 12px 22px rgba(37,99,235,.12);
}
.nf-node--active{background:linear-gradient(135deg,#2563eb,#06b6d4);}
.nf-node--lost{background:linear-gradient(135deg,#f97316,#fb7185);}
.nf-link{
  height:8px;
  border-radius:999px;
  background:linear-gradient(90deg,#2563eb,#06b6d4);
  box-shadow:0 8px 16px rgba(37,99,235,.12);
}
.nf-link--muted{background:linear-gradient(90deg,#bfdbfe,#fecaca);}
.nf-empty-state{
  position:relative;
  height:132px;
  border-radius:26px;
  background:linear-gradient(180deg,rgba(248,251,255,.88),rgba(255,255,255,.72));
  border:1px solid rgba(37,99,235,.08);
  overflow:hidden;
}
.nf-cube{
  position:absolute;
  display:block;
  border-radius:20px;
  background:linear-gradient(135deg,#2563eb,#7c3aed 54%,#16c7a6);
  box-shadow:inset 10px 10px 18px rgba(255,255,255,.18),inset -10px -12px 20px rgba(15,23,42,.14),0 22px 34px rgba(37,99,235,.18);
  transform:rotate(18deg) skew(-6deg);
}
.nf-cube::before{
  content:"";
  position:absolute;
  inset:9px auto auto 9px;
  width:36%;
  height:36%;
  border-radius:12px;
  background:rgba(255,255,255,.3);
}
.nf-cube--one{width:76px;height:76px;left:36px;top:28px;}
.nf-cube--two{width:54px;height:54px;left:156px;top:46px;background:linear-gradient(135deg,#16c7a6,#06b6d4);}
.nf-cube--three{width:64px;height:64px;right:44px;top:34px;background:linear-gradient(135deg,#f59e0b,#fb7185);}
.nf-floating-shape{
  position:absolute;
  border-radius:28px;
  background:linear-gradient(135deg,rgba(37,99,235,.95),rgba(22,199,166,.92));
  box-shadow:0 26px 55px rgba(37,99,235,.2),inset 10px 10px 20px rgba(255,255,255,.22),inset -10px -12px 20px rgba(15,23,42,.14);
  opacity:.95;
}
.nf-floating-shape--one{width:78px;height:78px;left:6%;top:12%;transform:rotate(18deg);}
.nf-floating-shape--two{width:56px;height:56px;right:3%;top:18%;transform:rotate(-24deg);background:linear-gradient(135deg,#7c3aed,#2563eb);}
.nf-floating-shape--three{width:66px;height:66px;right:10%;bottom:9%;transform:rotate(34deg);background:linear-gradient(135deg,#f59e0b,#fb7185);}
.notfound-help-section .container{
  border:1px solid rgba(215,228,244,.78);
  border-radius:var(--radius-xl);
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.9));
  box-shadow:var(--shadow-card);
}
.notfound-card-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.notfound-help-card{
  position:relative;
  min-height:250px;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:24px;
  border:1px solid rgba(32,91,207,.16);
  border-radius:28px;
  background:#fff;
  box-shadow:0 18px 45px rgba(30,54,102,.08);
  color:var(--ink);
  text-decoration:none;
  overflow:hidden;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.notfound-help-card:hover,
.notfound-help-card:focus-visible{
  transform:translateY(-3px);
  border-color:rgba(37,99,235,.38);
  box-shadow:0 24px 58px rgba(37,99,235,.14);
  outline:none;
}
.notfound-help-card::after{
  content:"";
  position:absolute;
  right:-26px;
  bottom:-30px;
  width:118px;
  height:118px;
  border-radius:34px;
  background:linear-gradient(135deg,rgba(37,99,235,.06),rgba(22,199,166,.08));
}
.nf-card-icon{
  position:relative;
  width:66px;
  height:66px;
  border-radius:22px;
  background:linear-gradient(135deg,#2563eb,#7c3aed 58%,#16c7a6);
  box-shadow:0 18px 36px rgba(37,99,235,.18),inset 10px 10px 18px rgba(255,255,255,.22),inset -10px -12px 20px rgba(15,23,42,.14);
  margin-bottom:8px;
}
.nf-card-icon::before,
.nf-card-icon::after{
  content:"";
  position:absolute;
  background:rgba(255,255,255,.78);
}
.nf-card-icon--home::before{
  width:30px;
  height:24px;
  left:18px;
  top:28px;
  border-radius:7px 7px 10px 10px;
}
.nf-card-icon--home::after{
  width:30px;
  height:30px;
  left:18px;
  top:14px;
  transform:rotate(45deg);
  border-radius:7px;
  background:rgba(255,255,255,.54);
}
.nf-card-icon--modules::before{
  width:18px;
  height:18px;
  left:14px;
  top:14px;
  border-radius:7px;
  box-shadow:20px 0 0 rgba(255,255,255,.74),0 20px 0 rgba(255,255,255,.74),20px 20px 0 rgba(255,255,255,.56);
}
.nf-card-icon--modules::after{
  width:34px;
  height:6px;
  left:16px;
  bottom:13px;
  border-radius:999px;
  opacity:.48;
}
.nf-card-icon--demo::before{
  width:34px;
  height:24px;
  left:16px;
  top:17px;
  border-radius:9px;
}
.nf-card-icon--demo::after{
  width:30px;
  height:8px;
  left:18px;
  bottom:15px;
  border-radius:999px;
  box-shadow:0 -16px 0 rgba(37,99,235,.38);
}
.notfound-help-card small{
  color:#2563eb;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.notfound-help-card strong{
  font-size:1.18rem;
  letter-spacing:-.02em;
}
.notfound-help-card span:last-child{
  position:relative;
  z-index:1;
  color:#53627a;
  line-height:1.58;
}
@media (max-width:980px){
  .notfound-shell{grid-template-columns:1fr;padding:28px;}
  .notfound-visual{min-height:340px;}
  .notfound-card-grid{grid-template-columns:1fr;}
}
@media (max-width:680px){
  .notfound-hero{padding:96px 0 22px;}
  .notfound-shell,
  .notfound-help-section .container{padding:22px 18px;border-radius:28px;}
  .notfound-visual{min-height:280px;}
  .nf-visual-card{min-height:270px;padding:18px;border-radius:28px;}
  .nf-floating-shape{display:none;}
}

/* MarketingWeb ortak standart katmanı — ikon, mobil ve PDF tutarlılığı */
.comparison-card-top {
  position: relative;
  z-index: 2;
}

.comparison-list-step {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: rgba(15,23,42,.08);
  color: #0f172a;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .02em;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.76);
}

.comparison-card--after .comparison-list-step {
  background: rgba(37,99,235,.12);
  color: #1d4ed8;
}

.visual-refresh-v2 .v2-ai-device b {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  padding: 0;
}

.visual-refresh-v2 .v2-ai-device b svg {
  width: 30px;
  height: 30px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

@media (max-width: 760px) {
  .comparison-list li {
    grid-template-columns: 32px minmax(0,1fr);
    gap: 10px;
    padding: 13px;
  }

  .comparison-list-step {
    width: 30px;
    height: 30px;
    border-radius: 10px;
    font-size: 11px;
  }

  .sales-hero-grid,
  .cta-card-form,
  .timeline-flow--visual,
  .comparison-grid--story {
    grid-template-columns: 1fr !important;
  }

  .comparison-grid--story::after {
    display: none;
  }
}

@media print {
  @page {
    margin: 14mm 12mm;
  }

  html,
  body {
    background: #fff !important;
    color: #111827 !important;
    overflow: visible !important;
  }

  .site-header {
    position: static !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    background: #fff !important;
  }

  .menu-btn,
  .nav-actions,
  .cta-actions,
  .hero-actions,
  .section-actions,
  .demo-form,
  .site-footer,
  .v3-ring,
  .v3-ring-one,
  .v3-ring-two,
  .v3-spark-orb {
    display: none !important;
  }

  .sales-hero,
  .v2-hero,
  .section,
  .v2-section {
    padding: 18px 0 !important;
    background: #fff !important;
  }

  .container,
  .hero-grid.container,
  .sales-hero-grid,
  .v2-hero-grid,
  .v3-hero-grid,
  .comparison-grid,
  .timeline-flow--visual,
  .feature-grid-visual,
  .buyer-grid--visual {
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .comparison-card,
  .timeline-flow--visual article,
  .feature-grid-visual article,
  .buyer-grid--visual article,
  .page-cta,
  .cta-card,
  .v2-panel,
  .v3-panel {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
    box-shadow: none !important;
  }

  h1,
  h2,
  h3,
  .section-head,
  .v2-section-head {
    break-after: avoid !important;
    page-break-after: avoid !important;
  }
}

/* v33 — expense page full standard: hero dashboard, finance visibility, responsive and print polish */
.expense-page .expense-sales-hero{
  position:relative;
  overflow:hidden;
  padding:136px 0 74px;
  background:
    radial-gradient(circle at 8% 18%, rgba(22,199,166,.18), transparent 22rem),
    radial-gradient(circle at 82% 12%, rgba(37,99,235,.16), transparent 24rem),
    linear-gradient(180deg,#f7fbff 0%,#fff 100%);
}
.expense-page .expense-sales-hero::before{
  content:"";
  position:absolute;
  inset:auto -12% -34% auto;
  width:560px;
  height:560px;
  border-radius:38%;
  background:linear-gradient(135deg, rgba(37,99,235,.08), rgba(22,199,166,.1));
  transform:rotate(22deg);
  pointer-events:none;
}
.expense-page .expense-hero-grid{
  grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);
  gap:52px;
  align-items:center;
  position:relative;
  z-index:1;
}
.expense-page .expense-hero-copy h1{
  max-width:880px;
  letter-spacing:-.045em;
}
.expense-page .expense-hero-copy .lead{
  max-width:760px;
}
.expense-language-switch{
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin-bottom:18px;
  padding:4px;
  border:1px solid rgba(37,99,235,.14);
  border-radius:999px;
  background:rgba(255,255,255,.78);
  box-shadow:0 10px 26px rgba(30,54,102,.06);
}
.expense-language-switch a{
  display:grid;
  place-items:center;
  min-width:42px;
  min-height:34px;
  padding:6px 11px;
  border-radius:999px;
  color:#475569;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.04em;
}
.expense-language-switch a:hover,
.expense-language-switch a:focus-visible{
  color:#1d4ed8;
  background:#eff6ff;
}
.expense-language-switch a.is-active{
  color:#fff;
  background:linear-gradient(135deg,#2563eb,#16c7a6);
  box-shadow:0 8px 18px rgba(37,99,235,.2);
}
.expense-trust-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}
.expense-trust-row span{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:42px;
  padding:8px 12px 8px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.76);
  border:1px solid rgba(37,99,235,.12);
  box-shadow:0 12px 28px rgba(30,54,102,.06);
  color:#334155;
  font-size:.9rem;
  font-weight:800;
}
.expense-hero-visual{
  min-width:0;
}
.expense-visual-shell{
  position:relative;
  border-radius:34px;
  padding:22px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 34px 88px rgba(30,54,102,.16);
  backdrop-filter:blur(16px);
  overflow:hidden;
}
.expense-visual-shell::before,
.expense-visual-shell::after{
  content:"";
  position:absolute;
  border-radius:30px;
  pointer-events:none;
}
.expense-visual-shell::before{
  right:-54px;
  top:-54px;
  width:180px;
  height:180px;
  background:linear-gradient(135deg, rgba(22,199,166,.18), rgba(37,99,235,.1));
  transform:rotate(18deg);
}
.expense-visual-shell::after{
  left:-34px;
  bottom:-48px;
  width:142px;
  height:142px;
  background:linear-gradient(135deg, rgba(124,58,237,.1), rgba(37,99,235,.08));
  transform:rotate(-18deg);
}
.expense-visual-header,
.expense-visual-footer,
.expense-visual-main article{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:14px;
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
  box-shadow:0 18px 42px rgba(30,54,102,.08);
}
.expense-visual-header{
  border-radius:24px;
  padding:16px;
}
.expense-visual-header b,
.expense-visual-footer b,
.expense-visual-main b{
  display:block;
  color:#0f172a;
}
.expense-visual-header small,
.expense-visual-footer small,
.expense-visual-main small{
  display:block;
  color:#64748b;
  line-height:1.45;
  margin-top:2px;
}
.expense-visual-main{
  position:relative;
  z-index:1;
  display:grid;
  gap:12px;
  margin:14px 0;
}
.expense-visual-main article{
  border-radius:22px;
  padding:14px;
}
.expense-rule-card{margin-left:34px;}
.expense-approval-card{margin-left:68px;}
.expense-visual-metrics{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}
.expense-visual-metrics span{
  display:block;
  border-radius:20px;
  padding:14px 12px;
  background:linear-gradient(180deg,#f8fbff,#fff);
  border:1px solid rgba(37,99,235,.12);
}
.expense-visual-metrics b{
  display:block;
  color:#0f172a;
  font-size:1.35rem;
  line-height:1;
}
.expense-visual-metrics small{
  display:block;
  color:#64748b;
  line-height:1.35;
  margin-top:5px;
}
.expense-visual-footer{
  border-radius:24px;
  padding:16px;
  background:linear-gradient(135deg,#0f172a,#1d4ed8);
}
.expense-visual-footer b,
.expense-visual-footer small{color:#fff;}
.expense-visual-footer small{opacity:.86;}

.expense-page .comparison-grid--story::after{
  content:"";
  background:
    radial-gradient(circle at 30% 22%, rgba(255,255,255,.52), transparent 34%),
    linear-gradient(135deg,#2563eb,#06b6d4);
}
.expense-page .comparison-grid--story::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:18px;
  height:18px;
  border-right:4px solid rgba(255,255,255,.92);
  border-bottom:4px solid rgba(255,255,255,.92);
  transform:translate(-60%,-50%) rotate(-45deg);
  z-index:4;
  pointer-events:none;
}
.expense-inline-note{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  align-items:flex-start;
  background:linear-gradient(135deg,#f8fbff,#fff);
}
.expense-flow-grid article{
  min-height:198px;
}
.expense-backbone-section .feature-matrix--visual article,
.expense-persona-section .buyer-grid--visual article{
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.expense-backbone-section .feature-matrix--visual article:hover,
.expense-persona-section .buyer-grid--visual article:hover{
  transform:translateY(-3px);
  border-color:rgba(37,99,235,.16);
  box-shadow:0 22px 54px rgba(30,54,102,.1);
}
.expense-dashboard-shell{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(310px,.9fr);
  gap:18px;
  align-items:stretch;
}
.expense-dashboard-main,
.expense-dashboard-side{
  border:1px solid rgba(15,23,42,.08);
  border-radius:32px;
  background:#fff;
  box-shadow:0 24px 62px rgba(30,54,102,.1);
}
.expense-dashboard-main{
  padding:22px;
  background:
    radial-gradient(circle at 94% 10%, rgba(37,99,235,.1), transparent 13rem),
    linear-gradient(180deg,#fff,#f8fbff);
}
.expense-dashboard-topline{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  margin-bottom:18px;
}
.expense-dashboard-topline small{
  color:#2563eb;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.02em;
}
.expense-dashboard-topline h3{
  margin:4px 0 0;
  font-size:1.55rem;
}
.expense-dashboard-topline > span{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(22,163,74,.1);
  color:#15803d;
  font-size:.82rem;
  font-weight:900;
}
.expense-dashboard-stages{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.expense-dashboard-stages article{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  padding:18px;
  min-height:188px;
  background:#fff;
  border:1px solid rgba(37,99,235,.1);
  box-shadow:0 14px 34px rgba(30,54,102,.06);
}
.expense-dashboard-stages article::after{
  content:"";
  position:absolute;
  right:-24px;
  bottom:-28px;
  width:92px;
  height:92px;
  border-radius:26px;
  background:linear-gradient(135deg, rgba(37,99,235,.06), rgba(22,199,166,.08));
  transform:rotate(18deg);
}
.expense-dashboard-stages b,
.expense-dashboard-stages strong,
.expense-dashboard-stages small{
  position:relative;
  z-index:1;
  display:block;
}
.expense-dashboard-stages b{
  margin-top:14px;
  color:#0f172a;
}
.expense-dashboard-stages strong{
  margin-top:8px;
  color:#0f172a;
  font-size:2rem;
  line-height:1;
}
.expense-dashboard-stages small{
  margin-top:8px;
  color:#64748b;
  line-height:1.45;
}
.expense-dashboard-side{
  padding:24px;
}
.expense-dashboard-side h3{
  margin:0 0 16px;
  font-size:1.35rem;
}
.expense-dashboard-side ul{
  display:grid;
  gap:12px;
  padding:0;
  margin:0;
  list-style:none;
}
.expense-dashboard-side li{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  align-items:center;
  padding:13px;
  border-radius:20px;
  background:#f8fbff;
  border:1px solid rgba(37,99,235,.09);
}
.expense-dashboard-side b{
  display:block;
  color:#0f172a;
}
.expense-dashboard-side small{
  display:block;
  color:#64748b;
  line-height:1.45;
  margin-top:2px;
}
.expense-page-cta{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 18%, rgba(255,255,255,.14), transparent 14rem),
    radial-gradient(circle at 90% 16%, rgba(22,199,166,.34), transparent 18rem),
    linear-gradient(135deg,#0f172a,#1d4ed8 58%,#16c7a6);
}
.expense-page-cta::after{
  content:"";
  position:absolute;
  right:-54px;
  bottom:-62px;
  width:180px;
  height:180px;
  border-radius:40px;
  background:rgba(255,255,255,.1);
  transform:rotate(18deg);
}
.expense-page-cta > *{
  position:relative;
  z-index:1;
}
.expense-page .masraf-demo-section .demo-form select[name="expenseNeed"]{
  border-color:rgba(37,99,235,.18);
}
.expense-page .related-module-card:nth-child(5) small::before{--rm-a:#f59e0b;--rm-b:#2563eb;--rm-c:#16c7a6;}
.expense-page .related-module-card:nth-child(6) small::before{--rm-a:#7c3aed;--rm-b:#2563eb;--rm-c:#16c7a6;}
.expense-page .related-module-card:nth-child(8) small::before{--rm-a:#0f172a;--rm-b:#2563eb;--rm-c:#16c7a6;}

@media (max-width:1180px){
  .expense-page .expense-hero-grid,
  .expense-dashboard-shell{
    grid-template-columns:1fr;
  }
  .expense-hero-visual{
    max-width:760px;
  }
  .expense-page .comparison-grid--story::before{display:none;}
}
@media (max-width:760px){
  .expense-page .expense-sales-hero{
    padding:104px 0 34px;
  }
  .expense-trust-row,
  .expense-page .hero-actions{
    flex-direction:column;
  }
  .expense-trust-row span,
  .expense-page .hero-actions .btn{
    width:100%;
    justify-content:center;
  }
  .expense-visual-shell,
  .expense-dashboard-main,
  .expense-dashboard-side{
    border-radius:26px;
  }
  .expense-rule-card,
  .expense-approval-card{
    margin-left:0;
  }
  .expense-visual-metrics,
  .expense-dashboard-stages{
    grid-template-columns:1fr;
  }
  .expense-inline-note{
    grid-template-columns:1fr;
  }
  .expense-dashboard-topline{
    flex-direction:column;
  }
  .expense-dashboard-topline > span{
    width:100%;
    justify-content:center;
  }
}
@media print{
  .expense-page .expense-visual-shell,
  .expense-dashboard-main,
  .expense-dashboard-side,
  .expense-page-cta,
  .masraf-demo-section .cta-card-form{
    box-shadow:none !important;
  }
  .expense-page .expense-sales-hero{
    padding-top:24px !important;
  }
  .expense-dashboard-stages article,
  .expense-dashboard-side li,
  .expense-flow-grid article,
  .expense-page .comparison-card{
    break-inside:avoid;
    page-break-inside:avoid;
  }
}

@media (max-width:1180px){
  .comparison-grid--story::before{display:none;}
}

/* v35 — leave page full standard: trust row, HR dashboard and print polish */
.leave-page .leave-sales-hero{
  position:relative;
  overflow:hidden;
  padding:136px 0 74px;
  background:
    radial-gradient(circle at 8% 18%, rgba(37,99,235,.16), transparent 22rem),
    radial-gradient(circle at 82% 12%, rgba(22,199,166,.16), transparent 24rem),
    linear-gradient(180deg,#f7fbff 0%,#fff 100%);
}
.leave-page .leave-sales-hero::before{
  content:"";
  position:absolute;
  inset:auto -12% -34% auto;
  width:560px;
  height:560px;
  border-radius:38%;
  background:linear-gradient(135deg, rgba(37,99,235,.08), rgba(22,199,166,.1));
  transform:rotate(22deg);
  pointer-events:none;
}
.leave-page .sales-hero-grid{
  position:relative;
  z-index:1;
}
.leave-trust-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}
.leave-trust-row > span{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:42px;
  padding:8px 12px 8px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(37,99,235,.12);
  box-shadow:0 12px 28px rgba(30,54,102,.06);
  color:#334155;
  font-size:.9rem;
  font-weight:850;
}
.leave-inline-note{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  align-items:flex-start;
  background:
    radial-gradient(circle at 100% 0%, rgba(22,199,166,.1), transparent 13rem),
    linear-gradient(135deg,#f8fbff,#fff);
}
.leave-dashboard-shell{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(310px,.92fr);
  gap:18px;
  align-items:stretch;
}
.leave-dashboard-main,
.leave-dashboard-side{
  border:1px solid rgba(15,23,42,.08);
  border-radius:32px;
  background:#fff;
  box-shadow:0 24px 62px rgba(30,54,102,.1);
}
.leave-dashboard-main{
  padding:22px;
  background:
    radial-gradient(circle at 94% 10%, rgba(37,99,235,.1), transparent 13rem),
    linear-gradient(180deg,#fff,#f8fbff);
}
.leave-dashboard-topline{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  margin-bottom:18px;
}
.leave-dashboard-topline small{
  color:#2563eb;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.02em;
}
.leave-dashboard-topline h3{
  margin:4px 0 0;
  font-size:1.55rem;
  letter-spacing:-.025em;
}
.leave-dashboard-topline > span{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(22,163,74,.1);
  color:#15803d;
  font-size:.82rem;
  font-weight:900;
}
.leave-dashboard-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.leave-dashboard-metrics article{
  position:relative;
  overflow:hidden;
  min-height:172px;
  padding:16px;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(37,99,235,.1);
  box-shadow:0 14px 34px rgba(30,54,102,.06);
}
.leave-dashboard-metrics article::after{
  content:"";
  position:absolute;
  right:-24px;
  bottom:-28px;
  width:92px;
  height:92px;
  border-radius:26px;
  background:linear-gradient(135deg, rgba(37,99,235,.06), rgba(22,199,166,.08));
  transform:rotate(18deg);
}
.leave-dashboard-metrics b,
.leave-dashboard-metrics small{
  position:relative;
  z-index:1;
  display:block;
}
.leave-dashboard-metrics b{
  margin-top:16px;
  color:#0f172a;
  font-size:2rem;
  line-height:1;
}
.leave-dashboard-metrics small{
  margin-top:8px;
  color:#64748b;
  line-height:1.45;
  font-weight:800;
}
.leave-dashboard-side{
  padding:24px;
}
.leave-dashboard-side h3{
  margin:0 0 16px;
  font-size:1.35rem;
  letter-spacing:-.02em;
}
.leave-dashboard-side ul{
  display:grid;
  gap:12px;
  padding:0;
  margin:0;
  list-style:none;
}
.leave-dashboard-side li{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  align-items:center;
  padding:13px;
  border-radius:20px;
  background:#f8fbff;
  border:1px solid rgba(37,99,235,.09);
}
.leave-dashboard-side b{
  display:block;
  color:#0f172a;
}
.leave-dashboard-side small{
  display:block;
  color:#64748b;
  line-height:1.45;
  margin-top:2px;
}
.leave-page .leave-flow article{
  min-height:198px;
}
.leave-page .leave-feature-grid article,
.leave-page .leave-buyer-grid article,
.leave-page .leave-highlight-grid article{
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.leave-page .leave-feature-grid article:hover,
.leave-page .leave-buyer-grid article:hover,
.leave-page .leave-highlight-grid article:hover{
  transform:translateY(-3px);
  border-color:rgba(37,99,235,.16);
  box-shadow:0 22px 54px rgba(30,54,102,.1);
}
.leave-page-cta{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 18%, rgba(255,255,255,.14), transparent 14rem),
    radial-gradient(circle at 90% 16%, rgba(22,199,166,.34), transparent 18rem),
    linear-gradient(135deg,#0f172a,#1d4ed8 58%,#16c7a6);
}
.leave-page-cta::after{
  content:"";
  position:absolute;
  right:-54px;
  bottom:-62px;
  width:180px;
  height:180px;
  border-radius:40px;
  background:rgba(255,255,255,.1);
  transform:rotate(18deg);
}
.leave-page-cta > *{
  position:relative;
  z-index:1;
}
.leave-page .related-module-card:nth-child(3) small::before{--rm-a:#7c3aed;--rm-b:#2563eb;--rm-c:#16c7a6;}
.leave-page .related-module-card:nth-child(4) small::before{--rm-a:#0f172a;--rm-b:#2563eb;--rm-c:#16c7a6;}
.leave-page .related-module-card:nth-child(8) small::before{--rm-a:#7c3aed;--rm-b:#2563eb;--rm-c:#16c7a6;}
@media (max-width:1180px){
  .leave-dashboard-shell{
    grid-template-columns:1fr;
  }
  .leave-dashboard-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:760px){
  .leave-page .leave-sales-hero{
    padding:104px 0 34px;
  }
  .leave-trust-row,
  .leave-page .hero-actions{
    flex-direction:column;
  }
  .leave-trust-row > span,
  .leave-page .hero-actions .btn{
    width:100%;
    justify-content:center;
  }
  .leave-inline-note{
    grid-template-columns:1fr;
  }
  .leave-dashboard-main,
  .leave-dashboard-side{
    border-radius:26px;
  }
  .leave-dashboard-topline{
    flex-direction:column;
  }
  .leave-dashboard-topline > span{
    width:100%;
    justify-content:center;
  }
  .leave-dashboard-metrics{
    grid-template-columns:1fr;
  }
  .leave-dashboard-side li{
    grid-template-columns:1fr;
  }
}
@media print{
  .leave-page .leave-hero-visual,
  .leave-dashboard-main,
  .leave-dashboard-side,
  .leave-page-cta,
  .leave-demo-section .cta-card-form{
    box-shadow:none !important;
  }
  .leave-page .leave-sales-hero{
    padding-top:24px !important;
  }
  .leave-dashboard-metrics article,
  .leave-dashboard-side li,
  .leave-page .leave-flow article,
  .leave-page .comparison-card{
    break-inside:avoid;
    page-break-inside:avoid;
  }
}

/* v36 — Masraf + İzin premium visual rework: index seviyesine yakın ürün sahnesi ve kart hizalama standardı */
.expense-page,
.leave-page{
  --module-hero-max: 1320px;
  --module-premium-line: rgba(198,214,239,.9);
  --module-premium-shadow: 0 38px 92px rgba(22,52,105,.16);
}
.module-premium-hero{
  padding-top: calc(var(--nav-h) + 48px) !important;
  padding-bottom: 54px !important;
  min-height: min(820px, calc(100vh - 2px));
  display:flex;
  align-items:center;
  background:
    radial-gradient(circle at 10% 12%, rgba(37,117,246,.18), transparent 28rem),
    radial-gradient(circle at 86% 18%, rgba(22,199,166,.16), transparent 30rem),
    radial-gradient(circle at 70% 72%, rgba(124,58,237,.08), transparent 28rem),
    linear-gradient(180deg,#f8fbff 0%,#fff 84%) !important;
}
.module-premium-hero > .container{width:min(100% - 56px, var(--module-hero-max));}
.module-premium-grid{grid-template-columns:minmax(430px,.78fr) minmax(610px,1.04fr) !important;gap:clamp(34px,5vw,86px) !important;align-items:center !important;}
.module-premium-hero .expense-hero-copy,
.module-premium-hero .sales-hero-grid > .reveal:first-child{max-width:690px;}
.module-premium-hero h1{max-width:720px !important;font-size:clamp(48px,5vw,72px) !important;line-height:1.02 !important;letter-spacing:-.052em !important;}
.module-premium-hero .lead{max-width:680px !important;font-size:clamp(18px,1.2vw,21px) !important;line-height:1.65 !important;}
.module-showcase{position:relative;min-height:640px;isolation:isolate;}
.module-showcase::before{content:"";position:absolute;inset:22px 12px 28px 6px;border-radius:50%;background:radial-gradient(circle at 44% 38%, rgba(255,255,255,.92), rgba(255,255,255,.28) 32%, transparent 66%),radial-gradient(circle at 52% 54%, rgba(37,117,246,.16), transparent 52%),radial-gradient(circle at 72% 62%, rgba(124,58,237,.12), transparent 48%),radial-gradient(circle at 28% 30%, rgba(22,199,166,.12), transparent 38%);z-index:-2;}
.showcase-glow{position:absolute;border-radius:999px;filter:blur(.2px);pointer-events:none;z-index:-1;}
.showcase-glow--blue{width:160px;height:160px;right:6%;top:7%;background:radial-gradient(circle,rgba(37,117,246,.14),transparent 68%);}
.showcase-glow--mint{width:190px;height:190px;left:3%;bottom:6%;background:radial-gradient(circle,rgba(22,199,166,.14),transparent 68%);}
.showcase-shell{position:absolute;left:7%;right:5%;top:76px;min-height:438px;border:1px solid rgba(198,214,239,.92);border-radius:34px;background:rgba(255,255,255,.88);box-shadow:var(--module-premium-shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden;}
.showcase-window-bar{display:flex;align-items:center;gap:14px;min-height:58px;padding:0 20px;border-bottom:1px solid rgba(198,214,239,.76);background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,251,255,.82));}
.showcase-window-bar b{color:#0f172a;font-weight:950;letter-spacing:-.02em;}.showcase-window-bar small{margin-left:auto;color:#64748b;font-weight:850;}
.window-dots{display:inline-flex;gap:6px;flex:0 0 auto;}.window-dots i{display:block;width:10px;height:10px;border-radius:999px;background:#cbd5e1;}.window-dots i:nth-child(1){background:#fb7185;}.window-dots i:nth-child(2){background:#f59e0b;}.window-dots i:nth-child(3){background:#16c7a6;}
.showcase-workspace{min-height:380px;padding:18px;}.expense-workspace{display:grid;grid-template-columns:126px 1fr;gap:16px;}
.showcase-rail{display:grid;align-content:start;gap:10px;padding:12px;border-radius:24px;background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid rgba(37,99,235,.09);}
.showcase-rail span{display:grid;justify-items:center;gap:7px;min-height:76px;padding:10px 8px;border-radius:18px;color:#64748b;font-size:12px;font-weight:900;text-align:center;}
.showcase-rail span.is-active{background:#fff;color:#1d4ed8;box-shadow:0 12px 28px rgba(30,54,102,.08);}
.showcase-canvas{min-width:0;border-radius:28px;padding:18px;background:radial-gradient(circle at 92% 5%, rgba(37,117,246,.1), transparent 12rem),linear-gradient(180deg,#fff,#f8fbff);border:1px solid rgba(198,214,239,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.7);}
.showcase-canvas-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px;}
.showcase-canvas-head small{display:block;color:#2563eb;font-weight:950;text-transform:uppercase;letter-spacing:.03em;}.showcase-canvas-head h3{margin:4px 0 0;color:#0f172a;font-size:1.34rem;line-height:1.12;letter-spacing:-.035em;}
.status-pill{flex:0 0 auto;display:inline-flex;align-items:center;min-height:34px;padding:8px 11px;border-radius:999px;font-size:.78rem;font-weight:950;}.status-pill--success{color:#047857;background:rgba(16,185,129,.1);}
.expense-product-grid,.leave-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.receipt-mockup,.expense-fields-panel,.expense-approval-map,.expense-closeout-card,.leave-calendar-panel,.leave-request-panel,.leave-balance-panel,.leave-payroll-panel{border:1px solid rgba(37,99,235,.1);border-radius:24px;background:#fff;box-shadow:0 16px 38px rgba(30,54,102,.07);}
.receipt-mockup{min-height:218px;padding:17px;background:linear-gradient(90deg, transparent 0 9px, rgba(37,99,235,.035) 9px 10px, transparent 10px),#fff;}
.receipt-mockup-top{display:flex;align-items:center;gap:10px;margin-bottom:14px;}.receipt-mockup-top b{color:#0f172a;font-weight:950;}.receipt-mockup-top span{margin-left:auto;color:#2563eb;font-weight:950;font-size:.78rem;}
.receipt-mockup p{display:flex;justify-content:space-between;gap:14px;margin:0;padding:9px 0;border-top:1px solid rgba(226,232,240,.9);color:#475569;font-size:.85rem;}.receipt-mockup p strong{color:#64748b;}.receipt-mockup p span{color:#0f172a;font-weight:900;text-align:right;}
.receipt-lines{display:grid;gap:7px;margin-top:13px;}.receipt-lines i{display:block;height:8px;border-radius:999px;background:#edf4ff;}.receipt-lines i:nth-child(2){width:74%;}.receipt-lines i:nth-child(3){width:58%;}
.expense-fields-panel{display:grid;gap:10px;align-content:start;padding:16px;}.field-row{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:42px;padding:9px 11px;border-radius:15px;background:#f8fbff;color:#64748b;font-size:.84rem;font-weight:850;}.field-row b{color:#0f172a;font-size:.82rem;}.field-row.is-complete{box-shadow:inset 4px 0 0 rgba(22,199,166,.88);}.field-row.is-warning{box-shadow:inset 4px 0 0 rgba(245,158,11,.92);}
.expense-approval-map{grid-column:1 / -1;padding:16px;}.expense-approval-map b{display:block;color:#0f172a;font-weight:950;margin-bottom:12px;}.approval-steps{display:flex;align-items:center;gap:9px;flex-wrap:wrap;}.approval-steps span{padding:8px 10px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:.78rem;font-weight:950;}.approval-steps i{width:18px;height:2px;border-radius:999px;background:#cbd5e1;}.expense-approval-map small{display:block;margin-top:12px;color:#64748b;font-weight:800;}
.expense-closeout-card{grid-column:1 / -1;display:flex;align-items:center;gap:13px;padding:16px;background:linear-gradient(135deg,#0f172a,#1d4ed8);}.expense-closeout-card b,.expense-closeout-card small{display:block;color:#fff;}.expense-closeout-card small{opacity:.84;}
.showcase-float{position:absolute;display:flex;align-items:center;gap:12px;min-width:220px;padding:13px 15px;border:1px solid rgba(198,214,239,.9);border-radius:22px;background:rgba(255,255,255,.9);box-shadow:0 24px 60px rgba(21,53,115,.13);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:3;}.showcase-float b{display:block;color:#0f172a;font-size:1rem;line-height:1.12;font-weight:950;letter-spacing:-.02em;}.showcase-float small{display:block;margin-top:4px;color:#64748b;font-size:.78rem;line-height:1.3;font-weight:800;}
.showcase-float--expense-ai{right:3%;top:38px;}.showcase-float--expense-risk{left:0;top:292px;}.showcase-float--expense-pay{right:2%;bottom:54px;}
.leave-workspace{display:block;}.leave-product-grid{grid-template-columns:1.12fr .88fr;}.leave-calendar-panel{grid-row:span 2;padding:16px;}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;}.calendar-weekdays span{color:#64748b;font-size:.72rem;font-weight:950;text-align:center;}.calendar-grid{margin-top:10px;}.calendar-grid i{display:block;min-height:34px;border-radius:12px;background:#eff6ff;border:1px solid rgba(37,99,235,.08);}.calendar-grid .is-leave{background:linear-gradient(135deg,rgba(37,99,235,.9),rgba(22,199,166,.9));box-shadow:0 10px 22px rgba(37,99,235,.16);}.calendar-grid .is-busy{background:linear-gradient(135deg,rgba(245,158,11,.94),rgba(251,113,133,.84));box-shadow:0 10px 22px rgba(245,158,11,.14);}
.leave-request-panel{padding:16px;}.request-head{display:flex;gap:12px;align-items:center;}.request-head b{display:block;color:#0f172a;font-weight:950;}.request-head small{display:block;color:#64748b;font-weight:800;line-height:1.35;}.request-checks{display:grid;gap:8px;margin-top:14px;}.request-checks span{display:flex;align-items:center;gap:8px;min-height:32px;padding:7px 10px;border-radius:13px;background:#f8fbff;color:#475569;font-size:.78rem;font-weight:900;}.request-checks span::before{content:"";width:8px;height:8px;border-radius:999px;background:#16c7a6;box-shadow:0 0 0 5px rgba(22,199,166,.1);}
.leave-balance-panel{padding:16px;}.leave-balance-panel b{display:block;color:#64748b;font-weight:950;text-transform:uppercase;font-size:.74rem;letter-spacing:.03em;}.leave-balance-panel strong{display:block;margin-top:6px;color:#0f172a;font-size:2rem;line-height:1;font-weight:950;}.balance-meter{height:12px;margin:15px 0 10px;border-radius:999px;background:#eaf1fb;overflow:hidden;}.balance-meter span{display:block;width:72%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#16c7a6);}.leave-balance-panel small{color:#64748b;font-weight:800;}
.leave-payroll-panel{grid-column:1 / -1;display:flex;align-items:center;gap:13px;padding:16px;background:linear-gradient(135deg,#0f172a,#1d4ed8);}.leave-payroll-panel b,.leave-payroll-panel small{display:block;color:#fff;}.leave-payroll-panel small{opacity:.84;}
.showcase-float--leave-balance{left:0;top:72px;}.showcase-float--leave-doc{right:1%;top:290px;}.showcase-float--leave-plan{left:8%;bottom:48px;}
.expense-comparison-section > .container,.leave-page .leave-comparison{width:min(100% - 56px,1240px);}.expense-page .section,.leave-page .section{scroll-margin-top:calc(var(--nav-h) + 18px);}.expense-dashboard-section .section-head,.leave-page .section-head{align-items:end;}.expense-dashboard-shell,.leave-dashboard-shell{gap:22px !important;}.expense-dashboard-stages article,.leave-dashboard-metrics article{min-height:168px !important;padding:18px !important;}
.expense-highlight-grid article,.leave-highlight-grid article{position:relative;padding:82px 24px 24px !important;}.expense-highlight-grid article > b,.leave-highlight-grid article > b{display:block;color:#0f172a;font-size:1.05rem;line-height:1.25;}.buyer-grid--visual article{padding-top:24px !important;}.buyer-grid--visual .role-icon{position:relative !important;inset:auto !important;display:grid !important;margin-bottom:14px !important;}.feature-matrix--visual article,.buyer-grid--visual article,.expense-highlight-grid article,.leave-highlight-grid article{border-color:rgba(198,214,239,.8) !important;box-shadow:0 18px 48px rgba(30,54,102,.075) !important;}
@media (max-width:1240px){.module-premium-grid{grid-template-columns:1fr !important;}.module-showcase{min-height:610px;max-width:820px;margin-inline:auto;width:100%;}.module-premium-hero .expense-hero-copy,.module-premium-hero .sales-hero-grid > .reveal:first-child{max-width:860px;}}
@media (max-width:820px){.module-premium-hero{min-height:0;padding-top:104px !important;padding-bottom:32px !important;}.module-premium-hero > .container{width:min(100% - 30px, var(--module-hero-max));}.module-premium-hero h1{font-size:clamp(38px,11vw,58px) !important;}.module-showcase{min-height:auto;display:grid;gap:12px;}.module-showcase::before,.showcase-glow{display:none;}.showcase-shell,.showcase-float{position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;}.showcase-shell{min-height:0;border-radius:28px;}.showcase-window-bar{align-items:flex-start;gap:10px;flex-wrap:wrap;padding:14px 16px;}.showcase-window-bar small{margin-left:0;width:100%;}.expense-workspace{grid-template-columns:1fr;}.showcase-rail{grid-template-columns:repeat(4,1fr);}.showcase-rail span{min-height:64px;font-size:11px;}.expense-product-grid,.leave-product-grid{grid-template-columns:1fr;}.expense-approval-map,.expense-closeout-card,.leave-payroll-panel{grid-column:auto;}.leave-calendar-panel{grid-row:auto;}.showcase-canvas-head{flex-direction:column;}}
@media (max-width:560px){.showcase-workspace{padding:12px;}.showcase-canvas{padding:14px;border-radius:22px;}.showcase-rail{grid-template-columns:repeat(2,1fr);}.approval-steps i{display:none;}.calendar-grid i{min-height:28px;}.showcase-float{min-width:0;width:100%;}}
@media print{.module-premium-hero{min-height:0 !important;padding-top:24px !important;display:block !important;}.module-showcase,.showcase-shell,.showcase-float{position:relative !important;inset:auto !important;box-shadow:none !important;}.showcase-shell{min-height:0 !important;}.showcase-float{display:none !important;}.expense-highlight-grid article,.leave-highlight-grid article{break-inside:avoid;page-break-inside:avoid;}}


/* Patch 05: Index SVG icon system for Masraf and İzin inner pages */
.expense-page .v2-sprite,
.leave-page .v2-sprite{
  position:absolute;
  width:0;
  height:0;
  overflow:hidden;
}
.expense-page .v2-icon-badge,
.leave-page .v2-icon-badge{
  display:inline-grid;
  place-items:center;
  width:58px;
  height:58px;
  border-radius:18px;
  color:#fff;
  flex:0 0 auto;
  box-shadow:0 18px 38px rgba(37,117,246,.16);
  background:linear-gradient(135deg,#2575f6,#1f63ea);
}
.expense-page .v2-icon-badge svg,
.leave-page .v2-icon-badge svg{
  width:29px;
  height:29px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.expense-page .v2-blue,
.leave-page .v2-blue{background:linear-gradient(135deg,#2575f6,#1f63ea);}
.expense-page .v2-purple,
.leave-page .v2-purple{background:linear-gradient(135deg,#7357f6,#8d5cf6);}
.expense-page .v2-green,
.leave-page .v2-green{background:linear-gradient(135deg,#10b981,#16c7a6);}
.expense-page .v2-amber,
.leave-page .v2-amber{background:linear-gradient(135deg,#f59e0b,#fb7185);}
.expense-page .module-svg-icon,
.leave-page .module-svg-icon{
  transform:translateZ(0);
}
.expense-page .expense-trust-row .v2-icon-badge,
.leave-page .leave-trust-row .v2-icon-badge,
.expense-page .showcase-rail .v2-icon-badge,
.leave-page .showcase-rail .v2-icon-badge{
  width:26px;
  height:26px;
  border-radius:9px;
  box-shadow:0 8px 18px rgba(37,99,235,.12);
}
.expense-page .expense-trust-row .v2-icon-badge svg,
.leave-page .leave-trust-row .v2-icon-badge svg,
.expense-page .showcase-rail .v2-icon-badge svg,
.leave-page .showcase-rail .v2-icon-badge svg{
  width:15px;
  height:15px;
  stroke-width:2;
}
.expense-page .receipt-mockup-top .v2-icon-badge,
.leave-page .request-head .v2-icon-badge,
.expense-page .expense-closeout-card .v2-icon-badge,
.leave-page .leave-payroll-panel .v2-icon-badge{
  width:38px;
  height:38px;
  border-radius:13px;
  box-shadow:0 12px 26px rgba(37,99,235,.15);
}
.expense-page .receipt-mockup-top .v2-icon-badge svg,
.leave-page .request-head .v2-icon-badge svg,
.expense-page .expense-closeout-card .v2-icon-badge svg,
.leave-page .leave-payroll-panel .v2-icon-badge svg{
  width:20px;
  height:20px;
}
.expense-page .showcase-float .v2-icon-badge,
.leave-page .showcase-float .v2-icon-badge{
  width:46px;
  height:46px;
  border-radius:15px;
  box-shadow:0 16px 34px rgba(37,99,235,.18);
}
.expense-page .showcase-float .v2-icon-badge svg,
.leave-page .showcase-float .v2-icon-badge svg{
  width:23px;
  height:23px;
}
.expense-page .comparison-icon.v2-icon-badge,
.leave-page .comparison-icon.v2-icon-badge{
  width:62px;
  height:62px;
  border-radius:20px;
  box-shadow:0 18px 38px rgba(15,23,42,.14);
}
.expense-page .comparison-icon.v2-icon-badge svg,
.leave-page .comparison-icon.v2-icon-badge svg{
  width:31px;
  height:31px;
}
.expense-page .module-step-icon.v2-icon-badge,
.leave-page .module-step-icon.v2-icon-badge,
.expense-page .feature-art.v2-icon-badge,
.leave-page .feature-art.v2-icon-badge{
  width:58px;
  height:58px;
  border-radius:18px;
  box-shadow:0 18px 34px rgba(37,99,235,.18);
}
.expense-page .module-step-icon.v2-icon-badge svg,
.leave-page .module-step-icon.v2-icon-badge svg,
.expense-page .feature-art.v2-icon-badge svg,
.leave-page .feature-art.v2-icon-badge svg{
  width:28px;
  height:28px;
}
.expense-page .closure-metrics .v2-icon-badge,
.leave-page .leave-dashboard-metrics .v2-icon-badge,
.expense-page .closure-checklist .v2-icon-badge,
.leave-page .leave-dashboard-list .v2-icon-badge{
  width:42px;
  height:42px;
  border-radius:14px;
  box-shadow:0 12px 28px rgba(37,99,235,.14);
}
.expense-page .closure-metrics .v2-icon-badge svg,
.leave-page .leave-dashboard-metrics .v2-icon-badge svg,
.expense-page .closure-checklist .v2-icon-badge svg,
.leave-page .leave-dashboard-list .v2-icon-badge svg{
  width:21px;
  height:21px;
}
.expense-page .highlight-icon.v2-icon-badge,
.leave-page .highlight-icon.v2-icon-badge{
  width:42px;
  height:42px;
  border-radius:14px;
  box-shadow:0 14px 30px rgba(37,99,235,.16);
}
.expense-page .highlight-icon.v2-icon-badge svg,
.leave-page .highlight-icon.v2-icon-badge svg{
  width:21px;
  height:21px;
}
.expense-page .role-icon.v2-icon-badge,
.leave-page .role-icon.v2-icon-badge{
  width:48px;
  height:48px;
  border-radius:16px;
  margin-bottom:14px;
  box-shadow:0 16px 30px rgba(37,99,235,.18);
}
.expense-page .role-icon.v2-icon-badge svg,
.leave-page .role-icon.v2-icon-badge svg{
  width:24px;
  height:24px;
}
.expense-page .inline-note .v2-icon-badge,
.leave-page .inline-note .v2-icon-badge{
  width:54px;
  height:54px;
  border-radius:18px;
}
.expense-page .inline-note .v2-icon-badge svg,
.leave-page .inline-note .v2-icon-badge svg{
  width:27px;
  height:27px;
}
@media (max-width: 700px){
  .expense-page .comparison-icon.v2-icon-badge,
  .leave-page .comparison-icon.v2-icon-badge,
  .expense-page .module-step-icon.v2-icon-badge,
  .leave-page .module-step-icon.v2-icon-badge,
  .expense-page .feature-art.v2-icon-badge,
  .leave-page .feature-art.v2-icon-badge{
    width:50px;
    height:50px;
    border-radius:16px;
  }
  .expense-page .comparison-icon.v2-icon-badge svg,
  .leave-page .comparison-icon.v2-icon-badge svg,
  .expense-page .module-step-icon.v2-icon-badge svg,
  .leave-page .module-step-icon.v2-icon-badge svg,
  .expense-page .feature-art.v2-icon-badge svg,
  .leave-page .feature-art.v2-icon-badge svg{
    width:24px;
    height:24px;
  }
}
@media print{
  .expense-page .v2-icon-badge,
  .leave-page .v2-icon-badge{
    box-shadow:none!important;
    color:#1f2937!important;
    background:#eef4ff!important;
    border:1px solid #cbd5e1;
  }
}

/* v36 — Document Center + MEBCool AI SVG icon alignment */
.document-page .v2-sprite,
.mebcool-page .v2-sprite{
  position:absolute;
  width:0;
  height:0;
  overflow:hidden;
}
.document-page .v2-icon-badge,
.mebcool-page .v2-icon-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  color:#fff;
  border:1px solid rgba(255,255,255,.58);
  box-shadow:0 18px 38px rgba(37,99,235,.18), inset 0 1px 0 rgba(255,255,255,.36);
}
.document-page .v2-icon-badge svg,
.mebcool-page .v2-icon-badge svg{
  width:29px;
  height:29px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.document-page .v2-blue,
.mebcool-page .v2-blue{background:linear-gradient(135deg,#2575f6,#1f63ea);}
.document-page .v2-purple,
.mebcool-page .v2-purple{background:linear-gradient(135deg,#7357f6,#8d5cf6);}
.document-page .v2-green,
.mebcool-page .v2-green{background:linear-gradient(135deg,#10b981,#16c7a6);}
.document-page .v2-amber,
.mebcool-page .v2-amber{background:linear-gradient(135deg,#f59e0b,#fb7185);}
.document-page .document-search-head .v2-icon-badge,
.document-page .document-result-row .v2-icon-badge{
  width:52px;
  height:52px;
  border-radius:17px;
}
.document-page .document-search-head .v2-icon-badge svg,
.document-page .document-result-row .v2-icon-badge svg{
  width:25px;
  height:25px;
}
.document-page .document-orbit-card .v2-icon-badge,
.mebcool-page .ai-orbit-card .v2-icon-badge{
  width:48px;
  height:48px;
  border-radius:17px;
}
.document-page .document-orbit-card .v2-icon-badge svg,
.mebcool-page .ai-orbit-card .v2-icon-badge svg{
  width:23px;
  height:23px;
}
.mebcool-page .ai-core-shape.v2-icon-badge{
  width:104px;
  height:104px;
  border-radius:32px;
  box-shadow:0 26px 60px rgba(124,58,237,.24), inset 0 1px 0 rgba(255,255,255,.4);
}
.mebcool-page .ai-core-shape.v2-icon-badge svg{
  width:52px;
  height:52px;
}
.document-page .comparison-icon.v2-icon-badge,
.mebcool-page .comparison-icon.v2-icon-badge{
  width:62px;
  height:62px;
  border-radius:20px;
  box-shadow:0 18px 38px rgba(15,23,42,.14);
}
.document-page .comparison-icon.v2-icon-badge svg,
.mebcool-page .comparison-icon.v2-icon-badge svg{
  width:31px;
  height:31px;
}
.document-page .module-step-icon.v2-icon-badge,
.mebcool-page .module-step-icon.v2-icon-badge,
.document-page .feature-art.v2-icon-badge,
.mebcool-page .feature-art.v2-icon-badge{
  width:58px;
  height:58px;
  border-radius:18px;
  box-shadow:0 18px 34px rgba(37,99,235,.18);
}
.document-page .module-step-icon.v2-icon-badge svg,
.mebcool-page .module-step-icon.v2-icon-badge svg,
.document-page .feature-art.v2-icon-badge svg,
.mebcool-page .feature-art.v2-icon-badge svg{
  width:28px;
  height:28px;
}
.document-page .highlight-icon.v2-icon-badge,
.mebcool-page .highlight-icon.v2-icon-badge{
  width:42px;
  height:42px;
  border-radius:14px;
  box-shadow:0 14px 30px rgba(37,99,235,.16);
}
.document-page .highlight-icon.v2-icon-badge svg,
.mebcool-page .highlight-icon.v2-icon-badge svg{
  width:21px;
  height:21px;
}
.document-page .role-icon.v2-icon-badge,
.mebcool-page .role-icon.v2-icon-badge{
  width:48px;
  height:48px;
  border-radius:16px;
  margin-bottom:14px;
  box-shadow:0 16px 30px rgba(37,99,235,.18);
}
.document-page .role-icon.v2-icon-badge svg,
.mebcool-page .role-icon.v2-icon-badge svg{
  width:24px;
  height:24px;
}
@media (max-width: 700px){
  .document-page .comparison-icon.v2-icon-badge,
  .mebcool-page .comparison-icon.v2-icon-badge,
  .document-page .module-step-icon.v2-icon-badge,
  .mebcool-page .module-step-icon.v2-icon-badge,
  .document-page .feature-art.v2-icon-badge,
  .mebcool-page .feature-art.v2-icon-badge{
    width:50px;
    height:50px;
    border-radius:16px;
  }
  .document-page .comparison-icon.v2-icon-badge svg,
  .mebcool-page .comparison-icon.v2-icon-badge svg,
  .document-page .module-step-icon.v2-icon-badge svg,
  .mebcool-page .module-step-icon.v2-icon-badge svg,
  .document-page .feature-art.v2-icon-badge svg,
  .mebcool-page .feature-art.v2-icon-badge svg{
    width:24px;
    height:24px;
  }
}
@media print{
  .document-page .v2-icon-badge,
  .mebcool-page .v2-icon-badge{
    box-shadow:none!important;
    color:#1f2937!important;
    background:#eef4ff!important;
    border:1px solid #cbd5e1;
  }
}


/* Patch 07: Güvenlik & Kurulum sayfalarında SVG ikon sistemi ve premium hero showcase */
.security-page,
.setup-page{
  --module-hero-max:1320px;
  --module-premium-line:rgba(198,214,239,.9);
  --module-premium-shadow:0 38px 92px rgba(22,52,105,.16);
}
.security-page .v2-sprite,
.setup-page .v2-sprite{position:absolute;width:0;height:0;overflow:hidden;}
.security-page .v2-icon-badge,
.setup-page .v2-icon-badge{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:18px;color:#fff;flex:0 0 auto;box-shadow:0 18px 38px rgba(37,117,246,.16);background:linear-gradient(135deg,#2575f6,#1f63ea);}
.security-page .v2-icon-badge svg,
.setup-page .v2-icon-badge svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.security-page .v2-blue,.setup-page .v2-blue{background:linear-gradient(135deg,#2575f6,#1f63ea);}
.security-page .v2-purple,.setup-page .v2-purple{background:linear-gradient(135deg,#7357f6,#8d5cf6);}
.security-page .v2-green,.setup-page .v2-green{background:linear-gradient(135deg,#10b981,#16c7a6);}
.security-page .v2-amber,.setup-page .v2-amber{background:linear-gradient(135deg,#f59e0b,#fb7185);}
.security-page .security-hero-copy,
.setup-page .setup-hero-copy{max-width:700px;}
.security-showcase,.setup-showcase{min-height:640px;}
.security-workspace,.setup-workspace{display:grid;grid-template-columns:128px minmax(0,1fr);gap:16px;}
.security-access-list,.setup-step-list{display:grid;align-content:start;gap:10px;padding:12px;border-radius:24px;background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid rgba(37,99,235,.09);}
.security-access-list span,.setup-step-list span{display:grid;justify-items:center;gap:7px;min-height:78px;padding:10px 8px;border-radius:18px;color:#64748b;font-size:12px;font-weight:950;text-align:center;}
.security-access-list span.is-active,.setup-step-list span.is-active,.setup-step-list span.is-done{background:#fff;color:#1d4ed8;box-shadow:0 12px 28px rgba(30,54,102,.08);}
.security-access-list .v2-icon-badge,.setup-step-list .v2-icon-badge{width:28px;height:28px;border-radius:10px;box-shadow:0 8px 18px rgba(37,99,235,.12);}
.security-access-list .v2-icon-badge svg,.setup-step-list .v2-icon-badge svg{width:16px;height:16px;stroke-width:2;}
.security-control-canvas,.setup-control-canvas{min-width:0;border-radius:28px;padding:18px;background:radial-gradient(circle at 92% 5%,rgba(37,117,246,.1),transparent 12rem),linear-gradient(180deg,#fff,#f8fbff);border:1px solid rgba(198,214,239,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.7);}
.security-control-grid,.setup-module-board{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.security-control-grid article,.setup-module-board article{min-height:142px;padding:16px;border:1px solid rgba(37,99,235,.1);border-radius:24px;background:#fff;box-shadow:0 16px 38px rgba(30,54,102,.07);}
.security-control-grid article .v2-icon-badge,.setup-module-board article .v2-icon-badge{width:42px;height:42px;border-radius:14px;box-shadow:0 12px 26px rgba(37,99,235,.15);margin-bottom:12px;}
.security-control-grid article .v2-icon-badge svg,.setup-module-board article .v2-icon-badge svg{width:21px;height:21px;}
.security-control-grid b,.setup-module-board b{display:block;color:#0f172a;font-weight:950;line-height:1.2;letter-spacing:-.02em;}
.security-control-grid small,.setup-module-board small{display:block;margin-top:6px;color:#64748b;font-weight:800;line-height:1.35;}
.security-audit-strip,.setup-readiness-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;padding:14px 16px;border-radius:22px;background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;}
.security-audit-strip b,.setup-readiness-strip b{margin-right:auto;font-weight:950;}
.security-audit-strip span,.setup-readiness-strip span{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.13);font-size:.78rem;font-weight:900;}
.showcase-float--security-risk{right:3%;top:42px;}
.showcase-float--security-device{left:0;top:294px;}
.showcase-float--security-audit{right:1%;bottom:58px;}
.showcase-float--setup-company{right:4%;top:42px;}
.showcase-float--setup-rules{left:0;top:296px;}
.showcase-float--setup-live{right:2%;bottom:58px;}
.security-page .showcase-float .v2-icon-badge,
.setup-page .showcase-float .v2-icon-badge{width:46px;height:46px;border-radius:15px;box-shadow:0 16px 34px rgba(37,99,235,.18);}
.security-page .showcase-float .v2-icon-badge svg,
.setup-page .showcase-float .v2-icon-badge svg{width:23px;height:23px;}
.security-page .comparison-icon.v2-icon-badge,
.setup-page .comparison-icon.v2-icon-badge{width:62px;height:62px;border-radius:20px;box-shadow:0 18px 38px rgba(15,23,42,.14);}
.security-page .comparison-icon.v2-icon-badge svg,
.setup-page .comparison-icon.v2-icon-badge svg{width:31px;height:31px;}
.security-page .module-step-icon.v2-icon-badge,
.setup-page .module-step-icon.v2-icon-badge,
.security-page .feature-art.v2-icon-badge,
.setup-page .feature-art.v2-icon-badge{width:58px;height:58px;border-radius:18px;box-shadow:0 18px 34px rgba(37,99,235,.18);}
.security-page .module-step-icon.v2-icon-badge svg,
.setup-page .module-step-icon.v2-icon-badge svg,
.security-page .feature-art.v2-icon-badge svg,
.setup-page .feature-art.v2-icon-badge svg{width:28px;height:28px;}
.security-page .highlight-icon.v2-icon-badge,
.setup-page .highlight-icon.v2-icon-badge{width:42px;height:42px;border-radius:14px;box-shadow:0 14px 30px rgba(37,99,235,.16);}
.security-page .highlight-icon.v2-icon-badge svg,
.setup-page .highlight-icon.v2-icon-badge svg{width:21px;height:21px;}
.security-page .role-icon.v2-icon-badge,
.setup-page .role-icon.v2-icon-badge{width:48px;height:48px;border-radius:16px;margin-bottom:14px;box-shadow:0 16px 30px rgba(37,99,235,.18);}
.security-page .role-icon.v2-icon-badge svg,
.setup-page .role-icon.v2-icon-badge svg{width:24px;height:24px;}
.security-page .buyer-grid--visual article,
.setup-page .buyer-grid--visual article{padding-top:24px!important;}
.security-page .buyer-grid--visual .role-icon,
.setup-page .buyer-grid--visual .role-icon{position:relative!important;inset:auto!important;display:grid!important;margin-bottom:14px!important;}
.security-page .feature-matrix--visual article,
.setup-page .feature-matrix--visual article,
.security-page .buyer-grid--visual article,
.setup-page .buyer-grid--visual article{border-color:rgba(198,214,239,.8)!important;box-shadow:0 18px 48px rgba(30,54,102,.075)!important;}
@media (max-width:1240px){.security-showcase,.setup-showcase{min-height:610px;max-width:820px;margin-inline:auto;width:100%;}.security-page .security-hero-copy,.setup-page .setup-hero-copy{max-width:860px;}}
@media (max-width:820px){.security-showcase,.setup-showcase{min-height:auto;display:grid;gap:12px;}.security-workspace,.setup-workspace{grid-template-columns:1fr;}.security-access-list,.setup-step-list{grid-template-columns:repeat(4,1fr);}.security-access-list span,.setup-step-list span{min-height:64px;font-size:11px;}.security-control-grid,.setup-module-board{grid-template-columns:1fr;}.security-audit-strip b,.setup-readiness-strip b{width:100%;}.security-page .showcase-float,.setup-page .showcase-float{min-width:0;width:100%;}}
@media (max-width:560px){.security-control-canvas,.setup-control-canvas{padding:14px;border-radius:22px;}.security-access-list,.setup-step-list{grid-template-columns:repeat(2,1fr);}}
@media print{.security-page .v2-icon-badge,.setup-page .v2-icon-badge{box-shadow:none!important;color:#1f2937!important;background:#eef4ff!important;border:1px solid #cbd5e1;}.security-showcase,.setup-showcase,.security-page .showcase-float,.setup-page .showcase-float{position:relative!important;inset:auto!important;box-shadow:none!important;}.security-page .showcase-float,.setup-page .showcase-float{display:none!important;}}


/* Patch 08: Demirbaş + Avans sayfalarında index uyumlu SVG ikon sistemi ve premium showcase */
.asset-page,
.advance-page{
  --module-hero-max:1320px;
  --module-premium-line:rgba(198,214,239,.9);
  --module-premium-shadow:0 38px 92px rgba(22,52,105,.16);
}
.asset-page .v2-sprite,
.advance-page .v2-sprite{position:absolute;width:0;height:0;overflow:hidden;}
.asset-page .v2-icon-badge,
.advance-page .v2-icon-badge{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:18px;color:#fff;flex:0 0 auto;box-shadow:0 18px 38px rgba(37,117,246,.16);background:linear-gradient(135deg,#2575f6,#1f63ea);}
.asset-page .v2-icon-badge svg,
.advance-page .v2-icon-badge svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.asset-page .v2-blue,.advance-page .v2-blue{background:linear-gradient(135deg,#2575f6,#1f63ea);}
.asset-page .v2-purple,.advance-page .v2-purple{background:linear-gradient(135deg,#7357f6,#8d5cf6);}
.asset-page .v2-green,.advance-page .v2-green{background:linear-gradient(135deg,#10b981,#16c7a6);}
.asset-page .v2-amber,.advance-page .v2-amber{background:linear-gradient(135deg,#f59e0b,#fb7185);}
.asset-hero-copy,.advance-hero-copy{max-width:700px;}
.asset-trust-row,.advance-trust-row{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 2px;}
.asset-trust-row span,.advance-trust-row span{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:8px 12px;border:1px solid rgba(198,214,239,.78);border-radius:999px;background:rgba(255,255,255,.72);box-shadow:0 14px 32px rgba(30,54,102,.07);color:#334155;font-weight:950;font-size:.88rem;}
.asset-trust-row .v2-icon-badge,.advance-trust-row .v2-icon-badge{width:26px;height:26px;border-radius:9px;box-shadow:0 8px 18px rgba(37,99,235,.12);}
.asset-trust-row .v2-icon-badge svg,.advance-trust-row .v2-icon-badge svg{width:15px;height:15px;stroke-width:2;}
.asset-showcase,.advance-showcase{min-height:660px;}
.asset-workspace,.advance-workspace{display:grid;grid-template-columns:128px minmax(0,1fr);gap:16px;}
.asset-showcase-rail,.advance-showcase-rail{display:grid;align-content:start;gap:10px;padding:12px;border-radius:24px;background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid rgba(37,99,235,.09);}
.asset-showcase-rail span,.advance-showcase-rail span{display:grid;justify-items:center;gap:7px;min-height:78px;padding:10px 8px;border-radius:18px;color:#64748b;font-size:12px;font-weight:950;text-align:center;}
.asset-showcase-rail span.is-active,.advance-showcase-rail span.is-active{background:#fff;color:#1d4ed8;box-shadow:0 12px 28px rgba(30,54,102,.08);}
.asset-showcase-rail .v2-icon-badge,.advance-showcase-rail .v2-icon-badge{width:28px;height:28px;border-radius:10px;box-shadow:0 8px 18px rgba(37,99,235,.12);}
.asset-showcase-rail .v2-icon-badge svg,.advance-showcase-rail .v2-icon-badge svg{width:16px;height:16px;stroke-width:2;}
.asset-control-canvas,.advance-control-canvas{min-width:0;border-radius:28px;padding:18px;background:radial-gradient(circle at 92% 5%,rgba(37,117,246,.1),transparent 12rem),linear-gradient(180deg,#fff,#f8fbff);border:1px solid rgba(198,214,239,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.7);}
.asset-product-grid,.advance-product-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:12px;}
.asset-product-grid article,.advance-product-grid article{min-width:0;border:1px solid rgba(37,99,235,.1);border-radius:24px;background:#fff;box-shadow:0 16px 38px rgba(30,54,102,.07);}
.asset-device-card,.advance-balance-card{grid-row:span 2;padding:16px;}
.asset-device-card{background:linear-gradient(180deg,#fff,#f8fbff)!important;}
.asset-device-card > .v2-icon-badge,.advance-balance-card > .v2-icon-badge{width:44px;height:44px;border-radius:15px;box-shadow:0 14px 28px rgba(37,99,235,.16);margin-bottom:12px;}
.asset-device-card > .v2-icon-badge svg,.advance-balance-card > .v2-icon-badge svg{width:22px;height:22px;}
.asset-device-card b,.advance-balance-card b,.asset-owner-card b,.asset-maintenance-card b,.asset-document-card b,.advance-request-card b,.advance-payment-card b,.advance-offset-card b{display:block;color:#0f172a;font-weight:950;letter-spacing:-.02em;line-height:1.18;}
.asset-device-card small,.advance-balance-card small,.asset-owner-card small,.asset-maintenance-card small,.asset-document-card small,.advance-request-card small,.advance-payment-card small,.advance-offset-card small{display:block;margin-top:6px;color:#64748b;font-weight:800;line-height:1.35;}
.asset-device-visual{display:grid;place-items:center;position:relative;height:92px;margin:16px 0;border-radius:22px;background:radial-gradient(circle at 50% 18%,rgba(37,117,246,.18),transparent 45%),linear-gradient(135deg,#eaf2ff,#f8fbff);border:1px solid rgba(37,99,235,.08);}
.asset-device-visual i{width:112px;height:68px;border-radius:12px;background:linear-gradient(135deg,#0f172a,#334155);box-shadow:0 22px 44px rgba(15,23,42,.18);}
.asset-device-visual em{position:absolute;bottom:18px;width:76px;height:8px;border-radius:999px;background:#94a3b8;}
.asset-device-card p{display:flex;justify-content:space-between;gap:14px;margin:0;padding:9px 0;border-top:1px solid rgba(226,232,240,.9);color:#475569;font-size:.84rem;}
.asset-device-card p strong{color:#64748b;}.asset-device-card p span{color:#0f172a;font-weight:900;text-align:right;}
.asset-owner-card,.asset-maintenance-card,.asset-document-card,.advance-request-card,.advance-payment-card,.advance-offset-card{padding:16px;}
.asset-owner-card > .v2-icon-badge,.asset-maintenance-card > .v2-icon-badge,.asset-document-card > .v2-icon-badge,.advance-request-card > .v2-icon-badge,.advance-payment-card > .v2-icon-badge,.advance-offset-card > .v2-icon-badge{width:42px;height:42px;border-radius:14px;box-shadow:0 12px 26px rgba(37,99,235,.15);margin-bottom:12px;}
.asset-owner-card > .v2-icon-badge svg,.asset-maintenance-card > .v2-icon-badge svg,.asset-document-card > .v2-icon-badge svg,.advance-request-card > .v2-icon-badge svg,.advance-payment-card > .v2-icon-badge svg,.advance-offset-card > .v2-icon-badge svg{width:21px;height:21px;}
.asset-owner-steps,.advance-request-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;}
.asset-owner-steps span,.advance-request-flow span{padding:7px 9px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:.74rem;font-weight:950;}
.asset-owner-steps i,.advance-request-flow i{width:16px;height:2px;border-radius:999px;background:#cbd5e1;}
.asset-progress,.advance-progress{height:9px;border-radius:999px;background:#e2e8f0;overflow:hidden;margin-top:14px;}
.asset-progress span,.advance-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2575f6,#16c7a6);}
.asset-readiness-strip,.advance-readiness-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;padding:14px 16px;border-radius:22px;background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;}
.asset-readiness-strip b,.advance-readiness-strip b{margin-right:auto;font-weight:950;}
.asset-readiness-strip span,.advance-readiness-strip span{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.13);font-size:.78rem;font-weight:900;}
.advance-balance-card strong{display:block;margin:18px 0 4px;color:#0f172a;font-size:2rem;font-weight:950;letter-spacing:-.05em;}
.showcase-float--asset-location{right:3%;top:42px;}
.showcase-float--asset-warranty{left:0;top:300px;}
.showcase-float--asset-audit{right:1%;bottom:58px;}
.showcase-float--advance-payment{right:4%;top:42px;}
.showcase-float--advance-risk{left:0;top:302px;}
.showcase-float--advance-audit{right:2%;bottom:58px;}
.asset-page .showcase-float .v2-icon-badge,.advance-page .showcase-float .v2-icon-badge{width:46px;height:46px;border-radius:15px;box-shadow:0 16px 34px rgba(37,99,235,.18);}
.asset-page .showcase-float .v2-icon-badge svg,.advance-page .showcase-float .v2-icon-badge svg{width:23px;height:23px;}
.asset-page .comparison-icon.v2-icon-badge,.advance-page .comparison-icon.v2-icon-badge{width:62px;height:62px;border-radius:20px;box-shadow:0 18px 38px rgba(15,23,42,.14);}
.asset-page .comparison-icon.v2-icon-badge svg,.advance-page .comparison-icon.v2-icon-badge svg{width:31px;height:31px;}
.asset-page .module-step-icon.v2-icon-badge,.advance-page .module-step-icon.v2-icon-badge,.asset-page .feature-art.v2-icon-badge,.advance-page .feature-art.v2-icon-badge{width:58px;height:58px;border-radius:18px;box-shadow:0 18px 34px rgba(37,99,235,.18);}
.asset-page .module-step-icon.v2-icon-badge svg,.advance-page .module-step-icon.v2-icon-badge svg,.asset-page .feature-art.v2-icon-badge svg,.advance-page .feature-art.v2-icon-badge svg{width:28px;height:28px;}
.asset-page .highlight-icon.v2-icon-badge,.advance-page .highlight-icon.v2-icon-badge{width:42px;height:42px;border-radius:14px;box-shadow:0 14px 30px rgba(37,99,235,.16);}
.asset-page .highlight-icon.v2-icon-badge svg,.advance-page .highlight-icon.v2-icon-badge svg{width:21px;height:21px;}
.asset-page .role-icon.v2-icon-badge,.advance-page .role-icon.v2-icon-badge{width:48px;height:48px;border-radius:16px;margin-bottom:14px;box-shadow:0 16px 30px rgba(37,99,235,.18);}
.asset-page .role-icon.v2-icon-badge svg,.advance-page .role-icon.v2-icon-badge svg{width:24px;height:24px;}
.asset-page .buyer-grid--visual article,.advance-page .buyer-grid--visual article{padding-top:24px!important;}
.asset-page .buyer-grid--visual .role-icon,.advance-page .buyer-grid--visual .role-icon{position:relative!important;inset:auto!important;display:grid!important;margin-bottom:14px!important;}
.asset-page .feature-matrix--visual article,.advance-page .feature-matrix--visual article,.asset-page .buyer-grid--visual article,.advance-page .buyer-grid--visual article{border-color:rgba(198,214,239,.8)!important;box-shadow:0 18px 48px rgba(30,54,102,.075)!important;}
@media (max-width:1240px){.asset-showcase,.advance-showcase{min-height:620px;max-width:820px;margin-inline:auto;width:100%;}.asset-hero-copy,.advance-hero-copy{max-width:860px;}}
@media (max-width:820px){.asset-showcase,.advance-showcase{min-height:auto;display:grid;gap:12px;}.asset-workspace,.advance-workspace{grid-template-columns:1fr;}.asset-showcase-rail,.advance-showcase-rail{grid-template-columns:repeat(4,1fr);}.asset-showcase-rail span,.advance-showcase-rail span{min-height:64px;font-size:11px;}.asset-product-grid,.advance-product-grid{grid-template-columns:1fr;}.asset-device-card,.advance-balance-card{grid-row:auto;}.asset-readiness-strip b,.advance-readiness-strip b{width:100%;}.asset-page .showcase-float,.advance-page .showcase-float{min-width:0;width:100%;}.asset-trust-row,.advance-trust-row{gap:8px;}.asset-trust-row span,.advance-trust-row span{font-size:.82rem;}}
@media (max-width:560px){.asset-control-canvas,.advance-control-canvas{padding:14px;border-radius:22px;}.asset-showcase-rail,.advance-showcase-rail{grid-template-columns:repeat(2,1fr);}.asset-owner-steps i,.advance-request-flow i{display:none;}}
@media print{.asset-page .v2-icon-badge,.advance-page .v2-icon-badge{box-shadow:none!important;color:#1f2937!important;background:#eef4ff!important;border:1px solid #cbd5e1;}.asset-showcase,.advance-showcase,.asset-page .showcase-float,.advance-page .showcase-float{position:relative!important;inset:auto!important;box-shadow:none!important;}.asset-page .showcase-float,.advance-page .showcase-float{display:none!important;}}


/* Patch 09: Takvim + Kurum İçi Chat sayfalarında SVG ikon sistemi ve premium ürün showcase */
.calendar-page,
.chat-page{
  --module-hero-max:1320px;
  --module-premium-line:rgba(198,214,239,.9);
  --module-premium-shadow:0 38px 92px rgba(22,52,105,.16);
}
.calendar-page .v2-sprite,
.chat-page .v2-sprite{position:absolute;width:0;height:0;overflow:hidden;}
.calendar-page .v2-icon-badge,
.chat-page .v2-icon-badge{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:18px;color:#fff;flex:0 0 auto;box-shadow:0 18px 38px rgba(37,117,246,.16);background:linear-gradient(135deg,#2575f6,#1f63ea);}
.calendar-page .v2-icon-badge svg,
.chat-page .v2-icon-badge svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.calendar-page .v2-blue,.chat-page .v2-blue{background:linear-gradient(135deg,#2575f6,#1f63ea);}
.calendar-page .v2-purple,.chat-page .v2-purple{background:linear-gradient(135deg,#7357f6,#8d5cf6);}
.calendar-page .v2-green,.chat-page .v2-green{background:linear-gradient(135deg,#10b981,#16c7a6);}
.calendar-page .v2-amber,.chat-page .v2-amber{background:linear-gradient(135deg,#f59e0b,#fb7185);}
.calendar-hero-copy,.chat-hero-copy{max-width:700px;}
.calendar-trust-row,.chat-trust-row{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 2px;}
.calendar-trust-row span,.chat-trust-row span{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:8px 12px;border:1px solid rgba(198,214,239,.78);border-radius:999px;background:rgba(255,255,255,.72);box-shadow:0 14px 32px rgba(30,54,102,.07);color:#334155;font-weight:950;font-size:.88rem;}
.calendar-trust-row .v2-icon-badge,.chat-trust-row .v2-icon-badge{width:26px;height:26px;border-radius:9px;box-shadow:0 8px 18px rgba(37,99,235,.12);}
.calendar-trust-row .v2-icon-badge svg,.chat-trust-row .v2-icon-badge svg{width:15px;height:15px;stroke-width:2;}
.calendar-showcase,.chat-showcase{min-height:660px;}
.calendar-workspace,.chat-workspace{display:grid;grid-template-columns:128px minmax(0,1fr);gap:16px;}
.calendar-showcase-rail,.chat-showcase-rail{display:grid;align-content:start;gap:10px;padding:12px;border-radius:24px;background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid rgba(37,99,235,.09);}
.calendar-showcase-rail span,.chat-showcase-rail span{display:grid;justify-items:center;gap:7px;min-height:78px;padding:10px 8px;border-radius:18px;color:#64748b;font-size:12px;font-weight:950;text-align:center;}
.calendar-showcase-rail span.is-active,.chat-showcase-rail span.is-active{background:#fff;color:#1d4ed8;box-shadow:0 12px 28px rgba(30,54,102,.08);}
.calendar-showcase-rail .v2-icon-badge,.chat-showcase-rail .v2-icon-badge{width:28px;height:28px;border-radius:10px;box-shadow:0 8px 18px rgba(37,99,235,.12);}
.calendar-showcase-rail .v2-icon-badge svg,.chat-showcase-rail .v2-icon-badge svg{width:16px;height:16px;stroke-width:2;}
.calendar-control-canvas,.chat-control-canvas{min-width:0;border-radius:28px;padding:18px;background:radial-gradient(circle at 92% 5%,rgba(37,117,246,.1),transparent 12rem),linear-gradient(180deg,#fff,#f8fbff);border:1px solid rgba(198,214,239,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.7);}
.calendar-product-grid,.chat-product-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:12px;}
.calendar-product-grid article,.chat-product-grid article{min-width:0;border:1px solid rgba(37,99,235,.1);border-radius:24px;background:#fff;box-shadow:0 16px 38px rgba(30,54,102,.07);}
.calendar-board-card,.chat-thread-card{grid-row:span 3;padding:16px;background:linear-gradient(180deg,#fff,#f8fbff)!important;}
.calendar-board-top,.chat-thread-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;}
.calendar-board-top b,.chat-thread-head b,.calendar-availability-card b,.calendar-resource-card b,.calendar-reminder-card b,.chat-file-card b,.chat-search-card b,.chat-governance-card b{display:block;color:#0f172a;font-weight:950;letter-spacing:-.02em;line-height:1.18;}
.calendar-board-top small,.chat-thread-head small,.calendar-availability-card small,.calendar-resource-card small,.calendar-reminder-card small,.chat-file-card small,.chat-search-card small,.chat-governance-card small{display:block;margin-top:6px;color:#64748b;font-weight:800;line-height:1.35;}
.calendar-board-grid{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:8px;}
.calendar-board-grid span{font-size:.72rem;color:#64748b;font-weight:950;text-align:center;}
.calendar-board-grid i{min-height:34px;border-radius:12px;background:#eff6ff;border:1px solid rgba(37,99,235,.08);}
.calendar-plan-event{position:relative;margin-top:8px;padding:9px 11px;border-radius:14px;color:#fff;font-size:.76rem;font-weight:950;box-shadow:0 12px 28px rgba(37,99,235,.16);}
.calendar-plan-event--meeting{background:linear-gradient(90deg,#2575f6,#06b6d4);width:82%;}
.calendar-plan-event--leave{background:linear-gradient(90deg,#16a34a,#16c7a6);width:70%;margin-left:auto;}
.calendar-plan-event--resource{background:linear-gradient(90deg,#f59e0b,#fb7185);width:62%;}
.calendar-availability-card,.calendar-resource-card,.calendar-reminder-card,.chat-file-card,.chat-search-card,.chat-governance-card{padding:16px;}
.calendar-availability-card > .v2-icon-badge,.calendar-resource-card > .v2-icon-badge,.calendar-reminder-card > .v2-icon-badge,.chat-file-card > .v2-icon-badge,.chat-search-card > .v2-icon-badge,.chat-governance-card > .v2-icon-badge{width:42px;height:42px;border-radius:14px;box-shadow:0 12px 26px rgba(37,99,235,.15);margin-bottom:12px;}
.calendar-availability-card > .v2-icon-badge svg,.calendar-resource-card > .v2-icon-badge svg,.calendar-reminder-card > .v2-icon-badge svg,.chat-file-card > .v2-icon-badge svg,.chat-search-card > .v2-icon-badge svg,.chat-governance-card > .v2-icon-badge svg{width:21px;height:21px;}
.calendar-availability-bars{display:grid;gap:8px;margin-top:13px;}
.calendar-availability-bars span{display:block;height:9px;border-radius:999px;background:linear-gradient(90deg,#2575f6,#16c7a6);}
.calendar-readiness-strip,.chat-readiness-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;padding:14px 16px;border-radius:22px;background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;}
.calendar-readiness-strip b,.chat-readiness-strip b{margin-right:auto;font-weight:950;}
.calendar-readiness-strip span,.chat-readiness-strip span{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.13);font-size:.78rem;font-weight:900;}
.chat-thread-head{justify-content:flex-start;}
.chat-thread-head .v2-icon-badge{width:44px;height:44px;border-radius:15px;box-shadow:0 14px 28px rgba(37,99,235,.16);}
.chat-thread-head .v2-icon-badge svg{width:22px;height:22px;}
.chat-bubble-row{display:flex;align-items:flex-end;gap:9px;margin-top:12px;}
.chat-bubble-row i{width:28px;height:28px;border-radius:999px;background:linear-gradient(135deg,#2575f6,#16c7a6);flex:0 0 auto;}
.chat-bubble-row span{display:block;max-width:78%;padding:11px 13px;border-radius:16px;background:#eef4ff;color:#334155;font-size:.82rem;font-weight:850;line-height:1.35;}
.chat-bubble-row--right{justify-content:flex-end;}
.chat-bubble-row--right i{background:linear-gradient(135deg,#7357f6,#8d5cf6);}
.chat-bubble-row--right span{background:#f4f0ff;}
.chat-thread-compose{display:flex;align-items:center;gap:10px;margin-top:16px;padding:10px 11px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0;}
.chat-thread-compose em{font-style:normal;color:#94a3b8;font-weight:800;flex:1;}
.chat-thread-compose strong{padding:8px 10px;border-radius:999px;background:#2575f6;color:#fff;font-size:.76rem;font-weight:950;}
.chat-file-line{display:flex;justify-content:space-between;gap:10px;margin-top:12px;padding:9px 10px;border-radius:14px;background:#f8fafc;color:#475569;font-size:.78rem;font-weight:900;}
.chat-file-line i{font-style:normal;color:#64748b;}
.showcase-float--calendar-conflict{right:3%;top:42px;}
.showcase-float--calendar-resource{left:0;top:302px;}
.showcase-float--calendar-report{right:1%;bottom:58px;}
.showcase-float--chat-file{right:4%;top:42px;}
.showcase-float--chat-search{left:0;top:302px;}
.showcase-float--chat-audit{right:2%;bottom:58px;}
.calendar-page .showcase-float .v2-icon-badge,.chat-page .showcase-float .v2-icon-badge{width:46px;height:46px;border-radius:15px;box-shadow:0 16px 34px rgba(37,99,235,.18);}
.calendar-page .showcase-float .v2-icon-badge svg,.chat-page .showcase-float .v2-icon-badge svg{width:23px;height:23px;}
.calendar-page .comparison-icon.v2-icon-badge,.chat-page .comparison-icon.v2-icon-badge{width:62px;height:62px;border-radius:20px;box-shadow:0 18px 38px rgba(15,23,42,.14);}
.calendar-page .comparison-icon.v2-icon-badge svg,.chat-page .comparison-icon.v2-icon-badge svg{width:31px;height:31px;}
.calendar-page .module-step-icon.v2-icon-badge,.chat-page .module-step-icon.v2-icon-badge,.calendar-page .feature-art.v2-icon-badge,.chat-page .feature-art.v2-icon-badge{width:58px;height:58px;border-radius:18px;box-shadow:0 18px 34px rgba(37,99,235,.18);}
.calendar-page .module-step-icon.v2-icon-badge svg,.chat-page .module-step-icon.v2-icon-badge svg,.calendar-page .feature-art.v2-icon-badge svg,.chat-page .feature-art.v2-icon-badge svg{width:28px;height:28px;}
.calendar-page .highlight-icon.v2-icon-badge,.chat-page .highlight-icon.v2-icon-badge{width:42px;height:42px;border-radius:14px;box-shadow:0 14px 30px rgba(37,99,235,.16);}
.calendar-page .highlight-icon.v2-icon-badge svg,.chat-page .highlight-icon.v2-icon-badge svg{width:21px;height:21px;}
.calendar-page .role-icon.v2-icon-badge,.chat-page .role-icon.v2-icon-badge{width:48px;height:48px;border-radius:16px;margin-bottom:14px;box-shadow:0 16px 30px rgba(37,99,235,.18);}
.calendar-page .role-icon.v2-icon-badge svg,.chat-page .role-icon.v2-icon-badge svg{width:24px;height:24px;}
.calendar-page .buyer-grid--visual article,.chat-page .buyer-grid--visual article{padding-top:24px!important;}
.calendar-page .buyer-grid--visual .role-icon,.chat-page .buyer-grid--visual .role-icon{position:relative!important;inset:auto!important;display:grid!important;margin-bottom:14px!important;}
.calendar-page .feature-matrix--visual article,.chat-page .feature-matrix--visual article,.calendar-page .buyer-grid--visual article,.chat-page .buyer-grid--visual article{border-color:rgba(198,214,239,.8)!important;box-shadow:0 18px 48px rgba(30,54,102,.075)!important;}
@media (max-width:1240px){.calendar-showcase,.chat-showcase{min-height:620px;max-width:820px;margin-inline:auto;width:100%;}.calendar-hero-copy,.chat-hero-copy{max-width:860px;}}
@media (max-width:820px){.calendar-showcase,.chat-showcase{min-height:auto;display:grid;gap:12px;}.calendar-workspace,.chat-workspace{grid-template-columns:1fr;}.calendar-showcase-rail,.chat-showcase-rail{grid-template-columns:repeat(4,1fr);}.calendar-showcase-rail span,.chat-showcase-rail span{min-height:64px;font-size:11px;}.calendar-product-grid,.chat-product-grid{grid-template-columns:1fr;}.calendar-board-card,.chat-thread-card{grid-row:auto;}.calendar-readiness-strip b,.chat-readiness-strip b{width:100%;}.calendar-page .showcase-float,.chat-page .showcase-float{min-width:0;width:100%;}.calendar-trust-row,.chat-trust-row{gap:8px;}.calendar-trust-row span,.chat-trust-row span{font-size:.82rem;}}
@media (max-width:560px){.calendar-control-canvas,.chat-control-canvas{padding:14px;border-radius:22px;}.calendar-showcase-rail,.chat-showcase-rail{grid-template-columns:repeat(2,1fr);}.calendar-board-grid{gap:5px;}.calendar-board-grid i{min-height:28px;}.chat-bubble-row span{max-width:86%;}}
@media print{.calendar-page .v2-icon-badge,.chat-page .v2-icon-badge{box-shadow:none!important;color:#1f2937!important;background:#eef4ff!important;border:1px solid #cbd5e1;}.calendar-showcase,.chat-showcase,.calendar-page .showcase-float,.chat-page .showcase-float{position:relative!important;inset:auto!important;box-shadow:none!important;}.calendar-page .showcase-float,.chat-page .showcase-float{display:none!important;}}


/* Patch 10: Duyuru + Kimlik sayfalarında SVG ikon sistemi ve premium ürün showcase */
.announcement-page,
.identity-page{
  --module-hero-max:1320px;
  --module-premium-line:rgba(198,214,239,.9);
  --module-premium-shadow:0 38px 92px rgba(22,52,105,.16);
}
.announcement-page .v2-sprite,
.identity-page .v2-sprite{position:absolute;width:0;height:0;overflow:hidden;}
.announcement-page .v2-icon-badge,
.identity-page .v2-icon-badge{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:18px;color:#fff;flex:0 0 auto;box-shadow:0 18px 38px rgba(37,117,246,.16);background:linear-gradient(135deg,#2575f6,#1f63ea);}
.announcement-page .v2-icon-badge svg,
.identity-page .v2-icon-badge svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.announcement-page .v2-blue,.identity-page .v2-blue{background:linear-gradient(135deg,#2575f6,#1f63ea);}
.announcement-page .v2-purple,.identity-page .v2-purple{background:linear-gradient(135deg,#7357f6,#8d5cf6);}
.announcement-page .v2-green,.identity-page .v2-green{background:linear-gradient(135deg,#10b981,#16c7a6);}
.announcement-page .v2-amber,.identity-page .v2-amber{background:linear-gradient(135deg,#f59e0b,#fb7185);}
.announcement-hero-copy,.identity-hero-copy{max-width:700px;}
.announcement-trust-row,.identity-trust-row{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 2px;}
.announcement-trust-row span,.identity-trust-row span{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:8px 12px;border:1px solid rgba(198,214,239,.78);border-radius:999px;background:rgba(255,255,255,.72);box-shadow:0 14px 32px rgba(30,54,102,.07);color:#334155;font-weight:950;font-size:.88rem;}
.announcement-trust-row .v2-icon-badge,.identity-trust-row .v2-icon-badge{width:26px;height:26px;border-radius:9px;box-shadow:0 8px 18px rgba(37,99,235,.12);}
.announcement-trust-row .v2-icon-badge svg,.identity-trust-row .v2-icon-badge svg{width:15px;height:15px;stroke-width:2;}
.announcement-showcase,.identity-showcase{min-height:660px;}
.announcement-workspace,.identity-workspace{display:grid;grid-template-columns:128px minmax(0,1fr);gap:16px;}
.announcement-showcase-rail,.identity-showcase-rail{display:grid;align-content:start;gap:10px;padding:12px;border-radius:24px;background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid rgba(37,99,235,.09);}
.announcement-showcase-rail span,.identity-showcase-rail span{display:grid;justify-items:center;gap:7px;min-height:78px;padding:10px 8px;border-radius:18px;color:#64748b;font-size:12px;font-weight:950;text-align:center;}
.announcement-showcase-rail span.is-active,.identity-showcase-rail span.is-active{background:#fff;color:#1d4ed8;box-shadow:0 12px 28px rgba(30,54,102,.08);}
.announcement-showcase-rail .v2-icon-badge,.identity-showcase-rail .v2-icon-badge{width:28px;height:28px;border-radius:10px;box-shadow:0 8px 18px rgba(37,99,235,.12);}
.announcement-showcase-rail .v2-icon-badge svg,.identity-showcase-rail .v2-icon-badge svg{width:16px;height:16px;stroke-width:2;}
.announcement-control-canvas,.identity-control-canvas{min-width:0;border-radius:28px;padding:18px;background:radial-gradient(circle at 92% 5%,rgba(37,117,246,.1),transparent 12rem),linear-gradient(180deg,#fff,#f8fbff);border:1px solid rgba(198,214,239,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.7);}
.announcement-product-grid,.identity-product-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:12px;}
.announcement-product-grid article,.identity-product-grid article{min-width:0;border:1px solid rgba(37,99,235,.1);border-radius:24px;background:#fff;box-shadow:0 16px 38px rgba(30,54,102,.07);}
.announcement-message-card,.identity-profile-card{grid-row:span 3;padding:16px;background:linear-gradient(180deg,#fff,#f8fbff)!important;}
.announcement-message-head,.identity-profile-head{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.announcement-message-head .v2-icon-badge,.identity-profile-head .v2-icon-badge{width:44px;height:44px;border-radius:15px;box-shadow:0 14px 28px rgba(37,99,235,.16);}
.announcement-message-head .v2-icon-badge svg,.identity-profile-head .v2-icon-badge svg{width:22px;height:22px;}
.announcement-message-head b,.identity-profile-head b,.announcement-audience-card b,.announcement-approval-card b,.announcement-proof-card b,.identity-role-card b,.identity-mfa-card b,.identity-review-card b{display:block;color:#0f172a;font-weight:950;letter-spacing:-.02em;line-height:1.18;}
.announcement-message-head small,.identity-profile-head small,.announcement-audience-card small,.announcement-approval-card small,.announcement-proof-card small,.identity-role-card small,.identity-mfa-card small,.identity-review-card small{display:block;margin-top:6px;color:#64748b;font-weight:800;line-height:1.35;}
.announcement-title-line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-radius:18px;background:#f8fafc;border:1px solid #e2e8f0;margin-bottom:12px;}
.announcement-title-line b{font-weight:950;color:#0f172a;}
.announcement-title-line small{font-weight:950;color:#16a34a;}
.announcement-copy-lines{display:grid;gap:8px;margin-bottom:12px;}
.announcement-copy-lines span{display:block;height:10px;border-radius:999px;background:#e9f2ff;}
.announcement-copy-lines span:nth-child(2){width:88%;}
.announcement-copy-lines span:nth-child(3){width:70%;}
.announcement-audience-pills{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px;}
.announcement-audience-pills span{padding:7px 9px;border-radius:999px;background:#eef4ff;color:#1d4ed8;font-size:.74rem;font-weight:950;}
.announcement-message-progress,.identity-security-bar{display:grid;gap:8px;}
.announcement-message-progress b,.identity-security-bar b{font-size:.78rem;color:#334155;font-weight:950;}
.announcement-message-progress span,.identity-security-bar span{display:block;height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden;}
.announcement-message-progress i,.identity-security-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2575f6,#16c7a6);}
.announcement-audience-card,.announcement-approval-card,.announcement-proof-card,.identity-role-card,.identity-mfa-card,.identity-review-card{padding:16px;}
.announcement-audience-card > .v2-icon-badge,.announcement-approval-card > .v2-icon-badge,.announcement-proof-card > .v2-icon-badge,.identity-role-card > .v2-icon-badge,.identity-mfa-card > .v2-icon-badge,.identity-review-card > .v2-icon-badge{width:42px;height:42px;border-radius:14px;box-shadow:0 12px 26px rgba(37,99,235,.15);margin-bottom:12px;}
.announcement-audience-card > .v2-icon-badge svg,.announcement-approval-card > .v2-icon-badge svg,.announcement-proof-card > .v2-icon-badge svg,.identity-role-card > .v2-icon-badge svg,.identity-mfa-card > .v2-icon-badge svg,.identity-review-card > .v2-icon-badge svg{width:21px;height:21px;}
.announcement-readiness-strip,.identity-readiness-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;padding:14px 16px;border-radius:22px;background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;}
.announcement-readiness-strip b,.identity-readiness-strip b{margin-right:auto;font-weight:950;}
.announcement-readiness-strip span,.identity-readiness-strip span{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.13);font-size:.78rem;font-weight:900;}
.identity-access-rows{display:grid;gap:8px;margin-bottom:14px;}
.identity-access-rows span{display:flex;justify-content:space-between;gap:10px;padding:10px 11px;border-radius:15px;background:#f8fafc;border:1px solid #e2e8f0;font-size:.78rem;}
.identity-access-rows b{color:#0f172a;font-weight:950;}
.identity-access-rows i{font-style:normal;color:#2563eb;font-weight:950;text-align:right;}
.showcase-float--announcement-target{right:3%;top:42px;}
.showcase-float--announcement-approval{left:0;top:302px;}
.showcase-float--announcement-report{right:1%;bottom:58px;}
.showcase-float--identity-mfa{right:4%;top:42px;}
.showcase-float--identity-role{left:0;top:302px;}
.showcase-float--identity-audit{right:2%;bottom:58px;}
.announcement-page .showcase-float .v2-icon-badge,.identity-page .showcase-float .v2-icon-badge{width:46px;height:46px;border-radius:15px;box-shadow:0 16px 34px rgba(37,99,235,.18);}
.announcement-page .showcase-float .v2-icon-badge svg,.identity-page .showcase-float .v2-icon-badge svg{width:23px;height:23px;}
.announcement-page .comparison-icon.v2-icon-badge,.identity-page .comparison-icon.v2-icon-badge{width:62px;height:62px;border-radius:20px;box-shadow:0 18px 38px rgba(15,23,42,.14);}
.announcement-page .comparison-icon.v2-icon-badge svg,.identity-page .comparison-icon.v2-icon-badge svg{width:31px;height:31px;}
.announcement-page .module-step-icon.v2-icon-badge,.identity-page .module-step-icon.v2-icon-badge,.announcement-page .feature-art.v2-icon-badge,.identity-page .feature-art.v2-icon-badge{width:58px;height:58px;border-radius:18px;box-shadow:0 18px 34px rgba(37,99,235,.18);}
.announcement-page .module-step-icon.v2-icon-badge svg,.identity-page .module-step-icon.v2-icon-badge svg,.announcement-page .feature-art.v2-icon-badge svg,.identity-page .feature-art.v2-icon-badge svg{width:28px;height:28px;}
.announcement-page .highlight-icon.v2-icon-badge,.identity-page .highlight-icon.v2-icon-badge{width:42px;height:42px;border-radius:14px;box-shadow:0 14px 30px rgba(37,99,235,.16);}
.announcement-page .highlight-icon.v2-icon-badge svg,.identity-page .highlight-icon.v2-icon-badge svg{width:21px;height:21px;}
.announcement-page .role-icon.v2-icon-badge,.identity-page .role-icon.v2-icon-badge{width:48px;height:48px;border-radius:16px;margin-bottom:14px;box-shadow:0 16px 30px rgba(37,99,235,.18);}
.announcement-page .role-icon.v2-icon-badge svg,.identity-page .role-icon.v2-icon-badge svg{width:24px;height:24px;}
.announcement-page .buyer-grid--visual article,.identity-page .buyer-grid--visual article{padding-top:24px!important;}
.announcement-page .buyer-grid--visual .role-icon,.identity-page .buyer-grid--visual .role-icon{position:relative!important;inset:auto!important;display:grid!important;margin-bottom:14px!important;}
.announcement-page .feature-matrix--visual article,.identity-page .feature-matrix--visual article,.announcement-page .buyer-grid--visual article,.identity-page .buyer-grid--visual article{border-color:rgba(198,214,239,.8)!important;box-shadow:0 18px 48px rgba(30,54,102,.075)!important;}
@media (max-width:1240px){.announcement-showcase,.identity-showcase{min-height:620px;max-width:820px;margin-inline:auto;width:100%;}.announcement-hero-copy,.identity-hero-copy{max-width:860px;}}
@media (max-width:820px){.announcement-showcase,.identity-showcase{min-height:auto;display:grid;gap:12px;}.announcement-workspace,.identity-workspace{grid-template-columns:1fr;}.announcement-showcase-rail,.identity-showcase-rail{grid-template-columns:repeat(4,1fr);}.announcement-showcase-rail span,.identity-showcase-rail span{min-height:64px;font-size:11px;}.announcement-product-grid,.identity-product-grid{grid-template-columns:1fr;}.announcement-message-card,.identity-profile-card{grid-row:auto;}.announcement-readiness-strip b,.identity-readiness-strip b{width:100%;}.announcement-page .showcase-float,.identity-page .showcase-float{min-width:0;width:100%;}.announcement-trust-row,.identity-trust-row{gap:8px;}.announcement-trust-row span,.identity-trust-row span{font-size:.82rem;}}
@media (max-width:560px){.announcement-control-canvas,.identity-control-canvas{padding:14px;border-radius:22px;}.announcement-showcase-rail,.identity-showcase-rail{grid-template-columns:repeat(2,1fr);}.identity-access-rows span{display:grid;}.identity-access-rows i{text-align:left;}}
@media print{.announcement-page .v2-icon-badge,.identity-page .v2-icon-badge{box-shadow:none!important;color:#1f2937!important;background:#eef4ff!important;border:1px solid #cbd5e1;}.announcement-showcase,.identity-showcase,.announcement-page .showcase-float,.identity-page .showcase-float{position:relative!important;inset:auto!important;box-shadow:none!important;}.announcement-page .showcase-float,.identity-page .showcase-float{display:none!important;}}


/* Patch 11: Görev/Proje + Destek Talep sayfalarında SVG ikon sistemi ve premium ürün showcase */
.work-page,
.support-page{
  --module-hero-max:1320px;
  --module-premium-line:rgba(198,214,239,.9);
  --module-premium-shadow:0 38px 92px rgba(22,52,105,.16);
}
.work-page .v2-sprite,
.support-page .v2-sprite{position:absolute;width:0;height:0;overflow:hidden;}
.work-page .v2-icon-badge,
.support-page .v2-icon-badge{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:18px;color:#fff;flex:0 0 auto;box-shadow:0 18px 38px rgba(37,117,246,.16);background:linear-gradient(135deg,#2575f6,#1f63ea);}
.work-page .v2-icon-badge svg,
.support-page .v2-icon-badge svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.work-page .v2-blue,.support-page .v2-blue{background:linear-gradient(135deg,#2575f6,#1f63ea);}
.work-page .v2-purple,.support-page .v2-purple{background:linear-gradient(135deg,#7357f6,#8d5cf6);}
.work-page .v2-green,.support-page .v2-green{background:linear-gradient(135deg,#10b981,#16c7a6);}
.work-page .v2-amber,.support-page .v2-amber{background:linear-gradient(135deg,#f59e0b,#fb7185);}
.work-hero-copy,.support-hero-copy{max-width:705px;}
.work-trust-row,.support-trust-row{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 2px;}
.work-trust-row span,.support-trust-row span{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:8px 12px;border:1px solid rgba(198,214,239,.78);border-radius:999px;background:rgba(255,255,255,.72);box-shadow:0 14px 32px rgba(30,54,102,.07);color:#334155;font-weight:950;font-size:.88rem;}
.work-trust-row .v2-icon-badge,.support-trust-row .v2-icon-badge{width:26px;height:26px;border-radius:9px;box-shadow:0 8px 18px rgba(37,99,235,.12);}
.work-trust-row .v2-icon-badge svg,.support-trust-row .v2-icon-badge svg{width:15px;height:15px;stroke-width:2;}
.work-showcase,.support-showcase{min-height:660px;}
.work-workspace,.support-workspace{display:grid;grid-template-columns:128px minmax(0,1fr);gap:16px;}
.work-showcase-rail,.support-showcase-rail{display:grid;align-content:start;gap:10px;padding:12px;border-radius:24px;background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid rgba(37,99,235,.09);}
.work-showcase-rail span,.support-showcase-rail span{display:grid;justify-items:center;gap:7px;min-height:78px;padding:10px 8px;border-radius:18px;color:#64748b;font-size:12px;font-weight:950;text-align:center;}
.work-showcase-rail span.is-active,.support-showcase-rail span.is-active{background:#fff;color:#1d4ed8;box-shadow:0 12px 28px rgba(30,54,102,.08);}
.work-showcase-rail .v2-icon-badge,.support-showcase-rail .v2-icon-badge{width:28px;height:28px;border-radius:10px;box-shadow:0 8px 18px rgba(37,99,235,.12);}
.work-showcase-rail .v2-icon-badge svg,.support-showcase-rail .v2-icon-badge svg{width:16px;height:16px;stroke-width:2;}
.work-control-canvas,.support-control-canvas{min-width:0;border-radius:28px;padding:18px;background:radial-gradient(circle at 92% 5%,rgba(37,117,246,.1),transparent 12rem),linear-gradient(180deg,#fff,#f8fbff);border:1px solid rgba(198,214,239,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.7);}
.work-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch;}
.work-board-column{display:grid;align-content:start;gap:10px;min-width:0;border:1px solid rgba(37,99,235,.1);border-radius:24px;padding:14px;background:#fff;box-shadow:0 16px 38px rgba(30,54,102,.07);}
.work-board-column--doing{background:linear-gradient(180deg,#fff,#f8fbff);}
.work-column-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:2px;}
.work-column-head b{font-weight:950;color:#0f172a;letter-spacing:-.02em;}
.work-column-head small{font-weight:950;color:#64748b;}
.work-task-card{display:grid;gap:7px;padding:12px;border-radius:18px;background:#f8fafc;border:1px solid #e2e8f0;}
.work-task-card.is-active{border-color:rgba(37,99,235,.32);box-shadow:0 14px 30px rgba(37,99,235,.12);}
.work-task-card b,.work-risk-card b,.work-owner-card b{font-size:.84rem;font-weight:950;color:#0f172a;line-height:1.22;}
.work-task-card small,.work-risk-card small,.work-owner-card small{font-weight:850;color:#64748b;line-height:1.35;}
.work-task-card i{display:block;width:70%;height:8px;border-radius:999px;background:linear-gradient(90deg,#2575f6,#16c7a6);}
.work-risk-card,.work-owner-card{display:grid;gap:9px;padding:13px;border-radius:18px;background:#fff;border:1px solid rgba(37,99,235,.1);box-shadow:0 12px 28px rgba(30,54,102,.06);}
.work-risk-card .v2-icon-badge,.work-owner-card .v2-icon-badge{width:38px;height:38px;border-radius:13px;box-shadow:0 12px 24px rgba(37,99,235,.14);}
.work-risk-card .v2-icon-badge svg,.work-owner-card .v2-icon-badge svg{width:19px;height:19px;}
.work-readiness-strip,.support-readiness-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;padding:14px 16px;border-radius:22px;background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;}
.work-readiness-strip b,.support-readiness-strip b{margin-right:auto;font-weight:950;}
.work-readiness-strip span,.support-readiness-strip span{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.13);font-size:.78rem;font-weight:900;}
.support-product-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:12px;}
.support-product-grid article{min-width:0;border:1px solid rgba(37,99,235,.1);border-radius:24px;background:#fff;box-shadow:0 16px 38px rgba(30,54,102,.07);}
.support-ticket-card{grid-row:span 3;padding:16px;background:linear-gradient(180deg,#fff,#f8fbff)!important;}
.support-ticket-head{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.support-ticket-head .v2-icon-badge{width:44px;height:44px;border-radius:15px;box-shadow:0 14px 28px rgba(37,99,235,.16);}
.support-ticket-head .v2-icon-badge svg{width:22px;height:22px;}
.support-ticket-head b,.support-queue-card b,.support-sla-card b,.support-proof-card b{display:block;color:#0f172a;font-weight:950;letter-spacing:-.02em;line-height:1.18;}
.support-ticket-head small,.support-queue-card small,.support-sla-card small,.support-proof-card small{display:block;margin-top:6px;color:#64748b;font-weight:800;line-height:1.35;}
.support-ticket-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;}
.support-ticket-meta span{padding:7px 9px;border-radius:999px;background:#eef4ff;color:#1d4ed8;font-size:.74rem;font-weight:950;}
.support-ticket-lines{display:grid;gap:8px;margin-bottom:14px;}
.support-ticket-lines span{display:block;height:10px;border-radius:999px;background:#e9f2ff;}
.support-ticket-lines span:nth-child(2){width:88%;}
.support-ticket-lines span:nth-child(3){width:70%;}
.support-ticket-progress{display:grid;gap:8px;}
.support-ticket-progress b{font-size:.78rem;color:#334155;font-weight:950;}
.support-ticket-progress span{display:block;height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden;}
.support-ticket-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2575f6,#16c7a6);}
.support-queue-card,.support-sla-card,.support-proof-card{padding:16px;}
.support-queue-card > .v2-icon-badge,.support-sla-card > .v2-icon-badge,.support-proof-card > .v2-icon-badge{width:42px;height:42px;border-radius:14px;box-shadow:0 12px 26px rgba(37,99,235,.15);margin-bottom:12px;}
.support-queue-card > .v2-icon-badge svg,.support-sla-card > .v2-icon-badge svg,.support-proof-card > .v2-icon-badge svg{width:21px;height:21px;}
.showcase-float--work-owner{right:3%;top:42px;}
.showcase-float--work-deadline{left:0;top:302px;}
.showcase-float--work-report{right:1%;bottom:58px;}
.showcase-float--support-queue{right:4%;top:42px;}
.showcase-float--support-sla{left:0;top:302px;}
.showcase-float--support-proof{right:2%;bottom:58px;}
.work-page .showcase-float .v2-icon-badge,.support-page .showcase-float .v2-icon-badge{width:46px;height:46px;border-radius:15px;box-shadow:0 16px 34px rgba(37,99,235,.18);}
.work-page .showcase-float .v2-icon-badge svg,.support-page .showcase-float .v2-icon-badge svg{width:23px;height:23px;}
.work-page .comparison-icon.v2-icon-badge,.support-page .comparison-icon.v2-icon-badge{width:62px;height:62px;border-radius:20px;box-shadow:0 18px 38px rgba(15,23,42,.14);}
.work-page .comparison-icon.v2-icon-badge svg,.support-page .comparison-icon.v2-icon-badge svg{width:31px;height:31px;}
.work-page .module-step-icon.v2-icon-badge,.support-page .module-step-icon.v2-icon-badge,.work-page .feature-art.v2-icon-badge,.support-page .feature-art.v2-icon-badge{width:58px;height:58px;border-radius:18px;box-shadow:0 18px 34px rgba(37,99,235,.18);}
.work-page .module-step-icon.v2-icon-badge svg,.support-page .module-step-icon.v2-icon-badge svg,.work-page .feature-art.v2-icon-badge svg,.support-page .feature-art.v2-icon-badge svg{width:28px;height:28px;}
.work-page .highlight-icon.v2-icon-badge,.support-page .highlight-icon.v2-icon-badge{width:42px;height:42px;border-radius:14px;box-shadow:0 14px 30px rgba(37,99,235,.16);}
.work-page .highlight-icon.v2-icon-badge svg,.support-page .highlight-icon.v2-icon-badge svg{width:21px;height:21px;}
.work-page .role-icon.v2-icon-badge,.support-page .role-icon.v2-icon-badge{width:48px;height:48px;border-radius:16px;margin-bottom:14px;box-shadow:0 16px 30px rgba(37,99,235,.18);}
.work-page .role-icon.v2-icon-badge svg,.support-page .role-icon.v2-icon-badge svg{width:24px;height:24px;}
.work-page .buyer-grid--visual article,.support-page .buyer-grid--visual article{padding-top:24px!important;}
.work-page .buyer-grid--visual .role-icon,.support-page .buyer-grid--visual .role-icon{position:relative!important;inset:auto!important;display:grid!important;margin-bottom:14px!important;}
.work-page .feature-matrix--visual article,.support-page .feature-matrix--visual article,.work-page .buyer-grid--visual article,.support-page .buyer-grid--visual article{border-color:rgba(198,214,239,.8)!important;box-shadow:0 18px 48px rgba(30,54,102,.075)!important;}
@media (max-width:1240px){.work-showcase,.support-showcase{min-height:620px;max-width:820px;margin-inline:auto;width:100%;}.work-hero-copy,.support-hero-copy{max-width:860px;}}
@media (max-width:900px){.work-product-grid{grid-template-columns:1fr;}.work-board-column{min-height:auto;}}
@media (max-width:820px){.work-showcase,.support-showcase{min-height:auto;display:grid;gap:12px;}.work-workspace,.support-workspace{grid-template-columns:1fr;}.work-showcase-rail,.support-showcase-rail{grid-template-columns:repeat(4,1fr);}.work-showcase-rail span,.support-showcase-rail span{min-height:64px;font-size:11px;}.support-product-grid{grid-template-columns:1fr;}.support-ticket-card{grid-row:auto;}.work-readiness-strip b,.support-readiness-strip b{width:100%;}.work-page .showcase-float,.support-page .showcase-float{min-width:0;width:100%;}.work-trust-row,.support-trust-row{gap:8px;}.work-trust-row span,.support-trust-row span{font-size:.82rem;}}
@media (max-width:560px){.work-control-canvas,.support-control-canvas{padding:14px;border-radius:22px;}.work-showcase-rail,.support-showcase-rail{grid-template-columns:repeat(2,1fr);}}
@media print{.work-page .v2-icon-badge,.support-page .v2-icon-badge{box-shadow:none!important;color:#1f2937!important;background:#eef4ff!important;border:1px solid #cbd5e1;}.work-showcase,.support-showcase,.work-page .showcase-float,.support-page .showcase-float{position:relative!important;inset:auto!important;box-shadow:none!important;}.work-page .showcase-float,.support-page .showcase-float{display:none!important;}}


/* Patch 12: Bildirim Merkezi + 404 için SVG ikon sistemi ve premium showcase hizalaması */
.notification-page{
  --module-hero-max:1320px;
  --module-premium-line:rgba(198,214,239,.9);
  --module-premium-shadow:0 38px 92px rgba(22,52,105,.16);
}
.notification-trust-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:24px 0 0;}
.notification-trust-row span{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(198,214,239,.8);border-radius:999px;background:rgba(255,255,255,.78);box-shadow:0 12px 28px rgba(30,54,102,.06);color:#334155;font-weight:950;font-size:.88rem;}
.notification-trust-row .v2-icon-badge{width:26px;height:26px;border-radius:9px;box-shadow:0 8px 18px rgba(37,99,235,.12);}
.notification-trust-row .v2-icon-badge svg{width:15px;height:15px;stroke-width:2;}
.notification-showcase{min-height:660px;}
.notification-workspace{display:grid;grid-template-columns:128px minmax(0,1fr);gap:16px;}
.notification-showcase-rail{display:grid;align-content:start;gap:10px;padding:12px;border-radius:24px;background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid rgba(37,99,235,.09);}
.notification-showcase-rail span{display:grid;justify-items:center;gap:7px;min-height:78px;padding:10px 8px;border-radius:18px;color:#64748b;font-size:12px;font-weight:950;text-align:center;}
.notification-showcase-rail span.is-active{background:#fff;color:#1d4ed8;box-shadow:0 12px 28px rgba(30,54,102,.08);}
.notification-showcase-rail .v2-icon-badge{width:28px;height:28px;border-radius:10px;box-shadow:0 8px 18px rgba(37,99,235,.12);}
.notification-showcase-rail .v2-icon-badge svg{width:16px;height:16px;stroke-width:2;}
.notification-control-canvas{min-width:0;border-radius:28px;padding:18px;background:radial-gradient(circle at 92% 5%,rgba(37,117,246,.1),transparent 12rem),linear-gradient(180deg,#fff,#f8fbff);border:1px solid rgba(198,214,239,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.7);}
.notification-product-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:12px;}
.notification-product-grid article{min-width:0;border:1px solid rgba(37,99,235,.1);border-radius:24px;background:#fff;box-shadow:0 16px 38px rgba(30,54,102,.07);}
.notification-inbox-card{grid-row:span 4;padding:16px;background:linear-gradient(180deg,#fff,#f8fbff)!important;}
.notification-inbox-head{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.notification-inbox-head .v2-icon-badge{width:44px;height:44px;border-radius:15px;box-shadow:0 14px 28px rgba(37,99,235,.16);}
.notification-inbox-head .v2-icon-badge svg{width:22px;height:22px;}
.notification-inbox-head b,.notification-preference-card b,.notification-delivery-card b,.notification-risk-card b,.notification-audit-card b{display:block;color:#0f172a;font-weight:950;letter-spacing:-.02em;line-height:1.18;}
.notification-inbox-head small,.notification-preference-card small,.notification-delivery-card small,.notification-risk-card small,.notification-audit-card small{display:block;margin-top:6px;color:#64748b;font-weight:800;line-height:1.35;}
.notification-message-list{display:grid;gap:10px;}
.notification-message-list span{display:grid;grid-template-columns:10px 1fr;gap:2px 10px;align-items:center;padding:12px;border:1px solid #e2e8f0;border-radius:18px;background:#f8fafc;}
.notification-message-list span i{grid-row:1 / span 2;width:10px;height:10px;border-radius:999px;background:#2575f6;box-shadow:0 0 0 5px rgba(37,117,246,.1);}
.notification-message-list span.is-critical{border-color:rgba(245,158,11,.35);box-shadow:0 14px 30px rgba(245,158,11,.1);}
.notification-message-list span.is-critical i{background:#f59e0b;box-shadow:0 0 0 5px rgba(245,158,11,.12);}
.notification-message-list b{font-size:.84rem;font-weight:950;color:#0f172a;line-height:1.22;}
.notification-message-list small{font-weight:850;color:#64748b;line-height:1.35;}
.notification-preference-card,.notification-delivery-card,.notification-risk-card,.notification-audit-card{padding:16px;}
.notification-preference-card > .v2-icon-badge,.notification-delivery-card > .v2-icon-badge,.notification-risk-card > .v2-icon-badge,.notification-audit-card > .v2-icon-badge{width:42px;height:42px;border-radius:14px;box-shadow:0 12px 26px rgba(37,99,235,.15);margin-bottom:12px;}
.notification-preference-card > .v2-icon-badge svg,.notification-delivery-card > .v2-icon-badge svg,.notification-risk-card > .v2-icon-badge svg,.notification-audit-card > .v2-icon-badge svg{width:21px;height:21px;}
.notification-readiness-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;padding:14px 16px;border-radius:22px;background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;}
.notification-readiness-strip b{margin-right:auto;font-weight:950;}
.notification-readiness-strip span{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.13);font-size:.78rem;font-weight:900;}
.showcase-float--notification-action{right:4%;top:42px;}
.showcase-float--notification-warning{left:0;top:302px;}
.showcase-float--notification-audit{right:2%;bottom:58px;}
.notification-page .showcase-float .v2-icon-badge{width:46px;height:46px;border-radius:15px;box-shadow:0 16px 34px rgba(37,99,235,.18);}
.notification-page .showcase-float .v2-icon-badge svg{width:23px;height:23px;}
.notification-page .comparison-icon.v2-icon-badge{width:62px;height:62px;border-radius:20px;box-shadow:0 18px 38px rgba(15,23,42,.14);}
.notification-page .comparison-icon.v2-icon-badge svg{width:31px;height:31px;}
.notification-page .module-step-icon.v2-icon-badge,.notification-page .feature-art.v2-icon-badge{width:58px;height:58px;border-radius:18px;box-shadow:0 18px 34px rgba(37,99,235,.18);}
.notification-page .module-step-icon.v2-icon-badge svg,.notification-page .feature-art.v2-icon-badge svg{width:28px;height:28px;}
.notification-page .highlight-icon.v2-icon-badge{width:42px;height:42px;border-radius:14px;box-shadow:0 14px 30px rgba(37,99,235,.16);}
.notification-page .highlight-icon.v2-icon-badge svg{width:21px;height:21px;}
.notification-page .role-icon.v2-icon-badge{width:48px;height:48px;border-radius:16px;margin-bottom:14px;box-shadow:0 16px 30px rgba(37,99,235,.18);}
.notification-page .role-icon.v2-icon-badge svg{width:24px;height:24px;}
.notification-page .buyer-grid--visual article{padding-top:24px!important;}
.notification-page .buyer-grid--visual .role-icon{position:relative!important;inset:auto!important;display:grid!important;margin-bottom:14px!important;}
.notification-page .feature-matrix--visual article,.notification-page .buyer-grid--visual article{border-color:rgba(198,214,239,.8)!important;box-shadow:0 18px 48px rgba(30,54,102,.075)!important;}
.notfound-svg-visual{position:relative;min-height:430px;isolation:isolate;}
.notfound-svg-visual::before{content:"";position:absolute;inset:28px 16px;border-radius:50%;background:radial-gradient(circle at 44% 38%,rgba(255,255,255,.95),rgba(255,255,255,.28) 34%,transparent 68%),radial-gradient(circle at 55% 55%,rgba(37,117,246,.16),transparent 52%),radial-gradient(circle at 74% 62%,rgba(124,58,237,.12),transparent 48%);z-index:0;}
.notfound-route-window{position:absolute;left:8%;right:6%;top:64px;min-height:300px;border:1px solid rgba(198,214,239,.92);border-radius:32px;background:rgba(255,255,255,.9);box-shadow:0 34px 80px rgba(22,52,105,.16);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden;z-index:1;}
.notfound-route-head{display:flex;align-items:center;gap:14px;padding:18px 20px;border-bottom:1px solid rgba(198,214,239,.74);background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,251,255,.84));}
.notfound-route-head b{display:block;color:#0f172a;font-weight:950;letter-spacing:-.02em;}.notfound-route-head small{display:block;color:#64748b;font-weight:850;}
.notfound-route-main-icon{width:52px!important;height:52px!important;border-radius:18px!important;box-shadow:0 18px 38px rgba(245,158,11,.18)!important;}
.notfound-route-flow{display:flex;align-items:center;justify-content:center;gap:10px;padding:22px 18px;}
.notfound-route-flow > span{display:grid;justify-items:center;gap:8px;min-width:112px;padding:12px 10px;border-radius:20px;border:1px solid rgba(37,99,235,.1);background:#f8fbff;color:#334155;font-size:.78rem;font-weight:950;text-align:center;}
.notfound-route-flow > span.is-active{background:#fff7ed;border-color:rgba(245,158,11,.26);color:#92400e;box-shadow:0 14px 30px rgba(245,158,11,.1);}
.notfound-route-flow > span.is-complete{background:#eff6ff;color:#1d4ed8;}
.notfound-route-flow i{display:block;width:34px;height:2px;border-radius:999px;background:#cbd5e1;}
.notfound-route-flow .v2-icon-badge{width:34px;height:34px;border-radius:12px;box-shadow:0 10px 22px rgba(37,99,235,.12);}
.notfound-route-flow .v2-icon-badge svg{width:18px;height:18px;}
.notfound-route-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 18px 18px;}
.notfound-route-panel article{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid rgba(37,99,235,.1);border-radius:20px;background:#fff;box-shadow:0 14px 32px rgba(30,54,102,.07);}
.notfound-route-panel .v2-icon-badge{width:38px;height:38px;border-radius:13px;box-shadow:0 12px 24px rgba(37,99,235,.14);flex:0 0 auto;}
.notfound-route-panel b{display:block;color:#0f172a;font-size:.88rem;font-weight:950;line-height:1.18;}.notfound-route-panel small{display:block;margin-top:4px;color:#64748b;font-size:.76rem;font-weight:800;line-height:1.35;}
.notfound-floating-card{position:absolute;display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid rgba(198,214,239,.92);border-radius:20px;background:rgba(255,255,255,.9);box-shadow:0 22px 54px rgba(21,53,115,.13);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:2;color:#0f172a;font-size:.82rem;font-weight:950;}
.notfound-floating-card .v2-icon-badge{width:34px;height:34px;border-radius:12px;box-shadow:0 10px 22px rgba(37,99,235,.12);}
.notfound-floating-card--home{left:0;top:34px;}.notfound-floating-card--modules{right:1%;top:196px;}.notfound-floating-card--demo{left:13%;bottom:24px;}
.notfound-card-svg-icon{width:46px!important;height:46px!important;border-radius:16px!important;margin-bottom:12px;box-shadow:0 16px 32px rgba(37,99,235,.15)!important;}
.notfound-help-card .notfound-card-svg-icon + small{margin-top:0;}
@media (max-width:1240px){.notification-showcase{min-height:620px;max-width:820px;margin-inline:auto;width:100%;}.notification-hero-copy{max-width:860px;}}
@media (max-width:900px){.notification-product-grid{grid-template-columns:1fr;}.notification-inbox-card{grid-row:auto;}.notfound-route-window{left:3%;right:3%;}.notfound-route-panel{grid-template-columns:1fr;}.notfound-floating-card{position:relative;inset:auto!important;margin-top:10px;display:inline-flex;}}
@media (max-width:820px){.notification-showcase{min-height:auto;display:grid;gap:12px;}.notification-workspace{grid-template-columns:1fr;}.notification-showcase-rail{grid-template-columns:repeat(4,1fr);}.notification-showcase-rail span{min-height:64px;font-size:11px;}.notification-readiness-strip b{width:100%;}.notification-page .showcase-float{min-width:0;width:100%;}.notification-trust-row{gap:8px;}.notification-trust-row span{font-size:.82rem;}.notfound-svg-visual{min-height:auto;display:grid;gap:12px;}.notfound-route-window{position:relative;left:auto;right:auto;top:auto;min-height:0;}.notfound-svg-visual::before{display:none;}.notfound-route-flow{flex-wrap:wrap;}.notfound-route-flow i{display:none;}}
@media (max-width:560px){.notification-control-canvas{padding:14px;border-radius:22px;}.notification-showcase-rail{grid-template-columns:repeat(2,1fr);}.notfound-route-flow > span{width:100%;}.notfound-route-head{align-items:flex-start;}.notfound-route-panel{padding:0 14px 14px;}}
@media print{.notification-page .v2-icon-badge,.notfound-page .v2-icon-badge{box-shadow:none!important;color:#1f2937!important;background:#eef4ff!important;border:1px solid #cbd5e1;}.notification-showcase,.notification-page .showcase-float,.notfound-svg-visual,.notfound-route-window,.notfound-floating-card{position:relative!important;inset:auto!important;box-shadow:none!important;}.notification-page .showcase-float,.notfound-floating-card{display:none!important;}}

/* Patch 3: içerik cilası sonrası ortak responsive ve PDF/print sertleştirme */
@media (max-width:1024px){
  .module-premium-grid,.sales-hero-grid,.expense-hero-grid,.v2-hero-grid,.v3-hero-grid{grid-template-columns:1fr!important;}
  .module-premium-hero,.sales-hero,.v2-hero,.v3-hero{overflow:hidden;}
  .module-showcase,.document-showcase,.mebcool-showcase,.security-showcase,.setup-showcase,.advance-showcase,.asset-showcase,.calendar-showcase,.chat-showcase,.announcement-showcase,.identity-showcase,.work-showcase,.support-showcase,.notification-showcase{max-width:860px;margin-inline:auto;}
  .showcase-float{max-width:calc(100vw - 48px);}
  .related-module-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:820px){
  .showcase-float{position:relative!important;inset:auto!important;width:100%;min-width:0;margin-top:10px;}
  .module-premium-hero,.sales-hero,.v2-hero,.v3-hero{padding-inline:18px;}
  .showcase-workspace,.expense-product-grid,.leave-product-grid,.document-product-grid,.mebcool-product-grid,.advance-product-grid,.asset-product-grid,.calendar-product-grid,.chat-product-grid,.announcement-product-grid,.identity-product-grid,.work-product-grid,.support-product-grid,.notification-product-grid{grid-template-columns:1fr!important;}
  .showcase-window-bar,.panel-title-row,.feature-visual-head{align-items:flex-start;}
  .related-module-grid{grid-template-columns:1fr;}
}
@media (max-width:560px){
  .v2-icon-badge,.module-step-icon.v2-icon-badge,.feature-art.v2-icon-badge,.role-icon.v2-icon-badge{flex:0 0 auto;}
  .trust-row span,.expense-trust-row span,.leave-trust-row span,.document-trust-row span,.mebcool-trust-row span,.security-trust-row span,.setup-trust-row span,.advance-trust-row span,.asset-trust-row span,.calendar-trust-row span,.chat-trust-row span,.announcement-trust-row span,.identity-trust-row span,.work-trust-row span,.support-trust-row span,.notification-trust-row span{width:100%;justify-content:flex-start;}
  .cta-checks{grid-template-columns:1fr!important;}
  h1,h2,h3,p,li,small,span{overflow-wrap:anywhere;}
}
@media print{
  .site-header,.nav-actions,.hero-actions,.showcase-glow,.showcase-float,.notfound-floating-card,.mobile-menu-toggle{display:none!important;}
  .module-premium-grid,.sales-hero-grid,.expense-hero-grid,.v2-hero-grid,.v3-hero-grid,.showcase-workspace,.expense-product-grid,.leave-product-grid,.document-product-grid,.mebcool-product-grid,.advance-product-grid,.asset-product-grid,.calendar-product-grid,.chat-product-grid,.announcement-product-grid,.identity-product-grid,.work-product-grid,.support-product-grid,.notification-product-grid,.related-module-grid{display:block!important;}
  .module-premium-hero,.sales-hero,.v2-hero,.v3-hero,section,article,.feature-card,.related-module-card,.comparison-card,.cta-panel,.closing-card{break-inside:avoid;page-break-inside:avoid;box-shadow:none!important;}
  .module-showcase,.document-showcase,.mebcool-showcase,.security-showcase,.setup-showcase,.advance-showcase,.asset-showcase,.calendar-showcase,.chat-showcase,.announcement-showcase,.identity-showcase,.work-showcase,.support-showcase,.notification-showcase{min-height:0!important;box-shadow:none!important;}
  a[href]::after{content:""!important;}
}

/* v2 header normalization — keep index.html navigation aligned with inner pages */
.visual-refresh-v2 .site-header {
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.88));
  border-bottom: 1px solid rgba(217,229,245,.72);
  box-shadow: none;
}
.visual-refresh-v2 .site-header::after {
  display: block;
}
.visual-refresh-v2 .site-header.is-scrolled {
  box-shadow: 0 10px 28px rgba(15, 23, 42, .035);
}
.visual-refresh-v2 .nav {
  justify-content: flex-start;
  gap: 28px;
}
.visual-refresh-v2 .brand {
  min-width: 0;
  flex: 0 0 auto;
  padding: 4px 0;
}
.visual-refresh-v2 .brand-logo,
.visual-refresh-v2 .brand img.brand-logo {
  width: 166px;
  height: auto;
}
.visual-refresh-v2 .brand-tagline {
  color: #62718a;
  font-size: 11px;
  letter-spacing: .08em;
}
.visual-refresh-v2 .nav-links {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  margin-left: 10px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #30415a;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -.005em;
}
.visual-refresh-v2 .nav-links a {
  position: relative;
  padding: 9px 12px;
  border-radius: 12px;
  color: inherit;
  overflow: visible;
  transform: none;
  transition: background-color .18s ease, color .18s ease, transform .18s ease;
}
.visual-refresh-v2 .nav-links a::before {
  display: block;
}
.visual-refresh-v2 .nav-links a::after {
  left: 12px;
  right: 12px;
  bottom: 4px;
  height: 2px;
  background: linear-gradient(90deg, var(--nav-accent), var(--nav-accent-2));
  box-shadow: none;
  opacity: 0;
  transform: scaleX(.35);
  transform-origin: center;
  transition: opacity .18s ease, transform .18s ease;
}
.visual-refresh-v2 .nav-links a:hover,
.visual-refresh-v2 .nav-links a:focus-visible {
  background: rgba(37,117,246,.075);
  color: var(--primary-2);
  outline: none;
  transform: translateY(-1px);
}
.visual-refresh-v2 .nav-links a:hover::after,
.visual-refresh-v2 .nav-links a:focus-visible::after {
  opacity: .72;
  transform: scaleX(1);
}
.visual-refresh-v2 .nav-actions {
  margin-left: auto;
  gap: 12px;
}
.visual-refresh-v2 .site-header .nav-actions .btn,
.visual-refresh-v2 .site-header .btn {
  min-height: 44px;
  padding: 10px 18px;
  border-radius: 14px;
  font-size: inherit;
  font-weight: 700;
  letter-spacing: -.01em;
  box-shadow: none;
}
.visual-refresh-v2 .site-header .nav-actions .btn::before {
  display: block;
}
.visual-refresh-v2 .site-header .nav-actions .btn-ghost,
.visual-refresh-v2 .site-header .btn-ghost {
  color: #172033;
  background: rgba(255,255,255,.62);
  border-color: rgba(198,213,232,.76);
}
.visual-refresh-v2 .site-header .nav-actions .btn-primary,
.visual-refresh-v2 .site-header .btn-primary {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #2575f6 0%, #1e63de 62%, #11a7df 100%);
}
@media (max-width: 980px) {
  .visual-refresh-v2 .nav { justify-content: space-between; gap: 16px; }
  .visual-refresh-v2 .nav-links { display: none; }
  .visual-refresh-v2 .nav-links.is-open {
    position: absolute;
    top: var(--nav-h);
    left: 24px;
    right: 24px;
    display: grid;
    gap: 6px;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 22px;
    background: #fff;
    box-shadow: var(--shadow-soft);
  }
  .visual-refresh-v2 .nav-links.is-open a::before,
  .visual-refresh-v2 .nav-links.is-open a::after { display: none; }
  .visual-refresh-v2 .nav-actions { margin-left: 0; }
}
@media (max-width: 760px) {
  .visual-refresh-v2 .brand-logo,
  .visual-refresh-v2 .brand img.brand-logo { width: 136px; }
  .visual-refresh-v2 .brand { min-width: auto; }
  .visual-refresh-v2 .brand-tagline { display: none; }
  .visual-refresh-v2 .site-header .nav-actions .btn { min-height: 36px; padding: 8px 11px; border-radius: 12px; font-size: 12px; }
  .visual-refresh-v2 .site-header .nav-actions .btn-ghost { display: none; }
}

/* v2 header visual parity — make index.html header surface match inner pages */
.visual-refresh-v2 .site-header {
  background:
    radial-gradient(circle at 12% -70%, rgba(37, 117, 246, .14), transparent 26rem),
    radial-gradient(circle at 92% -80%, rgba(22, 199, 166, .13), transparent 26rem),
    linear-gradient(90deg, rgba(244, 249, 255, .86) 0%, rgba(255, 255, 255, .76) 42%, rgba(240, 253, 250, .84) 100%);
  border-bottom-color: transparent;
  box-shadow: none;
  backdrop-filter: blur(22px) saturate(1.08);
  -webkit-backdrop-filter: blur(22px) saturate(1.08);
}

.visual-refresh-v2 .site-header::after {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  right: auto;
  bottom: -1px;
  width: min(calc(100% - 48px), var(--max));
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(37, 117, 246, .08) 12%,
    rgba(37, 117, 246, .18) 34%,
    rgba(22, 199, 166, .14) 66%,
    rgba(37, 117, 246, .07) 88%,
    transparent 100%
  );
  opacity: .74;
  pointer-events: none;
}

.visual-refresh-v2 .site-header.is-scrolled {
  background:
    radial-gradient(circle at 10% -90%, rgba(37, 117, 246, .10), transparent 24rem),
    radial-gradient(circle at 92% -90%, rgba(22, 199, 166, .10), transparent 24rem),
    linear-gradient(90deg, rgba(250, 253, 255, .91) 0%, rgba(255, 255, 255, .86) 45%, rgba(245, 255, 252, .90) 100%);
  box-shadow: none;
}

.visual-refresh-v2 .site-header.is-scrolled::after {
  opacity: .58;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(37, 117, 246, .07) 14%,
    rgba(37, 117, 246, .15) 38%,
    rgba(22, 199, 166, .12) 66%,
    rgba(37, 117, 246, .06) 88%,
    transparent 100%
  );
}

@media (max-width: 760px) {
  .visual-refresh-v2 .site-header::after {
    width: calc(100% - 28px);
  }
}

/* Patch 12: iç sayfa hero alanını index hero ile aynı açık yüzey diline taşıma */
@media (min-width: 1141px) {
  .visual-refresh-v2 .nav-links {
    margin-left: auto;
  }

  .visual-refresh-v2 .nav-actions {
    margin-left: 0;
  }
}

.module-premium-hero {
  padding-top: 48px !important;
  padding-bottom: 56px !important;
  min-height: auto;
  align-items: flex-start;
  background: transparent !important;
}

.module-premium-hero > .container {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

.module-premium-hero > .container::before {
  display: none;
}

.module-premium-hero > .container > * {
  z-index: auto;
}

@media (max-width: 1240px) {
  .module-premium-hero {
    padding-top: 42px !important;
  }
}

@media (max-width: 820px) {
  .module-premium-hero {
    padding-top: 34px !important;
    padding-bottom: 38px !important;
  }

  .module-premium-hero > .container {
    width: min(100% - 30px, var(--module-hero-max));
  }
}

/* Patch 13: İç sayfa içerik genişliğini index/header hizasına çekme */
@media (min-width: 981px) {
  .module-premium-hero > .container {
    width: min(100% - 48px, var(--max)) !important;
  }

  .expense-comparison-section > .container,
  .leave-page .leave-comparison {
    width: min(100% - 48px, var(--max)) !important;
  }
}

/* Patch 14: İç sayfa hero typography standardını index.html premium diliyle hizalama */
.module-premium-hero .sales-hero-grid > .reveal:first-child,
.module-premium-hero .expense-hero-copy,
.module-premium-hero .security-hero-copy,
.module-premium-hero .setup-hero-copy,
.module-premium-hero .document-hero-copy,
.module-premium-hero .mebcool-hero-copy,
.module-premium-hero .advance-hero-copy,
.module-premium-hero .asset-hero-copy,
.module-premium-hero .calendar-hero-copy,
.module-premium-hero .chat-hero-copy,
.module-premium-hero .announcement-hero-copy,
.module-premium-hero .identity-hero-copy,
.module-premium-hero .work-hero-copy,
.module-premium-hero .support-hero-copy,
.module-premium-hero .notification-hero-copy {
  max-width: 760px !important;
}

.module-premium-hero .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: auto;
  max-width: 100%;
  margin: 0 0 18px;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: #0d2f72;
  background: transparent;
  box-shadow: none;
  font-size: clamp(13px, .95vw, 16px);
  line-height: 1;
  font-weight: 950;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.module-premium-hero .eyebrow > span {
  display: none;
}

.module-premium-hero .eyebrow::after {
  content: "";
  flex: 0 0 auto;
  width: 54px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, #2575f6, #7357f6);
}

.module-premium-hero h1 {
  margin: 0 !important;
  max-width: 780px !important;
  color: #091431;
  font-family: var(--display);
  font-size: clamp(50px, 4.85vw, 42px) !important;
  line-height: .98 !important;
  font-weight: 950;
  letter-spacing: -.035em !important;
  text-wrap: balance;
}

.module-premium-hero .lead {
  margin: 24px 0 0 !important;
  max-width: 720px !important;
  color: #52627f !important;
  font-size: clamp(17px, 1.28vw, 22px) !important;
  line-height: 1.62 !important;
  font-weight: 650;
  letter-spacing: -.012em;
}

.module-premium-hero .lead strong {
  color: #091431;
  font-weight: 900;
}

.module-premium-hero .hero-actions {
  margin: 28px 0 22px;
}

.module-premium-hero .mini-nav-note {
  margin-top: 18px;
  max-width: 700px;
  color: #64748b;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 650;
}

@media (max-width: 1240px) {
  .module-premium-hero .sales-hero-grid > .reveal:first-child,
  .module-premium-hero .expense-hero-copy,
  .module-premium-hero .security-hero-copy,
  .module-premium-hero .setup-hero-copy,
  .module-premium-hero .document-hero-copy,
  .module-premium-hero .mebcool-hero-copy,
  .module-premium-hero .advance-hero-copy,
  .module-premium-hero .asset-hero-copy,
  .module-premium-hero .calendar-hero-copy,
  .module-premium-hero .chat-hero-copy,
  .module-premium-hero .announcement-hero-copy,
  .module-premium-hero .identity-hero-copy,
  .module-premium-hero .work-hero-copy,
  .module-premium-hero .support-hero-copy,
  .module-premium-hero .notification-hero-copy {
    max-width: 860px !important;
  }

  .module-premium-hero h1 {
    max-width: 860px !important;
    font-size: clamp(48px, 7vw, 76px) !important;
  }

  .module-premium-hero .lead {
    max-width: 780px !important;
  }
}

@media (max-width: 820px) {
  .module-premium-hero .eyebrow {
    margin-bottom: 16px;
    font-size: 12px;
    letter-spacing: .045em;
  }

  .module-premium-hero .eyebrow::after {
    width: 42px;
    height: 3px;
  }

  .module-premium-hero h1 {
    font-size: clamp(42px, 10.6vw, 60px) !important;
    letter-spacing: -.058em !important;
  }

  .module-premium-hero .lead {
    margin-top: 20px !important;
    font-size: clamp(16px, 4.2vw, 19px) !important;
    line-height: 1.62 !important;
  }
}

@media (max-width: 520px) {
  .module-premium-hero h1 {
    font-size: clamp(38px, 10.8vw, 54px) !important;
  }

  .module-premium-hero .lead {
    font-size: 16px !important;
  }
}

/* Patch 15: İç sayfa hero chip ve showcase rail ikon kırpılmalarını düzeltme */
:where(
  .expense-trust-row,
  .leave-trust-row,
  .asset-trust-row,
  .advance-trust-row,
  .calendar-trust-row,
  .chat-trust-row,
  .announcement-trust-row,
  .identity-trust-row,
  .work-trust-row,
  .support-trust-row,
  .notification-trust-row
) > span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

:where(
  .expense-trust-row,
  .leave-trust-row,
  .asset-trust-row,
  .advance-trust-row,
  .calendar-trust-row,
  .chat-trust-row,
  .announcement-trust-row,
  .identity-trust-row,
  .work-trust-row,
  .support-trust-row,
  .notification-trust-row
) .v2-icon-badge {
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 26px !important;
  width: 26px !important;
  min-width: 26px !important;
  height: 26px !important;
  min-height: 26px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 9px !important;
  line-height: 1 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

:where(
  .expense-trust-row,
  .leave-trust-row,
  .asset-trust-row,
  .advance-trust-row,
  .calendar-trust-row,
  .chat-trust-row,
  .announcement-trust-row,
  .identity-trust-row,
  .work-trust-row,
  .support-trust-row,
  .notification-trust-row
) .v2-icon-badge svg {
  display: block !important;
  flex: 0 0 auto !important;
  width: 15px !important;
  height: 15px !important;
  max-width: 15px !important;
  max-height: 15px !important;
}

:where(
  .showcase-rail,
  .asset-showcase-rail,
  .advance-showcase-rail,
  .calendar-showcase-rail,
  .chat-showcase-rail,
  .announcement-showcase-rail,
  .identity-showcase-rail,
  .work-showcase-rail,
  .support-showcase-rail,
  .notification-showcase-rail,
  .security-access-list,
  .setup-step-list
) .v2-icon-badge {
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 28px !important;
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 10px !important;
  line-height: 1 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

:where(
  .showcase-rail,
  .asset-showcase-rail,
  .advance-showcase-rail,
  .calendar-showcase-rail,
  .chat-showcase-rail,
  .announcement-showcase-rail,
  .identity-showcase-rail,
  .work-showcase-rail,
  .support-showcase-rail,
  .notification-showcase-rail,
  .security-access-list,
  .setup-step-list
) .v2-icon-badge svg {
  display: block !important;
  flex: 0 0 auto !important;
  width: 16px !important;
  height: 16px !important;
  max-width: 16px !important;
  max-height: 16px !important;
}

@media (max-width: 820px) {
  :where(
    .expense-trust-row,
    .leave-trust-row,
    .asset-trust-row,
    .advance-trust-row,
    .calendar-trust-row,
    .chat-trust-row,
    .announcement-trust-row,
    .identity-trust-row,
    .work-trust-row,
    .support-trust-row,
    .notification-trust-row
  ) .v2-icon-badge {
    flex-basis: 26px !important;
    width: 26px !important;
    min-width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
  }
}

/* Patch 16: İç sayfa SVG ikonlarının kutu içinde optik olarak merkezlenmesi */
:where(
  .expense-page,
  .leave-page,
  .document-page,
  .mebcool-page,
  .security-page,
  .setup-page,
  .asset-page,
  .advance-page,
  .calendar-page,
  .chat-page,
  .announcement-page,
  .identity-page,
  .work-page,
  .support-page,
  .notification-page
) :where(
  .v2-icon-badge,
  .module-svg-icon,
  .comparison-icon.v2-icon-badge,
  .module-step-icon.v2-icon-badge,
  .feature-art.v2-icon-badge,
  .highlight-icon.v2-icon-badge,
  .role-icon.v2-icon-badge
) {
  display: inline-grid !important;
  place-items: center !important;
  align-items: center !important;
  justify-items: center !important;
  justify-content: center !important;
  align-content: center !important;
  padding: 0 !important;
  line-height: 0 !important;
  text-align: center !important;
  position: relative !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

:where(
  .expense-page,
  .leave-page,
  .document-page,
  .mebcool-page,
  .security-page,
  .setup-page,
  .asset-page,
  .advance-page,
  .calendar-page,
  .chat-page,
  .announcement-page,
  .identity-page,
  .work-page,
  .support-page,
  .notification-page
) :where(
  .v2-icon-badge,
  .module-svg-icon,
  .comparison-icon.v2-icon-badge,
  .module-step-icon.v2-icon-badge,
  .feature-art.v2-icon-badge,
  .highlight-icon.v2-icon-badge,
  .role-icon.v2-icon-badge
) > svg {
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
  transform: translate(-50%, -50%) !important;
  transform-origin: center center !important;
  overflow: visible !important;
}

:where(
  .expense-page,
  .leave-page,
  .document-page,
  .mebcool-page,
  .security-page,
  .setup-page,
  .asset-page,
  .advance-page,
  .calendar-page,
  .chat-page,
  .announcement-page,
  .identity-page,
  .work-page,
  .support-page,
  .notification-page
) .v2-icon-badge > svg > use {
  transform-box: fill-box;
  transform-origin: center center;
}

/* Bazı sembollerin kendi çizim alanı optik merkeze göre hafif kayık olduğu için küçük dengeleme. */
:where(
  .expense-page,
  .leave-page,
  .document-page,
  .mebcool-page,
  .security-page,
  .setup-page,
  .asset-page,
  .advance-page,
  .calendar-page,
  .chat-page,
  .announcement-page,
  .identity-page,
  .work-page,
  .support-page,
  .notification-page
) .v2-icon-badge > svg > use[href="#i-task"] {
  transform: translateX(.6px);
}

:where(
  .expense-page,
  .leave-page,
  .document-page,
  .mebcool-page,
  .security-page,
  .setup-page,
  .asset-page,
  .advance-page,
  .calendar-page,
  .chat-page,
  .announcement-page,
  .identity-page,
  .work-page,
  .support-page,
  .notification-page
) .v2-icon-badge > svg > use[href="#i-calendar"],
:where(
  .expense-page,
  .leave-page,
  .document-page,
  .mebcool-page,
  .security-page,
  .setup-page,
  .asset-page,
  .advance-page,
  .calendar-page,
  .chat-page,
  .announcement-page,
  .identity-page,
  .work-page,
  .support-page,
  .notification-page
) .v2-icon-badge > svg > use[href="#i-chat"],
:where(
  .expense-page,
  .leave-page,
  .document-page,
  .mebcool-page,
  .security-page,
  .setup-page,
  .asset-page,
  .advance-page,
  .calendar-page,
  .chat-page,
  .announcement-page,
  .identity-page,
  .work-page,
  .support-page,
  .notification-page
) .v2-icon-badge > svg > use[href="#i-chart"] {
  transform: translateY(-.55px);
}

/* Patch 17: İç sayfa highlight kartlarında ikon/yazı çakışmasını ve bölüm aralığını düzeltme */
:where(
  .expense-page,
  .leave-page,
  .document-page,
  .mebcool-page,
  .security-page,
  .setup-page,
  .asset-page,
  .advance-page,
  .calendar-page,
  .chat-page,
  .announcement-page,
  .identity-page,
  .work-page,
  .support-page,
  .notification-page
) .expense-highlight-grid article {
  position: relative !important;
  min-height: 154px;
  padding: 92px 24px 24px !important;
}

:where(
  .expense-page,
  .leave-page,
  .document-page,
  .mebcool-page,
  .security-page,
  .setup-page,
  .asset-page,
  .advance-page,
  .calendar-page,
  .chat-page,
  .announcement-page,
  .identity-page,
  .work-page,
  .support-page,
  .notification-page
) .expense-highlight-grid article > .highlight-icon.v2-icon-badge {
  position: absolute !important;
  left: 24px !important;
  top: 24px !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  display: grid !important;
  place-items: center !important;
  line-height: 0 !important;
  z-index: 2 !important;
}

:where(
  .expense-page,
  .leave-page,
  .document-page,
  .mebcool-page,
  .security-page,
  .setup-page,
  .asset-page,
  .advance-page,
  .calendar-page,
  .chat-page,
  .announcement-page,
  .identity-page,
  .work-page,
  .support-page,
  .notification-page
) .expense-highlight-grid article > .highlight-icon.v2-icon-badge > svg {
  width: 19px !important;
  height: 19px !important;
  max-width: 19px !important;
  max-height: 19px !important;
}

:where(
  .expense-page,
  .leave-page,
  .document-page,
  .mebcool-page,
  .security-page,
  .setup-page,
  .asset-page,
  .advance-page,
  .calendar-page,
  .chat-page,
  .announcement-page,
  .identity-page,
  .work-page,
  .support-page,
  .notification-page
) .expense-highlight-grid article > b,
:where(
  .expense-page,
  .leave-page,
  .document-page,
  .mebcool-page,
  .security-page,
  .setup-page,
  .asset-page,
  .advance-page,
  .calendar-page,
  .chat-page,
  .announcement-page,
  .identity-page,
  .work-page,
  .support-page,
  .notification-page
) .expense-highlight-grid article > span:not(.highlight-icon) {
  position: relative;
  z-index: 1;
}

.leave-page .leave-dashboard-shell + .leave-highlight-grid,
.expense-dashboard-shell + .expense-highlight-grid,
.feature-matrix--visual + .expense-highlight-grid {
  margin-top: 24px;
}

@media (max-width: 760px) {
  :where(
    .expense-page,
    .leave-page,
    .document-page,
    .mebcool-page,
    .security-page,
    .setup-page,
    .asset-page,
    .advance-page,
    .calendar-page,
    .chat-page,
    .announcement-page,
    .identity-page,
    .work-page,
    .support-page,
    .notification-page
  ) .expense-highlight-grid article {
    min-height: 0;
    padding: 86px 22px 22px !important;
  }

  .leave-page .leave-dashboard-shell + .leave-highlight-grid,
  .expense-dashboard-shell + .expense-highlight-grid,
  .feature-matrix--visual + .expense-highlight-grid {
    margin-top: 20px;
  }
}

/* v34 — demo KVKK consent readability and inline review modal */
.visual-refresh-v2 .v2-demo-form .form-consent {
  color: #334155 !important;
}

.visual-refresh-v2 .v2-demo-form .form-consent span {
  color: #334155;
}

.visual-refresh-v2 .v2-demo-form .form-consent a {
  color: #2563eb;
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: 900;
}

.visual-refresh-v2 .v2-demo-form .form-consent a:hover {
  color: #1d4ed8;
}

.visual-refresh-v2 .v2-demo-form .form-consent a:focus-visible {
  outline: 3px solid rgba(37, 99, 235, .28);
  outline-offset: 3px;
  border-radius: 6px;
}

.kvkk-modal-open {
  overflow: hidden;
}

.kvkk-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(15, 23, 42, .62);
  backdrop-filter: blur(8px);
}

.kvkk-modal-backdrop[hidden] {
  display: none !important;
}

.kvkk-modal {
  width: min(720px, calc(100vw - 32px));
  max-height: min(82vh, 760px);
  overflow: auto;
  border: 1px solid rgba(148, 163, 184, .38);
  border-radius: 28px;
  background: #fff;
  color: #0f172a;
  box-shadow: 0 32px 90px rgba(15, 23, 42, .28);
}

.kvkk-modal:focus {
  outline: none;
}

.kvkk-modal__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 26px 28px 18px;
  border-bottom: 1px solid rgba(15, 23, 42, .08);
}

.kvkk-modal__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  color: #2563eb;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.kvkk-modal__eyebrow::before {
  content: '';
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: linear-gradient(135deg, #2563eb, #16c7a6);
}

.kvkk-modal h2 {
  margin: 0;
  color: #0f172a;
  font-size: clamp(22px, 4vw, 30px);
  line-height: 1.12;
  letter-spacing: -.03em;
}

.kvkk-modal__close {
  flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 14px;
  background: #f8fafc;
  color: #0f172a;
  font: inherit;
  font-size: 24px;
  font-weight: 850;
  line-height: 1;
  cursor: pointer;
}

.kvkk-modal__close:hover,
.kvkk-modal__close:focus-visible {
  background: #eef2ff;
  border-color: rgba(37, 99, 235, .25);
}

.kvkk-modal__body {
  display: grid;
  gap: 16px;
  padding: 22px 28px 8px;
}

.kvkk-modal__body p {
  margin: 0;
  color: #475569;
  line-height: 1.68;
}

.kvkk-modal__summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 2px 0;
}

.kvkk-modal__summary article {
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 18px;
  padding: 14px;
  background: #f8fafc;
}

.kvkk-modal__summary b {
  display: block;
  margin-bottom: 5px;
  color: #10204a;
  font-size: 14px;
}

.kvkk-modal__summary span {
  display: block;
  color: #526174;
  font-size: 13px;
  line-height: 1.48;
}

.kvkk-modal__note {
  padding: 14px 16px;
  border: 1px solid rgba(37, 99, 235, .16);
  border-radius: 18px;
  background: #eff6ff;
  color: #1e3a8a !important;
  font-size: 14px;
  line-height: 1.58;
}

.kvkk-modal__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 12px;
  padding: 18px 28px 26px;
}

.kvkk-modal__actions .btn {
  min-height: 44px;
}

.kvkk-modal__actions .btn-secondary {
  background: #fff;
}

@media (max-width: 640px) {
  .kvkk-modal-backdrop {
    align-items: end;
    padding: 12px;
  }

  .kvkk-modal {
    width: 100%;
    max-height: 88vh;
    border-radius: 24px;
  }

  .kvkk-modal__head,
  .kvkk-modal__body,
  .kvkk-modal__actions {
    padding-left: 20px;
    padding-right: 20px;
  }

  .kvkk-modal__summary {
    grid-template-columns: 1fr;
  }

  .kvkk-modal__actions {
    flex-direction: column-reverse;
  }

  .kvkk-modal__actions .btn {
    width: 100%;
    justify-content: center;
  }
}



/* single demo form redirection cards */
.demo-redirect-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 100%;
  padding: 28px;
  border: 1px solid rgba(255, 255, 255, .32);
  border-radius: 28px;
  background: rgba(255, 255, 255, .96);
  color: #10204a;
  box-shadow: 0 24px 60px rgba(15, 23, 42, .18);
}

.demo-redirect-card__eyebrow {
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  gap: 8px;
  padding: 7px 11px;
  border-radius: 999px;
  background: #e0ecff;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.demo-redirect-card > b {
  color: #0f172a;
  font-size: 22px;
  line-height: 1.18;
  letter-spacing: -.02em;
}

.demo-redirect-card p {
  margin: 0;
  color: #526174 !important;
  line-height: 1.62;
}

.demo-redirect-card ul {
  display: grid;
  gap: 10px;
  margin: 4px 0 6px;
  padding: 0;
  list-style: none;
}

.demo-redirect-card li {
  position: relative;
  padding-left: 24px;
  color: #475569;
  line-height: 1.5;
  font-weight: 700;
}

.demo-redirect-card li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #16a34a;
  font-weight: 900;
}

.demo-redirect-card .btn {
  margin-top: auto;
  justify-content: center;
}

@media (max-width: 680px) {
  .demo-redirect-card {
    padding: 22px;
  }

  .demo-redirect-card .btn {
    width: 100%;
  }
}


/* v35 — demo form status readability on light card */
.visual-refresh-v2 .v2-demo-form .form-status {
  color: #334155;
  font-weight: 800;
}

.visual-refresh-v2 .v2-demo-form .form-status.is-success,
.visual-refresh-v2 .v2-demo-form .form-status.is-error,
.visual-refresh-v2 .v2-demo-form .form-status.is-loading {
  min-height: 0;
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  font-size: 13px;
  line-height: 1.45;
}

.visual-refresh-v2 .v2-demo-form .form-status.is-success {
  color: #047857;
  background: rgba(16, 185, 129, .12);
  border: 1px solid rgba(4, 120, 87, .22);
}

.visual-refresh-v2 .v2-demo-form .form-status.is-error {
  color: #b42318;
  background: rgba(254, 243, 242, .96);
  border: 1px solid rgba(180, 35, 24, .18);
}

.visual-refresh-v2 .v2-demo-form .form-status.is-loading {
  color: #1d4ed8;
  background: rgba(239, 246, 255, .96);
  border: 1px solid rgba(37, 99, 235, .18);
}

.visual-refresh-v2 .v2-demo-form .form-status a {
  color: inherit;
  font-weight: 900;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* v36 — marketing demo form bot challenge */
.visual-refresh-v2 .v2-demo-form .marketing-bot-challenge {
  display: grid;
  gap: 10px;
  min-height: 0;
  margin: 2px 0 4px;
  padding: 12px;
  border: 1px solid rgba(37, 99, 235, .16);
  border-radius: 14px;
  background: rgba(239, 246, 255, .92);
  color: #1e3a8a;
}

.visual-refresh-v2 .v2-demo-form .marketing-bot-challenge[hidden] {
  display: none !important;
}

.visual-refresh-v2 .v2-demo-form .marketing-bot-challenge__preparing {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.45;
}

.visual-refresh-v2 .v2-demo-form .marketing-bot-challenge__spinner {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  border: 2px solid rgba(37, 99, 235, .20);
  border-top-color: #2563eb;
  border-radius: 50%;
  animation: marketingBotChallengeSpin .8s linear infinite;
}

.visual-refresh-v2 .v2-demo-form .marketing-bot-challenge__host {
  display: grid;
  justify-items: start;
  min-width: 0;
  overflow: hidden;
}

.visual-refresh-v2 .v2-demo-form .marketing-bot-challenge iframe {
  max-width: 100%;
}

@keyframes marketingBotChallengeSpin {
  to { transform: rotate(360deg); }
}

@media (max-width: 520px) {
  .visual-refresh-v2 .v2-demo-form .marketing-bot-challenge {
    padding: 10px;
  }
}

/* Patch 18: İç sayfa üst boşluk ve Bildirim Merkezi ikon tabanı düzeltmesi */
.v2-sprite{
  position:absolute !important;
  width:0 !important;
  height:0 !important;
  overflow:hidden !important;
  clip-path:inset(50%) !important;
}

.notification-page .v2-icon-badge{
  display:inline-grid;
  place-items:center;
  color:#fff;
  flex:0 0 auto;
  background:linear-gradient(135deg,#2575f6,#1f63ea);
}
.notification-page .v2-icon-badge svg{
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.notification-page .v2-blue{background:linear-gradient(135deg,#2575f6,#1f63ea);}
.notification-page .v2-purple{background:linear-gradient(135deg,#7357f6,#8d5cf6);}
.notification-page .v2-green{background:linear-gradient(135deg,#10b981,#16c7a6);}
.notification-page .v2-amber{background:linear-gradient(135deg,#f59e0b,#fb7185);}



/* Patch 18: Document Center hero showcase kalitesini diğer iç sayfalarla hizalama */
.document-showcase{min-height:660px;}
.document-command-shell{position:relative;overflow:hidden;}
.document-workspace{display:grid;grid-template-columns:128px minmax(0,1fr);gap:16px;align-items:start;}
.document-showcase-rail{display:grid;align-content:start;gap:10px;padding:12px;border-radius:24px;background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid rgba(37,99,235,.09);}
.document-showcase-rail span{display:grid;justify-items:center;gap:7px;min-height:78px;padding:10px 8px;border-radius:18px;color:#64748b;font-size:12px;font-weight:950;text-align:center;}
.document-showcase-rail span.is-active{background:#fff;color:#1d4ed8;box-shadow:0 12px 28px rgba(30,54,102,.08);}
.document-showcase-rail .v2-icon-badge{width:28px;height:28px;border-radius:10px;box-shadow:0 8px 18px rgba(37,99,235,.12);}
.document-showcase-rail .v2-icon-badge svg{width:16px;height:16px;stroke-width:2;}
.document-control-canvas{min-width:0;border-radius:28px;padding:18px;background:radial-gradient(circle at 92% 5%,rgba(37,117,246,.1),transparent 12rem),linear-gradient(180deg,#fff,#f8fbff);border:1px solid rgba(198,214,239,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.7);}
.document-kpi-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px;}
.document-kpi-strip span{display:grid;gap:4px;min-height:68px;padding:12px 14px;border-radius:18px;border:1px solid rgba(37,99,235,.08);background:rgba(255,255,255,.8);color:#64748b;font-size:.76rem;font-weight:850;box-shadow:0 12px 28px rgba(30,54,102,.045);}
.document-kpi-strip b{display:block;color:#0f172a;font-size:1.1rem;font-weight:950;line-height:1.05;letter-spacing:-.03em;}
.document-premium-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.9fr);gap:12px;margin-top:12px;}
.document-premium-grid > article{padding:16px;border:1px solid rgba(37,99,235,.1);border-radius:24px;background:#fff;box-shadow:0 16px 38px rgba(30,54,102,.07);}
.document-main-panel{display:grid;gap:14px;grid-row:span 2;}
.document-main-panel .panel-title-row,.document-ai-panel .panel-title-row,.document-share-panel .panel-title-row,.document-governance-panel .panel-title-row{align-items:flex-start;}
.document-main-panel .v2-icon-badge,.document-ai-panel .v2-icon-badge,.document-share-panel .v2-icon-badge,.document-governance-panel .v2-icon-badge{width:42px;height:42px;border-radius:14px;box-shadow:0 12px 26px rgba(37,99,235,.15);}
.document-main-panel .v2-icon-badge svg,.document-ai-panel .v2-icon-badge svg,.document-share-panel .v2-icon-badge svg,.document-governance-panel .v2-icon-badge svg{width:21px;height:21px;}
.doc-folder-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.doc-folder-list span{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;border-radius:16px;background:#f8fbff;border:1px solid rgba(37,99,235,.08);color:#334155;font-size:.82rem;font-weight:850;}
.doc-folder-list b{color:#0f172a;font-weight:950;}
.document-search-line{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:18px;background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid rgba(37,99,235,.1);color:#475569;font-size:.84rem;font-weight:800;}
.document-search-line i{display:inline-block;width:12px;height:12px;border:2px solid rgba(37,99,235,.7);border-radius:50%;position:relative;flex:0 0 auto;}
.document-search-line i::after{content:"";position:absolute;width:6px;height:2px;border-radius:999px;background:rgba(37,99,235,.7);right:-5px;bottom:-2px;transform:rotate(45deg);}
.document-result-card{display:grid;gap:6px;padding:14px 15px;border-radius:20px;background:linear-gradient(135deg,rgba(37,117,246,.08),rgba(22,199,166,.08));border:1px solid rgba(37,99,235,.1);}
.document-result-card b{display:block;color:#0f172a;font-size:.94rem;font-weight:950;letter-spacing:-.02em;}
.document-result-card small{display:block;color:#475569;font-size:.78rem;font-weight:800;line-height:1.45;}
.document-main-tags,.document-policy-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.document-main-tags span,.document-policy-chips span{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:.76rem;font-weight:900;}
.document-mini-list{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none;}
.document-mini-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:16px;background:#f8fbff;border:1px solid rgba(37,99,235,.08);}
.document-mini-list b{color:#0f172a;font-size:.82rem;font-weight:900;}
.document-mini-list span{color:#475569;font-size:.78rem;font-weight:800;text-align:right;}
.document-meter{position:relative;height:12px;border-radius:999px;background:#e8eef8;overflow:hidden;margin:14px 0 12px;}
.document-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#16c7a6,#2575f6);box-shadow:0 10px 24px rgba(22,199,166,.24);}
.document-meter-note{display:grid;gap:4px;}
.document-meter-note b{display:block;color:#0f172a;font-size:.88rem;font-weight:950;}
.document-meter-note small,.document-policy-summary small{display:block;color:#64748b;font-size:.78rem;font-weight:800;line-height:1.45;}
.document-readiness-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;padding:14px 16px;border-radius:22px;background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;}
.document-readiness-strip b{margin-right:auto;font-weight:950;}
.document-readiness-strip span{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.13);font-size:.78rem;font-weight:900;}
.showcase-float--doc-audit{right:2%;top:36px;}
.showcase-float--doc-safe{left:0;top:296px;}
.showcase-float--doc-ai{right:2%;bottom:58px;}
.document-page .showcase-float .v2-icon-badge{width:46px;height:46px;border-radius:15px;box-shadow:0 16px 34px rgba(37,99,235,.18);}
.document-page .showcase-float .v2-icon-badge svg{width:23px;height:23px;}
@media (max-width:1240px){.document-showcase{min-height:620px;max-width:820px;margin-inline:auto;width:100%;}}
@media (max-width:900px){.document-premium-grid{grid-template-columns:1fr;}.document-main-panel{grid-row:auto;}.doc-folder-list,.document-kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:820px){.document-showcase{min-height:auto;display:grid;gap:12px;}.document-workspace{grid-template-columns:1fr;}.document-showcase-rail{grid-template-columns:repeat(4,1fr);}.document-showcase-rail span{min-height:64px;font-size:11px;}.document-page .showcase-float{min-width:0;width:100%;}.document-kpi-strip{grid-template-columns:1fr 1fr;}.doc-folder-list{grid-template-columns:1fr;}}
@media (max-width:560px){.document-control-canvas{padding:14px;border-radius:22px;}.document-showcase-rail{grid-template-columns:repeat(2,1fr);}.document-kpi-strip{grid-template-columns:1fr;}.document-readiness-strip b{width:100%;}}
@media print{.document-page .v2-icon-badge{box-shadow:none!important;color:#1f2937!important;background:#eef4ff!important;border:1px solid #cbd5e1;}.document-showcase,.document-page .showcase-float{position:relative!important;inset:auto!important;box-shadow:none!important;}.document-page .showcase-float{display:none!important;}}


/* Final bilingual navigation */
.marketing-header-language{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;border:1px solid rgba(86,105,150,.24);border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:.05em;text-decoration:none;color:inherit;background:rgba(255,255,255,.7)}
.marketing-header-language:hover,.marketing-header-language:focus-visible{border-color:rgba(61,90,254,.58);box-shadow:0 0 0 3px rgba(61,90,254,.1)}
.marketing-language-switch{margin-bottom:1rem}
@media (max-width: 900px){.marketing-header-language{order:-1}.nav-actions{gap:.45rem}}

/* Hotfix 2026-07-28b: Document Center visual alignment and shared showcase polish */
.document-sales-hero .module-premium-grid,
.document-page .module-premium-grid,
.document-page .sales-hero-grid{
  align-items:start !important;
}
.document-sales-hero .sales-hero-grid > .reveal:first-child,
.document-page .sales-hero-grid > .reveal:first-child{
  padding-top:clamp(18px,2.6vw,40px);
}

.sample-data-note{
  position:absolute;
  top:18px;
  right:18px;
  z-index:4;
  display:inline-flex;
  align-items:center;
  gap:10px;
  max-width:min(92%, 360px);
  min-height:40px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(198,214,239,.92);
  background:rgba(255,255,255,.82);
  box-shadow:0 16px 42px rgba(21,53,115,.08);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  color:#51607a;
  font-size:.82rem;
  line-height:1.35;
  font-weight:850;
  letter-spacing:-.01em;
}
.sample-data-note::before{
  content:"";
  width:10px;
  height:10px;
  flex:0 0 auto;
  border-radius:999px;
  background:linear-gradient(135deg,#16c7a6,#2575f6);
  box-shadow:0 0 0 6px rgba(37,117,246,.08);
}
@media (max-width:820px){
  .sample-data-note{
    position:relative;
    top:auto;
    right:auto;
    margin:0 0 10px auto;
  }
}
@media (max-width:560px){
  .sample-data-note{
    max-width:100%;
    width:100%;
    border-radius:18px;
    justify-content:flex-start;
  }
}

.comparison-grid--story::before,
.comparison-grid--story::after{
  display:none !important;
}

.document-workspace{
  grid-template-columns:148px minmax(0,1fr);
  gap:18px;
}
.document-showcase-rail{
  padding:14px;
  gap:12px;
}
.document-showcase-rail span{
  min-height:88px;
  padding:12px 10px;
  line-height:1.2;
}
.document-showcase-rail .v2-icon-badge{
  width:36px;
  height:36px;
  border-radius:12px;
}
.document-showcase-rail .v2-icon-badge svg{
  width:18px;
  height:18px;
  stroke-width:2.1;
}
.showcase-window-bar small{
  letter-spacing:-.01em;
}
@media (max-width:820px){
  .document-workspace{grid-template-columns:1fr;}
  .document-showcase-rail{grid-template-columns:repeat(4,1fr);}
  .document-showcase-rail span{min-height:68px;}
}
@media (max-width:560px){
  .document-showcase-rail{grid-template-columns:repeat(2,1fr);}
}

/* Hotfix 2026-07-28c: Support CTA contrast, organization premium hero, icon restoration, softer sample-data-note */

/* Make sample-data-note quieter across module showcases */
.sample-data-note{
  top:auto;
  bottom:18px;
  right:18px;
  z-index:3;
  gap:8px;
  max-width:min(88%, 300px);
  min-height:0;
  padding:7px 10px;
  border-radius:14px;
  border:1px solid rgba(198,214,239,.62);
  background:rgba(255,255,255,.56);
  box-shadow:0 8px 24px rgba(21,53,115,.05);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  color:#6b7890;
  font-size:.72rem;
  line-height:1.38;
  font-weight:760;
}
.sample-data-note::before{
  width:7px;
  height:7px;
  box-shadow:0 0 0 4px rgba(37,117,246,.06);
}
@media (max-width:820px){
  .sample-data-note{
    position:relative;
    bottom:auto;
    right:auto;
    margin:0 0 10px auto;
  }
}
@media (max-width:560px){
  .sample-data-note{
    width:auto;
    max-width:100%;
    padding:6px 9px;
    font-size:.7rem;
  }
}

/* Explicit styling for organization premium hero classes used by organization-position pages */
.module-premium-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(560px,1.06fr);
  gap:clamp(34px,5vw,84px);
  align-items:center;
}
.module-premium-hero__copy{
  min-width:0;
  max-width:650px;
}
.module-premium-hero__copy h1{
  max-width:15ch;
}
.module-premium-hero__copy .lead{
  max-width:40ch;
}
.hero-proof-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.hero-proof-row span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(37,99,235,.08);
  color:#42526b;
  font-size:.82rem;
  font-weight:820;
}
@media (max-width:1240px){
  .module-premium-hero__grid{grid-template-columns:1fr;}
  .module-premium-hero__copy{max-width:860px;}
  .module-premium-hero__copy h1,.module-premium-hero__copy .lead{max-width:none;}
}

/* Restore page-scoped premium SVG icon system on organization page */
.organization-page{
  --module-hero-max:1320px;
}
.organization-page .v2-sprite{position:absolute;width:0;height:0;overflow:hidden;}
.organization-page .v2-icon-badge{
  display:inline-grid;
  place-items:center;
  width:58px;
  height:58px;
  border-radius:18px;
  color:#fff;
  flex:0 0 auto;
  box-shadow:0 18px 38px rgba(37,117,246,.16);
  background:linear-gradient(135deg,#2575f6,#1f63ea);
}
.organization-page .v2-icon-badge svg{
  width:29px;
  height:29px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.organization-page .v2-blue{background:linear-gradient(135deg,#2575f6,#1f63ea);}
.organization-page .v2-purple{background:linear-gradient(135deg,#7357f6,#8d5cf6);}
.organization-page .v2-green{background:linear-gradient(135deg,#10b981,#16c7a6);}
.organization-page .v2-amber{background:linear-gradient(135deg,#f59e0b,#fb7185);}
.organization-page .showcase-float .v2-icon-badge{width:46px;height:46px;border-radius:15px;box-shadow:0 16px 34px rgba(37,99,235,.18);}
.organization-page .showcase-float .v2-icon-badge svg{width:23px;height:23px;}
.organization-page .comparison-icon.v2-icon-badge{width:62px;height:62px;border-radius:20px;box-shadow:0 18px 38px rgba(15,23,42,.14);}
.organization-page .comparison-icon.v2-icon-badge svg{width:31px;height:31px;}
.organization-page .module-step-icon.v2-icon-badge,
.organization-page .feature-art.v2-icon-badge{width:58px;height:58px;border-radius:18px;box-shadow:0 18px 34px rgba(37,99,235,.18);}
.organization-page .module-step-icon.v2-icon-badge svg,
.organization-page .feature-art.v2-icon-badge svg{width:28px;height:28px;}
.organization-page .highlight-icon.v2-icon-badge{width:42px;height:42px;border-radius:14px;box-shadow:0 14px 30px rgba(37,99,235,.16);}
.organization-page .highlight-icon.v2-icon-badge svg{width:21px;height:21px;}
.organization-page .role-icon.v2-icon-badge{width:48px;height:48px;border-radius:16px;margin-bottom:14px;box-shadow:0 16px 30px rgba(37,99,235,.18);}
.organization-page .role-icon.v2-icon-badge svg{width:24px;height:24px;}
.organization-page .buyer-grid--visual article{padding-top:24px!important;}
.organization-page .buyer-grid--visual .role-icon{position:relative!important;inset:auto!important;display:grid!important;margin-bottom:14px!important;}
.organization-page .feature-matrix--visual article,
.organization-page .buyer-grid--visual article{border-color:rgba(198,214,239,.8)!important;box-shadow:0 18px 48px rgba(30,54,102,.075)!important;}
@media (max-width:1240px){
  .organization-page .module-showcase{min-height:620px;max-width:820px;margin-inline:auto;width:100%;}
}
@media (max-width:820px){
  .organization-page .module-showcase{min-height:auto;display:grid;gap:12px;}
  .organization-page .showcase-workspace{grid-template-columns:1fr;}
  .organization-page .showcase-float{min-width:0;width:100%;}
}
@media print{
  .organization-page .v2-icon-badge{box-shadow:none!important;color:#1f2937!important;background:#eef4ff!important;border:1px solid #cbd5e1;}
  .organization-page .module-showcase,.organization-page .showcase-float{position:relative!important;inset:auto!important;box-shadow:none!important;}
  .organization-page .showcase-float{display:none!important;}
}

/* Support page demo section: restore premium dark gradient and readable left panel */
.support-demo-section .cta-card-form{
  background:
    radial-gradient(circle at 10% 0%,rgba(37,99,235,.28),transparent 17rem),
    radial-gradient(circle at 88% 20%,rgba(22,199,166,.22),transparent 18rem),
    linear-gradient(135deg,#0f172a,#1d4ed8 58%,#16c7a6);
  color:#fff;
  border-color:rgba(255,255,255,.24);
  box-shadow:0 32px 76px rgba(37,117,246,.24);
}
.support-demo-section .cta-card-form::before{
  border-color:rgba(255,255,255,.22);
}
.support-demo-section .cta-card-form h2,
.support-demo-section .cta-card-form > div:first-child > p,
.support-demo-section .cta-card-form .cta-panel-dark b,
.support-demo-section .cta-card-form .cta-panel-dark li{
  color:#fff;
}
.support-demo-section .cta-card-form > div:first-child{
  max-width:700px;
}
.support-demo-section .cta-card-form .cta-panel-dark{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.24);
}
.support-demo-section .demo-redirect-card{
  background:rgba(255,255,255,.96);
  color:#0f172a;
  box-shadow:0 24px 60px rgba(15,23,42,.24);
}
.support-demo-section .demo-redirect-card p{color:#526174!important;}

/* Related modules sections: uniform grid resilience */
.related-modules-section .section-head{align-items:flex-end;}
.related-modules-section .related-module-grid{align-items:stretch;}
.related-modules-section .related-module-card{display:flex;flex-direction:column;justify-content:flex-start;}