@media print {
  @page { margin: 0.5cm; }
  figure, table { break-inside: avoid; }
  #dc-root, #dc-root > .sc-host { height: auto; }
  *, ::before, ::after { print-color-adjust: exact; backdrop-filter: none !important; animation-delay: -99s !important; animation-duration: 0.001s !important; animation-iteration-count: 1 !important; animation-fill-mode: both !important; animation-play-state: running !important; transition-duration: 0s !important; }
}
image-slot[data-badge]::part(empty) { font-size: 0px; gap: 0px; color: transparent; }
html, body { margin: 0px; padding: 0px; background: var(--t-141518); }
body { font-family: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: var(--t-8366ea); }
a:hover { color: var(--t-8366ea); }
::selection { background: var(--t-ecece8); color: var(--t-141518); }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, summary:focus-visible { outline: var(--t-8366ea) solid 2px; outline-offset: 3px; }
input::placeholder, textarea::placeholder { color: rgba(var(--t-fg-rgb), 0.4); }
summary::-webkit-details-marker { display: none; }
summary { list-style: none; }
details[open] .faq-plus { display: none; }
details .faq-minus { display: none; }
details[open] .faq-minus { display: inline; }
@keyframes logo-marquee { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: auto ease 0s 1 normal none running none !important; }
}
@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; }
}
.home-scp0:hover { background: var(--t-ecece8); }
.home-scp1:hover { color: var(--t-8366ea); border-bottom-color: var(--t-8366ea); }
.home-scp2:hover { color: var(--t-8366ea); border-bottom-color: var(--t-8366ea); }
.home-scp3:hover { color: var(--t-ecece8); border-bottom-color: var(--t-ecece8); }
.home-scp4:hover { color: var(--t-ecece8); }
.home-scp5:hover { opacity: 0.6; }
.home-scp6:hover { color: var(--t-ecece8); }
.homem-scp0:hover { background: var(--t-ecece8); }
.homem-scp1:hover { color: var(--t-8366ea); border-bottom-color: var(--t-8366ea); }
.homem-scp2:hover { color: var(--t-8366ea); border-bottom-color: var(--t-8366ea); }
.homem-scp3:hover { color: var(--t-ecece8); border-bottom-color: var(--t-ecece8); }
.homem-scp4:hover { color: var(--t-ecece8); }
.homem-scp5:hover { opacity: 0.6; }
.homem-scp6:hover { color: var(--t-ecece8); }
.home_v2-scp0:hover { background: var(--t-ecece8); }
.home_v2-scp1:hover { color: var(--t-8366ea); border-bottom-color: var(--t-8366ea); }
.home_v2-scp2:hover { opacity: 0.75; }
.home_v2-scp3:hover { border-color: var(--t-8366ea); }
.home_v2-scp4:hover { color: var(--t-ecece8); }
.home_v2-scp5:hover { opacity: 0.6; }
.home_v2-scp6:hover { color: var(--t-ecece8); }
.home_v2m-scp0:hover { background: var(--t-ecece8); }
.home_v2m-scp1:hover { color: var(--t-8366ea); border-bottom-color: var(--t-8366ea); }
.home_v2m-scp2:hover { opacity: 0.75; }
.home_v2m-scp3:hover { border-color: var(--t-8366ea); }
.home_v2m-scp4:hover { color: var(--t-ecece8); }
.home_v2m-scp5:hover { opacity: 0.6; }
.home_v2m-scp6:hover { color: var(--t-ecece8); }
.query-scp0:hover { color: var(--t-ecece8); }
.query-scp1:hover { background: var(--t-ecece8); }
.query-scp2:hover { color: var(--t-8366ea); border-bottom-color: var(--t-8366ea); }
.query-scp3:hover { color: var(--t-8366ea); border-bottom-color: var(--t-8366ea); }
.query-scp4:hover { background: var(--t-2e2350); }
.query-scp5:hover { opacity: 0.6; }
.query-scp6:hover { color: var(--t-ecece8); }
.querym-scp0:hover { color: var(--t-ecece8); }
.querym-scp1:hover { background: var(--t-ecece8); }
.querym-scp2:hover { color: var(--t-8366ea); border-bottom-color: var(--t-8366ea); }
.querym-scp3:hover { color: var(--t-8366ea); border-bottom-color: var(--t-8366ea); }
.querym-scp4:hover { background: var(--t-2e2350); }
.querym-scp5:hover { opacity: 0.6; }
.querym-scp6:hover { color: var(--t-ecece8); }
.agentflow-scp0:hover { color: var(--t-ecece8); }
.agentflow-scp1:hover { background: var(--t-ecece8); }
.agentflow-scp2:hover { color: var(--t-8366ea); border-bottom-color: var(--t-8366ea); }
.agentflow-scp3:hover { color: var(--t-8366ea); border-bottom-color: var(--t-8366ea); }
.agentflow-scp4:hover { background: var(--t-2e2350); }
.agentflow-scp5:hover { opacity: 0.6; }
.agentflow-scp6:hover { color: var(--t-ecece8); }
.agentflowm-scp0:hover { color: var(--t-ecece8); }
.agentflowm-scp1:hover { background: var(--t-ecece8); }
.agentflowm-scp2:hover { color: var(--t-8366ea); border-bottom-color: var(--t-8366ea); }
.agentflowm-scp3:hover { color: var(--t-8366ea); border-bottom-color: var(--t-8366ea); }
.agentflowm-scp4:hover { background: var(--t-2e2350); }
.agentflowm-scp5:hover { opacity: 0.6; }
.agentflowm-scp6:hover { color: var(--t-ecece8); }
.query_v2-scp0:hover { color: var(--t-ecece8); }
.query_v2-scp1:hover { background: var(--t-ecece8); }
.query_v2-scp2:hover { color: var(--t-8366ea); border-bottom-color: var(--t-8366ea); }
.query_v2-scp3:hover { color: var(--t-8366ea); border-bottom-color: var(--t-8366ea); }
.query_v2-scp4:hover { background: var(--t-2e2350); }
.query_v2-scp5:hover { opacity: 0.6; }
.query_v2-scp6:hover { color: var(--t-ecece8); }
.query_v2m-scp0:hover { color: var(--t-ecece8); }
.query_v2m-scp1:hover { background: var(--t-ecece8); }
.query_v2m-scp2:hover { color: var(--t-8366ea); border-bottom-color: var(--t-8366ea); }
.query_v2m-scp3:hover { color: var(--t-8366ea); border-bottom-color: var(--t-8366ea); }
.query_v2m-scp4:hover { background: var(--t-2e2350); }
.query_v2m-scp5:hover { opacity: 0.6; }
.query_v2m-scp6:hover { color: var(--t-ecece8); }
.home_v3-scp0:hover { background: var(--t-ecece8); }
.home_v3-scp1:hover { color: var(--t-8366ea); border-bottom-color: var(--t-8366ea); }
.home_v3-scp2:hover { opacity: 0.75; }
.home_v3-scp3:hover { border-color: var(--t-8366ea); }
.home_v3-scp4:hover { color: var(--t-ecece8); }
.home_v3-scp5:hover { opacity: 0.6; }
.home_v3-scp6:hover { color: var(--t-ecece8); }
.home_v3m-scp0:hover { background: var(--t-ecece8); }
.home_v3m-scp1:hover { color: var(--t-8366ea); border-bottom-color: var(--t-8366ea); }
.home_v3m-scp2:hover { opacity: 0.75; }
.home_v3m-scp3:hover { border-color: var(--t-8366ea); }
.home_v3m-scp4:hover { color: var(--t-ecece8); }
.home_v3m-scp5:hover { opacity: 0.6; }
.home_v3m-scp6:hover { color: var(--t-ecece8); }
:root { color-scheme: dark; --review-bg: var(--t-17181c); --review-fg: #FFFFFF; --review-dim: rgba(255,255,255,0.6); --review-on: var(--t-ecece8); }
html, body { background: var(--t-141518); }
body { font-family: Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.x-pageframe { position: fixed; inset: 0; width: 100%; height: 100%; border: 0; z-index: 50; background: var(--t-141518); }
.nav-m { display: none; }
.nav-m a[data-event="demo_request_click"] { white-space: nowrap; }
@media (max-width: 1120px) { .nav-d { display: none; } .nav-m { display: block; } }
/* Review switcher: not part of the site design */
.review-bar { position: fixed; z-index: 100; left: 50%; transform: translateX(-50%); bottom: calc(16px + env(safe-area-inset-bottom, 0px)); display: flex; gap: 2px; padding: 4px; background: var(--review-bg); border-radius: 999px; box-shadow: 0 6px 24px rgba(0, 0, 0, 0); font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: 12px; max-width: calc(100vw - 32px); overflow-x: auto; }
.review-bar a { color: var(--review-dim); text-decoration: none; padding: 8px 14px; border-radius: 999px; white-space: nowrap; letter-spacing: 0.04em; }
.review-bar a:hover { color: var(--review-fg); }
.review-bar a[aria-current="page"] { background: var(--review-on); color: var(--t-141518); }
.todo-toast { position: fixed; z-index: 101; left: 50%; transform: translateX(-50%); bottom: calc(68px + env(safe-area-inset-bottom, 0px)); background: var(--review-bg); color: var(--review-fg); font: 12px 'IBM Plex Mono', monospace; padding: 8px 14px; border-radius: 4px; }

/* ===== Homepage v3: "room to breathe"
   Layout: one idea per screen, centered display type, generous section rhythm,
   atmospheric violet fields + the 1-vCPU square as e6data's signature motif. */
[data-page="home_v3"] {
  --x-ink: var(--t-17181c); --x-ink2: #16141E; --x-paper: var(--t-141518); --x-mist: var(--t-17181c);
  --x-text: var(--t-ecece8); --x-muted: rgba(var(--t-fg-rgb), 0.62); --x-line: rgba(var(--t-fg-rgb), 0.14);
  --x-violet: var(--t-8366ea); --x-violet2: #8B5CF6; --x-mint: var(--t-ecece8);
  --x-ondark: var(--t-ecece8); --x-ondark-m: rgba(var(--t-fg-rgb), 0.62);
  --x-sans: Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --x-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --x-sec: clamp(112px, 14vw, 200px);
  background: var(--x-paper);
}
[data-page="home_v3"] .x-root { font-family: var(--x-sans); color: var(--x-text); }
[data-page="home_v3"] .x-root * { box-sizing: border-box; }
[data-page="home_v3"] .x-wrap { max-width: 1200px; margin: 0 auto; padding-left: max(20px, env(safe-area-inset-left, 0px)); padding-right: max(20px, env(safe-area-inset-right, 0px)); }
[data-page="home_v3"] .x-narrow { max-width: 760px; }
[data-page="home_v3"] .x-sec { padding-block: var(--x-sec); background: var(--x-paper); text-align: center; }
[data-page="home_v3"] .x-mist { background: var(--x-mist); }
[data-page="home_v3"] .x-dark { background: var(--x-ink); color: var(--x-ondark); }

/* type */
[data-page="home_v3"] .x-kicker { font-family: var(--x-mono); font-size: 12px; letter-spacing: 0.18em; color: var(--x-violet); margin: 0 0 28px; }
[data-page="home_v3"] .x-kicker-mint { color: var(--x-mint); }
[data-page="home_v3"] .x-left { text-align: left; }
[data-page="home_v3"] .x-h2 { margin: 0 auto; max-width: 16ch; font-weight: 400; font-size: clamp(40px, 6vw, 84px); line-height: 1.02; letter-spacing: -0.035em; text-wrap: balance; color: inherit; }
[data-page="home_v3"] .x-h2-xl { font-size: clamp(48px, 8vw, 120px); max-width: 12ch; }
[data-page="home_v3"] .x-h2-s { font-size: clamp(28px, 3.4vw, 44px); max-width: 22ch; }
[data-page="home_v3"] .x-lead { margin: 28px 0 0; font-size: clamp(18px, 1.6vw, 21px); color: var(--x-muted); }
[data-page="home_v3"] .x-sq { display: inline-block; width: 10px; height: 10px; background: var(--x-violet); flex: 0 0 auto; }
[data-page="home_v3"] .x-num { font-family: var(--x-mono); font-weight: 500; font-size: clamp(36px, 4vw, 56px); line-height: 1; letter-spacing: -0.02em; }
[data-page="home_v3"] .x-num small { font-size: 0.36em; letter-spacing: 0.04em; opacity: 0.6; vertical-align: 0.5em; }
[data-page="home_v3"] .x-unit { margin-top: 10px; font-size: 15px; color: var(--x-muted); }

/* buttons */
[data-page="home_v3"] .x-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 28px; background: var(--x-mint); color: var(--t-141518); font: 600 16px/1 var(--x-sans); text-decoration: none; border: none; border-radius: 4px; cursor: pointer; transition: background 120ms; }
[data-page="home_v3"] .x-btn:hover { background: var(--t-ecece8); color: var(--t-141518); }
[data-page="home_v3"] .x-btn-ghost { background: transparent; color: var(--x-ondark); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0); }
[data-page="home_v3"] .x-btn-ghost:hover { background: rgba(var(--t-bg-rgb), 0.08); color: var(--t-ecece8); }

/* atmosphere: violet light fields + grain */
[data-page="home_v3"] .x-atmo { position: relative; isolation: isolate; overflow: hidden; color: var(--x-ondark);
  background:
    radial-gradient(55% 45% at 18% 12%, rgba(46, 35, 80, 0.55), transparent 70%),
    radial-gradient(45% 35% at 88% 28%, rgba(var(--t-fg-rgb), 0.16), transparent 70%),
    radial-gradient(80% 60% at 50% 105%, rgba(46, 35, 80, 0.55), transparent 70%),
    linear-gradient(180deg, var(--t-17181c) 0%, var(--t-17181c) 100%); }
