:root {
  --bg: #050914;
  --bg-soft: #09111f;
  --panel: #0d1728;
  --panel-2: #102038;
  --text: #f5f7fb;
  --muted: #9cabbe;
  --muted-2: #6f8198;
  --line: rgba(255,255,255,.085);
  --accent: #72d7f2;
  --accent-2: #7f92f4;
  --green: #83ddbd;
  --shadow: 0 28px 80px rgba(0,0,0,.42);
  --radius-xl: 28px;
  --radius-lg: 22px;
  --radius-md: 14px;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  overflow-x: hidden;
}

a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }

.container {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}

.section {
  position: relative;
  padding: 118px 0;
}

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

.page-noise {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 100;
  opacity: .026;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 90;
  background: rgba(5,9,20,.82);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--line);
}

.header-inner {
  min-height: 82px;
  display: flex;
  align-items: center;
  gap: 34px;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  font-weight: 800;
  letter-spacing: -.025em;
}

.brand-image {
  gap: 0;
}

.brand-logo-shell {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  line-height: 0;
}

.brand-logo-img {
  display: block;
  height: 37px;
  width: auto;
}

.footer-logo-shell {
  padding: 0;
}

.footer-logo-img {
  height: 42px;
}

.brand-symbol {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  color: #020711;
  box-shadow: 0 10px 28px rgba(98,214,255,.18);
}

.brand-name {
  font-size: 19px;
}

.main-nav {
  margin-left: auto;
  display: flex;
  gap: 32px;
}

.main-nav a {
  color: var(--muted);
  font-size: 13px;
  font-weight: 650;
  letter-spacing: .015em;
  transition: color .2s ease;
}

.main-nav a:hover {
  color: var(--text);
}

.header-cta {
  margin-left: 4px;
}

.menu-toggle {
  display: none;
  margin-left: auto;
  border: 0;
  background: transparent;
  padding: 8px;
}

.menu-toggle span {
  width: 24px;
  height: 2px;
  display: block;
  margin: 5px 0;
  background: var(--text);
}

.button {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  border-radius: 14px;
  border: 1px solid transparent;
  font-weight: 750;
  font-size: 14px;
  cursor: pointer;
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease;
}

.button-small {
  min-height: 44px;
  padding: 0 18px;
}

.button-primary {
  background: linear-gradient(135deg, #79d8f4, #8da3ff);
  color: #04101a;
  box-shadow: 0 10px 24px rgba(98,214,255,.14);
}

.button-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(98,214,255,.22);
}

.button-secondary {
  color: var(--text);
  border-color: var(--line);
  background: rgba(255,255,255,.03);
}

.button-secondary:hover {
  background: rgba(255,255,255,.07);
}

.button-full {
  width: 100%;
}

.hero {
  min-height: 790px;
  display: flex;
  align-items: center;
  padding-top: 120px;
  overflow: hidden;
}

.hero-layout {
  display: grid;
  grid-template-columns: 1.02fr .98fr;
  gap: 88px;
  align-items: center;
}

.eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: .15em;
  font-size: 11px;
  font-weight: 800;
}

.eyebrow span {
  width: 28px;
  height: 1px;
  background: var(--accent);
}

.eyebrow.light {
  color: #c4f1ff;
}

.hero-copy h1 {
  max-width: 760px;
  margin: 26px 0 30px;
  font-size: clamp(56px, 6.5vw, 84px);
  line-height: .98;
  letter-spacing: -.066em;
}

.hero-lead {
  max-width: 620px;
  margin: 0;
  color: #c2ccda;
  font-size: 20px;
  line-height: 1.65;
}

.hero-support {
  max-width: 650px;
  margin: 18px 0 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.8;
}

.hero-actions {
  display: flex;
  gap: 14px;
  margin-top: 38px;
}

.hero-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 30px;
}

.hero-proof span {
  padding: 8px 11px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: #8394aa;
  font-size: 11px;
}

.hero-glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(90px);
  opacity: .22;
}

.hero-glow-a {
  width: 440px;
  height: 440px;
  right: -160px;
  top: 100px;
  background: #225dff;
}

.hero-glow-b {
  width: 320px;
  height: 320px;
  left: -200px;
  bottom: 20px;
  background: #00cfff;
}

.product-window {
  border: 1px solid rgba(114,215,242,.18);
  border-radius: var(--radius-xl);
  background: linear-gradient(180deg, rgba(19,32,54,.98), rgba(8,16,29,.99));
  box-shadow: 0 32px 90px rgba(0,0,0,.48);
  overflow: hidden;
  transform: perspective(1400px) rotateY(-4deg) rotateX(2deg);
}

.window-bar {
  min-height: 58px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 0 18px;
  border-bottom: 1px solid var(--line);
  color: #8b9db3;
  font-size: 12px;
}

.window-dots {
  display: flex;
  gap: 7px;
}

.window-dots i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #536279;
}

.window-dots i:first-child { background: #ff6d6d; }
.window-dots i:nth-child(2) { background: #ffd166; }
.window-dots i:nth-child(3) { background: #69d59e; }

.status-pill {
  justify-self: end;
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(121,228,190,.1);
  color: var(--green);
}

.workspace {
  display: grid;
  grid-template-columns: 58px 1fr;
  min-height: 420px;
}

.workspace-sidebar {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  padding-top: 18px;
  border-right: 1px solid var(--line);
}

.workspace-logo {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  margin-bottom: 12px;
  border-radius: 8px;
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  color: #020711;
  font-weight: 900;
}

.workspace-sidebar span {
  width: 22px;
  height: 22px;
  border-radius: 7px;
  border: 1px solid var(--line);
}

.workspace-sidebar span.active {
  background: rgba(98,214,255,.13);
  border-color: rgba(98,214,255,.36);
}

.workspace-main {
  padding: 24px;
}

.workspace-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.workspace-heading small,
.analytics-copy small {
  display: block;
  color: #72839b;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .13em;
}

.workspace-heading strong,
.analytics-copy strong {
  display: block;
  margin-top: 5px;
  font-size: 14px;
}

.workspace-heading button {
  padding: 8px 12px;
  border: 1px solid rgba(98,214,255,.2);
  border-radius: 8px;
  background: rgba(98,214,255,.1);
  color: var(--accent);
  font-size: 10px;
}

.metric-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin: 22px 0;
}

.metric-grid article {
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255,255,255,.033);
}

.metric-grid small {
  display: block;
  color: #7e90a7;
  font-size: 9px;
}

.metric-grid b {
  display: block;
  margin: 7px 0 3px;
  font-size: 24px;
}

.metric-grid span {
  color: var(--green);
  font-size: 9px;
}

.analytics-panel {
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(70,119,255,.09), rgba(255,255,255,.02));
}

.analytics-bars {
  height: 138px;
  display: flex;
  align-items: flex-end;
  gap: 8px;
  margin-top: 18px;
  border-bottom: 1px solid var(--line);
}

.analytics-bars i {
  flex: 1;
  border-radius: 6px 6px 0 0;
  background: linear-gradient(180deg, var(--accent), rgba(102,133,255,.34));
}

.workspace-footer {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 14px;
}

.workspace-footer div {
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 10px;
}

.workspace-footer span {
  display: block;
  color: #73849b;
  font-size: 8px;
}

.workspace-footer b {
  display: block;
  margin-top: 5px;
  font-size: 9px;
}

.preview-label {
  margin: 0;
  padding: 12px;
  border-top: 1px solid var(--line);
  color: #64778f;
  text-align: center;
  font-size: 10px;
}

.value-strip {
  padding: 30px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: rgba(255,255,255,.015);
}

.value-strip-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}

.value-strip p {
  margin: 0;
  color: #74869d;
  font-size: 13px;
}

.value-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px 22px;
}

.value-items span {
  color: #c5cedb;
  font-size: 12px;
}

.section-intro {
  max-width: 790px;
  margin-bottom: 58px;
}

.section-intro.centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.section-intro.centered .eyebrow {
  justify-content: center;
}

.section-intro h2 {
  margin: 20px 0;
  font-size: clamp(42px, 5.4vw, 66px);
  line-height: 1.05;
  letter-spacing: -.05em;
}

.section-intro p {
  margin: 0;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.8;
}

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

.capability-card {
  min-height: 320px;
  padding: 30px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: linear-gradient(180deg, rgba(255,255,255,.042), rgba(255,255,255,.014));
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.capability-card:hover {
  transform: translateY(-5px);
  border-color: rgba(114,215,242,.36);
  box-shadow: 0 18px 42px rgba(0,0,0,.18);
}

.card-index {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: rgba(98,214,255,.08);
  color: var(--accent);
  font-size: 12px;
  font-weight: 800;
}

.capability-card h3 {
  margin: 28px 0 12px;
  font-size: 21px;
  letter-spacing: -.025em;
}

.capability-card p {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.7;
}

.capability-card ul {
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 9px;
}

.capability-card li {
  color: #c8d2df;
  font-size: 12px;
}

.capability-card li::before {
  content: "•";
  margin-right: 8px;
  color: var(--accent);
}

.approach-layout {
  display: grid;
  grid-template-columns: .92fr 1.08fr;
  gap: 94px;
}

.sticky-intro {
  position: sticky;
  top: 130px;
  align-self: start;
}

.approach-steps {
  border-left: 1px solid var(--line);
  padding-left: 38px;
}

.approach-step {
  position: relative;
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 24px;
  padding: 4px 0 40px;
}

.approach-step::before {
  content: "";
  position: absolute;
  top: 10px;
  left: -43px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 0 6px rgba(98,214,255,.08);
}

.approach-step span {
  color: var(--accent);
  font-size: 12px;
  font-weight: 800;
}

.approach-step h3 {
  margin: 0 0 8px;
  font-size: 21px;
}

.approach-step p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.72;
}

.product-section {
  overflow: hidden;
  background: radial-gradient(circle at 76% 40%, rgba(61,108,255,.14), transparent 40%);
}

.product-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 76px;
  align-items: center;
}

.product-label {
  display: inline-flex;
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(98,214,255,.1);
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 10px;
  font-weight: 800;
}

.product-copy h2 {
  margin: 24px 0 16px;
  font-size: 60px;
  letter-spacing: -.055em;
}

.product-summary {
  color: #c4cedb !important;
  font-size: 19px !important;
}

.product-copy p {
  color: var(--muted);
  font-size: 15px;
  line-height: 1.8;
}

.feature-list {
  display: grid;
  gap: 13px;
  margin: 30px 0 36px;
}

.feature-list span {
  color: #d9e2ed;
  font-size: 14px;
}

.feature-list span::before {
  content: "✓";
  margin-right: 10px;
  color: var(--green);
}

.small-note {
  margin-top: 20px !important;
  color: #64768e !important;
  font-size: 11px !important;
}

.demo-card {
  padding: 30px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: var(--radius-xl);
  background: linear-gradient(180deg, #162a47, #0a1627);
  box-shadow: var(--shadow);
}

.demo-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--line);
}

.demo-head small {
  display: block;
  color: #71839b;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .13em;
}

.demo-head strong {
  display: block;
  margin-top: 5px;
  font-size: 15px;
}

.demo-head span {
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(121,228,190,.1);
  color: var(--green);
  font-size: 10px;
}

.workflow-stage {
  display: grid;
  gap: 12px;
  margin-top: 22px;
}

.workflow-box {
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: rgba(255,255,255,.03);
}

.workflow-box.active {
  border-color: rgba(98,214,255,.32);
  background: rgba(98,214,255,.06);
}

.workflow-box small {
  display: block;
  color: #71839b;
  font-size: 10px;
}

.workflow-box b {
  display: block;
  margin: 7px 0 4px;
  font-size: 14px;
}

.workflow-box em {
  color: #8fa0b6;
  font-size: 10px;
  font-style: normal;
}

.workflow-line {
  width: 1px;
  height: 18px;
  margin: 0 auto;
  background: linear-gradient(var(--accent), rgba(98,214,255,.15));
}

.workflow-progress {
  margin-top: 24px;
}

.workflow-progress div {
  height: 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  overflow: hidden;
}

.workflow-progress i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--accent), var(--accent-2));
}

.workflow-progress span {
  display: block;
  margin-top: 9px;
  color: #72849b;
  font-size: 11px;
}

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

.partnership-card {
  min-height: 300px;
  padding: 32px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: rgba(255,255,255,.025);
}

.partnership-card.featured {
  border-color: rgba(98,214,255,.3);
  background: linear-gradient(180deg, rgba(98,214,255,.08), rgba(255,255,255,.018));
}

.partnership-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.partnership-top span {
  color: var(--accent);
  font-size: 12px;
  font-weight: 800;
}

.partnership-top small {
  color: #71839b;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.partnership-card h3 {
  margin: 68px 0 14px;
  font-size: 24px;
  letter-spacing: -.03em;
}

.partnership-card p {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.72;
}

.partnership-disclaimer {
  max-width: 820px;
  margin: 28px auto 0;
  color: #63758d;
  text-align: center;
  font-size: 11px;
  line-height: 1.6;
}

.company-layout {
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 92px;
}

.company-copy > p {
  margin: 0 0 18px;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.82;
}

.company-details {
  display: grid;
  gap: 7px;
  margin-top: 30px;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(255,255,255,.02);
  color: #93a4b9;
  font-size: 13px;
}

.company-details strong {
  color: var(--text);
  font-size: 15px;
}

.contact-section {
  border-top: 1px solid var(--line);
  background: linear-gradient(135deg, #0d2037, #050914 68%);
}

.contact-layout {
  display: grid;
  grid-template-columns: .86fr 1.14fr;
  gap: 90px;
  align-items: start;
}

.contact-copy h2 {
  margin: 24px 0;
  font-size: clamp(46px, 5.4vw, 68px);
  line-height: 1.04;
  letter-spacing: -.055em;
}

.contact-copy p {
  color: var(--muted);
  font-size: 17px;
  line-height: 1.75;
}

.contact-copy > a {
  display: inline-block;
  margin-top: 22px;
  color: var(--accent);
  font-weight: 750;
}

.contact-form {
  display: grid;
  gap: 16px;
  padding: 34px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: rgba(255,255,255,.04);
}

.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.contact-form label {
  display: grid;
  gap: 8px;
  color: #adbbcd;
  font-size: 12px;
  font-weight: 650;
}

.contact-form input,
.contact-form select,
.contact-form textarea {
  width: 100%;
  padding: 14px 15px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 12px;
  outline: none;
  background: #091625;
  color: var(--text);
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
  border-color: rgba(98,214,255,.64);
  box-shadow: 0 0 0 3px rgba(98,214,255,.08);
}

.checkbox {
  grid-template-columns: 18px 1fr !important;
  align-items: start;
  line-height: 1.5;
}

.checkbox input {
  width: 16px;
  height: 16px;
  margin-top: 2px;
  padding: 0;
}

.checkbox a {
  color: var(--accent);
  text-decoration: underline;
}

footer {
  padding: 58px 0 24px;
  border-top: 1px solid var(--line);
  background: #03060d;
}

.footer-main {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 64px;
  align-items: start;
}

.footer-brand {
  margin-bottom: 16px;
}

.footer-main p {
  max-width: 320px;
  color: #65778e;
  font-size: 13px;
  line-height: 1.65;
}

.footer-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.footer-links a {
  color: #9aa9bb;
  font-size: 13px;
}

.footer-company {
  display: grid;
  gap: 7px;
  color: #6d7f96;
  font-size: 12px;
}

.footer-company a {
  color: #9aa9bb;
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 50px;
  padding-top: 20px;
  border-top: 1px solid var(--line);
  color: #53657d;
  font-size: 11px;
}

.legal-links {
  display: flex;
  gap: 16px;
}

.legal-links a:hover {
  color: var(--accent);
}

.reveal {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .72s ease, transform .72s ease;
}

.reveal.visible {
  opacity: 1;
  transform: none;
}

.delay-1 { transition-delay: .12s; }
.delay-2 { transition-delay: .22s; }

.legal-page {
  padding: 96px 0 112px;
}

.legal-shell {
  max-width: 900px;
}

.legal-shell h1 {
  margin: 22px 0;
  font-size: clamp(46px, 6vw, 72px);
  letter-spacing: -.055em;
}

.legal-shell h2 {
  margin-top: 48px;
  font-size: 27px;
  letter-spacing: -.025em;
}

.legal-shell p,
.legal-shell li {
  color: var(--muted);
  font-size: 15px;
  line-height: 1.8;
}

.legal-shell a {
  color: var(--accent);
}

.legal-shell ul {
  padding-left: 22px;
}

.legal-meta {
  display: grid;
  gap: 6px;
  margin: 30px 0;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(255,255,255,.025);
  color: var(--muted);
  font-size: 14px;
}

.legal-warning {
  margin-top: 40px;
  padding: 18px 20px;
  border-left: 3px solid var(--accent);
  background: rgba(98,214,255,.05);
  color: var(--muted);
  font-size: 13px;
  line-height: 1.7;
}

@media (max-width: 980px) {
  .main-nav,
  .header-cta {
    display: none;
  }

  .menu-toggle {
    display: block;
  }

  .main-nav.open {
    position: absolute;
    top: 76px;
    left: 20px;
    right: 20px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 22px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: #0a1423;
    box-shadow: var(--shadow);
  }

  .hero {
    min-height: auto;
    padding-top: 90px;
  }

  .hero-layout,
  .approach-layout,
  .product-layout,
  .company-layout,
  .contact-layout {
    grid-template-columns: 1fr;
    gap: 58px;
  }

  .sticky-intro {
    position: static;
  }

  .product-window {
    transform: none;
  }

  .capability-grid,
  .partnership-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .value-strip-inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .value-items {
    justify-content: flex-start;
  }
}

@media (max-width: 680px) {
  .brand-logo-shell {
    padding: 0;
    border-radius: 0;
  }

  .brand-logo-img {
    height: 26px;
  }

  .footer-logo-shell {
    padding: 0;
  }

  .footer-logo-img {
    height: 30px;
  }

  .container {
    width: min(100% - 28px, 1180px);
  }

  .section {
    padding: 74px 0;
  }

  .hero {
    padding-top: 68px;
  }

  .hero-copy h1 {
    font-size: 46px;
  }

  .hero-lead {
    font-size: 17px;
  }

  .hero-actions {
    flex-direction: column;
  }

  .button {
    width: 100%;
  }

  .product-window {
    border-radius: 20px;
  }

  .workspace {
    grid-template-columns: 42px 1fr;
  }

  .workspace-main {
    padding: 14px;
  }

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

  .analytics-bars {
    height: 92px;
    gap: 5px;
  }

  .capability-grid,
  .partnership-grid {
    grid-template-columns: 1fr;
  }

  .section-intro h2 {
    font-size: 42px;
  }

  .approach-steps {
    padding-left: 30px;
  }

  .approach-step::before {
    left: -35px;
  }

  .product-copy h2 {
    font-size: 46px;
  }

  .demo-card,
  .contact-form {
    padding: 22px;
  }

  .form-row {
    grid-template-columns: 1fr;
  }

  .footer-main {
    grid-template-columns: 1fr;
  }

  .footer-bottom {
    flex-direction: column;
  }
}

.main-nav a { position: relative; }
.main-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: -8px;
  height: 1px;
  background: var(--accent);
  transition: right .22s ease;
}
.main-nav a:hover::after { right: 0; }
.button-primary { position: relative; overflow: hidden; }
.button-primary::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent 0 35%, rgba(255,255,255,.22) 48%, transparent 62%);
  transform: translateX(-130%);
  transition: transform .55s ease;
}
.button-primary:hover::before { transform: translateX(130%); }
.product-window, .demo-card, .capability-card, .partnership-card {
  backdrop-filter: blur(8px);
}


