@font-face {
  font-family: Manrope;
  src: url("/seo/fonts/manrope-latin-wght-normal.woff2") format("woff2");
  font-weight: 200 800;
  font-display: swap;
  unicode-range: U+0000-00FF, U+2000-206F, U+20AC, U+2122;
}
@font-face {
  font-family: Manrope;
  src: url("/seo/fonts/manrope-cyrillic-wght-normal.woff2") format("woff2");
  font-weight: 200 800;
  font-display: swap;
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: JetBrains;
  src: url("/seo/fonts/jetbrains-mono-latin-wght-normal.woff2") format("woff2");
  font-weight: 100 800;
  font-display: swap;
}
:root {
  color-scheme: dark;
  --canvas: #080909;
  --text: #eeeeeb;
  --muted: #999e9b;
  --line: #252827;
  --accent: #b0e2c4;
  --font: Manrope, Arial, sans-serif;
  --mono: JetBrains, monospace;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}
body {
  margin: 0;
  background: var(--canvas);
  color: var(--text);
  font-family: var(--font);
  font-size: 16px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
a {
  color: inherit;
  text-decoration: none;
}
button {
  font: inherit;
  cursor: pointer;
}
button,
a {
  -webkit-tap-highlight-color: transparent;
}
button:focus-visible,
a:focus-visible,
summary:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 6px;
}
::selection {
  background: #b0e2c4;
  color: #080909;
}
img,
video {
  max-width: 100%;
  display: block;
}
p,
h1,
h2,
h3,
figure {
  margin: 0;
}
h1,
h2,
h3 {
  font-weight: 550;
  line-height: 1.13;
  letter-spacing: -0.055em;
  text-wrap: balance;
}
p {
  color: var(--muted);
}
.wrap {
  width: min(1200px, calc(100% - 96px));
  margin-inline: auto;
}
.skip-link {
  position: fixed;
  top: 12px;
  left: 12px;
  transform: translateY(-150%);
  z-index: 100;
  background: var(--text);
  color: var(--canvas);
  padding: 12px;
}
.skip-link:focus-visible {
  transform: none;
}
.studio-header {
  height: 92px;
  display: flex;
  align-items: center;
  gap: 38px;
  border-bottom: 1px solid var(--line);
}
.brand {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 20px;
  letter-spacing: -0.045em;
  white-space: nowrap;
}
.brand img {
  border-radius: 7px;
}
.brand b {
  font-weight: 500;
  color: #a4a9a6;
}
.studio-header nav {
  display: flex;
  gap: 30px;
  margin-left: auto;
  font-size: 12px;
  color: #afb4b0;
}
.studio-header nav a:hover,
.text-link:hover {
  color: var(--text);
}
.header-cta {
  font-size: 12px;
  padding: 10px 16px;
  border: 1px solid #4c514e;
  border-radius: 7px;
}
.header-cta span {
  margin-left: 15px;
}
.release-banner { border-bottom:1px solid #26312a; background:linear-gradient(90deg,#111813,#0d120f 55%,#152219); }
.release-banner-inner { min-height:108px; display:grid; grid-template-columns:46px minmax(0,1fr) auto; align-items:center; gap:20px; }
.release-banner-mark { width:42px; height:42px; display:grid; place-items:center; border:1px solid #45604e; border-radius:12px; color:var(--accent); background:#17221a; font:22px/1 var(--mono); }
.release-banner-copy { min-width:0; display:grid; grid-template-columns:auto minmax(0,1fr); align-items:baseline; column-gap:18px; row-gap:5px; }
.release-banner-copy .eyebrow { grid-column:1/-1; margin:0; color:#7da98a; }
.release-banner-copy h2 { font-size:20px; line-height:1.25; letter-spacing:-.035em; }
.release-banner-copy p:last-child { color:#9da7a0; font-size:13px; line-height:1.55; }
.release-banner-inner>a { display:inline-flex; align-items:center; gap:14px; padding:12px 16px; border:1px solid #526259; border-radius:9px; color:var(--text); font-size:12px; white-space:nowrap; }
.release-banner-inner>a:hover { border-color:var(--accent); color:var(--accent); }
.hero {
  text-align: center;
  padding-top: 66px;
}
.release-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font: 10px var(--mono);
  letter-spacing: 0.035em;
  color: #b6bdb8;
}
.release-label > span:first-of-type {
  padding-left: 10px;
  margin-left: 2px;
  border-left: 1px solid #414843;
  color: #7d8780;
}
.release-label i,
.stage-topline i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--accent);
  display: inline-block;
}
.hero h1 {
  font-size: clamp(38px, 5.2vw, 72px);
  margin: 27px -20px 22px;
  letter-spacing: -0.067em;
  line-height: 1.1;
}
.hero h1 span {
  color: #9da5a0;
}
.hero-description {
  max-width: 595px;
  margin: auto;
  font-size: 17px;
  line-height: 1.65;
}
.hero-actions {
  display: flex;
  justify-content: center;
  gap: 14px;
  margin: 30px 0 15px;
}
.button {
  min-height: 49px;
  padding: 13px 22px;
  border-radius: 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
  font-size: 13px;
  font-weight: 650;
  transition:
    background 0.18s,
    transform 0.18s;
}
.button.primary {
  background: #e9ede8;
  color: #111512;
  border: 1px solid #e9ede8;
}
.button.primary:hover {
  background: #fff;
  transform: translateY(-2px);
}
.button.quiet {
  border: 1px solid #303732;
  color: #c9ceca;
}
.button.quiet:hover {
  background: #151915;
}
.micro {
  font-size: 11px;
  color: #858d87;
}
.product-stage {
  margin: 62px auto 0;
  max-width: 1120px;
  text-align: left;
  position: relative;
}
.product-stage::before {
  content: "";
  position: absolute;
  inset: 0 8% 6%;
  background: radial-gradient(
    ellipse at center,
    rgba(153, 182, 163, 0.075),
    transparent 70%
  );
  filter: blur(55px);
  pointer-events: none;
  z-index: -1;
}
.stage-topline {
  display: flex;
  justify-content: space-between;
  font: 9px var(--mono);
  letter-spacing: 0.08em;
  color: #76847b;
  padding: 0 2px 13px;
}
.stage-topline i {
  margin-right: 7px;
}
.interface-image {
  display: block;
  overflow: hidden;
  border: 1px solid #3a403c;
  border-radius: 12px;
  background: var(--canvas);
  box-shadow: 0 20px 70px #0008;
}
.interface-image img {
  width: 100%;
  height: auto;
  aspect-ratio: 1.6;
  object-fit: cover;
  object-position: top;
}
.product-stage figcaption {
  padding: 16px 2px;
  font: 10px var(--mono);
  color: #758079;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.model-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 45px 0 42px;
  border-bottom: 1px solid var(--line);
  text-align: left;
}
.model-strip p {
  font-size: 12px;
  line-height: 1.6;
  color: #c4cbc5;
}
.model-strip p span {
  color: #79867d;
}
.model-strip > span {
  font-size: 22px;
  color: #b8beba;
  font-weight: 600;
  letter-spacing: -0.05em;
}
.model-strip > a {
  font-size: 11px;
  color: #939f96;
}
.section {
  padding-block: 112px;
}
.eyebrow {
  font: 10px var(--mono);
  letter-spacing: 0.085em;
  color: #8c9b91;
}
.section-heading h2,
.section h2 {
  font-size: clamp(32px, 4vw, 53px);
  margin: 22px 0;
  line-height: 1.12;
}
.section-intro {
  font-size: 17px;
  line-height: 1.75;
  max-width: 505px;
}
.section-heading > .section-intro {
  max-width: 535px;
  margin-top: 24px;
}
.hero-rates {
  margin-top: 48px;
  text-align: left;
}
.rates-heading {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 20px;
  margin-bottom: 20px;
}
.rates-heading h2 {
  font-size: 19px;
  letter-spacing: -0.035em;
}
.rates-heading a {
  font-size: 12px;
  color: var(--accent);
  white-space: nowrap;
}
.model-rates {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-block: 1px solid var(--line);
}
.model-rate {
  display: grid;
  gap: 9px;
  padding: 24px;
}
.model-rate + .model-rate { border-left: 1px solid var(--line); }
.model-rate > span:first-child { font-size: 14px; }
.model-rate strong {
  font-size: 48px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.06em;
  color: var(--accent);
}
.model-rate small { font-size: 0.5em; }
.model-rate > span:last-child, .rates-note { color: var(--muted); font-size: 11px; }
.rates-note { margin-top: 12px; }
.model-rate:hover > span:first-child { color: var(--accent); }
@media (max-width: 680px) {
  .rates-heading { display: block; }
  .rates-heading h2 { margin-bottom: 10px; font-size: 18px; }
  .model-rates { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .model-rate { padding: 18px 14px; }
  .model-rate:nth-child(3) { border-left: 0; }
  .model-rate:nth-child(n+3) { border-top: 1px solid var(--line); }
  .model-rate > span:first-child { font-size: 12px; }
  .model-rate strong { font-size: 40px; }
}
.shop-case {
  border-block: 1px solid var(--line);
  padding-block: 76px 0;
}
.shop-case-layout {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 80px;
  padding-bottom: 48px;
}
.shop-case h2 {
  margin-top: 22px;
  max-width: 620px;
}
.shop-case h2 em {
  color: var(--accent);
  font-style: normal;
  white-space: nowrap;
}
.shop-case-feedback {
  max-width: 500px;
  margin-block: 24px;
  font-size: 14px;
}
.shop-case-feedback q {
  color: #c3cdc5;
}
.shop-case-result {
  padding-left: 44px;
  border-left: 1px solid var(--line);
}
.shop-case-total {
  display: grid;
  margin-block: 24px 32px;
}
.shop-case-total strong {
  color: var(--text);
  font-size: clamp(56px, 6vw, 86px);
  font-weight: 500;
  letter-spacing: -0.065em;
  line-height: 1.15;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.shop-case-total strong span {
  color: var(--accent);
  font-size: 0.6em;
}
.shop-case-total > span {
  margin-top: 10px;
  font-size: 14px;
}
.shop-case-features {
  margin: 0;
}
.shop-case-features > div {
  border-top: 1px solid var(--line);
  padding-block: 16px;
}
.shop-case-features dt {
  font-size: 12px;
  color: var(--muted);
  margin-bottom: 5px;
}
.shop-case-features dd {
  margin: 0;
  font-size: 15px;
  text-align: left;
}
.shop-case-features b {
  color: var(--accent);
  font-weight: 550;
}
.shop-case > .methodology {
  border-top: 1px solid var(--line);
  border-bottom: 0;
}
@media (max-width: 900px) {
  .shop-case-layout { gap: 36px; }
  .shop-case-result { padding-left: 28px; }
}
@media (max-width: 680px) {
  .shop-case-layout { grid-template-columns: 1fr; gap: 36px; padding-bottom: 28px; }
  .shop-case-result { border-left: 0; border-top: 1px solid var(--line); padding: 28px 0 0; }
}
.workflow {
  margin-top: 55px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.workflow article {
  padding: 28px 30px 30px 0;
  min-width: 0;
}
.workflow article + article {
  padding-left: 30px;
  border-left: 1px solid var(--line);
}
.step {
  font: 11px var(--mono);
  color: #6c8173;
}
.workflow h3 {
  font-size: 26px;
  margin: 30px 0 18px;
  letter-spacing: -0.045em;
}
.workflow p {
  font-size: 14px;
  line-height: 1.8;
}
.workflow .example {
  margin-top: 26px;
  color: #c0c9c2;
  font-size: 12px;
}
.split-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 50px;
}
.split-heading h2 {
  margin-bottom: 0;
}
.split-heading .section-intro {
  max-width: 400px;
  font-size: 16px;
}
.proof {
  padding-top: 16px;
}
.proof-grid {
  display: grid;
  grid-template-columns: 1.15fr 1fr 1fr;
  margin-top: 54px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.proof-grid article {
  padding: 34px 0 32px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.proof-grid article + article {
  border-left: 1px solid var(--line);
  padding-left: 42px;
}
.proof-grid strong {
  font-size: 67px;
  font-weight: 450;
  letter-spacing: -0.075em;
  line-height: 1.1;
  margin: 30px 0 20px;
}
.proof-main strong > span {
  color: #68766c;
}
.proof-grid strong small {
  font-size: 36px;
  font-weight: 400;
  letter-spacing: -0.04em;
}
.proof-grid p {
  font-size: 13px;
  line-height: 1.8;
}
.proof-dots {
  display: flex;
  gap: 6px;
  margin-top: 22px;
  flex-wrap: wrap;
}
.proof-dots i {
  font: 9px var(--mono);
  font-style: normal;
  width: 17px;
  height: 17px;
  display: grid;
  place-items: center;
  background: #18291f;
  border: 1px solid #395542;
  color: var(--accent);
  border-radius: 3px;
}
.proof-note {
  font-size: 11px;
  line-height: 1.8;
  margin: 20px 0;
  max-width: 920px;
}
.methodology {
  border-bottom: 1px solid var(--line);
  font-size: 13px;
}
.methodology summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
  list-style: none;
  cursor: pointer;
  color: #c3cdc5;
  gap: 20px;
}
.methodology summary::-webkit-details-marker,
.faq-list summary::-webkit-details-marker {
  display: none;
}
.methodology summary > span {
  color: #82998a;
  font-size: 20px;
  font-weight: 300;
}
.methodology[open] summary > span {
  transform: rotate(45deg);
}
.methodology > div {
  padding: 0 0 25px;
}
.methodology p {
  margin-bottom: 12px;
  max-width: 920px;
}
.methodology a {
  color: var(--accent);
  text-decoration: underline;
  text-underline-offset: 4px;
}
.context-section {
  padding-top: 0;
}
.context-layout {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  align-items: center;
  gap: 15px;
  position: relative;
}
.context-copy {
  position: relative;
  z-index: 1;
}
.context-copy .section-intro {
  font-size: 16px;
  max-width: 445px;
}
.support-copy {
  font-size: 14px;
  line-height: 1.85;
  margin-top: 20px;
  max-width: 490px;
}
.context-art {
  position: relative;
  margin-right: -48px;
  min-width: 0;
  background: var(--canvas);
  overflow: hidden;
}
.context-art img {
  width: 100%;
  height: auto;
  min-height: 310px;
  object-fit: cover;
  mask-image: radial-gradient(
    ellipse 52% 47% at 50% 48%,
    #000 48%,
    transparent 100%
  );
}
.context-art figcaption {
  position: absolute;
  left: 10%;
  right: 10%;
  bottom: 10px;
  text-align: center;
  font: 11px/1.9 var(--mono);
  color: #9ea9a1;
}
.context-art figcaption span {
  color: #5b6960;
}
.light-pass {
  position: absolute;
  inset: 14% 15% 24%;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(
    110deg,
    transparent 35%,
    #bad4be12 49%,
    transparent 62%
  );
  mask-image: radial-gradient(ellipse, #000, transparent 70%);
}
.motion-on .light-pass {
  animation: lightpass 7s ease-in-out infinite;
}
.motion-toggle {
  position: absolute;
  right: 12%;
  top: 15px;
  color: #7a887f;
  background: transparent;
  border: 0;
  font-size: 10px;
  z-index: 2;
  padding: 10px;
}
.context-proof {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: 50px;
  margin-top: 70px;
  border-top: 1px solid var(--line);
  padding-top: 35px;
}
.context-proof strong {
  font-weight: 450;
  font-size: 80px;
  letter-spacing: -0.08em;
  line-height: 1.5;
}
.context-proof strong span {
  font-size: 40px;
}
.context-proof > div > p:not(.eyebrow) {
  font-size: 13px;
}
.token-comparison > div {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  font-size: 12px;
  margin-bottom: 25px;
}
.token-comparison span {
  color: #929f96;
}
.token-comparison b {
  font: 12px var(--mono);
  font-weight: 400;
}
.bar {
  grid-column: 1/-1;
  display: block;
  height: 7px;
  background: #424a44;
  border-radius: 1px;
}
.bar.compact {
  width: 14.77%;
  background: var(--accent);
}
.token-comparison > p {
  font-size: 11px;
  line-height: 1.85;
  max-width: 490px;
}
.price-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  margin: 50px 0 25px;
  border-top: 1px solid var(--line);
  padding-top: 40px;
}
.price-zero > strong {
  display: block;
  font-weight: 450;
  font-size: 116px;
  line-height: 1.25;
  letter-spacing: -0.09em;
  margin-top: 18px;
}
.price-zero > strong small {
  font-size: 60px;
}
.price-zero > p {
  font-size: 14px;
}
.price-zero > .button {
  margin-top: 28px;
}
.price-points article {
  display: flex;
  gap: 25px;
  margin-bottom: 30px;
}
.price-points article > span {
  font: 11px var(--mono);
  color: #7b8c80;
  padding-top: 4px;
}
.price-points h3 {
  font-size: 20px;
  margin-bottom: 10px;
  letter-spacing: -0.025em;
}
.price-points p {
  font-size: 13px;
  line-height: 1.85;
}
.text-link {
  font-size: 13px;
  color: #b2c2b7;
  display: inline-flex;
  gap: 18px;
  align-items: center;
}
.extras {
  padding-top: 20px;
}
.extras-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 45px;
  margin-top: 40px;
}
.extras-grid article {
  border-top: 1px solid var(--line);
  padding-top: 27px;
}
.feature-icon {
  font: 23px var(--mono);
  color: #acc1b3;
}
.extras-grid h3 {
  font-size: 23px;
  margin: 25px 0 15px;
  letter-spacing: -0.035em;
}
.extras-grid p {
  font-size: 14px;
  line-height: 1.8;
}
.image-studio-intro {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  margin-top: 70px;
  border-top: 1px solid var(--line);
  padding-top: 50px;
}
.image-studio-intro h3 {
  font-size: 32px;
  margin: 22px 0;
  letter-spacing: -0.05em;
}
.image-studio-intro p {
  font-size: 14px;
  max-width: 470px;
}
.image-studio-line {
  align-self: center;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 16px;
  font-size: 12px;
  text-align: center;
}
.image-studio-line > span:first-child,
.image-studio-line > b {
  padding: 28px 12px;
  border: 1px solid #364038;
  border-radius: 8px;
  font-weight: 500;
}
.image-studio-line > p {
  grid-column: 1/-1;
  text-align: center;
  font-size: 10px;
  padding-top: 15px;
}
.image-catalog {
  margin-top: 25px;
}
.image-model-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
}
.image-model-card {
  min-width: 0;
  border-top: 1px solid var(--line);
  padding: 28px 0;
}
.image-model-card header {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  font: 10px var(--mono);
  color: #819087;
  flex-wrap: wrap;
}
.image-model-card h3 {
  font-size: 24px;
  margin: 22px 0 15px;
}
.image-model-card p,
.image-model-card li {
  font-size: 12px;
  line-height: 1.8;
}
.image-model-card ul {
  padding-left: 17px;
  color: var(--muted);
}
.image-price-list > div {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  border-bottom: 1px solid var(--line);
  padding: 8px 0;
  font: 10px/1.8 var(--mono);
}
dd {
  margin: 0;
  text-align: right;
}
.image-model-card footer {
  padding-top: 20px;
}
.image-model-card footer span {
  display: block;
  font: 9px var(--mono);
  color: #7d8d83;
  margin-bottom: 8px;
}
.image-model-card footer strong {
  font-size: 12px;
  font-weight: 500;
}
.access {
  border-top: 1px solid var(--line);
  padding-block: 60px 100px;
}
.access-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  margin-top: 12px;
}
.access-layout .section-intro {
  font-size: 16px;
  margin-top: 25px;
}
.access-layout .text-link {
  margin-top: 25px;
}
.download {
  text-align: center;
  border-top: 1px solid var(--line);
}
.download h2 {
  font-size: clamp(36px, 4.6vw, 64px);
  margin: 28px 0;
}
.download > .section-intro {
  margin-inline: auto;
  font-size: 15px;
  max-width: 700px;
}
.install-steps {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 34px;
  margin: 40px 0;
  font-size: 12px;
  color: #b6c0b8;
}
.install-steps b {
  display: inline-grid;
  place-items: center;
  width: 23px;
  height: 23px;
  border: 1px solid #354039;
  border-radius: 50%;
  font-weight: 400;
  margin-right: 8px;
}
.install-steps a {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.platform-install-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
  gap: 36px;
  text-align: left;
}
.code-install-card {
  padding: 28px;
  border: 1px solid #303a33;
  border-radius: 10px;
  min-width: 0;
}
.code-install-card > span {
  font: 10px var(--mono);
  color: #94a59a;
  display: block;
}
.code-install-card > strong {
  font-size: 20px;
  display: block;
  font-weight: 500;
  letter-spacing: -0.04em;
  margin: 18px 0;
}
.code-install-command {
  border: 1px solid #303a33;
  border-radius: 6px;
  overflow: hidden;
}
.code-install-command > code {
  font: 11px/1.8 var(--mono);
  display: block;
  padding: 17px;
  overflow-wrap: anywhere;
  color: #c5d2c9;
}
.code-install-command > button {
  color: #c5d2c9;
  background: transparent;
  border: 0;
  border-top: 1px solid #303a33;
  font-size: 11px;
  display: block;
  width: 100%;
  padding: 10px;
}
.code-install-command > button:hover {
  background: #18211b;
}
.code-install-card > p {
  font-size: 11px;
  line-height: 1.85;
  margin: 18px 0;
  overflow-wrap: anywhere;
}
.code-download-list {
  font-size: 11px;
}
.code-download {
  display: block;
  border-top: 1px solid var(--line);
  padding-top: 15px;
}
.code-download > span {
  color: #8f9d94;
  display: block;
}
.code-download > strong {
  display: block;
  font-weight: 500;
  color: #bcd3c3;
  margin: 5px 0;
}
.code-download code {
  font: 9px/1.7 var(--mono);
  overflow-wrap: anywhere;
  color: #78887d;
  display: block;
}
.code-quarantine-command {
  font: 9px/1.7 var(--mono);
  overflow-wrap: anywhere;
  display: block;
  margin-top: 15px;
  color: #78887d;
}
.release-note {
  font-size: 11px;
  line-height: 1.8;
  max-width: 780px;
  margin: 25px auto 0;
}
.faq-section {
  padding-top: 10px;
  display: grid;
  grid-template-columns: 0.85fr 1.4fr;
  gap: 75px;
}
.faq-section h2 {
  font-size: 38px;
}
.faq-list details {
  border-bottom: 1px solid var(--line);
}
.faq-list summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  padding: 21px 0;
  list-style: none;
  font-size: 14px;
  line-height: 1.6;
  cursor: pointer;
}
.faq-list summary i {
  font-size: 21px;
  font-style: normal;
  color: #73877a;
  flex-shrink: 0;
}
.faq-list details[open] summary i {
  transform: rotate(45deg);
}
.faq-list p {
  font-size: 13px;
  line-height: 1.85;
  padding: 0 25px 22px 0;
}
.studio-footer {
  border-top: 1px solid var(--line);
  padding: 35px 0;
}
.footer-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 25px;
}
.footer-top p,
.footer-top > a:last-child {
  font-size: 11px;
}
.studio-footer nav {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  font-size: 11px;
  color: #95a298;
  margin-top: 35px;
}
.legal {
  font-size: 10px;
  margin-top: 25px;
  color: #738378;
}
.copy-status {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 8px;
  background: #e2eae2;
  color: #0c170f;
  font-size: 12px;
  box-shadow: 0 4px 20px #0008;
  z-index: 10;
  max-width: 90%;
  text-align: center;
}
.copy-status:not(:empty) {
  padding: 12px 22px;
}
@keyframes lightpass {
  0%,
  100% {
    opacity: 0;
    transform: translateX(-12%);
  }
  40% {
    opacity: 0.6;
  }
  70% {
    opacity: 0;
    transform: translateX(12%);
  }
}
@media (min-width: 1600px) {
  .wrap {
    width: min(1280px, calc(100% - 120px));
  }
  .hero {
    padding-top: 80px;
  }
  .hero h1 {
    font-size: 78px;
  }
}
@media (max-width: 1050px) {
  .wrap {
    width: calc(100% - 56px);
  }
  .studio-header {
    gap: 25px;
  }
  .studio-header nav {
    gap: 18px;
  }
  .hero h1 {
    font-size: 54px;
  }
  .model-strip {
    gap: 20px;
  }
  .model-strip > span {
    font-size: 19px;
  }
  .split-heading {
    gap: 30px;
  }
  .split-heading .section-intro {
    max-width: 340px;
  }
  .proof-grid strong {
    font-size: 55px;
  }
  .proof-grid article + article {
    padding-left: 25px;
  }
  .context-art {
    margin-right: -28px;
  }
  .price-layout {
    gap: 45px;
  }
  .faq-section {
    gap: 45px;
  }
}
@media (max-width: 760px) {
  html {
    scroll-padding-top: 25px;
  }
  .wrap {
    width: calc(100% - 40px);
  }
  .studio-header {
    height: 73px;
    gap: 12px;
    justify-content: space-between;
  }
  .studio-header nav {
    display: none;
  }
  .brand {
    font-size: 18px;
  }
  .header-cta {
    font-size: 11px;
    padding: 8px 12px;
  }
  .hero {
    padding-top: 43px;
  }
  .release-label {
    font-size: 8px;
    gap: 7px;
  }
  .release-label > span:first-of-type {
    padding-left: 7px;
    margin-left: 0;
  }
  .hero h1 {
    font-size: clamp(34px, 7.5vw, 54px);
    margin: 25px -5px 22px;
    letter-spacing: -0.06em;
    line-height: 1.16;
  }
  .hero-description {
    font-size: 15px;
    max-width: 490px;
  }
  .hero-actions {
    gap: 10px;
    margin-top: 26px;
  }
  .button {
    padding: 13px 16px;
    gap: 15px;
    font-size: 12px;
  }
  .micro {
    font-size: 10px;
    max-width: 280px;
    margin: auto;
  }
  .product-stage {
    margin-top: 40px;
  }
  .stage-topline {
    font-size: 7px;
    letter-spacing: 0;
    gap: 20px;
  }
  .stage-topline > span:last-child {
    display: none;
  }
  .interface-image {
    border-radius: 7px;
  }
  .product-stage figcaption {
    font-size: 8px;
    padding: 12px 0;
  }
  .product-stage figcaption > span:last-child {
    display: none;
  }
  .model-strip {
    flex-wrap: wrap;
    justify-content: center;
    padding: 30px 0;
    gap: 20px;
  }
  .model-strip p {
    width: 100%;
    text-align: center;
    font-size: 11px;
  }
  .model-strip p br {
    display: none;
  }
  .model-strip p span {
    margin-left: 4px;
  }
  .model-strip > span {
    font-size: 19px;
  }
  .model-strip > a {
    width: 100%;
    text-align: center;
    font-size: 10px;
  }
  .section {
    padding-block: 65px;
  }
  .section h2 {
    font-size: 36px;
    line-height: 1.17;
  }
  .eyebrow {
    font-size: 9px;
  }
  .section-intro {
    font-size: 15px;
    line-height: 1.8;
  }
  .workflow {
    margin-top: 35px;
    display: block;
  }
  .workflow article,
  .workflow article + article {
    padding: 23px 0;
    border-left: 0;
  }
  .workflow article + article {
    border-top: 1px solid var(--line);
  }
  .workflow h3 {
    font-size: 24px;
    margin: 16px 0 12px;
  }
  .workflow p {
    font-size: 14px;
  }
  .workflow .example {
    margin-top: 15px;
  }
  .split-heading {
    display: block;
  }
  .split-heading .section-intro {
    max-width: 100%;
    margin-top: 24px;
    font-size: 15px;
  }
  .proof {
    padding-top: 0;
  }
  .proof-grid {
    grid-template-columns: 1fr 1fr;
    margin-top: 30px;
  }
  .proof-grid article.proof-main {
    grid-column: 1/-1;
    padding-bottom: 25px;
    border-bottom: 1px solid var(--line);
  }
  .proof-grid article {
    padding: 25px 0;
  }
  .proof-grid article + article {
    padding-left: 0;
    border-left: 0;
  }
  .proof-grid article:last-child {
    padding-left: 25px;
    border-left: 1px solid var(--line);
  }
  .proof-grid strong {
    font-size: 48px;
    margin: 22px 0 15px;
  }
  .proof-grid .proof-main strong {
    font-size: 78px;
    margin: 18px 0 15px;
  }
  .proof-grid strong small {
    font-size: 27px;
  }
  .proof-grid .eyebrow {
    font-size: 8px;
  }
  .proof-grid p {
    font-size: 12px;
  }
  .proof-dots {
    gap: 7px;
    margin-top: 18px;
  }
  .proof-dots i {
    width: 19px;
    height: 19px;
  }
  .proof-note {
    font-size: 10px;
  }
  .methodology {
    font-size: 12px;
  }
  .methodology summary {
    font-size: 12px;
  }
  .context-section {
    padding-top: 0;
  }
  .context-layout {
    grid-template-columns: 1fr;
  }
  .context-copy .section-intro {
    font-size: 15px;
  }
  .context-art {
    margin: 15px -20px 0;
    min-height: 280px;
  }
  .context-art img {
    min-height: 0;
    aspect-ratio: 16/9;
  }
  .context-art figcaption {
    font-size: 9px;
    bottom: 0;
  }
  .context-proof {
    grid-template-columns: 1fr;
    gap: 25px;
    margin-top: 45px;
    padding-top: 25px;
  }
  .context-proof strong {
    font-size: 75px;
    line-height: 1.3;
  }
  .context-proof > div > p:not(.eyebrow) {
    font-size: 12px;
  }
  .token-comparison > p {
    font-size: 10px;
  }
  .price-layout {
    grid-template-columns: 1fr;
    gap: 45px;
    padding-top: 30px;
    margin-top: 32px;
  }
  .price-zero > strong {
    font-size: 95px;
  }
  .price-zero > p {
    font-size: 13px;
  }
  .price-points article {
    gap: 18px;
    margin-bottom: 25px;
  }
  .price-points h3 {
    font-size: 20px;
  }
  .extras {
    padding-top: 0;
  }
  .extras-grid {
    grid-template-columns: 1fr;
    gap: 30px;
    margin-top: 30px;
  }
  .extras-grid article {
    padding-top: 20px;
  }
  .extras-grid h3 {
    margin: 15px 0;
    font-size: 24px;
  }
  .feature-icon {
    font-size: 20px;
  }
  .image-studio-intro {
    grid-template-columns: 1fr;
    gap: 25px;
    margin-top: 40px;
    padding-top: 30px;
  }
  .image-studio-intro h3 {
    font-size: 29px;
  }
  .image-studio-line {
    font-size: 11px;
    gap: 12px;
  }
  .image-studio-line > span:first-child,
  .image-studio-line > b {
    padding: 20px 12px;
  }
  .image-model-grid {
    grid-template-columns: 1fr;
  }
  .image-model-card h3 {
    font-size: 23px;
  }
  .image-model-card header {
    font-size: 9px;
  }
  .image-price-list > div {
    font-size: 9px;
  }
  .access {
    padding-block: 45px 60px;
  }
  .access-layout {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .access-layout .section-intro {
    font-size: 15px;
    margin-top: 0;
  }
  .support-copy {
    font-size: 13px;
  }
  .download h2 {
    font-size: 36px;
  }
  .download > .section-intro {
    font-size: 13px;
  }
  .install-steps {
    align-items: flex-start;
    flex-direction: column;
    gap: 13px;
    max-width: 270px;
    margin: 30px auto;
  }
  .platform-install-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .code-install-card {
    padding: 22px;
  }
  .code-install-card > strong {
    font-size: 19px;
  }
  .code-install-command > code {
    font-size: 10px;
  }
  .code-install-card > p {
    font-size: 10px;
  }
  .release-note {
    font-size: 10px;
    text-align: left;
  }
  .faq-section {
    display: block;
    padding-top: 0;
  }
  .faq-list {
    margin-top: 25px;
  }
  .faq-section h2 {
    font-size: 34px;
  }
  .faq-list summary {
    font-size: 13px;
  }
  .faq-list p {
    font-size: 12px;
  }
  .footer-top {
    flex-wrap: wrap;
  }
  .footer-top p {
    width: 100%;
    order: 2;
  }
  .studio-footer nav {
    gap: 15px;
    font-size: 10px;
  }
  .legal {
    font-size: 9px;
  }
}
@media (max-width: 380px) {
  .hero-actions {
    flex-direction: column;
    align-items: stretch;
  }
  .hero h1 {
    font-size: 32px;
  }
  .proof-grid article:last-child {
    padding-left: 16px;
  }
  .proof-grid strong {
    font-size: 42px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
  }
  .motion-toggle {
    display: none;
  }
  .light-pass {
    display: none;
  }
}
.comparison-section {
  padding-top: 5px;
}
.comparison-proofbar {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 44px;
  border-block: 1px solid var(--line);
}
.comparison-proofbar article {
  min-width: 0;
  padding: 26px 22px 28px;
  border-right: 1px solid var(--line);
}
.comparison-proofbar article:first-child {
  padding-left: 0;
}
.comparison-proofbar article:last-child {
  border-right: 0;
}
.comparison-proofbar span {
  display: block;
  color: #7f9487;
  font: 9px/1.5 var(--mono);
  letter-spacing: .12em;
}
.comparison-proofbar strong {
  display: block;
  margin-top: 12px;
  color: var(--accent);
  font: 500 clamp(34px, 4.2vw, 62px)/.95 var(--font);
  letter-spacing: -.055em;
}
.comparison-proofbar p {
  margin-top: 11px;
  color: #9ca9a1;
  font-size: 11px;
  line-height: 1.55;
}
.comparison-proofnote {
  max-width: 820px;
  margin-top: 14px;
  color: #718078;
  font-size: 10px;
  line-height: 1.7;
}
.compare-scroll {
  overflow-x: auto;
  margin-top: 34px;
  scrollbar-color: #3b4f41 var(--canvas);
}
.compare-table {
  width: 100%;
  min-width: 890px;
  border-collapse: collapse;
  text-align: left;
  table-layout: fixed;
}
.compare-table caption {
  text-align: left;
  font: 10px var(--mono);
  color: #7f9487;
  padding-bottom: 20px;
}
.compare-table th,
.compare-table td {
  border-bottom: 1px solid var(--line);
  padding: 23px 20px;
  vertical-align: top;
  line-height: 1.7;
  font-size: 12px;
  font-weight: 400;
}
.compare-table thead th {
  font-size: 15px;
  font-weight: 550;
  color: #c4cdc7;
  border-top: 1px solid var(--line);
}
.compare-table tr > *:first-child {
  padding-left: 0;
  width: 17%;
  color: #9ca9a1;
}
.compare-table .ours {
  background: #b1e3c405;
  color: #cce6d6;
  border-inline: 1px solid #34493d;
  width: 24%;
}
.compare-table thead .ours {
  border-top-color: #7a9a85;
  font-size: 19px;
}
.compare-table td span {
  display: block;
  font-size: 10px;
  color: #85948a;
  margin-top: 5px;
}
.compare-table td.ours span {
  color: #a0b4a7;
}
.compare-table td b {
  font-weight: 550;
}
.compare-table th a {
  font: 9px var(--mono);
  color: #6f8879;
}
.comparison-takeaway {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  margin: 26px 0;
}
.comparison-takeaway p {
  font-size: 13px;
  line-height: 1.8;
  max-width: 770px;
}
.comparison-takeaway strong {
  color: #d1ddd5;
  font-weight: 500;
}
.comparison-takeaway .text-link {
  flex-shrink: 0;
}
@media (max-width: 760px) {
  .comparison-section {
    padding-top: 0;
  }
  .comparison-proofbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 30px;
  }
  .comparison-proofbar article {
    padding: 20px 14px 22px;
    border-bottom: 1px solid var(--line);
  }
  .comparison-proofbar article:nth-child(2) {
    border-right: 0;
  }
  .comparison-proofbar article:nth-child(3),
  .comparison-proofbar article:nth-child(4) {
    border-bottom: 0;
  }
  .comparison-proofbar article:nth-child(odd) {
    padding-left: 0;
  }
  .comparison-proofbar strong {
    font-size: 38px;
  }
  .compare-scroll {
    margin-top: 30px;
  }
  .comparison-takeaway {
    display: block;
  }
  .comparison-takeaway p {
    font-size: 12px;
  }
  .comparison-takeaway .text-link {
    margin-top: 20px;
  }
  .compare-table .ours {
    background: #b1e3c403;
  }
}
@media (max-width: 480px) {
  .hero-actions {
    flex-direction: column;
    max-width: 330px;
    margin-inline: auto;
    gap: 8px;
  }
  .hero-actions .button {
    min-height: 48px;
    white-space: nowrap;
  }
  .hero-actions .quiet {
    border-color: transparent;
    padding-block: 8px;
    min-height: 40px;
  }
  .hero-description {
    font-size: 14px;
    max-width: 345px;
  }
  .product-stage {
    margin-top: 35px;
  }
}
.compare-hint {
  display: none;
}
@media (max-width: 760px) {
  .compare-hint {
    display: block;
    margin-top: 25px;
    color: var(--muted);
    font: 10px/1.8 var(--font);
  }
  .compare-scroll {
    margin-top: 14px;
  }
}
.install-security {
  border-top: 1px solid var(--line);
  margin-top: 18px;
}
.install-security summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 16px 0;
  font-size: 11px;
  color: #b2c2b7;
}
.install-security summary::-webkit-details-marker {
  display: none;
}
.install-security > p {
  font-size: 11px;
  line-height: 1.85;
  overflow-wrap: anywhere;
  margin-bottom: 20px;
}
@media (max-width: 760px) {
  .install-security > p {
    font-size: 10px;
  }
}