[data-page="home_v3"] .x-atmo::after { content: ""; position: absolute; inset: 0; z-index: -1; opacity: 0.22; mix-blend-mode: overlay; pointer-events: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"); }
[data-page="home_v3"] .x-atmo-a { background:
    radial-gradient(60% 50% at 25% 15%, rgba(46, 35, 80, 0.65), transparent 70%),
    radial-gradient(50% 40% at 85% 60%, rgba(46, 35, 80, 0.6), transparent 70%),
    linear-gradient(170deg, var(--t-2e2350) 0%, var(--t-17181c) 100%); }
[data-page="home_v3"] .x-atmo-b { background:
    radial-gradient(60% 45% at 75% 20%, rgba(var(--t-fg-rgb), 0.45), transparent 70%),
    radial-gradient(70% 60% at 20% 90%, rgba(46, 35, 80, 0.65), transparent 70%),
    linear-gradient(170deg, var(--t-ecece8) 0%, var(--t-17181c) 100%); }
[data-page="home_v3"] .x-atmo-c { background:
    radial-gradient(60% 50% at 30% 85%, rgba(46, 35, 80, 0.35), transparent 70%),
    radial-gradient(60% 50% at 80% 15%, rgba(46, 35, 80, 0.7), transparent 70%),
    linear-gradient(170deg, var(--t-2e2350) 0%, var(--t-17181c) 100%); }

/* hero */
[data-page="home_v3"] .x-hero { padding-top: 60px; min-height: min(920px, 100svh); display: flex; }
[data-page="home_v3"] .x-cells { position: absolute; inset: 60px 0 0; z-index: 0; display: grid; pointer-events: none; -webkit-mask-image: radial-gradient(ellipse 46% 34% at 50% 52%, transparent 55%, #000 100%); mask-image: radial-gradient(ellipse 46% 34% at 50% 52%, transparent 55%, #000 100%); }
[data-page="home_v3"] .x-cells i { justify-self: center; align-self: center; width: 9px; height: 9px; background: rgba(var(--t-mist-rgb), 0.18); transition: background 900ms; }
[data-page="home_v3"] .x-cells i.m { background: var(--x-mint); }
[data-page="home_v3"] .x-cells i.v { background: var(--x-violet2); }
[data-page="home_v3"] .x-hero-in { position: relative; z-index: 1; flex: 1; display: flex; flex-direction: column; justify-content: space-between; gap: 48px; width: 100%; max-width: 1200px; margin: 0 auto; padding: clamp(40px, 7vw, 88px) max(20px, env(safe-area-inset-right, 0px)) clamp(40px, 7vw, 88px) max(20px, env(safe-area-inset-left, 0px)); }
[data-page="home_v3"] .x-chiprow { display: flex; flex-wrap: wrap; justify-content: space-around; gap: 16px 24px; }
[data-page="home_v3"] .x-chiprow-top { padding: 0 4%; }
[data-page="home_v3"] .x-chiprow-bot { padding: 0 10%; }
[data-page="home_v3"] .x-chip { display: inline-flex; align-items: stretch; background: var(--t-17181c); color: var(--x-ink); font: 500 clamp(12px, 1.1vw, 14px)/1 var(--x-mono); letter-spacing: 0.02em; }
[data-page="home_v3"] .x-chip i { width: 34px; background: var(--x-violet); position: relative; }
[data-page="home_v3"] .x-chip i::after { content: ""; position: absolute; width: 8px; height: 8px; background: var(--x-mint); left: 50%; top: 50%; transform: translate(-50%, -50%); }
[data-page="home_v3"] .x-chip { padding: 0 14px 0 0; gap: 12px; align-items: center; height: 34px; }
[data-page="home_v3"] .x-chip i { align-self: stretch; }
[data-page="home_v3"] .x-hero-c { text-align: center; }
[data-page="home_v3"] .x-lockup { display: inline-flex; flex-direction: column; align-items: center; gap: 14px; margin-bottom: clamp(32px, 4.5vw, 56px); }
[data-page="home_v3"] .x-lockup img { height: 26px; width: auto; }
[data-page="home_v3"] .x-lockup span { font: 12px var(--x-mono); letter-spacing: 0.2em; color: var(--x-ondark-m); }
[data-page="home_v3"] .x-hero h1 { margin: 0 auto; max-width: 20ch; font-weight: 400; font-size: clamp(44px, 6.4vw, 96px); line-height: 1.04; letter-spacing: -0.04em; text-wrap: balance; color: var(--t-ecece8); }
[data-page="home_v3"] .x-sub { margin: clamp(32px, 3.6vw, 48px) auto 0; max-width: 52ch; font-size: clamp(18px, 1.7vw, 22px); line-height: 1.45; color: var(--x-ondark-m); }
[data-page="home_v3"] .x-ctas { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: clamp(40px, 4.4vw, 56px); }

/* trust */
[data-page="home_v3"] .x-trust { padding-block: clamp(80px, 10vw, 140px); }
[data-page="home_v3"] .x-logos { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; max-width: 960px; margin: 56px auto 0; }
[data-page="home_v3"] .x-logo { display: flex; align-items: center; justify-content: center; aspect-ratio: 3 / 2; background: var(--x-mist); border-radius: 14px; font-weight: 600; font-size: clamp(16px, 1.8vw, 22px); color: rgba(var(--t-fg-rgb), 0.42); letter-spacing: -0.01em; }

/* cards */
[data-page="home_v3"] .x-card { border-radius: 24px; }

/* how it fits: layered stack */
[data-page="home_v3"] .x-stack { max-width: 920px; margin: clamp(56px, 7vw, 88px) auto 0; padding: clamp(28px, 5vw, 64px) clamp(16px, 5vw, 72px) clamp(32px, 5vw, 64px); text-align: left; }
[data-page="home_v3"] .x-askers { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; }
[data-page="home_v3"] .x-askers span { font: 12px var(--x-mono); letter-spacing: 0.14em; text-transform: uppercase; color: var(--x-ondark); padding: 9px 14px; border: 1px solid rgba(42, 44, 49, 0.22); border-radius: 999px; background: rgba(var(--t-bg-rgb), 0.06); }
[data-page="home_v3"] .x-askline { width: 1px; height: 36px; margin: 0 auto; background: linear-gradient(rgba(var(--t-bg-rgb), 0.4), rgba(var(--t-bg-rgb), 0)); }
[data-page="home_v3"] .x-frame { position: relative; margin-top: 18px; padding: 44px clamp(12px, 2.4vw, 28px) clamp(12px, 2.4vw, 28px); background: rgba(var(--t-bg-rgb), 0.55); border: 1px solid rgba(42, 44, 49, 0.12); border-radius: 20px; display: flex; flex-direction: column; gap: 10px; transition: border-color 300ms, box-shadow 300ms; }
[data-page="home_v3"] .x-frame.on { border-color: rgba(var(--t-fg-rgb), 0.7); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0), 0 0 48px rgba(0, 0, 0, 0); }
[data-page="home_v3"] .x-pill { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); white-space: nowrap; padding: 12px 22px; border-radius: 999px; border: 1px solid rgba(42, 44, 49, 0.28); background: linear-gradient(90deg, var(--t-2e2350), var(--t-2e2350) 60%, var(--t-2e2350)); color: var(--t-ecece8); font: 500 15px/1 var(--x-sans); }
[data-page="home_v3"] .x-row { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 66px; padding: 12px 16px; border-radius: 12px; font: 17px/1.25 var(--x-sans); color: rgba(var(--t-fg-rgb), 0.82); text-align: center; flex-wrap: wrap; min-width: 0; }
[data-page="home_v3"] .x-prod.x-row { background: rgba(46, 35, 80, 0.16); border: 1px solid rgba(42, 44, 49, 0.14); cursor: pointer; transition: border-color 250ms, background 250ms, box-shadow 250ms, color 250ms; }
[data-page="home_v3"] .x-prod.x-row .x-sq { background: var(--x-violet2); width: 9px; height: 9px; transition: background 250ms; }
[data-page="home_v3"] .x-prod.x-row:hover { background: rgba(46, 35, 80, 0.26); }
[data-page="home_v3"] .x-prod.x-row.on { color: var(--t-ecece8); background: rgba(46, 35, 80, 0.32); border-color: rgba(var(--t-fg-rgb), 0.8); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0), 0 0 32px rgba(0, 0, 0, 0); }
[data-page="home_v3"] .x-prod.x-row.on .x-sq { background: var(--x-mint); }
[data-page="home_v3"] .x-beside { flex-basis: 100%; font: normal 11px var(--x-mono); letter-spacing: 0.08em; color: var(--x-ondark-m); }
[data-page="home_v3"] .x-own { flex-direction: column; gap: 4px; border: 1px dashed rgba(42, 44, 49, 0.22); color: var(--x-ondark-m); }
[data-page="home_v3"] .x-own small { font: 11px var(--x-mono); letter-spacing: 0.04em; color: rgba(var(--t-fg-rgb), 0.45); }
[data-page="home_v3"] .x-split { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
[data-page="home_v3"] .x-cap { margin-top: clamp(32px, 4vw, 48px); min-height: 7.2em; }
[data-page="home_v3"] .x-cap h3 { margin: 0 0 12px; font-weight: 400; font-size: clamp(28px, 3.2vw, 40px); letter-spacing: -0.02em; color: var(--t-ecece8); }
[data-page="home_v3"] .x-cap p { margin: 0; max-width: 36ch; font-size: clamp(17px, 1.6vw, 20px); line-height: 1.45; color: var(--x-ondark-m); }

/* do more: product cards */
[data-page="home_v3"] .x-pcards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: clamp(56px, 7vw, 96px); text-align: left; }
[data-page="home_v3"] .x-pcard { border-radius: 24px; min-height: clamp(420px, 40vw, 520px); padding: clamp(24px, 3vw, 36px); display: flex; flex-direction: column; justify-content: space-between; }
[data-page="home_v3"] .x-pcard-top .x-sq { background: var(--x-mint); }
[data-page="home_v3"] .x-pcard h3 { margin: 20px 0 8px; font-weight: 400; font-size: clamp(28px, 2.6vw, 36px); letter-spacing: -0.025em; color: var(--t-ecece8); }
[data-page="home_v3"] .x-pcard p { margin: 0; font-size: 17px; color: var(--x-ondark-m); }
[data-page="home_v3"] .x-pcard .x-num { color: var(--t-ecece8); }
[data-page="home_v3"] .x-pcard .x-unit { color: var(--x-ondark-m); }
[data-page="home_v3"] .x-pills { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
[data-page="home_v3"] .x-ppill { font: 500 13px/1 var(--x-sans); padding: 11px 16px; background: var(--t-141518); color: var(--x-ink); border-radius: 4px; }

/* atomic */
[data-page="home_v3"] .x-atomic { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 5vw, 72px); align-items: center; margin-top: clamp(96px, 11vw, 160px); text-align: left; }
[data-page="home_v3"] .x-acc { display: flex; flex-direction: column; gap: 12px; }
[data-page="home_v3"] .x-acc details, [data-page="home_v3"] .x-faq details { border: 1.5px solid var(--x-text); background: var(--t-141518); }
[data-page="home_v3"] .x-acc summary, [data-page="home_v3"] .x-faq summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 24px; }
[data-page="home_v3"] .x-acc summary { font: 500 14px/1.3 var(--x-mono); letter-spacing: 0.08em; text-transform: uppercase; }
[data-page="home_v3"] .x-acc summary::-webkit-details-marker, [data-page="home_v3"] .x-faq summary::-webkit-details-marker { display: none; }
[data-page="home_v3"] .x-acc summary b, [data-page="home_v3"] .x-faq summary b { position: relative; width: 14px; height: 14px; flex: 0 0 auto; }
[data-page="home_v3"] .x-acc summary b::before, [data-page="home_v3"] .x-acc summary b::after, [data-page="home_v3"] .x-faq summary b::before, [data-page="home_v3"] .x-faq summary b::after { content: ""; position: absolute; left: 0; right: 0; top: 6px; height: 2px; background: currentColor; transition: transform 200ms; }
[data-page="home_v3"] .x-acc summary b::after, [data-page="home_v3"] .x-faq summary b::after { transform: rotate(90deg); }
[data-page="home_v3"] details[open] > summary b::after { transform: rotate(0deg); }
[data-page="home_v3"] .x-acc p, [data-page="home_v3"] .x-faq p { margin: 0; padding: 0 24px 22px; font-size: 16px; line-height: 1.55; color: var(--x-muted); }
[data-page="home_v3"] .x-wlcard { margin: 0; background: var(--x-mist); border-radius: 24px; padding: clamp(24px, 4vw, 48px); }
[data-page="home_v3"] .x-wls { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(10px, 2vw, 28px); }
[data-page="home_v3"] .x-wl { display: flex; flex-direction: column; align-items: center; gap: 12px; min-width: 0; }
[data-page="home_v3"] .x-wl-k { font: 10.5px var(--x-mono); letter-spacing: 0.08em; color: var(--x-muted); max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
[data-page="home_v3"] .x-wl-cells { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; width: 100%; max-width: 96px; }
[data-page="home_v3"] .x-wl-cells i { aspect-ratio: 1; border: 1px solid rgba(var(--t-fg-rgb), 0.16); transition: background 900ms; }
[data-page="home_v3"] .x-wl-cells i.on { background: var(--x-violet); border-color: var(--x-violet); }
[data-page="home_v3"] .x-wl[data-i="3"] .x-wl-cells i.on { background: var(--x-mint); border-color: var(--x-mint); }
[data-page="home_v3"] .x-wl-v { font: 12px var(--x-mono); color: var(--x-violet); }
[data-page="home_v3"] .x-wlcard figcaption { margin-top: 28px; padding: 14px 18px; background: var(--x-violet); color: var(--t-ecece8); font: 12px var(--x-mono); letter-spacing: 0.12em; text-align: center; border-radius: 8px; }
[data-page="home_v3"] .x-proofline { margin-top: clamp(96px, 11vw, 160px); }
[data-page="home_v3"] .x-bignum { font-family: var(--x-mono); font-size: clamp(44px, 7vw, 96px); letter-spacing: -0.03em; line-height: 1; }
[data-page="home_v3"] .x-proofline p { margin: 24px auto 0; max-width: 34ch; font-size: clamp(18px, 1.6vw, 21px); line-height: 1.45; color: var(--x-muted); }

/* three-up */
[data-page="home_v3"] .x-three { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px clamp(24px, 4vw, 64px); margin-top: clamp(64px, 8vw, 112px); }
[data-page="home_v3"] .x-three h3 { margin: 20px 0 8px; font-weight: 500; font-size: 22px; letter-spacing: -0.01em; }
[data-page="home_v3"] .x-three p { margin: 0; font-size: 17px; color: var(--x-muted); }
[data-page="home_v3"] .x-three-s p { margin-top: 18px; color: var(--x-text); font-size: 18px; }

/* run card */
[data-page="home_v3"] .x-run { max-width: 680px; margin: clamp(56px, 7vw, 88px) auto 0; text-align: left; background: var(--t-141518); border: 1px solid var(--x-line); border-radius: 24px; padding: clamp(20px, 3.4vw, 36px); box-shadow: 0 30px 80px -40px rgba(0, 0, 0, 0); }
[data-page="home_v3"] .x-run-head { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; font: 11px var(--x-mono); letter-spacing: 0.12em; color: var(--x-muted); }
[data-page="home_v3"] .x-live { display: inline-flex; align-items: center; gap: 8px; color: var(--x-text); }
[data-page="home_v3"] .x-live i { width: 7px; height: 7px; background: var(--x-mint); }
[data-page="home_v3"] .x-run-ask { margin: 22px 0 18px; padding: 16px 18px; background: var(--x-mist); border-radius: 12px; font-size: 17px; line-height: 1.45; }
[data-page="home_v3"] .x-steps { list-style: none; margin: 0; padding: 0; counter-reset: s; }
[data-page="home_v3"] .x-steps li { counter-increment: s; display: flex; align-items: center; gap: 14px; padding: 13px 0; border-top: 1px solid var(--x-line); font-size: 16px; }
[data-page="home_v3"] .x-steps li::before { content: "0" counter(s); font: 12px var(--x-mono); color: var(--x-muted); }
[data-page="home_v3"] .x-steps li span { flex: 1; min-width: 0; }
[data-page="home_v3"] .x-steps em { font: normal 12px var(--x-mono); color: var(--t-ecece8); }
[data-page="home_v3"] .x-steps em.x-v { color: var(--x-violet); }
[data-page="home_v3"] .x-run-foot { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 16px; border-top: 1px solid var(--x-line); }
[data-page="home_v3"] .x-run-foot span { font: 12px var(--x-mono); padding: 7px 10px; border: 1px solid var(--x-line); border-radius: 4px; }
[data-page="home_v3"] .x-run-foot .x-cost { background: var(--x-violet); border-color: var(--x-violet); color: var(--t-ecece8); }
[data-page="home_v3"] .x-run-est { margin-top: 18px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; padding: 14px 16px; border-radius: 12px; background: var(--x-mist); font: 11.5px var(--x-mono); letter-spacing: 0.08em; color: var(--x-muted); }
[data-page="home_v3"] .x-run-est b { font-weight: 500; color: var(--t-141518); background: var(--x-mint); padding: 6px 10px; border-radius: 4px; letter-spacing: 0.04em; }

/* proof */
[data-page="home_v3"] .x-stat .x-num { white-space: nowrap; font-size: clamp(28px, 3.6vw, 52px); }
[data-page="home_v3"] .x-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px 24px; margin-top: clamp(64px, 8vw, 112px); }
[data-page="home_v3"] .x-quote { margin: clamp(96px, 11vw, 160px) auto 0; max-width: 900px; }
[data-page="home_v3"] .x-quote p { margin: 0; font-size: clamp(24px, 3vw, 40px); line-height: 1.25; letter-spacing: -0.02em; text-wrap: balance; }
[data-page="home_v3"] .x-quote footer { margin-top: 28px; font: 12px var(--x-mono); letter-spacing: 0.14em; color: var(--x-muted); }

