:root {
  --bg: #04060c;
  --bg-deep: #02040a;
  --surface: #090d18;
  --surface-2: #0d1221;
  --surface-3: #11182b;
  --line: rgba(154, 168, 205, 0.14);
  --line-strong: rgba(154, 168, 205, 0.24);
  --text: #f5f7ff;
  --muted: #a2abc2;
  --muted-2: #6f7891;
  --violet: #8b6cff;
  --violet-soft: #b8a7ff;
  --cyan: #36dfcf;
  --blue: #50a5ff;
  --gold: #e4b96e;
  --danger: #ff7693;
  --success: #50e2a0;
  --radius-sm: 10px;
  --radius: 18px;
  --radius-lg: 28px;
  --shadow: 0 32px 90px rgba(0, 0, 0, 0.42);
  --container: 1200px;
  --font: "Segoe UI Variable", "Segoe UI", "Inter", -apple-system, BlinkMacSystemFont, Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 100px; }
body {
  margin: 0;
  min-width: 320px;
  background:
    radial-gradient(circle at 80% -10%, rgba(102, 72, 224, 0.15), transparent 28rem),
    var(--bg);
  color: var(--text);
  font: 400 16px/1.65 var(--font);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.menu-open { overflow: hidden; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
img, svg { display: block; }
button { color: inherit; }
[hidden] { display: none !important; }
::selection { background: rgba(139, 108, 255, 0.32); color: #fff; }

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

.container { width: min(calc(100% - 48px), var(--container)); margin-inline: auto; }
.section { position: relative; padding: 120px 0; }
.section-grid::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.32;
  background-image:
    linear-gradient(rgba(137, 151, 188, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(137, 151, 188, 0.055) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent);
}

.skip-link {
  position: fixed;
  left: 18px;
  top: -100px;
  z-index: 1100;
  padding: 10px 15px;
  border-radius: 8px;
  background: #fff;
  color: #050711;
  font-weight: 700;
}
.skip-link:focus { top: 18px; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  height: 78px;
  border-bottom: 1px solid rgba(139, 155, 195, 0.11);
  background: rgba(4, 6, 12, 0.74);
  backdrop-filter: blur(20px) saturate(140%);
  transition: background 180ms ease, box-shadow 180ms ease;
}
.site-header.is-scrolled { background: rgba(4, 6, 12, 0.94); box-shadow: 0 12px 35px rgba(0, 0, 0, 0.24); }
.header-inner { height: 100%; display: flex; align-items: center; gap: 34px; }
.brand { display: inline-flex; align-items: center; gap: 11px; min-width: max-content; }
.brand-mark { position: relative; width: 34px; height: 34px; display: grid; place-items: center; }
.brand-symbol { display: block; width: 34px; height: 34px; object-fit: contain; }
.brand-copy { display: flex; flex-direction: column; line-height: 1; }
.brand-copy strong { font-size: 15px; letter-spacing: 0.19em; font-weight: 750; }
.brand-copy small { margin-top: 6px; color: var(--muted-2); font-size: 8px; letter-spacing: 0.25em; font-weight: 650; }
.desktop-nav { margin-left: auto; display: flex; align-items: center; gap: 4px; }
.nav-link, .text-action { color: #b8bfd1; font-size: 14px; font-weight: 560; }
.nav-link { position: relative; padding: 9px 12px; border-radius: 8px; transition: color 160ms ease, background 160ms ease; }
.nav-link:hover, .nav-link.is-active { color: #fff; background: rgba(255, 255, 255, 0.045); }
.nav-link.is-active::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: 3px; height: 1px; background: linear-gradient(90deg, var(--violet), var(--cyan)); }
.header-actions { display: flex; align-items: center; gap: 18px; }
.text-action:hover { color: #fff; }
.menu-toggle { display: none; width: 42px; height: 42px; padding: 10px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); cursor: pointer; }
.menu-toggle span { display: block; height: 1.5px; margin: 5px 0; border-radius: 2px; background: #e9ecf7; transition: transform 180ms ease, opacity 180ms ease; }
.menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }
.mobile-menu { position: fixed; inset: 78px 0 auto; height: calc(100vh - 78px); height: calc(100dvh - 78px); overflow: auto; background: rgba(3, 5, 11, 0.98); }
.mobile-nav { width: min(calc(100% - 40px), 560px); margin: 20px auto; display: grid; gap: 3px; }
.mobile-nav > a:not(.button) { padding: 15px 8px; border-bottom: 1px solid var(--line); color: #d8dceb; font-size: 18px; }
.mobile-nav .button { margin-top: 18px; }

.button { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 0 22px; border: 1px solid transparent; border-radius: 11px; cursor: pointer; font-size: 14px; font-weight: 700; letter-spacing: 0.01em; transition: transform 160ms ease, border 160ms ease, background 160ms ease, box-shadow 160ms ease; }
.button:hover { transform: translateY(-2px); }
.button:focus-visible, .nav-link:focus-visible, .inline-link:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, button:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
.button-primary { color: #fff; background: linear-gradient(125deg, #7253ef, #8e6fff 55%, #6950d9); box-shadow: 0 14px 36px rgba(105, 75, 220, 0.28), inset 0 1px rgba(255, 255, 255, 0.19); }
.button-primary:hover { box-shadow: 0 18px 42px rgba(105, 75, 220, 0.38), inset 0 1px rgba(255, 255, 255, 0.2); }
.button-ghost { border-color: var(--line-strong); color: #dce0ec; background: rgba(255, 255, 255, 0.025); }
.button-ghost:hover { border-color: rgba(139, 108, 255, 0.5); background: rgba(139, 108, 255, 0.07); }
.button-small { min-height: 41px; padding-inline: 17px; font-size: 13px; }
.inline-link { display: inline-flex; align-items: center; gap: 8px; color: #c1b4ff; font-size: 14px; font-weight: 700; }
.inline-link:hover { color: #fff; }

.eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 18px; color: #a894ff; font-size: 12px; font-weight: 750; letter-spacing: 0.17em; }
.eyebrow::before { content: ""; width: 22px; height: 1px; background: linear-gradient(90deg, var(--violet), var(--cyan)); }
.section-heading { max-width: 670px; }
.section-heading h2 { margin: 0; font-size: clamp(34px, 4vw, 55px); line-height: 1.08; letter-spacing: -0.045em; font-weight: 680; text-wrap: balance; }
.section-heading > p { max-width: 640px; margin: 22px 0 0; color: var(--muted); font-size: 18px; line-height: 1.75; }
.section-heading-centered { margin-inline: auto; text-align: center; }
.section-heading-centered .eyebrow { justify-content: center; }
.section-heading-centered > p { margin-inline: auto; }
.section-heading-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 36px; margin-bottom: 52px; }
.section-heading-row .section-heading { margin-bottom: 0; }

.hero { position: relative; min-height: calc(100svh - 78px); padding: 96px 0 34px; overflow: hidden; }
.home-hero::after { content: ""; position: absolute; left: 50%; bottom: 112px; width: 860px; height: 1px; transform: translateX(-50%); background: linear-gradient(90deg, transparent, rgba(137, 109, 255, 0.4), rgba(54, 223, 207, 0.4), transparent); }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(1px); pointer-events: none; }
.hero-glow-one { width: 740px; height: 740px; right: -190px; top: -160px; background: radial-gradient(circle, rgba(107, 75, 230, 0.20), transparent 66%); }
.hero-glow-two { width: 500px; height: 500px; right: 30%; bottom: -310px; background: radial-gradient(circle, rgba(42, 211, 199, 0.09), transparent 68%); }
.hero-layout { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(560px, 1.1fr); align-items: center; gap: 42px; }
.hero-copy { max-width: 670px; padding-bottom: 18px; }
.hero-badge { width: fit-content; display: flex; align-items: center; gap: 8px; margin-bottom: 24px; padding: 7px 11px; border: 1px solid rgba(139, 108, 255, 0.24); border-radius: 999px; background: rgba(139, 108, 255, 0.07); color: #cbbfff; font-size: 11px; font-weight: 750; letter-spacing: 0.12em; }
.hero h1 { max-width: 730px; margin: 0; font-size: clamp(49px, 6.5vw, 84px); line-height: 0.99; letter-spacing: -0.062em; font-weight: 690; text-wrap: balance; }
.hero h1 span { background: linear-gradient(100deg, #a28cff 5%, #77cbdb 90%); background-clip: text; -webkit-background-clip: text; color: transparent; }
.lead { color: #acb4c9; font-size: clamp(18px, 2vw, 20px); line-height: 1.72; }
.hero-copy .lead { max-width: 620px; margin: 28px 0 0; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.hero-proof { display: flex; flex-wrap: wrap; gap: 10px 20px; margin-top: 35px; color: #929bb2; font-size: 13px; }
.hero-proof span { display: flex; align-items: center; gap: 7px; }
.hero-proof .icon { color: var(--cyan); }
.hero-product { position: relative; min-height: 570px; display: grid; align-items: center; perspective: 1200px; }
.product-orbit { position: absolute; inset: -80px -40px; opacity: 0.58; pointer-events: none; }
.product-orbit::before, .product-orbit::after, .product-orbit i { content: ""; position: absolute; border: 1px solid rgba(140, 114, 255, 0.1); border-radius: 50%; transform: rotate(-14deg); }
.product-orbit::before { inset: 45px; }
.product-orbit::after { inset: 95px; border-color: rgba(54, 223, 207, 0.08); }
.product-orbit i:nth-child(1) { inset: 145px; }
.product-orbit i:nth-child(2) { width: 7px; height: 7px; right: 78px; top: 118px; border: none; background: var(--cyan); box-shadow: 0 0 22px var(--cyan); }
.product-orbit i:nth-child(3) { width: 5px; height: 5px; left: 77px; bottom: 123px; border: none; background: var(--violet); box-shadow: 0 0 22px var(--violet); }
.hero-dashboard-card { position: relative; width: 680px; margin-left: 12px; border: 1px solid rgba(158, 169, 201, 0.18); border-radius: 19px; overflow: hidden; background: rgba(8, 12, 23, 0.9); box-shadow: 0 45px 110px rgba(0, 0, 0, 0.65), 0 0 90px rgba(104, 73, 218, 0.13); transform: rotateY(-7deg) rotateX(2deg); }
.hero-dashboard-top { height: 44px; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; border-bottom: 1px solid var(--line); color: #ccd2e2; font-size: 12px; font-weight: 700; }
.secure-chip { display: flex; align-items: center; gap: 5px; padding: 4px 8px; border-radius: 6px; background: rgba(54, 223, 207, 0.08); color: #76eadf; font-size: 10px; }
.hero-dashboard-body { min-height: 392px; display: grid; grid-template-columns: 58px 1fr; }
.hero-side { display: flex; flex-direction: column; align-items: center; gap: 19px; padding-top: 28px; border-right: 1px solid var(--line); background: rgba(2, 4, 9, 0.34); }
.hero-side i { width: 20px; height: 20px; border: 1px solid rgba(159, 169, 200, 0.18); border-radius: 5px; }
.hero-side i:first-child { background: rgba(139, 108, 255, 0.16); border-color: rgba(139, 108, 255, 0.45); }
.hero-canvas { padding: 25px; }
.hero-canvas-heading { display: flex; justify-content: space-between; align-items: center; }
.hero-canvas-heading div { display: flex; flex-direction: column; }
.hero-canvas-heading small { color: #7f89a1; font-size: 9px; letter-spacing: 0.15em; }
.hero-canvas-heading strong { margin-top: 4px; font-size: 17px; }
.live-chip { display: inline-flex; align-items: center; gap: 6px; color: #82e8b5; font-size: 10px; }
.live-chip i, .audit-live i { width: 6px; height: 6px; border-radius: 50%; background: var(--success); box-shadow: 0 0 10px rgba(80, 226, 160, 0.7); }
.hero-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin-top: 21px; }
.hero-metrics div { padding: 14px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255, 255, 255, 0.018); }
.hero-metrics span, .hero-metrics b { display: block; }
.hero-metrics span { color: #7d879f; font-size: 9px; }
.hero-metrics b { margin-top: 4px; font-size: 19px; }
.hero-worker-list { margin-top: 16px; border: 1px solid var(--line); border-radius: 11px; overflow: hidden; }
.hero-worker-list > div { min-height: 60px; display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 10px; padding: 0 13px; border-bottom: 1px solid var(--line); }
.hero-worker-list > div:last-child { border: none; }
.avatar, .task-icon { display: grid; place-items: center; border-radius: 9px; color: #fff; font-weight: 700; }
.avatar { width: 30px; height: 30px; font-size: 11px; }
.violet { background: linear-gradient(135deg, #7559ea, #a386ff); }
.cyan { background: linear-gradient(135deg, #139f98, #42ddcf); }
.blue { background: linear-gradient(135deg, #3479d5, #67b5ff); }
.gold { background: linear-gradient(135deg, #b88335, #e6c180); }
.hero-worker-list p { margin: 0; display: flex; flex-direction: column; line-height: 1.4; }
.hero-worker-list b { font-size: 11px; }
.hero-worker-list small { color: #778199; font-size: 9px; }
.hero-worker-list em { padding: 3px 7px; border-radius: 999px; background: rgba(139, 108, 255, 0.09); color: #a897ed; font-size: 8px; font-style: normal; }
.hero-audit { display: flex; justify-content: space-between; gap: 10px; margin-top: 14px; padding: 11px 13px; border: 1px solid rgba(54, 223, 207, 0.13); border-radius: 9px; background: rgba(54, 223, 207, 0.035); }
.hero-audit span { display: flex; align-items: center; gap: 6px; color: #91e7df; font-size: 9px; }
.hero-audit code { color: #76839c; font-size: 8px; }
.floating-card { position: absolute; z-index: 4; display: flex; align-items: center; gap: 10px; padding: 12px 14px; border: 1px solid rgba(158, 169, 201, 0.17); border-radius: 11px; background: rgba(12, 16, 29, 0.92); box-shadow: 0 18px 45px rgba(0,0,0,.35); backdrop-filter: blur(15px); }
.floating-card .icon { color: var(--violet-soft); }
.floating-card span { display: flex; flex-direction: column; }
.floating-card small { color: #69738b; font-size: 8px; letter-spacing: 0.13em; }
.floating-card b { margin-top: 2px; font-size: 10px; }
.floating-policy { right: -5px; top: 120px; }
.floating-runtime { left: -25px; bottom: 75px; }
.floating-runtime .icon { color: var(--cyan); }
.hero-footnote { position: relative; z-index: 3; display: flex; justify-content: space-between; gap: 22px; margin-top: 44px; padding-top: 23px; color: #6e778d; font-size: 11px; letter-spacing: 0.02em; }

.control-section { padding-top: 145px; background: linear-gradient(to bottom, rgba(11, 15, 28, 0.18), transparent); }
.control-section .section-heading { margin-bottom: 55px; }
.control-shell { overflow: hidden; border: 1px solid rgba(150, 163, 199, 0.17); border-radius: 20px; background: #070a13; box-shadow: var(--shadow); }
.control-shell-large { min-height: 650px; }
.control-windowbar { height: 48px; display: flex; align-items: center; padding: 0 17px; border-bottom: 1px solid var(--line); background: #0a0e19; color: #8b95aa; font-size: 11px; }
.window-dots { display: flex; gap: 6px; margin-right: 18px; }
.window-dots i { width: 7px; height: 7px; border-radius: 50%; background: #3c4354; }
.window-dots i:nth-child(1) { background: #6f547c; }
.window-dots i:nth-child(2) { background: #6f6751; }
.window-dots i:nth-child(3) { background: #496b61; }
.demo-label { margin-left: auto; padding: 3px 7px; border: 1px solid var(--line); border-radius: 4px; color: #69738b; font-size: 8px; letter-spacing: 0.12em; }
.control-layout { min-height: 600px; display: grid; grid-template-columns: 205px 1fr; }
.control-sidebar { padding: 23px 15px; border-right: 1px solid var(--line); background: #070a12; }
.mini-brand { margin: 0 8px 30px; transform: scale(.83); transform-origin: left center; }
.sidebar-label { display: block; margin: 21px 9px 8px; color: #545e74; font-size: 8px; letter-spacing: 0.16em; }
.side-item { width: 100%; min-height: 38px; display: flex; align-items: center; gap: 9px; padding: 0 9px; border: 0; border-radius: 7px; background: transparent; color: #808ba2; text-align: left; font-size: 10px; cursor: pointer; }
.side-item:hover, .side-item.is-active { color: #e2e6f1; background: rgba(139, 108, 255, 0.085); }
.side-item.is-active .icon { color: #aa96ff; }
.side-item b { margin-left: auto; display: grid; place-items: center; min-width: 17px; height: 17px; border-radius: 5px; background: rgba(139,108,255,.17); color: #ad9aff; font-size: 8px; }
.mini-worker { display: flex; align-items: center; gap: 9px; padding: 8px; }
.mini-worker i { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 7px; color: #fff; font-size: 8px; font-style: normal; }
.mini-worker span { display: flex; flex-direction: column; color: #b6bed0; font-size: 9px; line-height: 1.4; }
.mini-worker small { color: #59647b; font-size: 7px; }
.control-content { padding: 34px 37px; background: radial-gradient(circle at 100% 0%, rgba(104,75,220,.08), transparent 40%), #080b14; }
.control-title-row { display: flex; justify-content: space-between; gap: 20px; align-items: center; }
.dashboard-kicker { color: #7f6ed4; font-size: 8px; letter-spacing: 0.17em; }
.control-title-row h3 { margin: 5px 0 0; font-size: 24px; letter-spacing: -.025em; }
.control-title-row p { margin: 4px 0 0; color: #687389; font-size: 10px; }
.dashboard-action { min-height: 35px; display: flex; align-items: center; gap: 7px; padding: 0 11px; border: 1px solid rgba(139,108,255,.3); border-radius: 7px; background: rgba(139,108,255,.1); color: #c1b4ff; font-size: 9px; cursor: pointer; }
.metric-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 27px; }
.metric { min-height: 112px; padding: 16px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.017); }
.metric span, .metric small { display: block; }
.metric span { color: #7e899f; font-size: 9px; }
.metric strong { display: block; margin-top: 7px; font-size: 26px; letter-spacing: -.03em; }
.metric .metric-word { color: #79dfae; font-size: 20px; }
.metric small { margin-top: 5px; color: #515c72; font-size: 8px; }
.dashboard-columns { display: grid; grid-template-columns: 1.4fr .8fr; gap: 12px; margin-top: 12px; }
.dashboard-card { border: 1px solid var(--line); border-radius: 11px; overflow: hidden; background: rgba(255,255,255,.014); }
.card-heading { min-height: 55px; display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 0 16px; border-bottom: 1px solid var(--line); }
.card-heading > div { display: flex; flex-direction: column; }
.card-heading span { font-size: 10px; font-weight: 650; }
.card-heading small { color: #5d687e; font-size: 8px; }
.card-heading button { border: 0; background: transparent; color: #667188; cursor: pointer; }
.task-row { min-height: 61px; display: grid; grid-template-columns: 31px 1fr auto; align-items: center; gap: 10px; padding: 0 14px; border-bottom: 1px solid var(--line); }
.task-row:last-child { border: 0; }
.task-icon { width: 29px; height: 29px; font-size: 9px; }
.task-row > div { display: flex; flex-direction: column; }
.task-row strong { color: #cbd1df; font-size: 9px; }
.task-row small { color: #59647a; font-size: 8px; }
.task-status { padding: 3px 6px; border-radius: 5px; font-size: 7px; }
.task-status.working { color: #b8a7ff; background: rgba(139,108,255,.1); }
.task-status.review { color: #e1bc7d; background: rgba(228,185,110,.09); }
.task-status.ready { color: #77ddaf; background: rgba(80,226,160,.08); }
.permission-card { padding-bottom: 13px; }
.permission-card .card-heading .icon { color: #a793ff; }
.gate-user { display: flex; align-items: center; gap: 9px; margin: 15px 14px 9px; }
.gate-user div { display: flex; flex-direction: column; }
.gate-user strong { font-size: 10px; }
.gate-user small { color: #68738a; font-size: 8px; }
.permission-card > p { min-height: 45px; margin: 8px 14px; color: #aeb6c8; font-size: 10px; line-height: 1.5; }
.risk-line { display: flex; justify-content: space-between; margin: 12px 14px; padding-top: 10px; border-top: 1px solid var(--line); color: #68738a; font-size: 8px; }
.risk-line b { color: #e1b873; }
.gate-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin: 0 14px; }
.gate-actions button { height: 30px; border: 1px solid var(--line); border-radius: 6px; background: transparent; color: #8490a7; font-size: 8px; cursor: pointer; }
.gate-actions .approve { border-color: rgba(139,108,255,.3); background: rgba(139,108,255,.1); color: #bbaeff; }
.dashboard-panel { margin-top: 0; }
.panel-full { margin-top: 27px; }
.queue-count, .audit-live { color: #b8a8ff; font-size: 8px !important; }
.approval-row { min-height: 73px; display: grid; grid-template-columns: 31px 1fr auto; align-items: center; gap: 12px; padding: 0 17px; border-bottom: 1px solid var(--line); }
.approval-row:last-child { border: 0; }
.approval-row > span { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 7px; background: rgba(228,185,110,.08); color: #e3bd7d; font-size: 8px; }
.approval-row div { display: flex; flex-direction: column; }
.approval-row strong { font-size: 10px; }
.approval-row small { color: #68738a; font-size: 8px; }
.approval-row button { height: 29px; padding: 0 10px; border: 1px solid var(--line); border-radius: 6px; background: rgba(255,255,255,.02); color: #a7b0c3; font-size: 8px; cursor: pointer; }
.audit-live { display: inline-flex; align-items: center; gap: 6px; color: #70ddaa !important; }
.audit-event { min-height: 65px; display: grid; grid-template-columns: 62px 10px 1fr; align-items: center; gap: 12px; padding: 0 18px; border-bottom: 1px solid var(--line); }
.audit-event:last-child { border: 0; }
.audit-event time { color: #657087; font: 8px ui-monospace, monospace; }
.event-dot { width: 7px; height: 7px; border-radius: 50%; border: 2px solid #9278ff; box-shadow: 0 0 12px rgba(139,108,255,.4); }
.audit-event div { display: flex; flex-direction: column; }
.audit-event strong { font: 10px ui-monospace, monospace; }
.audit-event small { color: #68738a; font: 8px ui-monospace, monospace; }

.workers-section { background: linear-gradient(180deg, transparent, rgba(10,14,26,.7), transparent); }
.worker-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 17px; }
.worker-card { position: relative; min-height: 330px; padding: 22px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg, rgba(15,20,36,.92), rgba(7,10,18,.92)); transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; }
.worker-card::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 0 0, rgba(139,108,255,.1), transparent 34%); }
.worker-analysis::before { background: radial-gradient(circle at 0 0, rgba(54,223,207,.1), transparent 34%); }
.worker-research::before { background: radial-gradient(circle at 0 0, rgba(80,165,255,.1), transparent 34%); }
.worker-automation::before { background: radial-gradient(circle at 0 0, rgba(228,185,110,.09), transparent 34%); }
.worker-card:hover { transform: translateY(-4px); border-color: rgba(139,108,255,.34); box-shadow: 0 25px 55px rgba(0,0,0,.24); }
.worker-card-compact { min-height: 300px; }
.worker-top { position: relative; display: grid; grid-template-columns: 52px 1fr auto; align-items: center; gap: 13px; }
.worker-avatar { position: relative; width: 52px; height: 52px; display: grid; place-items: center; border: 1px solid rgba(139,108,255,.38); border-radius: 14px; background: linear-gradient(145deg, rgba(139,108,255,.2), rgba(139,108,255,.04)); color: #d8d0ff; font-size: 18px; font-weight: 750; }
.worker-avatar i { position: absolute; right: -2px; bottom: -2px; width: 11px; height: 11px; border: 3px solid #0d1120; border-radius: 50%; background: var(--success); }
.worker-top > div:nth-child(2) { display: flex; flex-direction: column; }
.worker-name { font-size: 17px; font-weight: 680; }
.worker-role { color: var(--muted-2); font-size: 12px; }
.worker-state { display: inline-flex; align-items: center; gap: 6px; color: #7d899f; font-size: 10px; }
.worker-state i { width: 6px; height: 6px; border-radius: 50%; background: var(--success); }
.worker-scope { position: relative; display: flex; align-items: center; gap: 8px; margin-top: 24px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 9px; background: rgba(255,255,255,.018); color: #aab2c4; font-size: 11px; }
.worker-scope .icon { color: #aa96ff; }
.worker-tasks { position: relative; display: grid; gap: 9px; margin: 17px 0 22px; padding: 0; list-style: none; }
.worker-tasks li { display: flex; align-items: center; gap: 8px; color: #8e98ad; font-size: 12px; }
.worker-tasks .icon { color: var(--cyan); }
.worker-footer { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 16px; border-top: 1px solid var(--line); }
.worker-footer > span { color: #5e687d; font-size: 9px; }
.worker-footer a { display: flex; align-items: center; gap: 5px; color: #a998f4; font-size: 10px; font-weight: 650; }

.workflow-section { overflow: hidden; background: #050811; }
.workflow-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 76px; align-items: center; }
.principle-list { display: grid; gap: 12px; margin-top: 35px; }
.principle-list > div { display: flex; align-items: center; gap: 13px; padding: 14px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.015); }
.principle-list .icon { color: #a894ff; }
.principle-list span { display: flex; flex-direction: column; }
.principle-list strong { font-size: 13px; }
.principle-list small { color: #747f95; font-size: 11px; }
.workflow-visual { position: relative; }
.workflow-visual::before { content: ""; position: absolute; width: 480px; height: 480px; left: 50%; top: 50%; transform: translate(-50%,-50%); background: radial-gradient(circle, rgba(112,79,232,.12), transparent 65%); }
.workflow-track { position: relative; margin: 0; padding: 0; list-style: none; }
.workflow-track::before { content: ""; position: absolute; left: 27px; top: 29px; bottom: 29px; width: 1px; background: linear-gradient(var(--violet), rgba(54,223,207,.45)); }
.workflow-step { position: relative; min-height: 74px; display: grid; grid-template-columns: 55px 1fr; align-items: center; gap: 16px; margin-bottom: 9px; padding: 11px 17px 11px 0; border: 1px solid transparent; border-radius: 12px; transition: border-color 220ms ease, background 220ms ease, transform 220ms ease; }
.workflow-step.is-active { transform: translateX(8px); border-color: rgba(139,108,255,.25); background: rgba(139,108,255,.06); }
.workflow-index { z-index: 2; width: 55px; height: 55px; display: grid; place-items: center; border: 1px solid rgba(139,108,255,.28); border-radius: 50%; background: #090d18; color: #aa98ff; font: 10px ui-monospace, monospace; }
.workflow-step.is-active .workflow-index { background: #7458e9; color: #fff; box-shadow: 0 0 28px rgba(116,88,233,.35); }
.workflow-step div { display: flex; flex-direction: column; }
.workflow-step strong { font-size: 15px; }
.workflow-step p { margin: 2px 0 0; color: #747e94; font-size: 12px; }
.workflow-wide .workflow-track { display: grid; grid-template-columns: repeat(7, 1fr); gap: 8px; margin-top: 55px; }
.workflow-wide .workflow-track::before { left: 6%; right: 6%; top: 28px; bottom: auto; width: auto; height: 1px; }
.workflow-wide .workflow-step { min-height: 170px; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding: 0 10px; }
.workflow-wide .workflow-step.is-active { transform: translateY(-5px); }

.onprem-section { background: linear-gradient(180deg, transparent, rgba(12,17,31,.65), transparent); }
.onprem-layout { display: grid; grid-template-columns: 1.08fr .92fr; gap: 78px; align-items: center; }
.onprem-visual { position: relative; min-height: 520px; }
.architecture-frame { position: absolute; inset: 20px 0 80px 0; padding: 22px; border: 1px solid rgba(54,223,207,.22); border-radius: 20px; background: linear-gradient(145deg, rgba(11,18,29,.92), rgba(6,10,18,.95)); box-shadow: 0 30px 70px rgba(0,0,0,.35), inset 0 0 70px rgba(54,223,207,.025); }
.architecture-head { display: flex; justify-content: space-between; padding-bottom: 17px; border-bottom: 1px solid var(--line); color: #798399; font-size: 9px; letter-spacing: .14em; }
.architecture-head b { display: flex; align-items: center; gap: 6px; color: #6fded3; font-size: 8px; letter-spacing: normal; }
.architecture-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 13px; margin-top: 23px; }
.architecture-node { min-height: 106px; display: flex; align-items: center; gap: 13px; padding: 16px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.018); }
.architecture-node .icon { color: #a591ff; }
.architecture-node span { display: flex; flex-direction: column; }
.architecture-node strong { font-size: 12px; }
.architecture-node small { color: #68738a; font-size: 9px; }
.architecture-dataflow { display: flex; align-items: center; gap: 12px; margin-top: 19px; color: #69748b; font-size: 9px; }
.architecture-dataflow i { flex: 1; height: 1px; background: linear-gradient(90deg, var(--violet), var(--cyan)); }
.public-site-node { position: absolute; right: 22px; bottom: 10px; width: 260px; padding: 15px 17px; border: 1px dashed rgba(154,168,205,.26); border-radius: 12px; background: #070a12; }
.public-site-node span, .public-site-node small { display: block; }
.public-site-node span { font-size: 11px; font-weight: 650; }
.public-site-node small { margin-top: 3px; color: #687389; font-size: 8px; }
.onprem-copy .feature-checks { margin-top: 34px; }
.feature-checks { display: grid; gap: 16px; margin: 0; padding: 0; list-style: none; }
.feature-checks li { display: flex; align-items: flex-start; gap: 12px; }
.feature-checks li > .icon { flex: 0 0 auto; margin-top: 3px; color: var(--cyan); }
.feature-checks li span { display: flex; flex-direction: column; }
.feature-checks strong { font-size: 14px; }
.feature-checks small { margin-top: 3px; color: #7f899e; font-size: 12px; line-height: 1.55; }
.onprem-copy .inline-link { margin-top: 30px; }

.usecase-section { background: #05070e; }
.usecase-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-top: 55px; }
.usecase-card { position: relative; min-height: 290px; padding: 28px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg, rgba(15,20,35,.8), rgba(7,10,18,.8)); }
.usecase-card > .icon { color: #a894ff; }
.usecase-number { position: absolute; right: 25px; top: 21px; color: rgba(164,174,201,.13); font-size: 40px; font-weight: 700; }
.usecase-card h3 { margin: 28px 0 11px; font-size: 20px; }
.usecase-card p { max-width: 500px; margin: 0; color: #8d97aa; font-size: 14px; }
.usecase-card > div { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 25px; }
.usecase-card > div span { padding: 5px 8px; border: 1px solid var(--line); border-radius: 6px; color: #6f7a90; font-size: 9px; }

.benefit-section { padding-top: 80px; }
.benefit-banner { position: relative; display: grid; grid-template-columns: .9fr 1.1fr; gap: 55px; padding: 52px; border: 1px solid rgba(139,108,255,.24); border-radius: var(--radius-lg); background: radial-gradient(circle at 0 0, rgba(139,108,255,.12), transparent 39%), linear-gradient(145deg, #0d1120, #080b14); }
.benefit-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.benefit-grid > div { display: flex; gap: 13px; padding: 17px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.018); }
.benefit-grid > div > strong { color: #7d6acb; font-size: 10px; }
.benefit-grid span { display: flex; flex-direction: column; }
.benefit-grid b { font-size: 13px; }
.benefit-grid small { margin-top: 4px; color: #778197; font-size: 10px; }
.pilot-section { padding-top: 70px; }
.pilot-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; align-items: center; }
.pilot-copy .button { margin-top: 30px; }
.pilot-steps { counter-reset: item; display: grid; gap: 11px; margin: 0; padding: 0; list-style: none; }
.pilot-steps li { display: grid; grid-template-columns: 44px 1fr; align-items: center; gap: 15px; min-height: 85px; padding: 14px 18px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.015); }
.pilot-steps li > span { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(139,108,255,.28); border-radius: 10px; color: #aa97ff; font-size: 11px; }
.pilot-steps div { display: flex; flex-direction: column; }
.pilot-steps strong { font-size: 14px; }
.pilot-steps small { color: #778197; font-size: 11px; }

.final-cta { padding: 80px 0 130px; }
.cta-panel { position: relative; padding: 75px 30px; overflow: hidden; border: 1px solid rgba(139,108,255,.28); border-radius: 30px; background: radial-gradient(circle at 50% -30%, rgba(139,108,255,.24), transparent 55%), linear-gradient(145deg, #0c1020, #070a13); text-align: center; }
.cta-panel::after { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(156,168,199,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(156,168,199,.045) 1px, transparent 1px); background-size: 38px 38px; mask-image: radial-gradient(circle, #000, transparent 70%); }
.cta-panel > * { position: relative; z-index: 2; }
.cta-panel .eyebrow { justify-content: center; }
.cta-panel h2 { max-width: 760px; margin: 0 auto; font-size: clamp(37px, 5vw, 62px); line-height: 1.05; letter-spacing: -.05em; }
.cta-panel p { max-width: 650px; margin: 22px auto 0; color: var(--muted); font-size: 17px; }
.cta-panel .hero-actions { justify-content: center; }
.cta-orbit { position: absolute; width: 550px; height: 550px; left: 50%; top: 50%; transform: translate(-50%,-50%); border: 1px solid rgba(139,108,255,.12); border-radius: 50%; }
.cta-orbit::before, .cta-orbit::after { content: ""; position: absolute; border: 1px solid rgba(54,223,207,.07); border-radius: 50%; }
.cta-orbit::before { inset: 70px; }
.cta-orbit::after { inset: 140px; }

.site-footer { padding: 70px 0 0; border-top: 1px solid var(--line); background: #03050a; }
.footer-main { display: grid; grid-template-columns: 1.8fr repeat(4, 1fr); gap: 42px; padding-bottom: 56px; }
.footer-brand { max-width: 320px; }
.footer-brand > p { margin: 23px 0; color: #747e94; font-size: 13px; }
.footer-status { display: flex; align-items: center; gap: 8px; color: #6f7a90; font-size: 10px; }
.footer-status span { width: 6px; height: 6px; border-radius: 50%; background: var(--success); box-shadow: 0 0 10px rgba(80,226,160,.55); }
.footer-column { display: flex; flex-direction: column; gap: 11px; }
.footer-column h2 { margin: 0 0 8px; color: #dce0eb; font-size: 11px; letter-spacing: .08em; }
.footer-column a { color: #737e94; font-size: 11px; }
.footer-column a:hover { color: #fff; }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; padding: 22px 0; border-top: 1px solid var(--line); color: #515b70; font-size: 9px; }
.footer-bottom p { margin: 0; }

/* Inner page shared */
.page-hero { position: relative; padding: 108px 0 90px; overflow: hidden; }
.page-hero::after { content: ""; position: absolute; width: 760px; height: 500px; right: -120px; top: -90px; border-radius: 50%; background: radial-gradient(circle, rgba(107,75,230,.15), transparent 67%); }
.page-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, .95fr) minmax(430px, 1.05fr); align-items: center; gap: 75px; }
.page-hero-copy h1 { max-width: 730px; margin: 0; font-size: clamp(48px, 6vw, 76px); line-height: 1.02; letter-spacing: -.058em; font-weight: 680; text-wrap: balance; }
.page-hero-copy .lead { max-width: 680px; margin: 26px 0 0; }
.page-hero-aside { position: relative; }
.page-hero-aside .control-shell { transform: scale(.78); transform-origin: center; width: 780px; margin: -60px -100px; }
.page-hero-aside .control-layout { grid-template-columns: 165px 1fr; }
.page-hero-aside .control-content { padding: 25px; }

.team-stack, .compare-mini, .outcome-panel, .price-summary, .contact-options, .brand-architecture, .pilot-brief { padding: 24px; border: 1px solid var(--line); border-radius: 20px; background: linear-gradient(145deg, rgba(14,19,34,.92), rgba(7,10,18,.94)); box-shadow: var(--shadow); }
.team-stack-head, .pilot-brief-head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 15px; border-bottom: 1px solid var(--line); }
.team-stack-head span, .pilot-brief-head span { color: #8d7bdd; font-size: 9px; letter-spacing: .14em; }
.team-stack-head small, .pilot-brief-head b { color: #647087; font-size: 9px; }
.stack-worker { min-height: 72px; display: grid; grid-template-columns: 38px 1fr auto; align-items: center; gap: 12px; border-bottom: 1px solid var(--line); }
.stack-worker:last-child { border: 0; }
.stack-worker > i { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; color: #fff; font-size: 11px; font-style: normal; }
.stack-worker span { display: flex; flex-direction: column; }
.stack-worker b { font-size: 12px; }
.stack-worker small { color: #69748a; font-size: 9px; }
.stack-worker em { color: #586278; font-size: 8px; font-style: normal; }

.role-anatomy-section { background: #060912; }
.role-anatomy-layout { display: grid; grid-template-columns: .75fr 1.25fr; gap: 70px; align-items: center; }
.role-anatomy { position: relative; min-height: 550px; }
.role-anatomy::before, .role-anatomy::after { content: ""; position: absolute; left: 50%; top: 50%; border: 1px solid rgba(139,108,255,.12); border-radius: 50%; transform: translate(-50%,-50%); }
.role-anatomy::before { width: 390px; height: 390px; }
.role-anatomy::after { width: 250px; height: 250px; border-color: rgba(54,223,207,.1); }
.role-center { position: absolute; z-index: 3; left: 50%; top: 50%; width: 145px; height: 145px; display: flex; flex-direction: column; align-items: center; justify-content: center; transform: translate(-50%,-50%); border: 1px solid rgba(139,108,255,.35); border-radius: 50%; background: radial-gradient(circle, rgba(139,108,255,.2), #0a0e19 70%); box-shadow: 0 0 55px rgba(139,108,255,.14); }
.role-center > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; background: linear-gradient(135deg, #7559ea, #a386ff); font-weight: 700; }
.role-center strong { margin-top: 8px; font-size: 13px; }
.role-center small { color: #758097; font-size: 9px; }
.role-node { position: absolute; z-index: 4; min-width: 175px; display: flex; gap: 10px; align-items: center; padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: #0a0e19; box-shadow: 0 15px 35px rgba(0,0,0,.25); }
.role-node .icon { color: #a894ff; }
.role-node span { display: flex; flex-direction: column; }
.role-node b { font-size: 10px; }
.role-node small { color: #68738a; font-size: 8px; }
.node-one { left: 5%; top: 11%; }.node-two { right: 4%; top: 12%; }.node-three { right: 0; top: 44%; }.node-four { right: 9%; bottom: 8%; }.node-five { left: 6%; bottom: 7%; }.node-six { left: 0; top: 44%; }
.split-feature { display: grid; grid-template-columns: 1fr .8fr; gap: 75px; align-items: center; }
.split-copy .feature-checks { margin-top: 34px; }
.handover-card { padding: 30px; border: 1px solid rgba(228,185,110,.2); border-radius: 18px; background: linear-gradient(145deg, rgba(228,185,110,.065), rgba(11,14,25,.95)); }
.handover-card h3 { margin: 4px 0 10px; font-size: 24px; }
.handover-card > p { color: #919aae; font-size: 13px; }
.handover-details { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 24px 0; }
.handover-details span { display: flex; flex-direction: column; padding: 11px; border: 1px solid var(--line); border-radius: 8px; color: #657087; font-size: 8px; }
.handover-details strong { margin-top: 3px; color: #d8dce8; font-size: 10px; }
.handover-card button { width: 100%; height: 42px; display: flex; justify-content: center; align-items: center; gap: 8px; border: 1px solid rgba(228,185,110,.25); border-radius: 9px; background: rgba(228,185,110,.08); color: #e0bd83; font-size: 11px; cursor: pointer; }

.compare-mini { display: grid; gap: 8px; }
.compare-mini-head { display: grid !important; grid-template-columns: 1fr 1.15fr; padding: 0 12px 10px !important; border-bottom: 1px solid var(--line); color: #657087; font-size: 9px; letter-spacing: .13em; }
.compare-mini > div { min-height: 52px; display: grid; grid-template-columns: 1fr 1.15fr; align-items: center; gap: 10px; padding: 0 12px; border: 1px solid var(--line); border-radius: 9px; background: rgba(255,255,255,.015); }
.compare-mini > div > span { color: #707b91; font-size: 10px; }
.compare-mini strong { display: flex; align-items: center; gap: 7px; color: #d7dbea; font-size: 10px; }
.compare-mini strong .icon { color: var(--cyan); }
.capability-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; margin-top: 55px; }
.capability-grid article { position: relative; min-height: 245px; padding: 24px 20px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.015); }
.capability-grid article > .icon { color: #a692ff; }
.capability-grid article > span { position: absolute; right: 18px; top: 17px; color: #4d566b; font-size: 10px; }
.capability-grid h3 { margin: 55px 0 9px; font-size: 17px; }
.capability-grid p { margin: 0; color: #818ba0; font-size: 12px; }
.shadow-section { background: #060912; }
.shadow-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 75px; align-items: center; }
.shadow-console { overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: #080b14; box-shadow: var(--shadow); }
.console-top { height: 50px; display: flex; justify-content: space-between; align-items: center; padding: 0 18px; border-bottom: 1px solid var(--line); color: #8f7de1; font-size: 9px; letter-spacing: .13em; }
.console-task { display: flex; flex-direction: column; padding: 20px; border-bottom: 1px solid var(--line); }
.console-task small { color: #5c667c; font-size: 8px; }
.console-task strong { margin-top: 4px; font-size: 14px; }
.console-line { min-height: 52px; display: flex; justify-content: space-between; align-items: center; padding: 0 20px; border-bottom: 1px solid var(--line); }
.console-line span { display: flex; align-items: center; gap: 7px; color: #a2abbd; font-size: 10px; }
.console-line.done .icon { color: var(--success); }
.console-line.paused .icon { color: var(--gold); }
.console-line code { color: #647087; font-size: 8px; }
.console-result { margin: 18px; padding: 16px; border: 1px solid rgba(54,223,207,.17); border-radius: 10px; background: rgba(54,223,207,.04); }
.console-result span { color: #65d5cb; font-size: 9px; letter-spacing: .1em; }
.console-result p { margin: 7px 0 0; color: #a7b0c2; font-size: 11px; }
.shadow-layout .feature-checks { margin-top: 30px; }
.boundary-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.boundary-card { padding: 32px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.015); }
.boundary-card > span { display: flex; align-items: center; gap: 8px; font-size: 9px; letter-spacing: .12em; }
.boundary-card.safe > span { color: var(--success); }.boundary-card.human > span { color: var(--gold); }
.boundary-card h3 { margin: 18px 0; font-size: 24px; }
.boundary-card ul { display: grid; gap: 8px; margin: 0; padding-left: 18px; color: #8791a6; font-size: 13px; }

.platform-map-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; align-items: center; }
.platform-pill-row { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 30px; }
.platform-pill-row span { padding: 6px 9px; border: 1px solid var(--line); border-radius: 7px; color: #7e899f; font-size: 9px; }
.platform-map { display: grid; gap: 9px; }
.map-layer { display: grid; grid-template-columns: 1.35fr repeat(4, 1fr); gap: 7px; align-items: center; padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.015); }
.map-layer > span { color: #abb3c5; font-size: 10px; font-weight: 650; }
.map-layer > div { display: grid; place-items: center; min-height: 46px; border: 1px solid var(--line); border-radius: 8px; color: #788399; font-size: 9px; }
.control-layer { border-color: rgba(139,108,255,.3); background: rgba(139,108,255,.055); }
.workers-layer { border-color: rgba(54,223,207,.18); }
.map-arrow { color: #6755b7; text-align: center; }
.module-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.module-grid article { min-height: 250px; padding: 26px; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(145deg, rgba(15,20,35,.75), rgba(7,10,18,.85)); }
.module-grid article > .icon { color: #a894ff; }
.module-grid h3 { margin: 35px 0 10px; font-size: 19px; }
.module-grid p { min-height: 67px; margin: 0; color: #8490a4; font-size: 13px; }
.module-grid a { display: flex; align-items: center; gap: 6px; margin-top: 22px; color: #9f8cec; font-size: 10px; }

.outcome-panel > .eyebrow { margin-bottom: 14px; }
.outcome-panel h3 { margin: 0 0 22px; font-size: 24px; }
.outcome-panel > div { min-height: 57px; display: flex; align-items: center; justify-content: space-between; gap: 13px; border-top: 1px solid var(--line); }
.outcome-panel > div span { display: flex; align-items: center; gap: 8px; color: #8993a8; font-size: 11px; }
.outcome-panel > div .icon { color: #a792ff; }
.outcome-panel > div b { color: #d9ddea; font-size: 10px; font-weight: 600; }
.enterprise-benefits { display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; margin-top: 55px; }
.enterprise-benefits article { min-height: 270px; padding: 25px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.015); }
.enterprise-benefits article > span { color: #6959b1; font-size: 10px; }
.enterprise-benefits h3 { margin: 65px 0 12px; font-size: 18px; }
.enterprise-benefits p { margin: 0; color: #818ba0; font-size: 12px; }
.industry-section { background: #060912; }
.industry-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 13px; }
.industry-grid > div { min-height: 220px; padding: 26px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.014); }
.industry-grid span { color: #8e7bdc; font-size: 9px; letter-spacing: .12em; }
.industry-grid h3 { margin: 36px 0 10px; font-size: 19px; }
.industry-grid p { margin: 0; color: #818ba0; font-size: 12px; }
.integration-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; align-items: center; }
.integration-steps { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.integration-steps li { min-height: 75px; display: grid; grid-template-columns: 45px 1fr; align-items: center; gap: 15px; padding: 10px 16px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.012); }
.integration-steps li > span { color: #8571dc; font-size: 9px; }
.integration-steps div { display: flex; flex-direction: column; }
.integration-steps b { font-size: 13px; }.integration-steps small { color: #758096; font-size: 10px; }

.security-shield { min-height: 470px; }
.shield-rings { position: absolute; left: 50%; top: 50%; width: 320px; height: 320px; transform: translate(-50%,-50%); border: 1px solid rgba(139,108,255,.14); border-radius: 50%; }
.shield-rings::before, .shield-rings::after { content: ""; position: absolute; border: 1px solid rgba(54,223,207,.1); border-radius: 50%; }
.shield-rings::before { inset: 48px; }.shield-rings::after { inset: 95px; }
.shield-rings > span { position: absolute; z-index: 3; left: 50%; top: 50%; width: 105px; height: 105px; display: grid; place-items: center; transform: translate(-50%,-50%); border: 1px solid rgba(139,108,255,.35); border-radius: 50%; background: #0d1120; color: #aa96ff; box-shadow: 0 0 55px rgba(139,108,255,.18); }
.shield-rings > i { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 14px var(--cyan); }
.shield-rings > i:first-of-type { left: 45px; top: 75px; }.shield-rings > i:last-of-type { right: 27px; bottom: 103px; background: var(--violet); box-shadow: 0 0 14px var(--violet); }
.security-chip { position: absolute; padding: 10px 12px; border: 1px solid var(--line); border-radius: 9px; background: rgba(10,14,25,.92); color: #7d879d; font-size: 9px; box-shadow: 0 15px 35px rgba(0,0,0,.25); }
.security-chip b { display: block; margin-top: 2px; color: #b4ebd0; font-size: 10px; }
.chip-one { left: 0; top: 65px; }.chip-two { right: 0; top: 180px; }.chip-three { left: 35px; bottom: 35px; }
.security-principles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; }
.security-principles article { min-height: 300px; padding: 26px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.014); }
.security-principles article > .icon { color: #a994ff; }
.security-principles article > span { float: right; color: #4f596d; font-size: 10px; }
.security-principles h3 { margin: 60px 0 11px; font-size: 19px; }
.security-principles p { margin: 0; color: #818ba0; font-size: 12px; }
.policy-section { background: #060912; }
.policy-layout { display: grid; grid-template-columns: 1fr .9fr; gap: 80px; align-items: center; }
.policy-engine { overflow: hidden; border: 1px solid var(--line); border-radius: 17px; background: #080b14; box-shadow: var(--shadow); }
.policy-head { height: 54px; display: flex; align-items: center; justify-content: space-between; padding: 0 19px; border-bottom: 1px solid var(--line); color: #9380e4; font-size: 9px; letter-spacing: .12em; }
.policy-head small { color: #657087; letter-spacing: 0; }
.policy-rule { min-height: 57px; display: flex; align-items: center; justify-content: space-between; padding: 0 19px; border-bottom: 1px solid var(--line); }
.policy-rule span { display: flex; align-items: center; gap: 8px; color: #9ca6b9; font-size: 10px; }
.policy-rule b { padding: 3px 7px; border-radius: 5px; font-size: 8px; }
.policy-rule.pass .icon, .policy-rule.pass b { color: var(--success); }.policy-rule.pass b { background: rgba(80,226,160,.07); }
.policy-rule.hold .icon, .policy-rule.hold b { color: var(--gold); }.policy-rule.hold b { background: rgba(228,185,110,.08); }
.policy-result { display: flex; justify-content: space-between; padding: 17px 19px; color: #7b869b; font-size: 10px; }.policy-result span { color: #b7a9fa; }
.security-note { display: flex; align-items: flex-start; gap: 13px; margin-top: 30px; padding: 16px; border: 1px solid rgba(139,108,255,.2); border-radius: 11px; background: rgba(139,108,255,.05); }
.security-note .icon { flex: 0 0 auto; margin-top: 2px; color: #aa96ff; }
.security-note p { display: flex; flex-direction: column; margin: 0; }
.security-note strong { font-size: 12px; }.security-note span { margin-top: 3px; color: #7e899f; font-size: 10px; }
.audit-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; align-items: center; }
.audit-fields { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin: 30px 0 0; padding: 0; list-style: none; }
.audit-fields li { min-height: 48px; display: flex; align-items: center; gap: 9px; padding: 8px 11px; border: 1px solid var(--line); border-radius: 8px; color: #8791a6; font-size: 10px; }.audit-fields span { color: #806dcc; font-size: 8px; }
.audit-timeline { overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: #080b14; }
.audit-timeline .audit-event { min-height: 75px; }
.onprem-summary { padding-top: 30px; }
.onprem-summary-card { display: grid; grid-template-columns: 1fr 1.5fr auto; align-items: center; gap: 35px; padding: 35px; border: 1px solid rgba(54,223,207,.2); border-radius: 18px; background: linear-gradient(120deg, rgba(54,223,207,.06), rgba(139,108,255,.05)); }
.onprem-summary-card > div { display: flex; align-items: center; gap: 14px; }.onprem-summary-card > div .icon { color: var(--cyan); }
.onprem-summary-card span { display: flex; flex-direction: column; }.onprem-summary-card small { color: #69c7c0; font-size: 8px; letter-spacing: .12em; }.onprem-summary-card h2 { margin: 3px 0 0; font-size: 20px; }
.onprem-summary-card > p { margin: 0; color: #8791a6; font-size: 12px; }

.price-summary > .eyebrow { margin-bottom: 12px; }
.price-summary > div { padding: 22px; border: 1px solid rgba(139,108,255,.24); border-radius: 13px; background: rgba(139,108,255,.055); }
.price-summary div > * { display: block; }.price-summary div small { color: #8d7bdc; font-size: 9px; letter-spacing: .1em; }.price-summary div strong { margin-top: 8px; font-size: 38px; letter-spacing: -.04em; }.price-summary div span { color: #717c92; font-size: 10px; }
.price-summary > p { margin: 17px 4px 0; color: #818ba0; font-size: 11px; }
.pricing-notice { display: flex; align-items: center; gap: 12px; max-width: 760px; margin: 0 auto 35px; padding: 14px 17px; border: 1px solid rgba(228,185,110,.2); border-radius: 11px; background: rgba(228,185,110,.045); }.pricing-notice .icon { color: var(--gold); }.pricing-notice span { display: flex; flex-direction: column; }.pricing-notice strong { font-size: 11px; }.pricing-notice small { color: #7e899f; font-size: 9px; }
.pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; align-items: stretch; }
.price-card { position: relative; min-height: 520px; display: flex; flex-direction: column; padding: 30px; border: 1px solid var(--line); border-radius: 19px; background: linear-gradient(145deg, rgba(15,20,35,.85), rgba(7,10,18,.92)); }
.price-card.featured { border-color: rgba(139,108,255,.48); box-shadow: 0 25px 70px rgba(100,70,210,.12); transform: translateY(-9px); }
.plan-label { color: #8c79da; font-size: 10px; letter-spacing: .14em; }.plan-recommended { position: absolute; right: 18px; top: 17px; padding: 4px 7px; border-radius: 5px; background: rgba(139,108,255,.14); color: #baaaff; font-size: 7px; letter-spacing: .1em; }
.price { display: flex; align-items: baseline; gap: 7px; margin-top: 25px; }.price strong { font-size: 42px; letter-spacing: -.045em; }.price small { color: #707b91; font-size: 10px; }
.price-card > p { min-height: 69px; color: #8791a6; font-size: 13px; }
.price-card ul { display: grid; gap: 12px; margin: 22px 0 30px; padding: 22px 0 0; border-top: 1px solid var(--line); list-style: none; }.price-card li { display: flex; align-items: center; gap: 8px; color: #9aa3b6; font-size: 11px; }.price-card li .icon { color: var(--cyan); }
.price-card .button { width: 100%; margin-top: auto; }
.pricing-footnote { max-width: 850px; margin: 28px auto 0; color: #616b80; font-size: 10px; text-align: center; }
.private-plans { padding-top: 25px; background: #060912; }.private-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.private-grid article { padding: 30px; border: 1px solid var(--line); border-radius: 17px; background: rgba(255,255,255,.014); }.private-grid article > div { display: flex; align-items: center; gap: 13px; }.private-grid .icon { color: #a894ff; }.private-grid span { display: flex; flex-direction: column; }.private-grid small { color: #7664c2; font-size: 8px; letter-spacing: .12em; }.private-grid h3 { margin: 3px 0 0; font-size: 20px; }.private-grid p { color: #8490a4; font-size: 12px; }.private-grid a { display: flex; align-items: center; gap: 7px; margin-top: 22px; color: #a894f4; font-size: 10px; }
.cost-drivers { display: grid; grid-template-columns: .8fr 1.2fr; gap: 75px; align-items: center; }.cost-list { display: grid; gap: 8px; }.cost-list > div { min-height: 75px; display: grid; grid-template-columns: 42px 1fr; align-items: center; gap: 12px; padding: 10px 15px; border: 1px solid var(--line); border-radius: 10px; }.cost-list > div > span { color: #816ed0; font-size: 9px; }.cost-list p { display: flex; flex-direction: column; margin: 0; }.cost-list strong { font-size: 12px; }.cost-list small { color: #748096; font-size: 10px; }

.pilot-brief { padding-bottom: 18px; }.pilot-brief > div:not(.pilot-brief-head) { min-height: 57px; display: grid; grid-template-columns: 32px 1fr; align-items: center; gap: 9px; border-bottom: 1px solid var(--line); }.pilot-brief > div small { color: #826fd2; font-size: 9px; }.pilot-brief > div span { font-size: 11px; }.pilot-brief footer { display: flex; justify-content: space-between; align-items: center; padding-top: 17px; color: #738096; font-size: 9px; }.pilot-brief footer strong { color: #e5e8f1; font-size: 13px; }
.pilot-detail-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; }.pilot-detail-grid article { min-height: 330px; padding: 25px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.014); }.pilot-detail-grid article > span { color: #8d79dd; font-size: 9px; letter-spacing: .12em; }.pilot-detail-grid h3 { margin: 55px 0 10px; font-size: 19px; }.pilot-detail-grid p { min-height: 80px; color: #818ba0; font-size: 12px; }.pilot-detail-grid ul { display: grid; gap: 6px; padding-left: 16px; color: #69748a; font-size: 10px; }
.form-section { background: #060912; }.form-layout { display: grid; grid-template-columns: .7fr 1.3fr; gap: 65px; align-items: start; }.form-side { position: sticky; top: 115px; }.form-side .feature-checks { margin-top: 32px; }.direct-contact { display: flex; align-items: center; gap: 12px; margin-top: 34px; padding: 15px; border: 1px solid var(--line); border-radius: 10px; }.direct-contact .icon { color: #a894ff; }.direct-contact span { display: flex; flex-direction: column; }.direct-contact small { color: #68738a; font-size: 9px; }.direct-contact a { font-size: 11px; }
.contact-form { padding: 34px; border: 1px solid var(--line); border-radius: 20px; background: linear-gradient(145deg, rgba(14,19,34,.9), rgba(7,10,18,.94)); box-shadow: var(--shadow); }.form-heading { margin-bottom: 29px; }.form-heading .eyebrow { margin-bottom: 8px; }.form-heading h2 { margin: 0; font-size: 29px; letter-spacing: -.035em; }.form-heading p { margin: 10px 0 0; color: #748096; font-size: 10px; }
.form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 17px 14px; }.field { display: flex; flex-direction: column; gap: 7px; }.field-full { grid-column: 1 / -1; }.field label { color: #9fa8ba; font-size: 11px; font-weight: 600; }.field input, .field select, .field textarea { width: 100%; border: 1px solid var(--line); border-radius: 9px; background: rgba(2,4,9,.55); color: #eef1f8; font-size: 13px; outline: 0; transition: border-color 160ms ease, box-shadow 160ms ease; }.field input, .field select { height: 47px; padding: 0 13px; }.field textarea { min-height: 120px; padding: 12px 13px; resize: vertical; }.field input:focus, .field select:focus, .field textarea:focus { border-color: rgba(139,108,255,.55); box-shadow: 0 0 0 3px rgba(139,108,255,.08); }.field input::placeholder, .field textarea::placeholder { color: #4e586d; }.field select { color-scheme: dark; }
.consent-field label { display: flex; align-items: flex-start; gap: 10px; color: #778197; font-size: 10px; font-weight: 400; }.consent-field input { flex: 0 0 auto; width: 16px; height: 16px; margin-top: 3px; accent-color: var(--violet); }.consent-field a { color: #a894f4; text-decoration: underline; }.form-actions { display: flex; align-items: center; gap: 15px; margin-top: 27px; }.form-status { color: #77dcb0; font-size: 10px; }
.contact-options { display: grid; gap: 9px; }.contact-options > * { min-height: 72px; display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 10px; padding: 11px 14px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.014); }.contact-options > * > .icon:first-child { color: #a894ff; }.contact-options span { display: flex; flex-direction: column; }.contact-options small { color: #667188; font-size: 8px; letter-spacing: .1em; }.contact-options strong { margin-top: 2px; font-size: 10px; }.contact-options > a:hover { border-color: rgba(139,108,255,.35); }
.contact-route-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }.contact-route-grid > a { min-height: 215px; display: grid; grid-template-columns: 36px 1fr 20px; align-items: start; gap: 10px; padding: 25px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.014); }.contact-route-grid > a:hover { border-color: rgba(139,108,255,.35); transform: translateY(-3px); }.contact-route-grid > a > .icon:first-child { color: #a894ff; }.contact-route-grid span { display: flex; flex-direction: column; }.contact-route-grid small { color: #7f6dcc; font-size: 8px; letter-spacing: .1em; }.contact-route-grid strong { margin-top: 42px; font-size: 17px; }.contact-route-grid p { margin: 8px 0 0; color: #7e899f; font-size: 11px; }

.brand-architecture { display: grid; gap: 8px; }.brand-architecture > div { min-height: 82px; display: flex; flex-direction: column; justify-content: center; padding: 0 20px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.014); }.brand-architecture > div.highlight { border-color: rgba(139,108,255,.35); background: rgba(139,108,255,.07); }.brand-architecture span { font-size: 11px; font-weight: 680; letter-spacing: .1em; }.brand-architecture small { margin-top: 3px; color: #6f7a90; font-size: 9px; }.brand-architecture > i { width: 1px; height: 15px; margin: 0 auto; background: linear-gradient(var(--violet), var(--cyan)); }
.mission-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 75px; align-items: start; }.mission-statement { padding: 35px; border-left: 2px solid var(--violet); background: linear-gradient(90deg, rgba(139,108,255,.07), transparent); }.mission-statement > span { color: #8d7adb; font-size: 9px; letter-spacing: .13em; }.mission-statement blockquote { margin: 28px 0 0; font-size: clamp(28px, 3.5vw, 47px); line-height: 1.18; letter-spacing: -.04em; font-weight: 620; }.mission-copy { color: #98a1b5; font-size: 17px; }.mission-copy p { margin: 0 0 22px; }
.values-section { background: #060912; }.values-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }.values-grid article { min-height: 245px; padding: 28px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.014); }.values-grid article > span { color: #836fd3; font-size: 10px; }.values-grid h3 { margin: 55px 0 10px; font-size: 20px; }.values-grid p { margin: 0; color: #818ba0; font-size: 12px; }
.origin-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 75px; align-items: center; }.origin-cards { display: grid; gap: 9px; }.origin-cards > div { min-height: 110px; display: grid; grid-template-columns: 110px 1fr 1.5fr; align-items: center; gap: 15px; padding: 15px 18px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.014); }.origin-cards small { color: #7866c7; font-size: 8px; letter-spacing: .1em; }.origin-cards strong { font-size: 13px; }.origin-cards p { margin: 0; color: #768196; font-size: 10px; }

/* Legal */
.legal-hero { position: relative; padding: 105px 0 72px; border-bottom: 1px solid var(--line); }.legal-hero .container { position: relative; }.legal-hero h1 { margin: 0; font-size: clamp(48px, 6vw, 72px); line-height: 1; letter-spacing: -.055em; }.legal-hero p { max-width: 720px; margin: 22px 0 0; color: #9ba4b7; font-size: 18px; }.legal-meta { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 28px; color: #626d82; font-size: 10px; }
.legal-section { padding: 80px 0 130px; }.legal-layout { display: grid; grid-template-columns: 220px 1fr; gap: 75px; align-items: start; }.legal-nav { position: sticky; top: 110px; display: flex; flex-direction: column; gap: 10px; padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.014); }.legal-nav strong { margin-bottom: 7px; color: #cdd2df; font-size: 11px; }.legal-nav a { color: #737e94; font-size: 10px; }.legal-nav a:hover { color: #fff; }
.legal-content { max-width: 800px; }.legal-content > section { scroll-margin-top: 110px; padding: 0 0 47px; margin-bottom: 47px; border-bottom: 1px solid var(--line); }.legal-content > section > span { display: block; color: #806dcc; font-size: 9px; }.legal-content h2 { margin: 8px 0 18px; font-size: 28px; letter-spacing: -.03em; }.legal-content h3 { margin: 28px 0 8px; font-size: 16px; }.legal-content p { color: #949db0; font-size: 14px; line-height: 1.8; }.legal-content a { color: #b2a4f6; text-decoration: underline; text-underline-offset: 3px; }.legal-note { padding: 17px; border: 1px solid rgba(228,185,110,.17); border-radius: 10px; background: rgba(228,185,110,.04); color: #8c8793; font-size: 11px; }
.error-page { position: relative; min-height: 70vh; display: grid; place-items: center; text-align: center; }.error-page h1 { margin: 0; font-size: clamp(42px, 6vw, 70px); }.error-page p { color: #8d97ab; }.error-page .button { margin-top: 22px; }

.js [data-reveal] { animation: reveal-up 650ms both; animation-play-state: paused; }
.js [data-reveal].is-visible { animation-play-state: running; }
@keyframes reveal-up { from { opacity: 0; translate: 0 18px; } to { opacity: 1; translate: 0 0; } }

@media (max-width: 1120px) {
  .desktop-nav { display: none; }
  .header-actions { margin-left: auto; }
  .menu-toggle { display: block; }
  .hero { min-height: auto; }
  .hero-layout { grid-template-columns: 1fr; }
  .hero-copy { max-width: 800px; }
  .hero-product { min-height: 540px; margin-top: 25px; }
  .hero-dashboard-card { margin-inline: auto; }
  .floating-policy { right: 6%; }.floating-runtime { left: 4%; }
  .footer-main { grid-template-columns: 1.6fr repeat(2, 1fr); }
  .footer-brand { grid-row: span 2; }
  .page-hero-grid { grid-template-columns: 1fr 1fr; gap: 45px; }
  .page-hero-aside .control-shell { transform: scale(.68); margin: -80px -150px; }
  .capability-grid { grid-template-columns: repeat(3, 1fr); }
  .enterprise-benefits, .security-principles, .pilot-detail-grid { grid-template-columns: repeat(2, 1fr); }
  .origin-cards > div { grid-template-columns: 95px 1fr; }.origin-cards p { grid-column: 1 / -1; }
}

@media (max-width: 900px) {
  .container { width: min(calc(100% - 36px), var(--container)); }
  .section { padding: 88px 0; }
  .text-action { display: none; }
  .section-heading-row { display: block; }.section-heading-row .inline-link { margin-top: 22px; }
  .hero { padding-top: 75px; }
  .hero h1 { font-size: clamp(48px, 10vw, 72px); }
  .hero-footnote { flex-direction: column; }
  .control-layout { grid-template-columns: 1fr; }
  .control-sidebar { display: none; }
  .control-shell-large { min-height: 600px; }
  .control-content { padding: 27px; }
  .worker-grid, .usecase-grid, .boundary-grid, .industry-grid, .private-grid, .values-grid { grid-template-columns: 1fr; }
  .workflow-layout, .onprem-layout, .pilot-layout, .role-anatomy-layout, .split-feature, .shadow-layout, .platform-map-layout, .integration-layout, .policy-layout, .audit-layout, .cost-drivers, .form-layout, .mission-layout, .origin-layout { grid-template-columns: 1fr; gap: 55px; }
  .workflow-wide .workflow-track { grid-template-columns: 1fr; }
  .workflow-wide .workflow-track::before { left: 27px; right: auto; top: 29px; bottom: 29px; width: 1px; height: auto; }
  .workflow-wide .workflow-step { min-height: 74px; flex-direction: row; align-items: center; gap: 16px; padding: 11px 17px 11px 0; }
  .benefit-banner { grid-template-columns: 1fr; padding: 38px; }
  .page-hero { padding: 84px 0 75px; }
  .page-hero-grid { grid-template-columns: 1fr; }
  .page-hero-aside { width: min(100%, 620px); }
  .page-hero-aside .control-shell { width: 780px; transform: scale(.69); transform-origin: top left; margin: 0 0 -175px; }
  .page-hero-aside .control-layout { grid-template-columns: 1fr; }
  .role-anatomy { max-width: 700px; width: 100%; margin-inline: auto; }
  .module-grid, .pricing-grid, .contact-route-grid { grid-template-columns: repeat(2, 1fr); }
  .pricing-grid .featured { transform: none; }
  .onprem-summary-card { grid-template-columns: 1fr; }
  .form-side { position: static; }
  .legal-layout { grid-template-columns: 1fr; gap: 35px; }.legal-nav { position: static; display: none; }
}

@media (max-width: 680px) {
  .container { width: min(calc(100% - 28px), var(--container)); }
  .site-header { height: 69px; }.mobile-menu { inset: 69px 0 auto; height: calc(100vh - 69px); height: calc(100dvh - 69px); }.brand-mark { width: 31px; height: 31px; }.brand-copy strong { font-size: 13px; }.brand-copy small { font-size: 7px; }
  .header-actions > .button { display: none; }
  .section { padding: 72px 0; }
  .section-heading h2 { font-size: clamp(31px, 9vw, 43px); }.section-heading > p { font-size: 16px; }
  .hero { padding: 60px 0 24px; }.hero h1 { font-size: clamp(44px, 13vw, 61px); }.hero-copy .lead { font-size: 17px; }.hero-actions { align-items: stretch; flex-direction: column; }.hero-actions .button { width: 100%; }
  .hero-proof { display: grid; gap: 10px; }
  .hero-product { min-height: 440px; margin-top: 5px; overflow: hidden; }
  .hero-dashboard-card { position: absolute; width: 655px; left: 50%; top: 35px; transform: translateX(-50%) scale(.67) rotateY(-4deg); }
  .floating-card { transform: scale(.86); }.floating-policy { right: -9px; top: 48px; }.floating-runtime { left: -10px; bottom: 41px; }
  .hero-footnote { font-size: 9px; }.home-hero::after { bottom: 130px; }
  .control-section { padding-top: 90px; }.control-shell-large { min-height: auto; }.control-windowbar { height: 42px; }.control-content { padding: 20px 15px; }.control-title-row { align-items: flex-start; }.dashboard-action { display: none; }.control-title-row h3 { font-size: 20px; }.metric-grid { grid-template-columns: 1fr; }.metric { min-height: 85px; }.dashboard-columns { grid-template-columns: 1fr; }.control-shell .permission-card { display: none; }.task-status { display: none; }
  .worker-card { min-height: 315px; padding: 19px; }.worker-top { grid-template-columns: 49px 1fr; }.worker-state { grid-column: 2; }.worker-footer { align-items: flex-start; flex-direction: column; }
  .workflow-step { grid-template-columns: 47px 1fr; }.workflow-index { width: 47px; height: 47px; }.workflow-track::before { left: 23px; }
  .onprem-visual { min-height: 600px; }.architecture-frame { inset: 0 0 110px; padding: 16px; }.architecture-grid { grid-template-columns: 1fr; }.architecture-node { min-height: 72px; }.public-site-node { right: 12px; left: 12px; width: auto; }
  .benefit-banner { padding: 27px 20px; }.benefit-grid { grid-template-columns: 1fr; }
  .pilot-layout { gap: 42px; }.cta-panel { padding: 58px 20px; }.final-cta { padding-bottom: 90px; }
  .footer-main { grid-template-columns: repeat(2, 1fr); gap: 34px 20px; }.footer-brand { grid-column: 1 / -1; grid-row: auto; }.footer-bottom { flex-direction: column; }
  .page-hero { padding: 68px 0 60px; }.page-hero-copy h1 { font-size: clamp(43px, 12vw, 61px); }.page-hero-copy .lead { font-size: 16px; }
  .page-hero-aside .control-shell { width: 100%; margin: 0; transform: none; }
  .page-hero-aside .control-content { padding: 20px 15px; }
  .team-stack, .compare-mini, .outcome-panel, .price-summary, .contact-options, .brand-architecture, .pilot-brief { padding: 18px; }
  .role-anatomy { min-height: auto; display: grid; gap: 9px; }.role-anatomy::before, .role-anatomy::after { display: none; }.role-center { position: relative; left: auto; top: auto; width: 120px; height: 120px; margin: 0 auto 18px; transform: none; }.role-node { position: static; min-width: 0; }.handover-details { grid-template-columns: 1fr; }
  .capability-grid, .module-grid, .pricing-grid, .contact-route-grid { grid-template-columns: 1fr; }
  .capability-grid article { min-height: 205px; }.capability-grid h3 { margin-top: 40px; }
  .console-line { align-items: flex-start; flex-direction: column; justify-content: center; gap: 4px; }
  .map-layer { grid-template-columns: 1fr 1fr; }.map-layer > span { grid-column: 1 / -1; }
  .enterprise-benefits, .security-principles, .pilot-detail-grid { grid-template-columns: 1fr; }.enterprise-benefits article, .security-principles article { min-height: 230px; }.enterprise-benefits h3, .security-principles h3 { margin-top: 42px; }
  .security-shield { min-height: 410px; }.shield-rings { width: 270px; height: 270px; }.chip-one { left: -6px; }.chip-two { right: -5px; }.chip-three { left: 5px; }
  .audit-fields { grid-template-columns: 1fr; }.audit-event { grid-template-columns: 55px 9px 1fr; padding-inline: 12px; }
  .price-card { min-height: 500px; }.price-card.featured { order: -1; }
  .form-grid { grid-template-columns: 1fr; }.field-full { grid-column: auto; }.contact-form { padding: 24px 18px; }.form-actions { align-items: stretch; flex-direction: column; }.form-actions .button { width: 100%; }
  .mission-statement { padding: 27px 22px; }.origin-cards > div { grid-template-columns: 1fr; }.origin-cards p { grid-column: auto; }
  .legal-hero { padding: 70px 0 55px; }.legal-hero p { font-size: 16px; }.legal-section { padding: 60px 0 90px; }.legal-content h2 { font-size: 25px; }.legal-content p { font-size: 13px; }
}

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

/* OPRIVON pre-sale 2027: isolated enhancements to the existing premium design. */
.launch-section {padding: 80px 0; position:relative; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:linear-gradient(120deg,rgba(139,108,255,.095),rgba(54,223,207,.035));}
.launch-layout {display:grid;grid-template-columns:1.02fr 1fr;gap:56px;align-items:center;}
.launch-copy h2 {font-size:clamp(33px,4vw,55px);letter-spacing:-.045em;line-height:1.12;margin:0 0 20px;}
.launch-copy p {color:var(--muted);line-height:1.8;margin:0 0 28px;max-width:610px;}
.launch-copy p strong {color:var(--text)}
.launch-copy .launch-disclaimer{font-size:12px;margin:15px 0 0;}
.launch-clock {border:1px solid rgba(139,108,255,.35);background:rgba(4,7,17,.85);border-radius:24px;box-shadow:0 28px 85px rgba(0,0,0,.32);padding:32px 28px;}
.launch-clock-label {font-size:11px;letter-spacing:.13em;color:var(--violet-soft);font-weight:760;display:block;margin-bottom:22px;}
.clock-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;}
.clock-grid>div {border:1px solid var(--line);border-radius:13px;background:var(--surface-2);min-width:0;padding:15px 7px;display:flex;flex-direction:column;align-items:center;gap:5px;}
.clock-grid strong {font-size:clamp(23px,3vw,43px);font-variant-numeric:tabular-nums;letter-spacing:-.035em;line-height:1.1;}
.clock-grid span {color:var(--muted);font-size:11px;}
.launch-clock>p {color:var(--muted);font-size:12px;margin:20px 0 0;}
.tier-overview {padding:95px 0 105px;}
.tier-mini-grid {margin-top:45px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;}
.tier-mini {padding:22px 17px;border:1px solid var(--line);border-radius:17px;background:var(--surface);display:flex;flex-direction:column;min-height:260px;}
.tier-mini:first-child{border-color:rgba(139,108,255,.53);background:linear-gradient(145deg,rgba(139,108,255,.16),var(--surface) 60%);}
.tier-mini small,.care-label {color:var(--violet-soft);font-size:10px;font-weight:740;letter-spacing:.11em;}
.tier-mini h3{font-size:19px;line-height:1.25;margin:14px 0 12px;}
.tier-mini p{color:var(--muted);font-size:13px;line-height:1.65;margin:0 0 20px;}
.tier-mini strong{font-size:22px;margin-top:auto;white-space:nowrap;}
.tier-mini strong span{color:var(--muted);font-size:11px;font-weight:500;}
.tier-footnote{display:flex;justify-content:space-between;gap:25px;margin-top:23px;color:var(--muted);font-size:12px;align-items:center;}
.tier-footnote a{color:var(--violet-soft);font-weight:700;white-space:nowrap;}
.pricing-grid.pricing-five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;align-items:stretch;}
.pricing-five .price-card {padding:27px 17px;min-width:0;display:flex;flex-direction:column;}
.pricing-five .price-card .price strong {font-size:clamp(22px,2vw,31px);}
.pricing-five .price-card .price small{display:block;}
.pricing-five .price-card ul{margin:15px 0 23px;}
.pricing-five .price-card ul li{font-size:12px;line-height:1.45;}
.pricing-five .price-card .button{padding:10px 8px;margin-top:auto;font-size:12px;text-align:center;white-space:normal;}
.pricing-five .plan-status{color:var(--muted);font-size:11px;margin:12px 0 15px;min-height:30px;line-height:1.45;}
.care-section{padding:100px 0;background:rgba(14,21,40,.38);}
.care-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:52px;align-items:start;}
.care-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.care-panels article{padding:26px;border:1px solid var(--line);border-radius:18px;background:var(--surface);}
.care-panels h3{font-size:20px;line-height:1.2;margin:14px 0;}
.care-panels p{font-size:13px;color:var(--muted);line-height:1.7;}
.care-panels a{font-size:13px;color:var(--violet-soft);font-weight:700;}
.roadmap-section{padding:90px 0;}.roadmap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:38px;}
.roadmap-grid article{padding:25px;background:var(--surface);border:1px solid var(--line);border-radius:17px;}
.roadmap-grid article>span{color:var(--cyan);font-weight:800;letter-spacing:.1em;}
.roadmap-grid h3{font-size:22px;margin:14px 0 8px;}.roadmap-grid p{color:var(--muted);font-size:14px;line-height:1.7;margin:0;}
.faq-section{padding:85px 0;}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:start;}
.faq-items details{padding:16px 0;border-bottom:1px solid var(--line);}.faq-items summary{font-size:16px;font-weight:650;cursor:pointer;}
.faq-items details p{font-size:14px;line-height:1.7;color:var(--muted);margin:12px 0;}
.faq-items summary:focus-visible{outline:2px solid var(--cyan);outline-offset:5px;}
@media (max-width:1120px){.tier-mini-grid,.pricing-grid.pricing-five{grid-template-columns:repeat(3,minmax(0,1fr));}.launch-layout{gap:30px;}}
@media (max-width:900px){.launch-layout,.care-layout,.faq-layout{grid-template-columns:1fr;}.tier-mini-grid,.pricing-grid.pricing-five{grid-template-columns:repeat(2,minmax(0,1fr));}.care-panels{grid-template-columns:repeat(2,minmax(0,1fr));}.tier-footnote{flex-direction:column;align-items:flex-start;}}
@media (max-width:680px){.launch-section{padding:60px 0;}.launch-clock{padding:24px 15px;}.clock-grid{gap:7px;}.clock-grid>div{padding:12px 3px;}.clock-grid strong{font-size:24px;}.clock-grid span{font-size:10px;}.tier-mini-grid,.pricing-grid.pricing-five,.care-panels,.roadmap-grid{grid-template-columns:1fr;}.tier-mini{min-height:auto;}.tier-overview{padding:66px 0;}.pricing-five .price-card{padding:25px;}.pricing-five .price-card .price strong{font-size:30px;}.care-section,.roadmap-section,.faq-section{padding:65px 0;}}

.release-ribbon{padding:10px 22px;border-bottom:1px solid rgba(139,108,255,.2);background:rgba(139,108,255,.07);color:#c7c0e7;text-align:center;font-size:12px;line-height:1.6;}


/* OPRIVON purple premium: accessible, no-backend email review and package choice. */
.plan-field[hidden], .mail-review[hidden] { display:none !important; }
.field-hint { font-size:12px; color:var(--muted); line-height:1.55; }
.mail-review { margin-top:25px; padding:25px; border:1px solid rgba(139,108,255,.38); border-radius:18px; background:linear-gradient(135deg,rgba(139,108,255,.11),rgba(9,13,24,.93)); }
.mail-review-heading h3 { margin:10px 0; font-size:clamp(20px,2.2vw,26px); line-height:1.3; color:var(--text); }
.mail-review-heading p { color:var(--muted); font-size:13px; line-height:1.75; }
.mail-review-fields {display:grid; grid-template-columns:1fr; gap:8px; margin-top:18px; }
.mail-review-fields label {color:var(--violet-soft); font-size:12px; font-weight:650; margin-top:10px; }
.mail-review-fields input,.mail-review-fields textarea { width:100%; background:rgba(3,5,11,.78); border:1px solid var(--line-strong); color:var(--text); border-radius:9px; padding:12px; font-size:13px; line-height:1.5; }
.mail-review-fields textarea { resize:vertical; min-height:190px; }
.mail-review-actions {display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-top:22px; }
.mail-review-actions .button {text-align:center;}
.mail-review-note {font-size:12px; line-height:1.6; color:var(--muted); margin:18px 0 0; }
.mail-review input:focus-visible,.mail-review textarea:focus-visible,.mail-review button:focus-visible,.mail-review a:focus-visible {outline:2px solid var(--cyan);outline-offset:3px;}
@media (max-width:680px) {
 .mail-review {padding:20px 15px;}
 .mail-review-actions {flex-direction:column;align-items:stretch;}
 .mail-review-actions .button {width:100%;}
}

/* OPRIVON lila V3: pricing clarity and accessible package comparison. */
.pricing-compare-jump{display:flex;justify-content:center;margin:-10px 0 28px;}
.pricing-compare-jump .inline-link{border:1px solid rgba(139,108,255,.28);padding:11px 17px;border-radius:10px;background:rgba(139,108,255,.055);}
.pricing-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:30px auto 0;max-width:1050px;}
.pricing-steps>div{display:flex;flex-direction:column;gap:5px;border:1px solid var(--line);background:rgba(17,24,43,.52);border-radius:13px;padding:19px 23px;}
.pricing-steps strong{color:var(--violet-soft);font-size:12px;letter-spacing:.16em;}
.pricing-steps span{color:var(--text);font-size:15px;font-weight:700;}
.pricing-steps small{font-size:12px;line-height:1.55;color:var(--muted);}
.plan-matrix-section{padding:90px 0 105px;background:linear-gradient(180deg,rgba(139,108,255,.035),rgba(14,21,40,.48));border-block:1px solid var(--line);}
.plan-matrix-section h2{font-size:clamp(30px,3.4vw,44px);line-height:1.14;letter-spacing:-.035em;margin:0 0 18px;}
.plan-matrix-intro{max-width:820px;color:var(--muted);font-size:15px;line-height:1.8;margin:0 0 32px;}
.plan-matrix-intro strong{color:var(--text);font-weight:650;}
.plan-matrix-scroll{overflow-x:auto;overscroll-behavior-x:contain;border:1px solid rgba(139,108,255,.22);border-radius:16px;background:rgba(7,11,21,.92);box-shadow:0 25px 60px rgba(0,0,0,.13);scrollbar-color:var(--violet) var(--surface);}
.plan-matrix-scroll:focus-visible{outline:3px solid var(--cyan);outline-offset:3px;}
.plan-matrix{width:100%;min-width:910px;border-collapse:separate;border-spacing:0;text-align:left;table-layout:fixed;}
.plan-matrix caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
.plan-matrix th,.plan-matrix td{border-bottom:1px solid var(--line);padding:17px 15px;vertical-align:top;line-height:1.55;font-size:12.5px;overflow-wrap:break-word;}
.plan-matrix th:first-child{width:180px;}
.plan-matrix thead th{color:#e6dfff;font-size:13px;font-weight:700;letter-spacing:.01em;background:#141426;border-bottom:1px solid rgba(139,108,255,.37);}
.plan-matrix thead th:first-child{background:#161528;}
.plan-matrix thead a{display:inline-block;padding:3px 0;border-bottom:1px solid rgba(139,108,255,.45);}
.plan-matrix thead a:hover{color:var(--cyan);}
.plan-matrix thead a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;}
.plan-matrix tbody th{position:sticky;left:0;z-index:1;color:#f5f7ff;background:#111726;font-weight:700;box-shadow:2px 0 6px rgba(0,0,0,.15);}
.plan-matrix tbody td{color:#b5bed2;}
.plan-matrix tbody tr:last-child th,.plan-matrix tbody tr:last-child td{border-bottom:0;}
.plan-matrix tbody tr:hover td{background:rgba(139,108,255,.05);}
.plan-matrix-help{margin:14px 0 0;color:var(--muted);font-size:12px;line-height:1.7;}
@media(max-width:900px){.pricing-steps{grid-template-columns:1fr;}.plan-matrix-section{padding:65px 0 75px;}.plan-matrix th:first-child{width:160px;}}
@media(max-width:680px){.pricing-compare-jump{margin-top:0;}.pricing-steps>div{padding:15px 19px;}.plan-matrix{min-width:850px;}.plan-matrix th,.plan-matrix td{padding:14px 12px;}}

/* V4 legal/privacy review: readable inline notice and explicit unpublished-draft flag. */
.privacy-inline-note {padding: 1rem 1.2rem; border: 1px solid rgba(139,108,255,.32); border-radius: 12px; background: rgba(139,108,255,.06)}
.privacy-inline-note p {font-size: .9rem; line-height: 1.65; margin: 0; color: #cbd5e8}
.privacy-inline-note a {text-decoration: underline; text-underline-offset: .2em}
.legal-review-notice {border: 1px solid rgba(248,185,95,.55); background: rgba(248,185,95,.07)}
.legal-review-notice strong {color: #ffe2ac}

@media (max-width: 680px) {
  .legal-hero h1 {font-size: clamp(30px, 7.7vw, 42px); overflow-wrap: anywhere; hyphens: auto;}
}

/* PUBLIC PRELAUNCH: separate no-framework registration form */
.waitlist-panel{padding:clamp(1.3rem,4vw,3rem);background:linear-gradient(140deg,rgba(104,72,193,.17),rgba(12,20,43,.94));border:1px solid rgba(151,130,255,.35);border-radius:25px;box-shadow:0 15px 65px rgba(0,0,0,.2)}
.waitlist-panel h2{margin:1rem 0;font-size:clamp(1.8rem,3vw,2.6rem)}.waitlist-form{display:grid;gap:1rem;margin-top:1.6rem}
.waitlist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.waitlist-form label:not(.waitlist-consent){display:flex;flex-direction:column;gap:.5rem;color:#e7e6fc;font-weight:600}
.waitlist-form input:not([type=checkbox]),.waitlist-form select{width:100%;color:#f6f4ff;background:#0b1124;border:1px solid #5d577b;padding:.9rem 1rem;border-radius:12px;font:inherit}
.waitlist-form select option{background:#0b1124;color:#fff}.waitlist-consent{display:flex;gap:.7rem;align-items:flex-start;color:#d2d4ec;line-height:1.65}
.waitlist-consent input{width:20px;height:20px;min-width:20px;accent-color:#9864f6;margin-top:.18rem}.waitlist-honeypot{position:absolute!important;left:-100vw;top:auto;width:1px;height:1px;overflow:hidden}.waitlist-disclaimer,.seo-disclaimer{color:#b8bdd7;font-size:.94rem;line-height:1.7}
.seo-reading{max-width:910px}.seo-reading h2{margin-bottom:1.5rem}.seo-block{padding:1.5rem;margin:1rem 0;border:1px solid rgba(165,158,210,.23);border-radius:16px;background:rgba(15,18,39,.65)}.seo-block h3{margin-bottom:.5rem}
@media(max-width:720px){.waitlist-grid{grid-template-columns:1fr}}


/* V10 Human Control – additive styles; original branding unaffected */
.human-control-section { padding: clamp(56px, 7vw, 104px) 0; }
.human-control-panel { position: relative; overflow: hidden; padding: clamp(26px, 4vw, 54px); border: 1px solid rgba(155,130,233,.42); border-radius: 22px; background: radial-gradient(circle at 90% 15%,rgba(91,79,199,.23),transparent 48%),linear-gradient(145deg,#10102a 0%,#080b17 100%); box-shadow: 0 20px 64px rgba(0,0,0,.18); }
.human-control-panel::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg,#9274ff,#57d9e9); }
.human-control-kicker { font-weight: 750; letter-spacing: .13em; text-transform: uppercase; color: #bba8ff; font-size: .78rem; }
.human-control-panel h2 { max-width: 900px; font-size: clamp(1.8rem,3.7vw,3.25rem); margin: 14px 0 20px; line-height: 1.16; color: #f4f4ff; }
.human-control-panel p { max-width: 910px; color: #d3d7e9; font-size: 1.05rem; line-height: 1.75; margin: 0 0 15px; }
.human-control-panel strong { color: white; }
.human-control-actions { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 12px; }
.human-control-compact { margin-block: 42px 64px; padding: 22px 26px; border-left: 4px solid #ac8bff; border-radius: 8px; background: rgba(82,74,154,.16); }
.human-control-compact p { color: #e3e6f4; line-height: 1.7; margin: 0; }
.human-control-compact a,.human-control-footer a { color: #bfc0ff; text-decoration: underline; text-underline-offset: .18em; }
.human-control-footer { border-top: 1px solid rgba(135,144,198,.19); padding-block: 18px; }
.human-control-footer p { margin: 0; color: #c4c8dd; line-height: 1.7; font-size: .92rem; }
.human-control-footer strong { color: white; }
.human-control-guide { max-width: 950px; padding-block: 54px 94px; }
.human-control-guide h2 { margin-top: 35px; font-size: clamp(1.35rem,2.4vw,2rem); color: #f5f4ff; }
.human-control-guide p,.human-control-guide li { line-height: 1.85; color: #d4d9ec; }
.human-control-guide ul { padding-left: 24px; }
.human-control-guide li { margin-bottom: 10px; }
@media (max-width: 640px) { .human-control-panel { padding: 25px 20px; } .human-control-actions .button { width: 100%; justify-content: center; text-align: center; } .human-control-compact { margin-block: 32px; padding: 18px; } }
@media (prefers-reduced-motion: reduce) { .human-control-panel, .human-control-panel * { animation: none !important; transition: none !important; } }

/* OPRIVON_V51_LEGAL_LAYOUT */
.oprivon-v51-legal { max-width: 960px; width: min(100%, 960px); margin-inline: auto; }
.oprivon-v51-legal-article { overflow-wrap: anywhere; color: var(--text); font-size: 1rem; line-height: 1.8; }
.oprivon-v51-legal-article h1 { font-size: clamp(1.65rem, 3vw, 2.3rem); margin: 1.2em 0 .6em; }
.oprivon-v51-legal-article h2 { font-size: clamp(1.25rem, 2.4vw, 1.7rem); margin: 1.8em 0 .6em; }
.oprivon-v51-legal-article h3 { font-size: 1.1rem; margin: 1.4em 0 .5em; }
.oprivon-v51-legal-article p,.oprivon-v51-legal-article li { margin: 0 0 1em; }
.oprivon-v51-legal-article ul,.oprivon-v51-legal-article ol { padding-left: 1.6rem; }
.oprivon-v51-legal-article a { color: var(--cyan); text-decoration: underline; text-underline-offset: .18em; }
.oprivon-v51-legal-article code { white-space: normal; overflow-wrap: anywhere; }
.site-footer .footer-bottom p,.site-footer .human-control-footer p { overflow-wrap: anywhere; }
@media (max-width:600px) {
 .oprivon-v51-legal { padding-inline: 1rem; }
 .oprivon-v51-legal-article { font-size: .94rem; }
 .site-footer .footer-bottom { overflow-wrap: anywhere; }
}

/* OPRIVON V52 – public legal readability and browser translation */
.oprivon-v52-legal { max-width: 1000px; margin-inline: auto; padding-block: 3rem; }
.oprivon-v52-legal-article { overflow-wrap:anywhere; line-height:1.8; color:var(--text,#dce8f7); }
.oprivon-v52-legal-article h1 {font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.18;margin-bottom:1.4rem}
.oprivon-v52-legal-article h2 {font-size:clamp(1.18rem,2.5vw,1.65rem);margin:2rem 0 .65rem}
.oprivon-v52-legal-article p {margin:0 0 1.2rem}
.oprivon-v52-legal-article ul,.oprivon-v52-legal-article ol{padding-left:1.5rem}
.oprivon-v52-legal-article a{color:#76dfe7;text-decoration:underline;text-underline-offset:.15em}
.oprivon-v52-footer{padding:1.2rem 0;font-size:.8rem;opacity:.9;overflow-wrap:anywhere}
.oprivon-v52-footer a{margin:0 .35rem;color:#92e7ff}
@media(max-width:700px){.oprivon-v52-legal{padding:1.5rem .5rem}}