/* V6 — modular platform and growth sections */
.metric-word { font-size: 15px !important; letter-spacing: -.02em; margin-top: 11px !important; }

.company-snapshot-section {
  background: radial-gradient(circle at 50% 0%, rgba(75,126,255,.10), transparent 44%);
}
.snapshot-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.snapshot-card {
  min-height: 245px;
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: linear-gradient(180deg, rgba(255,255,255,.034), rgba(255,255,255,.012));
}
.snapshot-card small {
  display: block;
  color: var(--accent);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.snapshot-card strong {
  display: block;
  margin-top: 30px;
  font-size: 23px;
  line-height: 1.18;
  letter-spacing: -.035em;
}
.snapshot-card p {
  margin: 16px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.7;
}
.snapshot-featured {
  border-color: rgba(98,214,255,.30);
  background: linear-gradient(180deg, rgba(98,214,255,.09), rgba(102,133,255,.025));
}

.module-section { background: #060b16; }
.module-heading {
  display: grid;
  grid-template-columns: 1.12fr .88fr;
  gap: 70px;
  align-items: end;
  margin-bottom: 44px;
}
.module-heading h2 {
  max-width: 760px;
  margin: 20px 0 0;
  font-size: clamp(42px, 5vw, 64px);
  line-height: 1.05;
  letter-spacing: -.05em;
}
.module-heading > p {
  margin: 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.8;
}
.module-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.module-grid span {
  padding: 14px 17px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255,255,255,.025);
  color: #cdd7e4;
  font-size: 13px;
  transition: .22s ease;
}
.module-grid span:hover {
  border-color: rgba(98,214,255,.34);
  color: var(--text);
  transform: translateY(-2px);
}
.module-note {
  display: grid;
  grid-template-columns: .35fr .65fr;
  gap: 32px;
  margin-top: 34px;
  padding: 26px 28px;
  border: 1px solid rgba(98,214,255,.18);
  border-radius: 18px;
  background: rgba(98,214,255,.045);
}
.module-note strong { font-size: 16px; }
.module-note p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.75; }

.roadmap-section { overflow: hidden; }
.roadmap-line {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
}
.roadmap-line::before {
  content: "";
  position: absolute;
  left: 6%;
  right: 6%;
  top: 24px;
  height: 1px;
  background: linear-gradient(90deg, rgba(98,214,255,.15), rgba(98,214,255,.72), rgba(102,133,255,.2));
}
.roadmap-item {
  position: relative;
  padding: 52px 22px 24px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(255,255,255,.02);
}
.roadmap-item::before {
  content: "";
  position: absolute;
  top: 19px;
  left: 22px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 0 7px rgba(98,214,255,.08);
}
.roadmap-item > span {
  color: var(--accent);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.roadmap-item h3 {
  margin: 16px 0 10px;
  font-size: 18px;
  line-height: 1.25;
  letter-spacing: -.025em;
}
.roadmap-item p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.65;
}
.roadmap-vision {
  border-color: rgba(98,214,255,.30);
  background: linear-gradient(180deg, rgba(98,214,255,.08), rgba(255,255,255,.015));
}

@media (max-width: 980px) {
  .snapshot-grid { grid-template-columns: repeat(2, 1fr); }
  .module-heading { grid-template-columns: 1fr; gap: 24px; }
  .roadmap-line { grid-template-columns: 1fr 1fr; }
  .roadmap-line::before { display: none; }
  .module-note { grid-template-columns: 1fr; gap: 10px; }
}

@media (max-width: 680px) {
  .snapshot-grid, .roadmap-line { grid-template-columns: 1fr; }
  .snapshot-card { min-height: 0; }
  .module-heading h2 { font-size: 40px; }
  .module-grid { display: grid; grid-template-columns: 1fr; }
  .module-grid span { border-radius: 14px; }
}