/* adopt */
[data-page="home_v3"] .x-adopt { padding-block: clamp(48px, 6vw, 96px); }
[data-page="home_v3"] .x-adopt-card { padding: clamp(64px, 9vw, 140px) clamp(20px, 5vw, 64px); }
[data-page="home_v3"] .x-path { list-style: none; margin: clamp(48px, 6vw, 80px) auto 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; max-width: 900px; }
[data-page="home_v3"] .x-path li { display: flex; flex-direction: column; gap: 14px; align-items: center; padding: 24px 16px; border: 1px solid rgba(42, 44, 49, 0.18); border-radius: 16px; background: rgba(var(--t-bg-rgb), 0.35); font-size: 18px; color: var(--t-ecece8); }
[data-page="home_v3"] .x-path li span { font: 12px var(--x-mono); color: var(--x-mint); letter-spacing: 0.1em; }

/* faq */
[data-page="home_v3"] .x-faq { display: flex; flex-direction: column; gap: 12px; margin-top: clamp(48px, 6vw, 72px); text-align: left; }
[data-page="home_v3"] .x-faq summary { font-size: 18px; font-weight: 500; line-height: 1.35; }

/* form */
[data-page="home_v3"] .x-formcard { margin: 48px auto 0; max-width: 560px; text-align: left; background: var(--t-141518); border-radius: 24px; padding: clamp(24px, 4vw, 40px); border: 1px solid var(--x-line); }
[data-page="home_v3"] .x-form { display: flex; flex-direction: column; gap: 18px; }
[data-page="home_v3"] .x-form label { display: flex; flex-direction: column; gap: 8px; font: 11px var(--x-mono); letter-spacing: 0.14em; color: var(--x-muted); }
[data-page="home_v3"] .x-form input, [data-page="home_v3"] .x-form textarea { width: 100%; font: 16px var(--x-sans); color: var(--x-text); padding: 13px 14px; border: 1px solid rgba(var(--t-fg-rgb), 0.2); border-radius: 8px; background: var(--x-mist); }
[data-page="home_v3"] .x-form input:focus, [data-page="home_v3"] .x-form textarea:focus { outline: 2px solid var(--x-violet); outline-offset: 1px; background: var(--t-141518); }
[data-page="home_v3"] .x-form .x-btn { align-self: flex-start; margin-top: 6px; }
[data-page="home_v3"] .x-thanks { text-align: center; padding: 24px 0; }
[data-page="home_v3"] .x-thanks p { color: var(--x-muted); font-size: 17px; }

/* focus */
[data-page="home_v3"] .x-root a:focus-visible, [data-page="home_v3"] .x-root button:focus-visible, [data-page="home_v3"] .x-root summary:focus-visible { outline: 2px solid var(--x-mint); outline-offset: 3px; }

/* responsive */
@media (max-width: 900px) {
  [data-page="home_v3"] .x-pcards { grid-template-columns: minmax(0, 1fr); }
  [data-page="home_v3"] .x-pcard { min-height: 360px; }
  [data-page="home_v3"] .x-atomic { grid-template-columns: minmax(0, 1fr); }
  [data-page="home_v3"] .x-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  [data-page="home_v3"] .x-logos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-page="home_v3"] .x-three, [data-page="home_v3"] .x-path { grid-template-columns: minmax(0, 1fr); }
  [data-page="home_v3"] .x-chiprow { justify-content: center; padding: 0; gap: 12px; }
  [data-page="home_v3"] .x-chip { height: 30px; font-size: 11.5px; gap: 9px; }
  [data-page="home_v3"] .x-chip i { width: 28px; }
  [data-page="home_v3"] .x-chiprow { gap: 8px; }
  [data-page="home_v3"] .x-row { min-height: 56px; font-size: 15px; padding: 10px 8px; }
  [data-page="home_v3"] .x-split { gap: 6px; }
  [data-page="home_v3"] .x-split .x-row { font-size: 13px; }
  [data-page="home_v3"] .x-own small { font-size: 9.5px; }
  [data-page="home_v3"] .x-pill { font-size: 13px; padding: 10px 16px; }
  [data-page="home_v3"] .x-frame { padding-top: 38px; }
  [data-page="home_v3"] .x-wl-k { font-size: 8.5px; letter-spacing: 0.02em; }
  [data-page="home_v3"] .x-stats { gap: 40px 12px; }
  [data-page="home_v3"] .x-wlcard figcaption { font-size: 10.5px; letter-spacing: 0.06em; }
  [data-page="home_v3"] .x-cells { -webkit-mask-image: radial-gradient(ellipse 70% 30% at 50% 50%, transparent 60%, #000 100%); mask-image: radial-gradient(ellipse 70% 30% at 50% 50%, transparent 60%, #000 100%); }
}
@media (prefers-reduced-motion: reduce) { [data-page="home_v3"] * { transition: none !important; } }

/* ===== e6data "instrument" layer: square geometry, hairlines, dimension lines, engineering grid, solid violet/mint.
   Overrides the softer first pass above. */
[data-page="home_v3"] { --x-ink: var(--t-17181c); --x-grid-d: rgba(var(--t-fg-rgb), 0.045); --x-grid-l: rgba(var(--t-fg-rgb), 0.045); --x-cap: 9px; }
[data-page="home_v3"] .x-root *, [data-page="home_v3"] .x-root *::before, [data-page="home_v3"] .x-root *::after { border-radius: 0 !important; }
[data-page="home_v3"] .x-btn { border-radius: 2px !important; }

/* surfaces: solid fills + engineering grid, no light fields, no grain */
[data-page="home_v3"] .x-atmo::after { display: none; }
[data-page="home_v3"] .x-hero, [data-page="home_v3"] .x-stack, [data-page="home_v3"] .x-atmo-b {
  background-color: var(--x-ink);
  background-image: linear-gradient(var(--x-grid-d) 1px, transparent 1px), linear-gradient(90deg, var(--x-grid-d) 1px, transparent 1px);
  background-size: 32px 32px; }
[data-page="home_v3"] .x-hero { background-size: 40px 40px; }
[data-page="home_v3"] .x-dark { background: var(--x-ink); }
[data-page="home_v3"] .x-atmo-a { background-color: var(--t-2e2350); background-image: linear-gradient(rgba(var(--t-bg-rgb), 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--t-bg-rgb), 0.08) 1px, transparent 1px); background-size: 32px 32px; }
[data-page="home_v3"] .x-atmo-c { background-color: var(--x-mint); background-image: linear-gradient(rgba(var(--t-fg-rgb), 0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--t-fg-rgb), 0.07) 1px, transparent 1px); background-size: 32px 32px; color: var(--t-141518); }
[data-page="home_v3"] .x-atmo-c h3, [data-page="home_v3"] .x-atmo-c .x-num { color: var(--t-141518) !important; }
[data-page="home_v3"] .x-atmo-c p, [data-page="home_v3"] .x-atmo-c .x-unit { color: rgba(var(--t-bg-rgb), 0.7) !important; }
[data-page="home_v3"] .x-atmo-c .x-sq { background: var(--t-17181c) !important; }
[data-page="home_v3"] .x-atmo-c .x-ppill { background: var(--t-17181c); color: var(--t-ecece8); }

/* dimension line: hairline closed by end caps (engineering caliper) */
[data-page="home_v3"] .x-kicker { display: inline-flex; align-items: center; gap: 14px; }
[data-page="home_v3"] .x-kicker::before, [data-page="home_v3"] .x-kicker::after { content: ""; width: clamp(28px, 5vw, 64px); height: var(--x-cap);
  background: linear-gradient(currentColor, currentColor) center / 100% 1px no-repeat, linear-gradient(currentColor, currentColor) left center / 1px 100% no-repeat, linear-gradient(currentColor, currentColor) right center / 1px 100% no-repeat; opacity: 0.7; }
[data-page="home_v3"] .x-kicker.x-left::before { display: none; }
[data-page="home_v3"] .x-kicker.x-left { display: flex; }
[data-page="home_v3"] .x-pcard-bot, [data-page="home_v3"] .x-stat, [data-page="home_v3"] .x-proofline { position: relative; padding-top: 22px; }
[data-page="home_v3"] .x-pcard-bot::before, [data-page="home_v3"] .x-stat::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: var(--x-cap);
  background: linear-gradient(currentColor, currentColor) center / 100% 1px no-repeat, linear-gradient(currentColor, currentColor) left center / 1px 100% no-repeat, linear-gradient(currentColor, currentColor) right center / 1px 100% no-repeat; opacity: 0.35; }
[data-page="home_v3"] .x-pcard-bot { color: inherit; }

[data-page="home_v3"] .x-stack.x-atmo-a { background-color: var(--t-17181c); background-image: linear-gradient(var(--x-grid-d) 1px, transparent 1px), linear-gradient(90deg, var(--x-grid-d) 1px, transparent 1px); background-size: 32px 32px; }
[data-page="home_v3"] .x-h2-wide { max-width: 20ch; }
/* hero */
[data-page="home_v3"] .x-cells i { background: rgba(var(--t-mist-rgb), 0.14); }
[data-page="home_v3"] .x-chip { box-shadow: none; }
[data-page="home_v3"] .x-btn-ghost { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0); }

/* product cards: square, solid, datasheet corners */
[data-page="home_v3"] .x-pcards { gap: 0; border: 1px solid var(--x-text); }
[data-page="home_v3"] .x-pcard { border-right: 1px solid var(--x-text); }
[data-page="home_v3"] .x-pcard:last-child { border-right: none; }
[data-page="home_v3"] .x-ppill { border-radius: 0; font-family: var(--x-mono); font-size: 12px; letter-spacing: 0.04em; padding: 9px 12px; }

/* how it fits */
[data-page="home_v3"] .x-stack { border: 1px solid rgba(42, 44, 49, 0.18); }
[data-page="home_v3"] .x-askers span { background: transparent; border-color: rgba(42, 44, 49, 0.3); }
[data-page="home_v3"] .x-askline { background: rgba(var(--t-bg-rgb), 0.3); }
[data-page="home_v3"] .x-frame { background: rgba(var(--t-bg-rgb), 0.85); border: 1.2px dashed var(--t-8366ea); }
[data-page="home_v3"] .x-tag { background: var(--x-ink); border: 1px solid var(--t-8366ea); color: var(--t-8366ea); font: 500 11px/1 var(--x-mono); letter-spacing: 0.14em; text-transform: uppercase; padding: 9px 14px; }
[data-page="home_v3"] .x-prod.x-row { background: var(--t-2e2350); border: 1px solid var(--t-8366ea); color: var(--t-ecece8); }
[data-page="home_v3"] .x-prod.x-row .x-sq { background: rgba(var(--t-bg-rgb), 0.55); }
[data-page="home_v3"] .x-prod.x-row:hover { background: var(--t-2e2350); }
[data-page="home_v3"] .x-prod.x-row.on { background: var(--t-2e2350); border-color: var(--x-mint); box-shadow: inset 0 0 0 1px var(--x-mint); }
[data-page="home_v3"] .x-own { border: 1px dashed rgba(42, 44, 49, 0.28); background: transparent; }
[data-page="home_v3"] .x-cap { border-top: 1px solid rgba(42, 44, 49, 0.14); padding-top: 28px; }

/* trust: hairline table of logos */
[data-page="home_v3"] .x-logos { gap: 0; border-top: 1px solid var(--x-line); border-left: 1px solid var(--x-line); }
[data-page="home_v3"] .x-logo { background: var(--t-141518); border-right: 1px solid var(--x-line); border-bottom: 1px solid var(--x-line); }

/* atomic + run card + form: hairlines, no shadows */
[data-page="home_v3"] .x-wlcard { background: var(--t-141518); border: 1px solid var(--x-text); }
[data-page="home_v3"] .x-run { box-shadow: none; border: 1px solid var(--x-text); }
[data-page="home_v3"] .x-run-ask { border-left: 3px solid var(--x-violet); }
[data-page="home_v3"] .x-formcard { border: 1px solid var(--x-text); }
[data-page="home_v3"] .x-form input, [data-page="home_v3"] .x-form textarea { background: var(--t-141518); border-color: rgba(var(--t-fg-rgb), 0.3); }
[data-page="home_v3"] .x-mist { background-color: var(--x-mist); background-image: linear-gradient(var(--x-grid-l) 1px, transparent 1px), linear-gradient(90deg, var(--x-grid-l) 1px, transparent 1px); background-size: 32px 32px; }

/* adopt: solid violet band, steps joined by a dimension line */
[data-page="home_v3"] .x-adopt { background: var(--x-ink); }
[data-page="home_v3"] .x-adopt-card { background-color: var(--t-2e2350); background-image: linear-gradient(rgba(var(--t-bg-rgb), 0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--t-bg-rgb), 0.07) 1px, transparent 1px); background-size: 32px 32px; color: var(--x-ondark); }
[data-page="home_v3"] .x-adopt-card .x-h2 { color: var(--t-ecece8) !important; }
[data-page="home_v3"] .x-path { gap: 0; border: 1px solid rgba(42, 44, 49, 0.3); }
[data-page="home_v3"] .x-path li { border: none; border-right: 1px solid rgba(42, 44, 49, 0.3); background: rgba(var(--t-bg-rgb), 0.35); }
[data-page="home_v3"] .x-path li:last-child { border-right: none; }
@media (max-width: 900px) {
  [data-page="home_v3"] .x-pcard { border-right: none; border-bottom: 1px solid var(--x-text); }
  [data-page="home_v3"] .x-pcard:last-child { border-bottom: none; }
}
@media (max-width: 640px) {
  [data-page="home_v3"] .x-path li { border-right: none; border-bottom: 1px solid rgba(42, 44, 49, 0.3); }
  [data-page="home_v3"] .x-path li:last-child { border-bottom: none; }
  [data-page="home_v3"] .x-tag { font-size: 10px; letter-spacing: 0.1em; padding: 8px 10px; }
}