/* Refero refinement: existing studio, product-led hierarchy and tonal surfaces. */
:root {
  --text: #f4f5f3;
  --muted: #a1a7a4;
  --surface: #101213;
  --surface-raised: #17191a;
}
h1, h2, h3 { letter-spacing: -0.035em; }
.eyebrow { font-size: 12px; line-height: 1.5; }
.studio-header { height: 84px; }
.studio-header .brand { font-size: 24px; }
.studio-header nav { font-size: 13px; }
.header-cta { min-height: 44px; display: inline-flex; align-items: center; }
.section { padding-block: 88px; }
.section h2 { font-weight: 500; letter-spacing: -0.035em; }
.section-intro { font-size: 18px; line-height: 1.65; }
.shop-case { margin-top: 20px; padding-block: 64px 0; border-top: 0; }
.shop-case h2 em { color: inherit; }
.shop-case-layout { grid-template-columns: 1.1fr 1fr; gap: 72px; align-items: center; }
.shop-case-result { padding: 32px; border: 0; background: var(--surface); border-radius: 12px; }
.shop-case-total strong { font-size: clamp(66px, 7vw, 100px); }
.shop-case-total strong span { color: var(--text); }
.shop-case-feedback { font-size: 15px; }
.workflow article { padding-top: 32px; }
.workflow h3 { font-size: 25px; }
.workflow p { font-size: 15px; }
.proof-grid { background: var(--surface); border: 0; border-radius: 12px; overflow: hidden; }
.proof-grid article { padding: 32px; }
.proof-grid article + article { padding-left: 32px; }
.proof-note, .methodology { font-size: 14px; }
.methodology summary { min-height: 52px; }
.context-section { padding-top: 24px; }
.section .support-copy { font-size: 16px; }
.text-link { min-height: 44px; }
@media (max-width: 900px) {
  .shop-case-layout { gap: 32px; }
}
@media (max-width: 680px) {
  .studio-header { height: 72px; }
  .section { padding-block: 64px; }
  .section-intro { font-size: 16px; }
  .section h2 { font-size: 34px; }
  .shop-case { padding-bottom: 0; margin-top: 0; }
  .shop-case-layout { grid-template-columns: 1fr; gap: 32px; }
  .shop-case-result { padding: 24px; }
  .shop-case-total strong { font-size: 76px; }
  .proof-grid article, .proof-grid article + article { padding: 24px; }
  .proof-grid article.proof-main { padding: 26px 24px; }
  .proof-grid strong { font-size: 42px; }
  .proof-grid .eyebrow { font-size: 10px; }
  .proof-note { font-size: 12px; }
}
@media (max-width: 680px) {
  .proof-dots { display: grid; grid-template-columns: repeat(6, 22px); gap: 8px; }
  .proof-dots i { width: 22px; height: 22px; }
}