.form-honey {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.form-note {
  margin: -2px 0 0;
  color: #687b93;
  font-size: 11px;
  line-height: 1.6;
  text-align: center;
}


/* V8 high-end enterprise dashboard */
.hero-layout { grid-template-columns: .94fr 1.26fr; gap: 54px; }
.hero-copy h1 { font-size: clamp(56px, 6.2vw, 84px); }
.enterprise-shell {
  position: relative;
  border: 1px solid rgba(122,178,255,.22);
  border-radius: 26px;
  overflow: hidden;
  background: linear-gradient(160deg, rgba(13,28,49,.99), rgba(4,12,24,.99));
  box-shadow: 0 34px 95px rgba(0,0,0,.55), 0 0 0 1px rgba(98,214,255,.035) inset;
  transform: perspective(1600px) rotateY(-2deg) rotateX(1deg);
}
.enterprise-shell::before {
  content: "";
  position: absolute;
  width: 420px; height: 420px;
  right: -190px; top: -170px;
  background: radial-gradient(circle, rgba(43,114,255,.20), transparent 66%);
  pointer-events: none;
}
.enterprise-topbar {
  min-height: 58px; display:flex; align-items:center; justify-content:space-between;
  padding: 0 18px; border-bottom:1px solid var(--line); background:rgba(2,9,18,.42);
}
.enterprise-brand { display:flex; align-items:center; gap:14px; color:#8fa4bd; font-size:11px; }
.enterprise-brand img { width:104px; height:auto; object-fit:contain; }
.enterprise-brand span { padding-left:14px; border-left:1px solid var(--line); color:#9fcdf0; }
.enterprise-actions { display:flex; align-items:center; gap:10px; }
.enterprise-actions button { width:28px;height:28px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.025);color:#8fa3bb; }
.live-status { display:inline-flex; align-items:center; gap:6px; padding:5px 9px; border-radius:999px; background:rgba(121,228,190,.08); color:var(--green); font-size:9px; }
.live-status i { width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green); }
.user-avatar { width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#1d416f,#23304b);font-size:9px;color:#d8e7f7;border:1px solid var(--line); }
.enterprise-layout { display:grid; grid-template-columns:136px 1fr; min-height:565px; }
.enterprise-sidebar { padding:18px 12px; border-right:1px solid var(--line); background:rgba(2,9,17,.35); display:flex;flex-direction:column; }
.sidebar-section-title { margin:4px 9px 9px;color:#536981;font-size:7px;text-transform:uppercase;letter-spacing:.16em; }
.side-item { display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:9px;color:#91a2b7;font-size:9px;margin-bottom:3px; }
.side-item span { width:14px;text-align:center;color:#7b93ae; }
.side-item.active { color:#bdeeff;background:rgba(43,149,255,.11);border:1px solid rgba(74,177,255,.22); }
.side-item.active span { color:var(--accent); }
.sidebar-divider { height:1px;background:var(--line);margin:10px 4px; }
.sidebar-company { margin-top:auto;display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025); }
.company-mark { width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#06111d;font-weight:900; }
.sidebar-company b,.sidebar-company small { display:block; }.sidebar-company b{font-size:8px}.sidebar-company small{font-size:6px;color:#637991;margin-top:2px}
.enterprise-main { padding:18px; min-width:0; }
.enterprise-heading { display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:15px; }
.enterprise-heading small { display:block;color:#62809b;text-transform:uppercase;letter-spacing:.15em;font-size:7px; }
.enterprise-heading h3 { margin:4px 0 3px;font-size:16px;letter-spacing:-.025em; }
.enterprise-heading p { margin:0;color:#758ba4;font-size:8px; }
.heading-controls { display:flex;gap:7px; }
.heading-controls button { padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.025);color:#aab9ca;font-size:7px; }
.heading-controls .primary-mini { color:#bcecff;border-color:rgba(98,214,255,.25);background:rgba(98,214,255,.07); }
.enterprise-kpis { display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px; }
.enterprise-kpis article { position:relative;overflow:hidden;padding:12px 10px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018)); }
.enterprise-kpis span { display:block;color:#7389a1;font-size:7px; }
.enterprise-kpis strong { display:block;margin:6px 0 3px;font-size:16px;letter-spacing:-.035em; }
.enterprise-kpis small { font-size:6px; }.positive{color:var(--green)}.neutral{color:#7f94ac}
.mini-line { position:absolute;right:8px;bottom:10px;width:30px;height:15px;border-bottom:1px solid #35aaff;transform:skewY(-18deg);opacity:.65; }
.line-b{transform:skewY(-28deg)}.line-c{transform:skewY(-8deg)}.line-d{transform:skewY(-22deg)}
.enterprise-middle,.enterprise-bottom { display:grid;grid-template-columns:1.05fr .95fr;gap:9px;margin-bottom:9px; }
.dash-card { border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012));padding:12px;min-width:0; }
.card-head { display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px; }
.card-head small,.card-head b{display:block}.card-head small{font-size:6px;color:#688098;text-transform:uppercase;letter-spacing:.12em}.card-head b{font-size:9px;margin-top:3px}.card-head>span{font-size:6px;color:#668099}
.spend-content { display:flex;align-items:center;gap:13px; }
.donut { flex:0 0 94px;height:94px;border-radius:50%;background:conic-gradient(#4978ff 0 38%,#7d5ce4 38% 62%,#45a5dd 62% 80%,#40b89a 80% 92%,#617186 92% 100%);display:grid;place-items:center;position:relative; }
.donut::after { content:"";position:absolute;inset:18px;border-radius:50%;background:#0b1829;border:1px solid var(--line); }
.donut div{position:relative;z-index:1;text-align:center}.donut strong,.donut small{display:block}.donut strong{font-size:11px}.donut small{font-size:5px;color:#70849a;margin-top:2px}
.legend-list{display:grid;gap:5px;flex:1}.legend-list span{display:grid;grid-template-columns:8px 1fr auto;align-items:center;color:#8ea1b7;font-size:6px}.legend-list b{color:#cfdae6}.dot{width:5px;height:5px;border-radius:2px}.d1{background:#4978ff}.d2{background:#7d5ce4}.d3{background:#45a5dd}.d4{background:#40b89a}.d5{background:#617186}
.priority{padding:4px 6px;border-radius:999px;background:rgba(121,228,190,.09);color:var(--green)!important}.ai-value{font-size:20px;font-weight:850;letter-spacing:-.04em}.ai-card p{color:#71869d;font-size:6px;line-height:1.5;max-width:140px}.ai-orbit{width:78px;height:78px;position:absolute;right:14px;bottom:30px;border:1px solid rgba(83,156,255,.42);border-radius:50%;display:grid;place-items:center;transform:rotate(-18deg)}.ai-card{position:relative;overflow:hidden}.ai-orbit::before,.ai-orbit::after,.ai-orbit i{content:"";position:absolute;inset:12px;border:1px solid rgba(83,156,255,.42);border-radius:50%;transform:rotate(55deg)}.ai-orbit::after{transform:rotate(115deg)}.ai-orbit i:nth-child(2){inset:23px;border-radius:12px;transform:rotate(45deg);background:linear-gradient(135deg,rgba(42,118,255,.45),rgba(100,108,255,.2))}.ai-orbit span{z-index:2;color:#a7c8ff;font-weight:850}.ai-footer{display:flex;gap:8px;align-items:center;margin-top:20px}.ai-footer b{font-size:7px}.ai-footer span{font-size:6px;color:#71869d}
.line-chart{height:103px;position:relative;padding:8px 0 14px}.line-chart svg{position:absolute;inset:5px 0 18px;width:100%;height:80px}.grid{position:absolute;left:0;right:0;height:1px;background:rgba(255,255,255,.045)}.g1{top:25px}.g2{top:50px}.g3{top:75px}.month-row{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#50677f;font-size:5px}
.activity-list{display:grid;gap:8px}.activity-list>div{display:grid;grid-template-columns:20px 1fr auto;gap:7px;align-items:center}.activity-icon{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:7px}.success{background:rgba(121,228,190,.16);color:var(--green)}.blue{background:rgba(98,214,255,.12);color:var(--accent)}.purple{background:rgba(132,104,255,.14);color:#ad96ff}.activity-list p{margin:0}.activity-list b,.activity-list small{display:block}.activity-list b{font-size:6px}.activity-list small{font-size:5px;color:#667c93;margin-top:2px}.activity-list time{font-size:5px;color:#526a82}
.enterprise-footerbar { min-height:38px;padding:0 18px;border-top:1px solid var(--line);display:flex;align-items:center;gap:18px;color:#627991;font-size:6px;background:rgba(2,9,18,.34); }
.enterprise-footerbar span:first-child { color:#8fb0c7 }.enterprise-footerbar i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);margin-right:5px;box-shadow:0 0 8px var(--green)}
@media(max-width:1100px){.hero-layout{grid-template-columns:1fr}.enterprise-shell{transform:none;max-width:820px;margin:0 auto}.hero-copy{max-width:760px}}
@media(max-width:720px){.enterprise-layout{grid-template-columns:50px 1fr}.enterprise-sidebar{padding:12px 7px}.sidebar-section-title,.side-item{font-size:0}.side-item{justify-content:center;padding:9px}.side-item span{font-size:12px}.sidebar-company{padding:6px;justify-content:center}.sidebar-company div{display:none}.enterprise-main{padding:10px}.enterprise-kpis{grid-template-columns:repeat(2,1fr)}.enterprise-middle,.enterprise-bottom{grid-template-columns:1fr}.heading-controls{display:none}.enterprise-shell{border-radius:18px}.enterprise-topbar{padding:0 10px}.enterprise-brand img{width:82px}.enterprise-footerbar{overflow:auto;white-space:nowrap}.ai-orbit{right:24px}.donut{flex-basis:84px;height:84px}}


/* V9 ultra-detailed hero additions */
.enterprise-opsrail{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}.opsrail-item{min-width:0;display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.018)}.opsrail-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;font-size:8px;flex:0 0 auto}.opsrail-icon.cyan{background:rgba(98,214,255,.12);color:var(--accent)}.opsrail-icon.green{background:rgba(121,228,190,.12);color:var(--green)}.opsrail-icon.violet{background:rgba(144,113,255,.13);color:#ad93ff}.opsrail-item p{margin:0;min-width:0;flex:1}.opsrail-item b{display:block;font-size:7px}.opsrail-item small{display:block;color:#687e96;font-size:5.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.opsrail-item em{color:#8da3ba;font-size:6px;font-style:normal;white-space:nowrap}

/* V9 full-width platform showcase */
.container-wide{width:min(1500px,calc(100% - 28px));margin:0 auto}.software-showcase{overflow:hidden;padding-top:122px;padding-bottom:132px;background:radial-gradient(circle at 50% 42%,rgba(48,101,255,.14),transparent 45%),linear-gradient(180deg,#050914 0%,#07111f 45%,#050914 100%)}.showcase-glow{position:absolute;border-radius:50%;filter:blur(110px);pointer-events:none}.showcase-glow-one{width:520px;height:520px;background:rgba(38,112,255,.18);left:-220px;top:180px}.showcase-glow-two{width:450px;height:450px;background:rgba(0,210,255,.12);right:-180px;bottom:120px}.showcase-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:end;margin-bottom:50px}.showcase-intro h2{font-size:clamp(42px,5.4vw,72px);line-height:1.02;letter-spacing:-.055em;margin:20px 0 0;max-width:850px}.showcase-intro>p{margin:0;color:var(--muted);font-size:16px;line-height:1.8;max-width:610px}.showcase-frame{position:relative;z-index:2}.showcase-browser{border:1px solid rgba(255,255,255,.13);border-radius:28px;overflow:hidden;background:#07101c;box-shadow:0 45px 130px rgba(0,0,0,.55),0 0 0 1px rgba(98,214,255,.04),0 0 90px rgba(42,108,255,.10)}.showcase-browserbar{height:54px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#101b2c,#0b1422);font-size:10px;color:#6f8299}.showcase-windowdots{display:flex;gap:7px}.showcase-windowdots i{width:8px;height:8px;border-radius:50%;background:#526177}.showcase-windowdots i:first-child{background:#f26c6c}.showcase-windowdots i:nth-child(2){background:#e9bd55}.showcase-windowdots i:nth-child(3){background:#62ca92}.showcase-address{padding:7px 34px;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:rgba(255,255,255,.025)}.showcase-browseractions{justify-self:end;display:flex;align-items:center;gap:12px}.showcase-browseractions span{color:var(--green)}.showcase-browseractions b{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#020812;font-size:9px}.showcase-app{display:grid;grid-template-columns:190px 1fr;min-height:860px}.showcase-nav{padding:20px 13px;border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(3,10,19,.85),rgba(6,15,27,.92));display:flex;flex-direction:column;gap:4px}.showcase-logo{height:50px;display:flex;align-items:center;padding:0 8px 16px;margin-bottom:7px;border-bottom:1px solid var(--line)}.showcase-logo img{width:128px;height:auto}.showcase-nav>small{color:#4e657e;font-size:7px;letter-spacing:.15em;margin:14px 9px 7px}.showcase-nav>a{display:flex;align-items:center;gap:10px;min-height:34px;padding:0 10px;border-radius:9px;color:#768ca4;font-size:8px}.showcase-nav>a i{font-style:normal;width:17px;text-align:center;color:#6e85a0}.showcase-nav>a span{flex:1}.showcase-nav>a em{min-width:18px;padding:3px 5px;border-radius:999px;background:rgba(98,214,255,.08);color:#78cbe9;text-align:center;font-size:6px;font-style:normal}.showcase-nav>a .ai-badge{background:rgba(158,116,255,.15);color:#b69cff}.showcase-nav>a.active{color:#d8e5f2;background:linear-gradient(90deg,rgba(98,214,255,.13),rgba(98,214,255,.025));box-shadow:inset 2px 0 var(--accent)}.showcase-nav>a.active i{color:var(--accent)}.showcase-workspace{margin-top:auto;display:flex;align-items:center;gap:9px;padding:11px 8px;border-top:1px solid var(--line)}.showcase-workspace>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#12283d;color:var(--accent);font-size:8px;font-weight:800}.showcase-workspace b,.showcase-workspace small{display:block}.showcase-workspace b{font-size:7px}.showcase-workspace small{color:#536a83;font-size:5.5px;margin-top:2px}.showcase-main{padding:22px;min-width:0;background:radial-gradient(circle at 70% 0%,rgba(80,112,255,.06),transparent 26%)}.showcase-mainhead{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.showcase-mainhead small{color:#58718a;letter-spacing:.14em;font-size:6.5px}.showcase-mainhead h3{font-size:22px;margin:5px 0 4px;letter-spacing:-.035em}.showcase-mainhead p{margin:0;color:#758ba2;font-size:8px}.showcase-headtools{display:flex;gap:7px}.showcase-headtools button,.panel-title button{height:30px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.025);color:#7e92a8;font-size:7px}.showcase-headtools .showcase-primary{border-color:rgba(98,214,255,.28);background:linear-gradient(135deg,rgba(98,214,255,.18),rgba(102,133,255,.14));color:#bceeff}.showcase-alertbar{display:flex;align-items:center;gap:19px;margin:16px 0 10px;padding:8px 11px;border:1px solid rgba(121,228,190,.09);border-radius:8px;background:rgba(121,228,190,.025);color:#60778e;font-size:6px}.showcase-alertbar span:first-child{color:#86bba9}.showcase-alertbar i,.showcase-appfooter i,.live-pulse i,.ai-live i{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}.showcase-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:10px}.showcase-kpis article{position:relative;min-height:92px;padding:12px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.012));overflow:hidden}.showcase-kpis span{display:block;color:#6f859c;font-size:6.5px}.showcase-kpis b{display:block;margin:6px 0 3px;font-size:17px;letter-spacing:-.04em}.showcase-kpis em{font-size:5.8px;font-style:normal;color:#71879e}.showcase-kpis em.up{color:var(--green)}.showcase-kpis em.violet{color:#b397ff}.showcase-kpis svg{position:absolute;right:8px;bottom:6px;width:75px;height:28px;opacity:.72}.showcase-kpis polyline{fill:none;stroke:var(--accent);stroke-width:2}.radial-mini{position:absolute;right:12px;bottom:9px;width:32px;height:32px;border-radius:50%;background:conic-gradient(var(--green) calc(var(--p)*1%),rgba(255,255,255,.05) 0);display:grid;place-items:center}.radial-mini:after{content:"";width:22px;height:22px;border-radius:50%;background:#0b1625}.showcase-grid-top{display:grid;grid-template-columns:1.5fr .72fr;gap:9px;margin-bottom:9px}.showcase-grid-bottom{display:grid;grid-template-columns:1.45fr .7fr .7fr;gap:9px}.showcase-panel{border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.012));overflow:hidden}.panel-title{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--line)}.panel-title small{display:block;color:#526a82;font-size:6px;letter-spacing:.13em}.panel-title b{display:block;margin-top:3px;font-size:9px}.panel-title>span{color:#647b93;font-size:6px}.panel-legend{display:flex;gap:10px;color:#617991;font-size:6px}.panel-legend span{display:flex;align-items:center}.panel-legend i{width:6px;height:6px;border-radius:50%;margin-right:4px}.panel-legend i.cyan{background:var(--accent)}.panel-legend i.green{background:var(--green)}.revenue-chart{position:relative;height:265px;padding:18px 20px 24px 38px}.revenue-chart svg{position:absolute;inset:20px 20px 28px 42px;width:calc(100% - 62px);height:calc(100% - 48px)}.chart-axis{position:absolute;left:9px;color:#425b73;font-size:5.5px}.chart-axis.a1{top:26px}.chart-axis.a2{top:112px}.chart-axis.a3{top:198px}.chart-gridline{position:absolute;left:42px;right:20px;height:1px;background:rgba(255,255,255,.035)}.chart-gridline.l1{top:31px}.chart-gridline.l2{top:116px}.chart-gridline.l3{top:202px}.chart-months{position:absolute;left:42px;right:20px;bottom:8px;display:flex;justify-content:space-between;color:#485f77;font-size:5px}.chart-tooltip{position:absolute;right:94px;top:53px;padding:8px 10px;border:1px solid rgba(98,214,255,.24);border-radius:8px;background:rgba(7,19,32,.95);box-shadow:0 15px 30px rgba(0,0,0,.35)}.chart-tooltip small,.chart-tooltip b,.chart-tooltip span{display:block}.chart-tooltip small{color:#607992;font-size:5px}.chart-tooltip b{font-size:10px;margin:3px 0}.chart-tooltip span{color:var(--green);font-size:5px}.ai-live,.live-pulse{color:var(--green)!important}.intelligence-panel{padding-bottom:10px}.intelligence-score{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:15px;padding:15px}.score-ring{width:82px;height:82px;display:grid;place-items:center;align-content:center;border-radius:50%;background:radial-gradient(circle,#0b1727 55%,transparent 57%),conic-gradient(#9e78ff 0 87%,rgba(255,255,255,.05) 87%);box-shadow:0 0 40px rgba(139,102,255,.08)}.score-ring strong{font-size:20px}.score-ring small{font-size:5px;color:#687e96}.intelligence-score>div:last-child span{font-size:17px;font-weight:800;color:#c7b6ff}.intelligence-score p{font-size:6.5px;color:#71879e;line-height:1.55}.intelligence-list{padding:0 11px}.intelligence-list article{display:flex;align-items:center;gap:8px;padding:9px 4px;border-top:1px solid rgba(255,255,255,.045)}.intelligence-list i{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:rgba(98,214,255,.07);color:var(--accent);font-size:6px;font-style:normal}.intelligence-list i.critical{background:rgba(158,116,255,.13);color:#b599ff}.intelligence-list div{flex:1;min-width:0}.intelligence-list b,.intelligence-list small{display:block}.intelligence-list b{font-size:7px}.intelligence-list small{color:#5e758c;font-size:5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.intelligence-list span{font-size:7px;color:#a995eb}.intelligence-button{display:block;width:calc(100% - 22px);height:27px;margin:8px 11px 0;border:1px solid rgba(158,116,255,.15);border-radius:7px;background:rgba(158,116,255,.06);color:#aa92ea;font-size:6px}.software-table{padding:0 12px 9px}.table-row{display:grid;grid-template-columns:1.55fr .85fr .75fr .55fr .65fr .35fr;gap:8px;align-items:center;min-height:38px;border-bottom:1px solid rgba(255,255,255,.038);color:#71869d;font-size:6px}.table-row.table-head{min-height:31px;color:#465f77;text-transform:uppercase;letter-spacing:.08em;font-size:5px}.table-row>span:first-child{display:flex;align-items:center;color:#b2c0cf;font-size:6.5px}.company-dot{width:22px;height:22px;display:grid;place-items:center;margin-right:7px;border-radius:7px;font-size:5px;font-style:normal}.company-dot.c1{background:rgba(98,214,255,.12);color:var(--accent)}.company-dot.c2{background:rgba(121,228,190,.12);color:var(--green)}.company-dot.c3{background:rgba(158,116,255,.14);color:#b29aff}.company-dot.c4{background:rgba(255,181,82,.12);color:#ffc16b}.status{display:inline-flex;padding:4px 6px;border-radius:999px;font-size:5px;font-weight:500}.status.review{background:rgba(255,181,82,.11);color:#eeba6c}.status.sent{background:rgba(98,214,255,.10);color:#73c8e8}.status.approved{background:rgba(121,228,190,.10);color:var(--green)}.status.draft{background:rgba(255,255,255,.05);color:#71869d}.avatar{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:#13253a;color:#99acc0;font-size:5px;font-style:normal}.map-visual{position:relative;height:145px;padding:10px}.map-visual svg{width:100%;height:100%}.map-visual circle{fill:var(--accent);filter:drop-shadow(0 0 5px var(--accent))}.map-stat{position:absolute;left:21px;top:17px}.map-stat.second{left:auto;right:20px;top:88px}.map-stat b,.map-stat span{display:block}.map-stat b{font-size:10px}.map-stat span{font-size:5px;color:#647b92}.market-row{display:grid;gap:5px;padding:0 12px 11px}.market-row span{display:flex;align-items:center;color:#687f97;font-size:5.5px}.market-row i{width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:6px}.market-row b{margin-left:auto;color:#9db0c2;font-size:5.5px}.activity-stream{padding:4px 12px 9px}.activity-stream article{display:flex;align-items:center;gap:8px;min-height:39px;border-bottom:1px solid rgba(255,255,255,.038)}.stream-icon{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;font-size:7px;font-style:normal}.stream-icon.green{background:rgba(121,228,190,.11);color:var(--green)}.stream-icon.cyan{background:rgba(98,214,255,.11);color:var(--accent)}.stream-icon.violet{background:rgba(158,116,255,.13);color:#b098ff}.stream-icon.amber{background:rgba(255,181,82,.11);color:#f0bd72}.activity-stream div{flex:1;min-width:0}.activity-stream b,.activity-stream small{display:block}.activity-stream b{font-size:6.5px}.activity-stream small{margin-top:2px;color:#5d748c;font-size:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-stream time{color:#50677f;font-size:5px}.showcase-appfooter{min-height:35px;display:flex;align-items:center;gap:18px;margin-top:10px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.016);color:#566d85;font-size:5.5px}.showcase-appfooter span:first-child{color:#77aa99}
@media(max-width:1180px){.showcase-app{grid-template-columns:150px 1fr}.showcase-grid-bottom{grid-template-columns:1.3fr .8fr}.activity-panel-large{grid-column:1/-1}.showcase-kpis{grid-template-columns:repeat(3,1fr)}.showcase-kpis article:nth-child(4),.showcase-kpis article:nth-child(5){display:none}.showcase-intro{grid-template-columns:1fr;gap:20px}.showcase-intro>p{max-width:760px}.showcase-frame{overflow-x:auto}.showcase-browser{min-width:1040px}}
@media(max-width:760px){.enterprise-opsrail{grid-template-columns:1fr}.software-showcase{padding-top:88px;padding-bottom:94px}.container-wide{width:calc(100% - 16px)}.showcase-browser{min-width:980px}.showcase-intro h2{font-size:42px}.showcase-intro>p{font-size:14px}.showcase-frame{padding-bottom:8px}.showcase-frame:after{content:"Swipe to explore the platform →";display:block;margin:10px 0 0;color:#5d748c;font-size:10px;text-align:center}.showcase-app{min-height:780px}}

/* V10 high-end visual dashboard integration */
.hero {
  background:
    radial-gradient(circle at 78% 42%, rgba(60, 79, 255, .20), transparent 35%),
    radial-gradient(circle at 50% 78%, rgba(0, 192, 255, .10), transparent 42%),
    linear-gradient(135deg, #050914 0%, #071122 58%, #050914 100%);
}

.hero::before {
  content: "HARDNERO";
  position: absolute;
  left: 2.5%;
  bottom: 4%;
  font-size: clamp(72px, 10vw, 170px);
  font-weight: 900;
  letter-spacing: -.06em;
  color: rgba(255,255,255,.025);
  pointer-events: none;
  white-space: nowrap;
}

.hero-layout {
  grid-template-columns: .82fr 1.18fr;
  gap: 42px;
  position: relative;
  z-index: 2;
}

.hero-copy h1 {
  max-width: 650px;
}

.hero-dashboard-media {
  position: relative;
  width: 100%;
  border-radius: 28px;
  padding: 1px;
  background: linear-gradient(135deg, rgba(93,207,255,.8), rgba(111,91,255,.85), rgba(220,72,255,.75));
  box-shadow:
    0 35px 100px rgba(0,0,0,.55),
    0 0 60px rgba(80,118,255,.22),
    0 0 120px rgba(111,91,255,.12);
  transform: perspective(1500px) rotateY(-2.2deg) rotateX(1deg);
  overflow: hidden;
}

.hero-dashboard-media::before {
  content: "";
  position: absolute;
  inset: -25%;
  background: radial-gradient(circle at 65% 30%, rgba(96,214,255,.18), transparent 35%);
  pointer-events: none;
  z-index: 2;
}

.hero-dashboard-media img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 27px;
  filter: saturate(1.08) contrast(1.03);
}

.hero-dashboard-watermark {
  position: absolute;
  right: 24px;
  bottom: 18px;
  z-index: 3;
  font-size: 12px;
  letter-spacing: .34em;
  font-weight: 800;
  color: rgba(255,255,255,.22);
  text-shadow: 0 0 20px rgba(98,214,255,.25);
}

#platform-showcase {
  position: relative;
  overflow: hidden;
  padding: 118px 0 100px;
  background:
    radial-gradient(circle at 50% 30%, rgba(74,94,255,.16), transparent 42%),
    linear-gradient(180deg, #070d19 0%, #040812 100%);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

#platform-showcase::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .18;
  background-image:
    linear-gradient(rgba(98,214,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(98,214,255,.05) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent);
}

.showcase-heading {
  position: relative;
  z-index: 2;
  max-width: 820px;
  text-align: center;
  margin-bottom: 44px;
}

.showcase-heading .eyebrow {
  justify-content: center;
}

.showcase-heading h2 {
  margin: 18px 0 14px;
  font-size: clamp(44px, 5.7vw, 78px);
  line-height: 1.02;
  letter-spacing: -.055em;
}

.showcase-heading p {
  margin: 0 auto;
  max-width: 760px;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.75;
}

.showcase-image-wrap {
  position: relative;
  z-index: 2;
  width: min(1440px, calc(100% - 34px));
  margin: 0 auto;
  padding: 1px;
  border-radius: 26px;
  background: linear-gradient(120deg, rgba(74,191,255,.85), rgba(110,76,255,.88), rgba(219,69,255,.72));
  box-shadow:
    0 46px 120px rgba(0,0,0,.62),
    0 0 70px rgba(90,115,255,.22),
    inset 0 1px rgba(255,255,255,.25);
  overflow: hidden;
}

.showcase-image-wrap img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 25px;
  filter: saturate(1.1) contrast(1.035);
}

.showcase-image-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 90px rgba(8,25,65,.22);
  pointer-events: none;
}

.showcase-image-watermark {
  position: absolute;
  left: 36px;
  bottom: 26px;
  z-index: 3;
  font-size: clamp(20px, 2.2vw, 34px);
  font-weight: 900;
  letter-spacing: .12em;
  color: rgba(255,255,255,.085);
}

.showcase-tagline {
  position: relative;
  z-index: 2;
  margin-top: 32px;
  text-align: center;
  color: #8e9cff;
  letter-spacing: .46em;
  font-size: 11px;
  font-weight: 800;
}

@media (max-width: 980px) {
  .hero-layout {
    grid-template-columns: 1fr;
  }
  .hero-dashboard-media {
    transform: none;
  }
  .showcase-image-wrap {
    width: calc(100% - 24px);
  }
}

@media (max-width: 680px) {
  .hero-dashboard-media,
  .hero-dashboard-media img {
    border-radius: 18px;
  }
  .hero-dashboard-watermark {
    right: 12px;
    bottom: 10px;
    font-size: 8px;
  }
  #platform-showcase {
    padding: 80px 0 70px;
  }
  .showcase-heading h2 {
    font-size: 40px;
  }
  .showcase-image-wrap,
  .showcase-image-wrap img {
    border-radius: 16px;
  }
  .showcase-image-watermark {
    left: 16px;
    bottom: 12px;
    font-size: 14px;
  }
  .showcase-tagline {
    letter-spacing: .24em;
    font-size: 9px;
  }
}


/* V11 ENTERPRISE EDITION */
.hero {
  min-height: 860px;
  padding-top: 92px;
  isolation: isolate;
  background:
    radial-gradient(circle at 82% 38%, rgba(75,71,255,.23), transparent 34%),
    radial-gradient(circle at 56% 76%, rgba(0,198,255,.11), transparent 42%),
    linear-gradient(135deg,#040812 0%,#071224 62%,#040812 100%);
}
.hero::before {
  content:"HARDNERO";
  left:2.2%;
  bottom:2.5%;
  font-size:clamp(80px,11vw,190px);
  color:rgba(255,255,255,.022);
  z-index:-1;
}
.hero::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  opacity:.24;
  background-image:
    linear-gradient(rgba(98,214,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(98,214,255,.035) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(to bottom,transparent 2%,#000 20%,#000 82%,transparent 100%);
}
.hero-glow { display:none; }
.hero-layout {
  width:min(1320px,calc(100% - 40px));
  grid-template-columns:.72fr 1.28fr;
  gap:34px;
  align-items:center;
}
.hero-copy { position:relative; z-index:3; }
.hero-copy h1 {
  font-size:clamp(58px,6.1vw,88px);
  line-height:.98;
  max-width:620px;
  text-wrap:balance;
}
.hero-lead { max-width:590px; }
.hero-support { max-width:590px; }
.hero-dashboard-stage {
  position:relative;
  width:112%;
  margin-left:-3%;
  padding:32px 20px 44px 28px;
}
.hero-dashboard-stage::before {
  content:"";
  position:absolute;
  inset:8% 2% 4% 5%;
  border-radius:34px;
  background:radial-gradient(circle at 56% 40%,rgba(79,116,255,.20),transparent 42%);
  filter:blur(34px);
  z-index:-1;
}
.hero-dashboard-media {
  border-radius:28px;
  transform:perspective(1600px) rotateY(-1.5deg) rotateX(.6deg) scale(1.04);
  box-shadow:0 42px 120px rgba(0,0,0,.65),0 0 0 1px rgba(96,200,255,.14),0 0 90px rgba(96,84,255,.24);
}
.hero-dashboard-media::before {
  inset:0;
  border-radius:28px;
  background:linear-gradient(115deg,rgba(255,255,255,.08),transparent 24%,transparent 78%,rgba(129,91,255,.08));
}
.hero-dashboard-media img { min-height:470px; object-fit:cover; }
.hero-dashboard-scan {
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(to bottom,transparent 0%,rgba(98,214,255,.045) 50%,transparent 100%);
  background-size:100% 16px;
  mix-blend-mode:screen;
  opacity:.35;
  pointer-events:none;
}
.hero-float-card {
  position:absolute;
  z-index:5;
  display:flex;
  align-items:center;
  gap:10px;
  min-height:54px;
  padding:10px 13px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(18,33,55,.94),rgba(7,17,31,.94));
  backdrop-filter:blur(18px);
  box-shadow:0 18px 50px rgba(0,0,0,.45),0 0 30px rgba(76,121,255,.12);
}
.hero-float-card small,.hero-float-card strong,.hero-float-card span{display:block}
.hero-float-card small{color:#6f8399;font-size:8px;letter-spacing:.03em}
.hero-float-card strong{margin-top:2px;font-size:11px;color:#e8f0fb}
.hero-float-card em{margin-left:auto;color:#74deb8;font-size:7px;font-style:normal}
.float-icon{width:30px;height:30px;display:grid!important;place-items:center;border-radius:9px;background:linear-gradient(135deg,#43cfff,#735cff);color:#fff;font-size:9px;font-weight:800}
.float-dot{width:9px;height:9px;border-radius:50%;background:#67e2b1;box-shadow:0 0 14px #67e2b1}
.hero-float-ai{right:-18px;top:4px;min-width:175px}
.hero-float-cloud{left:-10px;bottom:18px;min-width:168px}
.hero-float-approval{right:18px;bottom:2px;display:grid;grid-template-columns:auto auto;gap:2px 12px;min-width:145px}
.hero-float-approval strong{font-size:18px;color:#7fe0ff}.hero-float-approval span{grid-column:2;color:#78dcb4;font-size:7px}
.enterprise-trust-strip{position:relative;z-index:4;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);background:rgba(5,10,18,.88);backdrop-filter:blur(14px)}
.enterprise-trust-inner{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.enterprise-trust-inner span{display:flex;align-items:center;gap:8px;color:#8fa1b7;font-size:11px;font-weight:650}
.enterprise-trust-inner i{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#60dcff,#7a62ff);box-shadow:0 0 12px rgba(98,214,255,.65)}
#platform-showcase{padding-top:132px;padding-bottom:116px}
.showcase-heading{margin-bottom:52px}
.showcase-image-wrap{width:min(1500px,calc(100% - 24px));border-radius:30px;box-shadow:0 60px 160px rgba(0,0,0,.72),0 0 95px rgba(82,96,255,.25),0 0 0 1px rgba(255,255,255,.04)}
.showcase-image-wrap img{border-radius:29px;transform:scale(1.01)}
.showcase-image-wrap::before{content:"";position:absolute;inset:-12%;z-index:-1;background:radial-gradient(circle at 50% 50%,rgba(76,107,255,.18),transparent 58%);filter:blur(45px)}
.showcase-image-watermark{font-size:clamp(26px,3vw,48px);left:42px;bottom:28px;color:rgba(255,255,255,.065)}
.showcase-tagline{margin-top:36px;font-size:12px;letter-spacing:.52em;background:linear-gradient(90deg,#54cfff,#9c72ff);-webkit-background-clip:text;background-clip:text;color:transparent}
@media(max-width:1100px){.hero{min-height:auto}.hero-layout{grid-template-columns:1fr}.hero-dashboard-stage{width:100%;margin:0;padding:26px 12px 54px}.hero-dashboard-media{transform:none}.hero-float-ai{right:0}.hero-float-cloud{left:0}.enterprise-trust-inner{justify-content:center;padding:18px 0}}
@media(max-width:680px){.hero{padding-top:64px}.hero-copy h1{font-size:50px}.hero-dashboard-stage{padding:16px 0 62px}.hero-dashboard-media img{min-height:auto}.hero-float-card{transform:scale(.86)}.hero-float-ai{right:-8px;top:-10px}.hero-float-cloud{left:-12px;bottom:18px}.hero-float-approval{right:-8px;bottom:-8px}.enterprise-trust-inner{display:grid;grid-template-columns:1fr 1fr}.showcase-image-wrap{width:calc(100% - 12px)}.showcase-tagline{letter-spacing:.25em}}


/* V12 tablet-format enterprise dashboards */
.hero-layout{grid-template-columns:minmax(0,.92fr) minmax(560px,1.08fr);gap:54px;align-items:stretch}
.hero-copy{align-self:center}.hero-visual{min-height:680px;display:flex;align-items:stretch}.tablet-stage{position:relative;width:100%;min-height:680px;display:flex;align-items:stretch;justify-content:flex-end}.tablet-glow{position:absolute;inset:6% -8% 2% 4%;background:radial-gradient(circle at 55% 38%,rgba(70,117,255,.24),transparent 44%),radial-gradient(circle at 82% 65%,rgba(0,205,255,.12),transparent 38%);filter:blur(44px)}
.enterprise-tablet{position:relative;z-index:2;width:100%;height:100%;min-height:680px;border:1px solid rgba(255,255,255,.15);border-radius:30px;background:linear-gradient(145deg,#17253a,#060c16 28%,#0b1523);box-shadow:0 55px 120px rgba(0,0,0,.62),0 0 0 1px rgba(98,214,255,.06),0 0 80px rgba(62,104,255,.16);padding:12px;overflow:hidden}
.tablet-camera{position:absolute;z-index:4;top:7px;left:50%;width:48px;height:5px;transform:translateX(-50%);border-radius:999px;background:#02050a;box-shadow:inset 0 0 4px rgba(255,255,255,.08)}.tablet-screen{position:relative;height:100%;min-height:654px;border-radius:21px;overflow:hidden;background:#07101d}.tablet-topbar{height:60px;display:grid;grid-template-columns:1fr minmax(180px,1.2fr) auto;gap:16px;align-items:center;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,#101b2d,#0a1321)}
.tablet-brand{display:flex;align-items:center;gap:10px;min-width:0}.tablet-brand img{width:110px;height:auto;object-fit:contain}.tablet-brand>div{padding-left:10px;border-left:1px solid rgba(255,255,255,.09)}.tablet-brand strong,.tablet-brand small{display:block}.tablet-brand strong{font-size:9px}.tablet-brand small{font-size:5px;color:#61758d;margin-top:2px}.tablet-search{height:30px;display:flex;align-items:center;padding:0 12px;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:rgba(255,255,255,.025);color:#50667d;font-size:6px}.tablet-actions{display:flex;align-items:center;gap:9px;color:#60768e;font-size:7px}.system-live{display:inline-flex;align-items:center;gap:5px;color:#75c9ae}.system-live i,.pulse i,.ai-live i,.tablet-statusbar i,.tablet-footer i,.showcase-bottom-bar i{width:5px;height:5px;border-radius:50%;background:#79e4be;box-shadow:0 0 8px #79e4be}.tablet-actions>b,.user-pill{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,#65d8ff,#7088ff);color:#06101b;font-size:7px}
.tablet-app{display:grid;grid-template-columns:130px 1fr;height:calc(100% - 60px)}.tablet-nav{display:flex;flex-direction:column;padding:15px 9px;border-right:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(2,8,15,.8),rgba(5,12,21,.92))}.tablet-nav>small{margin:9px 8px 6px;color:#40566e;font-size:5px;letter-spacing:.16em}.tablet-nav>a{min-height:31px;display:flex;align-items:center;gap:8px;padding:0 8px;border-radius:8px;color:#637a92;font-size:6px}.tablet-nav>a i{width:15px;text-align:center;color:#617b95;font-style:normal}.tablet-nav>a span{flex:1}.tablet-nav>a em{padding:3px 5px;border-radius:999px;background:rgba(98,214,255,.08);color:#70c8e8;font-size:5px;font-style:normal}.tablet-nav>a em.violet{background:rgba(158,116,255,.13);color:#b69cff}.tablet-nav>a.active{color:#dce8f4;background:linear-gradient(90deg,rgba(98,214,255,.13),rgba(98,214,255,.025));box-shadow:inset 2px 0 #65d8ff}.tablet-nav-bottom{margin-top:auto;padding:12px 5px 3px;border-top:1px solid rgba(255,255,255,.06);display:flex;gap:7px;align-items:center}.tablet-nav-bottom>span{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#11253a;color:#65d8ff;font-size:6px;font-weight:800}.tablet-nav-bottom b,.tablet-nav-bottom small{display:block}.tablet-nav-bottom b{font-size:5.5px}.tablet-nav-bottom small{font-size:4.5px;color:#4f657d;margin-top:2px}
.tablet-main{padding:16px;min-width:0;overflow:hidden;background:radial-gradient(circle at 70% 0%,rgba(80,112,255,.07),transparent 25%)}.tablet-heading{display:flex;justify-content:space-between;gap:16px}.tablet-heading small{font-size:5px;color:#536c84;letter-spacing:.13em}.tablet-heading h3{font-size:17px;margin:4px 0 3px;letter-spacing:-.035em}.tablet-heading p{margin:0;color:#657b92;font-size:6px}.tablet-head-actions{display:flex;gap:6px}.tablet-head-actions button,.panel-head button{height:28px;padding:0 10px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(255,255,255,.025);color:#73879d;font-size:6px}.tablet-head-actions .primary{border-color:rgba(98,214,255,.25);background:linear-gradient(135deg,rgba(98,214,255,.17),rgba(112,136,255,.13));color:#bdefff}.tablet-statusbar{display:flex;gap:18px;margin:11px 0 9px;padding:7px 10px;border:1px solid rgba(121,228,190,.08);border-radius:8px;background:rgba(121,228,190,.025);color:#526981;font-size:5px}.tablet-statusbar span:first-child{color:#79a995}.tablet-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:8px}.tablet-kpis article{position:relative;min-height:79px;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));overflow:hidden}.tablet-kpis span{display:block;color:#647a91;font-size:5.5px}.tablet-kpis b{display:block;margin:6px 0 3px;font-size:15px;letter-spacing:-.04em}.tablet-kpis em{font-size:5px;color:#697f96;font-style:normal}.tablet-kpis em.up{color:#79e4be}.tablet-kpis em.amber{color:#e8b66a}.tablet-kpis svg{position:absolute;right:7px;bottom:7px;width:58px;height:22px}.tablet-kpis polyline{fill:none;stroke:#65d8ff;stroke-width:2}.mini-ring{position:absolute;right:10px;bottom:9px;width:27px;height:27px;border-radius:50%;background:conic-gradient(#79e4be calc(var(--p)*1%),rgba(255,255,255,.05) 0)}.mini-ring:after{content:"";position:absolute;inset:6px;border-radius:50%;background:#0a1422}.mini-bars{position:absolute;right:9px;bottom:9px;height:24px;display:flex;align-items:end;gap:3px}.mini-bars i{width:4px;border-radius:3px 3px 0 0;background:linear-gradient(#65d8ff,#566dff)}.mini-bars i:nth-child(1){height:9px}.mini-bars i:nth-child(2){height:16px}.mini-bars i:nth-child(3){height:12px}.mini-bars i:nth-child(4){height:21px}.mini-bars i:nth-child(5){height:17px}
.tablet-grid{display:grid;grid-template-columns:1.45fr .8fr;gap:8px}.tablet-panel{border:1px solid rgba(255,255,255,.07);border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,255,255,.008));overflow:hidden}.panel-head{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;border-bottom:1px solid rgba(255,255,255,.055)}.panel-head small{display:block;color:#4c637a;font-size:4.8px;letter-spacing:.13em}.panel-head b{display:block;margin-top:2px;font-size:7px}.legend{display:flex;gap:8px;color:#5e758d;font-size:5px}.legend span{display:flex;align-items:center}.legend i{width:5px;height:5px;border-radius:50%;margin-right:4px}.legend .cyan{background:#65d8ff}.legend .green{background:#79e4be}.spend-chart{position:relative;height:180px;padding:18px 14px 24px 34px}.spend-chart svg{position:absolute;inset:20px 12px 30px 37px;width:calc(100% - 49px);height:calc(100% - 50px)}.spend-chart .axis{position:absolute;left:7px;color:#3e536a;font-size:4.5px}.spend-chart .a1{top:23px}.spend-chart .a2{top:90px}.spend-chart .a3{bottom:27px}.spend-chart .grid{position:absolute;left:36px;right:12px;height:1px;background:rgba(255,255,255,.035)}.spend-chart .g1{top:26px}.spend-chart .g2{top:93px}.spend-chart .g3{bottom:31px}.months{position:absolute;left:37px;right:12px;bottom:8px;display:flex;justify-content:space-between;color:#40566d;font-size:4px}.ai-live,.pulse{display:flex;align-items:center;gap:5px;color:#79e4be!important;font-size:5px}.ai-score{display:grid;grid-template-columns:70px 1fr;gap:10px;align-items:center;padding:11px}.score-ring{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle,#0a1423 56%,transparent 58%),conic-gradient(#9d78ff 0 94.8%,rgba(255,255,255,.05) 94.8%)}.score-ring strong{font-size:15px}.score-ring small{color:#60758d;font-size:4px}.ai-score>div:last-child span{color:#c4b2ff;font-size:12px;font-weight:800}.ai-score p{margin:4px 0 0;color:#687e95;font-size:5px;line-height:1.45}.ai-list{padding:0 8px 8px}.ai-list article{display:flex;align-items:center;gap:7px;padding:8px 2px;border-top:1px solid rgba(255,255,255,.04)}.ai-list>article>i{width:20px;height:20px;display:grid;place-items:center;border-radius:6px;background:rgba(158,116,255,.12);color:#b49bff;font-size:6px;font-style:normal}.ai-list div{flex:1}.ai-list b,.ai-list small{display:block}.ai-list b{font-size:5.8px}.ai-list small{margin-top:2px;color:#526981;font-size:4.3px}.ai-list article>span{color:#b6a1f2;font-size:5.5px}.table-panel,.activity-panel{margin-top:0}.tablet-table{padding:0 9px 8px}.trow{display:grid;grid-template-columns:1.5fr .72fr .5fr .65fr;gap:6px;align-items:center;min-height:31px;border-bottom:1px solid rgba(255,255,255,.035);color:#687f96;font-size:5px}.trow.thead{min-height:25px;color:#40576e;text-transform:uppercase;font-size:4.3px}.trow>span:first-child{display:flex;align-items:center;color:#a7b7c8}.company{width:19px;height:19px;display:grid;place-items:center;margin-right:6px;border-radius:6px;font-size:4.5px;font-style:normal}.company.c1{background:rgba(98,214,255,.12);color:#65d8ff}.company.c2{background:rgba(121,228,190,.12);color:#79e4be}.company.c3{background:rgba(158,116,255,.14);color:#b39cff}.trow em{display:inline-flex;padding:4px 5px;border-radius:999px;font-size:4px;font-style:normal}.review{background:rgba(255,181,82,.1);color:#e8b66a}.sent{background:rgba(98,214,255,.1);color:#71cbe9}.approved{background:rgba(121,228,190,.1);color:#79e4be}.activity-list{padding:3px 9px 7px}.activity-list article{display:flex;gap:7px;align-items:center;min-height:34px;border-bottom:1px solid rgba(255,255,255,.035)}.activity-list>article>i{width:20px;height:20px;display:grid;place-items:center;border-radius:6px;font-size:6px;font-style:normal}.activity-list i.green{background:rgba(121,228,190,.1);color:#79e4be}.activity-list i.cyan{background:rgba(98,214,255,.1);color:#65d8ff}.activity-list i.violet{background:rgba(158,116,255,.12);color:#b49cff}.activity-list b,.activity-list small{display:block}.activity-list b{font-size:5.4px}.activity-list small{margin-top:2px;color:#526980;font-size:4.3px}.tablet-footer{min-height:28px;display:flex;align-items:center;gap:14px;margin-top:8px;padding:0 9px;border:1px solid rgba(255,255,255,.055);border-radius:7px;color:#4d647c;font-size:4.8px}.tablet-footer span:first-child{color:#70a08f}.tablet-watermark{position:absolute;right:30px;bottom:22px;color:rgba(255,255,255,.025);font-size:34px;font-weight:900;letter-spacing:.1em;pointer-events:none}

.tablet-showcase{padding:118px 0 130px;background:radial-gradient(circle at 50% 44%,rgba(58,105,255,.13),transparent 42%),linear-gradient(180deg,#050914,#07111f 48%,#050914)}.showcase-compact-head{max-width:850px;margin-bottom:42px}.showcase-compact-head h2{margin:18px 0 0;font-size:clamp(42px,5vw,66px);line-height:1.03;letter-spacing:-.05em}.showcase-tablet-wrap{max-width:1040px}.showcase-tablet{position:relative;min-height:770px;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:30px;background:linear-gradient(145deg,#17253a,#060c16 27%,#0b1523);box-shadow:0 60px 150px rgba(0,0,0,.68),0 0 90px rgba(70,100,255,.16);overflow:hidden}.showcase-tablet-top{height:58px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;border-radius:20px 20px 0 0;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,#111d30,#0a1422)}.showcase-tablet-top>div:first-child{display:flex;align-items:center;gap:12px}.showcase-tablet-top img{width:118px;height:auto}.showcase-tablet-top>div:first-child span{padding-left:12px;border-left:1px solid rgba(255,255,255,.08);font-size:8px}.showcase-tabs{display:flex;gap:18px;color:#586f87;font-size:6px}.showcase-tabs b{color:#c8d7e6}.showcase-tablet-top>div:last-child{justify-self:end;display:flex;align-items:center;gap:10px}.showcase-tablet-body{display:grid;grid-template-columns:64px 1fr;min-height:688px;border-radius:0 0 20px 20px;overflow:hidden;background:#07101d}.showcase-mini-nav{display:flex;flex-direction:column;align-items:center;gap:9px;padding:15px 6px;border-right:1px solid rgba(255,255,255,.06);background:rgba(3,9,16,.8)}.showcase-mini-nav a{width:48px;min-height:45px;display:grid;place-items:center;align-content:center;gap:4px;border-radius:9px;color:#566d85;font-size:8px}.showcase-mini-nav a span{font-size:4.5px}.showcase-mini-nav a.active{background:rgba(98,214,255,.1);color:#65d8ff}.showcase-tablet-main{padding:18px;min-width:0}.showcase-title{display:flex;align-items:flex-start;justify-content:space-between}.showcase-title small{font-size:5px;color:#536b83;letter-spacing:.14em}.showcase-title h3{margin:4px 0 0;font-size:19px;letter-spacing:-.035em}.showcase-title button{height:30px;padding:0 12px;border:1px solid rgba(98,214,255,.25);border-radius:8px;background:linear-gradient(135deg,rgba(98,214,255,.16),rgba(112,136,255,.13));color:#c0edff;font-size:6px}.showcase-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.showcase-kpi-row article{padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.02)}.showcase-kpi-row span{display:block;color:#637990;font-size:5.5px}.showcase-kpi-row b{display:block;margin:7px 0 3px;font-size:16px}.showcase-kpi-row em{color:#79e4be;font-size:5px;font-style:normal}.showcase-content-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:9px}.showcase-box{border:1px solid rgba(255,255,255,.07);border-radius:11px;background:linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,255,255,.009));overflow:hidden}.box-head{min-height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.055)}.box-head small{display:block;color:#4d647c;font-size:4.8px;letter-spacing:.13em}.box-head b{display:block;margin-top:2px;font-size:7px}.box-head>span{color:#637a92;font-size:5px}.large-chart{min-height:302px}.big-chart{position:relative;height:253px;padding:14px 15px 24px}.big-chart svg{width:100%;height:100%}.chart-labels{position:absolute;left:18px;right:18px;bottom:8px;display:flex;justify-content:space-between;color:#40566d;font-size:4px}.insight-stack{min-height:302px}.insight-stack article{display:flex;align-items:center;gap:8px;padding:13px 10px;border-bottom:1px solid rgba(255,255,255,.04)}.insight-stack article>i{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;background:rgba(158,116,255,.12);color:#b49cff;font-size:7px;font-style:normal}.insight-stack article div{flex:1}.insight-stack b,.insight-stack small{display:block}.insight-stack b{font-size:6px}.insight-stack small{margin-top:2px;color:#526981;font-size:4.5px}.insight-stack strong{color:#bcaaff;font-size:6px}.pipeline-box,.global-box{min-height:208px}.pipeline{padding:12px}.pipeline article{display:grid;grid-template-columns:1fr 24px;gap:6px;align-items:center;margin-bottom:12px;color:#697f96;font-size:5px}.pipeline article b{text-align:right;color:#a6b6c8}.pipeline article i{grid-column:1/-1;position:relative;height:5px;border-radius:999px;background:rgba(255,255,255,.05);overflow:hidden}.pipeline article i:after{content:"";display:block;width:var(--w);height:100%;border-radius:inherit;background:linear-gradient(90deg,#65d8ff,#6f83ff)}.global-map{position:relative;height:139px;padding:10px}.global-map svg{width:100%;height:100%}.global-map circle{fill:#65d8ff;filter:drop-shadow(0 0 5px #65d8ff)}.map-label{position:absolute;padding:3px 5px;border-radius:5px;background:rgba(98,214,255,.1);color:#76cde9;font-size:4px}.map-label.m1{left:20%;top:50%}.map-label.m2{left:45%;top:38%}.map-label.m3{left:61%;top:59%}.map-label.m4{right:14%;top:47%}.showcase-bottom-bar{min-height:31px;display:flex;align-items:center;gap:16px;margin-top:9px;padding:0 10px;border:1px solid rgba(255,255,255,.055);border-radius:7px;color:#4c647c;font-size:4.7px}.showcase-bottom-bar span:first-child{color:#70a08f}.showcase-bottom-bar strong{margin-left:auto;color:rgba(255,255,255,.08);letter-spacing:.14em}.showcase-watermark{position:absolute;right:34px;bottom:28px;color:rgba(255,255,255,.022);font-size:34px;font-weight:900;letter-spacing:.08em}.showcase-tagline{margin-top:30px;text-align:center;font-size:10px;letter-spacing:.45em;background:linear-gradient(90deg,#65d8ff,#9e78ff);-webkit-background-clip:text;background-clip:text;color:transparent}

@media(max-width:1180px){.hero-layout{grid-template-columns:1fr}.hero-visual,.tablet-stage{min-height:700px}.enterprise-tablet{max-width:760px;margin:0 auto}.showcase-tablet-wrap{max-width:900px}}
@media(max-width:760px){.hero-visual,.tablet-stage{min-height:auto}.enterprise-tablet{min-height:620px;border-radius:22px;padding:8px}.tablet-screen{min-height:604px}.tablet-topbar{grid-template-columns:1fr auto;height:52px;padding:0 10px}.tablet-search{display:none}.tablet-brand img{width:85px}.tablet-brand>div{display:none}.tablet-app{grid-template-columns:46px 1fr}.tablet-nav{padding:10px 4px}.tablet-nav>a{min-height:34px;padding:0;justify-content:center}.tablet-nav>a span,.tablet-nav>a em,.tablet-nav>small,.tablet-nav-bottom div{display:none}.tablet-nav-bottom{justify-content:center}.tablet-main{padding:10px}.tablet-heading p,.tablet-statusbar span:not(:first-child),.tablet-head-actions button:first-child{display:none}.tablet-heading h3{font-size:14px}.tablet-kpis{grid-template-columns:repeat(2,1fr)}.tablet-kpis article:nth-child(3),.tablet-kpis article:nth-child(4){display:none}.tablet-grid{grid-template-columns:1fr}.ai-panel,.activity-panel{display:none}.spend-chart{height:165px}.tablet-footer{gap:8px}.tablet-footer span:nth-child(n+3){display:none}.tablet-watermark{font-size:20px;right:15px;bottom:16px}.tablet-showcase{padding:84px 0 92px}.showcase-tablet-wrap{width:calc(100% - 16px)}.showcase-tablet{min-height:660px;padding:8px;border-radius:22px}.showcase-tablet-top{grid-template-columns:1fr auto;height:50px;padding:0 10px}.showcase-tabs{display:none}.showcase-tablet-top img{width:90px}.showcase-tablet-body{grid-template-columns:44px 1fr;min-height:594px}.showcase-mini-nav{padding:10px 3px}.showcase-mini-nav a{width:34px;min-height:38px}.showcase-mini-nav a span{display:none}.showcase-tablet-main{padding:10px}.showcase-kpi-row{grid-template-columns:repeat(2,1fr)}.showcase-kpi-row article:nth-child(3),.showcase-kpi-row article:nth-child(4){display:none}.showcase-content-grid{grid-template-columns:1fr}.insight-stack,.global-box{display:none}.large-chart{min-height:275px}.pipeline-box{min-height:185px}.showcase-bottom-bar span:nth-child(n+3){display:none}.showcase-watermark{font-size:19px;right:16px}.showcase-tagline{font-size:8px;letter-spacing:.25em}}


/* V13 ORBITAL ENTERPRISE VISUALS */
@keyframes orbitSpin{to{transform:rotate(360deg)}}
@keyframes orbitSpinReverse{to{transform:rotate(-360deg)}}
@keyframes pulseGlow{0%,100%{opacity:.45;transform:scale(.96)}50%{opacity:1;transform:scale(1.05)}}
@keyframes hudFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes radarSweep{to{transform:rotate(360deg)}}

.tablet-stage{isolation:isolate;overflow:visible}
.hero-orbits{position:absolute;right:-11%;top:6%;width:74%;aspect-ratio:1;border-radius:50%;z-index:1;pointer-events:none;opacity:.86}
.orbit-ring{position:absolute;inset:0;border:1px solid rgba(101,216,255,.11);border-radius:50%;box-shadow:inset 0 0 35px rgba(73,113,255,.04)}
.orbit-ring:before{content:"";position:absolute;inset:9%;border:1px dashed rgba(158,120,255,.12);border-radius:50%}
.orbit-ring-a{animation:orbitSpin 22s linear infinite}
.orbit-ring-b{inset:14%;animation:orbitSpinReverse 17s linear infinite}
.orbit-ring-c{inset:29%;animation:orbitSpin 12s linear infinite}
.orbit-node{position:absolute;display:grid;place-items:center;border:1px solid rgba(101,216,255,.34);border-radius:50%;background:rgba(5,14,26,.92);color:#83e3ff;box-shadow:0 0 22px rgba(78,175,255,.22);font-size:8px;font-weight:800;letter-spacing:.08em}
.node-a{width:42px;height:42px;left:8%;top:46%}.node-b{width:38px;height:38px;right:6%;top:22%}.node-c{width:46px;height:46px;right:13%;bottom:12%;font-size:6px;color:#b69cff}
.orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:88px;height:88px;display:grid;place-items:center;align-content:center;border-radius:50%;background:radial-gradient(circle,rgba(93,215,255,.18),rgba(68,91,255,.05) 58%,transparent 72%);border:1px solid rgba(101,216,255,.23);box-shadow:0 0 50px rgba(77,133,255,.22);animation:pulseGlow 4s ease-in-out infinite}
.orbit-core span{font-size:23px;font-weight:900;letter-spacing:.06em}.orbit-core small{font-size:7px;color:#7bdcff;letter-spacing:.28em}
.floating-hud{position:absolute;z-index:5;min-width:142px;padding:11px 13px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:linear-gradient(145deg,rgba(13,28,49,.94),rgba(6,13,24,.91));backdrop-filter:blur(14px);box-shadow:0 18px 48px rgba(0,0,0,.38),0 0 30px rgba(78,133,255,.08);animation:hudFloat 5s ease-in-out infinite}
.floating-hud small,.showcase-float small{display:block;color:#587189;font-size:5px;letter-spacing:.14em}.floating-hud b,.showcase-float b{display:block;margin:4px 0 3px;font-size:9px}.floating-hud span{color:#6f879e;font-size:5px}.floating-hud span i,.showcase-float i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#79e4be;box-shadow:0 0 8px #79e4be}
.hud-one{left:-5%;top:14%}.hud-two{right:-7%;top:41%;animation-delay:-1.5s}.hud-three{left:-8%;bottom:12%;animation-delay:-3s}
.enterprise-tablet{z-index:3;background:linear-gradient(145deg,rgba(20,38,63,.98),rgba(5,11,20,.99) 32%,rgba(7,18,32,.99));box-shadow:0 62px 150px rgba(0,0,0,.67),0 0 0 1px rgba(98,214,255,.07),0 0 100px rgba(62,104,255,.2)}
.enterprise-tablet:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.05),transparent 22%,transparent 74%,rgba(87,173,255,.04));pointer-events:none;z-index:5}
.tablet-intelligence-strip{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:7px;margin-top:7px}
.tablet-intelligence-strip>section{min-height:56px;display:flex;align-items:center;gap:8px;padding:8px;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:linear-gradient(180deg,rgba(255,255,255,.021),rgba(255,255,255,.008));overflow:hidden}
.tablet-intelligence-strip small{display:block;color:#4d657d;font-size:4.5px;letter-spacing:.12em}.tablet-intelligence-strip strong{display:block;margin-top:3px;font-size:6px}
.radar-widget{position:relative}.radar-core,.command-radar-visual{position:relative;flex:0 0 auto;width:38px;height:38px;border-radius:50%;border:1px solid rgba(101,216,255,.24);background:radial-gradient(circle,rgba(101,216,255,.12),transparent 62%);overflow:hidden}.radar-core:before,.command-radar-visual:before{content:"";position:absolute;left:50%;top:50%;width:50%;height:1px;transform-origin:left center;background:linear-gradient(90deg,#65d8ff,transparent);animation:radarSweep 4s linear infinite}.radar-core:after,.command-radar-visual:after{content:"";position:absolute;inset:25%;border:1px solid rgba(101,216,255,.14);border-radius:50%}.radar-core b{position:absolute;inset:0;display:grid;place-items:center;font-size:7px}.radar-point{position:absolute;width:3px;height:3px;border-radius:50%;background:#79e4be;box-shadow:0 0 7px #79e4be}.rp1{left:18px;top:11px}.rp2{left:10px;bottom:9px}.rp3{right:8px;bottom:14px}
.micro-flow{justify-content:center}.micro-flow article{display:grid;place-items:center;gap:3px;text-align:center}.micro-flow article i{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:rgba(101,216,255,.09);color:#65d8ff;font-size:5px;font-style:normal}.micro-flow article span{font-size:4.5px;color:#71879d}.micro-flow>b{font-size:7px;color:#536a82}
.security-ring,.health-ring{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#65d8ff 0 99.9%,rgba(255,255,255,.05) 99.9%);position:relative}.security-ring:after,.health-ring:after{content:"";position:absolute;inset:5px;border-radius:50%;background:#081321}.security-ring span,.health-ring span{position:relative;z-index:2;font-size:6px;font-weight:800}

.showcase-tablet-wrap{position:relative;isolation:isolate;overflow:visible}
.showcase-orbit-system{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:112%;aspect-ratio:1;border-radius:50%;z-index:0;pointer-events:none;opacity:.72}
.showcase-orbit{position:absolute;inset:0;border:1px solid rgba(101,216,255,.09);border-radius:50%;animation:orbitSpin 28s linear infinite}.showcase-orbit:after{content:"";position:absolute;inset:11%;border:1px dashed rgba(158,120,255,.1);border-radius:50%}.showcase-orbit span{position:absolute;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(101,216,255,.27);background:#071321;color:#75dcff;font-size:7px;font-weight:800;box-shadow:0 0 22px rgba(81,143,255,.17)}.so-a span{left:3%;top:42%}.so-b{inset:14%;animation:orbitSpinReverse 21s linear infinite}.so-b span{right:5%;top:23%}.so-c{inset:28%;animation-duration:15s}.so-c span{right:9%;bottom:10%;color:#b49cff}
.showcase-orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:108px;height:108px;display:grid;place-items:center;align-content:center;border-radius:50%;background:radial-gradient(circle,rgba(101,216,255,.15),rgba(106,91,255,.04) 60%,transparent 72%);border:1px solid rgba(101,216,255,.18);animation:pulseGlow 4.5s ease-in-out infinite}.showcase-orbit-core b{font-size:28px}.showcase-orbit-core small{font-size:5px;letter-spacing:.25em;color:#7294ad}
.showcase-tablet{position:relative;z-index:2;box-shadow:0 70px 180px rgba(0,0,0,.74),0 0 120px rgba(68,107,255,.21)}
.showcase-float{position:absolute;z-index:4;min-width:135px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(7,17,30,.91);backdrop-filter:blur(14px);box-shadow:0 20px 55px rgba(0,0,0,.38);animation:hudFloat 6s ease-in-out infinite}.sf-one{left:-4%;top:16%}.sf-two{right:-6%;top:43%;animation-delay:-2s}.sf-three{left:-5%;bottom:13%;animation-delay:-4s}
.showcase-intelligence-row{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:8px;margin-top:9px}.showcase-intelligence-row>section{min-height:64px;display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid rgba(255,255,255,.055);border-radius:8px;background:rgba(255,255,255,.012)}.showcase-intelligence-row small{display:block;color:#4c647c;font-size:4.3px;letter-spacing:.12em}.showcase-intelligence-row b{display:block;margin-top:3px;font-size:5.8px}
.command-radar-visual{width:44px;height:44px}.command-radar-visual span{position:absolute;width:3px;height:3px;border-radius:50%;background:#65d8ff;box-shadow:0 0 7px #65d8ff}.cr-p1{left:13px;top:10px}.cr-p2{right:9px;top:17px}.cr-p3{left:11px;bottom:10px}.cr-p4{right:13px;bottom:8px}
.module-wheel{position:relative;padding-left:62px!important}.wheel-core{position:absolute;left:13px;top:12px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,rgba(101,216,255,.22),rgba(81,91,255,.05));border:1px solid rgba(101,216,255,.26);font-size:8px;font-weight:900}.module-wheel>span{position:absolute;width:16px;height:16px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(101,216,255,.18);background:#081522;color:#6ccfec;font-size:3.5px}.mw-1{left:5px;top:5px}.mw-2{left:44px;top:1px}.mw-3{left:3px;bottom:4px}.mw-4{left:47px;bottom:3px}.health-ring{width:42px;height:42px}

@media(max-width:1180px){.hero-orbits{right:4%;width:68%}.floating-hud{display:none}.showcase-orbit-system{width:105%}.showcase-float{display:none}}
@media(max-width:760px){.hero-orbits,.showcase-orbit-system{opacity:.35}.orbit-node,.showcase-orbit span{transform:scale(.72)}.tablet-intelligence-strip{grid-template-columns:1fr}.tablet-intelligence-strip .micro-flow,.tablet-intelligence-strip .security-widget{display:none}.showcase-intelligence-row{grid-template-columns:1fr}.showcase-intelligence-row .module-wheel,.showcase-intelligence-row .network-health{display:none}}

/* V14 dense enterprise showcase */
.dense-enterprise{min-height:980px;background:linear-gradient(180deg,rgba(7,17,31,.99),rgba(4,11,20,.99));border-color:rgba(95,196,255,.28);box-shadow:0 42px 110px rgba(0,0,0,.58),0 0 70px rgba(65,112,255,.13)}
.dense-topbar{min-height:72px;padding:0 18px;display:grid;grid-template-columns:auto minmax(240px,1fr) auto;gap:20px;align-items:center}
.dense-brand{display:flex;align-items:center;gap:12px}.dense-brand img{width:118px}.dense-brand span{color:#a8c6dd;font-size:10px;border-left:1px solid var(--line);padding-left:12px}.dense-brand em{font-style:normal;font-size:7px;padding:4px 7px;border-radius:999px;background:rgba(98,214,255,.08);color:var(--accent)}
.dense-search{height:34px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.022)}.dense-search span{color:#6e839a}.dense-search input{width:100%;border:0;background:transparent;color:#73879d;font-size:8px;outline:0}
.dense-user-tools{display:flex;align-items:center;gap:8px}.dense-user-tools>button{position:relative;width:32px;height:32px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.025);color:#90a3b7}.dense-user-tools>button b{position:absolute;right:-4px;top:-5px;width:15px;height:15px;display:grid;place-items:center;border-radius:50%;background:#8b64ff;color:#fff;font-size:6px}.dense-profile{display:flex;align-items:center;gap:9px;padding:6px 9px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025)}.dense-profile i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#62d6ff,#7a68ff);color:#07111c;font-size:8px;font-style:normal;font-weight:800}.dense-profile div{min-width:125px}.dense-profile strong,.dense-profile small{display:block}.dense-profile strong{font-size:7px}.dense-profile small{margin-top:2px;color:#6f8298;font-size:5px}.dense-profile>span{color:#6f8298}
.dense-body{grid-template-columns:150px 1fr;min-height:908px}.dense-sidebar{padding:16px 10px;background:rgba(3,9,17,.54)}.dense-sidebar>small{display:block;margin:8px 8px 7px;color:#405a72;font-size:5px;letter-spacing:.16em}.dense-sidebar a{position:relative;gap:9px;justify-content:flex-start;padding:8px 9px;font-size:6.5px}.dense-sidebar a b{margin-left:auto;padding:3px 5px;border-radius:999px;background:rgba(158,116,255,.13);color:#b99dff;font-size:5px}.dense-cloud{margin-top:auto;display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:10px;background:rgba(121,228,190,.035)}.dense-cloud>i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 11px var(--green)}.dense-cloud b,.dense-cloud small{display:block}.dense-cloud b{font-size:6px}.dense-cloud small{margin-top:3px;color:#668078;font-size:5px}
.dense-main{padding:15px}.dense-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:12px}.dense-heading small{color:#557189;font-size:5px;letter-spacing:.15em}.dense-heading h3{margin:4px 0 3px;font-size:18px}.dense-heading p{margin:0;color:#70859b;font-size:6px}.dense-heading-actions{display:flex;gap:7px}.dense-heading-actions button{height:29px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:rgba(255,255,255,.025);color:#8ea1b5;font-size:6px}.dense-heading-actions .primary{background:rgba(98,214,255,.09);color:var(--accent);border-color:rgba(98,214,255,.25)}
.dense-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-bottom:8px}.dense-kpis article{position:relative;min-height:78px;padding:10px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));overflow:hidden}.dense-kpis span,.dense-kpis b,.dense-kpis em{display:block}.dense-kpis span{color:#6c8299;font-size:5px}.dense-kpis b{margin:6px 0 3px;font-size:13px}.dense-kpis em{color:var(--green);font-size:5px;font-style:normal}.dense-kpis svg{position:absolute;right:6px;bottom:7px;width:56px;height:20px}.dense-kpis polyline{fill:none;stroke:var(--accent);stroke-width:2}.dense-ring{position:absolute;right:10px;bottom:9px;width:27px;height:27px;border-radius:50%;background:radial-gradient(circle,#0b1727 55%,transparent 57%),conic-gradient(#8d70ff calc(var(--p)*1%),rgba(255,255,255,.05) 0)}
.dense-grid-top{display:grid;grid-template-columns:1.55fr .8fr .65fr;gap:8px;margin-bottom:8px}.dense-grid-mid{display:grid;grid-template-columns:1.45fr .7fr .75fr;gap:8px;margin-bottom:8px}.dense-grid-bottom{display:grid;grid-template-columns:1.2fr .72fr .8fr;gap:8px}.dense-panel{border:1px solid var(--line);border-radius:11px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012));overflow:hidden}.dense-panel-head{min-height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;border-bottom:1px solid var(--line)}.dense-panel-head small,.dense-panel-head b{display:block}.dense-panel-head small{color:#4e667e;font-size:5px;letter-spacing:.13em}.dense-panel-head b{margin-top:2px;font-size:7px}.dense-panel-head>span{color:#60768c;font-size:5px}.dense-panel-head>div:last-child{display:flex;gap:8px}.legend{position:relative;padding-left:8px;color:#61788f;font-size:5px}.legend:before{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;border-radius:50%;transform:translateY(-50%)}.legend.cyan:before{background:var(--accent)}.legend.green:before{background:var(--green)}.legend.dotted:before{background:#77889c}
.dense-chart{position:relative;height:252px;padding:14px 12px 22px}.dense-chart svg{width:100%;height:100%}.dense-chart-labels{position:absolute;left:20px;right:18px;bottom:6px;display:flex;justify-content:space-between;color:#415a72;font-size:4.5px}.dense-tooltip{position:absolute;right:62px;top:48px;padding:7px 9px;border:1px solid rgba(98,214,255,.24);border-radius:8px;background:rgba(5,16,29,.95)}.dense-tooltip small,.dense-tooltip b,.dense-tooltip span{display:block}.dense-tooltip small{font-size:4px;color:#607990}.dense-tooltip b{margin:2px 0;font-size:8px}.dense-tooltip span{font-size:4px;color:var(--green)}
.live-pill{display:inline-flex!important;align-items:center;gap:4px;color:var(--green)!important}.live-pill i{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.dense-ai{padding-bottom:7px}.dense-ai-score{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:center;padding:11px}.score-circle{width:62px;height:62px;display:grid;place-items:center;align-content:center;border-radius:50%;background:radial-gradient(circle,#0a1727 55%,transparent 57%),conic-gradient(#61d7ff 0 94.8%,rgba(255,255,255,.05) 94.8%)}.score-circle strong{font-size:14px}.score-circle small{font-size:4px;color:#678097}.dense-ai-score>div:last-child b,.dense-ai-score>div:last-child span{display:block}.dense-ai-score>div:last-child b{font-size:13px}.dense-ai-score>div:last-child span{color:#71859a;font-size:5px}.dense-ai article{display:flex;align-items:center;gap:7px;min-height:38px;padding:0 9px;border-top:1px solid rgba(255,255,255,.04)}.dense-ai article>i{width:21px;height:21px;display:grid;place-items:center;border-radius:7px;background:rgba(98,214,255,.08);color:var(--accent);font-size:6px;font-style:normal}.dense-ai article div{flex:1}.dense-ai article b,.dense-ai article small{display:block}.dense-ai article b{font-size:6px}.dense-ai article small{margin-top:2px;color:#5f758b;font-size:4.5px}.dense-ai article>span{padding:3px 5px;border-radius:999px;background:rgba(121,228,190,.09);color:var(--green);font-size:4.5px}
.dense-funnel{padding-bottom:9px;text-align:center}.funnel-step{height:30px;margin:7px auto 0;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background:linear-gradient(90deg,rgba(62,120,255,.9),rgba(55,168,230,.85));clip-path:polygon(6% 0,94% 0,100% 50%,94% 100%,6% 100%,0 50%);color:#e9f6ff;font-size:5px}.funnel-step.f1{width:86%}.funnel-step.f2{width:74%}.funnel-step.f3{width:62%}.funnel-step.f4{width:50%}.funnel-step.f5{width:38%}.dense-funnel p{margin:8px 0 0;color:#60758a;font-size:5px}.dense-funnel p strong{color:#fff;margin-left:5px}
.dense-table{min-height:250px}.dense-row{display:grid;grid-template-columns:.7fr 1.25fr .72fr .68fr .45fr .35fr;gap:7px;align-items:center;min-height:42px;padding:0 10px;border-bottom:1px solid rgba(255,255,255,.038);color:#71869a;font-size:5.5px}.dense-row-head{min-height:30px;color:#465e76;text-transform:uppercase;font-size:4.5px}.dense-row>span:first-child,.dense-row>span:nth-child(2){color:#aab9c8}.status{display:inline-flex;padding:4px 6px;border-radius:999px;font-size:4.5px;font-style:normal}.status.new{background:rgba(98,214,255,.1);color:var(--accent)}.status.review{background:rgba(255,185,82,.1);color:#eabd72}.status.approved{background:rgba(121,228,190,.1);color:var(--green)}.avatar{width:21px;height:21px;display:grid;place-items:center;border-radius:7px;background:#13263a;color:#9db0c4;font-size:4.5px;font-style:normal}
.risk-meter{display:grid;grid-template-columns:84px 1fr;gap:10px;align-items:center;padding:12px}.risk-meter>div{width:72px;height:72px;display:grid;place-items:center;align-content:center;border-radius:50%;background:radial-gradient(circle,#0a1727 55%,transparent 57%),conic-gradient(var(--green) calc(var(--p)*1%),rgba(255,255,255,.05) 0)}.risk-meter strong{font-size:15px}.risk-meter small{font-size:4px;color:#60778e}.risk-meter p{display:grid;gap:7px;margin:0}.risk-meter p span{display:flex;align-items:center;color:#6a8096;font-size:5px}.risk-meter p i{width:6px;height:6px;border-radius:50%;margin-right:6px}.risk-meter p i.green{background:var(--green)}.risk-meter p i.amber{background:#e2ae64}.risk-meter p i.red{background:#ef6f76}.risk-meter p b{margin-left:auto;color:#9bafc1}.risk-list{padding:0 10px 9px}.risk-list article{position:relative;display:grid;grid-template-columns:1fr auto;gap:8px;padding:7px 0 10px;color:#71869a;font-size:5px}.risk-list article i{position:absolute;left:0;right:0;bottom:2px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--accent) var(--w),rgba(255,255,255,.04) var(--w))}.risk-list article b{color:#a8bacb}
.dense-activity{padding-bottom:7px}.dense-activity article{display:flex;align-items:center;gap:7px;min-height:39px;padding:0 9px;border-bottom:1px solid rgba(255,255,255,.038)}.act{width:21px;height:21px;display:grid;place-items:center;border-radius:7px;font-style:normal;font-size:6px}.act.green{background:rgba(121,228,190,.1);color:var(--green)}.act.cyan{background:rgba(98,214,255,.1);color:var(--accent)}.act.violet{background:rgba(158,116,255,.12);color:#b39bff}.act.amber{background:rgba(255,185,82,.1);color:#eabb72}.dense-activity div{flex:1}.dense-activity b,.dense-activity small{display:block}.dense-activity b{font-size:5.8px}.dense-activity small{margin-top:2px;color:#5c7288;font-size:4.5px}
.dense-map{min-height:225px}.map-canvas{position:relative;height:130px;padding:8px}.map-canvas svg{width:100%;height:100%}.map-canvas circle{filter:drop-shadow(0 0 6px var(--accent))}.map-tag{position:absolute;padding:3px 5px;border-radius:999px;background:rgba(98,214,255,.09);color:var(--accent);font-size:4px}.map-tag.uk{left:18%;top:49%}.map-tag.eu{left:47%;top:35%}.map-tag.uae{left:65%;top:59%}.map-tag.apac{right:14%;top:49%}.map-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:0 10px 10px}.map-stats span{padding:7px;border:1px solid rgba(255,255,255,.04);border-radius:7px;color:#5e7489;font-size:4.5px}.map-stats b{display:block;margin-top:3px;color:#a5b7c8;font-size:6px}
.dense-approvals,.dense-assistant{min-height:225px}.dense-approvals article{display:flex;align-items:center;gap:7px;min-height:40px;padding:0 9px;border-bottom:1px solid rgba(255,255,255,.038)}.dense-approvals article>i{width:21px;height:21px;display:grid;place-items:center;border-radius:7px;background:rgba(98,214,255,.08);color:var(--accent);font-size:5px;font-style:normal}.dense-approvals article div{flex:1}.dense-approvals article b,.dense-approvals article small{display:block}.dense-approvals article b{font-size:5.5px}.dense-approvals article small{margin-top:2px;color:#5e7489;font-size:4.5px}.dense-approvals article>span{color:#eabb72;font-size:4.5px}.assistant-orb{width:62px;height:62px;display:grid;place-items:center;margin:13px auto 6px;border:1px solid rgba(113,130,255,.5);border-radius:50%;background:radial-gradient(circle,rgba(101,216,255,.24),rgba(95,79,255,.1));box-shadow:0 0 30px rgba(83,118,255,.18)}.assistant-orb:before,.assistant-orb:after{content:"";position:absolute;width:62px;height:62px;border:1px solid rgba(101,216,255,.28);border-radius:50%;transform:rotate(55deg) scaleY(.45)}.assistant-orb:after{transform:rotate(115deg) scaleY(.45)}.assistant-orb span{z-index:2;color:#b6c8ff;font-size:14px;font-weight:800}.dense-assistant p{margin:0 14px;color:#687d92;text-align:center;font-size:5px;line-height:1.5}.assistant-chips{display:flex;justify-content:center;gap:5px;margin:9px}.assistant-chips span{padding:4px 6px;border:1px solid rgba(98,214,255,.12);border-radius:999px;color:#7d94a9;font-size:4.5px}.assistant-input{height:29px;display:flex;align-items:center;justify-content:space-between;margin:0 10px;padding:0 9px;border:1px solid var(--line);border-radius:8px;color:#5e7489;font-size:5px;background:rgba(255,255,255,.018)}.assistant-input b{color:var(--accent)}
.dense-footer{margin-top:8px}.dense-footer strong{margin-left:auto;font-size:7px;letter-spacing:.12em;color:rgba(255,255,255,.2)}
@media(max-width:1180px){.dense-enterprise{min-width:1180px}.showcase-tablet-wrap{overflow-x:auto;padding-bottom:10px}.dense-profile div{display:none}.dense-user-tools{gap:5px}}
/* V15 refinement */
.dense-profile{min-width:255px}.dense-profile div{min-width:185px}.dense-profile strong{font-size:7.5px}.dense-profile small{font-size:5.2px;white-space:nowrap}.dense-user-tools>button{transition:.2s ease}.dense-user-tools>button:hover{border-color:rgba(98,214,255,.38);background:rgba(98,214,255,.08);transform:translateY(-1px)}
.dense-context{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:8px}.dense-context span{display:inline-flex;align-items:center;gap:5px;color:#74879c;font-size:5.5px}.dense-context i{width:5px;height:5px;border-radius:50%;background:#79e4be;box-shadow:0 0 8px rgba(121,228,190,.7)}
.dense-command-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 1.15fr;gap:8px;margin:10px 0}.dense-command-strip>article,.dense-online-team{min-height:48px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}.dense-command-strip small{display:block;color:#71849a;font-size:5.5px;text-transform:uppercase;letter-spacing:.07em}.dense-command-strip b{display:block;margin:5px 0 6px;font-size:9px}.dense-command-strip article>span{display:block;height:3px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}.dense-command-strip article>span i{display:block;width:var(--w);height:100%;border-radius:inherit;background:linear-gradient(90deg,#62d6ff,#7b68ff)}.dense-online-team{display:flex;align-items:center}.dense-online-team i,.dense-online-team b{width:24px;height:24px;margin:0 -4px 0 0;display:grid;place-items:center;border:2px solid #0c1728;border-radius:50%;background:linear-gradient(135deg,#62d6ff,#7b68ff);color:#07111c;font-size:5px;font-style:normal;font-weight:800}.dense-online-team i:nth-child(2){background:linear-gradient(135deg,#79e4be,#62d6ff)}.dense-online-team i:nth-child(3){background:linear-gradient(135deg,#ffce70,#ff8f70)}.dense-online-team i:nth-child(4){background:linear-gradient(135deg,#d57cff,#7b68ff)}.dense-online-team b{background:#13233a;color:#9eb0c5}.dense-online-team span{margin-left:12px;color:#8496aa;font-size:5.5px}
.dense-panel{transition:.22s ease}.dense-panel:hover{border-color:rgba(98,214,255,.26);box-shadow:0 12px 30px rgba(0,0,0,.18);transform:translateY(-1px)}
@media(max-width:1180px){.dense-command-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.dense-online-team{grid-column:span 2}.dense-profile{min-width:auto}}


/* V16 refined hero controls and image showcase */
.tablet-actions{gap:8px!important}.tablet-icon{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(148,185,225,.16);border-radius:9px;background:rgba(255,255,255,.025)}
.tablet-profile{display:flex;align-items:center;gap:8px;padding-left:6px}.tablet-profile>b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#5ed7ff,#8372ff);color:#06111e;font-size:10px}.tablet-profile div{display:flex;flex-direction:column;line-height:1.1}.tablet-profile strong{font-size:9px;color:#f4f7fb}.tablet-profile small{font-size:6.5px;color:#8fa3bb;margin-top:3px}
.tablet-commandbar{display:flex;align-items:center;gap:5px;margin:8px 0 10px;padding:6px;border:1px solid rgba(117,157,201,.13);border-radius:10px;background:rgba(6,15,27,.55)}.tablet-commandbar button{border:1px solid transparent;background:transparent;color:#8195ad;border-radius:7px;padding:6px 9px;font-size:7px;font-weight:700}.tablet-commandbar button.active,.tablet-commandbar button:hover{color:#eaf5ff;background:rgba(80,180,255,.12);border-color:rgba(92,203,255,.2)}.tablet-commandbar button em{font-style:normal;margin-left:4px;padding:1px 4px;border-radius:9px;background:rgba(124,102,255,.18);color:#b8aaff}.tablet-commandbar>span{flex:1}
.tablet-quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:9px 0}.tablet-quick-actions button{display:flex;align-items:center;gap:7px;text-align:left;border:1px solid rgba(112,157,202,.14);background:rgba(7,17,30,.72);border-radius:10px;padding:8px;color:#dfeaf5}.tablet-quick-actions button:hover{border-color:rgba(90,211,255,.35);background:rgba(27,58,86,.6);transform:translateY(-1px)}.tablet-quick-actions i{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:linear-gradient(135deg,rgba(88,207,255,.22),rgba(122,101,255,.2));font-style:normal;color:#72dbff}.tablet-quick-actions span{display:flex;flex-direction:column}.tablet-quick-actions b{font-size:7px}.tablet-quick-actions small{font-size:5.5px;color:#74899f;margin-top:2px}
.image-showcase{overflow:hidden}.showcase-image-wrap{position:relative;max-width:1180px}.showcase-image-glow{position:absolute;inset:4% 8%;background:radial-gradient(circle at 50% 50%,rgba(50,133,255,.2),transparent 60%);filter:blur(55px);pointer-events:none}.showcase-image-toolbar{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:13px 18px;border:1px solid rgba(103,154,210,.2);border-bottom:0;border-radius:22px 22px 0 0;background:linear-gradient(180deg,rgba(18,31,50,.98),rgba(8,17,29,.96));box-shadow:0 18px 50px rgba(0,0,0,.28)}.showcase-image-toolbar>div:first-child{display:flex;align-items:center;gap:8px}.toolbar-dot{width:8px;height:8px;border-radius:50%;background:#6ee6bb;box-shadow:0 0 14px #6ee6bb}.showcase-image-toolbar b{font-size:13px}.showcase-image-toolbar small{font-size:9px;color:#6f849c}.toolbar-actions{display:flex;gap:5px}.toolbar-actions button{border:1px solid rgba(117,157,201,.16);background:rgba(255,255,255,.025);color:#91a5ba;padding:7px 11px;border-radius:8px;font-size:9px}.toolbar-actions button:first-child,.toolbar-actions button:hover{background:rgba(83,177,255,.13);border-color:rgba(83,199,255,.27);color:#eaf7ff}.showcase-image-toolbar>div:last-child{text-align:right}.status-online{font-size:10px;color:#a9bdd1}.status-online i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6ce5b8;margin-right:5px;box-shadow:0 0 10px #6ce5b8}
.showcase-image-frame{position:relative;z-index:2;border:1px solid rgba(106,163,222,.24);border-radius:0 0 22px 22px;overflow:hidden;background:#06101d;box-shadow:0 35px 100px rgba(0,0,0,.5),0 0 55px rgba(57,137,255,.12)}.showcase-image-frame img{display:block;width:100%;height:auto;aspect-ratio:1.4/1;object-fit:cover;object-position:center}.showcase-image-watermark{position:absolute;right:20px;bottom:16px;font-size:10px;letter-spacing:.22em;color:rgba(255,255,255,.22);font-weight:800}.showcase-image-chip{position:absolute;display:flex;flex-direction:column;padding:10px 13px;border:1px solid rgba(107,168,229,.2);border-radius:12px;background:rgba(7,17,31,.86);backdrop-filter:blur(12px);box-shadow:0 15px 30px rgba(0,0,0,.3)}.showcase-image-chip small{font-size:7px;color:#7890a8;text-transform:uppercase;letter-spacing:.12em}.showcase-image-chip b{font-size:14px;margin-top:3px}.chip-one{right:3%;top:8%}.chip-two{left:2%;bottom:12%}.chip-three{right:3%;bottom:10%}.showcase-action-row{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;margin-top:14px}.showcase-action-row button{padding:10px 6px;border-radius:10px;border:1px solid rgba(104,151,199,.15);background:rgba(8,18,31,.7);color:#8ea4ba;font-size:9px;font-weight:700}.showcase-action-row button:hover{color:#e9f7ff;border-color:rgba(91,210,255,.35);background:rgba(38,83,119,.55)}
@media(max-width:900px){.tablet-profile div{display:none}.tablet-commandbar{overflow:hidden}.tablet-commandbar button:nth-child(n+5){display:none}.tablet-quick-actions{grid-template-columns:repeat(2,1fr)}.showcase-image-toolbar{grid-template-columns:1fr auto}.toolbar-actions{display:none}.showcase-image-toolbar>div:last-child{display:block}.showcase-action-row{grid-template-columns:repeat(4,1fr)}}
@media(max-width:600px){.tablet-quick-actions{grid-template-columns:1fr 1fr}.showcase-image-frame img{aspect-ratio:1/1.05}.showcase-image-chip{display:none}.showcase-action-row{grid-template-columns:repeat(2,1fr)}.showcase-image-toolbar{padding:10px 12px}}


/* V17 sharp multi-device showcase and hero collision fixes */
.hero-layout{grid-template-columns:minmax(0,.94fr) minmax(560px,1.06fr);gap:42px;overflow:visible}
.hero-copy{position:relative;z-index:4}
.hero-visual{position:relative;z-index:2;min-width:0;overflow:visible}
.tablet-stage{max-width:690px;margin-left:auto;overflow:hidden;border-radius:34px}
.enterprise-tablet{width:100%;min-width:0}
.hero-orbits{right:-2%;top:8%;width:64%;opacity:.44}
.floating-hud{transform:scale(.9)}
.hud-one{left:2%;top:12%}.hud-two{right:2%;top:40%}.hud-three{left:2%;bottom:10%}
@media(max-width:1250px){.hero-orbits,.floating-hud{display:none}.hero-layout{grid-template-columns:1fr 1fr;gap:32px}.tablet-stage{max-width:620px}}
@media(max-width:1100px){.hero-layout{grid-template-columns:1fr}.hero-copy{max-width:760px}.tablet-stage{max-width:760px;margin:0 auto}.hero-visual{min-height:auto}}

.device-showcase{overflow:hidden;padding-top:110px;padding-bottom:110px}
.centered-showcase-head{text-align:center;max-width:900px;margin:0 auto 48px;display:flex;flex-direction:column;align-items:center}
.centered-showcase-head .eyebrow{justify-content:center}
.centered-showcase-head h2{max-width:900px;margin:18px auto 12px;font-size:clamp(42px,5.4vw,76px);line-height:1.02;letter-spacing:-.055em}
.centered-showcase-head p{max-width:620px;margin:0 auto;color:var(--muted);font-size:15px;line-height:1.7}
.device-stage{position:relative;min-height:760px;max-width:1260px}
.device-glow{position:absolute;inset:12% 5% 5%;background:radial-gradient(circle at 50% 50%,rgba(62,124,255,.26),transparent 58%),radial-gradient(circle at 76% 70%,rgba(126,91,255,.16),transparent 38%);filter:blur(58px);pointer-events:none}
.device-desktop{position:absolute;left:2%;right:18%;top:2%;z-index:2;border:1px solid rgba(120,176,231,.28);border-radius:24px;overflow:hidden;background:#07111d;box-shadow:0 50px 140px rgba(0,0,0,.62),0 0 80px rgba(70,129,255,.17)}
.desktop-topbar{height:48px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,#14233a,#0a1422);font-size:10px;color:#7f94aa}
.desktop-dots{display:flex;gap:7px}.desktop-dots i{width:8px;height:8px;border-radius:50%;background:#607089}.desktop-dots i:first-child{background:#f06f6f}.desktop-dots i:nth-child(2){background:#e9bd55}.desktop-dots i:nth-child(3){background:#69d69c}
.desktop-topbar b{font-size:10px;color:#b8c9da}.desktop-live{justify-self:end;color:#8db0a3}.desktop-live i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#6ce5b8;box-shadow:0 0 10px #6ce5b8}
.desktop-screen{aspect-ratio:1.74/1;overflow:hidden;background:#030914}.desktop-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;image-rendering:auto}
.device-tablet{position:absolute;right:5%;bottom:1%;z-index:4;width:34%;aspect-ratio:.79/1;border:10px solid #111c2b;border-radius:32px;background:#08111d;box-shadow:0 35px 100px rgba(0,0,0,.62),0 0 55px rgba(81,133,255,.2);overflow:hidden}
.tablet-device-camera{position:absolute;left:50%;top:6px;z-index:3;width:46px;height:5px;transform:translateX(-50%);border-radius:999px;background:#22344c}
.tablet-device-screen{position:absolute;inset:12px;border-radius:22px;overflow:hidden;background:#050b14}.tablet-device-screen img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.device-phone{position:absolute;right:0;bottom:0;z-index:6;width:15%;aspect-ratio:.49/1;border:8px solid #111c2b;border-radius:30px;background:#07101b;box-shadow:0 26px 75px rgba(0,0,0,.62),0 0 38px rgba(89,140,255,.18);overflow:hidden}
.phone-speaker{position:absolute;left:50%;top:6px;z-index:3;width:38%;height:5px;transform:translateX(-50%);border-radius:999px;background:#253850}
.phone-screen{position:absolute;inset:10px;border-radius:22px;overflow:hidden}.phone-screen img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.device-status{position:absolute;z-index:8;min-width:132px;padding:10px 12px;border:1px solid rgba(112,170,228,.22);border-radius:12px;background:rgba(7,17,30,.9);backdrop-filter:blur(14px);box-shadow:0 20px 55px rgba(0,0,0,.35)}
.device-status small{display:block;color:#71879d;font-size:7px;text-transform:uppercase;letter-spacing:.12em}.device-status b{display:block;margin-top:4px;font-size:14px}.status-a{right:4%;top:10%}.status-b{left:0;bottom:11%}.status-c{right:18%;bottom:0}
.device-actions{margin-top:14px}
@media(max-width:1050px){.device-stage{min-height:680px}.device-desktop{right:10%}.device-tablet{width:38%;right:3%}.device-phone{width:17%}.device-status{display:none}}
@media(max-width:760px){.centered-showcase-head{margin-bottom:30px}.device-stage{min-height:660px}.device-desktop{left:0;right:0;top:0}.desktop-screen{aspect-ratio:1.45/1}.device-tablet{width:56%;right:7%;bottom:0}.device-phone{width:24%;right:0;bottom:0}.desktop-topbar{grid-template-columns:1fr auto}.desktop-topbar b{display:none}.device-actions{grid-template-columns:repeat(2,1fr)}}


/* V18: use the clean tablet device from the multi-device showcase in the hero */
.hero-layout{
  grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);
  gap:56px;
  align-items:center;
}
.hero-visual{
  position:relative;
  z-index:2;
  min-height:720px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  overflow:visible;
}
.hero-tablet-device{
  position:relative;
  width:min(100%,640px);
  aspect-ratio:.79/1;
  border:13px solid #111c2b;
  border-radius:38px;
  background:#08111d;
  box-shadow:0 48px 130px rgba(0,0,0,.68),0 0 75px rgba(81,133,255,.22),inset 0 0 0 1px rgba(255,255,255,.04);
  overflow:hidden;
  isolation:isolate;
}
.hero-tablet-device::before{
  content:"";
  position:absolute;
  inset:-35%;
  z-index:-1;
  background:radial-gradient(circle at 48% 36%,rgba(73,137,255,.28),transparent 36%),radial-gradient(circle at 70% 72%,rgba(126,91,255,.18),transparent 32%);
  filter:blur(34px);
}
.hero-tablet-camera{
  position:absolute;
  left:50%;
  top:8px;
  z-index:3;
  width:54px;
  height:5px;
  transform:translateX(-50%);
  border-radius:999px;
  background:#22344c;
  box-shadow:inset 0 0 4px rgba(255,255,255,.08);
}
.hero-tablet-screen{
  position:absolute;
  inset:16px;
  border-radius:25px;
  overflow:hidden;
  background:#050b14;
}
.hero-tablet-screen img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  display:block;
  image-rendering:auto;
}
@media(max-width:1180px){
  .hero-layout{grid-template-columns:1fr 1fr;gap:34px}
  .hero-visual{min-height:620px}
  .hero-tablet-device{width:min(100%,560px)}
}
@media(max-width:980px){
  .hero-layout{grid-template-columns:1fr}
  .hero-visual{min-height:auto;justify-content:center;margin-top:20px}
  .hero-tablet-device{width:min(92vw,650px)}
}
@media(max-width:620px){
  .hero-tablet-device{border-width:9px;border-radius:28px;width:min(96vw,520px)}
  .hero-tablet-screen{inset:11px;border-radius:19px}
  .hero-tablet-camera{top:5px;width:42px;height:4px}
}

/* V20 tablet-only high-end dashboard */
.hero-visual{display:flex;align-items:center;justify-content:center;min-width:0;overflow:visible}
.hero-tablet-device{width:min(100%,620px);aspect-ratio:4/5.25;padding:16px;border-radius:42px;background:linear-gradient(145deg,#17233f,#050b17 52%,#1a2a4c);border:1px solid rgba(126,174,255,.5);box-shadow:0 44px 110px rgba(0,0,0,.55),0 0 60px rgba(55,124,255,.18);position:relative;overflow:hidden}
.hero-tablet-screen{height:100%;border-radius:28px;overflow:hidden;background:#050b17}
.hero-tablet-screen img{width:100%;height:100%;object-fit:contain;object-position:center;background:#050b17;display:block}
.hero-tablet-camera{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:42px;height:5px;border-radius:99px;background:#27344f;z-index:2}
.premium-tablet-showcase{position:relative;overflow:hidden;background:radial-gradient(circle at 72% 42%,rgba(42,105,255,.17),transparent 34%),linear-gradient(180deg,#07101f,#040812);padding:110px 0}
.premium-tablet-layout{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(500px,1.22fr);align-items:center;gap:76px}
.premium-tablet-copy h2{font-size:clamp(42px,5vw,72px);line-height:1.02;margin:20px 0 24px;max-width:680px}
.premium-tablet-copy p{font-size:18px;line-height:1.75;color:var(--muted);max-width:620px}
.premium-feature-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0 34px}
.premium-feature-list span{padding:13px 15px;border:1px solid rgba(120,164,231,.18);border-radius:12px;background:rgba(12,27,55,.65);color:#dceaff;font-size:14px}
.premium-feature-list span:before{content:'✓';color:#51d7ff;margin-right:9px}
.premium-tablet-device{width:min(100%,720px);aspect-ratio:4/5.25;margin-inline:auto;padding:18px;border-radius:48px;background:linear-gradient(145deg,#1c2b4b,#050a15 52%,#213357);border:1px solid rgba(126,174,255,.56);box-shadow:0 55px 130px rgba(0,0,0,.6),0 0 90px rgba(55,124,255,.23);position:relative}
.premium-tablet-screen{width:100%;height:100%;border-radius:31px;overflow:hidden;background:#050b17}
.premium-tablet-screen img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#050b17}
.premium-tablet-camera{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:48px;height:5px;border-radius:99px;background:#31405e;z-index:2}
@media(max-width:1050px){.premium-tablet-layout{grid-template-columns:1fr;gap:52px}.premium-tablet-copy{text-align:center}.premium-tablet-copy p{margin-inline:auto}.premium-feature-list{max-width:720px;margin-inline:auto}.premium-tablet-copy .button{margin-top:30px}.hero-tablet-device{width:min(82vw,620px)}}
@media(max-width:640px){.premium-tablet-showcase{padding:76px 0}.premium-feature-list{grid-template-columns:1fr}.premium-tablet-device{width:94vw;padding:11px;border-radius:32px}.premium-tablet-screen{border-radius:22px}.hero-tablet-device{width:94vw;padding:10px;border-radius:30px}.hero-tablet-screen{border-radius:21px}}

/* V21 — clean landscape tablet integration, one header only, no clipping */
.hero {
  min-height: 760px;
}
.hero-layout {
  grid-template-columns: minmax(420px, .92fr) minmax(600px, 1.08fr);
  gap: 54px;
}
.hero-visual {
  min-height: 560px;
  width: 100%;
  justify-content: center;
  overflow: visible;
}
.hero-tablet-device {
  width: min(100%, 760px);
  aspect-ratio: 1.754 / 1;
  padding: 14px;
  border-radius: 36px;
  overflow: hidden;
  background: linear-gradient(145deg,#192844,#050a14 54%,#1d3156);
  border: 1px solid rgba(126,174,255,.56);
  box-shadow: 0 42px 110px rgba(0,0,0,.58), 0 0 70px rgba(55,124,255,.22);
}
.hero-tablet-screen {
  position: relative;
  inset: auto;
  width: 100%;
  height: 100%;
  border-radius: 24px;
  overflow: hidden;
  background: #030711;
}
.hero-tablet-screen img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
  background: #030711;
}
.hero-tablet-camera {
  top: 5px;
  width: 46px;
  height: 4px;
}

.premium-tablet-showcase {
  padding: 108px 0;
}
.premium-tablet-layout {
  grid-template-columns: minmax(340px,.78fr) minmax(620px,1.22fr);
  gap: 64px;
  align-items: center;
}
.premium-tablet-device {
  width: min(100%, 820px);
  aspect-ratio: 1.754 / 1;
  padding: 15px;
  border-radius: 40px;
  overflow: hidden;
  background: linear-gradient(145deg,#1b2a49,#050a14 54%,#21375f);
  border: 1px solid rgba(126,174,255,.58);
  box-shadow: 0 50px 125px rgba(0,0,0,.62),0 0 85px rgba(55,124,255,.23);
}
.premium-tablet-screen {
  width: 100%;
  height: 100%;
  border-radius: 27px;
  overflow: hidden;
  background: #030711;
}
.premium-tablet-screen img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
  background: #030711;
}
.premium-tablet-camera {
  top: 5px;
  width: 48px;
  height: 4px;
}
@media (max-width: 1120px) {
  .hero-layout { grid-template-columns: 1fr; }
  .hero-visual { min-height: auto; margin-top: 20px; }
  .hero-tablet-device { width: min(94vw, 820px); }
  .premium-tablet-layout { grid-template-columns: 1fr; }
  .premium-tablet-copy { text-align: center; }
  .premium-tablet-copy p { margin-inline: auto; }
  .premium-feature-list { max-width: 760px; margin-inline: auto; }
  .premium-tablet-device { width: min(94vw, 900px); }
}
@media (max-width: 640px) {
  .hero-tablet-device,
  .premium-tablet-device {
    width: 96vw;
    padding: 8px;
    border-radius: 24px;
  }
  .hero-tablet-screen,
  .premium-tablet-screen { border-radius: 17px; }
}

/* V22 purpose-built tablet business suite */
.hero-visual{display:flex;justify-content:center;align-items:center;min-width:0;overflow:visible}
.pf-tablet{width:min(100%,680px);aspect-ratio:4/5.15;padding:14px;border-radius:38px;position:relative;background:linear-gradient(145deg,#263758 0%,#050a13 48%,#1a2946 100%);border:1px solid rgba(119,169,255,.5);box-shadow:0 55px 140px rgba(0,0,0,.58),0 0 80px rgba(55,126,255,.18);overflow:hidden}
.pf-camera{position:absolute;top:5px;left:50%;transform:translateX(-50%);width:46px;height:5px;border-radius:99px;background:#35425c;z-index:3}
.pf-screen{height:100%;border-radius:27px;overflow:hidden;background:#050b15;color:#edf7ff;border:1px solid rgba(105,154,220,.25);font-family:Inter,Arial,sans-serif}
.pf-topbar{height:64px;display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:12px;padding:0 16px;background:linear-gradient(180deg,#101c2e,#091321);border-bottom:1px solid rgba(111,159,211,.17)}
.pf-brand,.pf-user,.pf-system,.pf-heading,.pf-panel-head,.pf-renewal>div,.pf-bank{display:flex;align-items:center}.pf-brand{gap:9px}.pf-mark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#43ccff,#7659ff);font-weight:900}.pf-brand b{display:block;font-size:10px;letter-spacing:.16em}.pf-brand small,.pf-user small,.pf-system small{display:block;font-size:6px;color:#71869d;margin-top:2px}.pf-search{height:32px;border:1px solid rgba(117,161,207,.16);border-radius:8px;color:#62778e;font-size:7px;display:flex;align-items:center;padding:0 10px;background:rgba(255,255,255,.018)}
.pf-user{justify-content:flex-end;gap:7px}.pf-user button{width:27px;height:27px;border:1px solid rgba(117,161,207,.15);border-radius:8px;background:#0d1929;color:#8ca2b8;font-size:8px}.pf-user .pf-notify{color:#fff;background:#244b93}.pf-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#6958ff,#2fb5e9);font-size:8px;font-weight:800}.pf-user b{display:block;font-size:7px;white-space:nowrap}
.pf-workspace{height:calc(100% - 64px);display:grid;grid-template-columns:154px 1fr}.pf-sidebar{padding:12px 10px;background:linear-gradient(180deg,#091321,#070e19);border-right:1px solid rgba(111,159,211,.14);display:flex;flex-direction:column;min-height:0}.pf-workspace-select{padding:9px;border:1px solid rgba(113,157,204,.13);border-radius:8px;background:#0d1928}.pf-workspace-select small{display:block;color:#597089;font-size:5px;letter-spacing:.12em}.pf-workspace-select b{display:block;margin-top:3px;font-size:6.5px}.pf-sidebar nav{display:flex;flex-direction:column;gap:2px;margin-top:10px;overflow:hidden}.pf-sidebar nav a{padding:6px 8px;border-radius:6px;color:#7790a8;font-size:6.4px;text-decoration:none}.pf-sidebar nav a.active,.pf-sidebar nav a:hover{color:#eaf8ff;background:linear-gradient(90deg,rgba(57,155,255,.18),rgba(82,79,255,.06));border-left:2px solid #42c6ff}.pf-system{margin-top:auto;gap:7px;padding:8px 5px}.pf-system>span{width:7px;height:7px;border-radius:50%;background:#68e8b6;box-shadow:0 0 10px #68e8b6}.pf-system b{font-size:5.7px}
.pf-main{padding:13px;overflow:hidden;background:radial-gradient(circle at 80% 10%,rgba(57,111,255,.08),transparent 30%),#07101c}.pf-heading{justify-content:space-between}.pf-heading small,.pf-panel-head small{display:block;color:#526b84;font-size:5px;letter-spacing:.12em}.pf-heading h3{font-size:14px;margin:3px 0 0}.pf-actions{display:flex;gap:5px}.pf-actions button,.pf-panel-head button,.pf-insight button{border:1px solid rgba(103,155,210,.18);border-radius:6px;background:#0c1928;color:#8fa8bf;font-size:5.8px;padding:6px 8px}.pf-actions button:first-child{background:linear-gradient(135deg,#218be8,#674eff);color:white;border:0}
.pf-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:10px}.pf-kpis article,.pf-panel{border:1px solid rgba(104,155,208,.13);background:linear-gradient(180deg,rgba(15,28,46,.95),rgba(8,17,30,.96));border-radius:9px}.pf-kpis article{padding:9px}.pf-kpis small{display:block;color:#657d94;font-size:5.2px}.pf-kpis b{display:block;font-size:10px;margin:6px 0 3px}.pf-kpis em{font-size:5px;color:#54d5a4;font-style:normal}
.pf-grid{display:grid;gap:7px;margin-top:7px}.pf-grid-one{grid-template-columns:1.65fr 1fr}.pf-grid-two{grid-template-columns:1.35fr 1fr .9fr}.pf-panel{padding:9px;min-width:0}.pf-panel-head{justify-content:space-between;margin-bottom:7px}.pf-panel-head b{display:block;font-size:7.2px;margin-top:2px}.pf-ai,.pf-live{font-size:5px;color:#66e5bc}.pf-cashflow svg{width:100%;height:93px;display:block}.pf-legend{display:flex;gap:10px;align-items:center;color:#71879c;font-size:5px}.pf-legend i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:3px}.pf-legend .cyan{background:#4fc8ff}.pf-legend .purple{background:#8d68ff}.pf-legend strong{margin-left:auto;color:#6de2b3}
.pf-insight{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:6px;padding:7px 0;border-top:1px solid rgba(110,155,200,.09)}.pf-insight>span{width:17px;height:17px;border-radius:5px;display:grid;place-items:center;background:rgba(72,163,255,.12);color:#6ed8ff;font-size:5px}.pf-insight b{display:block;font-size:6px}.pf-insight small{display:block;font-size:4.6px;color:#667c92;margin-top:2px}.pf-table>div{display:grid;grid-template-columns:.8fr 1.3fr .8fr .65fr;gap:5px;padding:6px 0;border-top:1px solid rgba(110,155,200,.08);font-size:5.2px}.pf-table .head{color:#526a83;text-transform:uppercase;font-size:4.6px}.status{padding:2px 4px;border-radius:4px;text-align:center}.sent{color:#5fd0ff;background:rgba(65,170,255,.1)}.review{color:#ffc36a;background:rgba(255,177,69,.1)}.won{color:#63e2ad;background:rgba(75,222,164,.1)}
.pf-renewal{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-top:1px solid rgba(110,155,200,.08)}.pf-renewal>div{gap:6px}.asset{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;font-size:6px;font-weight:800}.domain{background:rgba(69,187,255,.14);color:#5ad0ff}.cloud{background:rgba(131,93,255,.14);color:#a78dff}.mail{background:rgba(75,222,164,.12);color:#65e0ae}.pf-renewal b,.pf-bank b{display:block;font-size:5.7px}.pf-renewal small,.pf-bank small{display:block;color:#61778e;font-size:4.5px;margin-top:2px}.pf-renewal strong,.pf-bank strong{font-size:5.5px;color:#b7c9d9}.pf-bank{justify-content:space-between;padding:7px 0;border-top:1px solid rgba(110,155,200,.08)}.pf-bottom{display:flex;gap:5px;margin-top:7px;overflow:hidden}.pf-bottom span{white-space:nowrap;padding:5px 7px;border:1px solid rgba(104,155,208,.11);border-radius:6px;color:#70879c;font-size:4.7px;background:#091522}
.business-showcase-layout{align-items:center}.premium-tablet-showcase .pf-tablet{width:min(100%,720px)}
.module-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1200px){.pf-tablet{width:min(100%,620px)}.pf-user>div:last-child{display:none}.pf-topbar{grid-template-columns:170px 1fr auto}.pf-workspace{grid-template-columns:140px 1fr}.pf-grid-two{grid-template-columns:1fr 1fr}.pf-grid-two .pf-panel:last-child{display:none}}
@media(max-width:900px){.hero-layout{grid-template-columns:1fr}.hero-visual{margin-top:40px}.pf-tablet{width:min(94vw,680px)}.business-showcase-layout{grid-template-columns:1fr}.premium-tablet-copy{text-align:center}.premium-feature-list{max-width:720px;margin-inline:auto}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.pf-tablet{padding:8px;border-radius:25px;width:96vw}.pf-screen{border-radius:18px}.pf-topbar{height:48px;grid-template-columns:130px 1fr auto;padding:0 8px}.pf-search{display:none}.pf-workspace{height:calc(100% - 48px);grid-template-columns:100px 1fr}.pf-sidebar{padding:8px 5px}.pf-sidebar nav a{font-size:5.2px;padding:5px}.pf-workspace-select{display:none}.pf-main{padding:8px}.pf-heading h3{font-size:10px}.pf-actions button:nth-child(n+2){display:none}.pf-kpis{grid-template-columns:repeat(3,1fr)}.pf-kpis article:nth-child(n+4){display:none}.pf-grid-one{grid-template-columns:1fr}.pf-grid-one .pf-panel:last-child{display:none}.pf-grid-two{grid-template-columns:1fr}.pf-grid-two .pf-panel:not(:first-child){display:none}.pf-cashflow svg{height:88px}.pf-bottom span:nth-child(n+3){display:none}.module-grid{grid-template-columns:1fr 1fr}}


/* V26 — future modules and modular customer expansion */
.future-platform-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 15% 15%, rgba(48, 141, 255, .10), transparent 30%),
    radial-gradient(circle at 85% 70%, rgba(69, 213, 194, .07), transparent 32%);
}
.future-module-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 48px;
}
.future-module-card {
  min-height: 280px;
  padding: 28px;
  border: 1px solid rgba(116, 164, 220, .16);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(15, 28, 47, .92), rgba(8, 16, 29, .94));
  box-shadow: 0 24px 70px rgba(0, 0, 0, .22);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.future-module-card:hover {
  transform: translateY(-5px);
  border-color: rgba(67, 198, 255, .45);
  box-shadow: 0 28px 80px rgba(0, 0, 0, .30), 0 0 28px rgba(54, 137, 255, .10);
}
.future-module-icon {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 15px;
  margin-bottom: 24px;
  color: #dff8ff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  background: linear-gradient(135deg, rgba(48, 180, 255, .25), rgba(102, 78, 255, .22));
  border: 1px solid rgba(95, 200, 255, .24);
}
.future-module-card small {
  display: block;
  margin-bottom: 10px;
  color: #4fcfff;
  font-size: 11px;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.future-module-card h3 {
  margin: 0 0 14px;
  font-size: 21px;
}
.future-module-card p,
.future-note {
  color: var(--muted);
}
.future-note {
  max-width: 940px;
  margin: 26px auto 0;
  text-align: center;
  font-size: 13px;
}

.customer-expansion-section {
  background: linear-gradient(135deg, #07111f, #0b1728 55%, #08121f);
}
.customer-expansion-layout {
  display: grid;
  grid-template-columns: minmax(320px, .82fr) minmax(520px, 1.18fr);
  gap: 72px;
  align-items: center;
}
.customer-expansion-copy h2 {
  max-width: 600px;
}
.customer-expansion-copy p {
  max-width: 610px;
  color: #9eb0c5;
}
.customer-benefit-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.customer-benefit-grid article {
  display: flex;
  gap: 16px;
  min-height: 145px;
  padding: 22px;
  border: 1px solid rgba(113, 164, 221, .15);
  border-radius: 18px;
  background: rgba(10, 21, 37, .82);
  transition: border-color .22s ease, background .22s ease, transform .22s ease;
}
.customer-benefit-grid article:hover {
  transform: translateY(-3px);
  border-color: rgba(67, 198, 255, .40);
  background: rgba(12, 27, 47, .94);
}
.customer-benefit-grid article > span {
  flex: 0 0 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: #69dcff;
  font-size: 11px;
  font-weight: 800;
  background: rgba(47, 151, 255, .12);
  border: 1px solid rgba(70, 183, 255, .18);
}
.customer-benefit-grid h3 {
  margin: 2px 0 9px;
  font-size: 17px;
}
.customer-benefit-grid p {
  margin: 0;
  color: #8297ad;
  font-size: 14px;
  line-height: 1.6;
}

@media (max-width: 1100px) {
  .future-module-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .customer-expansion-layout {
    grid-template-columns: 1fr;
    gap: 42px;
  }
  .customer-expansion-copy {
    text-align: center;
  }
  .customer-expansion-copy h2,
  .customer-expansion-copy p {
    margin-inline: auto;
  }
}
@media (max-width: 680px) {
  .future-module-grid,
  .customer-benefit-grid {
    grid-template-columns: 1fr;
  }
  .future-module-card {
    min-height: auto;
  }
}


/* V28 content sections — graphics and existing visual assets unchanged */
.launch-card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 42px;
}
.launch-content-card {
  padding: 26px;
  border: 1px solid rgba(112, 166, 224, .16);
  border-radius: 20px;
  background: rgba(10, 20, 35, .76);
  transition: transform .22s ease, border-color .22s ease, background .22s ease;
}
.launch-content-card:hover {
  transform: translateY(-4px);
  border-color: rgba(79, 207, 255, .4);
  background: rgba(13, 28, 48, .92);
}
.card-index {
  margin-bottom: 22px;
  color: #4fcfff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
}
.launch-content-card h3 {
  margin: 0 0 12px;
}
.launch-content-card p {
  margin: 0;
  color: var(--muted);
}
.growing-companies-layout,
.philosophy-layout {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 68px;
  align-items: center;
}
.growth-principles {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.growth-principles article {
  min-height: 135px;
  padding: 22px;
  border: 1px solid rgba(112, 166, 224, .15);
  border-radius: 18px;
  background: rgba(10, 21, 37, .76);
}
.growth-principles strong {
  display: block;
  margin-bottom: 9px;
  color: #f4f8fc;
}
.growth-principles span {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.6;
}
.audience-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 36px;
}
.audience-grid span {
  padding: 22px;
  border: 1px solid rgba(112, 166, 224, .15);
  border-radius: 17px;
  background: rgba(10, 21, 37, .72);
  color: #eaf2fa;
  text-align: center;
  font-weight: 600;
}
.philosophy-section {
  background: linear-gradient(135deg, #07111f, #0b1728 55%, #08121f);
}
.philosophy-copy h2 {
  margin-top: 0;
}
.philosophy-copy p {
  color: #9eb0c5;
}
.final-launch-cta {
  padding-top: 72px;
  padding-bottom: 72px;
}
.final-launch-cta-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  padding: 42px;
  border: 1px solid rgba(83, 192, 255, .22);
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(13, 29, 50, .96), rgba(8, 18, 32, .96));
}
.final-launch-cta-inner h2 {
  margin: 10px 0 12px;
}
.final-launch-cta-inner p {
  max-width: 720px;
  margin: 0;
  color: #9eb0c5;
}
.final-launch-actions {
  display: flex;
  gap: 12px;
  flex: 0 0 auto;
}
@media (max-width: 1100px) {
  .launch-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .growing-companies-layout,
  .philosophy-layout {
    grid-template-columns: 1fr;
    gap: 38px;
  }
  .final-launch-cta-inner {
    align-items: flex-start;
    flex-direction: column;
  }
}
@media (max-width: 700px) {
  .launch-card-grid,
  .growth-principles,
  .audience-grid {
    grid-template-columns: 1fr;
  }
  .final-launch-actions {
    width: 100%;
    flex-direction: column;
  }
  .final-launch-actions .btn {
    width: 100%;
    justify-content: center;
  }
}


/* V30 final content polish — brand signature only */
.brand-signature {
  padding: 34px 0;
  border-top: 1px solid rgba(112, 166, 224, .12);
  border-bottom: 1px solid rgba(112, 166, 224, .12);
  background: rgba(6, 14, 25, .82);
}
.brand-signature-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
  text-align: center;
}
.brand-signature strong {
  color: #f4f8fc;
  font-size: 18px;
}
.brand-signature span {
  color: #9eb0c5;
}
.brand-signature small {
  width: 100%;
  color: #6f849b;
  letter-spacing: .04em;
}


/* V31 — unified content width only */
:root {
  --site-content-width: 1240px;
  --site-gutter: 28px;
}

.container,
.hero .container,
header .container,
footer .container,
.brand-signature .container {
  width: min(var(--site-content-width), calc(100% - (var(--site-gutter) * 2)));
  max-width: var(--site-content-width);
  margin-left: auto;
  margin-right: auto;
}

.hero-copy,
.section-intro,
.customer-expansion-copy,
.philosophy-copy {
  max-width: 620px;
}

.hero-grid,
.growing-companies-layout,
.customer-expansion-layout,
.philosophy-layout,
.final-launch-cta-inner {
  box-sizing: border-box;
}

@media (max-width: 760px) {
  :root {
    --site-gutter: 18px;
  }

  .hero-copy,
  .section-intro,
  .customer-expansion-copy,
  .philosophy-copy {
    max-width: 100%;
  }
}


/* V33 Modern IT section */
.modern-it-section{position:relative;overflow:hidden}
.modern-it-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:42px}
.modern-it-card{padding:26px;border:1px solid rgba(112,166,224,.16);border-radius:20px;background:rgba(10,21,37,.76);transition:transform .22s ease,border-color .22s ease,background .22s ease}
.modern-it-card:hover{transform:translateY(-4px);border-color:rgba(79,207,255,.40);background:rgba(13,28,48,.92)}
.modern-it-icon{width:50px;height:50px;display:grid;place-items:center;margin-bottom:20px;border-radius:14px;border:1px solid rgba(89,198,255,.22);background:linear-gradient(135deg,rgba(48,180,255,.22),rgba(102,78,255,.18));color:#dff8ff;font-size:11px;font-weight:800;letter-spacing:.08em}
.modern-it-card h3{margin:0 0 10px}
.modern-it-card p{margin:0 0 16px;color:var(--muted)}
.modern-it-card ul{margin:0;padding-left:18px;color:#9eb0c5}
.modern-it-card li{margin:7px 0}
.modern-it-note{max-width:900px;margin:26px auto 0;text-align:center;color:var(--muted);font-size:13px}
@media(max-width:1000px){.modern-it-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.modern-it-grid{grid-template-columns:1fr}}