/* account: cost attribution + audit */
[data-page="home_v3"] .x-acct { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 16px; margin-top: clamp(56px, 7vw, 88px); text-align: left; align-items: start; }
[data-page="home_v3"] .x-acct .x-run { max-width: none; margin: 0; }
[data-page="home_v3"] .x-ledger { margin: 0; background: var(--t-141518); border: 1px solid var(--x-text); padding: clamp(20px, 3vw, 32px); }
[data-page="home_v3"] .x-bar { display: flex; height: 28px; margin-top: 22px; border: 1px solid var(--x-text); }
[data-page="home_v3"] .x-bar i { display: block; height: 100%; border-right: 1px solid var(--t-2a2c31); }
[data-page="home_v3"] .x-bar i:last-child { border-right: none; }
[data-page="home_v3"] .x-c1 { background: var(--t-2e2350); } [data-page="home_v3"] .x-c2 { background: var(--t-17181c); } [data-page="home_v3"] .x-c3 { background: var(--t-ecece8); }
[data-page="home_v3"] .x-c4 { background: var(--t-2e2350); } [data-page="home_v3"] .x-c5 { background: var(--t-2a2c31); }
[data-page="home_v3"] .x-legend { list-style: none; margin: 16px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 6px 20px; }
[data-page="home_v3"] .x-legend li { display: flex; align-items: center; gap: 8px; font: 12px var(--x-mono); color: var(--x-text); min-width: 0; }
[data-page="home_v3"] .x-legend li i { width: 10px; height: 10px; flex: 0 0 auto; }
[data-page="home_v3"] .x-legend li span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-page="home_v3"] .x-legend li b { font-weight: 500; font-variant-numeric: tabular-nums; }
[data-page="home_v3"] .x-legend li em { font-style: normal; color: var(--x-muted); width: 3.2em; text-align: right; }
[data-page="home_v3"] .x-ltable { margin-top: 22px; font: 12px var(--x-mono); font-variant-numeric: tabular-nums; }
[data-page="home_v3"] .x-lrow { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.6fr) 56px 56px 72px; gap: 10px; padding: 11px 0; border-top: 1px solid var(--x-line); color: var(--x-text); }
[data-page="home_v3"] .x-lrow > span { min-width: 0; overflow-wrap: anywhere; }
[data-page="home_v3"] .x-lhead { font-size: 10.5px; letter-spacing: 0.1em; color: var(--x-muted); border-top: none; }
[data-page="home_v3"] .x-lx, [data-page="home_v3"] .x-lc { text-align: right; }
[data-page="home_v3"] .x-lc { color: var(--x-text); font-weight: 500; }
[data-page="home_v3"] .x-ltotal { border-top: 1px solid var(--x-text); font-weight: 500; letter-spacing: 0.06em; }
[data-page="home_v3"] .x-ltotal .x-lc { color: var(--x-violet); }
@media (max-width: 900px) { [data-page="home_v3"] .x-acct { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 640px) {
  [data-page="home_v3"] .x-lrow { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.2fr) 62px; gap: 8px; font-size: 11px; }
  [data-page="home_v3"] .x-lrow > span:first-child { overflow-wrap: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  [data-page="home_v3"] .x-lx { display: none; }
}

[data-page="home_v3"] a.x-chip { text-decoration: none; transition: box-shadow 120ms; }
[data-page="home_v3"] a.x-chip:hover { box-shadow: inset 0 0 0 1px var(--x-violet); color: var(--x-text); }

/* run on your terms: data + goals */
[data-page="home_v3"] .x-terms { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin-top: clamp(56px, 7vw, 96px); border: 1px solid var(--x-text); background: var(--t-141518); text-align: left; }
[data-page="home_v3"] .x-tpanel { padding: clamp(24px, 4vw, 48px); min-width: 0; }
[data-page="home_v3"] .x-tpanel + .x-tpanel { border-left: 1px solid var(--x-text); }
[data-page="home_v3"] .x-tk { font: 12px var(--x-mono); letter-spacing: 0.16em; color: var(--x-violet); }
[data-page="home_v3"] .x-tpanel h3 { margin: 14px 0 28px; font-weight: 400; font-size: clamp(26px, 2.6vw, 36px); letter-spacing: -0.02em; }
[data-page="home_v3"] .x-tlist { list-style: none; margin: 0; padding: 0; }
[data-page="home_v3"] .x-tlist li { display: flex; gap: 16px; align-items: baseline; padding: 16px 0; border-top: 1px solid var(--x-line); }
[data-page="home_v3"] .x-tlist h4 { margin: 0 0 4px; font-size: 17px; font-weight: 500; }
[data-page="home_v3"] .x-tlist p { margin: 0; font-size: 15px; color: var(--x-muted); }
[data-page="home_v3"] .x-path2 { margin: 0 0 24px; }
[data-page="home_v3"] .x-budget { position: relative; height: 9px; margin: 0 0 28px;
  background: linear-gradient(var(--x-violet), var(--x-violet)) center / 100% 1px no-repeat, linear-gradient(var(--x-violet), var(--x-violet)) left center / 1px 100% no-repeat, linear-gradient(var(--x-violet), var(--x-violet)) right center / 1px 100% no-repeat; }
[data-page="home_v3"] .x-budget span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: var(--t-141518); padding: 0 10px; font: 11px var(--x-mono); letter-spacing: 0.1em; color: var(--x-violet); white-space: nowrap; }
[data-page="home_v3"] .x-path2 ol { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; position: relative; }
[data-page="home_v3"] .x-path2 ol::before { content: ""; position: absolute; left: 4%; right: 4%; top: 24px; height: 1px; background: var(--x-text); }
[data-page="home_v3"] .x-path2 li { position: relative; display: flex; flex-direction: column; align-items: center; gap: 8px; }
[data-page="home_v3"] .x-path2 b { display: flex; align-items: center; justify-content: center; width: 100%; height: 48px; background: var(--t-141518); border: 1px solid var(--x-text); font: 500 11.5px var(--x-mono); letter-spacing: 0.08em; }
[data-page="home_v3"] .x-path2 li:first-child b { background: var(--x-violet); border-color: var(--x-violet); color: var(--t-ecece8); }
[data-page="home_v3"] .x-path2 .x-gate b { background: var(--x-mint); border-color: var(--t-141518); color: var(--t-141518); }
[data-page="home_v3"] .x-path2 em { font: normal 10.5px var(--x-mono); color: var(--x-muted); letter-spacing: 0.04em; }
[data-page="home_v3"] .x-path2 figcaption { margin-top: 14px; font: 11px var(--x-mono); letter-spacing: 0.12em; color: var(--x-muted); text-align: center; }
@media (max-width: 900px) {
  [data-page="home_v3"] .x-terms { grid-template-columns: minmax(0, 1fr); }
  [data-page="home_v3"] .x-tpanel + .x-tpanel { border-left: none; border-top: 1px solid var(--x-text); }
}
@media (max-width: 640px) {
  [data-page="home_v3"] .x-path2 ol { gap: 5px; }
  [data-page="home_v3"] .x-path2 b { height: 40px; font-size: 9.5px; letter-spacing: 0.02em; }
  [data-page="home_v3"] .x-path2 ol::before { top: 20px; }
  [data-page="home_v3"] .x-budget span { font-size: 10px; }
}

