/* Tensor Archive AI · local platform-home concept v3 · not for publication */

.platform-v2 {
  --v2-width: 1440px;
  margin: 0;
  overflow-x: hidden;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--sans);
  -webkit-font-smoothing: antialiased;
}

.platform-v2 *, .platform-v2 *::before, .platform-v2 *::after { box-sizing: border-box; }
.platform-v2 h1, .platform-v2 h2, .platform-v2 h3, .platform-v2 p { text-wrap: pretty; }

.platform-v2 .v2-header {
  position: absolute;
  top: 18px;
  z-index: 50;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  gap: 24px;
  width: min(calc(100% - 32px), var(--v2-width));
  min-height: 68px;
  padding: 10px 12px 10px 18px;
  border-color: rgba(160, 247, 199, .17);
  background: rgba(4, 14, 12, .82);
}

.platform-v2 .v2-header nav { justify-content: center; gap: clamp(15px, 2.1vw, 31px); }
.platform-v2 .v2-header nav a { color: #98aaa3; font-size: 12px; font-weight: 650; }
.platform-v2 .v2-header .brand { color: var(--white); }
.platform-v2 .v2-header .header-cta { color: var(--mint); }

.v2-language {
  padding: 8px 10px;
  border: 1px solid var(--line-dark);
  border-radius: 6px;
  color: #71877e;
  font: 700 9px/1 var(--mono);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.v2-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, .96fr) minmax(520px, 1.04fr);
  gap: clamp(48px, 6vw, 96px);
  align-items: center;
  min-height: 900px;
  padding: 148px max(30px, calc((100vw - var(--v2-width)) / 2)) 88px;
  overflow: hidden;
  background:
    radial-gradient(circle at 78% 27%, rgba(73, 223, 162, .14), transparent 28%),
    radial-gradient(circle at 15% 95%, rgba(131, 231, 231, .05), transparent 34%),
    linear-gradient(125deg, #05100e 0%, #071713 57%, #06110f 100%);
  color: var(--white);
}

.v2-grid {
  position: absolute;
  inset: 0;
  opacity: .55;
  background-image: linear-gradient(rgba(160, 247, 199, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(160, 247, 199, .05) 1px, transparent 1px);
  background-size: 74px 74px;
  mask-image: linear-gradient(to bottom, transparent, #000 15%, #000 88%, transparent);
}

.v2-hero::after {
  position: absolute;
  top: -360px;
  right: -260px;
  width: 900px;
  height: 900px;
  border: 1px solid rgba(160, 247, 199, .1);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}

.v2-hero-copy, .scan-window { position: relative; z-index: 2; }
.v2-hero-copy { max-width: 760px; }

.v2-eyebrow {
  display: flex;
  gap: 13px;
  align-items: center;
  margin: 0 0 22px;
  color: var(--mint-dark);
  font: 750 11px/1.5 var(--mono);
  letter-spacing: .16em;
  text-transform: uppercase;
}

.v2-eyebrow > span { flex: 0 0 auto; width: 30px; height: 1px; background: currentColor; }
.v2-hero .v2-eyebrow, .lab-section .v2-eyebrow, .t2t-section .v2-eyebrow, .v2-closing .v2-eyebrow { color: var(--mint); }

.v2-hero h1 {
  max-width: 820px;
  margin: 0;
  font-size: clamp(60px, 5.8vw, 92px);
  line-height: .91;
  letter-spacing: -.072em;
}

.v2-hero h1 em, .plain-heading h2 em, .discover-copy h2 em, .lab-copy-v2 h2 em, .integrations-heading h2 em, .compression-copy h2 em, .t2t-copy h2 em, .v2-closing h2 em {
  display: block;
  color: var(--mint);
  font-family: var(--serif);
  font-weight: 400;
  letter-spacing: -.045em;
}

.v2-hero-lede { max-width: 720px; margin: 30px 0 0; color: #b6c4be; font-size: clamp(17px, 1.35vw, 20px); line-height: 1.64; }
.v2-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.platform-v2 .button { justify-content: space-between; gap: 42px; min-height: 60px; padding: 0 24px; border-radius: 7px; font-size: 14px; }

.v2-safety-line { display: flex; gap: 10px; align-items: baseline; margin: 25px 0 0; color: #84988f; font-size: 13px; line-height: 1.55; }
.v2-safety-line i { width: 6px; height: 6px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 11px rgba(160, 247, 199, .68); }
.v2-safety-line strong { color: #c7d4ce; }
.v2-patent { margin: 17px 0 0; color: #5d756b; font: 700 9px/1.5 var(--mono); letter-spacing: .11em; text-transform: uppercase; }

.scan-window {
  width: 100%;
  max-width: 760px;
  justify-self: end;
  border: 1px solid rgba(160, 247, 199, .2);
  border-radius: 16px;
  overflow: hidden;
  background: rgba(5, 17, 14, .94);
  box-shadow: 0 44px 120px rgba(0, 0, 0, .34), 0 0 90px rgba(73, 223, 162, .055);
}

.scan-head, .scan-intro, .scan-foot { display: flex; align-items: center; justify-content: space-between; }
.scan-head { min-height: 52px; padding: 0 18px; border-bottom: 1px solid var(--line-dark); color: #879a92; font: 650 10px/1 var(--mono); }
.scan-head > div, .scan-head > span { display: flex; gap: 10px; align-items: center; }
.scan-head strong { color: #c4d0cb; font-weight: 650; }
.scan-head > span { color: var(--mint); }
.scan-head > span i { width: 6px; height: 6px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 10px rgba(160,247,199,.65); }
.scan-dots { display: flex; gap: 5px; }
.scan-dots i { width: 7px; height: 7px; border-radius: 50%; background: #df8069; }
.scan-dots i:nth-child(2) { background: #d5b15d; }
.scan-dots i:nth-child(3) { background: #5cad86; }
.scan-intro { padding: 27px 24px 20px; }
.scan-intro > div { display: grid; gap: 7px; }
.scan-intro small { color: #71857d; font: 700 9px/1.3 var(--mono); letter-spacing: .12em; }
.scan-intro h2 { margin: 0; color: var(--white); font-size: clamp(24px, 2vw, 34px); letter-spacing: -.045em; }
.scan-intro > span { padding: 8px 10px; border: 1px solid var(--line-dark); border-radius: 999px; color: #84978f; font: 650 9px/1 var(--mono); }

.scan-apps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0 24px 20px; border: 1px solid var(--line-dark); border-radius: 9px; overflow: hidden; }
.scan-apps > span { display: grid; grid-template-columns: 28px 1fr; gap: 2px 10px; align-items: center; min-width: 0; padding: 13px; color: #d7e0dc; font-size: 12px; font-weight: 700; }
.scan-apps > span + span { border-left: 1px solid var(--line-dark); }
.scan-apps img { grid-row: 1 / 3; width: 27px; height: 27px; border-radius: 6px; object-fit: contain; }
.scan-apps b { color: #6e8279; font: 600 8px/1 var(--mono); text-transform: uppercase; }

.scan-families { display: grid; gap: 8px; padding: 0 24px 24px; }
.scan-families article { display: grid; grid-template-columns: 38px minmax(150px, 1fr) auto auto; gap: 12px; align-items: center; min-height: 68px; padding: 11px 13px; border: 1px solid var(--line-dark); border-radius: 9px; background: rgba(255,255,255,.018); }
.scan-families article:first-child { border-color: rgba(160, 247, 199, .27); background: linear-gradient(90deg, rgba(73,223,162,.07), transparent); }
.family-letter { display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid rgba(160,247,199,.24); border-radius: 7px; color: var(--mint); font: 700 12px/1 var(--mono); }
.scan-families article > div { display: grid; gap: 5px; }
.scan-families strong { color: #edf3f0; font-size: 13px; }
.scan-families small { color: #74877f; font-size: 10px; }
.family-source { color: #879a92; font: 600 9px/1 var(--mono); }
.scan-families article > b { color: var(--mint); font: 650 9px/1.3 var(--mono); text-align: right; }
.scan-foot { min-height: 64px; padding: 10px 24px; border-top: 1px solid var(--line-dark); color: #72867d; font: 600 9px/1 var(--mono); }
.scan-foot > div { display: grid; gap: 7px; }
.scan-foot > div:last-child { text-align: right; }
.scan-foot strong { color: #c9d6d0; font-size: 11px; }
.scan-foot .scan-proof strong { color: var(--mint); font: 780 18px/1 var(--sans); letter-spacing: -.035em; }

.v2-value-bar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 0 max(30px, calc((100vw - var(--v2-width)) / 2)); border-top: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); background: #040d0b; color: var(--white); }
.v2-value-bar article { min-height: 148px; padding: 30px clamp(22px, 3vw, 44px); }
.v2-value-bar article + article { border-left: 1px solid var(--line-dark); }
.v2-value-bar span { display: block; margin-bottom: 16px; color: var(--mint); font: 700 10px/1 var(--mono); }
.v2-value-bar strong { display: block; margin-bottom: 8px; font-size: 19px; letter-spacing: -.025em; }
.v2-value-bar small { color: #82958d; font-size: 13px; line-height: 1.5; }

.plain-section, .discover-section, .lab-section, .integrations-section, .compression-section, .t2t-section, .v2-closing { padding-inline: max(30px, calc((100vw - var(--v2-width)) / 2)); }

.plain-section { padding-top: clamp(92px, 9vw, 150px); padding-bottom: clamp(92px, 9vw, 150px); background: linear-gradient(rgba(7,16,14,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(7,16,14,.045) 1px, transparent 1px), var(--paper); background-size: 74px 74px; }
.plain-heading { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(300px, .55fr); gap: clamp(50px, 9vw, 150px); align-items: end; margin-bottom: 58px; }
.plain-heading .v2-eyebrow { grid-column: 1 / -1; margin-bottom: -22px; }
.plain-heading h2, .discover-copy h2, .lab-copy-v2 h2, .integrations-heading h2, .compression-copy h2, .t2t-copy h2, .v2-closing h2 { margin: 0; font-size: clamp(50px, 5vw, 78px); line-height: .95; letter-spacing: -.065em; }
.plain-heading h2 em, .discover-copy h2 em, .integrations-heading h2 em, .compression-copy h2 em { color: var(--mint-dark); }
.plain-heading > p { margin: 0 0 5px; color: var(--muted-light); font-size: 18px; line-height: 1.65; }

.plain-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--line-light); border-bottom: 1px solid var(--line-light); }
.plain-flow article { position: relative; min-height: 390px; padding: 28px clamp(22px, 2.7vw, 40px) 30px; }
.plain-flow article + article { border-left: 1px solid var(--line-light); }
.flow-number { position: absolute; top: 28px; right: 28px; color: var(--mint-dark); font: 700 11px/1 var(--mono); }
.flow-icon { display: grid; width: 54px; height: 54px; margin: 46px 0 34px; place-items: center; border: 1px solid rgba(12,116,82,.28); border-radius: 50%; color: var(--mint-dark); font: 400 27px/1 var(--mono); }
.plain-flow h3 { margin: 0 0 16px; font-size: 25px; line-height: 1.1; letter-spacing: -.04em; }
.plain-flow p { margin: 0; color: var(--muted-light); font-size: 15px; line-height: 1.66; }
.plain-flow small { display: block; margin-top: 22px; color: #77817c; font-size: 12px; line-height: 1.6; }
.plain-promise { margin-top: 24px; padding: 23px 0 0; color: #53605b; font-size: 16px; line-height: 1.6; }
.plain-promise strong { color: var(--ink); }

.discover-section { display: grid; grid-template-columns: minmax(360px, .72fr) minmax(560px, 1.28fr); gap: clamp(60px, 8vw, 130px); align-items: center; padding-top: clamp(92px, 9vw, 145px); padding-bottom: clamp(92px, 9vw, 145px); background: radial-gradient(circle at 5% 4%, rgba(73,223,162,.2), transparent 27%), #dff2e6; }
.discover-copy > p:not(.v2-eyebrow) { margin: 28px 0 0; color: #52625b; font-size: 18px; line-height: 1.66; }
.discover-clarity { display: grid; margin-top: 34px; border-top: 1px solid rgba(7,16,14,.17); }
.discover-clarity span { display: grid; grid-template-columns: 30px 1fr; gap: 14px; align-items: center; min-height: 58px; border-bottom: 1px solid rgba(7,16,14,.17); font-size: 14px; }
.discover-clarity i { display: grid; width: 25px; height: 25px; place-items: center; border: 1px solid rgba(12,116,82,.28); border-radius: 50%; color: var(--mint-dark); font: normal 700 10px/1 var(--mono); }

.discovery-board { border: 1px solid rgba(7,16,14,.2); border-radius: 14px; overflow: hidden; background: rgba(246,245,238,.68); box-shadow: 0 35px 90px rgba(13,63,43,.09); }
.discovery-board > header, .discovery-board > footer, .discovery-board-title { display: flex; align-items: center; justify-content: space-between; }
.discovery-board > header { min-height: 58px; padding: 0 22px; border-bottom: 1px solid rgba(7,16,14,.15); color: #66746e; font: 700 10px/1 var(--mono); }
.discovery-board > header strong { color: var(--ink); font-size: 11px; }
.discovery-board > header b { display: flex; gap: 8px; align-items: center; color: var(--mint-dark); font-size: 9px; }
.discovery-board > header i { width: 6px; height: 6px; border-radius: 50%; background: var(--mint-strong); }
.discovery-board-title { padding: 26px 24px 18px; }
.discovery-board-title > div { display: grid; gap: 7px; }
.discovery-board-title small { color: #6b7772; font: 700 9px/1.3 var(--mono); letter-spacing: .1em; }
.discovery-board-title h3 { margin: 0; font-size: 29px; letter-spacing: -.045em; }
.discovery-board-title > span { color: #64736c; font: 600 9px/1 var(--mono); }
.capability-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 0 24px 24px; }
.capability-cards article { position: relative; min-height: 132px; padding: 15px; border: 1px solid rgba(7,16,14,.15); border-radius: 8px; background: rgba(255,255,255,.33); }
.capability-cards article > span { color: var(--mint-dark); font: 750 9px/1 var(--mono); letter-spacing: .08em; }
.capability-cards strong { display: block; min-height: 38px; margin-top: 13px; font-size: 14px; line-height: 1.3; }
.capability-cards small { display: block; color: #67746e; font-size: 11px; }
.capability-cards i { position: absolute; right: 15px; bottom: 14px; left: 15px; height: 4px; border-radius: 4px; background: rgba(7,16,14,.09); }
.capability-cards i::after { display: block; width: var(--score); height: 100%; border-radius: inherit; background: var(--mint-dark); content: ""; }
.capability-featured { border-color: rgba(12,116,82,.36) !important; background: rgba(160,247,199,.22) !important; }
.discovery-board > footer { min-height: 52px; padding: 0 24px; border-top: 1px solid rgba(7,16,14,.15); color: #66746e; font: 600 9px/1 var(--mono); }
.discovery-board > footer strong { color: var(--mint-dark); }

.lab-section { display: grid; grid-template-columns: minmax(340px, .68fr) minmax(600px, 1.32fr); gap: clamp(60px, 8vw, 130px); align-items: center; padding-top: clamp(105px, 10vw, 165px); padding-bottom: clamp(105px, 10vw, 165px); background: radial-gradient(circle at 77% 42%, rgba(73,223,162,.11), transparent 30%), linear-gradient(120deg, #06100e 0%, #091814 100%); color: var(--white); }
.lab-copy-v2 > p:not(.v2-eyebrow) { margin: 28px 0 0; color: #a6b6af; font-size: 18px; line-height: 1.66; }
.lab-copy-v2 ul { display: grid; gap: 0; margin: 32px 0 0; padding: 0; border-top: 1px solid var(--line-dark); list-style: none; }
.lab-copy-v2 li { padding: 17px 0; border-bottom: 1px solid var(--line-dark); color: #9caea6; font-size: 13px; line-height: 1.55; }
.lab-copy-v2 li span { display: inline-block; min-width: 92px; color: var(--mint); font: 700 9px/1 var(--mono); letter-spacing: .09em; }

.lab-window { border: 1px solid rgba(160,247,199,.2); border-radius: 14px; overflow: hidden; background: rgba(3,13,10,.72); box-shadow: 0 40px 110px rgba(0,0,0,.27); }
.lab-window > header, .lab-receipt-v2 { display: flex; align-items: center; justify-content: space-between; }
.lab-window > header { min-height: 54px; padding: 0 21px; border-bottom: 1px solid var(--line-dark); color: #71857c; font: 700 9px/1 var(--mono); letter-spacing: .08em; }
.lab-window > header strong { display: flex; gap: 8px; align-items: center; color: var(--mint); }
.lab-window > header i { width: 6px; height: 6px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 10px rgba(160,247,199,.6); }
.lab-task { display: grid; gap: 8px; padding: 25px 24px; border-bottom: 1px solid var(--line-dark); }
.lab-task small { color: #6e8279; font: 700 9px/1 var(--mono); letter-spacing: .1em; }
.lab-task strong { font-size: 19px; line-height: 1.4; }
.lab-answers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.lab-answers > article { padding: 23px; }
.lab-answers > article + article { border-left: 1px solid var(--line-dark); }
.lab-answers article > div { display: flex; align-items: center; justify-content: space-between; }
.lab-answers article > div span { color: var(--mint); font: 700 9px/1 var(--mono); }
.lab-answers article > div strong { color: #dbe5e1; font-size: 13px; }
.lab-answers p { min-height: 103px; margin: 24px 0; color: #95a79f; font-size: 13px; line-height: 1.65; }
.lab-answers dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; border-top: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); }
.lab-answers dl div { display: grid; gap: 6px; padding: 12px 4px; }
.lab-answers dl div + div { border-left: 1px solid var(--line-dark); padding-left: 10px; }
.lab-answers dt { color: #667a71; font: 600 8px/1 var(--mono); text-transform: uppercase; }
.lab-answers dd { margin: 0; font-size: 12px; }
.lab-answers article footer { display: flex; justify-content: space-between; margin-top: 18px; color: #71857c; font-size: 10px; }
.lab-answers article footer strong { color: var(--mint); }
.lab-receipt-v2 { min-height: 54px; padding: 0 24px; border-top: 1px solid var(--line-dark); color: #7b8e85; font-size: 10px; }
.lab-receipt-v2 code { color: var(--mint); font: 600 9px/1 var(--mono); }
.v2-illustrative { display: block; padding: 0 24px 18px; color: #5b6f66; font-size: 9px; line-height: 1.5; }

.integrations-section { padding-top: clamp(95px, 9vw, 150px); padding-bottom: clamp(95px, 9vw, 150px); background: var(--paper); }
.integrations-heading { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(340px, .62fr); gap: 75px; align-items: end; }
.integrations-heading .v2-eyebrow { grid-column: 1 / -1; margin-bottom: -32px; }
.integrations-heading > p { margin: 0 0 5px; color: var(--muted-light); font-size: 18px; line-height: 1.66; }
.runtime-logos { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin-top: 62px; border-top: 1px solid var(--line-light); border-bottom: 1px solid var(--line-light); }
.runtime-logos article { display: flex; gap: 14px; align-items: center; justify-content: center; min-height: 120px; padding: 18px; }
.runtime-logos article + article { border-left: 1px solid var(--line-light); }
.runtime-logos img, .opencode-mark { width: 38px; height: 38px; object-fit: contain; }
.runtime-logos img[alt="LM Studio"] { width: 68px; height: 32px; }
.runtime-logos img[alt="Black Forest Labs FLUX"] { width: 58px; height: 32px; }
.opencode-mark { display: grid; place-items: center; border: 1px solid rgba(7,16,14,.25); border-radius: 8px; color: var(--ink); font: 700 14px/1 var(--mono); }
.runtime-logos article > div:not(.opencode-mark) { display: grid; gap: 6px; min-width: 0; }
.runtime-logos span { font-size: 15px; font-weight: 730; }
.runtime-logos small { color: #6b7772; font-size: 10px; line-height: 1.35; }
.request-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; gap: 18px; align-items: center; margin-top: 36px; }
.request-flow article { min-height: 164px; padding: 22px 0; }
.request-flow article > span { display: grid; width: 27px; height: 27px; margin-bottom: 20px; place-items: center; border: 1px solid rgba(12,116,82,.3); border-radius: 50%; color: var(--mint-dark); font: 700 9px/1 var(--mono); }
.request-flow strong { display: block; margin-bottom: 9px; font-size: 17px; letter-spacing: -.025em; }
.request-flow small { color: #65716c; font-size: 12px; line-height: 1.55; }
.request-flow > i { color: var(--mint-dark); font: normal 24px/1 var(--mono); }

.compression-section { display: grid; grid-template-columns: minmax(360px, .72fr) minmax(580px, 1.28fr); gap: clamp(60px, 8vw, 130px); align-items: center; padding-top: clamp(100px, 9vw, 150px); padding-bottom: clamp(100px, 9vw, 150px); background: radial-gradient(circle at 2% 100%, rgba(73,223,162,.18), transparent 30%), #e5f0e7; }
.compression-copy > p:not(.v2-eyebrow) { margin: 27px 0 0; color: #53615b; font-size: 18px; line-height: 1.66; }
.benchmark-actions { margin-top: 34px; }
.benchmark-actions .button { background: var(--ink); color: var(--mint); box-shadow: 0 18px 44px rgba(5,17,14,.13); }
.benchmark-actions .button:hover { background: #10251e; }
.benchmark-actions p { max-width: 560px; margin: 21px 0 0; color: #637169; font-size: 13px; line-height: 1.6; }
.benchmark-actions p strong { color: var(--ink); }

.compression-proof { border: 1px solid rgba(7,16,14,.22); border-radius: 14px; overflow: hidden; background: rgba(246,245,238,.72); box-shadow: 0 34px 80px rgba(13,63,43,.08); }
.compression-proof > header, .compression-proof > footer { display: flex; align-items: center; justify-content: space-between; min-height: 55px; padding: 0 22px; }
.compression-proof > header { border-bottom: 1px solid rgba(7,16,14,.15); color: #68756f; font: 700 9px/1 var(--mono); letter-spacing: .08em; }
.compression-proof > header strong { display: flex; gap: 8px; align-items: center; color: var(--mint-dark); }
.compression-proof > header i { width: 6px; height: 6px; border-radius: 50%; background: var(--mint-strong); }
.proof-row { padding: 27px 24px; }
.proof-row > div { display: flex; align-items: end; justify-content: space-between; gap: 20px; }
.proof-row > div span { font-size: 14px; font-weight: 700; }
.proof-row > div strong { font: 700 16px/1 var(--mono); }
.proof-track { position: relative; display: block; height: 54px; margin-top: 17px; border: 1px solid rgba(7,16,14,.13); border-radius: 6px; background: rgba(7,16,14,.035); overflow: hidden; }
.proof-track b { display: block; width: var(--width); height: 100%; background: #929a95; }
.proof-row small { display: block; margin-top: 11px; color: #68756f; font-size: 11px; }
.proof-convert { padding: 13px 24px; border-top: 1px solid rgba(7,16,14,.13); border-bottom: 1px solid rgba(7,16,14,.13); color: var(--mint-dark); font: 750 10px/1.4 var(--mono); letter-spacing: .07em; text-align: center; text-transform: uppercase; }
.proof-convert span { margin-left: 9px; }
.proof-result .proof-track b { background: linear-gradient(90deg, #56c792, #8ae4d8); }
.proof-track em { position: absolute; top: 50%; right: 18px; color: var(--mint-dark); font: normal 800 31px/1 var(--sans); letter-spacing: -.05em; transform: translateY(-50%); }
.compression-proof > footer { border-top: 1px solid rgba(7,16,14,.15); color: #65726c; font: 600 9px/1 var(--mono); }
.compression-proof > footer strong { color: var(--ink); }

.metric-strip { display: grid; grid-template-columns: repeat(3, 1fr) .9fr; padding: 0 max(30px, calc((100vw - var(--v2-width)) / 2)); border-top: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); background: #040d0b; color: var(--white); }
.metric-strip > * { min-height: 230px; padding: 34px clamp(24px, 3vw, 42px); }
.metric-strip > * + * { border-left: 1px solid var(--line-dark); }
.metric-strip span { color: #72877d; font: 700 9px/1 var(--mono); letter-spacing: .09em; }
.metric-strip strong { display: block; margin-top: 28px; color: var(--mint); font-size: clamp(40px, 4vw, 61px); line-height: 1; letter-spacing: -.06em; }
.metric-strip p { margin: 20px 0 0; color: #84988f; font-size: 12px; line-height: 1.58; }
.metric-strip > a { display: flex; flex-direction: column; background: linear-gradient(145deg, rgba(73,223,162,.08), transparent); }
.metric-strip > a strong { color: var(--white); font-size: 26px; line-height: 1.08; }
.metric-strip > a small { margin-top: auto; color: var(--mint); font-size: 13px; font-weight: 720; }

.t2t-section { position: relative; display: grid; grid-template-columns: minmax(350px, .72fr) minmax(620px, 1.28fr); gap: clamp(60px, 8vw, 130px); align-items: center; padding-top: clamp(110px, 10vw, 170px); padding-bottom: 0; overflow: hidden; background: radial-gradient(circle at 74% 44%, rgba(73,223,162,.13), transparent 27%), radial-gradient(circle at 98% 0%, rgba(131,231,231,.055), transparent 30%), linear-gradient(120deg, #05100e, #071713); color: var(--white); }
.t2t-section::before { position: absolute; inset: 0; opacity: .45; background-image: linear-gradient(rgba(160,247,199,.048) 1px, transparent 1px), linear-gradient(90deg, rgba(160,247,199,.048) 1px, transparent 1px); background-size: 74px 74px; content: ""; pointer-events: none; }
.t2t-copy, .t2t-orbit, .t2t-capabilities { position: relative; z-index: 2; }
.t2t-copy > p:not(.v2-eyebrow) { margin: 25px 0 0; color: #a5b5ae; font-size: 17px; line-height: 1.67; }
.t2t-guardrails { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); margin-top: 34px; border: 1px solid var(--line-dark); border-radius: 9px; }
.t2t-guardrails article { min-height: 126px; padding: 20px; }
.t2t-guardrails article + article { border-left: 1px solid var(--line-dark); }
.t2t-guardrails strong { display: block; margin-bottom: 10px; color: #e4ede9; font-size: 13px; }
.t2t-guardrails span { color: #789087; font-size: 11px; line-height: 1.55; }

.t2t-orbit { min-height: 650px; }
.t2t-ring { position: absolute; top: 50%; left: 50%; border: 1px solid rgba(73,223,162,.12); border-radius: 50%; transform: translate(-50%,-50%); }
.t2t-ring-one { width: 560px; height: 560px; }
.t2t-ring-two { width: 380px; height: 380px; }
.t2t-line { position: absolute; top: 50%; left: 50%; width: 650px; height: 1px; background: linear-gradient(90deg, transparent, rgba(73,223,162,.3), transparent); transform-origin: center; }
.t2t-line-a { transform: translate(-50%,-50%) rotate(23deg); }
.t2t-line-b { transform: translate(-50%,-50%) rotate(-23deg); }
.t2t-hub { position: absolute; top: 50%; left: 50%; display: grid; width: 178px; height: 178px; place-content: center; border: 1px solid rgba(131,231,231,.5); border-radius: 50%; background: #06120f; box-shadow: 0 0 70px rgba(73,223,162,.16); text-align: center; transform: translate(-50%,-50%); }
.t2t-hub strong { color: var(--mint); font-size: 49px; line-height: 1; letter-spacing: -.06em; }
.t2t-hub span { margin-top: 10px; color: var(--cyan); font: 750 10px/1 var(--mono); letter-spacing: .16em; }
.t2t-hub small { margin-top: 12px; color: #60766c; font-size: 11px; }
.t2t-node { position: absolute; display: grid; width: 230px; min-height: 132px; padding: 19px 20px; border: 1px solid rgba(160,247,199,.22); border-radius: 11px; background: rgba(4,14,12,.92); box-shadow: 0 20px 60px rgba(0,0,0,.18); }
.t2t-node > span { color: var(--mint); font: 750 11px/1 var(--mono); }
.t2t-node strong { margin-top: 17px; color: #edf4f1; font-size: 17px; }
.t2t-node small { margin-top: 8px; color: #758a80; font-size: 11px; line-height: 1.5; }
.t2t-node b { width: max-content; margin-top: 13px; padding: 6px 7px; border: 1px solid rgba(255,189,104,.25); border-radius: 99px; color: var(--amber); font: 700 7px/1 var(--mono); letter-spacing: .08em; }
.t2t-node-library { top: 16px; left: 22px; }
.t2t-node-storage { top: 16px; right: 4px; }
.t2t-node-compute { right: 4px; bottom: 4px; }
.t2t-node-result { bottom: 4px; left: 22px; }

.t2t-capabilities { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0,1fr)); margin-top: 80px; border-top: 1px solid var(--line-dark); }
.t2t-capabilities article { min-height: 220px; padding: 33px clamp(25px,3vw,44px) 48px; }
.t2t-capabilities article + article { border-left: 1px solid var(--line-dark); }
.t2t-capabilities span { color: var(--mint); font: 750 9px/1 var(--mono); letter-spacing: .1em; }
.t2t-capabilities strong { display: block; margin-top: 20px; font-size: 22px; line-height: 1.15; letter-spacing: -.035em; }
.t2t-capabilities p { margin: 16px 0 0; color: #81958b; font-size: 13px; line-height: 1.62; }

.v2-closing { padding-top: clamp(105px, 10vw, 165px); padding-bottom: clamp(105px, 10vw, 165px); background: radial-gradient(circle at 50% 115%, rgba(73,223,162,.13), transparent 38%), #040d0b; color: var(--white); text-align: center; }
.v2-closing .v2-eyebrow { justify-content: center; }
.v2-closing h2 { max-width: 1040px; margin-inline: auto; font-size: clamp(58px, 6.3vw, 98px); }
.v2-closing p:not(.v2-eyebrow) { max-width: 700px; margin: 29px auto 0; color: #92a59c; font-size: 17px; line-height: 1.65; }
.v2-closing .v2-actions { justify-content: center; }

.platform-v2 .v2-footer { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 28px 70px; padding: 58px max(30px, calc((100vw - var(--v2-width)) / 2)); background: #030a08; }
.footer-family-compact { justify-self: end; gap: 18px; align-items: center; font: 650 10px/1 var(--mono); }
.footer-family-label { color: #50665d; font-size: 8px; letter-spacing: .11em; text-transform: uppercase; }
.footer-family-compact strong { color: var(--mint); font-weight: 700; }
.platform-v2 .v2-footer .footer-company { margin-top: 6px; }
.platform-v2 .v2-footer > div { gap: 25px; justify-content: flex-start; flex-wrap: wrap; }
.platform-v2 .v2-footer > div > span { margin-right: auto; }

@media (max-width: 1240px) {
  .platform-v2 .v2-header { grid-template-columns: auto 1fr auto; }
  .v2-language { display: none; }
  .platform-v2 .v2-header nav { gap: 17px; }
  .platform-v2 .v2-header nav a { font-size: 11px; }
  .v2-hero { grid-template-columns: minmax(0,.95fr) minmax(480px,1.05fr); gap: 44px; }
  .scan-families article { grid-template-columns: 38px minmax(130px,1fr) auto; }
  .scan-families article > b { display: none; }
  .plain-flow { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .plain-flow article:nth-child(3) { border-left: 0; border-top: 1px solid var(--line-light); }
  .plain-flow article:nth-child(4) { border-top: 1px solid var(--line-light); }
  .discover-section, .lab-section, .compression-section, .t2t-section { grid-template-columns: minmax(320px,.78fr) minmax(500px,1.22fr); gap: 55px; }
  .metric-strip { grid-template-columns: repeat(2,1fr); }
  .metric-strip > *:nth-child(3) { border-left: 0; border-top: 1px solid var(--line-dark); }
  .metric-strip > *:nth-child(4) { border-top: 1px solid var(--line-dark); }
  .t2t-node { width: 205px; }
  .t2t-node-library, .t2t-node-result { left: 0; }
}

@media (max-width: 1040px) {
  .platform-v2 .v2-header nav a:nth-child(2), .platform-v2 .v2-header nav a:nth-child(3), .platform-v2 .v2-header nav a:nth-child(5) { display: none; }
  .v2-hero { grid-template-columns: 1fr; min-height: 0; padding-top: 150px; }
  .v2-hero-copy { max-width: 820px; }
  .scan-window { max-width: none; justify-self: stretch; }
  .plain-heading, .integrations-heading { grid-template-columns: 1fr; gap: 25px; }
  .plain-heading .v2-eyebrow, .integrations-heading .v2-eyebrow { margin-bottom: 0; }
  .discover-section, .lab-section, .compression-section, .t2t-section { grid-template-columns: 1fr; }
  .discover-copy, .lab-copy-v2, .compression-copy, .t2t-copy { max-width: 840px; }
  .runtime-logos article { flex-direction: column; gap: 9px; text-align: center; }
  .request-flow { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .request-flow > i { display: none; }
  .t2t-orbit { width: min(760px,100%); justify-self: center; }
  .t2t-capabilities { margin-top: 55px; }
}

@media (max-width: 760px) {
  .platform-v2 .v2-header { grid-template-columns: 1fr auto; min-height: 62px; padding-left: 14px; }
  .platform-v2 .v2-header nav { display: none; }
  .platform-v2 .v2-header .brand { font-size: 13px; }
  .platform-v2 .v2-header .header-cta { padding: 9px 11px; }
  .v2-hero, .plain-section, .discover-section, .lab-section, .integrations-section, .compression-section, .t2t-section, .v2-closing { padding-inline: 20px; }
  .v2-hero { gap: 48px; padding-top: 126px; padding-bottom: 62px; }
  .v2-hero h1 { font-size: clamp(48px,14.5vw,67px); }
  .v2-hero-lede { font-size: 16px; }
  .platform-v2 .button { width: 100%; }
  .v2-safety-line { align-items: flex-start; }
  .scan-intro { align-items: flex-start; }
  .scan-intro > span { display: none; }
  .scan-foot { align-items: flex-end; gap: 18px; }
  .scan-foot > div { max-width: 50%; }
  .scan-apps { grid-template-columns: 1fr; }
  .scan-apps > span + span { border-top: 1px solid var(--line-dark); border-left: 0; }
  .scan-families article { grid-template-columns: 36px minmax(0,1fr); }
  .family-source { display: none; }
  .v2-value-bar { grid-template-columns: 1fr; padding-inline: 20px; }
  .v2-value-bar article { min-height: 118px; padding: 25px 0; }
  .v2-value-bar article + article { border-top: 1px solid var(--line-dark); border-left: 0; }
  .plain-heading h2, .discover-copy h2, .lab-copy-v2 h2, .integrations-heading h2, .compression-copy h2, .t2t-copy h2 { font-size: clamp(43px,13vw,61px); }
  .plain-heading > p, .integrations-heading > p, .discover-copy > p:not(.v2-eyebrow), .lab-copy-v2 > p:not(.v2-eyebrow), .compression-copy > p:not(.v2-eyebrow), .t2t-copy > p:not(.v2-eyebrow) { font-size: 16px; }
  .plain-flow { grid-template-columns: 1fr; }
  .plain-flow article { min-height: 0; padding: 28px 0 34px; }
  .plain-flow article + article, .plain-flow article:nth-child(3), .plain-flow article:nth-child(4) { border-top: 1px solid var(--line-light); border-left: 0; }
  .flow-number { right: 0; }
  .flow-icon { margin-top: 34px; }
  .capability-cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .discovery-board-title { align-items: flex-start; }
  .discovery-board-title > span { display: none; }
  .lab-answers { grid-template-columns: 1fr; }
  .lab-answers > article + article { border-top: 1px solid var(--line-dark); border-left: 0; }
  .lab-answers p { min-height: 0; }
  .lab-receipt-v2 { display: grid; gap: 8px; padding-block: 14px; }
  .runtime-logos { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .runtime-logos article { min-height: 105px; border-bottom: 1px solid var(--line-light); }
  .runtime-logos article > div:not(.opencode-mark) { text-align: center; }
  .runtime-logos article:nth-child(odd) { border-left: 0; }
  .runtime-logos article:last-child { grid-column: 1 / -1; }
  .request-flow { grid-template-columns: 1fr; }
  .request-flow article { min-height: 0; padding: 21px 0; border-bottom: 1px solid var(--line-light); }
  .proof-track em { font-size: 24px; }
  .compression-proof > footer { align-items: flex-start; flex-direction: column; gap: 8px; padding-block: 14px; }
  .metric-strip { grid-template-columns: 1fr; padding-inline: 20px; }
  .metric-strip > * { min-height: 195px; padding-inline: 0; }
  .metric-strip > * + *, .metric-strip > *:nth-child(3), .metric-strip > *:nth-child(4) { border-top: 1px solid var(--line-dark); border-left: 0; }
  .t2t-guardrails { grid-template-columns: 1fr; }
  .t2t-guardrails article + article { border-top: 1px solid var(--line-dark); border-left: 0; }
  .t2t-orbit { min-height: 720px; }
  .t2t-ring-one { width: 430px; height: 430px; }
  .t2t-ring-two { width: 280px; height: 280px; }
  .t2t-line { width: 480px; }
  .t2t-hub { width: 146px; height: 146px; }
  .t2t-hub strong { font-size: 40px; }
  .t2t-node { width: calc(50% - 9px); min-height: 145px; padding: 16px; }
  .t2t-node-library { top: 0; left: 0; }
  .t2t-node-storage { top: 0; right: 0; }
  .t2t-node-compute { right: 0; bottom: 0; }
  .t2t-node-result { bottom: 0; left: 0; }
  .t2t-node strong { font-size: 15px; }
  .t2t-capabilities { grid-template-columns: 1fr; margin-inline: -20px; }
  .t2t-capabilities article { min-height: 0; padding: 30px 20px; }
  .t2t-capabilities article + article { border-top: 1px solid var(--line-dark); border-left: 0; }
  .v2-closing h2 { font-size: clamp(48px,14vw,67px); }
  .platform-v2 .v2-footer { grid-template-columns: 1fr; padding-inline: 20px; }
  .footer-family-compact { justify-self: start; flex-wrap: wrap; line-height: 1.6; }
  .platform-v2 .v2-footer .footer-company { grid-template-columns: 1fr; }
  .platform-v2 .v2-footer .footer-company address { text-align: left; }
  .platform-v2 .v2-footer > div { align-items: flex-start; }
  .platform-v2 .v2-footer > div > span { flex-basis: 100%; }
}

@media (max-width: 430px) {
  .v2-eyebrow { font-size: 9px; letter-spacing: .12em; }
  .scan-head > span { display: none; }
  .capability-cards { grid-template-columns: 1fr; }
  .t2t-orbit { min-height: 750px; }
  .t2t-ring-one { width: 360px; height: 360px; }
  .t2t-ring-two { width: 250px; height: 250px; }
  .t2t-node { width: calc(50% - 6px); padding: 14px 12px; }
  .t2t-node small { font-size: 10px; }
}

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