/* Monthly scenario: measurements, adjustable workload, and launch outcome. */
.search-savings { border-top: 1px solid var(--line); }
.savings-comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.savings-comparison article { padding: 32px; background: var(--surface); border-radius: 12px; }
.savings-comparison article:last-child { background: #121a16; }
.savings-comparison strong { display: block; margin-top: 22px; font-size: 64px; font-weight: 500; line-height: 1.1; letter-spacing: -.04em; }
.savings-comparison strong small { font-size: 24px; letter-spacing: -.02em; }
.savings-comparison article:last-child strong { color: var(--accent); }
.savings-comparison p { font-size: 15px; }
.savings-comparison p.eyebrow { font-size: 11px; }
.savings-bar { height: 8px; margin: 28px 0; background: #ffffff08; border-radius: 4px; }
.savings-bar i { display: block; height: 100%; background: #626a65; border-radius: inherit; }
.savings-comparison article:last-child .savings-bar i { background: var(--accent); }
.savings-comparison footer { display: flex; justify-content: space-between; gap: 14px; font-size: 14px; }
.savings-caption { color: var(--muted); font-size: 13px; line-height: 1.7; margin: 18px 0 0; }
.monthly-savings { margin-top: 48px; padding: 36px; border: 1px solid var(--line); border-radius: 12px; }
.monthly-heading { display: flex; justify-content: space-between; align-items: center; gap: 24px; }
.monthly-heading h3 { font-size: 32px; font-weight: 500; margin: 10px 0 0; }
.scenario-label { padding: 6px 12px; border: 1px solid var(--line); border-radius: 24px; font-size: 12px; color: var(--muted); white-space: nowrap; }
.savings-inputs { display: flex; align-items: center; gap: 24px; margin: 32px 0; }
.savings-inputs label { display: grid; gap: 10px; color: var(--muted); font-size: 13px; }
.savings-inputs input { width: 190px; font: 500 26px var(--font); padding: 12px 16px; border: 1px solid #49544c; border-radius: 6px; color: var(--text); background: var(--surface); }
.savings-inputs input:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.savings-inputs input:invalid { border-color: #e8ae96; }
.savings-inputs > p { margin-left: auto; font-size: 32px; line-height: 1.3; color: var(--text); }
.savings-inputs > p > span:last-child { display: block; font-size: 13px; color: var(--muted); margin-top: 8px; }
.monthly-table > div { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 20px; align-items: center; border-bottom: 1px solid var(--line); padding: 18px 0; }
.monthly-table .monthly-table-head { font-size: 12px; color: var(--muted); }
.monthly-table > div > :not(:first-child) { text-align: right; }
.monthly-table strong { font-weight: 500; font-size: 25px; }
.monthly-table > div > :last-child { color: var(--accent); }
.monthly-gain { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; padding-top: 32px; }
.monthly-gain strong { color: var(--accent); font-weight: 500; font-size: 64px; letter-spacing: -.045em; line-height: 1.2; }
.monthly-gain small { font-size: 34px; }
.monthly-gain p { font-size: 16px; margin-top: 8px; }
.savings-outcome { display: grid; grid-template-columns: 1fr 1.2fr; gap: 64px; margin: 44px 0 30px; }
.savings-outcome h3 { font-size: 28px; font-weight: 500; line-height: 1.3; }
.savings-outcome p { margin-top: 0; }
.savings-outcome .button { margin-top: 18px; }
@media (max-width: 760px) {
 .savings-comparison { gap: 12px; }
 .savings-comparison article { padding: 20px; }
 .savings-comparison strong { font-size: 44px; }
 .savings-comparison strong small { display: block; font-size: 20px; }
 .savings-comparison footer { flex-direction: column; font-size: 13px; gap: 4px; }
 .savings-comparison p.eyebrow { min-height: 33px; font-size: 10px; }
 .savings-comparison p { font-size: 13px; }
 .monthly-savings { padding: 24px; }
 .monthly-heading { align-items: start; flex-direction: column; gap: 12px; }
 .monthly-heading h3 { font-size: 27px; }
 .savings-inputs { flex-wrap: wrap; gap: 16px; }
 .savings-inputs input { width: 100%; }
 .savings-inputs label { width: calc(50% - 8px); font-size: 12px; }
 .savings-inputs > span { display: none; }
 .savings-inputs > p { width: 100%; margin: 0; }
 .monthly-table > div { grid-template-columns: 1.15fr 1fr 1fr; gap: 8px; }
 .monthly-table > div > span:first-child { font-size: 12px; }
 .monthly-table .monthly-table-head { font-size: 10px; }
 .monthly-table strong { font-size: 19px; white-space: nowrap; }
 .monthly-gain { gap: 16px; }
 .monthly-gain strong { font-size: 42px; }
 .monthly-gain small { font-size: 23px; }
 .monthly-gain p { font-size: 13px; }
 .savings-outcome { grid-template-columns: 1fr; gap: 18px; }
 .savings-caption { font-size: 12px; }
}
@media (max-width: 380px) {
 .savings-comparison article { padding: 16px; }
 .monthly-savings { padding: 18px; }
 .monthly-table strong { font-size: 17px; }
 .monthly-gain strong { font-size: 37px; }
}

/* Large attachments: show the local hand-off before the benchmark. */
.archive-section {
  position: relative;
  overflow: hidden;
  padding-block: 104px;
  border-block: 1px solid var(--line);
  background:
    radial-gradient(circle at 78% 18%, rgba(176, 226, 196, .08), transparent 28rem),
    #0c0e0d;
}
.archive-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .16;
  background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to bottom, #000, transparent 82%);
}
.archive-shell { position: relative; z-index: 1; }
.archive-heading h2 { max-width: 670px; }
.archive-heading .section-intro { max-width: 475px; }
.archive-flow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 58px;
  border-block: 1px solid var(--line);
}
.archive-flow article {
  position: relative;
  min-width: 0;
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 20px;
  padding: 30px 38px 32px 0;
}
.archive-flow article + article {
  padding-left: 38px;
  border-left: 1px solid var(--line);
}
.archive-flow article > i {
  position: absolute;
  right: -11px;
  top: 50%;
  z-index: 2;
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  transform: translateY(-50%);
  border: 1px solid #39413c;
  border-radius: 50%;
  color: var(--accent);
  background: #0c0e0d;
  font-size: 11px;
  font-style: normal;
}
.archive-step {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border: 1px solid #344038;
  border-radius: 50%;
  color: var(--accent);
  font: 10px var(--mono);
}
.archive-flow .eyebrow { font-size: 9px; }
.archive-flow h3 { margin: 13px 0 8px; font-size: 21px; font-weight: 500; }
.archive-flow article p:last-child { max-width: 260px; font-size: 13px; line-height: 1.7; }
.archive-evidence {
  display: grid;
  grid-template-columns: 1.12fr .88fr .88fr;
  gap: 14px;
  margin-top: 42px;
}
.archive-result,
.archive-local {
  min-width: 0;
  min-height: 390px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--surface);
}
.archive-result.is-primary {
  border-color: #2d4938;
  background: linear-gradient(145deg, #15221a, #101412 72%);
}
.archive-result > strong {
  margin: 28px 0 4px;
  color: var(--accent);
  font-size: clamp(58px, 6vw, 86px);
  font-weight: 450;
  line-height: 1;
  letter-spacing: -.075em;
  font-variant-numeric: tabular-nums;
}
.archive-result > strong small { font-size: .48em; font-weight: 450; }
.archive-result h3,
.archive-local h3 { margin: 9px 0 18px; font-size: 22px; font-weight: 500; line-height: 1.22; }
.archive-result > p:not(.eyebrow):not(.archive-quality),
.archive-local > p:not(.eyebrow) { font-size: 13px; line-height: 1.75; }
.archive-result dl { margin: 20px 0 0; }
.archive-result dl > div {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 11px 0;
  border-top: 1px solid rgba(255,255,255,.09);
  font-size: 12px;
}
.archive-result dt { color: var(--muted); }
.archive-result dd { margin: 0; color: var(--text); font-family: var(--mono); text-align: right; font-variant-numeric: tabular-nums; }
.archive-quality {
  margin-top: auto;
  padding-top: 18px;
  color: var(--accent);
  font: 11px var(--mono);
  text-transform: uppercase;
  letter-spacing: .04em;
}
.archive-local-icon {
  width: 52px;
  height: 52px;
  margin-bottom: auto;
  display: grid;
  place-items: center;
  border: 1px solid #3a453e;
  border-radius: 50%;
  color: var(--accent);
  font: 26px var(--mono);
}
.archive-local .text-link { margin-top: 22px; }
.archive-note {
  max-width: 920px;
  margin-top: 22px;
  color: #7f8882;
  font-size: 12px;
  line-height: 1.75;
}
@media (max-width: 960px) {
  .archive-flow { grid-template-columns: 1fr; }
  .archive-flow article,
  .archive-flow article + article { padding: 24px 0; border-left: 0; border-bottom: 1px solid var(--line); }
  .archive-flow article:last-child { border-bottom: 0; }
  .archive-flow article > i { right: auto; left: 7px; top: auto; bottom: -11px; transform: rotate(90deg); }
  .archive-flow article p:last-child { max-width: 560px; }
  .archive-evidence { grid-template-columns: 1fr 1fr; }
  .archive-local { grid-column: 1 / -1; min-height: 280px; }
}
@media (max-width: 680px) {
  .archive-section { padding-block: 72px; }
  .archive-flow { margin-top: 38px; }
  .archive-flow article,
  .archive-flow article + article { grid-template-columns: 32px 1fr; gap: 15px; }
  .archive-step { width: 32px; height: 32px; }
  .archive-evidence { grid-template-columns: 1fr; margin-top: 28px; }
  .archive-result,
  .archive-local { min-height: 0; padding: 24px; }
  .archive-result > strong { font-size: 64px; }
  .archive-local { grid-column: auto; }
  .archive-local-icon { margin-bottom: 54px; }
}
.savings-inputs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.savings-inputs label { width: auto; }
.savings-inputs input { width: 100%; }
.monthly-volume { color: var(--muted); font-size: 14px; margin: -12px 0 24px; }
.monthly-volume [data-savings] { color: var(--text); }
@media (max-width: 760px) {
 .savings-inputs { grid-template-columns: 1fr 1fr; }
 .savings-inputs label:first-child { grid-column: 1 / -1; }
 .monthly-volume { font-size: 12px; }
}

/* The number advances only when the API returns a settled savings aggregate. */
.live-savings-section {
  padding-block: 92px;
  overflow: hidden;
  border-top: 1px solid var(--line);
  background:
    radial-gradient(circle at 88% 50%, rgba(176, 226, 196, .1), transparent 30rem),
    #080a09;
}
.live-savings-shell { position: relative; }
.live-savings-shell::after {
  content: "";
  position: absolute;
  width: 460px;
  height: 460px;
  right: -240px;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid rgba(176, 226, 196, .12);
  border-radius: 50%;
  box-shadow: 0 0 0 64px rgba(176, 226, 196, .018), 0 0 0 128px rgba(176, 226, 196, .012);
  pointer-events: none;
}
.vendor-equivalent[hidden] { display: none; }
.vendor-equivalent { position: relative; z-index: 1; max-width: 970px; margin-top: 32px; padding: 22px 24px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.025); }
.vendor-equivalent-main { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.vendor-equivalent-total { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 18px; }
.vendor-equivalent-total > span { font-size: 16px; color: var(--muted); }
.vendor-equivalent-total output { font-size: clamp(26px, 2.7vw, 38px); letter-spacing: -.035em; font-weight: 500; color: var(--text); font-variant-numeric: tabular-nums; white-space: nowrap; }
.vendor-equivalent-model { display: grid; gap: 6px; flex-shrink: 0; }
.vendor-equivalent-model > span { font-size: 11px; color: var(--muted); }
.vendor-equivalent-model select { min-height: 44px; width: 220px; padding: 8px 12px; border: 1px solid #424943; border-radius: 6px; color: var(--text); background: #151a17; font: inherit; font-size: 14px; cursor: pointer; color-scheme: dark; }
.vendor-equivalent-model select:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.vendor-equivalent-rate, .vendor-equivalent-note, .vendor-equivalent-quote { margin: 10px 0 0; color: #a1aaa4; font-size: 12px; line-height: 1.6; }
.vendor-equivalent-rate { display: flex; flex-wrap: wrap; gap: 4px 12px; }
.vendor-equivalent-rate a { text-decoration: underline; text-underline-offset: 3px; color: var(--text); }
.vendor-equivalent-note, .vendor-equivalent-quote { margin-top: 4px; }
@media (max-width: 760px) {
  .vendor-equivalent { padding: 18px; }
  .vendor-equivalent-main { align-items: stretch; flex-direction: column; gap: 16px; }
  .vendor-equivalent-model select { width: 100%; }
}

.live-savings-heading,
.live-savings-meta {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
.live-savings-heading > span,
.live-savings-meta {
  color: var(--muted);
  font: 10px var(--mono);
  letter-spacing: .04em;
  text-transform: uppercase;
}
.live-savings-heading .eyebrow { display: flex; align-items: center; gap: 9px; }
.live-savings-heading .eyebrow i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #66706a;
  box-shadow: 0 0 0 5px rgba(176, 226, 196, .035);
}
.live-savings-section.is-live .live-savings-heading .eyebrow i {
  background: var(--accent);
  box-shadow: 0 0 0 5px rgba(176, 226, 196, .08), 0 0 18px rgba(176, 226, 196, .35);
}
.live-savings-title {
  position: relative;
  z-index: 1;
  margin-top: 38px;
  max-width: 1000px;
  color: var(--text);
  font-size: clamp(30px, 4.2vw, 58px);
  line-height: 1.15;
  letter-spacing: -.04em;
  text-wrap: balance;
}
.live-savings-value {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  gap: 18px;
  margin-top: 38px;
  color: var(--accent);
  font-variant-numeric: tabular-nums;
}
.live-savings-value > span { padding-top: .16em; font-size: clamp(32px, 5vw, 64px); font-weight: 300; }
.live-savings-value strong {
  font-size: clamp(62px, 10.4vw, 150px);
  font-weight: 430;
  line-height: .82;
  letter-spacing: -.075em;
  white-space: nowrap;
}
.live-savings-label {
  position: relative;
  z-index: 1;
  max-width: 740px;
  margin-top: 28px;
  color: var(--text);
  font-size: clamp(24px, 3.3vw, 45px);
  line-height: 1.14;
  letter-spacing: -.035em;
}
.live-savings-meta {
  max-width: 970px;
  margin-top: 62px;
  padding-block: 16px;
  border-block: 1px solid var(--line);
}
.live-savings-meta p { margin: 0; color: var(--muted); }
.live-savings-meta b { color: var(--text); font-weight: 500; }
.live-savings-meta time { text-align: right; }
.live-savings-note {
  position: relative;
  z-index: 1;
  max-width: 930px;
  margin-top: 20px;
  color: #737b76;
  font-size: 12px;
  line-height: 1.75;
}
@media (max-width: 760px) {
  .live-savings-section { padding-block: 68px; }
  .live-savings-heading { align-items: flex-start; flex-direction: column; gap: 12px; }
  .live-savings-heading > span { font-size: 9px; }
  .live-savings-value { gap: 9px; margin-top: 42px; }
  .live-savings-value > span { font-size: 30px; }
  .live-savings-value strong { font-size: clamp(39px, 12.2vw, 64px); letter-spacing: -.065em; }
  .live-savings-label { margin-top: 22px; font-size: 25px; }
  .live-savings-meta { align-items: flex-start; flex-direction: column; gap: 9px; margin-top: 44px; font-size: 9px; }
  .live-savings-meta time { text-align: left; }
  .live-savings-note { font-size: 11px; }
}

/* Product update: existing KD canvas/type; screenshot-led sections, no invented UI. */
.app-highlights{display:flex;border-block:1px solid var(--line);margin:36px 0 28px;padding:25px 0;gap:48px}
.app-highlights>div{display:grid;gap:5px;flex:1}.app-highlights strong{font-size:21px;font-weight:550;letter-spacing:-.035em}.app-highlights span{color:var(--muted);font-size:13px}
.feature-shot{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#101113}.feature-shot a{display:block}.feature-shot img{width:100%;height:auto}.feature-shot figcaption{padding:16px 20px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px;border-top:1px solid var(--line)}
.memory-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:72px;align-items:center}.memory-story h3{font-size:30px;line-height:1.3;letter-spacing:-.035em;margin:22px 0 16px;text-wrap:balance}.memory-story p{font-size:15px;line-height:1.8;max-width:430px}.memory-state{font:10px var(--mono);letter-spacing:.06em;color:var(--accent);display:flex;align-items:center;gap:10px}.memory-state i{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.memory-continuity{border-top:1px solid var(--line);margin-top:36px;padding-top:28px}.memory-continuity h3{font-size:26px;margin-top:16px}.memory-story .memory-detail{font-size:12px}.memory-story .text-link{display:inline-flex;margin-top:22px}.memory-shot{margin:0;box-shadow:0 20px 65px #0005}.memory-shot img{display:block}.memory-shot figcaption{font-size:10px;justify-content:center}.memory-setup{border-block:1px solid var(--line);margin-top:48px;padding:28px 0;display:grid;grid-template-columns:1fr 2fr;gap:36px}.memory-setup h3{font-size:21px;line-height:1.4;margin:12px 0 0}.memory-setup ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0}.memory-setup li>span{font:11px var(--mono);color:var(--accent)}.memory-setup li p{font-size:13px;line-height:1.7;margin:12px 0 0}.memory-setup strong{color:var(--text);font-weight:550}
.project-memory .section-heading{margin-bottom:42px}
@media(max-width:1000px){.memory-layout{gap:30px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.memory-story h3{font-size:25px}.memory-setup{grid-template-columns:1fr}}
@media(max-width:700px){.memory-layout{grid-template-columns:1fr;gap:30px}.memory-story p{max-width:none}.memory-continuity{margin-top:26px;padding-top:22px}.memory-setup{gap:22px;margin-top:30px}.memory-setup ol{grid-template-columns:1fr;gap:20px}.memory-setup li{display:flex;gap:18px;align-items:baseline}.memory-setup li p{margin:0}.memory-setup li>span{flex-shrink:0}.memory-shot{max-width:520px;width:100%;justify-self:center}}
.feature-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:32px}.feature-notes h3{font-size:20px;letter-spacing:-.025em;margin-bottom:12px}.feature-notes p{font-size:14px;line-height:1.75}.feature-footnote{font-size:12px;margin-top:26px;max-width:850px}
.schedule-scenarios{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:32px 0}.schedule-scenarios article{padding:24px 0;border-top:1px solid var(--line)}.schedule-scenarios article>span{font:11px var(--mono);color:var(--accent);letter-spacing:.08em}.schedule-scenarios h3{font-size:24px;margin:15px 0 12px}.schedule-scenarios p{max-width:460px;font-size:15px}
.schedule-controls{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;margin-top:38px;padding:32px 0;border-block:1px solid var(--line)}.schedule-controls h3{font-size:28px;margin:15px 0}.schedule-controls p{font-size:14px;max-width:550px}.schedule-controls ul{list-style:none;padding:0;margin:0;align-self:center}.schedule-controls li{font-size:14px;padding:10px 0;color:var(--text)}.schedule-controls li::before{content:'✓';color:var(--accent);margin-right:12px}.availability-note{font-size:13px;margin-top:22px;max-width:950px}.availability-note strong{color:var(--text);font-weight:550}.release-detail-number{display:block;font:12px var(--mono);color:var(--accent);margin-bottom:20px}.release-details .feature-notes{border-top:1px solid var(--line);padding-top:30px}
@media(max-width:1000px){.studio-header nav{gap:16px}.studio-header{gap:20px}.feature-notes{gap:24px}.schedule-controls{gap:32px}}
@media(max-width:700px){.app-highlights{gap:18px;flex-wrap:wrap}.app-highlights>div{flex-basis:40%}.app-highlights strong{font-size:18px}.feature-notes{grid-template-columns:1fr;gap:24px}.feature-notes article+article{border-top:1px solid var(--line);padding-top:22px}.schedule-scenarios{grid-template-columns:1fr;gap:0}.schedule-controls{grid-template-columns:1fr;gap:18px}.feature-shot figcaption{font-size:10px;padding:12px}.feature-shot figcaption span+span{display:none}.schedule-controls h3{font-size:25px}.feature-shot{border-radius:7px}}
@media(min-width:701px) and (max-width:1050px){.studio-header{flex-wrap:wrap;height:auto;padding-block:20px;row-gap:18px}.studio-header nav{order:3;width:100%;justify-content:space-between}.header-cta{margin-left:auto}}

/* 0.3.24 landing narrative: plain-language entry, product proof, restrained motion. */
.product-tour .section-heading{margin-bottom:28px}.tour-tabs{display:flex;gap:6px;width:fit-content;padding:5px;background:#111512;border:1px solid var(--line);border-radius:10px;margin-bottom:20px}.tour-tabs[hidden],.tour-panel[hidden]{display:none}.tour-tabs button{border:0;border-radius:6px;background:transparent;padding:11px 21px;font:inherit;font-size:13px;color:var(--muted);cursor:pointer;transition:color .2s,background .2s}.tour-tabs button[aria-selected="true"]{background:#e8ede8;color:#101411}.tour-tabs button:hover:not([aria-selected="true"]){color:var(--text);background:#1b231e}.tour-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tour-stage{border:1px solid var(--line);border-radius:14px;background:#0e100f;overflow:hidden}.tour-panel{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,2fr);gap:30px;align-items:center;padding:28px}.tour-copy{padding:0 4px}.tour-copy h3{font-size:28px;line-height:1.2;letter-spacing:-.035em;margin:22px 0 18px}.tour-copy p{font-size:14px;line-height:1.75;margin-bottom:18px}.tour-copy .tour-benefit{font-size:12px;color:var(--muted)}.tour-copy .text-link{display:inline-flex;font-size:12px;margin-top:16px}.tour-screen{height:clamp(320px,35vw,450px);min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;background:#0f1018}.tour-screen img{display:block;width:100%;height:100%;object-fit:contain}.tour-panel[role="tabpanel"]:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}@media(max-width:700px){.tour-tabs{width:100%;gap:3px}.tour-tabs button{flex:1;min-width:0;padding:10px 7px;font-size:12px}.tour-panel{grid-template-columns:1fr;gap:22px;padding:20px}.tour-copy h3{font-size:25px;margin:14px 0}.tour-copy p{font-size:13px;margin-bottom:12px}.tour-copy .text-link{margin-top:6px}.tour-screen{height:260px}.product-tour .section-heading{margin-bottom:24px}}
.headline-results{padding-top:72px}.headline-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:48px}.headline-metrics>a{display:flex;flex-direction:column;padding:30px 26px;border:1px solid #344038;border-radius:12px;background:linear-gradient(145deg,#141c17,#0c100d);transition:border-color .2s}.headline-metrics>a:hover{border-color:var(--accent)}.headline-metrics strong{display:block;font-size:clamp(44px,5.1vw,68px);font-weight:500;letter-spacing:-.06em;color:var(--accent);margin:24px 0 20px;line-height:1.1;white-space:nowrap}.headline-metrics small{font-size:.5em}.headline-metrics h3{font-size:21px;line-height:1.35;margin-bottom:14px}.headline-metrics p{font-size:13px;line-height:1.7;margin-bottom:26px}.metric-link{margin-top:auto;color:var(--accent);font-size:11px}.headline-note{font-size:12px;line-height:1.7;margin-top:24px;max-width:960px}.evidence-nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.evidence-nav a{padding:14px 18px;border:1px solid var(--line);border-radius:8px;font-size:12px}.evidence-nav a:hover{border-color:var(--accent);color:var(--accent)}.headline-metrics>a:focus-visible,.evidence-nav a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}#price .hero-rates{margin:0 0 48px;max-width:none}@media(max-width:700px){.headline-metrics{grid-template-columns:1fr;gap:14px}.headline-metrics>a{padding:24px}.headline-metrics strong{font-size:64px;margin-block:18px}.evidence-nav{flex-direction:column}.headline-results{padding-top:40px}}
.hero{position:relative;isolation:isolate;overflow:visible}
.context-section{overflow:hidden}
.hero .hero-code-field{position:absolute;inset:0 -18px auto;height:660px;overflow:hidden;z-index:-1;pointer-events:none;user-select:none;mask-image:linear-gradient(180deg,transparent,#000 12%,#000 78%,transparent)}
.hero-code-lane{position:absolute;top:90px;width:360px;height:420px;opacity:.62;text-align:left;transform:rotate(-5deg)}
.hero-code-lane pre{font:14px/2.25 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#a6afbd;white-space:pre;margin:0}
.hero-code-lane pre span{color:inherit}
.lane-left{left:0;mask-image:linear-gradient(90deg,#000 15%,#0009 65%,transparent)}
.lane-right{right:-20px;top:195px;transform:rotate(5deg);mask-image:linear-gradient(270deg,#000 15%,#0009 65%,transparent)}
.hero-code-lane>i,.hero-code-signal{display:none}
.typing-cursor{display:inline-block;width:8px;height:16px;margin-left:3px;background:#d0d7e2;vertical-align:-2px;opacity:0}
.typing-active .typing-cursor{animation:codeCursor 1s steps(1) infinite}
@keyframes codeCursor{0%,55%{opacity:1}56%,100%{opacity:0}}
.hero::before{display:none}
.hero h1,.hero-description,.hero .micro,.hero .release-label{text-shadow:0 2px 12px #080909,0 0 4px #080909}
.hero-motion-toggle{display:block;margin:14px auto 0;padding:6px 10px;border:0;border-radius:4px;background:transparent;color:#90979e;font:11px var(--mono);cursor:pointer}
.hero-motion-toggle[hidden]{display:none}.hero-motion-toggle:hover{color:#e8edf3}.hero-motion-toggle:focus-visible{outline:2px solid #c8d2e0;outline-offset:3px}
@media(max-width:700px){.hero-code-field{height:560px}.hero-code-lane{top:55px;width:260px;opacity:.35}.hero-code-lane pre{font-size:12px}.lane-left{left:-35px}.lane-right{right:-100px;top:250px}}
@media(prefers-reduced-motion:reduce){.typing-cursor{animation:none!important;display:none}}
.hero h1{max-width:980px;margin-inline:auto;font-size:clamp(46px,6.45vw,88px);line-height:1.01;letter-spacing:-.055em;word-spacing:.025em}
.hero-description{max-width:760px;font-size:19px;line-height:1.65;text-wrap:pretty}
.hero-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:950px;margin:45px auto 0;border-block:1px solid var(--line);color:#aeb7b0;font-size:12px;text-align:center}
.hero-trust span{padding:18px 12px}.hero-trust span+span{border-left:1px solid var(--line)}
.laptop-stage{max-width:1060px;perspective:1500px;transform-style:preserve-3d}
.laptop-lid{position:relative;padding:18px 18px 15px;border:1px solid #3a403c;border-radius:22px 22px 12px 12px;background:linear-gradient(145deg,#282c2a,#101211 28%,#1d201e);box-shadow:0 45px 100px #000b,0 0 0 1px #0b0c0b inset;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-origin:50% 100%;transition:transform .35s ease,box-shadow .35s ease}
.laptop-stage:hover .laptop-lid{box-shadow:0 52px 120px #000c,0 0 0 1px #0b0c0b inset}
.laptop-camera{position:absolute;z-index:2;top:6px;left:50%;width:38px;height:5px;transform:translateX(-50%);border-radius:9px;background:#090a09;box-shadow:0 0 0 1px #353a37}
.laptop-stage .interface-image{position:relative;aspect-ratio:1268/768;border-radius:10px;border-color:#242825;box-shadow:none}.laptop-stage .interface-image img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:auto}
.laptop-base{height:22px;margin-inline:max(-5%,-16px);border-radius:4px 4px 45% 45%;background:linear-gradient(#9fa4a1,#4f5551 55%,#222522);box-shadow:0 16px 32px #0009;position:relative}
.laptop-base i{position:absolute;top:0;left:42%;right:42%;height:5px;border-radius:0 0 8px 8px;background:#343936}
.laptop-stage figcaption{padding-top:25px}
.ideas{padding-top:104px}.idea-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:54px}
.idea-card{position:relative;min-height:300px;padding:28px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#111312,#0c0e0d);overflow:hidden;transform-style:preserve-3d;transition:transform .28s ease,border-color .28s ease,background .28s ease}
.idea-card:hover{transform:translateY(-6px) rotateX(1.5deg);border-color:#536057;background:linear-gradient(145deg,#151a17,#0d0f0e)}
.idea-number{position:absolute;right:20px;top:16px;color:#303833;font:46px/1 var(--mono);letter-spacing:-.08em}
.idea-card h3{margin:58px 0 16px;font-size:26px}.idea-card>p:not(.eyebrow){font-size:14px;line-height:1.75;max-width:290px}
.idea-card blockquote{position:absolute;left:28px;right:28px;bottom:24px;margin:0;padding-top:16px;border-top:1px solid var(--line);color:#bdc9c0;font-size:12px;line-height:1.55}
.idea-cta{display:flex;align-items:center;justify-content:space-between;gap:45px;margin-top:28px;padding:28px 0;border-block:1px solid var(--line)}.idea-cta>p{max-width:670px;font-size:14px}
.how-section{background:#e8ede8;color:#0d100e;overflow:hidden}.how-section p{color:#58615b}.how-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:center}.how-copy .eyebrow{color:#526c5a}.how-copy h2{max-width:520px}.how-copy ol{list-style:none;padding:0;margin:44px 0 0}.how-copy li{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:20px 0;border-top:1px solid #c8cec9}.how-copy li>span{font:11px var(--mono);color:#526c5a;padding-top:4px}.how-copy h3{font-size:18px;letter-spacing:-.025em;margin-bottom:6px}.how-copy li p{font-size:13px;line-height:1.65}
.conversation-device{border-radius:18px;background:#0b0c0c;color:var(--text);box-shadow:0 42px 90px #23302845,0 0 0 1px #202522;overflow:hidden;transform:perspective(1300px) rotateY(-3deg) rotateX(1deg);transition:transform .45s ease}.conversation-device:hover{transform:perspective(1300px) rotateY(0) rotateX(0) translateY(-4px)}
.conversation-bar{height:48px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;border-bottom:1px solid #252827;font-size:11px}.conversation-bar>span{display:flex;gap:6px}.conversation-bar i{width:8px;height:8px;border-radius:50%;background:#4e5550}.conversation-bar i:nth-child(2){background:#6b746e}.conversation-bar i:nth-child(3){background:#91ad9b}.conversation-bar b{font-weight:600}.conversation-bar small{text-align:right;color:#767e79}
.conversation-body{padding:26px}.conversation-user,.conversation-agent{padding:18px;border-radius:10px;margin-bottom:14px}.conversation-user{margin-left:18%;background:#1a1d1b;border:1px solid #303632}.conversation-agent{margin-right:9%;background:#111412;border:1px solid #27312a}.conversation-user>span,.conversation-agent>span{display:block;margin-bottom:9px;color:#839187;font:9px var(--mono);letter-spacing:.06em}.conversation-user p,.conversation-agent p{color:#d6dbd7;font-size:13px;line-height:1.65}.change-card{margin-top:16px;border:1px solid #334038;border-radius:7px;overflow:hidden}.change-card strong{display:block;padding:11px 13px;border-bottom:1px solid #334038;font-size:12px}.change-card p{padding:8px 13px;font-size:11px;border-bottom:1px solid #242b27}.change-card p:last-child{border-bottom:0}.change-card b{color:var(--accent);margin-right:8px}.conversation-input{height:52px;border:1px solid #343b37;border-radius:9px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#727a75;font-size:12px}.conversation-input b{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;background:#e8ede8;color:#0b0c0c}.conversation-device>footer{display:flex;justify-content:space-between;padding:13px 22px;border-top:1px solid #252827;color:#8b958e;font:10px var(--mono)}
.outcome-proof{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center;border-bottom:1px solid var(--line)}.outcome-copy h2{font-size:clamp(36px,4.2vw,58px);max-width:690px}.outcome-copy .text-link{margin-top:30px}.outcome-receipt{padding:34px;border:1px solid #344038;border-radius:12px;background:#0e110f;box-shadow:0 25px 70px #0006}.outcome-receipt>div{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.outcome-receipt span{color:#929c95;font-size:12px}.outcome-receipt s{color:#7d8780;font-size:27px}.outcome-receipt strong{font-size:54px;font-weight:500;letter-spacing:-.06em;color:var(--accent)}.outcome-save{padding:20px 0 12px;color:var(--text);font-size:15px}.outcome-save b{color:var(--accent);font-size:24px}.outcome-receipt small{display:block;color:#717b74;font-size:10px;line-height:1.75}
.engine-section{position:relative;overflow:hidden;background:#0a0c0b;border-block:1px solid var(--line)}.engine-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(circle at 50%,#000,transparent 75%);pointer-events:none}.engine-heading{text-align:center;position:relative}.engine-heading .section-intro{margin-inline:auto;max-width:650px}.engine-orbit{position:relative;display:grid;grid-template-columns:1fr 300px 1fr;grid-template-rows:repeat(3,minmax(148px,auto));gap:16px 62px;margin-top:62px;align-items:stretch}.engine-core{grid-column:2;grid-row:1/4;align-self:center;aspect-ratio:1;border:1px solid #4b5a50;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 35%,#243229,#111512 65%);box-shadow:0 0 0 20px #b0e2c408,0 0 0 70px #b0e2c403,0 0 80px #b0e2c40d;animation:engineFloat 6s ease-in-out infinite}.engine-core img{border-radius:12px;box-shadow:0 8px 30px #0008}.engine-core span{margin:18px 0 8px;color:var(--accent);font:10px var(--mono);letter-spacing:.09em}.engine-core strong{font-size:24px;line-height:1.18;font-weight:550;letter-spacing:-.045em}.engine-orbit article{position:relative;padding:23px 25px;border:1px solid var(--line);border-radius:10px;background:#0e100f}.engine-orbit article:nth-of-type(-n+3){grid-column:1}.engine-orbit article:nth-of-type(n+4){grid-column:3}.engine-orbit article:nth-of-type(1),.engine-orbit article:nth-of-type(4){grid-row:1}.engine-orbit article:nth-of-type(2),.engine-orbit article:nth-of-type(5){grid-row:2}.engine-orbit article:nth-of-type(3),.engine-orbit article:nth-of-type(6){grid-row:3}.engine-orbit article::after{content:"";position:absolute;top:50%;width:63px;height:1px;background:linear-gradient(90deg,#2b332e,var(--accent),#2b332e);background-size:200% 100%;animation:engineSignal 3.6s linear infinite}.engine-orbit article:nth-of-type(-n+3)::after{left:100%}.engine-orbit article:nth-of-type(n+4)::after{right:100%}.engine-orbit article>span{font:9px var(--mono);color:#718078}.engine-orbit h3{font-size:19px;margin:15px 0 9px;letter-spacing:-.025em}.engine-orbit p{font-size:12px;line-height:1.7}
.product-tour{padding-bottom:86px}.tour-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;margin-top:52px}.tour-grid figure{min-width:0;margin:0;border:1px solid var(--line);border-radius:12px;background:#0e100f;overflow:hidden}.tour-main{grid-column:1/-1}.tour-grid a{display:block;overflow:hidden;background:#0a0b0b}.tour-grid img{width:100%;height:auto;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.tour-grid figure:hover img{transform:scale(1.018)}.tour-main img{aspect-ratio:1.86;object-fit:cover;object-position:top}.tour-grid figure:not(.tour-main) img{height:430px;object-fit:cover;object-position:top}.tour-memory img{object-position:center top;background:#101118}.tour-grid figcaption{display:grid;grid-template-columns:.65fr 1.35fr;gap:20px;padding:20px 22px;border-top:1px solid var(--line)}.tour-grid figcaption strong{font-size:14px}.tour-grid figcaption span{color:var(--muted);font-size:12px;line-height:1.6}.technical-divider{padding:28px 0;border-block:1px solid var(--line);color:#6f7972;font:9px var(--mono);letter-spacing:.09em;text-align:center}
.engineering-proof{display:block;border-block:1px solid var(--line);background:#0a0c0b}.engineering-proof+.engineering-proof{border-top:0}.engineering-proof>summary{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:28px;cursor:pointer;list-style:none}.engineering-proof>summary::-webkit-details-marker{display:none}.engineering-proof>summary span{display:grid;gap:5px}.engineering-proof>summary b{font-size:15px;font-weight:560;letter-spacing:-.015em}.engineering-proof>summary small{color:var(--muted);font-size:11px}.engineering-proof>summary i{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border:1px solid #343c37;border-radius:50%;color:var(--accent);font:20px/1 var(--mono);transition:transform .28s ease,background .28s ease}.engineering-proof[open]>summary i{transform:rotate(45deg);background:#172019}.engineering-proof-body{border-top:1px solid var(--line)}
.reveal-ready{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal-ready.is-visible{opacity:1;transform:none}
@keyframes engineFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes engineSignal{to{background-position:-200% 0}}
@media(max-width:980px){.idea-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.how-layout{grid-template-columns:1fr;gap:50px}.how-copy{display:grid;grid-template-columns:1fr 1fr;gap:40px}.how-copy ol{margin-top:0}.outcome-proof{gap:40px}.engine-orbit{grid-template-columns:1fr 250px 1fr;gap:14px 35px}.engine-orbit article::after{width:36px}.tour-grid figure:not(.tour-main) img{height:340px}}
@media(max-width:700px){.wrap{width:min(100% - 36px,1200px)}.studio-header{height:76px;flex-wrap:nowrap;padding-block:0}.studio-header nav{display:none}.hero{padding-top:48px}.hero h1{font-size:clamp(32px,10vw,44px);margin-inline:0}.hero-description{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column}.laptop-stage{margin-top:48px}.laptop-lid{padding:9px;border-radius:13px 13px 7px 7px}.laptop-base{height:13px}.laptop-stage figcaption span:last-child{display:none}.hero-trust{grid-template-columns:1fr 1fr}.hero-trust span:nth-child(3){border-left:0}.hero-trust span:nth-child(n+3){border-top:1px solid var(--line)}.ideas{padding-top:78px}.split-heading{display:block}.idea-grid{grid-template-columns:1fr;margin-top:36px}.idea-card{min-height:290px}.idea-cta{align-items:stretch;flex-direction:column;gap:20px}.how-copy{display:block}.how-copy ol{margin-top:35px}.conversation-device{transform:none}.conversation-body{padding:16px}.conversation-user{margin-left:8%}.conversation-agent{margin-right:0}.outcome-proof{grid-template-columns:1fr;gap:38px}.outcome-receipt{padding:22px}.outcome-receipt>div{align-items:flex-start;flex-direction:column}.outcome-receipt strong{font-size:46px}.engine-orbit{display:flex;flex-direction:column;margin-top:40px}.engine-core{order:-1;width:min(280px,82vw);align-self:center;margin-bottom:28px}.engine-orbit article::after{display:none}.tour-grid{grid-template-columns:1fr}.tour-main{grid-column:auto}.tour-grid figure:not(.tour-main) img,.tour-main img{height:auto;aspect-ratio:1.44;object-fit:cover}.tour-memory img{object-fit:contain!important}.tour-grid figcaption{grid-template-columns:1fr;gap:7px}.technical-divider{text-align:left}.engineering-proof>summary{padding-block:22px}.engineering-proof>summary small{max-width:260px}}
@media(prefers-reduced-motion:reduce){.laptop-lid,.idea-card,.conversation-device,.tour-grid img,.reveal-ready{transition:none!important;transform:none!important}.engine-core,.engine-orbit article::after{animation:none!important}}

/* Keep technology, benefit and measured outcome in the same card. */
@media(min-width:701px) and (max-width:980px){.tour-screen{height:400px}}
@media(max-width:700px){.tour-copy{min-height:280px}}
.headline-metrics h3{margin:16px 0 12px;font-size:24px}
.headline-metrics>a>p{margin-bottom:16px;max-width:440px}
.technology-outcome{margin-top:auto;padding-block:18px;border-block:1px solid var(--line)}
.technology-outcome strong{margin:0 0 8px}
.technology-outcome>span{font-size:14px;color:var(--text)}
.headline-metrics ul{list-style:none;padding:0;margin:20px 0 24px;display:grid;gap:10px}
.headline-metrics li{position:relative;padding-left:17px;font-size:12px;line-height:1.7;color:var(--muted)}
.headline-metrics li::before{content:'·';position:absolute;left:0;color:var(--accent)}
.headline-metrics .metric-link{margin-top:0}
@media(max-width:700px){.headline-metrics h3{font-size:22px}.technology-outcome strong{margin:0 0 8px;font-size:58px}}

/* KD Research appears after the core engine evidence as an incremental gain. */
.kd-research-section{position:relative;overflow:hidden;background:#090c0a;border-block:1px solid var(--line)}
.kd-research-section::before{content:"";position:absolute;inset:-48% -8% auto 38%;height:760px;background:radial-gradient(circle,#8be6a326 0,transparent 68%);pointer-events:none}
.kd-research-shell{position:relative;padding-block:8px}
.kd-research-heading{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:80px;align-items:end}
.kd-research-heading h2{max-width:650px;margin-top:18px;font-size:clamp(44px,5.6vw,76px);line-height:1;letter-spacing:-.06em}
.kd-research-heading .section-intro{max-width:620px}
.kd-research-comparison{display:grid;grid-template-columns:minmax(0,1fr) 240px minmax(0,1fr);margin-top:58px;border:1px solid #344038;border-radius:14px;overflow:hidden;background:#0d110e;box-shadow:inset 0 1px #ffffff0a}
.kd-research-plan{padding:32px 34px}.kd-research-plan h3{margin:18px 0 38px;font-size:22px;letter-spacing:-.035em}.kd-research-plan>strong{display:block;font-size:clamp(54px,6vw,78px);font-weight:500;line-height:1;letter-spacing:-.07em}.kd-research-plan.is-baseline>strong{color:#b6beb8}.kd-research-plan.is-research{background:linear-gradient(145deg,#17231b,#0d120f)}.kd-research-plan.is-research>strong{color:var(--accent)}
.kd-research-plan dl{margin:34px 0 0}.kd-research-plan dl>div{display:flex;justify-content:space-between;gap:24px;padding:14px 0;border-top:1px solid #344038}.kd-research-plan dt{color:#8f9992;font-size:12px}.kd-research-plan dd{margin:0;color:var(--text);font-size:14px;font-weight:600}
.kd-research-gain{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 18px;border-inline:1px solid #344038;background:#0a0d0b}.kd-research-gain span,.kd-research-gain small{color:#8f9c93;font:10px/1.5 var(--mono);letter-spacing:.05em;text-transform:uppercase}.kd-research-gain strong{margin:18px 0;color:var(--accent);font-size:34px;font-weight:550;line-height:1.05;letter-spacing:-.055em;white-space:nowrap}
.kd-research-foot{display:flex;justify-content:space-between;align-items:flex-start;gap:48px;padding-top:24px}.kd-research-foot p{max-width:900px;font-size:12px;line-height:1.75}.kd-research-foot b{color:var(--text)}.kd-research-foot a{flex:0 0 auto;color:var(--accent);font-size:12px}
@media(min-width:981px){.headline-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.kd-research-heading{grid-template-columns:1fr;gap:28px}.kd-research-comparison{grid-template-columns:1fr 190px 1fr}.kd-research-plan{padding:26px 24px}.kd-research-gain strong{font-size:28px}}
@media(max-width:700px){.kd-research-heading h2{font-size:46px}.kd-research-comparison{grid-template-columns:1fr}.kd-research-gain{border-inline:0;border-block:1px solid #344038}.kd-research-plan h3{margin-bottom:28px}.kd-research-plan>strong{font-size:62px}.kd-research-foot{flex-direction:column;gap:18px}}

/* KD Code 0.3.36: the complete Telegram-to-desktop flow. */
.remote-showcase-section{position:relative;overflow:hidden;background:#090b0a;border-bottom:1px solid var(--line);scroll-margin-top:24px}
.remote-showcase-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#0008,transparent 72%);pointer-events:none}
.remote-showcase-shell{position:relative}
.remote-showcase-heading{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:84px;align-items:end}
.remote-showcase-heading h2{max-width:710px;margin:18px 0 0;font-size:clamp(42px,5.2vw,70px);line-height:1.01;letter-spacing:-.064em}
.remote-showcase-heading>div:last-child{padding-bottom:6px}
.remote-showcase-heading>div:last-child>p{max-width:540px;font-size:16px;line-height:1.75}
.remote-showcase-heading .text-link{margin-top:24px}
.remote-showcase-visual{position:relative;margin-top:58px;border:1px solid #303733;border-radius:20px;background:#0c1112;box-shadow:0 38px 100px #0008,0 0 0 1px #ffffff05;overflow:hidden}
.remote-showcase-visual picture{display:block}
.remote-showcase-visual img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.remote-showcase-visual figcaption{display:grid;grid-template-columns:auto minmax(60px,1fr) auto;align-items:center;gap:18px;padding:16px 20px;border-top:1px solid #2b312e;background:#0d100f;color:#89938d;font:10px var(--mono);letter-spacing:.045em;text-transform:uppercase}
.remote-showcase-visual figcaption i{height:1px;background:linear-gradient(90deg,#7be3df,#36423c)}
.remote-showcase-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:42px;border-block:1px solid var(--line)}
.remote-showcase-steps article{min-width:0;padding:28px 30px 30px 0}
.remote-showcase-steps article+article{padding-left:30px;border-left:1px solid var(--line)}
.remote-showcase-steps article>span{color:#79988a;font:9px var(--mono);letter-spacing:.08em}
.remote-showcase-steps h3{margin:16px 0 10px;font-size:20px;letter-spacing:-.035em}
.remote-showcase-steps p{max-width:330px;font-size:12px;line-height:1.7}
.remote-showcase-note{max-width:960px;margin-top:24px;padding-left:20px;border-left:2px solid #42534a;color:#737d77;font-size:11px;line-height:1.75}
@media(max-width:760px){
  .release-banner-inner{min-height:0;padding-block:18px;grid-template-columns:38px 1fr;gap:12px}
  .release-banner-mark{width:38px;height:38px;border-radius:10px}
  .release-banner-copy{display:block}
  .release-banner-copy h2{margin:5px 0 6px;font-size:18px}
  .release-banner-copy p:last-child{font-size:12px}
  .release-banner-inner>a{grid-column:1/-1;justify-content:center;width:100%}
  .remote-showcase-heading{grid-template-columns:1fr;gap:24px}
  .remote-showcase-heading h2{font-size:42px}
  .remote-showcase-heading>div:last-child{padding:0}
  .remote-showcase-visual{margin-top:38px;border-radius:14px}
  .remote-showcase-visual img{aspect-ratio:4/5}
  .remote-showcase-visual figcaption{grid-template-columns:auto 1fr auto;gap:10px;padding:13px 14px;font-size:8px}
  .remote-showcase-steps{grid-template-columns:1fr;margin-top:30px}
  .remote-showcase-steps article{padding:24px 0}
  .remote-showcase-steps article+article{padding-left:0;border-left:0;border-top:1px solid var(--line)}
  .remote-showcase-steps h3{font-size:19px}
}