[data-page="home_v3"] .x-four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 900px) { [data-page="home_v3"] .x-four { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { [data-page="home_v3"] .x-four { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 640px) { [data-page="home_v3"] .x-brd { display: none; } }

/* proof strip: stats grouped under each product by a dimension line */
[data-page="home_v3"] .x-proof { background: var(--t-141518); border-bottom: 1px solid var(--x-line); padding-block: clamp(48px, 6vw, 80px); }
[data-page="home_v3"] .x-proof-k { font: 11px var(--x-mono); letter-spacing: 0.18em; color: var(--x-muted); margin-bottom: 32px; }
[data-page="home_v3"] .x-center { text-align: center; }
[data-page="home_v3"] .x-pgroups { display: grid; grid-template-columns: 2fr 2fr 1.15fr; gap: 0 clamp(20px, 3vw, 40px); }
[data-page="home_v3"] .x-pgroup { min-width: 0; }
[data-page="home_v3"] .x-pdim { position: relative; display: block; height: 18px; margin-bottom: 26px; text-decoration: none; color: var(--x-violet);
  background: linear-gradient(currentColor, currentColor) center / 100% 1px no-repeat, linear-gradient(currentColor, currentColor) left center / 1px 9px no-repeat, linear-gradient(currentColor, currentColor) right center / 1px 9px no-repeat; }
[data-page="home_v3"] .x-pdim span { position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: inline-flex; align-items: center; gap: 8px; background: var(--t-141518); padding: 0 12px 0 0; font: 500 12px var(--x-mono); letter-spacing: 0.1em; text-transform: uppercase; color: var(--x-text); white-space: nowrap; }
[data-page="home_v3"] .x-pdim span .x-sq { width: 8px; height: 8px; }
[data-page="home_v3"] .x-pdim:hover span { color: var(--x-violet); }
[data-page="home_v3"] .x-pcells { display: grid; grid-template-columns: repeat(var(--n), minmax(0, 1fr)); gap: 0 clamp(16px, 2vw, 32px); }
[data-page="home_v3"] .x-pstat { min-width: 0; }
[data-page="home_v3"] .x-pnum { font: 500 clamp(30px, 3vw, 44px)/1 var(--x-mono); letter-spacing: -0.02em; color: var(--x-text); white-space: nowrap; }
[data-page="home_v3"] .x-plab { margin-top: 10px; font-size: 14px; line-height: 1.4; color: var(--x-muted); }
@media (max-width: 900px) {
  [data-page="home_v3"] .x-pgroups { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  [data-page="home_v3"] .x-pcells { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; }
}
/* logo marquee */
[data-page="home_v3"] .x-trust2 { background: var(--x-mist); padding-block: clamp(40px, 5vw, 64px); border-bottom: 1px solid var(--x-line); }
[data-page="home_v3"] .x-trust2 .x-proof-k { margin-bottom: 28px; }
[data-page="home_v3"] .x-marquee { overflow: hidden; }
[data-page="home_v3"] .x-mtrack { display: flex; width: max-content; animation: x-marq 36s linear infinite; }
[data-page="home_v3"] .x-mdup { display: flex; }
[data-page="home_v3"] .x-mlogo { padding: 0 clamp(28px, 4vw, 56px); font-weight: 600; font-size: clamp(18px, 1.8vw, 22px); color: rgba(var(--t-fg-rgb), 0.45); white-space: nowrap; }
[data-page="home_v3"] .x-marquee:hover .x-mtrack { animation-play-state: paused; }
@keyframes x-marq { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { [data-page="home_v3"] .x-mtrack { animation: none; } [data-page="home_v3"] .x-mdup { display: none; } [data-page="home_v3"] .x-marquee { display: flex; justify-content: center; flex-wrap: wrap; } }

@media (max-width: 640px) { [data-page="home_v3"] .x-proof-k { font-size: 10px; letter-spacing: 0.08em; } }

/* capability tags + all-products bracket */
[data-page="home_v3"] .x-ptags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 20px; }
[data-page="home_v3"] .x-ptags span { font: 11.5px var(--x-mono); letter-spacing: 0.02em; color: var(--x-text); padding: 6px 9px; border: 1px solid var(--x-line); background: var(--x-mist); white-space: nowrap; }
[data-page="home_v3"] .x-pall { margin-top: clamp(36px, 4vw, 52px); }
[data-page="home_v3"] .x-pall-dim { position: relative; height: 18px; color: var(--x-violet);
  background: linear-gradient(currentColor, currentColor) center / 100% 1px no-repeat, linear-gradient(currentColor, currentColor) left center / 1px 18px no-repeat, linear-gradient(currentColor, currentColor) right center / 1px 18px no-repeat; }
[data-page="home_v3"] .x-pall-dim span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: var(--t-141518); padding: 0 14px; font: 500 11px var(--x-mono); letter-spacing: 0.16em; color: var(--x-violet); white-space: nowrap; }
[data-page="home_v3"] .x-pall-v { display: flex; justify-content: center; align-items: baseline; gap: 14px; flex-wrap: wrap; margin-top: 18px; }
[data-page="home_v3"] .x-pall-v .x-plab { margin-top: 0; font-size: 16px; }
@media (max-width: 640px) { [data-page="home_v3"] .x-ptags span { font-size: 10.5px; } }


/* hero v3.2: no field; product bar on top, pillar band at the bottom */
[data-page="home_v3"] .x-hero { flex-direction: column; min-height: 0; }
[data-page="home_v3"] .x-hero-in { justify-content: center; align-items: center; gap: clamp(40px, 5.5vw, 72px); padding-top: clamp(56px, 7vw, 96px); padding-bottom: clamp(64px, 8vw, 112px); }
[data-page="home_v3"] .x-prodbar { display: inline-flex; background: var(--t-141518); border: 1px solid rgba(var(--t-fg-rgb), 0.2); }
[data-page="home_v3"] .x-prodbar a { display: flex; align-items: center; gap: 10px; padding: 11px 20px; font: 500 13px/1 var(--x-mono); letter-spacing: 0.02em; color: var(--x-text); text-decoration: none; border-right: 1px solid rgba(var(--t-fg-rgb), 0.14); transition: background 120ms, color 120ms; white-space: nowrap; }
[data-page="home_v3"] .x-prodbar a:last-child { border-right: none; }
[data-page="home_v3"] .x-prodbar a .x-sq { width: 8px; height: 8px; }
[data-page="home_v3"] .x-prodbar a:hover { background: var(--x-mist); color: var(--x-violet); }
[data-page="home_v3"] .x-pillars { background: var(--t-141518); border-top: 1px solid var(--x-line); }
[data-page="home_v3"] .x-pillars .x-wrap { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
[data-page="home_v3"] .x-pillar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 24px clamp(16px, 2.2vw, 32px); border-left: 1px solid var(--x-line); color: var(--x-text); text-decoration: none; font: 500 16px/1.3 var(--x-sans); transition: color 120ms, background 120ms; }
[data-page="home_v3"] .x-pillar:first-child { border-left: none; padding-left: 0; }
[data-page="home_v3"] .x-pillar:last-child { padding-right: 0; }
[data-page="home_v3"] .x-pillar span { display: inline-flex; align-items: center; gap: 12px; }
[data-page="home_v3"] .x-pillar b { font: 400 16px var(--x-mono); color: var(--x-violet); transition: transform 150ms; }
[data-page="home_v3"] .x-pillar:hover { color: var(--x-violet); }
[data-page="home_v3"] .x-pillar:hover b { transform: translateY(3px); }
@media (max-width: 640px) {
  [data-page="home_v3"] .x-prodbar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; }
  [data-page="home_v3"] .x-prodbar a { justify-content: center; padding: 11px 4px; font-size: 10.5px; gap: 6px; letter-spacing: 0; }
  [data-page="home_v3"] .x-prodbar a .x-sq { width: 6px; height: 6px; }
  [data-page="home_v3"] .x-pillars .x-wrap { grid-template-columns: minmax(0, 1fr); }
  [data-page="home_v3"] .x-pillar, [data-page="home_v3"] .x-pillar:first-child, [data-page="home_v3"] .x-pillar:last-child { border-left: none; border-top: 1px solid var(--x-line); padding: 18px 0; }
  [data-page="home_v3"] .x-pillar:first-child { border-top: none; }
}


/* proof strip v2: spec table */
[data-page="home_v3"] .x-sp { background: var(--t-141518); border-bottom: 1px solid var(--x-line); padding-block: clamp(48px, 6vw, 80px); }
[data-page="home_v3"] .x-sp-head { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 8px 24px; padding-bottom: 16px; border-bottom: 1px solid var(--x-text); font: 11px var(--x-mono); letter-spacing: 0.16em; color: var(--x-muted); text-transform: uppercase; }
[data-page="home_v3"] .x-sp-wl { color: var(--x-violet); }
[data-page="home_v3"] .x-sp-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
[data-page="home_v3"] .x-sp-col { display: flex; flex-direction: column; padding: clamp(24px, 3vw, 36px) clamp(16px, 2.4vw, 36px); border-left: 1px solid var(--x-line); color: var(--x-text); text-decoration: none; transition: background 150ms; min-width: 0; }
[data-page="home_v3"] .x-sp-col:first-child { border-left: none; padding-left: 0; }
[data-page="home_v3"] .x-sp-col:hover .x-sp-name { color: var(--x-violet); }
[data-page="home_v3"] .x-sp-name { display: flex; align-items: center; gap: 10px; font: 500 15px var(--x-sans); transition: color 120ms; }
[data-page="home_v3"] .x-sp-name .x-sq { width: 8px; height: 8px; }
[data-page="home_v3"] .x-sp-num { margin-top: 22px; font: 500 clamp(40px, 4.2vw, 60px)/1 var(--x-mono); letter-spacing: -0.03em; white-space: nowrap; }
[data-page="home_v3"] .x-sp-lab { margin-top: 10px; font-size: 15px; color: var(--x-muted); }
[data-page="home_v3"] .x-sp-sec { margin-top: 14px; font-size: 14px; color: var(--x-muted); }
[data-page="home_v3"] .x-sp-sec b { font: 500 16px var(--x-mono); color: var(--x-text); margin-right: 4px; }
[data-page="home_v3"] .x-sp-caps { margin-top: auto; padding-top: 24px; font: 11.5px/1.6 var(--x-mono); letter-spacing: 0.02em; color: var(--x-muted); }
[data-page="home_v3"] .x-sp-foot { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; padding-top: 20px; border-top: 1px solid var(--x-line); font-size: 15px; color: var(--x-muted); }
[data-page="home_v3"] .x-sp-all { font: 500 24px var(--x-mono); color: var(--x-text); letter-spacing: -0.02em; }
@media (max-width: 760px) {
  [data-page="home_v3"] .x-sp-grid { grid-template-columns: minmax(0, 1fr); }
  [data-page="home_v3"] .x-sp-col, [data-page="home_v3"] .x-sp-col:first-child { border-left: none; border-top: 1px solid var(--x-line); padding: 24px 0; }
  [data-page="home_v3"] .x-sp-col:first-child { border-top: none; }
  [data-page="home_v3"] .x-sp-head { letter-spacing: 0.1em; font-size: 10px; }
}


/* atomic architecture: animated adaptive-vs-fixed + principles + comparisons */
[data-page="home_v3"] .x-atom { margin-top: clamp(96px, 11vw, 160px); text-align: left; }
[data-page="home_v3"] .x-atom-head h3 { margin: 6px 0 14px; max-width: 24ch; font-weight: 400; font-size: clamp(30px, 3.4vw, 48px); line-height: 1.08; letter-spacing: -0.025em; text-wrap: balance; }
[data-page="home_v3"] .x-atom-head p { margin: 0; font-size: 18px; color: var(--x-muted); }
[data-page="home_v3"] .x-avf { margin: clamp(36px, 4vw, 56px) 0 0; border: 1px solid var(--x-text); background: var(--t-141518); }
[data-page="home_v3"] .x-avf-top { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px 24px; padding: 14px 18px; border-bottom: 1px solid var(--x-line); font: 11px var(--x-mono); letter-spacing: 0.1em; color: var(--x-text); }
[data-page="home_v3"] .x-avf-leg { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; letter-spacing: 0.02em; color: var(--x-muted); }
[data-page="home_v3"] .x-avf-leg i { display: inline-block; width: 14px; height: 10px; margin-left: 10px; }
[data-page="home_v3"] .x-avf-leg i:first-child { margin-left: 0; }
[data-page="home_v3"] .l-dem { border-top: 2px solid var(--x-text); height: 0 !important; }
[data-page="home_v3"] .l-fix { border-top: 2px dashed rgba(var(--t-fg-rgb), 0.55); height: 0 !important; }
[data-page="home_v3"] .l-e6 { background: var(--t-2e2350); border-top: 2px solid var(--x-violet); }
[data-page="home_v3"] .l-waste { background: var(--t-2a2c31); }
[data-page="home_v3"] .x-avf-svg { display: block; width: 100%; height: clamp(200px, 26vw, 320px); }
[data-page="home_v3"] .x-avf-grid line { stroke: rgba(var(--t-fg-rgb), 0.08); stroke-width: 1; vector-effect: non-scaling-stroke; }
[data-page="home_v3"] .x-avf-waste { fill: var(--t-17181c); }
[data-page="home_v3"] .x-avf-e6a { fill: var(--t-8366ea); }
[data-page="home_v3"] .x-avf-fix { fill: none; stroke: rgba(var(--t-fg-rgb), 0.55); stroke-width: 1.5; stroke-dasharray: 5 4; vector-effect: non-scaling-stroke; }
[data-page="home_v3"] .x-avf-e6 { fill: none; stroke: var(--x-violet); stroke-width: 2; vector-effect: non-scaling-stroke; }
[data-page="home_v3"] .x-avf-dem { fill: none; stroke: var(--x-text); stroke-width: 1.5; vector-effect: non-scaling-stroke; }
[data-page="home_v3"] .x-avf-read { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--x-line); }
[data-page="home_v3"] .x-avf-read > div { padding: 16px 18px; border-left: 1px solid var(--x-line); display: flex; flex-direction: column; gap: 6px; min-width: 0; }
[data-page="home_v3"] .x-avf-read > div:first-child { border-left: none; }
[data-page="home_v3"] .x-avf-read span { font: 10.5px var(--x-mono); letter-spacing: 0.12em; color: var(--x-muted); }
[data-page="home_v3"] .x-avf-read b { font: 500 clamp(22px, 2.4vw, 32px)/1 var(--x-mono); letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
[data-page="home_v3"] .x-avf-read em { font-style: normal; font-size: 13px; color: var(--x-muted); }
[data-page="home_v3"] .x-avf-hi b { color: var(--x-violet); }
[data-page="home_v3"] .x-avf-cap { margin: 12px 2px 0; font: 12px/1.55 var(--x-mono); color: var(--x-muted); }
[data-page="home_v3"] .x-atom-four { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 clamp(20px, 3vw, 40px); margin-top: clamp(40px, 5vw, 64px); }
[data-page="home_v3"] .x-atom-four > div { border-top: 1px solid var(--x-line); padding: 20px 0 8px; }
[data-page="home_v3"] .x-atom-four h4 { margin: 16px 0 6px; font-size: 17px; font-weight: 500; }
[data-page="home_v3"] .x-atom-four p { margin: 0; font-size: 15px; line-height: 1.5; color: var(--x-muted); }
[data-page="home_v3"] .x-atom-acc { margin-top: clamp(40px, 5vw, 64px); }
[data-page="home_v3"] .x-atom-acc summary { list-style: none; }
[data-page="home_v3"] .x-atom-acc summary::-webkit-details-marker { display: none; }
@media (max-width: 900px) { [data-page="home_v3"] .x-atom-four { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) {
  [data-page="home_v3"] .x-atom-four { grid-template-columns: minmax(0, 1fr); }
  [data-page="home_v3"] .x-avf-read { grid-template-columns: minmax(0, 1fr); }
  [data-page="home_v3"] .x-avf-read > div { border-left: none; border-top: 1px solid var(--x-line); flex-direction: row; align-items: baseline; gap: 10px; flex-wrap: wrap; }
  [data-page="home_v3"] .x-avf-read > div:first-child { border-top: none; }
  [data-page="home_v3"] .x-avf-read span { flex-basis: 100%; }
  [data-page="home_v3"] .x-atom-acc summary { font-size: 16px !important; }
}


/* architecture: basic / detailed toggle */
[data-page="home_v3"] .x-stack { position: relative; }
[data-page="home_v3"] .x-viewtog { position: absolute; top: clamp(14px, 2vw, 22px); right: clamp(14px, 2vw, 22px); z-index: 2; display: inline-flex; border: 1px solid rgba(42, 44, 49, 0.35); }
[data-page="home_v3"] .x-viewtog button { background: transparent; border: none; color: rgba(var(--t-fg-rgb), 0.7); font: 11px var(--x-mono); letter-spacing: 0.1em; text-transform: uppercase; padding: 8px 12px; cursor: pointer; }
[data-page="home_v3"] .x-viewtog button + button { border-left: 1px solid rgba(42, 44, 49, 0.35); }
[data-page="home_v3"] .x-viewtog button[aria-selected="true"] { background: var(--t-17181c); color: var(--x-ink); }
[data-page="home_v3"] .x-stack.is-detail { background-color: var(--t-141518) !important; border-color: var(--x-text) !important; color: var(--x-text); }
[data-page="home_v3"] .x-stack.is-detail .x-viewtog { border-color: var(--x-text); }
[data-page="home_v3"] .x-stack.is-detail .x-viewtog button { color: var(--x-muted); }
[data-page="home_v3"] .x-stack.is-detail .x-viewtog button + button { border-left-color: var(--x-text); }
[data-page="home_v3"] .x-stack.is-detail .x-viewtog button[aria-selected="true"] { background: var(--x-text); color: var(--t-ecece8); }
[data-page="home_v3"] .x-view-basic { padding-top: 28px; }
[data-page="home_v3"] .x-dhead { padding-right: 180px; margin-bottom: 24px; }
[data-page="home_v3"] .x-dhead h3 { margin: 0 0 8px; font-weight: 400; font-size: clamp(22px, 2.4vw, 30px); line-height: 1.15; letter-spacing: -0.02em; color: var(--x-text); max-width: 26ch; }
[data-page="home_v3"] .x-dhead p { margin: 0; font-size: 15px; color: var(--x-muted); }
[data-page="home_v3"] .x-dsvg { aspect-ratio: 1400 / 760; width: 100%; max-width: 100%; }
[data-page="home_v3"] .x-dsvg svg { width: 100% !important; height: 100% !important; display: block; }
[data-page="home_v3"] .x-dlist { display: none; }
[data-page="home_v3"] .x-dcap { margin: 16px 0 0; font: 12px/1.55 var(--x-mono); color: var(--x-muted); }
[data-page="home_v3"] .x-drow { padding: 14px 0; border-top: 1px solid var(--x-line); }
[data-page="home_v3"] .x-drow:first-child { border-top: none; }
[data-page="home_v3"] .x-dk { font: 11px var(--x-mono); letter-spacing: 0.12em; color: var(--x-text); margin-bottom: 10px; }
[data-page="home_v3"] .x-dk em { font-style: normal; color: var(--x-muted); letter-spacing: 0.02em; margin-left: 8px; }
[data-page="home_v3"] .x-dchips { display: flex; flex-wrap: wrap; gap: 6px; }
[data-page="home_v3"] .x-dchip { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid rgba(var(--t-fg-rgb), 0.22); background: var(--t-141518); font-size: 14px; color: var(--x-text); }
[data-page="home_v3"] .x-dchip img { height: 16px; width: auto; }
[data-page="home_v3"] .x-drow-ours .x-dchip { border-color: var(--x-violet); color: var(--x-violet); }
[data-page="home_v3"] .x-drow-e6 { background: var(--x-violet); padding: 14px; border-top: none; margin-top: 8px; }
[data-page="home_v3"] .x-drow-e6 .x-dk, [data-page="home_v3"] .x-drow-e6 .x-dk em { color: var(--t-ecece8); margin-bottom: 0; }
@media (max-width: 700px) {
  [data-page="home_v3"] .x-dsvg { display: none; }
  [data-page="home_v3"] .x-dlist { display: block; }
  [data-page="home_v3"] .x-dhead { padding-right: 0; padding-top: 44px; }
  [data-page="home_v3"] .x-view-basic { padding-top: 44px; }
}


/* detailed view v2: layered rows, logo-ready */
[data-page="home_v3"] .x-dsvg { display: none !important; }
[data-page="home_v3"] .x-dlayers { position: relative; display: flex; flex-direction: column; gap: 10px; padding-left: 28px; }
[data-page="home_v3"] .x-drail { position: absolute; left: 8px; top: 18px; bottom: 18px; width: 1px; background: rgba(var(--t-fg-rgb), 0.2); }
[data-page="home_v3"] .x-dpulse { position: absolute; left: -3px; width: 7px; height: 7px; background: var(--x-mint); top: 0; animation: x-dpulse 4.8s ease-in-out infinite; }
@keyframes x-dpulse { 0% { top: 0; } 50% { top: calc(100% - 7px); } 100% { top: 0; } }
@media (prefers-reduced-motion: reduce) { [data-page="home_v3"] .x-dpulse { animation: none; } }
[data-page="home_v3"] .x-dl { position: relative; display: grid; grid-template-columns: minmax(150px, 220px) minmax(0, 1fr); align-items: center; gap: 12px 24px; padding: 14px 16px; border: 1px solid rgba(var(--t-fg-rgb), 0.2); background: var(--t-141518); }
[data-page="home_v3"] .x-dl::before { content: ""; position: absolute; left: -24px; top: 50%; width: 20px; height: 1px; background: rgba(var(--t-fg-rgb), 0.2); }
[data-page="home_v3"] .x-dk b { display: block; font: 500 11px var(--x-mono); letter-spacing: 0.14em; color: var(--x-text); }
[data-page="home_v3"] .x-dk em { display: block; margin-left: 0; margin-top: 4px; font: normal 12px var(--x-mono); color: var(--x-muted); }
[data-page="home_v3"] .x-dchips { display: flex; flex-wrap: wrap; gap: 6px; }
[data-page="home_v3"] .x-dchip { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid rgba(var(--t-fg-rgb), 0.18); background: var(--t-141518); font-size: 14px; color: var(--x-text); white-space: nowrap; }
[data-page="home_v3"] .x-dchip img { height: 18px; width: auto; display: block; }
[data-page="home_v3"] .x-dl-own { border-style: dashed; }
[data-page="home_v3"] .x-dl-ours { border-color: var(--x-violet); }
[data-page="home_v3"] .x-dl-ours .x-dchip { border-color: var(--x-violet); color: var(--x-violet); }
[data-page="home_v3"] .x-dl-e6 { background: var(--x-violet); border-color: var(--x-violet); }
[data-page="home_v3"] .x-dl-e6 .x-dk b, [data-page="home_v3"] .x-dl-e6 .x-dk em { color: var(--t-ecece8); }
[data-page="home_v3"] .x-dl-e6 .x-dk em { opacity: 0.8; }
[data-page="home_v3"] .x-dl-e6 .x-dchip { background: transparent; border-color: rgba(42, 44, 49, 0.5); color: var(--t-ecece8); font-family: var(--x-mono); font-size: 12.5px; }
[data-page="home_v3"] .x-dl-e6::before { background: var(--x-violet); }
@media (max-width: 700px) {
  [data-page="home_v3"] .x-dl { grid-template-columns: minmax(0, 1fr); }
  [data-page="home_v3"] .x-dlayers { padding-left: 18px; }
  [data-page="home_v3"] .x-drail { left: 4px; }
  [data-page="home_v3"] .x-dl::before { left: -14px; width: 10px; }
  [data-page="home_v3"] .x-dchip { font-size: 13px; padding: 7px 10px; }
}
/* why-now statements under the architecture card */
[data-page="home_v3"] .x-why { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 clamp(20px, 3vw, 48px); max-width: 1100px; margin: clamp(56px, 7vw, 96px) auto 0; text-align: left; }
[data-page="home_v3"] .x-why-i { display: flex; flex-direction: column; justify-content: space-between; gap: 20px; padding-top: 20px; border-top: 1px solid var(--x-text); color: var(--x-text); text-decoration: none; }
[data-page="home_v3"] .x-why-i p { margin: 0; font-size: clamp(18px, 1.6vw, 21px); line-height: 1.4; letter-spacing: -0.01em; }
[data-page="home_v3"] .x-why-i span { font: 11px var(--x-mono); letter-spacing: 0.12em; text-transform: uppercase; color: var(--x-violet); }
[data-page="home_v3"] .x-why-i span b { font-weight: 400; display: inline-block; transition: transform 150ms; }
[data-page="home_v3"] .x-why-i:hover span b { transform: translateY(3px); }
@media (max-width: 760px) { [data-page="home_v3"] .x-why { grid-template-columns: minmax(0, 1fr); gap: 32px; } }


/* pillar band with statements */
[data-page="home_v3"] .x-pillar { flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 10px; padding-top: 26px; padding-bottom: 28px; }
[data-page="home_v3"] .x-pl-h { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
[data-page="home_v3"] .x-pl-h > span { display: inline-flex; align-items: center; gap: 12px; }
[data-page="home_v3"] .x-pillar p { margin: 0; font: 400 14.5px/1.5 var(--x-sans); color: var(--x-muted); max-width: 38ch; }
[data-page="home_v3"] .x-pillar:hover p { color: var(--x-text); }


/* hero pillar mini visuals */
[data-page="home_v3"] .x-pv { display: block; width: 100%; max-width: 240px; height: 40px; margin-top: 6px; }
[data-page="home_v3"] .x-pv-more .c { fill: var(--t-17181c); stroke: rgba(var(--t-fg-rgb), 0.25); stroke-width: 1; vector-effect: non-scaling-stroke; animation: x-pvfill 3.6s steps(1) infinite; }
[data-page="home_v3"] .x-pv-more .c0, [data-page="home_v3"] .x-pv-more .c3, [data-page="home_v3"] .x-pv-more .c6, [data-page="home_v3"] .x-pv-more .c9 { fill: var(--x-violet); stroke: var(--x-violet); animation: none; }
[data-page="home_v3"] .x-pv-more .c0 { animation-delay: 0.00s; }
[data-page="home_v3"] .x-pv-more .c1 { animation-delay: 0.25s; }
[data-page="home_v3"] .x-pv-more .c2 { animation-delay: 0.50s; }
[data-page="home_v3"] .x-pv-more .c3 { animation-delay: 0.75s; }
[data-page="home_v3"] .x-pv-more .c4 { animation-delay: 1.00s; }
[data-page="home_v3"] .x-pv-more .c5 { animation-delay: 1.25s; }
[data-page="home_v3"] .x-pv-more .c6 { animation-delay: 1.50s; }
[data-page="home_v3"] .x-pv-more .c7 { animation-delay: 1.75s; }
[data-page="home_v3"] .x-pv-more .c8 { animation-delay: 2.00s; }
[data-page="home_v3"] .x-pv-more .c9 { animation-delay: 2.25s; }
[data-page="home_v3"] .x-pv-more .c10 { animation-delay: 2.50s; }
[data-page="home_v3"] .x-pv-more .c11 { animation-delay: 2.75s; }

@keyframes x-pvfill { 0% { fill: var(--t-17181c); } 50% { fill: var(--x-mint); stroke: var(--x-mint); } }
[data-page="home_v3"] .x-pv-terms .perim { fill: none; stroke: var(--x-violet); stroke-width: 1.2; stroke-dasharray: 4 3; vector-effect: non-scaling-stroke; }
[data-page="home_v3"] .x-pv-terms .blk { fill: var(--t-17181c); stroke: rgba(var(--t-fg-rgb), 0.35); stroke-width: 1; vector-effect: non-scaling-stroke; }
[data-page="home_v3"] .x-pv-terms .gate { fill: var(--x-mint); stroke: var(--t-141518); stroke-width: 1; vector-effect: non-scaling-stroke; }
[data-page="home_v3"] .x-pv-terms .dot { fill: var(--x-violet); animation: x-pvdot 3.2s ease-in-out infinite; }
@keyframes x-pvdot { 0% { transform: translateX(0); } 80%, 100% { transform: translateX(196px); } }
[data-page="home_v3"] .x-pv-acct .ck { fill: var(--x-violet); }
[data-page="home_v3"] .x-pv-acct .ln { fill: rgba(var(--t-fg-rgb), 0.3); }
[data-page="home_v3"] .x-pv-acct .cs { fill: var(--x-text); }
@media (prefers-reduced-motion: reduce) { [data-page="home_v3"] .x-pv * { animation: none !important; } }
[data-page="home_v3"] .x-pi { width: 28px; height: 28px; flex: none; fill: none; stroke: var(--x-violet); stroke-width: 1.5; stroke-linecap: square; }
[data-page="home_v3"] .x-pi .m { fill: var(--x-mint); stroke: var(--t-141518); }
[data-page="home_v3"] .x-pi .d { stroke-dasharray: 3 2.5; }
[data-page="home_v3"] .x-pi .k { stroke: var(--t-141518); stroke-width: 2; }
[data-page="home_v3"] .x-pillar { padding-top: 24px; padding-bottom: 24px; }
[data-page="home_v3"] .x-pillar { gap: 14px; }
/* section lead blurbs */
[data-page="home_v3"] .x-lead-c { max-width: 58ch; margin: 28px auto 0; line-height: 1.5; text-wrap: balance; }
/* two-lane allocation animation */
[data-page="home_v3"] .x-avf-ctrl { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
[data-page="home_v3"] .x-play { display: inline-flex; align-items: center; gap: 8px; background: var(--t-141518); border: 1px solid var(--x-text); padding: 7px 12px; font: 500 11px var(--x-mono); letter-spacing: 0.08em; text-transform: uppercase; color: var(--x-text); cursor: pointer; }
[data-page="home_v3"] .x-play:hover { background: var(--x-mist); }
[data-page="home_v3"] .x-play-i { width: 10px; height: 10px; background: linear-gradient(90deg, var(--x-text) 0 35%, transparent 35% 65%, var(--x-text) 65% 100%); }
[data-page="home_v3"] .x-play.is-paused .x-play-i { background: var(--x-violet); clip-path: polygon(0 0, 100% 50%, 0 100%); }
[data-page="home_v3"] .x-lane { border-top: 1px solid var(--x-line); }
[data-page="home_v3"] .x-lane-h { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 8px 20px; padding: 14px 18px 4px; font: 12px var(--x-mono); color: var(--x-muted); letter-spacing: 0.04em; }
[data-page="home_v3"] .x-lane-h > span:first-child b { font-weight: 500; letter-spacing: 0.12em; color: var(--x-text); margin-right: 6px; }
[data-page="home_v3"] .x-lane-r { display: inline-flex; align-items: baseline; gap: 8px; }
[data-page="home_v3"] .x-lane-r em { font-style: normal; font-size: 10.5px; letter-spacing: 0.12em; }
[data-page="home_v3"] .x-lane-r b { font: 500 20px var(--x-mono); color: var(--x-text); font-variant-numeric: tabular-nums; margin-right: 10px; }
[data-page="home_v3"] .x-lane.e6 .x-lane-r b:not(.x-idle) { color: var(--x-violet); }
[data-page="home_v3"] .x-lane-svg { display: block; width: 100%; height: clamp(110px, 13vw, 160px); }
[data-page="home_v3"] .x-lane-base { stroke: rgba(var(--t-fg-rgb), 0.15); stroke-width: 1; vector-effect: non-scaling-stroke; }
[data-page="home_v3"] .x-lane-alloc { fill: var(--t-8366ea); }
[data-page="home_v3"] .x-lane-idle { fill: var(--t-17181c); }
[data-page="home_v3"] .x-lane-edge { fill: none; stroke: var(--x-violet); stroke-width: 2; vector-effect: non-scaling-stroke; }
[data-page="home_v3"] .x-lane.fix .x-lane-edge { stroke: rgba(var(--t-fg-rgb), 0.6); stroke-dasharray: 5 4; stroke-width: 1.5; }
[data-page="home_v3"] .x-lane-dem { fill: none; stroke: var(--x-text); stroke-width: 1.5; vector-effect: non-scaling-stroke; }

/* ===== flat layer: no gradients, no patterns; light, quiet hero */
[data-page="home_v3"] .x-atmo, [data-page="home_v3"] .x-hero, [data-page="home_v3"] .x-stack, [data-page="home_v3"] .x-stack.x-atmo-a,
[data-page="home_v3"] .x-atmo-a, [data-page="home_v3"] .x-atmo-b, [data-page="home_v3"] .x-atmo-c, [data-page="home_v3"] .x-mist, [data-page="home_v3"] .x-adopt-card { background-image: none !important; }
[data-page="home_v3"] .x-cells { -webkit-mask-image: none !important; mask-image: none !important; }
[data-page="home_v3"] .x-hero { background-color: var(--x-mist) !important; color: var(--x-text); border-bottom: 1px solid var(--x-line); }
[data-page="home_v3"] .x-hero h1 { color: var(--x-text); }
[data-page="home_v3"] .x-sub, [data-page="home_v3"] .x-lockup span { color: var(--x-muted); }
[data-page="home_v3"] .x-cells i { background: rgba(var(--t-fg-rgb), 0.12); }
[data-page="home_v3"] .x-cells i.x-off { visibility: hidden; }
[data-page="home_v3"] .x-cells i.v { background: var(--x-violet); }
[data-page="home_v3"] .x-cells i.m { background: var(--x-mint); }
[data-page="home_v3"] .x-chip { background: var(--t-141518); color: var(--x-text); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0); }
[data-page="home_v3"] .x-btn-ghost { color: var(--x-text); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0); }
[data-page="home_v3"] .x-btn-ghost:hover { background: var(--t-141518); color: var(--x-text); }
[data-page="home_v3"] .x-fits { background: var(--x-paper); color: var(--x-text); }
[data-page="home_v3"] .x-stack { background-color: var(--t-17181c) !important; border-color: var(--t-ecece8); }
[data-page="home_v3"] .x-atmo-a { background-color: var(--t-2e2350); }
[data-page="home_v3"] .x-atmo-b { background-color: var(--t-17181c); }
[data-page="home_v3"] .x-adopt { background: var(--x-paper); }
[data-page="home_v3"] .x-adopt-card { background-color: var(--t-2e2350); }

/* card proof points */
[data-page="home_v3"] .x-pts { list-style: none; margin: 22px 0 0; padding: 0; display: grid; gap: 10px; }
[data-page="home_v3"] .x-pts li { position: relative; padding-left: 18px; font-size: 15px; line-height: 1.45; color: var(--x-ondark-m); }
[data-page="home_v3"] .x-pts li::before { content: ""; position: absolute; left: 0; top: 0.55em; width: 7px; height: 7px; background: var(--x-mint); }
[data-page="home_v3"] .x-atmo-c .x-pts li { color: rgba(var(--t-bg-rgb), 0.72); }
[data-page="home_v3"] .x-atmo-c .x-pts li::before { background: var(--t-17181c); }
/* case study */
[data-page="home_v3"] .x-case { margin-top: clamp(96px, 11vw, 160px); display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: clamp(32px, 6vw, 96px); align-items: end; text-align: left; border-top: 1px solid var(--x-text); padding-top: clamp(32px, 4vw, 48px); }
[data-page="home_v3"] .x-case h3 { margin: 18px 0 18px; font-weight: 400; font-size: clamp(28px, 3vw, 40px); line-height: 1.15; letter-spacing: -0.025em; }
[data-page="home_v3"] .x-case p { margin: 0; max-width: 46ch; font-size: 17px; line-height: 1.6; color: var(--x-muted); }
[data-page="home_v3"] .x-case-links { display: flex; flex-wrap: wrap; gap: 14px 32px; margin-top: 30px; }
[data-page="home_v3"] .x-case-links a { color: var(--x-muted); text-decoration: none; font-size: 16px; border-bottom: 1px solid rgba(var(--t-fg-rgb), 0.3); padding-bottom: 2px; }
[data-page="home_v3"] .x-case-links a.pri { color: var(--x-violet); font-weight: 600; border-color: var(--x-violet); }
[data-page="home_v3"] .x-case-links a:hover { color: var(--x-violet); border-color: var(--x-violet); }
[data-page="home_v3"] .x-ticks { height: 14px; border-bottom: 1px solid var(--x-line); background: repeating-linear-gradient(90deg, rgba(var(--t-bg-rgb), 0.45) 0 1px, transparent 1px 9px) left top / 100% 9px no-repeat; -webkit-mask: repeating-linear-gradient(90deg, #000 0 36px, transparent 36px 52px); mask: repeating-linear-gradient(90deg, #000 0 36px, transparent 36px 52px); max-width: 300px; }
[data-page="home_v3"] .x-case-num { margin-top: 26px; font: 500 clamp(44px, 5.5vw, 72px)/1 var(--x-mono); letter-spacing: -0.03em; }
[data-page="home_v3"] .x-case-unit { margin-top: 12px; font-size: 14px; color: var(--x-muted); }
@media (max-width: 760px) { [data-page="home_v3"] .x-case { grid-template-columns: minmax(0, 1fr); gap: 40px; } [data-page="home_v3"] .x-brd { display: none; } [data-page="home_v3"] .x-case .x-kicker::after { display: none; } }
/* security and trust */
[data-page="home_v3"] .x-sec-trust { margin-top: clamp(72px, 9vw, 120px); display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: clamp(32px, 6vw, 96px); text-align: left; border: 1px solid var(--x-text); background: var(--t-141518); padding: clamp(24px, 4vw, 48px); }
[data-page="home_v3"] .x-sec-trust h3 { margin: 0 0 14px; font-weight: 400; font-size: clamp(24px, 2.4vw, 32px); letter-spacing: -0.02em; line-height: 1.2; }
[data-page="home_v3"] .x-sec-trust p { margin: 0; max-width: 52ch; font-size: 16px; line-height: 1.6; color: var(--x-muted); }
[data-page="home_v3"] .x-st-link { display: inline-block; margin-top: 24px; color: var(--x-violet); font-weight: 600; text-decoration: none; border-bottom: 1px solid var(--x-violet); padding-bottom: 2px; }
[data-page="home_v3"] .x-st-certs { list-style: none; margin: 0; padding: 0; align-self: center; }
[data-page="home_v3"] .x-st-certs li { display: flex; gap: 16px; align-items: flex-start; padding: 18px 0; border-top: 1px solid var(--x-line); }
[data-page="home_v3"] .x-st-certs li:first-child { border-top: none; padding-top: 0; }
[data-page="home_v3"] .x-st-certs li:last-child { padding-bottom: 0; }
[data-page="home_v3"] .x-cert-b svg { width: 22px; height: 22px; fill: none; stroke: var(--x-violet); stroke-width: 1.5; }
[data-page="home_v3"] .x-cert-b svg .k { stroke: var(--t-141518); stroke-width: 1.8; }
[data-page="home_v3"] .x-st-certs b { display: block; font: 600 13px var(--x-mono); letter-spacing: 0.06em; text-transform: uppercase; }
[data-page="home_v3"] .x-st-certs div span { display: block; margin-top: 4px; font-size: 15px; color: var(--x-muted); }
@media (max-width: 760px) { [data-page="home_v3"] .x-sec-trust { grid-template-columns: minmax(0, 1fr); gap: 32px; } }

/* demo widget */
[data-page="home_v3"] .x-demo { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 48px clamp(48px, 6vw, 112px); align-items: start; text-align: left; }
[data-page="home_v3"] .x-demo .x-h2 { text-align: left; margin-left: 0; }
[data-page="home_v3"] .x-demo-l p { margin: 20px 0 28px; max-width: 46ch; font-size: 17px; line-height: 1.6; color: var(--x-muted); }
[data-page="home_v3"] .x-demo-link { color: var(--x-text); text-decoration: none; border-bottom: 1px solid rgba(var(--t-fg-rgb), 0.35); padding-bottom: 2px; }
[data-page="home_v3"] .x-demo-link:hover { color: var(--x-violet); border-color: var(--x-violet); }
[data-page="home_v3"] .x-demo .x-formcard { margin: 0; max-width: none; border-radius: 0; border: 1px solid var(--x-text); background: var(--t-141518); padding: clamp(22px, 3vw, 30px); }
[data-page="home_v3"] .x-f2 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; }
[data-page="home_v3"] .x-form label > span { font: 11px/1.5 var(--x-mono); letter-spacing: 0.14em; color: var(--x-muted); }
[data-page="home_v3"] .x-form i { font-style: normal; color: var(--x-violet); }
[data-page="home_v3"] .x-form input, [data-page="home_v3"] .x-form textarea { border-radius: 2px; }
[data-page="home_v3"] .x-form textarea { resize: vertical; min-height: 84px; line-height: 1.5; }
[data-page="home_v3"] .x-form [aria-invalid="true"] { border-color: var(--t-9a9ea6); }
[data-page="home_v3"] .x-form label.x-consent { flex-direction: row; align-items: flex-start; gap: 10px; cursor: pointer; font: 13px/1.5 var(--x-sans); letter-spacing: 0; color: var(--x-muted); }
[data-page="home_v3"] .x-form label.x-consent > span { font: 13px/1.5 var(--x-sans); letter-spacing: 0; color: var(--x-muted); }
[data-page="home_v3"] .x-consent input { width: 16px; height: 16px; flex: none; margin: 2px 0 0; padding: 0; accent-color: var(--x-violet); }
[data-page="home_v3"] .x-consent input[aria-invalid="true"] { outline: 2px solid var(--t-9a9ea6); outline-offset: 1px; }
[data-page="home_v3"] .x-consent a { color: var(--x-violet); }
[data-page="home_v3"] .x-ferr { margin: 0; font-size: 13px; color: var(--t-9a9ea6); }
[data-page="home_v3"] .x-demo .x-form .x-btn { align-self: stretch; justify-content: center; text-align: center; border-radius: 2px; }
[data-page="home_v3"] .x-fnote { margin: 0; font-size: 12px; color: var(--x-muted); text-align: center; }
@media (max-width: 860px) { [data-page="home_v3"] .x-demo { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 520px) { [data-page="home_v3"] .x-f2 { grid-template-columns: minmax(0, 1fr); } }

/* strict section alternation */
[data-page="home_v3"] .x-adopt { background: var(--x-mist); }

/* product lineup under the products diagram */
[data-page="home_v3"] .x-lineup { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: clamp(40px, 5vw, 64px); border-top: 1px solid var(--x-text); text-align: left; }
[data-page="home_v3"] .x-lu { display: flex; flex-direction: column; gap: 12px; padding: 28px clamp(16px, 2.2vw, 32px) 8px; border-left: 1px solid var(--x-line); color: var(--x-text); text-decoration: none; }
[data-page="home_v3"] .x-lu:first-child { border-left: none; padding-left: 0; }
[data-page="home_v3"] .x-lu:last-child { padding-right: 0; }
[data-page="home_v3"] .x-lu-h { display: inline-flex; align-items: center; gap: 12px; }
[data-page="home_v3"] .x-lu-h b { font: 500 20px/1.3 var(--x-sans); letter-spacing: -0.01em; }
[data-page="home_v3"] .x-lu p { margin: 0; font-size: 16px; line-height: 1.55; color: var(--x-muted); max-width: 34ch; }
[data-page="home_v3"] .x-lu-go { margin-top: auto; padding-top: 6px; font: 500 12px var(--x-mono); letter-spacing: 0.1em; text-transform: uppercase; color: var(--x-violet); }
[data-page="home_v3"] .x-lu-go span { display: inline-block; transition: transform 150ms; }
[data-page="home_v3"] .x-lu:hover b { color: var(--x-violet); }
[data-page="home_v3"] .x-lu:hover .x-lu-go span { transform: translateX(3px); }
@media (max-width: 760px) {
  [data-page="home_v3"] .x-lineup { grid-template-columns: minmax(0, 1fr); }
  [data-page="home_v3"] .x-lu, [data-page="home_v3"] .x-lu:first-child, [data-page="home_v3"] .x-lu:last-child { border-left: none; border-top: 1px solid var(--x-line); padding: 22px 0; }
  [data-page="home_v3"] .x-lu:first-child { border-top: none; }
}

[data-page="home_v3"] .x-split2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 520px) { [data-page="home_v3"] .x-split2 .x-beside { display: none; } }

/* 4-up lineup + private beta tag */
[data-page="home_v3"] .x-lineup { grid-template-columns: repeat(4, minmax(0, 1fr)); }
[data-page="home_v3"] .x-beta { margin-top: auto; align-self: flex-start; padding: 4px 8px; border: 1px solid var(--x-violet); font: 500 11px var(--x-mono); letter-spacing: 0.1em; text-transform: uppercase; color: var(--x-violet); }
@media (max-width: 1000px) and (min-width: 761px) {
  [data-page="home_v3"] .x-lineup { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-page="home_v3"] .x-lu:nth-child(3) { border-left: none; padding-left: 0; }
  [data-page="home_v3"] .x-lu:nth-child(2) { padding-right: 0; }
  [data-page="home_v3"] .x-lu:nth-child(n+3) { border-top: 1px solid var(--x-line); margin-top: 20px; }
}
@media (max-width: 760px) { [data-page="home_v3"] .x-lineup { grid-template-columns: minmax(0, 1fr); } }
/* adopt: gaps */
[data-page="home_v3"] .x-adopt-card p.x-adopt-sub { margin: 20px auto 0; max-width: 46ch; font-size: clamp(17px, 1.5vw, 20px); line-height: 1.5; color: rgba(var(--t-fg-rgb), 0.82) !important; text-wrap: balance; }
[data-page="home_v3"] .x-gaps li { gap: 10px; padding: 26px 20px; text-align: center; }
[data-page="home_v3"] .x-gaps li b { font-weight: 500; font-size: 19px; color: var(--t-ecece8); }
[data-page="home_v3"] .x-gaps li em { font-style: normal; font-size: 15px; line-height: 1.5; color: rgba(var(--t-fg-rgb), 0.75); max-width: 28ch; }

/* adopt: two paths */
[data-page="home_v3"] .x-path.x-two { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 820px; }
@media (max-width: 760px) { [data-page="home_v3"] .x-path.x-two { grid-template-columns: minmax(0, 1fr); } }
[data-page="home_v3"] .x-two li em { max-width: 34ch; }
/* compatibility */
[data-page="home_v3"] .x-compat { margin-top: clamp(64px, 8vw, 104px); border: 1px solid var(--x-text); background: var(--t-141518); text-align: left; }
[data-page="home_v3"] .x-compat > summary { list-style: none; cursor: pointer; display: block; padding: clamp(22px, 3vw, 32px); }
[data-page="home_v3"] .x-compat > summary::-webkit-details-marker { display: none; }
[data-page="home_v3"] .x-compat-h { display: flex; align-items: baseline; justify-content: space-between; gap: 12px 24px; flex-wrap: wrap; }
[data-page="home_v3"] .x-compat h3 { margin: 0; font-weight: 400; font-size: clamp(22px, 2.2vw, 28px); letter-spacing: -0.02em; }
[data-page="home_v3"] .x-compat-more { display: inline-flex; align-items: center; gap: 10px; font: 500 12px var(--x-mono); letter-spacing: 0.1em; text-transform: uppercase; color: var(--x-violet); white-space: nowrap; }
[data-page="home_v3"] .x-compat-more b { position: relative; width: 12px; height: 12px; }
[data-page="home_v3"] .x-compat-more b::before, [data-page="home_v3"] .x-compat-more b::after { content: ""; position: absolute; left: 0; right: 0; top: 5px; height: 2px; background: currentColor; transition: transform 200ms; }
[data-page="home_v3"] .x-compat-more b::after { transform: rotate(90deg); }
[data-page="home_v3"] .x-compat[open] .x-compat-more b::after { transform: rotate(0); }
[data-page="home_v3"] .x-cm-c, [data-page="home_v3"] .x-compat[open] .x-cm-o { display: none; }
[data-page="home_v3"] .x-compat[open] .x-cm-c { display: inline; }
[data-page="home_v3"] .x-cstrip { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 30px; margin-top: 26px; }
[data-page="home_v3"] .x-compat[open] .x-cstrip { display: none; }
[data-page="home_v3"] .x-cs-logo img { display: block; height: 26px; width: auto; max-width: 96px; object-fit: contain; }
[data-page="home_v3"] .x-cmatrix { padding: 0 clamp(22px, 3vw, 32px); }
[data-page="home_v3"] .x-crow { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 12px 24px; padding: 18px 0; border-top: 1px solid var(--x-line); }
[data-page="home_v3"] .x-crow-h { font: 500 11px/1.6 var(--x-mono); letter-spacing: 0.12em; text-transform: uppercase; color: var(--x-muted); padding-top: 7px; }
[data-page="home_v3"] .x-crow-c { display: flex; flex-wrap: wrap; gap: 8px; }
[data-page="home_v3"] .x-chip { display: inline-flex; align-items: center; gap: 8px; padding: 6px 10px; border: 1px solid var(--x-line); font-size: 14px; color: var(--x-text); background: var(--t-141518); }
[data-page="home_v3"] .x-chip img { height: 16px; width: auto; max-width: 40px; object-fit: contain; }
[data-page="home_v3"] .x-cfoot { margin: 0; padding: 18px clamp(22px, 3vw, 32px) clamp(22px, 3vw, 32px); border-top: 1px solid var(--x-line); font-size: 15px; line-height: 1.55; color: var(--x-muted); }
@media (max-width: 760px) { [data-page="home_v3"] .x-crow { grid-template-columns: minmax(0, 1fr); gap: 10px; } [data-page="home_v3"] .x-crow-h { padding-top: 0; } [data-page="home_v3"] .x-cs-logo img { height: 22px; } [data-page="home_v3"] .x-cstrip { gap: 14px 22px; } }
/* use cases */
[data-page="home_v3"] .x-uc-tabs { display: inline-flex; margin-top: clamp(40px, 5vw, 56px); border: 1px solid var(--x-text); background: var(--t-141518); max-width: 100%; overflow-x: auto; }
[data-page="home_v3"] .x-uc-tabs button { font: 500 12px var(--x-mono); letter-spacing: 0.08em; text-transform: uppercase; padding: 10px 16px; border: 0; border-left: 1px solid var(--x-text); background: none; color: var(--x-text); cursor: pointer; white-space: nowrap; }
[data-page="home_v3"] .x-uc-tabs button:first-child { border-left: 0; }
[data-page="home_v3"] .x-uc-tabs button[aria-selected="true"] { background: var(--x-text); color: var(--t-ecece8); }
[data-page="home_v3"] .x-uc-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: clamp(40px, 5vw, 56px); border: 1px solid var(--x-text); background: var(--t-141518); text-align: left; }
[data-page="home_v3"] .x-uc { display: flex; flex-direction: column; padding: clamp(22px, 2.6vw, 32px); border-right: 1px solid var(--x-line); border-bottom: 1px solid var(--x-line); }
[data-page="home_v3"] .x-uc[hidden] { display: none; }
[data-page="home_v3"] .x-uc-tag { font: 500 11px var(--x-mono); letter-spacing: 0.12em; color: var(--x-violet); }
[data-page="home_v3"] .x-uc h3 { margin: 14px 0 8px; font-weight: 500; font-size: 21px; letter-spacing: -0.01em; }
[data-page="home_v3"] .x-uc-ctx { margin: 0; font-size: 15px; line-height: 1.5; color: var(--x-muted); }
[data-page="home_v3"] .x-uc-big { margin-top: 28px; padding-top: 18px; border-top: 1px solid var(--x-text); font: 500 clamp(34px, 3.4vw, 46px)/1 var(--x-mono); letter-spacing: -0.03em; color: var(--x-violet); }
[data-page="home_v3"] .x-uc-unit { margin-top: 8px; font-size: 14px; line-height: 1.45; color: var(--x-muted); }
[data-page="home_v3"] .x-uc-sts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 22px; }
[data-page="home_v3"] .x-uc-sts b { display: block; font: 500 20px var(--x-mono); letter-spacing: -0.02em; }
[data-page="home_v3"] .x-uc-sts span { display: block; margin-top: 4px; font-size: 13px; line-height: 1.4; color: var(--x-muted); }
[data-page="home_v3"] .x-uc-foot { margin: auto 0 0; padding-top: 22px; font-size: 13px; line-height: 1.5; color: var(--x-muted); }
[data-page="home_v3"] .x-glance { margin-top: 28px; border: 1px solid var(--x-text); background: var(--t-141518); text-align: left; padding: clamp(20px, 2.6vw, 28px) clamp(20px, 2.6vw, 32px) 8px; }
[data-page="home_v3"] .x-glance[hidden] { display: none; }
[data-page="home_v3"] .x-gl-k { font: 500 11px var(--x-mono); letter-spacing: 0.12em; color: var(--x-muted); margin-bottom: 10px; }
[data-page="home_v3"] .x-gl-row { display: grid; grid-template-columns: minmax(0, 1.6fr) 110px 120px minmax(0, 1.4fr); gap: 8px 20px; align-items: center; padding: 14px 0; border-top: 1px solid var(--x-line); font-size: 14px; color: var(--x-muted); }
[data-page="home_v3"] .x-gl-n { color: var(--x-text); font-size: 15px; }
[data-page="home_v3"] .x-gl-row b { font: 500 16px var(--x-mono); color: var(--x-text); }
[data-page="home_v3"] .x-gl-f b { color: var(--x-violet); }
[data-page="home_v3"] .x-gl-t { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 4px 12px; }
[data-page="home_v3"] .x-gl-t i { grid-column: 1 / -1; display: block; height: 8px; background: var(--t-17181c); }
[data-page="home_v3"] .x-gl-t em { display: block; height: 100%; background: var(--t-2e2350); }
@media (max-width: 1000px) { [data-page="home_v3"] .x-uc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) {
  [data-page="home_v3"] .x-uc-grid { grid-template-columns: minmax(0, 1fr); }
  [data-page="home_v3"] .x-uc { border-right: 0; }
  [data-page="home_v3"] .x-gl-row { grid-template-columns: minmax(0, 1fr) auto; }
  [data-page="home_v3"] .x-gl-n { grid-column: 1 / -1; }
  [data-page="home_v3"] .x-gl-t { grid-column: 1 / -1; }
}

[data-page="home_v3"] .x-chip-wm img { height: 18px; max-width: 64px; }

/* adopt path visuals */
[data-page="home_v3"] .x-pv2 { display: block; width: 100%; max-width: 320px; height: auto; margin: 6px auto 4px; overflow: visible; }
[data-page="home_v3"] .x-pv-surg .g { fill: none; stroke: rgba(42, 44, 49, 0.28); stroke-width: 1; }
[data-page="home_v3"] .x-pv-surg .hit { fill: var(--x-mint); animation: x-hit 4s ease-in-out infinite; }
[data-page="home_v3"] .x-pv-surg .ring { fill: none; stroke: var(--x-mint); stroke-width: 1.2; stroke-dasharray: 3 2; transform-box: fill-box; transform-origin: center; animation: x-ring 4s ease-in-out infinite; }
[data-page="home_v3"] .x-pv-surg .scan { stroke: var(--x-mint); stroke-width: 1.5; opacity: 0.85; animation: x-scan 4s ease-in-out infinite; }
@keyframes x-scan { 0% { transform: translateX(0); opacity: 0; } 8% { opacity: 0.85; } 45% { transform: translateX(200px); opacity: 0.85; } 55%, 100% { transform: translateX(200px); opacity: 0; } }
@keyframes x-hit { 0%, 40% { opacity: 0; } 52%, 92% { opacity: 1; } 100% { opacity: 0; } }
@keyframes x-ring { 0%, 42% { opacity: 0; transform: scale(1.6); } 54% { opacity: 1; transform: scale(1); } 90% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(1); } }
[data-page="home_v3"] .x-pv-e2e .rail { stroke: rgba(42, 44, 49, 0.45); stroke-width: 1; }
[data-page="home_v3"] .x-pv-e2e .n rect { fill: rgba(var(--t-fg-rgb), 0.45); stroke: rgba(42, 44, 49, 0.4); stroke-width: 1; animation: x-node 4s linear infinite; }
[data-page="home_v3"] .x-pv-e2e .n text { font: 500 8.5px var(--x-mono); letter-spacing: 0.08em; fill: rgba(var(--t-mist-rgb), 0.75); text-anchor: middle; }
[data-page="home_v3"] .x-pv-e2e .n1 rect { animation-delay: 0.9s; }
[data-page="home_v3"] .x-pv-e2e .n2 rect { animation-delay: 1.8s; }
[data-page="home_v3"] .x-pv-e2e .n3 rect { animation-delay: 2.7s; }
[data-page="home_v3"] .x-pv-e2e .track { stroke: rgba(42, 44, 49, 0.22); stroke-width: 2; }
[data-page="home_v3"] .x-pv-e2e .prog { stroke: var(--x-mint); stroke-width: 2; transform-box: fill-box; transform-origin: left center; animation: x-prog 4s linear infinite; }
@keyframes x-prog { 0% { transform: scaleX(0); opacity: 1; } 85% { transform: scaleX(1); opacity: 1; } 100% { transform: scaleX(1); opacity: 0; } }
@keyframes x-node { 0% { stroke: var(--x-mint); fill: rgba(var(--t-fg-rgb), 0.18); } 25%, 100% { stroke: rgba(42, 44, 49, 0.4); fill: rgba(var(--t-fg-rgb), 0.45); } }
@media (prefers-reduced-motion: reduce) {
  [data-page="home_v3"] .x-pv2 * { animation: none !important; }
  [data-page="home_v3"] .x-pv-surg .hit, [data-page="home_v3"] .x-pv-surg .ring { opacity: 1; }
  [data-page="home_v3"] .x-pv-surg .scan { opacity: 0; }
  [data-page="home_v3"] .x-pv-e2e .prog { transform: none; }
  [data-page="home_v3"] .x-pv-e2e .n3 rect { stroke: var(--x-mint); }
}

[data-page="home_v3"] .x-adopt-cta { margin-top: clamp(36px, 4.5vw, 56px); display: flex; justify-content: center; }


/* hero field: data lanes flowing in, commits, actions flowing out */
[data-page="home_v3"] .x-hero { position: relative; overflow: hidden; }
@media (max-width: 1080px) { [data-page="home_v3"] .x-hero-fx { display: none; } }
[data-page="home_v3"] .x-hero-fx { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; }
[data-page="home_v3"] .x-hero > .x-hero-in, [data-page="home_v3"] .x-hero > .x-pillars { position: relative; z-index: 1; }

[data-page="home_v3"] .x-dchip-wm img { height: 18px; width: auto; max-width: 56px; }

/* do-more card icons */
[data-page="home_v3"] .x-ci { display: block; width: 56px !important; height: 56px !important; fill: none; stroke: var(--t-2a2c31); stroke-width: 1.5; stroke-linecap: square; }
[data-page="home_v3"] .x-ci .m { fill: var(--x-mint); stroke: var(--x-mint); }
[data-page="home_v3"] .x-ci .d { stroke-dasharray: 2 3; opacity: 0.6; }
[data-page="home_v3"] .x-atmo-c .x-ci { stroke: var(--t-141518); }
[data-page="home_v3"] .x-atmo-c .x-ci .m { fill: var(--x-violet); stroke: var(--x-violet); }

/* account item icons */
[data-page="home_v3"] .x-ai { display: block; width: 52px !important; height: 52px !important; margin: 0 auto; fill: none; stroke: var(--x-violet); stroke-width: 1.5; stroke-linecap: square; }
[data-page="home_v3"] .x-ai .m { fill: var(--x-mint); stroke: var(--t-141518); }
[data-page="home_v3"] .x-ai .t { stroke: rgba(var(--t-fg-rgb), 0.45); }
[data-page="home_v3"] .x-ai .lim { stroke-dasharray: 3 2.5; }
[data-page="home_v3"] .x-ai .k { stroke: var(--t-141518); stroke-width: 1.8; }

/* certification badges */
[data-page="home_v3"] .x-cert-img { flex: none; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; }
[data-page="home_v3"] .x-cert-img img { max-width: 42px; max-height: 42px; width: auto; height: auto; display: block; }
[data-page="home_v3"] .x-st-certs li { align-items: center; }

/* customer logo ticker: monochrome marks */
[data-page="home_v3"] .x-mlogo { display: inline-flex; align-items: center; }
[data-page="home_v3"] .x-mlogo i { display: block; height: 30px; width: auto; background: center / contain no-repeat; opacity: 0.62; }
[data-page="home_v3"] .x-ml-cisco i { height: 34px; }
[data-page="home_v3"] .x-ml-chargebee i { height: 36px; }
[data-page="home_v3"] .x-ml-freshworks i { height: 28px; }
[data-page="home_v3"] .x-ml-onetrust i { height: 19px; }
[data-page="home_v3"] .x-ml-aioneers i { height: 24px; }
[data-page="home_v3"] .x-ml-kantar i { height: 20px; }
@media (max-width: 760px) { [data-page="home_v3"] .x-mlogo i { transform: scale(0.8); } }

/* bottlenecks we remove */
[data-page="home_v3"] .x-bn { margin-top: clamp(72px, 9vw, 120px); text-align: left; }
[data-page="home_v3"] .x-bn-head h3 { margin: 16px 0 0; max-width: 30ch; font-weight: 400; font-size: clamp(26px, 2.8vw, 38px); line-height: 1.15; letter-spacing: -0.025em; }
[data-page="home_v3"] .x-bn-grid { list-style: none; margin: clamp(28px, 3.5vw, 40px) 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--x-text); background: var(--t-141518); }
[data-page="home_v3"] .x-bn-grid li { display: flex; flex-direction: column; gap: 10px; padding: 22px clamp(18px, 2.2vw, 28px); border-right: 1px solid var(--x-line); border-bottom: 1px solid var(--x-line); }
[data-page="home_v3"] .x-bn-grid li:nth-child(3n) { border-right: 0; }
[data-page="home_v3"] .x-bn-grid li:nth-child(n+4) { border-bottom: 0; }
[data-page="home_v3"] .x-bn-p { display: flex; align-items: center; gap: 10px; font: 500 12px var(--x-mono); letter-spacing: 0.08em; text-transform: uppercase; color: var(--x-muted); text-decoration: line-through; text-decoration-color: rgba(var(--t-fg-rgb), 0.35); }
[data-page="home_v3"] .x-bn-p i { font-style: normal; text-decoration: none; display: inline-flex; width: 18px; height: 18px; align-items: center; justify-content: center; border: 1px solid rgba(var(--t-fg-rgb), 0.3); font-size: 13px; line-height: 1; color: var(--x-muted); }
[data-page="home_v3"] .x-bn-f { display: flex; align-items: center; gap: 10px; font-size: 17px; color: var(--x-text); }
[data-page="home_v3"] .x-bn-f i { flex: none; width: 18px; height: 18px; background: var(--x-mint); border: 1px solid var(--t-141518); position: relative; }
[data-page="home_v3"] .x-bn-f i::after { content: ""; position: absolute; left: 5px; top: 2px; width: 5px; height: 9px; border: solid var(--t-141518); border-width: 0 1.6px 1.6px 0; transform: rotate(45deg); }
@media (max-width: 900px) {
  [data-page="home_v3"] .x-bn-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-page="home_v3"] .x-bn-grid li, [data-page="home_v3"] .x-bn-grid li:nth-child(3n) { border-right: 1px solid var(--x-line); border-bottom: 1px solid var(--x-line); }
  [data-page="home_v3"] .x-bn-grid li:nth-child(2n) { border-right: 0; }
  [data-page="home_v3"] .x-bn-grid li:nth-child(n+5) { border-bottom: 0; }
}
@media (max-width: 560px) {
  [data-page="home_v3"] .x-bn-grid { grid-template-columns: minmax(0, 1fr); }
  [data-page="home_v3"] .x-bn-grid li, [data-page="home_v3"] .x-bn-grid li:nth-child(n) { border-right: 0; border-bottom: 1px solid var(--x-line); }
  [data-page="home_v3"] .x-bn-grid li:last-child { border-bottom: 0; }
}

