:root {
  --night: #0d1020;
  --night-2: #15182c;
  --night-3: #20243b;
  --paper: #f5f6f1;
  --white: #ffffff;
  --ink: #171927;
  --muted: #64687a;
  --line: #dcded7;
  --violet: #6d5df7;
  --violet-soft: #ece9ff;
  --lime: #a8ff78;
  --lime-dark: #2c7d42;
  --amber: #f4bd64;
  --red: #e46f75;
  --cyan: #71d7ef;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --display: "Arial Narrow", "Roboto Condensed", var(--sans);
  --radius: 16px;
  --shadow: 0 26px 80px rgba(18, 20, 37, .13);
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--sans); font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
a { color: inherit; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
code { font-family: var(--mono); }
.skip-link { position: fixed; top: 12px; left: 12px; z-index: 999; padding: 9px 13px; color: #fff; background: var(--night); border-radius: 8px; transform: translateY(-180%); }
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 3px solid var(--lime-dark); outline-offset: 3px; }

.topbar { position: sticky; top: 0; z-index: 50; height: 74px; padding: 0 max(28px, calc((100vw - 1360px) / 2)); display: flex; align-items: center; justify-content: space-between; gap: 26px; border-bottom: 1px solid rgba(220,222,215,.78); background: rgba(245,246,241,.9); backdrop-filter: blur(16px); }
.wordmark { display: flex; align-items: center; gap: 11px; text-decoration: none; min-width: max-content; }
.wordmark .mark { display: grid; width: 38px; height: 38px; place-content: center; gap: 4px; border-radius: 10px; background: var(--night); }
.wordmark .mark i { display: block; height: 3px; border-radius: 99px; background: var(--lime); }
.wordmark .mark i:nth-child(1) { width: 22px; }.wordmark .mark i:nth-child(2) { width: 14px; background: var(--violet); }.wordmark .mark i:nth-child(3) { width: 22px; }
.wordmark strong, .wordmark small { display: block; }
.wordmark strong { font-size: 15px; line-height: 1.15; }
.wordmark small { margin-top: 2px; color: var(--muted); font-family: var(--mono); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.topbar nav { display: flex; gap: 4px; }
.topbar nav a { padding: 9px 12px; border-radius: 8px; color: #4f5364; font-size: 13px; font-weight: 700; text-decoration: none; }
.topbar nav a:hover { color: var(--ink); background: #fff; }
.truth-badge { display: inline-flex; align-items: center; gap: 8px; padding: 8px 10px; border: 1px solid #d8d9d3; border-radius: 999px; color: var(--muted); background: rgba(255,255,255,.62); font-size: 10px; font-weight: 750; letter-spacing: .03em; }
.truth-badge i { width: 7px; height: 7px; border-radius: 50%; background: var(--amber); box-shadow: 0 0 0 4px rgba(244,189,100,.15); }

.hero { padding: 92px 0 76px; overflow: hidden; background: radial-gradient(circle at 80% 20%, rgba(109,93,247,.09), transparent 28%), var(--paper); }
.hero-grid, .section, footer { width: min(1280px, calc(100% - 48px)); margin-inline: auto; }
.hero-grid { display: grid; grid-template-columns: minmax(0, .94fr) minmax(500px, 1.06fr); align-items: center; gap: 70px; min-height: 670px; }
.overline { margin: 0 0 15px; color: var(--violet); font-family: var(--mono); font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.hero h1 { max-width: 700px; margin: 0; font-family: var(--display); font-size: clamp(54px, 5.6vw, 82px); font-weight: 760; line-height: .98; letter-spacing: -.06em; }
.hero h1 em { color: var(--violet); font-style: normal; }
.lede { max-width: 670px; margin: 26px 0 0; color: #555a6c; font-size: 18px; line-height: 1.68; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 32px; }
.btn { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; padding: 0 18px; border: 0; border-radius: 10px; cursor: pointer; font-size: 13px; font-weight: 800; text-decoration: none; }
.btn.primary { color: var(--night); background: var(--lime); box-shadow: 0 9px 24px rgba(94,152,65,.16); }
.btn.primary:hover { background: #95ef65; }
.btn.ghost { border: 1px solid var(--line); background: rgba(255,255,255,.68); }
.btn.ghost:hover { background: #fff; }
.hero-meta { display: grid; grid-template-columns: repeat(3,1fr); gap: 0; margin-top: 46px; border-top: 1px solid var(--line); }
.hero-meta div { padding: 18px 15px 0 0; }
.hero-meta strong { display: block; font-size: 12px; }
.hero-meta span { display: block; margin-top: 3px; color: var(--muted); font-size: 10px; }

.flow-console { overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 22px; color: #fff; background: var(--night); box-shadow: var(--shadow); }
.console-head { height: 56px; padding: 0 18px; display: grid; grid-template-columns: 80px 1fr auto; align-items: center; border-bottom: 1px solid rgba(255,255,255,.08); background: #111426; }
.console-head > span:first-child { display: flex; gap: 6px; }
.console-head > span:first-child i { width: 8px; height: 8px; border-radius: 50%; background: #363a50; }.console-head > span:first-child i:nth-child(1){background:var(--red)}.console-head > span:first-child i:nth-child(2){background:var(--amber)}.console-head > span:first-child i:nth-child(3){background:var(--lime)}
.console-head strong { color: #9ea3b9; font-family: var(--mono); font-size: 10px; font-weight: 500; }
.deterministic { padding: 5px 7px; border: 1px solid rgba(168,255,120,.22); border-radius: 6px; color: var(--lime); font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
.console-body { min-height: 500px; padding: 50px 46px; background: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size: 32px 32px; }
.mini-step { display: flex; align-items: center; gap: 16px; padding: 18px; border: 1px solid rgba(255,255,255,.11); border-radius: 11px; background: rgba(255,255,255,.04); }
.mini-step.active { border-color: rgba(168,255,120,.35); background: rgba(168,255,120,.06); }
.mini-step > span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 8px; color: var(--lime); background: rgba(168,255,120,.09); font-family: var(--mono); font-size: 9px; }
.mini-step small { display: block; color: #82889f; font-size: 9px; text-transform: uppercase; letter-spacing: .08em; }
.mini-step code { display: block; margin-top: 3px; color: #e7e9f3; font-size: 12px; }
.flow-line { width: 1px; height: 22px; margin-left: 35px; background: rgba(168,255,120,.32); }
.console-foot { display: flex; justify-content: space-between; padding: 14px 18px; color: #777e96; border-top: 1px solid rgba(255,255,255,.08); font-family: var(--mono); font-size: 8px; text-transform: uppercase; letter-spacing: .06em; }

.definition-strip { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #fff; }
.definition-strip article { min-height: 155px; padding: 26px 30px; border-right: 1px solid var(--line); }
.definition-strip article:last-child { border-right: 0; }
.definition-strip span { color: var(--violet); font-family: var(--mono); font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.definition-strip strong { display: block; margin-top: 13px; font-size: 15px; }
.definition-strip p { margin: 5px 0 0; color: var(--muted); font-size: 11px; line-height: 1.55; }

.live-lab { position: relative; }
.privacy-banner { display: flex; align-items: center; gap: 14px; margin: -17px 0 24px; padding: 15px 17px; border: 1px solid #cbe6d4; border-radius: 12px; background: #f1fbf4; }
.privacy-icon { display: grid; flex: 0 0 auto; width: 34px; height: 34px; place-items: center; border-radius: 9px; color: #fff; background: var(--lime-dark); font-family: var(--mono); font-weight: 800; }
.privacy-banner strong { display: block; font-size: 12px; }.privacy-banner p { margin: 2px 0 0; color: #54715d; font-size: 10px; }
.local-chip { margin-left: auto; min-width: max-content; padding: 6px 9px; border: 1px solid #b9d9c3; border-radius: 99px; color: #25633a; background: #fff; font-family: var(--mono); font-size: 8px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.lab-layout { display: grid; grid-template-columns: minmax(380px,.82fr) minmax(480px,1.18fr); overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: 0 28px 80px rgba(18,20,37,.08); }
.lab-control-panel { padding: 30px; border-right: 1px solid var(--line); }
.lab-result-panel { min-height: 720px; padding: 30px; color: #fff; background: var(--night); }
.lab-step-head { display: flex; align-items: center; gap: 12px; margin-bottom: 19px; }
.lab-step-head > span { display: grid; flex: 0 0 auto; width: 31px; height: 31px; place-items: center; border-radius: 8px; color: var(--violet); background: var(--violet-soft); font-family: var(--mono); font-size: 9px; font-weight: 800; }
.lab-step-head small, .lab-step-head h3 { display: block; }.lab-step-head small { color: var(--muted); font-family: var(--mono); font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }.lab-step-head h3 { margin: 1px 0 0; font-size: 16px; }
.lab-step-head.compact { margin: 28px 0 16px; padding-top: 27px; border-top: 1px solid var(--line); }
.mapping-note { margin: -5px 0 15px; color: var(--muted); font-size: 9px; line-height: 1.5; }
.drop-zone { min-height: 176px; display: grid; place-items: center; align-content: center; gap: 8px; padding: 22px; border: 1.5px dashed #b7bac6; border-radius: 13px; cursor: pointer; text-align: center; background: #fafaf8; transition: border-color .18s ease, background .18s ease, transform .18s ease; }
.drop-zone:hover, .drop-zone.dragging, .drop-zone:focus-within { border-color: var(--violet); background: #f7f5ff; transform: translateY(-1px); }.drop-zone:focus-within { outline: 3px solid rgba(139,124,255,.22); outline-offset: 2px; }.drop-zone input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
.drop-icon { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 11px; color: var(--violet); background: var(--violet-soft); font-family: var(--mono); font-size: 19px; }.drop-zone strong { font-size: 13px; }.drop-zone small { color: var(--muted); font-size: 9px; }
.file-summary { display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 11px; padding: 13px; border: 1px solid #ccd9cc; border-radius: 11px; background: #f5faf5; }
.file-kind { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 9px; color: #fff; background: var(--lime-dark); font-family: var(--mono); font-size: 8px; font-weight: 800; }.file-summary strong, .file-summary small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.file-summary strong { font-size: 11px; }.file-summary small { color: var(--muted); font-size: 8px; }.file-summary button, .sample-link { padding: 6px; border: 0; cursor: pointer; color: var(--violet); background: transparent; font-size: 9px; font-weight: 800; }
.sample-link { width: 100%; margin-top: 9px; text-align: center; }.sample-link:hover, .file-summary button:hover { text-decoration: underline; }
.mapping-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.mapping-grid label, .wide-field, .option-row label { display: grid; gap: 6px; color: #4f5363; font-size: 9px; font-weight: 800; }
.mapping-grid label span { color: #9296a3; font-size: 7px; font-weight: 600; text-transform: uppercase; }
.mapping-grid select, .option-row select, .option-row input, .wide-field textarea { width: 100%; min-height: 40px; padding: 9px 10px; border: 1px solid #d5d7df; border-radius: 8px; color: var(--ink); background: #fff; font-size: 10px; }
.raw-preview { margin-top: 14px; overflow: hidden; border: 1px solid var(--line); border-radius: 9px; background: #fbfbf9; }
.raw-preview > div:first-child { padding: 9px 11px; border-bottom: 1px solid var(--line); }
.raw-preview small, .raw-preview strong { display: block; }.raw-preview small { color: var(--violet); font-family: var(--mono); font-size: 7px; text-transform: uppercase; }.raw-preview strong { margin-top: 1px; font-size: 9px; }
.raw-preview > div:last-child { overflow: auto; }.raw-preview table { width: 100%; border-collapse: collapse; font-size: 8px; white-space: nowrap; }.raw-preview th, .raw-preview td { max-width: 150px; padding: 7px 9px; overflow: hidden; border-right: 1px solid #ecece7; border-bottom: 1px solid #ecece7; text-align: left; text-overflow: ellipsis; }.raw-preview th { color: #666b7b; background: #f4f4f0; font-family: var(--mono); font-size: 7px; }.raw-preview tr:last-child td { border-bottom: 0; }
.wide-field { margin-top: 13px; }.wide-field textarea { min-height: 70px; resize: vertical; line-height: 1.5; }
.option-row { display: grid; grid-template-columns: 1.4fr .7fr .7fr .65fr; gap: 9px; margin-top: 13px; }
.check-row { display: flex; align-items: center; gap: 8px; margin-top: 14px; color: #565a6b; font-size: 9px; cursor: pointer; }.check-row input { accent-color: var(--violet); }
.prepare-button { width: 100%; margin-top: 18px; }
.lab-error { margin: 11px 0 0; padding: 10px 12px; border-left: 3px solid #bf3f48; color: #8b2730; background: #fff1f2; font-size: 9px; line-height: 1.5; }
.split-caveat { margin: 11px 0 0; color: #777b89; font-size: 8px; line-height: 1.5; }
.result-empty { min-height: 655px; display: grid; place-items: center; align-content: center; text-align: center; }
.result-empty > span { display: grid; width: 67px; height: 67px; place-items: center; border: 1px solid #393e56; border-radius: 18px; color: var(--lime); background: #171b30; font-family: var(--mono); font-size: 18px; }.result-empty h3 { margin: 20px 0 6px; font-size: 20px; }.result-empty p { max-width: 380px; margin: 0; color: #8e94aa; font-size: 11px; }.result-empty ol { margin: 23px 0 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 7px; list-style: none; counter-reset: lab; }.result-empty li { padding: 6px 8px; border: 1px solid #34394f; border-radius: 6px; color: #9ba1b5; font-size: 8px; }
.result-title-row { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-bottom: 19px; border-bottom: 1px solid rgba(255,255,255,.1); }.result-title-row small { color: var(--lime); font-family: var(--mono); font-size: 8px; text-transform: uppercase; }.result-title-row h3 { margin: 3px 0 0; font-size: 20px; }.success-chip { padding: 6px 8px; border: 1px solid rgba(168,255,120,.25); border-radius: 99px; color: var(--lime); background: rgba(168,255,120,.06); font-family: var(--mono); font-size: 7px; font-weight: 800; text-transform: uppercase; }
.result-kpis { display: grid; grid-template-columns: repeat(4,1fr); margin: 18px 0; border: 1px solid rgba(255,255,255,.1); border-radius: 10px; }.result-kpis article { min-width: 0; padding: 13px; border-right: 1px solid rgba(255,255,255,.1); }.result-kpis article:last-child { border-right: 0; }.result-kpis small { display: block; color: #858ba0; font-size: 7px; text-transform: uppercase; }.result-kpis strong { display: block; margin-top: 4px; overflow: hidden; color: #fff; font-family: var(--mono); font-size: 14px; text-overflow: ellipsis; }
.split-result { display: grid; gap: 9px; padding: 13px; border-radius: 10px; background: rgba(255,255,255,.035); }.split-result div { display: grid; grid-template-columns: 72px 1fr 42px; align-items: center; gap: 9px; }.split-result span { color: #9399ae; font-size: 8px; }.split-result i { min-width: 3px; height: 7px; border-radius: 99px; background: var(--violet); }.split-result div:nth-child(2) i { background: var(--cyan); }.split-result div:nth-child(3) i { background: var(--amber); }.split-result strong { text-align: right; font-family: var(--mono); font-size: 9px; }
.diagnostic-row { display: flex; flex-wrap: wrap; gap: 6px; margin: 13px 0; }.diagnostic-row span { padding: 5px 7px; border: 1px solid #373c53; border-radius: 6px; color: #949aaf; background: rgba(255,255,255,.025); font-size: 8px; }.diagnostic-row b { color: #e6e8f1; font-family: var(--mono); }
.preview-head { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 18px; padding: 12px 0; border-top: 1px solid rgba(255,255,255,.1); }.preview-head small, .preview-head strong { display: block; }.preview-head small { color: #858ba0; font-size: 7px; text-transform: uppercase; }.preview-head strong { margin-top: 2px; font-family: var(--mono); font-size: 9px; }.preview-head button { width: 30px; height: 30px; border: 1px solid #393e55; cursor: pointer; color: #cdd0dc; background: #1b1f34; }.preview-head button:first-child { border-radius: 7px 0 0 7px; }.preview-head button:last-child { border-left: 0; border-radius: 0 7px 7px 0; }
.preview-tabs { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 8px; }.preview-tabs button { min-height: 34px; padding: 7px 10px; border: 1px solid #363b52; border-radius: 6px; cursor: pointer; color: #aeb3c4; background: transparent; font-size: 10px; font-weight: 800; }.preview-tabs button.active { color: var(--night); border-color: var(--lime); background: var(--lime); }
.conversation-preview { max-height: 255px; overflow: auto; padding: 12px; border: 1px solid #363b52; border-radius: 10px; background: #111426; }.conversation-turn { margin-bottom: 9px; padding: 10px; border-left: 3px solid #5c6278; background: rgba(255,255,255,.035); }.conversation-turn:last-child { margin-bottom: 0; }.conversation-turn.user { border-color: var(--cyan); }.conversation-turn.assistant { border-color: var(--violet); }.conversation-turn span { color: #7f859a; font-family: var(--mono); font-size: 7px; text-transform: uppercase; }.conversation-turn p { margin: 4px 0 0; color: #dfe1eb; font-size: 9px; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; }.conversation-turn.assistant span { color: #b9adff; }
.export-preview { margin: 0; color: #dfe1eb; font-family: var(--mono); font-size: 8px; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; }
.loss-note { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 10px; margin-top: 10px; padding: 9px 11px; border: 1px solid rgba(139,124,255,.22); border-radius: 8px; background: rgba(139,124,255,.05); }.loss-note > span { padding: 4px 6px; border-radius: 4px; color: #9ca2b6; background: #292d43; font-family: var(--mono); font-size: 7px; }.loss-note p { margin: 0; color: #949aaf; font-size: 8px; }.loss-note strong { color: #c6bfff; }
.download-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 17px; }.download-row .btn { min-height: 41px; font-size: 10px; }.download-row .ghost { color: #fff; border-color: #3b4057; background: #1c2035; }.download-row .ghost:hover { background: #262b43; }
.execution-boundary { margin: 14px 0 0; padding: 11px 12px; border-left: 3px solid var(--amber); color: #9399ad; background: rgba(244,189,100,.05); font-size: 8px; line-height: 1.55; }.execution-boundary strong { color: #e2c183; }

.section { padding: 120px 0; }
.section-heading { display: grid; grid-template-columns: 1fr minmax(320px,.54fr); align-items: end; gap: 70px; margin-bottom: 52px; }
.section-heading h2, .faq h2 { margin: 0; font-family: var(--display); font-size: clamp(42px,4.4vw,62px); font-weight: 740; line-height: 1.02; letter-spacing: -.05em; }
.section-heading > p { margin: 0 0 5px; color: var(--muted); font-size: 15px; line-height: 1.72; }

.studio-shell { display: grid; grid-template-columns: 245px 1fr; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: 0 20px 60px rgba(21,24,44,.08); }
.stage-rail { padding: 15px; border-right: 1px solid var(--line); background: #f0f1ec; }
.stage-button { width: 100%; min-height: 66px; display: flex; align-items: center; gap: 12px; padding: 9px 10px; border: 0; border-radius: 10px; background: transparent; text-align: left; cursor: pointer; }
.stage-button:hover { background: #fff; }
.stage-button.active { color: #fff; background: var(--night); box-shadow: 0 8px 18px rgba(13,16,32,.12); }
.stage-button > span { display: grid; flex: 0 0 auto; place-items: center; width: 30px; height: 30px; border-radius: 7px; color: var(--violet); background: var(--violet-soft); font-family: var(--mono); font-size: 9px; }
.stage-button.active > span { color: var(--night); background: var(--lime); }
.stage-button strong { display: block; font-size: 12px; }
.stage-button small { display: block; margin-top: 1px; color: #8b8f9d; font-size: 9px; }
.inspector { min-width: 0; }
.inspector-head { height: 55px; padding: 0 22px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); }
.inspector-head > span:first-child { color: var(--violet); font-family: var(--mono); font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.state-chip { padding: 5px 7px; border-radius: 6px; color: var(--lime-dark); background: rgba(168,255,120,.18); font-size: 8px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.inspector-grid { display: grid; grid-template-columns: minmax(330px,.85fr) minmax(390px,1.15fr); min-height: 485px; }
.stage-copy { padding: 38px 35px; border-right: 1px solid var(--line); }
.stage-number { margin: 0; color: #c5c7cc; font-family: var(--mono); font-size: 12px; }
.stage-copy h3 { margin: 12px 0 13px; font-family: var(--display); font-size: 35px; line-height: 1.02; letter-spacing: -.035em; }
.stage-copy > p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.7; }
.why-block, .failure-block { margin-top: 25px; padding-top: 18px; border-top: 1px solid var(--line); }
.why-block small, .failure-block small { color: var(--violet); font-family: var(--mono); font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.failure-block small { color: #bd6e32; }
.why-block p, .failure-block p { margin: 5px 0 0; color: var(--muted); font-size: 11px; line-height: 1.55; }
.artifact-window { margin: 28px; overflow: hidden; align-self: stretch; border: 1px solid #292d44; border-radius: 13px; color: #e8eafa; background: var(--night); }
.artifact-toolbar { height: 46px; padding: 0 15px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.08); background: #131629; }
.artifact-toolbar span { color: #979db2; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.artifact-toolbar code { color: var(--lime); font-size: 9px; }
#artifactContent { padding: 21px; min-height: 355px; overflow: auto; }
.code-row { display: grid; grid-template-columns: 82px 1fr; gap: 15px; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,.07); }
.code-row:last-child { border-bottom: 0; }
.code-key { color: #80869d; font-family: var(--mono); font-size: 10px; }
.code-value { color: #e7e9f5; font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.code-value.string { color: #b9e987; }.code-value.label { color: #beafff; }
.split-bars { display: grid; gap: 12px; margin-top: 14px; }
.split-item { display: grid; grid-template-columns: 82px 1fr 42px; align-items: center; gap: 10px; font-size: 10px; }
.split-item span { color: #a0a6bb; }.split-item b { height: 9px; border-radius: 99px; background: var(--violet); }.split-item:nth-child(2) b { background: var(--cyan); }.split-item:nth-child(3) b { background: var(--amber); }.split-item code { color: #d9dbea; text-align: right; }
.chat-block { margin-bottom: 10px; padding: 12px; border-left: 3px solid #5e657e; background: rgba(255,255,255,.045); }
.chat-block.user { border-color: var(--cyan); }.chat-block.assistant { border-color: var(--violet); }
.chat-role { color: #858ba1; font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
.chat-block p { margin: 5px 0 0; color: #e4e6ef; font-size: 11px; line-height: 1.55; white-space: pre-wrap; }
.length-chart { display: grid; grid-template-columns: 62px 1fr 45px; gap: 9px; align-items: center; margin: 14px 0; }
.length-chart span { color: #9aa0b5; font-family: var(--mono); font-size: 9px; }.length-chart i { height: 10px; border-radius: 99px; background: linear-gradient(90deg,var(--violet),#aa9eff); }.length-chart code { color: #fff; font-size: 9px; text-align: right; }
.lora-layout { position: relative; min-height: 310px; display: grid; place-items: center; }
.base-matrix { width: 76%; height: 190px; display: grid; grid-template-columns: repeat(16,1fr); grid-template-rows: repeat(8,1fr); gap: 2px; padding: 10px; border: 1px solid #393e58; border-radius: 12px; opacity: .74; }
.base-matrix i { background: #34394f; border-radius: 1px; }.base-matrix i:nth-child(3n) { background: #40465f; }
.adapter-a, .adapter-b { position: absolute; border: 1px solid rgba(168,255,120,.42); background: rgba(168,255,120,.14); box-shadow: 0 0 32px rgba(168,255,120,.08); }
.adapter-a { width: 22px; height: 165px; left: 17%; }.adapter-b { width: 165px; height: 22px; bottom: 18%; }
.lora-label { position: absolute; right: 9%; top: 9%; color: var(--lime); font-family: var(--mono); font-size: 9px; }
.train-specs { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.train-specs div { padding: 12px; border: 1px solid rgba(255,255,255,.1); border-radius: 8px; background: rgba(255,255,255,.035); }
.train-specs span { display: block; color: #858ba2; font-size: 8px; text-transform: uppercase; }.train-specs strong { display: block; margin-top: 4px; color: #e6e8f2; font-family: var(--mono); font-size: 11px; }
.metric-placeholder { padding: 17px; border: 1px dashed rgba(168,255,120,.3); border-radius: 10px; background: rgba(168,255,120,.04); }
.metric-placeholder small { color: var(--lime); font-family: var(--mono); font-size: 8px; text-transform: uppercase; }.metric-placeholder h4 { margin: 10px 0 5px; font-size: 15px; }.metric-placeholder p { margin: 0; color: #8d93a8; font-size: 10px; }
.export-tree { margin: 0; padding: 0; list-style: none; font-family: var(--mono); font-size: 11px; }.export-tree li { padding: 8px 0; color: #d9dcea; }.export-tree li::before { content: "├─ "; color: #646b83; }.export-tree li:last-child::before { content: "└─ "; }.export-tree span { color: var(--lime); }
.stage-io { display: grid; grid-template-columns: 1fr 44px 1fr; align-items: center; gap: 12px; padding: 18px 28px; border-top: 1px solid var(--line); background: #f8f8f5; }
.stage-io > div { display: grid; gap: 2px; }.stage-io small { color: var(--muted); font-family: var(--mono); font-size: 8px; text-transform: uppercase; }.stage-io strong { font-size: 11px; }.stage-io > span { color: var(--violet); text-align: center; }

.section-dark { color: #fff; background: var(--night); }
.inner-dark { width: min(1280px, calc(100% - 48px)); }
.section-heading.light .overline { color: var(--lime); }
.section-heading.light > p { color: #9ba1b8; }
.mask-demo { padding: 24px; border: 1px solid rgba(255,255,255,.11); border-radius: 16px; background: var(--night-2); }
.mask-controls { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,.09); }
.mask-controls > div { display: flex; flex-wrap: wrap; gap: 10px; }
.legend { display: inline-flex; align-items: center; gap: 6px; color: #a2a8bd; font-size: 9px; }.legend i { width: 9px; height: 9px; border-radius: 2px; background: #596076; }.legend.target i { background: var(--violet); }.legend.special i { background: var(--amber); }
.switch { display: inline-flex; align-items: center; gap: 8px; color: #a2a8bd; font-size: 10px; cursor: pointer; }.switch input { position: absolute; opacity: 0; }.switch span { position: relative; width: 36px; height: 20px; border-radius: 99px; background: #41475d; }.switch span::after { content: ""; position: absolute; top: 3px; left: 3px; width: 14px; height: 14px; border-radius: 50%; background: #fff; transition: transform .18s ease; }.switch input:checked + span { background: var(--violet); }.switch input:checked + span::after { transform: translateX(16px); }
.token-stream { display: flex; flex-wrap: wrap; gap: 7px; padding: 38px 10px 31px; }
.token { position: relative; padding: 8px 9px 21px; border: 1px solid #444a62; border-radius: 6px; color: #c1c5d5; background: #282c42; font-family: var(--mono); font-size: 10px; }.token.target { color: #fff; border-color: rgba(139,124,255,.6); background: rgba(109,93,247,.3); }.token.special { color: var(--amber); border-color: rgba(244,189,100,.32); background: rgba(244,189,100,.08); }.token::after { content: "−100"; position: absolute; left: 7px; bottom: 4px; color: #747a90; font-size: 7px; }.token.target::after { content: attr(data-id); color: #c2baff; }.token.special::after { content: "boundary"; color: #caa15e; }.token.hide-label::after { opacity: 0; }
.mask-formula { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 16px; border-radius: 9px; background: rgba(0,0,0,.2); }.mask-formula code { color: #b3b8c9; font-size: 9px; }.mask-formula code b:first-child { color: #858ba1; }.mask-formula code b:last-child { color: #b9adff; }.mask-formula span { color: #7f859b; font-size: 9px; }
.mask-callouts { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 28px; border-top: 1px solid rgba(255,255,255,.12); border-left: 1px solid rgba(255,255,255,.12); }.mask-callouts article { min-height: 180px; padding: 25px; border-right: 1px solid rgba(255,255,255,.12); border-bottom: 1px solid rgba(255,255,255,.12); }.mask-callouts span { color: var(--lime); font-family: var(--mono); font-size: 9px; }.mask-callouts h3 { margin: 17px 0 7px; font-size: 15px; }.mask-callouts p { margin: 0; color: #949aaf; font-size: 11px; line-height: 1.65; }.mask-callouts code { color: #d4d7e3; }

.config-layout { display: grid; grid-template-columns: .78fr 1.22fr; gap: 24px; align-items: stretch; }
.model-stack { display: grid; align-content: center; padding: 36px; border-radius: 16px; color: #fff; background: var(--night); }
.stack-layer { padding: 19px; border: 1px solid rgba(255,255,255,.12); border-radius: 10px; background: rgba(255,255,255,.045); }.stack-layer span { display: block; color: #898fa4; font-family: var(--mono); font-size: 8px; text-transform: uppercase; }.stack-layer strong { display: block; margin-top: 4px; font-size: 14px; }.stack-layer small { display: block; margin-top: 3px; color: #8f95aa; font-size: 9px; }.adapter-layer { border-color: rgba(168,255,120,.35); background: rgba(168,255,120,.06); }.adapter-layer span { color: var(--lime); }.base-layer { border-color: rgba(109,93,247,.38); background: rgba(109,93,247,.07); }.base-layer span { color: #b5aaff; }.stack-link { width: 1px; height: 18px; margin: 0 auto; background: #4c5268; }
.config-panel { overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: #fff; }
.config-head { min-height: 72px; padding: 15px 20px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); }.config-head small, .config-head strong { display: block; }.config-head small { color: var(--muted); font-family: var(--mono); font-size: 8px; text-transform: uppercase; }.config-head strong { margin-top: 3px; font-size: 14px; }.config-head > span { padding: 5px 7px; border-radius: 6px; color: var(--violet); background: var(--violet-soft); font-family: var(--mono); font-size: 8px; }
.config-grid { display: grid; grid-template-columns: 1fr 1fr; }.config-grid > * { min-height: 105px; padding: 19px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }.config-grid > *:nth-child(even) { border-right: 0; }.config-grid label { color: var(--muted); font-size: 10px; font-weight: 700; }.config-grid output { float: right; color: var(--violet); font-family: var(--mono); }.config-grid input[type=range] { width: 100%; margin-top: 20px; accent-color: var(--violet); }.config-stat span { display: block; color: var(--muted); font-size: 9px; text-transform: uppercase; }.config-stat strong { display: block; margin-top: 14px; font-family: var(--mono); font-size: 16px; }
.targets { padding: 18px 20px; }.targets > span { display: block; color: var(--muted); font-size: 9px; font-weight: 750; text-transform: uppercase; }.targets > div { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 11px; }.targets code { padding: 5px 7px; border-radius: 5px; color: var(--violet); background: var(--violet-soft); font-size: 8px; }
.config-disclaimer { margin: 0; padding: 14px 20px; color: #7b6950; background: #fbf4e9; font-size: 9px; }

.section-soft { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #ecede8; }
.module-map { display: grid; grid-template-columns: 1fr 26px 1fr 26px 1fr; gap: 10px 0; align-items: stretch; }.module:nth-of-type(4) { grid-column: 1 / 2; }.module-arrow:nth-of-type(5) { grid-column: 2 / 3; }
.module { min-height: 200px; padding: 23px; border: 1px solid #d2d4ce; border-radius: 13px; background: #fff; }.module.config { border-color: rgba(168,255,120,.7); background: #f8fff4; }.module.accent { color: #fff; border-color: var(--night); background: var(--night); }.module > span { color: var(--violet); font-family: var(--mono); font-size: 8px; }.module.accent > span { color: var(--lime); }.module > code { display: block; margin-top: 32px; font-size: 15px; font-weight: 750; }.module p { margin: 13px 0 0; color: var(--muted); font-size: 11px; line-height: 1.6; }.module.accent p { color: #999fb3; }.module-arrow { display: grid; place-items: center; color: var(--violet); font-family: var(--mono); }

.eval-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.eval-grid article { display: flex; gap: 20px; min-height: 154px; padding: 24px; border: 1px solid var(--line); border-radius: 13px; background: #fff; }.eval-icon { display: grid; flex: 0 0 auto; place-items: center; width: 50px; height: 50px; border-radius: 11px; color: var(--violet); background: var(--violet-soft); font-family: var(--mono); font-size: 11px; }.eval-icon.quality { color: #257052; background: #e2f5e9; }.eval-icon.language { color: #a16625; background: #fbedd9; }.eval-icon.ops { color: #28788d; background: #ddf3f7; }.eval-grid small { color: var(--muted); font-family: var(--mono); font-size: 8px; text-transform: uppercase; }.eval-grid h3 { margin: 8px 0 4px; font-size: 15px; }.eval-grid p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.6; }
.no-result { display: flex; align-items: center; gap: 24px; margin-top: 24px; padding: 28px; border: 1px dashed #b8bac4; border-radius: 14px; background: rgba(255,255,255,.45); }.no-result-mark { display: grid; flex: 0 0 auto; place-items: center; width: 55px; height: 55px; border: 1px solid #c9cbd1; border-radius: 50%; }.no-result-mark span { width: 20px; height: 2px; background: #999da9; }.no-result small { color: var(--violet); font-family: var(--mono); font-size: 8px; text-transform: uppercase; }.no-result h3 { margin: 5px 0 2px; font-size: 17px; }.no-result p { margin: 0; color: var(--muted); font-size: 11px; }.awaiting { margin-left: auto; min-width: max-content; padding: 6px 8px; border-radius: 6px; color: #9d6d31; background: #faeddc; font-size: 8px; font-weight: 800; text-transform: uppercase; }

.delivery-grid { display: grid; grid-template-columns: 1fr 1fr 1.15fr; gap: 14px; }.delivery-grid article { min-height: 280px; padding: 25px; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; background: rgba(255,255,255,.035); }.delivery-grid article > span { color: var(--lime); font-family: var(--mono); font-size: 8px; text-transform: uppercase; }.delivery-grid h3 { margin: 20px 0 8px; font-size: 22px; }.delivery-grid p { margin: 0; color: #979db2; font-size: 11px; line-height: 1.6; }.delivery-grid ul { margin: 22px 0 0; padding: 0; list-style: none; }.delivery-grid li { padding: 7px 0; border-top: 1px solid rgba(255,255,255,.08); color: #b5b9ca; font-size: 10px; }.manifest > div { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 24px; }.manifest code { padding: 8px 9px; border: 1px solid rgba(168,255,120,.18); border-radius: 6px; color: #bcf49d; background: rgba(168,255,120,.05); font-size: 9px; }

.requirements-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }.requirements-grid article { min-height: 180px; padding: 25px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }.requirements-grid span { color: var(--violet); font-family: var(--mono); font-size: 8px; }.requirements-grid h3 { margin: 25px 0 7px; font-size: 16px; }.requirements-grid p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.6; }

.faq-layout { display: grid; grid-template-columns: .58fr 1fr; gap: 70px; }.faq-list { border-top: 1px solid #c8cac4; }.faq-list details { border-bottom: 1px solid #c8cac4; }.faq-list summary { position: relative; padding: 21px 45px 21px 0; cursor: pointer; font-weight: 750; list-style: none; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary::after { content: "+"; position: absolute; top: 16px; right: 8px; color: var(--violet); font-size: 24px; font-weight: 300; }.faq-list details[open] summary::after { content: "–"; }.faq-list p { margin: -5px 45px 21px 0; color: var(--muted); font-size: 12px; line-height: 1.7; }

footer { padding: 38px 0; display: flex; align-items: center; justify-content: space-between; gap: 25px; color: #fff; background: var(--night); box-shadow: 0 0 0 100vmax var(--night); clip-path: inset(0 -100vmax); }.footer {} footer strong { font-size: 14px; } footer p { margin: 3px 0 0; color: #82889d; font-size: 9px; } footer > div:last-child { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; } footer span { padding: 5px 7px; border: 1px solid rgba(255,255,255,.1); border-radius: 5px; color: #969caf; font-size: 8px; text-transform: uppercase; letter-spacing: .05em; }

@media (max-width: 1100px) {
  .topbar nav { display: none; }
  .hero-grid { grid-template-columns: 1fr; }
  .flow-console { max-width: 800px; }
  .studio-shell { grid-template-columns: 190px 1fr; }
  .inspector-grid { grid-template-columns: 1fr; }.stage-copy { border-right: 0; border-bottom: 1px solid var(--line); }
  .artifact-window { min-height: 390px; }
  .config-layout { grid-template-columns: 1fr; }
  .module-map { grid-template-columns: 1fr 22px 1fr; }.module:nth-of-type(4), .module-arrow:nth-of-type(5) { grid-column: auto; }
  .delivery-grid { grid-template-columns: 1fr 1fr; }.delivery-grid .manifest { grid-column: 1 / -1; }
  .lab-layout { grid-template-columns: 1fr; }.lab-control-panel { border-right: 0; border-bottom: 1px solid var(--line); }.lab-result-panel { min-height: 650px; }
}

@media (max-width: 760px) {
  .topbar { height: 68px; padding: 0 15px; }.truth-badge { display: none; }
  .hero-grid, .section, footer, .inner-dark { width: min(100% - 30px,1280px); }
  .hero { padding: 64px 0; }.hero-grid { min-height: auto; gap: 48px; }.hero h1 { font-size: clamp(46px,13vw,64px); }.lede { font-size: 16px; }
  .hero-meta { grid-template-columns: 1fr; }.hero-meta div { padding: 13px 0; border-bottom: 1px solid var(--line); }
  .console-body { padding: 28px 20px; min-height: 430px; }.console-head { grid-template-columns: 62px 1fr auto; }.deterministic { display: none; }
  .definition-strip { grid-template-columns: 1fr; }.definition-strip article { border-right: 0; border-bottom: 1px solid var(--line); }
  .privacy-banner { align-items: flex-start; flex-wrap: wrap; }.local-chip { margin-left: 48px; }.lab-control-panel, .lab-result-panel { padding: 20px; }.lab-result-panel { min-height: 580px; }.mapping-grid, .option-row { grid-template-columns: 1fr; }.result-kpis { grid-template-columns: 1fr 1fr; }.result-kpis article:nth-child(2) { border-right: 0; }.result-kpis article:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.1); }.result-empty { min-height: 500px; }.download-row .btn { width: 100%; }
  .section { padding: 86px 0; }.section-heading { grid-template-columns: 1fr; gap: 18px; margin-bottom: 37px; }.section-heading h2, .faq h2 { font-size: 43px; }
  .studio-shell { display: block; }.stage-rail { display: grid; grid-template-columns: 1fr 1fr; border-right: 0; border-bottom: 1px solid var(--line); }.stage-button { min-height: 62px; }.stage-button small { display: none; }
  .inspector-grid { min-height: 0; }.stage-copy { padding: 29px 24px; }.stage-copy h3 { font-size: 31px; }.artifact-window { margin: 16px; min-height: 360px; }.stage-io { grid-template-columns: 1fr; }.stage-io > span { transform: rotate(90deg); }
  .mask-controls, .mask-formula { align-items: flex-start; flex-direction: column; }.mask-callouts { grid-template-columns: 1fr; }
  .config-grid { grid-template-columns: 1fr; }.config-grid > * { border-right: 0; }.model-stack { padding: 22px; }
  .module-map { grid-template-columns: 1fr; }.module-arrow { transform: rotate(90deg); min-height: 25px; }.module { min-height: 155px; }
  .eval-grid, .requirements-grid { grid-template-columns: 1fr; }.no-result { align-items: flex-start; flex-wrap: wrap; }.awaiting { margin-left: 79px; }
  .delivery-grid { grid-template-columns: 1fr; }.delivery-grid .manifest { grid-column: auto; }
  .faq-layout { grid-template-columns: 1fr; gap: 35px; }
  footer { align-items: flex-start; flex-direction: column; } footer > div:last-child { justify-content: flex-start; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation: none !important; transition: none !important; } }