/* global: narrow-phone nav (all pages) */
@media (max-width: 400px) {
  main nav a[aria-label="e6data on GitHub"] { display: none !important; }
  main nav a[data-section="nav"][data-event="demo_request_click"] { padding: 8px 12px !important; font-size: 14px !important; white-space: nowrap; }
}
@media (max-width: 340px) {
  main nav a[data-section="nav"][data-event="demo_request_click"] { padding: 8px 10px !important; font-size: 13px !important; }
}

@media (max-width: 420px) {
  main[data-page^="query"] section[data-screen-label="Benefits"] div[style*="repeat(3"] { grid-template-columns: minmax(0, 1fr) !important; }
}

[data-page="home_v3"] .x-pcard-top { margin-bottom: 28px; }

[data-page="home_v3"] .x-pcard .x-num .x-upto { display: inline-block; margin-right: 10px; vertical-align: 0.35em; font: 500 13px/1 var(--x-mono) !important; letter-spacing: 0.1em; text-transform: uppercase; opacity: 0.75; }

[data-page="home_v3"] .x-split3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
[data-page="home_v3"] .x-prod[data-p="etl"] { background: transparent !important; border: 1px dashed rgba(169, 139, 245, 0.9) !important; }
[data-page="home_v3"] .x-beta-tag { color: var(--x-mint) !important; text-transform: uppercase; letter-spacing: 0.12em !important; }
@media (max-width: 520px) { [data-page="home_v3"] .x-split3 .x-beside:not(.x-beta-tag) { display: none; } [data-page="home_v3"] .x-split3 .x-prod { font-size: 13px; padding-left: 6px; padding-right: 6px; } [data-page="home_v3"] .x-split3 .x-beta-tag { font-size: 9px !important; } }

/* scale up or out */
[data-page="home_v3"] .x-so { margin-top: clamp(56px, 7vw, 88px); text-align: left; }
[data-page="home_v3"] .x-so-head h3 { margin: 14px 0 0; font-weight: 400; font-size: clamp(24px, 2.4vw, 32px); letter-spacing: -0.02em; }
[data-page="home_v3"] .x-so-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 28px; border: 1px solid var(--x-text); background: var(--t-141518); }
[data-page="home_v3"] .x-so-card { margin: 0; padding: clamp(20px, 2.6vw, 30px); display: flex; flex-direction: column; gap: 18px; }
[data-page="home_v3"] .x-so-card + .x-so-card { border-left: 1px solid var(--x-line); }
[data-page="home_v3"] .x-so-t { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
[data-page="home_v3"] .x-so-t b { font: 500 13px var(--x-mono); letter-spacing: 0.12em; }
[data-page="home_v3"] .x-so-t span { font-size: 14px; color: var(--x-muted); }
[data-page="home_v3"] .x-so-ladder, [data-page="home_v3"] .x-so-lanes { display: flex; flex-direction: column; gap: 6px; }
[data-page="home_v3"] .x-so-lanes { min-height: 162px; }
[data-page="home_v3"] .x-so-row, [data-page="home_v3"] .x-so-lane { display: grid; grid-template-columns: 30px minmax(0, 1fr) 30px; align-items: center; gap: 10px; height: 21px; }
[data-page="home_v3"] .x-so-lane { grid-template-columns: 30px minmax(0, 1fr); transition: opacity 300ms; }
[data-page="home_v3"] .x-so-lane.off { opacity: 0; }
[data-page="home_v3"] .x-so-lbl { font: 500 11px var(--x-mono); letter-spacing: 0.08em; color: var(--x-muted); text-transform: uppercase; }
[data-page="home_v3"] .x-so-row em { font: 500 12px var(--x-mono); font-style: normal; color: var(--x-muted); text-align: right; }
[data-page="home_v3"] .x-so-bar { display: block; height: 100%; background: var(--t-17181c); border: 1px solid rgba(var(--t-fg-rgb), 0.2); }
[data-page="home_v3"] .x-so-cells { display: grid; grid-template-columns: repeat(32, minmax(0, 1fr)); gap: 2px; height: 100%; }
[data-page="home_v3"] .x-so-cells i { display: block; background: transparent; border: 1px solid rgba(var(--t-fg-rgb), 0.1); }
[data-page="home_v3"] .x-so-cells i.on { background: var(--x-violet); border-color: var(--x-violet); }
[data-page="home_v3"] .x-so-lane .x-so-cells i { background: var(--x-violet); border-color: var(--x-violet); }
[data-page="home_v3"] .x-so-e6 .x-so-lbl, [data-page="home_v3"] .x-so-e6 em { color: var(--x-violet); }
[data-page="home_v3"] .x-so-e6 { margin-top: 8px; padding-top: 10px; border-top: 1px dashed var(--x-line); height: 32px; }
[data-page="home_v3"] .x-so-wh .x-so-bar.hit { background: rgba(var(--t-fg-rgb), 0.22); border-color: var(--t-141518); }
[data-page="home_v3"] .x-so-card figcaption { margin-top: auto; display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding-top: 14px; border-top: 1px solid var(--x-line); font-size: 14px; color: var(--x-muted); }
[data-page="home_v3"] .x-so-card figcaption b { font: 500 15px var(--x-mono); color: var(--x-text); }
[data-page="home_v3"] .x-so-card figcaption b.x-v { color: var(--x-violet); }
@media (max-width: 860px) {
  [data-page="home_v3"] .x-so-grid { grid-template-columns: minmax(0, 1fr); }
  [data-page="home_v3"] .x-so-card + .x-so-card { border-left: 0; border-top: 1px solid var(--x-line); }
}

/* clearer bill comparison */
[data-page="home_v3"] .x-so-bar { position: relative; overflow: hidden; }
[data-page="home_v3"] .x-so-used { position: absolute; left: 0; top: 0; bottom: 0; width: 0; background: var(--x-violet); transition: width 700ms ease; }
[data-page="home_v3"] .x-so-wh .x-so-bar.hit { background: repeating-linear-gradient(135deg, var(--t-17181c) 0 4px, var(--t-141518) 4px 7px); border-color: var(--t-141518); }
[data-page="home_v3"] .x-so-cells i { transition: background 300ms, border-color 300ms; }
[data-page="home_v3"] .x-so-card figcaption.x-so-cmp { display: flex; flex-direction: column; gap: 10px; justify-content: flex-start; }
[data-page="home_v3"] .x-so-cr { display: grid; grid-template-columns: 112px minmax(0, 1fr) 70px; align-items: center; gap: 10px; }
[data-page="home_v3"] .x-so-cr > span:first-child { font-size: 13px; color: var(--x-muted); }
[data-page="home_v3"] .x-so-cr > b { text-align: right; font: 500 14px var(--x-mono); color: var(--x-text); }
[data-page="home_v3"] .x-so-cr-e6 > b, [data-page="home_v3"] .x-so-cr-e6 > span:first-child { color: var(--x-violet); }
[data-page="home_v3"] .x-so-track { height: 14px; background: transparent; border: 1px solid var(--x-line); position: relative; }
[data-page="home_v3"] .x-so-track > i { position: absolute; left: 0; top: 0; bottom: 0; display: block; transition: width 700ms ease; }
[data-page="home_v3"] .x-so-wbill { background: repeating-linear-gradient(135deg, var(--t-2a2c31) 0 4px, var(--t-141518) 4px 7px); border-right: 1px solid var(--t-141518); }
[data-page="home_v3"] .x-so-wuse { position: absolute; left: 0; top: 0; bottom: 0; display: block; background: var(--t-2e2350); transition: width 700ms ease; }
[data-page="home_v3"] .x-so-ebill { background: var(--x-violet); }
[data-page="home_v3"] .x-so-idle { font-size: 13px; color: var(--x-muted); }
[data-page="home_v3"] .x-so-idle b { font: 500 13px var(--x-mono); color: var(--x-text); }
[data-page="home_v3"] .x-so-cr > b { white-space: nowrap; }
@media (max-width: 420px) { [data-page="home_v3"] .x-so-cr { grid-template-columns: auto minmax(0, 1fr) auto; } [data-page="home_v3"] .x-so-cr > span:first-child { font-size: 12px; white-space: nowrap; } [data-page="home_v3"] .x-so-cr > b { font-size: 13px; } }

/* scale out: warehouse vs e6data */
[data-page="home_v3"] .x-so-out { gap: 12px; }
[data-page="home_v3"] .x-so-sub { margin-top: 6px; font: 500 11px var(--x-mono); letter-spacing: 0.1em; color: var(--x-muted); }
[data-page="home_v3"] .x-so-sub.x-v { color: var(--x-violet); }
[data-page="home_v3"] .x-so-out .x-so-lanes { min-height: 0; }
[data-page="home_v3"] .x-so-clusters { display: flex; flex-direction: column; gap: 6px; }
[data-page="home_v3"] .x-so-cl .x-so-cells i.w0 { background: var(--t-2e2350); border-color: var(--t-8366ea); }
[data-page="home_v3"] .x-so-cl .x-so-cells i.w1 { background: var(--t-2a2c31); border-color: var(--t-5b5f66); }
[data-page="home_v3"] .x-so-cl .x-so-cells i.idle { background: repeating-linear-gradient(135deg, var(--t-2a2c31) 0 3px, var(--t-141518) 3px 5px); border-color: rgba(var(--t-fg-rgb), 0.14); }
[data-page="home_v3"] .x-so-cl.off .x-so-cells { opacity: 0.35; }
[data-page="home_v3"] .x-so-cl.off .x-so-cells i { border-style: dashed; }
[data-page="home_v3"] .x-so-cl.spin .x-so-cells { animation: x-spin 1.1s ease-in-out infinite; }
@keyframes x-spin { 50% { opacity: 0.75; } }
[data-page="home_v3"] .x-so-queue { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-left: 40px; font-size: 13px; color: var(--t-9a9ea6); }
[data-page="home_v3"] .x-so-queue[hidden] { display: none; }
[data-page="home_v3"] .x-so-qchip { font: 500 11px var(--x-mono); letter-spacing: 0.06em; padding: 3px 8px; border: 1px dashed var(--t-9a9ea6); color: var(--t-9a9ea6); background: var(--t-141518); }
[data-page="home_v3"] .x-so-wbill2 { background: repeating-linear-gradient(135deg, var(--t-2a2c31) 0 4px, var(--t-141518) 4px 7px); border-right: 1px solid var(--t-141518); }
[data-page="home_v3"] .x-so-wuse2 { position: absolute; left: 0; top: 0; bottom: 0; display: block; background: var(--t-2e2350); transition: width 700ms ease; }
[data-page="home_v3"] .x-so-ebill2 { background: var(--x-violet); }
[data-page="home_v3"] .x-so-cl em { font: 500 11px var(--x-mono); }
@media (prefers-reduced-motion: reduce) { [data-page="home_v3"] .x-so-cl.spin .x-so-cells { animation: none; } }