/* Onest and IBM Plex Mono are bundled locally. See assets/fonts/LICENSES.txt. */
@font-face {
  font-family: "Onest";
  src: url("/assets/fonts/onest-cyrillic.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0400-045F, U+0490-04FF, U+1C80-1C8F, U+20B4;
}

/* Exact user-supplied brand raster. */
.brand img { content: url('/assets/chatgpt.svg?v=20260716'); border-radius: 9px; }
.brand img.chatgpt-logo { animation: chatgpt-logo-breathe 3s ease-in-out infinite; }
.mini-portal { background-image: url('/assets/chatgpt.svg?v=20260716'); }

/* V6 — conversational AI infrastructure landing */
body.landing-v6 {
  --v6-bg: #f6f7f3;
  --v6-surface: #ffffff;
  --v6-surface-soft: #eef2ed;
  --v6-ink: #121411;
  --v6-muted: #686e68;
  --v6-line: rgba(18, 20, 17, .13);
  --v6-line-strong: rgba(18, 20, 17, .24);
  --v6-accent: #159a74;
  --v6-accent-deep: #0c6f53;
  --v6-accent-soft: #d9f4e8;
  --v6-dark: #111512;
  --v6-dark-soft: #181e1a;
  --v6-dark-line: rgba(241, 247, 242, .14);
  --v6-radius: 28px;
  min-width: 320px;
  overflow-x: clip;
  background: var(--v6-bg);
  color: var(--v6-ink);
  font-family: var(--sans);
}
body.landing-v6::before {
  position: fixed;
  z-index: 100;
  inset: 0;
  pointer-events: none;
  opacity: .18;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.84' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.075'/%3E%3C/svg%3E");
  mask-image: none;
}
.landing-v6 *, .landing-v6 *::before, .landing-v6 *::after { box-sizing: border-box; }
.landing-v6 a { color: inherit; }
.landing-v6 main { overflow: clip; }
.landing-v6 .section-shell { width: min(calc(100% - 48px), 1360px); margin-inline: auto; }
.landing-v6 .brand img { content: url('/assets/mark.svg'); border-radius: 10px; }
.landing-v6 .v6-brand { display: inline-flex; align-items: center; gap: 10px; color: var(--v6-ink); font-size: 15px; font-weight: 760; letter-spacing: -.05em; text-transform: lowercase; }
.landing-v6 .v6-brand img { width: 36px; height: 36px; }
.landing-v6 .brand-domain { color: var(--v6-muted); font: inherit; }
.landing-v6 .button { min-height: 52px; padding: 0 20px; border: 1px solid transparent; border-radius: 13px; font-size: 13px; font-weight: 650; transition: transform .25s var(--ease), background .25s ease, color .25s ease, border-color .25s ease, box-shadow .25s ease; }
.landing-v6 .button:hover { transform: translateY(-2px); }
.landing-v6 .button:active { transform: translateY(0) scale(.985); }
.landing-v6 button, .landing-v6 input { font: inherit; }
.landing-v6 :focus-visible { outline: 3px solid color-mix(in srgb, var(--v6-accent) 48%, transparent); outline-offset: 3px; }

.v6-scroll-progress { position: fixed; z-index: 120; top: 0; right: 0; left: 0; height: 3px; pointer-events: none; }
.v6-scroll-progress i { display: block; width: 100%; height: 100%; background: var(--v6-accent); transform: scaleX(0); transform-origin: left; will-change: transform; }

.landing-v6 .v6-header {
  position: fixed;
  z-index: 90;
  top: 14px;
  left: 50%;
  display: grid;
  width: min(calc(100% - 28px), 1450px);
  min-height: 68px;
  margin: 0;
  padding: 8px 10px 8px 14px;
  border: 1px solid color-mix(in srgb, var(--v6-line-strong) 78%, transparent);
  border-radius: 21px;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  background: color-mix(in srgb, var(--v6-bg) 86%, transparent);
  box-shadow: 0 15px 50px rgba(28, 38, 31, .08), inset 0 1px rgba(255, 255, 255, .62);
  backdrop-filter: blur(22px) saturate(1.2);
  transform: translateX(-50%);
  transition: top .35s var(--ease), width .35s var(--ease), min-height .35s var(--ease), background .25s ease;
}
.landing-v6 .v6-header.is-compact { top: 8px; width: min(calc(100% - 18px), 1420px); min-height: 60px; }
.v6-desktop-nav { display: flex; align-items: center; gap: 5px; }
.v6-desktop-nav a { position: relative; padding: 10px 13px; border-radius: 10px; color: var(--v6-muted); font-size: 12px; font-weight: 520; transition: color .2s ease, background .2s ease; }
.v6-desktop-nav a:hover { background: color-mix(in srgb, var(--v6-surface) 80%, transparent); color: var(--v6-ink); }
.v6-header-actions { display: flex; justify-self: end; align-items: center; gap: 8px; }
.v6-live-link { display: inline-flex; min-height: 38px; padding: 0 9px; align-items: center; gap: 8px; color: var(--v6-muted); font: 9px var(--mono); letter-spacing: .02em; }
.v6-live-link i, .v6-footer-action > span i { width: 7px; height: 7px; border-radius: 50%; background: #a4aaa5; box-shadow: 0 0 0 5px rgba(127, 137, 130, .1); transition: background .25s ease, box-shadow .25s ease; }
.v6-live-link.is-online i, .v6-footer-action > span.is-online i { background: var(--v6-accent); box-shadow: 0 0 0 5px color-mix(in srgb, var(--v6-accent) 14%, transparent); }
.v6-live-link.is-limited i, .v6-footer-action > span.is-limited i { background: #d68a37; box-shadow: 0 0 0 5px rgba(214, 138, 55, .12); }
.landing-v6 .v6-header-cta { min-height: 50px; padding-inline: 18px; gap: 28px; background: var(--v6-ink); color: var(--v6-bg); }
.landing-v6 .v6-header-cta:hover { background: color-mix(in srgb, var(--v6-ink) 86%, var(--v6-muted)); color: var(--v6-bg); box-shadow: 0 10px 28px rgba(18, 20, 17, .14); }
.v6-menu-toggle { display: none; width: 46px; height: 46px; padding: 0; border: 1px solid var(--v6-line); border-radius: 13px; background: var(--v6-surface); cursor: pointer; }
.v6-menu-toggle i { display: block; width: 17px; height: 1.5px; margin: 5px auto; background: var(--v6-ink); transition: transform .25s var(--ease); }
.v6-menu-toggle[aria-expanded="true"] i:first-child { transform: translateY(3.25px) rotate(45deg); }
.v6-menu-toggle[aria-expanded="true"] i:last-child { transform: translateY(-3.25px) rotate(-45deg); }
.v6-mobile-menu { position: fixed; z-index: 85; inset: 0; padding: 100px 18px 18px; background: color-mix(in srgb, var(--v6-bg) 94%, transparent); backdrop-filter: blur(26px); }
.v6-mobile-menu nav { width: min(100%, 680px); margin: 4vh auto 0; border-top: 1px solid var(--v6-line-strong); }
.v6-mobile-menu nav a { display: grid; min-height: 82px; padding: 0 6px; border-bottom: 1px solid var(--v6-line); grid-template-columns: 42px 1fr; align-items: center; font-size: clamp(25px, 6vw, 40px); font-weight: 590; letter-spacing: -.045em; }
.v6-mobile-menu nav a span { color: var(--v6-muted); font: 9px var(--mono); }
.v6-mobile-menu-footer { position: absolute; right: 22px; bottom: max(24px, env(safe-area-inset-bottom)); left: 22px; display: flex; align-items: end; justify-content: space-between; gap: 20px; }
.v6-mobile-menu-footer > a { border-bottom: 1px solid var(--v6-ink); font-size: 12px; font-weight: 650; }
.v6-theme-switcher { display: flex; gap: 3px; padding: 4px; border: 1px solid var(--v6-line); border-radius: 11px; background: var(--v6-surface); }
.v6-theme-switcher button { min-height: 34px; padding: 0 10px; border: 0; border-radius: 8px; background: transparent; color: var(--v6-muted); font-size: 10px; cursor: pointer; }
.v6-theme-switcher button[aria-pressed="true"] { background: var(--v6-ink); color: var(--v6-bg); }
.v6-header-theme { flex: none; }
body.v6-menu-open { overflow: hidden; }

.v6-hero { position: relative; min-height: min(980px, 100dvh); padding: 132px 24px 34px; }
.v6-hero-ambient { position: absolute; z-index: 0; inset: 0; overflow: hidden; pointer-events: none; }
.v6-hero-ambient i { position: absolute; border-radius: 50%; filter: blur(2px); opacity: .72; animation: v6-ambient-drift 18s ease-in-out infinite alternate; }
.v6-hero-ambient i:nth-child(1) { top: 5%; right: 4%; width: min(44vw, 690px); height: min(44vw, 690px); background: radial-gradient(circle, rgba(104, 221, 176, .27), rgba(104, 221, 176, 0) 68%); }
.v6-hero-ambient i:nth-child(2) { bottom: 2%; left: -8%; width: min(42vw, 620px); height: min(42vw, 620px); background: radial-gradient(circle, rgba(113, 190, 219, .18), rgba(113, 190, 219, 0) 70%); animation-delay: -8s; }
.v6-hero-ambient i:nth-child(3) { top: 20%; left: 38%; width: 420px; height: 420px; border: 1px solid rgba(21, 154, 116, .12); box-shadow: 0 0 0 78px rgba(21, 154, 116, .025), 0 0 0 156px rgba(21, 154, 116, .018); animation-delay: -4s; }
@keyframes v6-ambient-drift { to { transform: translate3d(20px, -25px, 0) scale(1.06); } }
.v6-hero-layout { position: relative; z-index: 2; display: grid; width: min(100%, 1400px); min-height: 690px; margin-inline: auto; grid-template-columns: minmax(0, .9fr) minmax(520px, 1.1fr); align-items: center; gap: clamp(44px, 6vw, 100px); }
.v6-eyebrow { display: flex; max-width: 620px; margin: 0 0 28px; justify-content: space-between; color: var(--v6-muted); font: 9px var(--mono); letter-spacing: .09em; }
.v6-eyebrow b { color: var(--v6-accent-deep); font-weight: 500; }
.v6-hero h1 { max-width: 760px; margin: 0; color: var(--v6-ink); font-size: clamp(62px, 7.15vw, 108px); font-weight: 690; line-height: .86; letter-spacing: -.075em; text-wrap: balance; }
.v6-hero h1 span { color: var(--v6-accent-deep); font-weight: 420; }
.v6-hero-lead { max-width: 650px; margin: 32px 0 0; color: var(--v6-muted); font-size: 16px; line-height: 1.65; text-wrap: pretty; }
.v6-hero-actions { display: flex; margin-top: 33px; align-items: center; gap: 25px; }
.landing-v6 .v6-primary-button { min-width: 212px; justify-content: space-between; background: var(--v6-ink); color: var(--v6-bg); }
.landing-v6 .v6-primary-button:hover { background: var(--v6-accent-deep); box-shadow: 0 14px 40px rgba(12, 111, 83, .2); }
.v6-secondary-link { display: inline-flex; min-height: 46px; align-items: center; gap: 16px; border-bottom: 1px solid var(--v6-line-strong); font-size: 12px; font-weight: 620; transition: border-color .2s ease, color .2s ease; }
.v6-secondary-link:hover { border-color: var(--v6-accent); color: var(--v6-accent-deep); }
.v6-hero-facts { display: grid; max-width: 650px; margin: 46px 0 0; padding: 21px 0 0; border-top: 1px solid var(--v6-line); grid-template-columns: repeat(3, 1fr); list-style: none; }
.v6-hero-facts li { padding-right: 16px; border-right: 1px solid var(--v6-line); }
.v6-hero-facts li:not(:first-child) { padding-left: 18px; }
.v6-hero-facts li:last-child { border-right: 0; }
.v6-hero-facts strong, .v6-hero-facts li > span { display: block; }
.v6-hero-facts [data-min-topup] { display: inline; }
.v6-hero-facts strong { font-size: 12px; font-weight: 660; }
.v6-hero-facts li > span { margin-top: 6px; color: var(--v6-muted); font-size: 9px; line-height: 1.45; }

.v6-access-map { --spot-x: 50%; --spot-y: 50%; position: relative; min-height: 640px; overflow: hidden; border: 1px solid var(--v6-line); border-radius: 32px; background: color-mix(in srgb, var(--v6-surface) 82%, transparent); box-shadow: 0 35px 100px rgba(35, 55, 43, .11), inset 0 1px rgba(255,255,255,.9); backdrop-filter: blur(18px); }
.v6-access-map::before, .v6-dashboard::before { position: absolute; z-index: 0; inset: 0; pointer-events: none; content: ""; background: radial-gradient(420px circle at var(--spot-x) var(--spot-y), rgba(112, 230, 186, .16), transparent 58%); opacity: .8; }
.v6-access-map::after { position: absolute; inset: 43px 0 98px; pointer-events: none; content: ""; background-image: linear-gradient(rgba(18,20,17,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(18,20,17,.045) 1px, transparent 1px); background-size: 42px 42px; mask-image: radial-gradient(circle at center, #000 12%, transparent 76%); }
.v6-map-topline { position: relative; z-index: 3; display: flex; min-height: 48px; padding: 0 18px; border-bottom: 1px solid var(--v6-line); align-items: center; justify-content: space-between; color: var(--v6-muted); font: 8px var(--mono); letter-spacing: .06em; }
.v6-map-topline span:last-child { display: inline-flex; align-items: center; gap: 8px; }
.v6-map-topline i { width: 6px; height: 6px; border-radius: 50%; background: #a3aaa5; }
.v6-map-topline .is-online i { background: var(--v6-accent); box-shadow: 0 0 0 5px rgba(21,154,116,.11); }
.v6-map-canvas { position: relative; z-index: 2; height: 440px; }
.v6-map-canvas > svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.v6-map-canvas path { fill: none; stroke: color-mix(in srgb, var(--v6-accent) 42%, var(--v6-line)); stroke-width: 1.2; stroke-dasharray: 7 8; animation: v6-signal-flow 8s linear infinite; }
@keyframes v6-signal-flow { to { stroke-dashoffset: -120; } }
.v6-core { position: absolute; z-index: 2; top: 50%; left: 50%; display: grid; width: 148px; height: 148px; border: 1px solid var(--v6-line-strong); border-radius: 50%; place-items: center; background: var(--v6-surface); box-shadow: 0 18px 60px rgba(22, 51, 36, .13), 0 0 0 18px rgba(255,255,255,.36), 0 0 0 19px var(--v6-line); transform: translate(-50%, -50%); }
.v6-core span { display: grid; width: 56px; height: 56px; border-radius: 16px; place-items: center; background: var(--v6-ink); }
.v6-core img { width: 46px; height: 46px; filter: invert(1); }
.v6-core b { margin-top: -11px; font: 660 10px var(--mono); letter-spacing: .06em; }
.v6-core small { margin-top: -23px; color: var(--v6-muted); font: 7px var(--mono); }
.v6-tool-node { position: absolute; z-index: 3; display: flex; min-width: 100px; min-height: 46px; padding: 7px 10px; border: 1px solid var(--v6-line); border-radius: 14px; align-items: center; gap: 9px; background: color-mix(in srgb, var(--v6-surface) 90%, transparent); box-shadow: 0 12px 32px rgba(28, 45, 34, .08); backdrop-filter: blur(10px); animation: v6-node-float 5s ease-in-out infinite; }
.v6-tool-node b { display: grid; width: 28px; height: 28px; border-radius: 9px; place-items: center; background: var(--v6-surface-soft); color: var(--v6-accent-deep); font: 650 9px var(--mono); }
.v6-tool-node span { font-size: 10px; font-weight: 620; white-space: nowrap; }
.node-codex { top: 17px; left: 20px; }
.node-cursor { top: 24px; right: 14px; animation-delay: -1.2s; }
.node-ide { right: 6px; bottom: 31px; animation-delay: -2.1s; }
.node-agents { bottom: 40px; left: 5px; animation-delay: -3.2s; }
.node-sdk { bottom: 5px; left: 50%; animation-delay: -4s; transform: translateX(-50%); }
@keyframes v6-node-float { 50% { translate: 0 -7px; } }
.v6-command-surface { position: relative; z-index: 4; display: grid; min-height: 74px; margin: 0 18px; padding: 10px 12px; border: 1px solid var(--v6-line); border-radius: 18px; grid-template-columns: 46px 1fr auto; align-items: center; gap: 12px; background: color-mix(in srgb, var(--v6-surface) 92%, transparent); box-shadow: 0 16px 40px rgba(29, 45, 35, .09); transition: opacity .2s ease, transform .2s ease; }
.v6-command-surface.is-switching { opacity: .48; transform: translateY(3px); }
.v6-command-icon { display: grid; width: 46px; height: 46px; border-radius: 13px; place-items: center; background: var(--v6-ink); color: var(--v6-bg); font: 13px var(--mono); }
.v6-command-surface small, .v6-command-surface strong { display: block; }
.v6-command-surface small { margin-bottom: 5px; color: var(--v6-accent-deep); font: 7px var(--mono); letter-spacing: .08em; }
.v6-command-surface strong { font-size: 13px; font-weight: 580; }
.v6-command-model { padding: 7px 9px; border-radius: 9px; background: var(--v6-accent-soft); color: var(--v6-accent-deep); font: 8px var(--mono); }
.v6-map-events { position: relative; z-index: 3; display: flex; min-height: 76px; padding: 0 22px; align-items: center; justify-content: space-between; gap: 12px; color: var(--v6-muted); font: 7px var(--mono); letter-spacing: .04em; }
.v6-map-events span { display: inline-flex; align-items: center; gap: 7px; }
.v6-map-events i { width: 5px; height: 5px; border-radius: 50%; background: var(--v6-accent); animation: v6-event-pulse 2.2s ease infinite; }
.v6-map-events span:nth-child(2) i { animation-delay: -.7s; }
.v6-map-events span:nth-child(3) i { animation-delay: -1.4s; }
@keyframes v6-event-pulse { 50% { opacity: .25; transform: scale(.75); } }
.v6-tool-rail { position: relative; z-index: 3; width: min(100%, 1400px); margin: 15px auto 0; overflow: hidden; border-top: 1px solid var(--v6-line); border-bottom: 1px solid var(--v6-line); }
.v6-tool-rail > div { display: flex; width: max-content; animation: v6-rail 28s linear infinite; }
.v6-tool-rail span { display: inline-flex; min-width: 168px; min-height: 58px; padding: 0 22px; border-right: 1px solid var(--v6-line); align-items: center; gap: 11px; color: var(--v6-muted); font-size: 10px; font-weight: 560; }
.v6-tool-rail b { display: grid; width: 25px; height: 25px; border: 1px solid var(--v6-line); border-radius: 8px; place-items: center; color: var(--v6-ink); font: 600 7px var(--mono); }
@keyframes v6-rail { to { transform: translateX(-50%); } }
.v6-tool-rail:hover > div { animation-play-state: paused; }
.v6-independence { position: relative; z-index: 2; margin: 17px auto 0; color: var(--v6-muted); font-size: 9px; text-align: center; }

.v6-proof { display: grid; padding: 120px 0 150px; grid-template-columns: repeat(3, 1fr); }
.v6-proof article { min-height: 245px; padding: 28px 34px 26px 0; border-top: 1px solid var(--v6-line-strong); border-right: 1px solid var(--v6-line); }
.v6-proof article:not(:first-child) { padding-left: 34px; }
.v6-proof article:last-child { border-right: 0; }
.v6-proof article > span { color: var(--v6-accent-deep); font: 8px var(--mono); }
.v6-proof h2 { margin: 72px 0 12px; font-size: 25px; font-weight: 610; letter-spacing: -.045em; }
.v6-proof p { max-width: 350px; margin: 0; color: var(--v6-muted); font-size: 12px; line-height: 1.7; }

.v6-section-label { color: var(--v6-accent-deep); font: 8px var(--mono); letter-spacing: .1em; }
.v6-section-intro { display: grid; padding-bottom: 76px; grid-template-columns: .65fr 1.55fr .8fr; align-items: end; gap: clamp(28px, 5vw, 78px); }
.v6-section-intro > p:first-child { align-self: start; margin: 8px 0 0; }
.v6-section-intro h2 { margin: 0; font-size: clamp(55px, 6vw, 88px); font-weight: 590; line-height: .92; letter-spacing: -.068em; text-wrap: balance; }
.v6-section-intro > p:last-child { margin: 0; color: var(--v6-muted); font-size: 13px; line-height: 1.7; }
.v6-protocol { padding: 20px 0 170px; scroll-margin-top: 90px; }
.v6-protocol-shell { display: grid; min-height: 620px; overflow: hidden; border: 1px solid var(--v6-line-strong); border-radius: var(--v6-radius); grid-template-columns: minmax(330px, .75fr) minmax(0, 1.25fr); background: var(--v6-surface); box-shadow: 0 28px 80px rgba(27, 45, 33, .075); }
.v6-protocol-tabs { display: flex; padding: 12px; border-right: 1px solid var(--v6-line); flex-direction: column; gap: 6px; background: var(--v6-surface-soft); }
.v6-protocol-tabs button { display: grid; min-height: 136px; padding: 22px 20px; border: 1px solid transparent; border-radius: 18px; grid-template-columns: 38px 1fr 20px; align-items: start; gap: 12px; background: transparent; color: var(--v6-ink); text-align: left; cursor: pointer; transition: background .25s ease, border-color .25s ease, transform .25s var(--ease); }
.v6-protocol-tabs button:hover { transform: translateX(3px); }
.v6-protocol-tabs button[aria-selected="true"] { border-color: var(--v6-line); background: var(--v6-surface); box-shadow: 0 12px 32px rgba(34, 50, 40, .07); }
.v6-protocol-tabs button > span { color: var(--v6-accent-deep); font: 8px var(--mono); }
.v6-protocol-tabs strong, .v6-protocol-tabs small { display: block; }
.v6-protocol-tabs strong { margin-bottom: 10px; font-size: 17px; font-weight: 620; letter-spacing: -.025em; }
.v6-protocol-tabs small { color: var(--v6-muted); font-size: 10px; line-height: 1.5; }
.v6-protocol-tabs i { justify-self: end; color: var(--v6-muted); font-style: normal; }
.v6-protocol-display { position: relative; overflow: hidden; background: var(--v6-dark); color: #ecf2ed; }
.v6-protocol-display::before { position: absolute; right: -190px; bottom: -250px; width: 560px; height: 560px; border: 1px solid rgba(113, 227, 183, .18); border-radius: 50%; box-shadow: 0 0 0 74px rgba(104, 221, 176, .025), 0 0 0 148px rgba(104, 221, 176, .018); content: ""; }
.v6-window-bar { position: relative; z-index: 2; display: grid; min-height: 52px; padding: 0 18px; border-bottom: 1px solid var(--v6-dark-line); grid-template-columns: 1fr auto 1fr; align-items: center; color: #89918b; font: 8px var(--mono); }
.v6-window-bar > span { display: flex; gap: 6px; }
.v6-window-bar i { width: 8px; height: 8px; border-radius: 50%; background: #3c433e; }
.v6-window-bar b { color: #a9b2ab; font-weight: 400; }
.v6-window-bar small { justify-self: end; color: #7ce3bd; }
.v6-protocol-display section { position: relative; z-index: 2; min-height: 565px; padding: clamp(48px, 6vw, 82px); }
.v6-panel-kicker { margin: 0 0 52px; color: #89938c; font: 8px var(--mono); letter-spacing: .1em; }
.v6-protocol-display h3 { max-width: 620px; margin: 0 0 36px; font-size: clamp(43px, 4.4vw, 66px); font-weight: 520; line-height: .96; letter-spacing: -.06em; }
.v6-auth-flow, .v6-panel-list { max-width: 650px; margin: 0; padding: 0; border-top: 1px solid var(--v6-dark-line); list-style: none; }
.v6-auth-flow li, .v6-panel-list li { display: flex; min-height: 64px; border-bottom: 1px solid var(--v6-dark-line); align-items: center; gap: 18px; color: #c6cec8; font-size: 12px; }
.v6-auth-flow li span { color: #89938c; font: 8px var(--mono); }
.v6-panel-note { margin: 29px 0 0; color: #7f8981; font-size: 10px; }
.v6-key-preview { display: flex; max-width: 670px; min-height: 72px; padding: 0 18px; border: 1px solid var(--v6-dark-line); border-radius: 13px; align-items: center; justify-content: space-between; gap: 15px; background: #0d100e; }
.v6-key-preview span { overflow: hidden; color: #cbd4cd; font: 11px var(--mono); text-overflow: ellipsis; white-space: nowrap; }
.v6-key-preview b { padding: 7px 9px; border-radius: 8px; background: rgba(124, 227, 189, .1); color: #7ce3bd; font: 7px var(--mono); }
.v6-panel-list { margin-top: 28px; }
.v6-panel-list li::before { color: #7ce3bd; content: "✓"; }
.v6-protocol-display pre { max-width: 760px; margin: 0; padding: 25px; overflow-x: auto; border: 1px solid var(--v6-dark-line); border-radius: 15px; background: #0d100e; color: #c7d0c9; font: 11px/1.95 var(--mono); white-space: pre-wrap; }
.v6-protocol-display code span { color: #7ce3bd; }
.v6-response-line { display: flex; max-width: 760px; min-height: 58px; margin-top: 18px; padding: 0 16px; border: 1px solid var(--v6-dark-line); border-radius: 13px; align-items: center; gap: 12px; color: #879089; font: 9px var(--mono); }
.v6-response-line i { width: 7px; height: 7px; border-radius: 50%; background: #7ce3bd; }
.v6-response-line b { margin-left: auto; color: #cad2cc; font-weight: 400; }

.v6-control { padding: 155px 0 140px; scroll-margin-top: 70px; background: var(--v6-dark); color: #ecf2ed; }
.v6-control .v6-section-label { color: #7ce3bd; }
.v6-control-head { display: grid; padding-bottom: 72px; grid-template-columns: 1.5fr .5fr; align-items: end; gap: 8vw; }
.v6-control-head h2 { max-width: 950px; margin: 30px 0 0; font-size: clamp(58px, 6.5vw, 94px); font-weight: 530; line-height: .91; letter-spacing: -.072em; }
.v6-control-head > p { margin: 0; color: #929c94; font-size: 13px; line-height: 1.7; }
.v6-dashboard { --spot-x: 50%; --spot-y: 50%; position: relative; display: grid; min-height: 750px; overflow: hidden; border: 1px solid var(--v6-dark-line); border-radius: 28px; grid-template-columns: 76px 1fr; background: #f1f4f0; color: #151815; box-shadow: 0 40px 110px rgba(0,0,0,.35); }
.v6-dashboard::before { z-index: 1; background: radial-gradient(500px circle at var(--spot-x) var(--spot-y), rgba(124, 227, 189, .18), transparent 58%); }
.v6-dash-rail { position: relative; z-index: 2; display: flex; padding: 16px 0; border-right: 1px solid #dce1dc; flex-direction: column; align-items: center; background: #e9ede9; }
.v6-dash-rail > a img { width: 39px; height: 39px; }
.v6-dash-rail nav { display: flex; margin-top: 76px; flex-direction: column; gap: 13px; }
.v6-dash-rail nav span { display: grid; width: 38px; height: 38px; border-radius: 11px; place-items: center; color: #606a62; font: 12px var(--mono); }
.v6-dash-rail nav .active { background: #151815; color: #eaf3ed; }
.v6-dash-rail > b { display: grid; width: 34px; height: 34px; margin-top: auto; border-radius: 10px; place-items: center; background: #dce2dd; font: 8px var(--mono); }
.v6-dash-main { position: relative; z-index: 2; padding: 34px; }
.v6-dash-main > header { display: flex; min-height: 72px; align-items: center; justify-content: space-between; }
.v6-dash-main header small { color: #606a62; font: 7px var(--mono); letter-spacing: .09em; }
.v6-dash-main header h3 { margin: 8px 0 0; font-size: 29px; font-weight: 620; letter-spacing: -.055em; }
.v6-dash-main header button { min-height: 44px; padding: 0 14px; border: 0; border-radius: 11px; background: #151815; color: #eef4ef; font-size: 10px; }
.v6-dash-metrics { display: grid; margin-top: 24px; border-top: 1px solid #d7ddd8; border-bottom: 1px solid #d7ddd8; grid-template-columns: repeat(3, 1fr); }
.v6-dash-metrics article { min-height: 148px; padding: 24px; border-right: 1px solid #d7ddd8; }
.v6-dash-metrics article:last-child { border-right: 0; }
.v6-dash-metrics span, .v6-dash-metrics strong, .v6-dash-metrics em { display: block; }
.v6-dash-metrics span { color: #606a62; font-size: 9px; }
.v6-dash-metrics strong { margin-top: 21px; font-size: clamp(25px, 2.5vw, 38px); font-weight: 600; letter-spacing: -.055em; }
.v6-dash-metrics strong small { color: #606a62; font: 9px var(--mono); }
.v6-dash-metrics em { margin-top: 8px; color: var(--v6-accent-deep); font-size: 9px; font-style: normal; }
.v6-dash-grid { display: grid; margin-top: 24px; grid-template-columns: 1.45fr .55fr; gap: 18px; }
.v6-dash-grid > article { border: 1px solid #d9dfda; border-radius: 18px; background: #f8faf7; }
.v6-usage-chart { min-height: 310px; padding: 22px; }
.v6-usage-chart > div:first-child, .v6-key-card > div:first-child, .v6-recent-card > div:first-child { display: flex; align-items: center; justify-content: space-between; font-size: 10px; font-weight: 610; }
.v6-usage-chart > div b, .v6-key-card > div b, .v6-recent-card > div b { color: #606a62; font: 7px var(--mono); }
.v6-usage-chart svg { width: 100%; height: 208px; margin-top: 17px; overflow: visible; }
.v6-usage-chart .chart-grid { fill: none; stroke: #e0e5e1; stroke-width: 1; }
.v6-usage-chart .chart-area { fill: url(#usage-fill); }
.v6-usage-chart .chart-line { fill: none; stroke: var(--v6-accent); stroke-width: 3; stroke-linecap: round; stroke-dasharray: 1000; animation: v6-chart-draw 3s var(--ease) both; }
@keyframes v6-chart-draw { from { stroke-dashoffset: 1000; } to { stroke-dashoffset: 0; } }
.v6-chart-days { display: flex; justify-content: space-between; color: #606a62; font: 7px var(--mono); }
.v6-key-card { min-height: 310px; padding: 22px; }
.v6-key-card > strong { display: block; margin-top: 60px; font-size: 22px; letter-spacing: -.04em; }
.v6-key-card code { display: block; margin-top: 10px; color: #606a62; font: 9px var(--mono); }
.v6-key-card p { display: flex; margin: 23px 0 0; align-items: center; gap: 8px; color: #6e776f; font-size: 9px; }
.v6-key-card p i { width: 6px; height: 6px; border-radius: 50%; background: var(--v6-accent); }
.v6-key-card a { display: inline-block; margin-top: 31px; border-bottom: 1px solid #1a1d1a; font-size: 9px; font-weight: 650; }
.v6-recent-card { grid-column: 1 / -1; min-height: 190px; padding: 22px; }
.v6-recent-card ul { margin: 20px 0 0; padding: 0; border-top: 1px solid #dde2de; list-style: none; }
.v6-recent-card li { display: grid; min-height: 43px; border-bottom: 1px solid #e1e5e2; grid-template-columns: 22px 1fr 1fr 50px; align-items: center; color: #606a62; font-size: 8px; }
.v6-recent-card li i { width: 6px; height: 6px; border-radius: 50%; background: var(--v6-accent); }
.v6-recent-card li strong { color: #252925; font-size: 9px; }
.v6-recent-card li b { justify-self: end; color: var(--v6-accent-deep); font: 8px var(--mono); }
.v6-control-notes { display: grid; margin-top: 92px; grid-template-columns: repeat(3, 1fr); }
.v6-control-notes article { min-height: 245px; padding: 27px 40px 25px 0; border-top: 1px solid var(--v6-dark-line); border-right: 1px solid var(--v6-dark-line); }
.v6-control-notes article:not(:first-child) { padding-left: 40px; }
.v6-control-notes article:last-child { border-right: 0; }
.v6-control-notes article > span { color: #7ce3bd; font: 8px var(--mono); }
.v6-control-notes h3 { margin: 72px 0 12px; font-size: 23px; font-weight: 520; letter-spacing: -.04em; }
.v6-control-notes p { margin: 0; color: #8e9890; font-size: 11px; line-height: 1.7; }
.v6-data-flow { display: grid; margin-top: 110px; padding: 70px 0 0; border-top: 1px solid var(--v6-dark-line); grid-template-columns: .7fr 1.3fr; gap: 9vw; }
.v6-data-copy h2 { max-width: 560px; margin: 31px 0 24px; font-size: clamp(49px, 5vw, 72px); font-weight: 520; line-height: .93; letter-spacing: -.065em; }
.v6-data-copy > p:not(.v6-section-label) { max-width: 530px; color: #909a92; font-size: 12px; line-height: 1.75; }
.v6-data-copy a { display: inline-block; margin-top: 25px; border-bottom: 1px solid #7ce3bd; color: #c6d2c9; font-size: 10px; }
.v6-flow-diagram { display: grid; align-content: start; grid-template-columns: 1fr auto 1fr auto 1fr; gap: 12px; }
.v6-flow-diagram > div { display: flex; min-height: 180px; padding: 20px; border: 1px solid var(--v6-dark-line); border-radius: 18px; flex-direction: column; background: var(--v6-dark-soft); }
.v6-flow-diagram > i { align-self: center; color: #667068; font-style: normal; }
.v6-flow-diagram div span { color: #7ce3bd; font: 7px var(--mono); }
.v6-flow-diagram div b { margin-top: auto; font-size: 16px; font-weight: 560; }
.v6-flow-diagram div small { margin-top: 8px; color: #89938c; font-size: 8px; }
.v6-flow-diagram > p { grid-column: 1 / -1; margin: 22px 0 0; padding: 21px 0 0; border-top: 1px solid var(--v6-dark-line); color: #7f8981; font-size: 10px; line-height: 1.7; }

.v6-pricing { padding: 155px 0 170px; scroll-margin-top: 70px; }
.v6-pricing-intro { padding-bottom: 65px; }
.landing-v6 .v6-model-ticker { display: grid; width: 100%; margin: 0 0 38px; border-top: 1px solid var(--v6-line-strong); border-bottom: 1px solid var(--v6-line-strong); grid-template-columns: repeat(auto-fit, minmax(155px, 1fr)); overflow: hidden; }
.landing-v6 .v6-model-ticker > span { grid-column: 1 / -1; padding: 30px 0; color: var(--v6-muted); font-size: 11px; }
.landing-v6 .v6-model-ticker .model-rate { min-width: 0; min-height: 128px; padding: 22px 18px; border: 0; border-right: 1px solid var(--v6-line); border-radius: 0; background: transparent; box-shadow: none; }
.landing-v6 .v6-model-ticker .model-rate:last-child { border-right: 0; }
.landing-v6 .v6-model-ticker .model-rate-name { color: var(--v6-muted); font-size: 10px; }
.landing-v6 .v6-model-ticker .model-rate-factor { margin-top: 24px; color: var(--v6-ink); font-size: 24px; font-weight: 560; }
.landing-v6 .v6-model-ticker .model-rate small { color: var(--v6-muted); font-size: 7px; }
.v6-billing-formula { display: grid; padding: 27px; border: 1px solid var(--v6-line); border-radius: 20px; grid-template-columns: 1fr auto 1fr auto 1fr auto 1.2fr; align-items: center; gap: 18px; background: var(--v6-surface-soft); }
.v6-billing-formula > div { min-height: 90px; padding: 14px; border-left: 1px solid var(--v6-line); }
.v6-billing-formula > div:first-child { border-left: 0; }
.v6-billing-formula span { color: var(--v6-accent-deep); font: 7px var(--mono); }
.v6-billing-formula p { margin: 19px 0 0; color: var(--v6-muted); font-size: 9px; }
.v6-billing-formula b { display: block; margin-top: 8px; font: 560 15px var(--mono); }
.v6-billing-formula > i { color: var(--v6-muted); font-style: normal; }
.v6-billing-formula > p { grid-column: 1 / -1; margin: 3px 0 0; padding-top: 18px; border-top: 1px solid var(--v6-line); }
.v6-topup { position: relative; display: grid; margin-top: 32px; overflow: hidden; border: 1px solid var(--v6-line-strong); border-radius: 26px; grid-template-columns: minmax(0, 1.55fr) minmax(320px, .75fr); background: var(--v6-surface); box-shadow: 0 28px 80px rgba(26, 47, 33, .08); }
.v6-topup.is-unavailable .v6-topup-controls, .v6-topup.is-unavailable .v6-topup-summary { opacity: .48; }
.v6-topup.is-unavailable::after { position: absolute; z-index: 5; top: 50%; left: 50%; padding: 14px 18px; border: 1px solid var(--v6-line-strong); border-radius: 12px; content: "Актуальный расчёт временно недоступен"; background: var(--v6-surface); color: var(--v6-ink); font-size: 11px; box-shadow: 0 16px 45px rgba(0,0,0,.12); transform: translate(-50%, -50%); }
.v6-topup-controls { padding: 42px; }
.v6-topup-heading { display: flex; align-items: start; justify-content: space-between; gap: 24px; }
.v6-topup-heading small { color: var(--v6-muted); font: 8px var(--mono); letter-spacing: .08em; }
.v6-topup-heading h3 { max-width: 620px; margin: 14px 0 0; font-size: clamp(31px, 3vw, 43px); font-weight: 590; letter-spacing: -.055em; }
.v6-topup-heading > span { padding: 9px 11px; border-radius: 9px; background: var(--v6-accent-soft); color: var(--v6-accent-deep); font: 8px var(--mono); }
.v6-topup-label { display: block; margin-top: 42px; color: var(--v6-muted); font: 8px var(--mono); letter-spacing: .08em; }
.v6-topup-input { display: flex; min-height: 80px; border-bottom: 1px solid var(--v6-line-strong); align-items: center; }
.v6-topup-input input { min-width: 0; width: 100%; border: 0; outline: 0; background: transparent; color: var(--v6-ink); font-size: clamp(40px, 5vw, 65px); font-weight: 570; letter-spacing: -.065em; }
.v6-topup-input input::-webkit-inner-spin-button { display: none; }
.v6-topup-input b { color: var(--v6-muted); font-size: 27px; font-weight: 520; }
.v6-topup-range { width: 100%; height: 5px; margin: 28px 0 20px; accent-color: var(--v6-accent); cursor: pointer; }
.v6-topup-presets { display: grid; grid-template-columns: repeat(5, 1fr); gap: 7px; }
.v6-topup-presets button { position: relative; min-height: 62px; padding: 10px 8px; border: 1px solid var(--v6-line); border-radius: 11px; background: transparent; color: var(--v6-ink); font-size: 12px; font-weight: 600; cursor: pointer; transition: border-color .2s ease, background .2s ease, color .2s ease, transform .2s var(--ease); }
.v6-topup-presets button:hover { border-color: var(--v6-accent); transform: translateY(-2px); }
.v6-topup-presets button.is-active { border-color: var(--v6-accent-deep); background: var(--v6-ink); color: var(--v6-bg); }
.v6-topup-presets small { display: block; margin-top: 7px; color: inherit; font: 7px var(--mono); opacity: .65; }
.v6-payment-channels { display: flex; margin-top: 31px; padding-top: 24px; border-top: 1px solid var(--v6-line); gap: 8px; }
.v6-payment-channels > span { display: inline-flex; min-height: 43px; padding: 0 12px; border: 1px solid var(--v6-line); border-radius: 11px; align-items: center; gap: 7px; color: var(--v6-muted); font-size: 9px; }
.v6-payment-channels img { width: 25px; height: 25px; object-fit: contain; }
.v6-card-pair { display: flex; }
.v6-card-pair img { width: 20px; margin-right: -4px; }
.v6-payment-caption { max-width: 680px; margin: 17px 0 0; color: var(--v6-muted); font-size: 9px; line-height: 1.6; }
.v6-topup-summary { display: flex; min-height: 610px; padding: 38px 30px 30px; border-left: 1px solid var(--v6-line); flex-direction: column; background: var(--v6-dark); color: #edf3ee; }
.v6-topup-summary > p:first-child { display: flex; margin: 0; align-items: center; gap: 9px; color: #7e8981; font: 8px var(--mono); letter-spacing: .08em; }
.v6-topup-summary > p:first-child i { width: 6px; height: 6px; border-radius: 50%; background: #7ce3bd; }
.v6-topup-summary > div { display: flex; padding: 26px 0; border-top: 1px solid var(--v6-dark-line); flex-direction: column; gap: 11px; }
.v6-topup-summary > div:first-of-type { margin-top: 45px; }
.v6-topup-summary > div span { color: #7d8880; font-size: 9px; }
.v6-topup-summary > div strong { font-size: 28px; font-weight: 550; letter-spacing: -.05em; }
.v6-topup-summary .v6-receive strong { color: #8be8c5; font-size: clamp(42px, 4vw, 57px); line-height: 1; }
.v6-topup-summary dl { margin: auto 0 0; border-top: 1px solid var(--v6-dark-line); }
.v6-topup-summary dl div { display: flex; min-height: 50px; border-bottom: 1px solid var(--v6-dark-line); align-items: center; justify-content: space-between; gap: 12px; }
.v6-topup-summary dt { color: #818b83; font-size: 8px; }
.v6-topup-summary dd { margin: 0; font: 9px var(--mono); }
.v6-topup-summary .v6-summary-note { margin: 17px 0 0; color: #778079; font-size: 8px; line-height: 1.6; }
.v6-topup-summary > a { display: flex; min-height: 54px; margin-top: 20px; padding: 0 16px; border-radius: 12px; align-items: center; justify-content: space-between; background: #edf3ee; color: #141714; font-size: 11px; font-weight: 650; transition: background .2s ease, transform .2s var(--ease); }
.v6-topup-summary > a:hover { background: #d7efe3; transform: translateY(-2px); }

.v6-answers { padding: 20px 0 165px; scroll-margin-top: 85px; }
.v6-answers-head { display: grid; padding-bottom: 70px; grid-template-columns: 1.3fr .7fr; align-items: end; gap: 8vw; }
.v6-answers-head h2 { max-width: 850px; margin: 30px 0 0; font-size: clamp(55px, 6.1vw, 90px); font-weight: 590; line-height: .91; letter-spacing: -.07em; }
.v6-answers-head label { color: var(--v6-muted); font: 8px var(--mono); letter-spacing: .08em; }
.v6-faq-search { display: grid; min-height: 55px; margin-top: 12px; padding: 0 15px; border: 1px solid var(--v6-line-strong); border-radius: 13px; grid-template-columns: 24px 1fr; align-items: center; background: var(--v6-surface); }
.v6-faq-search span { color: var(--v6-muted); font: 20px var(--mono); }
.v6-faq-search input { min-width: 0; width: 100%; border: 0; outline: 0; background: transparent; color: var(--v6-ink); font-size: 12px; }
.v6-faq-search input::placeholder { color: color-mix(in srgb, var(--v6-muted) 76%, transparent); }
.v6-answers-head > div:last-child > p { margin: 14px 0 0; color: var(--v6-muted); font-size: 10px; }
.v6-answers-head > div:last-child > p a { border-bottom: 1px solid var(--v6-line-strong); color: var(--v6-ink); }
.landing-v6 .v6-faq-list { display: grid; border-top: 1px solid var(--v6-line-strong); grid-template-columns: 1fr 1fr; column-gap: 70px; }
.landing-v6 .v6-faq-list details { margin: 0; border: 0; border-bottom: 1px solid var(--v6-line); border-radius: 0; background: transparent; box-shadow: none; }
.landing-v6 .v6-faq-list details[open] { background: color-mix(in srgb, var(--v6-accent-soft) 38%, transparent); }
.landing-v6 .v6-faq-list details[hidden] { display: none; }
.landing-v6 .v6-faq-list summary { display: grid; min-height: 100px; padding: 18px 12px; grid-template-columns: 34px 1fr 24px; align-items: center; gap: 12px; color: var(--v6-ink); cursor: pointer; list-style: none; }
.landing-v6 .v6-faq-list summary::-webkit-details-marker { display: none; }
.landing-v6 .v6-faq-list summary > span { color: var(--v6-accent-deep); font: 8px var(--mono); }
.landing-v6 .v6-faq-list summary b { font-size: 14px; font-weight: 580; line-height: 1.35; }
.landing-v6 .v6-faq-list summary::after { content: "+"; color: var(--v6-muted); font: 18px var(--mono); transition: transform .3s var(--ease), color .2s ease; }
.landing-v6 .v6-faq-list details[open] summary::after { color: var(--v6-accent-deep); transform: rotate(45deg); }
.landing-v6 .v6-faq-list details > div { padding: 0 40px 26px 58px; }
.landing-v6 .v6-faq-list details p { max-width: 620px; margin: 0; color: var(--v6-muted); font-size: 11px; line-height: 1.75; }
.v6-faq-empty { grid-column: 1 / -1; margin: 0; padding: 48px 0; color: var(--v6-muted); font-size: 12px; }

.v6-final-cta { position: relative; min-height: 620px; padding: 70px; overflow: hidden; border-radius: 32px; background: var(--v6-accent-soft); }
.v6-final-cta > *:not(.v6-cta-orbit) { position: relative; z-index: 2; }
.v6-final-cta h2 { max-width: 930px; margin: 95px 0 0; font-size: clamp(79px, 9vw, 132px); font-weight: 620; line-height: .8; letter-spacing: -.085em; }
.v6-final-cta h2 span { color: var(--v6-accent-deep); font-weight: 420; }
.v6-final-cta > p:not(.v6-section-label) { max-width: 480px; margin: 38px 0 0; color: var(--v6-muted); font-size: 13px; line-height: 1.7; }
.v6-final-cta > div:last-child { display: flex; margin-top: 34px; align-items: center; gap: 26px; }
.v6-final-cta .button { min-width: 220px; justify-content: space-between; background: var(--v6-ink); color: var(--v6-bg); }
.v6-final-cta > div:last-child > a:last-child { border-bottom: 1px solid var(--v6-line-strong); font-size: 10px; font-weight: 600; }
.v6-cta-orbit { position: absolute; right: -4%; bottom: -24%; width: min(50vw, 680px); aspect-ratio: 1; border: 1px solid rgba(21,154,116,.18); border-radius: 50%; }
.v6-cta-orbit i { position: absolute; inset: 13%; border: 1px solid rgba(21,154,116,.17); border-radius: 50%; }
.v6-cta-orbit i:nth-child(2) { inset: 27%; }
.v6-cta-orbit i:nth-child(3) { inset: 41%; }
.v6-cta-orbit span { position: absolute; top: 50%; left: 50%; display: grid; width: 95px; height: 95px; border-radius: 26px; place-items: center; background: var(--v6-ink); box-shadow: 0 25px 70px rgba(20, 55, 39, .2); transform: translate(-50%, -50%); animation: v6-mark-float 5s ease-in-out infinite; }
.v6-cta-orbit img { width: 80px; height: 80px; filter: invert(1); }
@keyframes v6-mark-float { 50% { transform: translate(-50%, calc(-50% - 12px)) rotate(4deg); } }

.v6-footer { padding: 115px 0 34px; }
.v6-footer-main { display: grid; padding-bottom: 75px; grid-template-columns: 1.35fr .65fr .75fr 1fr; gap: 5vw; }
.v6-footer-main > div:first-child p { margin: 29px 0 0; color: var(--v6-muted); font-size: 11px; line-height: 1.65; }
.v6-footer-main nav { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.v6-footer-main nav strong { margin-bottom: 10px; color: var(--v6-muted); font: 8px var(--mono); letter-spacing: .08em; }
.v6-footer-main nav a { color: var(--v6-muted); font-size: 10px; transition: color .2s ease; }
.v6-footer-main nav a:hover { color: var(--v6-ink); }
.v6-footer-action { display: flex; align-items: flex-end; flex-direction: column; gap: 32px; }
.v6-footer-action > span { display: inline-flex; align-items: center; gap: 9px; color: var(--v6-muted); font: 8px var(--mono); }
.v6-footer-action > span b { font-weight: 400; }
.v6-footer-action > a { display: flex; width: 100%; max-width: 220px; min-height: 52px; padding: 0 14px; border-radius: 12px; align-items: center; justify-content: center; background: var(--v6-ink); color: var(--v6-bg); font-size: 10px; font-weight: 650; }
.v6-footer-bottom { display: grid; padding-top: 28px; border-top: 1px solid var(--v6-line); grid-template-columns: 1fr 1fr 1fr; color: var(--v6-muted); font: 7px var(--mono); letter-spacing: .06em; }
.v6-footer-bottom p { margin: 0; }
.v6-footer-bottom p:nth-child(2) { text-align: center; }
.v6-footer-bottom p:last-child { text-align: right; }

.has-js .landing-v6 [data-reveal] { opacity: 0; transform: translateY(22px); transition: opacity .8s var(--ease), transform .8s var(--ease); }
.has-js .landing-v6 [data-reveal].is-visible { opacity: 1; transform: translateY(0); }
.has-js .landing-v6 .v6-proof article:nth-child(2), .has-js .landing-v6 .v6-control-notes article:nth-child(2) { transition-delay: .08s; }
.has-js .landing-v6 .v6-proof article:nth-child(3), .has-js .landing-v6 .v6-control-notes article:nth-child(3) { transition-delay: .16s; }

html[data-landing-theme="black"] body.landing-v6 {
  --v6-bg: #0e110f;
  --v6-surface: #151916;
  --v6-surface-soft: #1b211d;
  --v6-ink: #eef3ee;
  --v6-muted: #929a93;
  --v6-line: rgba(238, 243, 238, .13);
  --v6-line-strong: rgba(238, 243, 238, .23);
  --v6-accent: #72dbb3;
  --v6-accent-deep: #84e5bf;
  --v6-accent-soft: #18372c;
  color-scheme: dark;
}
html[data-landing-theme="black"] .landing-v6 .v6-header { box-shadow: 0 15px 50px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.06); }
html[data-landing-theme="black"] .landing-v6 .v6-access-map { box-shadow: 0 35px 100px rgba(0,0,0,.32), inset 0 1px rgba(255,255,255,.04); }
html[data-landing-theme="black"] .landing-v6 .v6-core img,
html[data-landing-theme="black"] .landing-v6 .v6-cta-orbit img { filter: none; }
html[data-landing-theme="black"] .landing-v6 .v6-final-cta { background: #18372c; }
html[data-landing-theme="black"] .landing-v6 .v6-final-cta .button { background: #eff5f0; color: #111512; }

@media (max-width: 1180px) {
  .v6-hero-layout { grid-template-columns: minmax(0, .85fr) minmax(480px, 1.15fr); gap: 38px; }
  .v6-hero h1 { font-size: clamp(52px, 5.4vw, 64px); line-height: .9; }
  .v6-access-map { min-height: 610px; }
  .v6-section-intro { grid-template-columns: .4fr 1.6fr .8fr; }
  .v6-protocol-shell { grid-template-columns: 360px 1fr; }
  .v6-control-head { grid-template-columns: 1.25fr .55fr; }
  .v6-flow-diagram { grid-template-columns: 1fr; }
  .v6-flow-diagram > i { min-height: 20px; transform: rotate(90deg); }
}

@media (max-width: 960px) {
  .v6-desktop-nav, .v6-live-link, .v6-header-theme { display: none; }
  .landing-v6 .v6-header { grid-template-columns: 1fr auto; }
  .v6-header-actions { grid-column: 2; }
  .v6-menu-toggle { display: block; }
  .v6-hero { min-height: 0; padding-top: 126px; }
  .v6-hero-layout { grid-template-columns: 1fr; gap: 70px; }
  .v6-hero-copy { max-width: 780px; }
  .v6-hero h1 { max-width: 780px; font-size: clamp(66px, 11vw, 100px); }
  .v6-access-map { width: min(100%, 760px); min-height: 640px; justify-self: center; }
  .v6-proof { padding-block: 105px 130px; }
  .v6-section-intro { display: block; }
  .v6-section-intro > p:first-child { margin-bottom: 34px; }
  .v6-section-intro > p:last-child { max-width: 620px; margin-top: 30px; }
  .v6-protocol-shell { grid-template-columns: 1fr; }
  .v6-protocol-tabs { display: grid; padding: 8px; border-right: 0; border-bottom: 1px solid var(--v6-line); grid-template-columns: repeat(4, 1fr); }
  .v6-protocol-tabs button { min-height: 120px; padding: 16px 12px; grid-template-columns: 1fr; }
  .v6-protocol-tabs button small, .v6-protocol-tabs button i { display: none; }
  .v6-protocol-tabs strong { margin: auto 0 0; font-size: 13px; }
  .v6-control-head { display: block; }
  .v6-control-head > p { max-width: 620px; margin-top: 30px; }
  .v6-dashboard { grid-template-columns: 64px 1fr; }
  .v6-dash-main { padding: 24px; }
  .v6-data-flow { grid-template-columns: 1fr; }
  .v6-flow-diagram { grid-template-columns: 1fr auto 1fr auto 1fr; }
  .v6-flow-diagram > i { min-height: 0; transform: none; }
  .v6-topup { grid-template-columns: 1fr; }
  .v6-topup-summary { min-height: 540px; border-top: 1px solid var(--v6-line); border-left: 0; }
  .v6-answers-head { grid-template-columns: 1fr; }
  .v6-answers-head > div:last-child { max-width: 560px; margin-top: 38px; }
  .landing-v6 .v6-faq-list { grid-template-columns: 1fr; column-gap: 0; }
  .v6-footer-main { grid-template-columns: 1.2fr .8fr .8fr; }
  .v6-footer-action { grid-column: 1 / -1; padding-top: 36px; border-top: 1px solid var(--v6-line); align-items: flex-start; }
}

@media (max-width: 700px) {
  .landing-v6 .section-shell { width: calc(100% - 24px); }
  .landing-v6 .v6-header { top: 8px; width: calc(100% - 16px); min-height: 60px; padding: 7px 7px 7px 10px; border-radius: 17px; }
  .landing-v6 .v6-header.is-compact { width: calc(100% - 12px); }
  .landing-v6 .v6-brand { gap: 8px; font-size: 12px; }
  .landing-v6 .v6-brand img { width: 33px; height: 33px; }
  .landing-v6 .v6-header-cta { min-height: 44px; padding: 0 13px; font-size: 11px; }
  .landing-v6 .v6-header-cta span { display: none; }
  .v6-menu-toggle { width: 44px; height: 44px; }
  .v6-mobile-menu { padding: 84px 12px 14px; }
  .v6-mobile-menu nav { margin-top: 2vh; }
  .v6-mobile-menu nav a { min-height: 70px; font-size: 25px; }
  .v6-mobile-menu-footer { right: 16px; bottom: max(17px, env(safe-area-inset-bottom)); left: 16px; align-items: flex-start; flex-direction: column; }
  .v6-hero { padding: 112px 12px 26px; }
  .v6-eyebrow { margin-bottom: 24px; font-size: 7px; }
  .v6-eyebrow b { display: none; }
  .v6-hero h1 { font-size: clamp(46px, 12.7vw, 56px); line-height: .89; letter-spacing: -.075em; }
  .v6-hero-lead { margin-top: 27px; font-size: 14px; line-height: 1.65; }
  .v6-hero-actions { align-items: stretch; flex-direction: column; gap: 5px; }
  .landing-v6 .v6-primary-button { width: 100%; min-height: 56px; }
  .v6-secondary-link { align-self: center; }
  .v6-hero-facts { margin-top: 36px; grid-template-columns: 1fr; }
  .v6-hero-facts li { display: grid; min-height: 52px; padding: 0 !important; border-right: 0; border-bottom: 1px solid var(--v6-line); grid-template-columns: .8fr 1.2fr; align-items: center; }
  .v6-hero-facts li > span { margin: 0; }
  .v6-access-map { min-height: 535px; border-radius: 21px; }
  .v6-map-topline { padding-inline: 12px; font-size: 6px; }
  .v6-map-canvas { height: 355px; }
  .v6-map-canvas > svg { transform: scale(.93); }
  .v6-core { width: 114px; height: 114px; box-shadow: 0 15px 45px rgba(22,51,36,.13), 0 0 0 11px rgba(255,255,255,.3), 0 0 0 12px var(--v6-line); }
  .v6-core span { width: 46px; height: 46px; border-radius: 13px; }
  .v6-core img { width: 38px; height: 38px; }
  .v6-core b { font-size: 8px; }
  .v6-core small { font-size: 6px; }
  .v6-tool-node { min-width: 0; min-height: 40px; padding: 5px 8px; border-radius: 11px; gap: 5px; }
  .v6-tool-node b { width: 25px; height: 25px; }
  .v6-tool-node span { font-size: 8px; }
  .node-codex { top: 13px; left: 5px; }
  .node-cursor { top: 17px; right: 3px; }
  .node-ide { right: 1px; bottom: 24px; }
  .node-agents { bottom: 31px; left: 1px; }
  .node-sdk { bottom: -3px; }
  .v6-command-surface { min-height: 69px; margin-inline: 9px; padding: 9px; grid-template-columns: 40px 1fr; }
  .v6-command-icon { width: 40px; height: 40px; }
  .v6-command-surface strong { font-size: 10px; }
  .v6-command-model { display: none; }
  .v6-map-events { min-height: 59px; padding-inline: 13px; font-size: 6px; }
  .v6-tool-rail span { min-width: 145px; min-height: 53px; }
  .v6-independence { padding-inline: 8px; font-size: 8px; line-height: 1.55; }
  .v6-proof { display: block; padding: 90px 0 110px; }
  .v6-proof article { min-height: 190px; padding: 23px 4px !important; border-right: 0; }
  .v6-proof h2 { margin-top: 48px; font-size: 23px; }
  .v6-section-intro { padding-bottom: 48px; }
  .v6-section-intro h2 { font-size: 49px; }
  .v6-protocol { padding-bottom: 105px; }
  .v6-protocol-shell { border-radius: 19px; }
  .v6-protocol-tabs { grid-template-columns: 1fr 1fr; }
  .v6-protocol-tabs button { min-height: 96px; }
  .v6-protocol-display section { min-height: 500px; padding: 40px 20px; }
  .v6-panel-kicker { margin-bottom: 38px; }
  .v6-protocol-display h3 { font-size: 40px; }
  .v6-auth-flow li, .v6-panel-list li { min-height: 56px; font-size: 10px; }
  .v6-protocol-display pre { padding: 17px; font-size: 8.5px; }
  .v6-control { padding: 100px 0 90px; }
  .v6-control-head { padding-bottom: 48px; }
  .v6-control-head h2 { font-size: 52px; }
  .v6-dashboard { min-height: 0; border-radius: 20px; grid-template-columns: 1fr; }
  .v6-dash-rail { display: none; }
  .v6-dash-main { padding: 14px; }
  .v6-dash-main > header { min-height: 72px; }
  .v6-dash-main header h3 { font-size: 22px; }
  .v6-dash-main header button { padding-inline: 10px; font-size: 8px; }
  .v6-dash-metrics { grid-template-columns: 1fr 1fr; }
  .v6-dash-metrics article { min-height: 124px; padding: 16px; }
  .v6-dash-metrics article:nth-child(2) { border-right: 0; }
  .v6-dash-metrics article:last-child { display: none; }
  .v6-dash-metrics strong { font-size: 27px; }
  .v6-dash-grid { grid-template-columns: 1fr; gap: 10px; }
  .v6-usage-chart { min-height: 260px; padding: 15px; }
  .v6-usage-chart svg { height: 165px; }
  .v6-key-card { min-height: 260px; padding: 18px; }
  .v6-key-card > strong { margin-top: 45px; }
  .v6-recent-card { display: none; }
  .v6-control-notes { display: block; margin-top: 70px; }
  .v6-control-notes article { min-height: 190px; padding: 23px 4px !important; border-right: 0; }
  .v6-control-notes h3 { margin-top: 48px; }
  .v6-data-flow { margin-top: 75px; padding-top: 55px; }
  .v6-data-copy h2 { font-size: 49px; }
  .v6-flow-diagram { grid-template-columns: 1fr; }
  .v6-flow-diagram > i { min-height: 20px; transform: rotate(90deg); }
  .v6-flow-diagram > div { min-height: 145px; }
  .v6-pricing { padding: 100px 0 110px; }
  .landing-v6 .v6-model-ticker { grid-template-columns: 1fr 1fr; }
  .landing-v6 .v6-model-ticker .model-rate { min-height: 110px; padding: 16px 12px; border-bottom: 1px solid var(--v6-line); }
  .landing-v6 .v6-model-ticker .model-rate:nth-child(2n) { border-right: 0; }
  .landing-v6 .v6-model-ticker .model-rate-factor { margin-top: 18px; font-size: 20px; }
  .v6-billing-formula { padding: 14px; grid-template-columns: 1fr 1fr; gap: 0; }
  .v6-billing-formula > i { display: none; }
  .v6-billing-formula > div { min-height: 92px; border-bottom: 1px solid var(--v6-line); }
  .v6-billing-formula > div:nth-of-type(odd) { border-left: 0; }
  .v6-billing-formula > p { margin-top: 15px; }
  .v6-topup { margin-top: 20px; border-radius: 19px; }
  .v6-topup-controls { padding: 27px 18px; }
  .v6-topup-heading h3 { font-size: 31px; }
  .v6-topup-input input { font-size: 50px; }
  .v6-topup-presets { grid-template-columns: 1fr 1fr; }
  .v6-topup-presets button:last-child { grid-column: 1 / -1; }
  .v6-payment-channels { align-items: stretch; flex-direction: column; }
  .v6-payment-channels > span { justify-content: center; }
  .v6-topup-summary { min-height: 520px; padding: 28px 20px 22px; }
  .v6-answers { padding-bottom: 105px; }
  .v6-answers-head { padding-bottom: 46px; }
  .v6-answers-head h2 { font-size: 50px; }
  .landing-v6 .v6-faq-list summary { min-height: 90px; padding-inline: 4px; grid-template-columns: 28px 1fr 20px; }
  .landing-v6 .v6-faq-list summary b { font-size: 13px; }
  .landing-v6 .v6-faq-list details > div { padding: 0 20px 24px 32px; }
  .landing-v6 .v6-faq-list details p { font-size: 11px; }
  .v6-final-cta { width: calc(100% - 16px) !important; min-height: 620px; padding: 42px 22px; border-radius: 22px; }
  .v6-final-cta h2 { margin-top: 90px; font-size: 66px; }
  .v6-final-cta > p:not(.v6-section-label) { margin-top: 30px; }
  .v6-final-cta > div:last-child { align-items: flex-start; flex-direction: column; }
  .v6-final-cta .button { width: 100%; }
  .v6-cta-orbit { right: -38%; bottom: -18%; width: 100vw; opacity: .65; }
  .v6-footer { padding-top: 82px; }
  .v6-footer-main { grid-template-columns: 1fr 1fr; gap: 50px 28px; }
  .v6-footer-main > div:first-child { grid-column: 1 / -1; }
  .v6-footer-action { grid-column: 1 / -1; }
  .v6-footer-bottom { grid-template-columns: 1fr; gap: 9px; }
  .v6-footer-bottom p:nth-child(2), .v6-footer-bottom p:last-child { text-align: left; }
}

@media (max-width: 380px) {
  .landing-v6 .v6-header-cta { padding-inline: 11px; }
  .landing-v6 .v6-brand { font-size: 11px; }
  .landing-v6 .brand-domain { display: none; }
  .v6-hero h1 { font-size: 46px; }
  .v6-tool-node span { display: none; }
  .v6-tool-node { width: 39px; }
  .v6-map-events span:nth-child(2) { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  .landing-v6 *, .landing-v6 *::before, .landing-v6 *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .has-js .landing-v6 [data-reveal] { opacity: 1; transform: none; }
  .v6-tool-rail > div { transform: translateX(-25%); }
}

/* Native terminal treatment for the landing access layer. */
.landing-v5 .app-icon { width: 68px; height: 68px; border-radius: 16px; }
.landing-v5 .app-icon img { width: 32px; height: 32px; object-fit: contain; }
.landing-v5 .app-icon-vscode { top: 11%; left: 8%; transform: rotate(-7deg); }
.landing-v5 .app-icon-codex { top: 55%; left: 2%; animation-delay: -1.2s; transform: rotate(5deg); }
.landing-v5 .app-icon-cursor { top: 11%; left: auto; right: 8%; animation-delay: -2.8s; transform: rotate(7deg); }
.landing-v5 .app-icon-jetbrains { top: 53%; right: 2%; animation-delay: -4.1s; transform: rotate(-4deg); }
.landing-v5 .app-icon-zed { top: 78%; left: 14%; animation-delay: -3.3s; transform: rotate(3deg); }
.landing-v5 .app-icon-openclaw { top: 76%; right: 15%; animation-delay: -.7s; transform: rotate(-5deg); }
.landing-v5 .app-icon-openclaw img { border-radius: 9px; }

.landing-v5 .v5-terminal {
  width: min(1040px, 88%);
  margin-top: 72px;
  border: 1px solid #242629;
  border-radius: 14px;
  background: #0c0d0e;
  box-shadow: 0 35px 90px rgba(0,0,0,.24), 0 2px 0 rgba(255,255,255,.08) inset;
}
.landing-v5 .v5-terminal-bar {
  position: relative;
  display: flex;
  min-height: 55px;
  padding: 0 17px;
  border-bottom: 1px solid #282a2d;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #17191b, #111214);
  color: #a6abb2;
  font: 10px var(--mono);
}
.landing-v5 .terminal-native-title { position: absolute; left: 50%; color: #b5bac1; letter-spacing: .01em; transform: translateX(-50%); }
.landing-v5 .terminal-macos-controls { position: absolute; left: 18px; display: inline-flex; gap: 8px; }
.landing-v5 .terminal-macos-controls i { width: 12px; height: 12px; border-radius: 50%; background: #ff5f57; box-shadow: 0 0 0 1px rgba(0,0,0,.24) inset; }
.landing-v5 .terminal-macos-controls i:nth-child(2) { background: #febc2e; }
.landing-v5 .terminal-macos-controls i:nth-child(3) { background: #28c840; }
.landing-v5 .terminal-windows-controls,
.landing-v5 .terminal-linux-controls { position: absolute; top: 0; right: 0; display: none; height: 100%; align-items: stretch; }
.landing-v5 .terminal-windows-controls i,
.landing-v5 .terminal-linux-controls i { display: grid; width: 46px; place-items: center; color: #d7dbe0; font: 15px/1 Arial, sans-serif; font-style: normal; }
.landing-v5 .terminal-windows-controls i:last-child,
.landing-v5 .terminal-linux-controls i:last-child { background: #c42b1c; color: white; }
.landing-v5 .terminal-live { position: absolute; right: 18px; color: #9fa5ac; }
.landing-v5 .terminal-live i { background: #36c56d; box-shadow: 0 0 0 4px rgba(54,197,109,.12); }
.landing-v5 .terminal-screen { min-height: 338px; padding: 34px 38px 38px; background: radial-gradient(circle at 62% 8%, rgba(255,255,255,.035), transparent 38%), #0c0d0e; font: 13px/2.05 var(--mono); }
.landing-v5 .terminal-history { min-height: 252px; }
.landing-v5 .terminal-line, .landing-v5 .terminal-active { min-height: 28px; gap: 12px; }
.landing-v5 .terminal-line.is-output { padding-left: 0; color: #9aa0a8; }
.landing-v5 .terminal-line.is-success { color: #75dc9c; }
.landing-v5 .terminal-prompt { flex: 0 0 auto; color: #f5f7f8; font-weight: 650; }
.landing-v5 .terminal-active > span:nth-child(2) { color: #e3e7eb; }
.landing-v5 .terminal-cursor { width: 8px; height: 17px; background: #e6e9ed; }
.landing-v5 .terminal-status { display: grid; min-height: 50px; padding: 0; border-top: 1px solid #292b2e; grid-template-columns: repeat(3, 1fr); background: #111214; color: #858b93; font: 9px var(--mono); letter-spacing: .06em; }
.landing-v5 .terminal-status span { display: flex; min-height: 50px; padding: 0 18px; border-right: 1px solid #292b2e; align-items: center; gap: 8px; }
.landing-v5 .terminal-status span:last-child { border-right: 0; }
.landing-v5 .terminal-status b { color: #e5e9ed; font-weight: 650; }
.landing-v5 .v5-terminal[data-terminal-os="windows"] { border-radius: 8px; }
.landing-v5 .v5-terminal[data-terminal-os="windows"] .v5-terminal-bar { min-height: 42px; justify-content: flex-start; padding-left: 16px; background: #202124; }
.landing-v5 .v5-terminal[data-terminal-os="windows"] .terminal-native-title { position: static; transform: none; }
.landing-v5 .v5-terminal[data-terminal-os="windows"] .terminal-macos-controls,
.landing-v5 .v5-terminal[data-terminal-os="windows"] .terminal-linux-controls { display: none; }
.landing-v5 .v5-terminal[data-terminal-os="windows"] .terminal-windows-controls { display: flex; }
.landing-v5 .v5-terminal[data-terminal-os="windows"] .terminal-live { right: 156px; }
.landing-v5 .v5-terminal[data-terminal-os="linux"] { border-radius: 8px; }
.landing-v5 .v5-terminal[data-terminal-os="linux"] .v5-terminal-bar { min-height: 40px; background: #2a2b31; }
.landing-v5 .v5-terminal[data-terminal-os="linux"] .terminal-macos-controls,
.landing-v5 .v5-terminal[data-terminal-os="linux"] .terminal-windows-controls { display: none; }
.landing-v5 .v5-terminal[data-terminal-os="linux"] .terminal-linux-controls { display: flex; }
.landing-v5 .v5-terminal[data-terminal-os="linux"] .terminal-live { right: 156px; }
@media (max-width: 760px) {
  .landing-v5 .app-icon { width: 51px; height: 51px; border-radius: 13px; }
  .landing-v5 .app-icon img, .landing-v5 .app-icon svg { width: 25px; height: 25px; }
  .landing-v5 .app-icon-codex, .landing-v5 .app-icon-jetbrains { display: none; }
  .landing-v5 .v5-terminal { width: 100%; margin-top: 54px; border-radius: 11px; }
  .landing-v5 .v5-terminal-bar { min-height: 44px; padding-inline: 13px; font-size: 8px; }
  .landing-v5 .terminal-macos-controls { left: 13px; gap: 6px; }
  .landing-v5 .terminal-macos-controls i { width: 10px; height: 10px; }
  .landing-v5 .terminal-live { right: 13px; font-size: 0; }
  .landing-v5 .terminal-native-title { max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .landing-v5 .terminal-screen { min-height: 272px; padding: 24px 17px 28px; overflow: hidden; font-size: 10px; line-height: 2; }
  .landing-v5 .terminal-history { min-height: 194px; }
  .landing-v5 .terminal-line, .landing-v5 .terminal-active { min-height: 22px; gap: 8px; }
  .landing-v5 .terminal-line { white-space: nowrap; }
  .landing-v5 .terminal-status span { min-height: 44px; padding: 0 10px; font-size: 7px; gap: 5px; }
  .landing-v5 .terminal-status b { max-width: 55px; overflow: hidden; text-overflow: ellipsis; }
  .landing-v5 .v5-terminal[data-terminal-os="windows"] .terminal-live,
  .landing-v5 .v5-terminal[data-terminal-os="linux"] .terminal-live { right: 140px; }
}

/* Theme completion for the live top-up simulator and every late light surface. */
html[data-landing-theme="black"] body.landing-v5{background:var(--v5-bg);color:var(--v5-ink)}
html[data-landing-theme="black"] .landing-v5 .v5-topup-calculator{border-color:var(--v5-line);background:#131313;box-shadow:0 22px 60px rgba(0,0,0,.28)}
html[data-landing-theme="black"] .landing-checkout-left,html[data-landing-theme="black"] .landing-checkout-summary{background:#131313;color:var(--v5-ink)}
html[data-landing-theme="black"] .landing-checkout-summary{border-color:var(--v5-line)}
html[data-landing-theme="black"] .landing-payment-methods button{border-color:var(--v5-line);background:#191919;color:var(--v5-ink)}
html[data-landing-theme="black"] .landing-payment-methods button.is-active{border-color:#757570;background:#262624;color:#f2f2ed}
html[data-landing-theme="black"] .landing-topup-label,html[data-landing-theme="black"] .landing-promo label,html[data-landing-theme="black"] .landing-checkout-summary>p,html[data-landing-theme="black"] .landing-checkout-summary dt,html[data-landing-theme="black"] .landing-openai span,html[data-landing-theme="black"] .landing-openai small{color:var(--v5-muted)}
html[data-landing-theme="black"] .landing-topup-input,html[data-landing-theme="black"] .landing-promo,html[data-landing-theme="black"] .landing-checkout-summary dl,html[data-landing-theme="black"] .landing-checkout-summary dl div,html[data-landing-theme="black"] .landing-openai{border-color:var(--v5-line)}
html[data-landing-theme="black"] .landing-topup-input input,html[data-landing-theme="black"] .landing-checkout-summary dd,html[data-landing-theme="black"] .landing-openai b{color:var(--v5-ink)}
html[data-landing-theme="black"] .landing-topup-input b{color:var(--v5-muted)}
html[data-landing-theme="black"] .landing-presets button{border-color:var(--v5-line);background:#191919;color:var(--v5-ink)}
html[data-landing-theme="black"] .landing-presets button.is-active{border-color:#777770;background:#292927;color:#f2f2ed}
html[data-landing-theme="black"] .landing-promo input{border-color:var(--v5-line);background:#191919;color:var(--v5-muted)}
html[data-landing-theme="black"] .landing-promo a{background:#292927;color:#f2f2ed}
html[data-landing-theme="black"] .landing-v5 .topup-submit{background:#efefea;color:#0b0b0b}

/* Final checkout simulator overrides. */
.landing-v5 .v5-topup-calculator{overflow:hidden;border:1px solid #dce5f2;border-radius:18px;grid-template-columns:minmax(0,1.68fr) minmax(290px,.72fr);background:#fff;box-shadow:0 18px 54px rgba(24,45,81,.09)}
.landing-checkout-left{padding:29px 32px 24px}.landing-payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:25px}.landing-payment-methods button{display:grid;min-height:96px;padding:11px 7px;place-items:center;gap:3px;border:1px solid #e0e9f8;border-radius:14px;background:#fff;color:#34445f;cursor:default}.landing-payment-methods button.is-active{border-color:#a7d1ff;background:#f4faff;color:#134b9d}.landing-payment-methods .payment-brand{display:flex;width:42px;height:32px;align-items:center;justify-content:center;gap:3px}.landing-payment-methods .payment-brand>img{width:31px;height:31px;object-fit:contain}.landing-payment-methods .payment-brand.payment-cards>img{width:22px;height:22px}.landing-payment-methods strong{font-size:13px}.landing-payment-methods small{color:#75859e;font-size:9px}.landing-topup-label,.landing-promo label{display:block;margin-bottom:9px;color:#91a2bc;font:700 10px var(--mono);letter-spacing:.13em;text-transform:uppercase}.landing-topup-input{display:flex;min-height:64px;padding:0 14px;border-bottom:1px solid #dce5f2;align-items:center;gap:11px}.landing-topup-input input{width:100%;border:0;outline:0;background:transparent;color:#09152b;font:650 22px var(--font)}.landing-topup-input b{color:#667791}.landing-checkout-left>#topup-range{width:100%;height:6px;margin:20px 0 13px;accent-color:#1763d8}.landing-presets{display:flex;gap:7px;flex-wrap:wrap}.landing-presets button{padding:7px 9px;border:1px solid #dce5f2;border-radius:8px;background:#fff;color:#53637c;font:10px var(--mono)}.landing-presets button.is-active{border-color:#a7d1ff;background:#f1f7ff;color:#1459bd}.landing-promo{margin-top:22px;padding-top:18px;border-top:1px solid #e5ebf5}.landing-promo>div{display:flex;gap:8px}.landing-promo input{min-width:0;flex:1;padding:12px;border:1px solid #dce5f2;border-radius:9px;color:#8a98ad;background:#fafcff;font:11px var(--mono)}.landing-promo a{display:grid;padding:0 14px;border-radius:9px;place-items:center;background:#e9f2ff;color:#1459bd;font-size:11px;font-weight:700}.landing-checkout-summary{display:flex;min-height:410px;padding:32px 25px 22px;border-left:1px solid #e5ebf5;flex-direction:column;background:#fbfdff;color:#0b1730}.landing-checkout-summary>p{margin:0;color:#95a5be;font:700 10px var(--mono);letter-spacing:.14em;text-transform:uppercase}.landing-checkout-summary h3{margin:8px 0 18px;font-size:32px;letter-spacing:-.06em}.landing-checkout-summary>strong{margin-bottom:13px;color:#0da260;font-size:12px}.landing-checkout-summary dl{margin:0;border-top:1px solid #dfe7f2}.landing-checkout-summary dl div{display:flex;padding:12px 0;border-bottom:1px solid #dfe7f2;justify-content:space-between;gap:10px}.landing-checkout-summary dt{color:#71819b;font-size:11px}.landing-checkout-summary dd{margin:0;font-size:12px;font-weight:700;text-align:right}.landing-v5 .topup-submit{margin-top:17px;border-radius:12px;background:#071328;color:#fff}.landing-openai{margin-top:16px;padding-top:13px;border-top:1px solid #dfe7f2}.landing-openai span,.landing-openai small{display:block;color:#74839a;font-size:9px}.landing-openai b{display:block;margin:5px 0;color:#0b1730;font-size:18px;letter-spacing:-.04em}.landing-openai em{font-style:normal}
@media(max-width:760px){.landing-v5 .v5-topup-calculator{grid-template-columns:1fr}.landing-checkout-left{padding:22px 17px}.landing-payment-methods{gap:6px}.landing-payment-methods button{min-height:82px;padding:7px 3px}.landing-payment-methods .payment-brand{width:32px;height:27px}.landing-payment-methods .payment-brand>img{width:27px;height:27px}.landing-payment-methods .payment-brand.payment-cards>img{width:18px;height:18px}.landing-payment-methods strong{font-size:10px}.landing-payment-methods small{font-size:7px}.landing-checkout-summary{min-height:0;padding:22px 17px;border-top:1px solid #e5ebf5;border-left:0}.landing-openai{margin-top:13px}.landing-v5 .topup-submit{min-height:48px}}

/* Landing access layer — compact, conversational terminal and transparent top-up math. */
.landing-v5 .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.landing-v5 .v5-brand img { border-radius: 9px; object-fit: cover; }
.landing-v5 .app-icon-openai img { width: 34px; height: 34px; animation: tgs-mark-turn 8s linear infinite; }
@keyframes tgs-mark-turn { to { transform: rotate(360deg); } }
.landing-v5 .v5-terminal { width: min(820px, 82%); margin-top: 58px; border-color: #30343a; border-radius: 12px; box-shadow: 0 26px 72px rgba(0,0,0,.18); }
.landing-v5 .v5-terminal-bar { min-height: 40px; color: #8e959e; }
.landing-v5 .terminal-screen { min-height: 172px; padding: 20px 25px; font-size: 11px; line-height: 1.9; }
.landing-v5 .terminal-history { min-height: 126px; }
.landing-v5 .terminal-line, .landing-v5 .terminal-active { min-height: 22px; }
.landing-v5 .terminal-line { animation: terminal-line-in .24s ease-out both; }
.landing-v5 .terminal-line.is-output { padding-left: 106px; color: #999f9d; }
.landing-v5 .terminal-line.is-success { color: #dfe7e1; }
.landing-v5 .terminal-prompt { flex-basis: 96px; color: #e8ece7; }
.landing-v5 .terminal-prompt b, .landing-v5 .terminal-active > span:nth-child(2) { color: #a8b6f5; }
.landing-v5 .terminal-cursor { width: 6px; height: 14px; background: #7f9cff; }
.landing-v5 .terminal-status { display: grid; min-height: 36px; padding: 0 18px; border-top: 1px solid #292d33; grid-template-columns: repeat(3, 1fr); color: #777e86; font: 8px var(--mono); letter-spacing: .04em; }
.landing-v5 .terminal-status span { display: flex; border-right: 1px solid #292d33; align-items: center; gap: 7px; }
.landing-v5 .terminal-status span:not(:first-child) { padding-left: 16px; }
.landing-v5 .terminal-status span:last-child { border-right: 0; }
.landing-v5 .terminal-status b { color: #c3d0ff; font-weight: 500; }
@keyframes terminal-line-in { from { opacity: 0; transform: translateY(3px); } to { opacity: 1; transform: translateY(0); } }

.landing-v5 .v5-model-ticker { grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); }
.landing-v5 .v5-model-ticker .model-rate { border-bottom: 1px solid var(--v5-line); }
.landing-v5 .v5-model-ticker .model-rate:nth-child(6n) { border-right: 0; }
.landing-v5 .topup-presets { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 7px; }
.landing-v5 .topup-presets button { min-height: 54px; font-size: 13px; }
.landing-v5 .topup-presets button small { font-size: 5.5px; }
.landing-v5 .topup-selector-head h3 { font-size: 28px; }
.landing-v5 .topup-receipt { padding: 22px 0; }
.landing-v5 .official-compare { min-height: 470px; }

@media (max-width: 960px) {
  .landing-v5 .v5-model-ticker { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .landing-v5 .v5-model-ticker .model-rate:nth-child(3n) { border-right: 0; }
  .landing-v5 .topup-presets { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .landing-v5 .v5-terminal { width: 100%; margin-top: 47px; }
  .landing-v5 .terminal-screen { min-height: 150px; padding: 16px 12px; font-size: 8.5px; }
  .landing-v5 .terminal-history { min-height: 109px; }
  .landing-v5 .terminal-line.is-output { padding-left: 78px; }
  .landing-v5 .terminal-prompt { flex-basis: 72px; }
  .landing-v5 .terminal-status { min-height: 32px; padding-inline: 11px; font-size: 6.5px; }
  .landing-v5 .terminal-status span:not(:first-child) { padding-left: 8px; }
  .landing-v5 .v5-model-ticker { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .landing-v5 .v5-model-ticker .model-rate:nth-child(2n) { border-right: 0; }
  .landing-v5 .topup-presets { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* A read-only rendering of the cabinet checkout, so the landing quote matches it. */
.landing-v5 .v5-topup-calculator{overflow:hidden;border-radius:18px;grid-template-columns:minmax(0,1.68fr) minmax(290px,.72fr);background:#fff;box-shadow:0 18px 54px rgba(24,45,81,.09)}
.landing-checkout-left{padding:29px 32px 24px}.landing-payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:25px}.landing-payment-methods button{display:grid;min-height:96px;padding:11px 7px;place-items:center;gap:3px;border:1px solid #e0e9f8;border-radius:14px;background:#fff;color:#34445f;cursor:default}.landing-payment-methods button.is-active{border-color:#a7d1ff;background:#f4faff;color:#134b9d}.landing-payment-methods b{display:grid;width:32px;height:32px;place-items:center;border-radius:10px;background:#e8f2ff;color:#1763d8;font-size:19px}.landing-payment-methods strong{font-size:13px}.landing-payment-methods small{color:#75859e;font-size:9px}.landing-topup-label,.landing-promo label{display:block;margin-bottom:9px;color:#91a2bc;font:700 10px var(--mono);letter-spacing:.13em;text-transform:uppercase}.landing-topup-input{display:flex;min-height:64px;padding:0 14px;border-bottom:1px solid #dce5f2;align-items:center;gap:11px}.landing-topup-input input{width:100%;border:0;outline:0;background:transparent;color:#09152b;font:650 22px var(--font)}.landing-topup-input b{color:#667791}.landing-checkout-left>#topup-range{width:100%;height:6px;margin:20px 0 13px;accent-color:#1763d8}.landing-presets{display:flex;gap:7px;flex-wrap:wrap}.landing-presets button{padding:7px 9px;border:1px solid #dce5f2;border-radius:8px;background:#fff;color:#53637c;font:10px var(--mono)}.landing-presets button.is-active{border-color:#a7d1ff;background:#f1f7ff;color:#1459bd}.landing-promo{margin-top:22px;padding-top:18px;border-top:1px solid #e5ebf5}.landing-promo>div{display:flex;gap:8px}.landing-promo input{min-width:0;flex:1;padding:12px;border:1px solid #dce5f2;border-radius:9px;color:#8a98ad;background:#fafcff;font:11px var(--mono)}.landing-promo a{display:grid;padding:0 14px;border-radius:9px;place-items:center;background:#e9f2ff;color:#1459bd;font-size:11px;font-weight:700}.landing-checkout-summary{display:flex;min-height:410px;padding:32px 25px 22px;border-left:1px solid #e5ebf5;flex-direction:column;background:#fbfdff;color:#0b1730}.landing-checkout-summary>p{margin:0;color:#95a5be;font:700 10px var(--mono);letter-spacing:.14em;text-transform:uppercase}.landing-checkout-summary h3{margin:8px 0 18px;font-size:32px;letter-spacing:-.06em}.landing-checkout-summary>strong{margin-bottom:13px;color:#0da260;font-size:12px}.landing-checkout-summary dl{margin:0;border-top:1px solid #dfe7f2}.landing-checkout-summary dl div{display:flex;padding:12px 0;border-bottom:1px solid #dfe7f2;justify-content:space-between;gap:10px}.landing-checkout-summary dt{color:#71819b;font-size:11px}.landing-checkout-summary dd{margin:0;font-size:12px;font-weight:700;text-align:right}.landing-v5 .topup-submit{margin-top:17px;border-radius:12px;background:#071328;color:#fff}.landing-openai{margin-top:16px;padding-top:13px;border-top:1px solid #dfe7f2}.landing-openai span,.landing-openai small{display:block;color:#74839a;font-size:9px}.landing-openai b{display:block;margin:5px 0;color:#0b1730;font-size:18px;letter-spacing:-.04em}.landing-openai em{font-style:normal}
@media(max-width:760px){.landing-v5 .v5-topup-calculator{grid-template-columns:1fr}.landing-checkout-left{padding:22px 17px}.landing-payment-methods{gap:6px}.landing-payment-methods button{min-height:82px;padding:7px 3px}.landing-payment-methods b{width:26px;height:26px;font-size:16px}.landing-payment-methods strong{font-size:10px}.landing-payment-methods small{font-size:7px}.landing-checkout-summary{min-height:0;padding:22px 17px;border-top:1px solid #e5ebf5;border-left:0}.landing-openai{margin-top:13px}.landing-v5 .topup-submit{min-height:48px}}

.landing-payment-methods .payment-brand{display:flex;width:42px;height:32px;align-items:center;justify-content:center;gap:3px}.landing-payment-methods .payment-brand>img{width:31px;height:31px;object-fit:contain}.landing-payment-methods .payment-brand.payment-cards>img{width:22px;height:22px}@media(max-width:760px){.landing-payment-methods .payment-brand{width:32px;height:27px}.landing-payment-methods .payment-brand>img{width:27px;height:27px}.landing-payment-methods .payment-brand.payment-cards>img{width:18px;height:18px}}
@media (prefers-reduced-motion: reduce) {
  .landing-v5 .terminal-line { animation: none; }
  .landing-v5 .app-icon-openai img { animation: none; }
}
@keyframes chatgpt-logo-breathe { 0%, 100% { transform: rotate(0) scale(1); } 50% { transform: rotate(7deg) scale(1.06); } }

@font-face {
  font-family: "Onest";
  src: url("/assets/fonts/onest-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0000-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("/assets/fonts/ibm-plex-mono-cyrillic-400.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0400-045F, U+0490-04FF, U+1C80-1C8F, U+20B4;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("/assets/fonts/ibm-plex-mono-latin-400.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0000-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF;
}

:root {
  color-scheme: light;
  --ivory: #f3f0e8;
  --ivory-deep: #e6e1d6;
  --paper: #faf8f2;
  --ink: #111512;
  --ink-soft: #252b27;
  --muted: #686d68;
  --line: rgba(17, 21, 18, .16);
  --jade: #69d39b;
  --jade-dark: #2f7652;
  --jade-soft: #b8e9ce;
  --danger: #ff795f;
  --sans: "Onest", "Segoe UI Variable Display", "Segoe UI", sans-serif;
  --mono: "IBM Plex Mono", "Cascadia Mono", "SFMono-Regular", Consolas, monospace;
  --ease: cubic-bezier(.16, 1, .3, 1);
  --shell: min(100% - 48px, 1440px);
  --radius-pill: 999px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: var(--sans); background: var(--ivory); color: var(--ink); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body::before { position: fixed; inset: 0; z-index: 20; pointer-events: none; content: ""; opacity: .28; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 240 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.055'/%3E%3C/svg%3E"); }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
button, a, input, select, summary { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
:focus-visible { outline: 3px solid var(--jade); outline-offset: 4px; }
::selection { color: var(--ink); background: var(--jade); }
em { font-family: Georgia, "Times New Roman", serif; font-weight: 400; letter-spacing: -.055em; }
.mono { font-family: var(--mono); }
.section-shell { width: var(--shell); margin-inline: auto; }
.skip-link { position: fixed; z-index: 100; top: 10px; left: 10px; min-height: 44px; padding: 12px 18px; transform: translateY(-160%); background: var(--jade); color: var(--ink); font-weight: 700; border-radius: 6px; transition: transform .2s var(--ease); }
.skip-link:focus { transform: translateY(0); }

.site-header, .auth-header { position: relative; z-index: 30; width: var(--shell); min-height: 82px; margin-inline: auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.site-header { border-bottom: 1px solid var(--line); }
.site-header.is-compact { position: sticky; top: 0; width: min(100% - 24px, 1420px); min-height: 66px; padding-inline: 18px; margin-top: 8px; border: 1px solid var(--line); border-radius: var(--radius-pill); background: rgba(243, 240, 232, .91); box-shadow: 0 12px 35px rgba(17,21,18,.08); backdrop-filter: blur(20px); }
.brand { display: inline-flex; min-height: 44px; align-items: center; gap: 12px; font-size: 14px; font-weight: 800; letter-spacing: .1em; }
.brand img { display: block; }
.brand-light { color: var(--ivory); }
.desktop-nav { display: flex; align-items: center; gap: 34px; font-size: 13px; font-weight: 600; }
.desktop-nav a { display: inline-flex; min-height: 44px; align-items: center; color: #363c37; transition: color .2s ease; }
.desktop-nav a:hover { color: #000; }

.button { display: inline-flex; min-height: 52px; padding: 0 24px; border: 1px solid transparent; border-radius: var(--radius-pill); align-items: center; justify-content: center; gap: 30px; font-size: 14px; font-weight: 750; cursor: pointer; transition: transform .35s var(--ease), box-shadow .35s var(--ease), background-color .2s ease, color .2s ease; }
.button:hover { transform: translateY(-3px); }
.button-dark { color: var(--ivory); background: var(--ink); box-shadow: 0 8px 20px rgba(17,21,18,.13); }
.button-dark:hover { background: #272d29; box-shadow: 0 15px 35px rgba(17,21,18,.17); }
.button-mint { background: var(--jade); color: var(--ink); }
.button-mint:hover { background: var(--jade-soft); }
.button-small { min-height: 44px; padding-inline: 20px; gap: 16px; }
.button-large { min-height: 64px; padding-inline: 30px; font-size: 15px; }
.button-full { width: 100%; justify-content: space-between; border: 0; }
.button:disabled { opacity: .6; pointer-events: none; }
.text-link { display: inline-flex; min-height: 44px; align-items: center; border-bottom: 1px solid currentColor; font-size: 13px; font-weight: 750; }
.text-link-light { color: var(--ivory); }
.button-row { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; }
.eyebrow { display: flex; align-items: center; gap: 10px; margin: 0; font-family: var(--mono); font-size: 11px; font-weight: 600; letter-spacing: .11em; text-transform: uppercase; }
.eyebrow > span { width: 7px; height: 7px; border-radius: 50%; background: var(--jade); box-shadow: 0 0 0 5px rgba(105,211,155,.18); }
.eyebrow-light { color: #b7beb9; }
.section-kicker { display: flex; justify-content: space-between; gap: 24px; padding-bottom: 18px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 11px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.section-kicker.light { color: #9aa39d; border-color: rgba(255,255,255,.17); }

.hero { position: relative; min-height: calc(100svh - 82px); height: min(820px, calc(100svh - 82px)); padding: clamp(48px, 7vh, 80px) 0 34px; overflow: hidden; }
.hero-copy { position: relative; z-index: 3; width: min(870px, 72%); }
.hero h1 { max-width: 960px; margin: clamp(22px, 4vh, 40px) 0 0; font-size: clamp(54px, 7.9vw, 124px); line-height: .84; letter-spacing: -.074em; font-weight: 750; }
.hero h1 em { color: #49504b; }
.hero-bottom { display: flex; align-items: end; gap: 48px; margin-top: clamp(28px, 6vh, 62px); padding-left: clamp(0px, 12vw, 176px); }
.hero-bottom > p { max-width: 390px; margin: 0; color: #565d57; font-size: 15px; line-height: 1.65; }
.hero-index { position: absolute; bottom: 32px; left: 0; margin: 0; color: #777d78; font-size: 10px; letter-spacing: .1em; }
.portal-stage { position: absolute; z-index: 1; top: 10%; right: -2%; width: clamp(280px, 31vw, 480px); height: 78%; perspective: 850px; transform: rotate(7deg); }
.portal-shadow { position: absolute; right: 5%; bottom: 4%; width: 75%; height: 18%; border-radius: 50%; background: rgba(17,21,18,.22); filter: blur(30px); transform: rotate(-8deg); }
.portal-slab { position: absolute; top: 4%; height: 82%; width: 42%; transform: skewX(-14deg) rotateY(-11deg); clip-path: polygon(27% 0, 100% 0, 72% 100%, 0 100%); }
.portal-slab-dark { left: 7%; background: #131814; box-shadow: inset 14px 0 #2b322d, 28px 38px 45px rgba(17,21,18,.24); }
.portal-slab-mint { left: 40%; background: var(--jade); box-shadow: inset 16px 0 var(--jade-soft), 28px 38px 45px rgba(17,21,18,.17); }
.portal-edge { position: absolute; z-index: 3; top: 4%; left: 38%; width: 6%; height: 82%; background: #ecfff5; transform: skewX(-14deg) rotateY(-11deg); opacity: .7; }
.orbit { position: absolute; border: 1px solid rgba(17,21,18,.18); border-radius: 50%; }
.orbit-one { inset: 0 6% 6% 0; transform: rotate(-12deg); }
.orbit-two { inset: 15% -3% 18% 16%; transform: rotate(24deg); }

.compat { padding: 145px 0 150px; }
.compat-heading, .models-head { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(260px, .55fr); align-items: end; gap: 9vw; padding: 70px 0 92px; }
.compat-heading h2, .models-head h2 { margin: 0; font-size: clamp(58px, 7vw, 108px); line-height: .9; letter-spacing: -.065em; }
.compat-heading p, .models-head p { max-width: 390px; margin: 0 0 8px; color: var(--muted); font-size: 16px; line-height: 1.7; }
.tool-marquee { position: relative; width: 100vw; margin-left: calc(50% - 50vw); overflow: hidden; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.tool-list { display: flex; width: max-content; min-width: 100%; justify-content: center; }
.tool-list span { display: inline-flex; min-width: 220px; min-height: 112px; padding: 0 30px; align-items: center; justify-content: center; gap: 15px; border-right: 1px solid var(--line); font-weight: 700; white-space: nowrap; }
.tool-list span:first-child { border-left: 1px solid var(--line); }
.tool-list b { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid var(--line); border-radius: 12px; font-family: var(--mono); font-size: 19px; }
.compat-note { display: flex; justify-content: flex-end; align-items: center; gap: 22px; margin-top: 54px; }
.compat-note p { max-width: 330px; margin: 0; font-size: 14px; line-height: 1.6; }
.mini-portal { position: relative; display: inline-block; width: 49px; height: 49px; flex: 0 0 49px; transform: rotate(7deg); }
.mini-portal::before, .mini-portal::after { position: absolute; inset-block: 0; width: 56%; content: ""; clip-path: polygon(25% 0,100% 0,75% 100%,0 100%); }
.mini-portal::before { left: 0; background: var(--ink); }
.mini-portal::after { right: 0; background: var(--jade); }

.connect { width: 100%; max-width: none; padding: 95px max(24px, calc((100vw - 1440px)/2)) 120px; color: var(--ivory); background: var(--ink); }
.connect-head { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(260px, .55fr); gap: 10vw; align-items: end; padding: 75px 0 92px; }
.connect h2 { margin: 0; font-size: clamp(58px, 7vw, 110px); line-height: .88; letter-spacing: -.065em; }
.connect h2 em { color: var(--jade); }
.connect-head p { max-width: 420px; margin: 0 0 8px; color: #aab1ac; line-height: 1.7; }
.steps { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.17); }
.steps li { display: grid; grid-template-columns: 105px 1fr; align-items: start; padding: 38px 0 42px; border-bottom: 1px solid rgba(255,255,255,.17); transition: padding .4s var(--ease), color .2s; }
.steps li:hover { padding-left: 18px; color: var(--jade-soft); }
.step-number { color: var(--jade); font-family: var(--mono); font-size: 12px; }
.steps h3 { margin: 0 0 8px; font-size: clamp(25px, 3vw, 42px); letter-spacing: -.04em; }
.steps p { margin: 0; color: #9ca39e; line-height: 1.6; }
.terminal-shot { max-width: 970px; margin: 85px auto -215px; color: #dbe3dd; background: #1b211d; border: 1px solid #3a433d; border-radius: 16px; box-shadow: 0 45px 100px rgba(0,0,0,.34); overflow: hidden; transform: rotate(-1deg); }
.terminal-bar { height: 48px; padding: 0 18px; display: flex; align-items: center; gap: 7px; border-bottom: 1px solid #343c37; background: #242b26; }
.terminal-bar span { width: 9px; height: 9px; border-radius: 50%; background: #545e57; }
.terminal-bar span:nth-child(2) { background: #66726a; }
.terminal-bar span:nth-child(3) { background: var(--jade); }
.terminal-bar small { margin-left: 10px; color: #88928b; font-family: var(--mono); font-size: 10px; }
.terminal-shot code { display: block; padding: 34px; font-family: var(--mono); font-size: clamp(11px, 1.25vw, 15px); line-height: 2.1; overflow: auto; }
.terminal-shot i { color: var(--jade); font-style: normal; }
.terminal-shot strong { color: #fff; font-weight: 500; }
.terminal-shot b { color: var(--jade); }

.product { width: 100%; max-width: none; padding: 330px max(24px, calc((100vw - 1440px)/2)) 145px; color: #e8ece9; background: #171b18; }
.product-copy { display: grid; grid-template-columns: minmax(280px, .75fr) minmax(460px, 1.25fr); gap: 8vw; align-items: end; }
.product-copy .section-kicker { grid-column: 1 / -1; width: 100%; border-color: rgba(255,255,255,.14); color: #899189; }
.product-copy h2 { margin: 50px 0 0; font-size: clamp(58px, 7vw, 108px); line-height: .88; letter-spacing: -.065em; }
.product-copy h2 em { color: var(--jade); }
.product-copy > p { max-width: 410px; margin: 0 0 70px; color: #9da49f; line-height: 1.7; }
.product-copy .button { justify-self: end; margin-bottom: 0; }
.dashboard-window { display: grid; grid-template-columns: 72px 1fr; min-height: 590px; margin-top: 78px; border: 1px solid #353b37; border-radius: 20px; overflow: hidden; background: #0f1210; box-shadow: 0 42px 100px rgba(0,0,0,.35); }
.dash-rail { display: flex; flex-direction: column; align-items: center; gap: 27px; padding: 24px 0; border-right: 1px solid #292f2b; background: #141815; }
.dash-rail > span { width: 30px; height: 30px; border: 1px solid #3a423c; border-radius: 9px; }
.dash-rail > span.active { border-color: var(--jade); background: rgba(105,211,155,.16); }
.dash-rail i { flex: 1; }
.dash-main { padding: 38px 42px; }
.dash-main header { display: flex; justify-content: space-between; align-items: start; }
.dash-main header small, .dash-main article small, .dash-balance small { color: #747e76; font-family: var(--mono); font-size: 9px; letter-spacing: .13em; }
.dash-main header h3 { margin: 8px 0 0; font-size: 31px; }
.status-pill { display: flex; min-height: 36px; padding: 0 15px; align-items: center; gap: 9px; border: 1px solid #38423b; border-radius: var(--radius-pill); color: #bdc5bf; font-size: 11px; }
.status-pill span { width: 7px; height: 7px; border-radius: 50%; background: var(--jade); box-shadow: 0 0 10px var(--jade); }
.dash-balance { margin: 55px 0 25px; padding: 32px; background: var(--jade); color: var(--ink); border-radius: 15px; }
.dash-balance small { color: #315940; }
.dash-balance strong { display: block; margin-top: 14px; font-size: 42px; letter-spacing: -.04em; }
.dash-balance p { margin: 9px 0 0; color: #315940; font-size: 12px; }
.dash-grid { display: grid; grid-template-columns: .7fr .9fr 1.4fr; gap: 12px; }
.dash-grid article { min-height: 126px; padding: 19px; border: 1px solid #2f3732; border-radius: 12px; }
.dash-grid strong { display: block; margin: 18px 0 5px; font-size: 20px; }
.dash-grid span { color: #778078; font-size: 10px; }
.dash-chart div { height: 67px; margin-top: 13px; display: flex; align-items: end; gap: 6px; }
.dash-chart i { flex: 1; border-radius: 3px 3px 0 0; background: #39423c; }
.dash-chart i:nth-child(1) { height: 30%; }.dash-chart i:nth-child(2) { height: 45%; }.dash-chart i:nth-child(3) { height: 38%; }.dash-chart i:nth-child(4) { height: 68%; background: #4d8e6b; }.dash-chart i:nth-child(5) { height: 55%; }.dash-chart i:nth-child(6) { height: 85%; background: var(--jade); }.dash-chart i:nth-child(7) { height: 62%; }.dash-chart i:nth-child(8) { height: 73%; }
.dash-rows { margin-top: 22px; border-top: 1px solid #303732; }
.dash-rows p { display: grid; grid-template-columns: 16px 1.3fr 1fr auto; gap: 12px; align-items: center; margin: 0; min-height: 50px; border-bottom: 1px solid #272d29; font-size: 10px; }
.dash-rows p:first-child { display: flex; justify-content: space-between; color: #e2e6e3; font-size: 12px; }
.dash-rows small, .dash-rows code { color: #758078; }
.dash-rows em { color: var(--jade); font-family: var(--mono); font-size: 10px; }
.dash-dot { width: 7px; height: 7px; border-radius: 50%; background: #879188; }
.dash-dot.mint { background: var(--jade); }

.models { padding: 145px 0; }
.model-ticker { display: flex; width: 100vw; margin-left: calc(50% - 50vw); overflow-x: auto; scrollbar-width: none; border-block: 1px solid var(--line); }
.model-ticker::-webkit-scrollbar { display: none; }
.model-rate { min-width: 285px; min-height: 148px; display: grid; grid-template-columns: 1fr auto; grid-template-rows: 1fr auto; gap: 12px 24px; padding: 27px 30px 24px; border-right: 1px solid var(--line); }
.model-rate:first-child, .model-ticker > span:first-child { margin-left: max(24px, calc((100vw - 1440px)/2)); border-left: 1px solid var(--line); }
.model-rate-name { align-self: start; font-size: 17px; font-weight: 700; letter-spacing: -.02em; }
.model-rate-factor { grid-column: 2; grid-row: 1 / 3; align-self: center; display: flex; align-items: baseline; color: var(--ink); font-family: var(--mono); font-size: 43px; font-weight: 500; line-height: .9; letter-spacing: -.08em; }
.model-rate-factor span:first-child { margin-right: 5px; color: var(--jade-dark); font-size: .62em; }
.model-rate small { align-self: end; color: var(--muted); font-family: var(--mono); font-size: 9px; font-weight: 500; letter-spacing: .06em; }
.model-ticker > span { min-width: 285px; min-height: 148px; display: flex; align-items: center; padding: 27px 30px; border-right: 1px solid var(--line); color: var(--muted); font-size: 13px; }
.calculator { display: grid; grid-template-columns: 1.35fr .65fr; margin-top: 75px; border: 1px solid var(--ink); background: var(--paper); }
.calculator-inputs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line); border-right: 1px solid var(--ink); }
.calculator-label { grid-column: 1 / -1; min-height: 170px; padding: 34px; background: var(--paper); }
.calculator-label .mono { color: var(--muted); font-size: 10px; letter-spacing: .12em; }
.calculator-label h3 { margin: 28px 0 7px; font-size: 37px; letter-spacing: -.04em; }
.calculator-label p { margin: 0; color: var(--muted); font-size: 13px; }
.calculator-inputs label { min-height: 118px; padding: 22px; display: flex; flex-direction: column; gap: 13px; background: var(--paper); color: var(--muted); font-size: 11px; font-weight: 700; }
.calculator-inputs label:first-of-type { grid-column: 1 / -1; min-height: 96px; }
.calculator input, .calculator select { width: 100%; min-height: 44px; padding: 0; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; color: var(--ink); background: transparent; font-family: var(--mono); font-size: 17px; outline: 0; }
.calculator input:focus, .calculator select:focus { border-color: var(--jade); }
.calculator-result { position: relative; min-height: 480px; padding: 42px; display: flex; flex-direction: column; justify-content: center; color: var(--ivory); background: var(--ink); overflow: hidden; }
.calculator-result::after { position: absolute; right: -60px; bottom: -90px; width: 260px; height: 260px; border: 1px solid rgba(105,211,155,.3); border-radius: 50%; content: ""; box-shadow: 0 0 0 45px rgba(105,211,155,.06), 0 0 0 90px rgba(105,211,155,.035); }
.calculator-result small { position: relative; z-index: 1; color: #8d978f; font-family: var(--mono); font-size: 10px; letter-spacing: .1em; }
.calculator-result strong { position: relative; z-index: 1; margin-top: 33px; font-size: clamp(52px, 6vw, 92px); line-height: .9; letter-spacing: -.065em; }
.calculator-result > span { position: relative; z-index: 1; margin-top: 7px; color: var(--jade); font-size: 17px; }
.calculator-result > p { position: relative; z-index: 1; margin: 35px 0 0; font-family: var(--mono); font-size: 15px; }
.formula { position: relative; z-index: 1; margin-top: auto; padding-top: 24px; border-top: 1px solid #343b36; color: #8e9890; font-size: 11px; line-height: 1.6; }

.trust { position: relative; width: 100%; max-width: none; min-height: 820px; padding: 100px max(24px, calc((100vw - 1440px)/2)) 125px; display: grid; grid-template-columns: minmax(380px, 1.2fr) minmax(360px, .8fr); gap: 8vw; align-items: end; color: var(--ivory); background: #101411; overflow: hidden; }
.trust::before { position: absolute; inset: 0; content: ""; background-image: linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px); background-size: 74px 74px; mask-image: linear-gradient(to bottom,rgba(0,0,0,.7),transparent 90%); }
.trust-symbol { position: absolute; top: 6%; right: 8%; width: min(40vw, 530px); height: 380px; opacity: .8; transform: rotate(8deg); }
.trust-symbol span { position: absolute; inset-block: 0; width: 38%; clip-path: polygon(28% 0,100% 0,72% 100%,0 100%); }
.trust-symbol span:nth-child(1) { left: 0; background: #232a25; }
.trust-symbol span:nth-child(2) { left: 30%; background: #3d7255; }
.trust-symbol span:nth-child(3) { left: 60%; background: var(--jade); }
.trust-copy, .trust-list { position: relative; z-index: 2; }
.trust-copy h2 { margin: 55px 0 34px; font-size: clamp(56px, 6.6vw, 102px); line-height: .88; letter-spacing: -.065em; }
.trust-copy h2 em { color: var(--jade); }
.trust-copy > p { max-width: 610px; margin: 0 0 32px; color: #a1aaa3; line-height: 1.75; }
.trust-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.16); }
.trust-list li { display: grid; grid-template-columns: 52px 1fr; gap: 16px; padding: 29px 0; border-bottom: 1px solid rgba(255,255,255,.16); }
.trust-list > li > span { color: var(--jade); font-family: var(--mono); font-size: 10px; }
.trust-list b { font-size: 16px; }
.trust-list p { margin: 8px 0 0; color: #8f9891; font-size: 13px; line-height: 1.55; }

.faq { padding: 150px 0; display: grid; grid-template-columns: .72fr 1.28fr; gap: 9vw; }
.faq-heading { position: sticky; top: 100px; align-self: start; }
.faq-heading h2 { margin: 65px 0 0; font-size: clamp(58px, 7vw, 105px); line-height: .88; letter-spacing: -.065em; }
.faq-list { border-top: 1px solid var(--ink); }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary { min-height: 100px; padding: 20px 0; display: grid; grid-template-columns: 55px 1fr 28px; align-items: center; gap: 12px; cursor: pointer; font-size: 20px; font-weight: 680; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: "+"; font-family: var(--mono); font-size: 22px; font-weight: 400; transition: transform .35s var(--ease); }
.faq-list details[open] summary::after { transform: rotate(45deg); }
.faq-list summary span { color: var(--muted); font-family: var(--mono); font-size: 10px; }
.faq-list details > p { max-width: 700px; margin: -4px 0 30px 67px; color: var(--muted); font-size: 15px; line-height: 1.7; }

.final-cta { position: relative; width: calc(100% - 28px); max-width: none; min-height: 720px; padding: 72px max(24px, calc((100vw - 1412px)/2)) 70px; border-radius: 24px 24px 0 0; background: var(--jade); overflow: hidden; }
.final-cta > p { margin: 0; font-size: 10px; letter-spacing: .12em; }
.final-cta h2 { position: relative; z-index: 2; max-width: 950px; margin: 75px 0 55px; font-size: clamp(70px, 9.4vw, 145px); line-height: .78; letter-spacing: -.075em; }
.final-cta h2 em { color: #315b43; }
.final-cta .button { position: relative; z-index: 3; }
.final-mark { position: absolute; top: 2%; right: -3%; width: min(34vw, 490px); height: 96%; transform: rotate(9deg); }
.final-mark span { position: absolute; inset-block: 0; width: 60%; clip-path: polygon(30% 0,100% 0,70% 100%,0 100%); }
.final-mark span:first-child { left: 0; background: rgba(17,21,18,.13); }
.final-mark span:last-child { left: 40%; background: var(--ink); }

.site-footer { min-height: 180px; display: grid; grid-template-columns: .7fr 1fr .7fr; gap: 30px; align-items: center; }
.site-footer nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 25px; font-size: 12px; font-weight: 650; }
.site-footer nav a { min-height: 44px; display: inline-flex; align-items: center; }
.site-footer nav a[aria-current="page"] { text-decoration: underline; text-underline-offset: 6px; }
.site-footer > p { justify-self: end; margin: 0; color: var(--muted); text-align: right; font-size: 10px; line-height: 1.7; }

/* Authentication */
.auth-page, .status-page { min-height: 100svh; color-scheme: dark; color: var(--ivory); background: var(--ink); }
.auth-page::before, .status-page::before { opacity: .5; }
.auth-header { border-bottom: 1px solid rgba(255,255,255,.13); }
.auth-layout { width: var(--shell); min-height: calc(100svh - 82px); margin-inline: auto; display: grid; grid-template-columns: minmax(440px, 1.15fr) minmax(440px, .85fr); }
.auth-story { position: relative; padding: clamp(55px, 9vh, 100px) 8vw 52px 0; overflow: hidden; }
.auth-story h1 { position: relative; z-index: 2; margin: 44px 0 30px; font-size: clamp(70px, 8vw, 125px); line-height: .82; letter-spacing: -.07em; }
.auth-story h1 em { color: var(--jade); }
.auth-story > p:not(.eyebrow) { position: relative; z-index: 2; max-width: 420px; color: #939c95; line-height: 1.7; }
.auth-story > small { position: absolute; bottom: 36px; left: 0; color: #6c756e; font-size: 9px; letter-spacing: .12em; }
.auth-art { position: absolute; right: -8%; bottom: -10%; width: min(42vw, 570px); height: 66%; transform: rotate(10deg); }
.auth-art span { position: absolute; inset-block: 0; width: 38%; clip-path: polygon(29% 0,100% 0,71% 100%,0 100%); }
.auth-art span:nth-child(1) { left: 0; background: #202720; }
.auth-art span:nth-child(2) { left: 29%; background: #396d50; }
.auth-art span:nth-child(3) { left: 58%; background: var(--jade); }
.auth-panel { align-self: center; max-width: 540px; width: 100%; margin-left: auto; padding: clamp(32px, 4vw, 56px); color: var(--ink); background: var(--ivory); border-radius: 20px; box-shadow: 0 35px 100px rgba(0,0,0,.25); }
.auth-panel-head .mono { margin: 0; color: var(--muted); font-size: 9px; letter-spacing: .12em; }
.auth-panel-head h2 { margin: 28px 0 10px; font-size: clamp(36px, 3.6vw, 53px); letter-spacing: -.055em; }
.auth-panel-head > p:last-child { margin: 0 0 34px; color: var(--muted); font-size: 14px; line-height: 1.6; }
.form-message { min-height: 0; margin: 0; padding: 0; border: 0; color: #9b3425; font-size: 13px; line-height: 1.5; }
.form-message:not(:empty) { margin-bottom: 18px; padding: 13px 15px; border: 1px solid rgba(155,52,37,.25); background: rgba(255,121,95,.1); }
.form-message.success:not(:empty) { color: #285e42; border-color: rgba(40,94,66,.25); background: rgba(105,211,155,.14); }
.telegram-login { min-height: 80px; text-align: center; }
.telegram-widget { min-height: 46px; display: flex; align-items: center; justify-content: center; }
.telegram-widget > span { color: var(--muted); font-size: 12px; }
.telegram-widget iframe { display: block; max-width: 100%; border: 0; background: transparent; }
.telegram-login > p { max-width: 370px; margin: 12px auto 0; color: #767c77; font-size: 10px; line-height: 1.5; }
.auth-divider { height: 45px; display: flex; align-items: center; gap: 14px; color: #818781; font-family: var(--mono); font-size: 9px; }
.auth-divider::before, .auth-divider::after { flex: 1; height: 1px; background: var(--line); content: ""; }
.auth-form { display: grid; gap: 18px; }
.auth-form label { display: grid; gap: 9px; color: #555b56; font-size: 11px; font-weight: 700; }
.auth-form input { width: 100%; min-height: 50px; padding: 0 15px; border: 1px solid var(--line); border-radius: 8px; color: var(--ink); background: var(--paper); outline: 0; transition: border .2s, box-shadow .2s; }
.auth-form input:focus { border-color: #4aa978; box-shadow: 0 0 0 3px rgba(105,211,155,.2); }
.auth-form input[aria-invalid="true"] { border-color: var(--danger); }
.auth-form .button { margin-top: 5px; }
.auth-legal { margin: 25px 0 0; color: #777d78; text-align: center; font-size: 10px; line-height: 1.5; }
.auth-legal a { text-decoration: underline; text-underline-offset: 3px; }

/* Legal and support */
.legal-shell, .contact-shell { width: var(--shell); margin-inline: auto; }
.legal-hero { min-height: 570px; padding: 85px 0 70px; display: grid; grid-template-columns: 1.3fr .7fr; align-content: center; gap: 8vw; border-bottom: 1px solid var(--ink); }
.legal-hero > .eyebrow { grid-column: 1 / -1; }
.legal-hero h1 { margin: 30px 0 0; font-size: clamp(68px, 8vw, 124px); line-height: .83; letter-spacing: -.07em; }
.legal-hero > div { align-self: end; padding-bottom: 8px; }
.legal-hero > div p { max-width: 430px; color: var(--muted); line-height: 1.7; }
.legal-hero > div small { display: block; margin-top: 36px; font-family: var(--mono); font-size: 9px; letter-spacing: .1em; }
.legal-layout { display: grid; grid-template-columns: 270px 1fr; gap: 9vw; padding: 65px 0 140px; }
.legal-layout aside nav { position: sticky; top: 100px; display: grid; }
.legal-layout aside a { min-height: 44px; display: flex; align-items: center; border-bottom: 1px solid var(--line); color: var(--muted); font-family: var(--mono); font-size: 10px; }
.legal-content { max-width: 820px; }
.legal-content section { position: relative; padding: 0 0 70px 80px; margin-bottom: 70px; border-bottom: 1px solid var(--line); scroll-margin-top: 100px; }
.legal-content section > span { position: absolute; top: 8px; left: 0; color: #6a716b; font-family: var(--mono); font-size: 10px; }
.legal-content h2 { margin: 0 0 28px; font-size: clamp(30px, 3vw, 44px); letter-spacing: -.045em; }
.legal-content p { margin: 0 0 19px; color: #515852; font-size: 15px; line-height: 1.82; }
.legal-content .button { margin-top: 20px; }

.contact-hero { min-height: 650px; padding: 90px 0; display: flex; flex-direction: column; justify-content: center; }
.contact-hero h1 { margin: 45px 0 30px; font-size: clamp(72px, 9vw, 140px); line-height: .8; letter-spacing: -.075em; }
.contact-hero > p:last-child { max-width: 530px; margin-left: 50%; color: var(--muted); line-height: 1.75; }
.support-grid { border-top: 1px solid var(--ink); }
.support-item { display: grid; grid-template-columns: 80px 1fr 50px; min-height: 210px; align-items: center; gap: 20px; border-bottom: 1px solid var(--ink); transition: padding .4s var(--ease), background .2s; }
.support-item:hover { padding-inline: 22px; background: var(--paper); }
.support-item.support-primary { color: var(--ink); background: var(--jade); }
.support-item.support-primary:hover { background: var(--jade-soft); }
.support-index, .support-item small { font-family: var(--mono); font-size: 10px; letter-spacing: .1em; }
.support-item small { color: var(--muted); }
.support-item h2 { margin: 15px 0 8px; font-size: clamp(28px, 3vw, 44px); letter-spacing: -.04em; }
.support-item p { margin: 0; color: var(--muted); line-height: 1.6; }
.support-item > b { font-size: 24px; }
.support-note { max-width: 800px; margin: 100px 0 140px auto; display: flex; gap: 32px; align-items: start; }
.support-note h2 { margin: 0 0 12px; font-size: 25px; }
.support-note p { margin: 0; color: var(--muted); line-height: 1.7; }

/* Status */
.status-shell { width: min(100% - 48px, 1180px); margin-inline: auto; padding: 90px 0 120px; display: grid; grid-template-columns: .8fr 1.2fr; gap: 9vw; align-items: start; }
.status-shell > header h1 { margin: 48px 0 30px; font-size: clamp(72px, 8vw, 122px); line-height: .82; letter-spacing: -.07em; }
.status-shell > header h1 em { color: var(--jade); }
.status-shell > header > p:last-child { max-width: 400px; color: #939c95; line-height: 1.7; }
.status-board { border: 1px solid #363d38; border-radius: 18px; background: #171c18; overflow: hidden; }
.status-summary { min-height: 210px; padding: 35px; display: grid; grid-template-columns: 42px 1fr 44px; gap: 20px; align-items: center; border-bottom: 1px solid #343b36; }
.status-light { width: 22px; height: 22px; border-radius: 50%; background: var(--jade); box-shadow: 0 0 0 9px rgba(105,211,155,.1), 0 0 32px rgba(105,211,155,.5); }
.status-light.loading { background: #677069; box-shadow: 0 0 0 9px rgba(255,255,255,.05); animation: breathe 1.3s ease-in-out infinite alternate; }
.status-light.bad { background: var(--danger); box-shadow: 0 0 0 9px rgba(255,121,95,.1), 0 0 28px rgba(255,121,95,.3); }
.status-summary small { color: #778079; font-family: var(--mono); font-size: 9px; letter-spacing: .11em; }
.status-summary h2 { margin: 13px 0 7px; font-size: 26px; }
.status-summary p { margin: 0; color: #8b948d; font-size: 12px; }
.icon-button { width: 44px; height: 44px; border: 1px solid #3b443e; border-radius: 50%; color: #ccd3ce; background: transparent; cursor: pointer; font-size: 22px; transition: transform .4s var(--ease), background .2s; }
.icon-button:hover { transform: rotate(90deg); background: #242a26; }
.status-row { min-height: 74px; padding: 0 35px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid #292f2b; color: #929b94; font-size: 13px; }
.status-row:last-child { border-bottom: 0; }
.status-row b, .status-row time { color: #e1e6e2; font-family: var(--mono); font-size: 11px; font-weight: 500; }
.status-row b.ok { color: var(--jade); }
.status-row b.bad { color: var(--danger); }
.status-footnote { grid-column: 2; margin: 0; color: #8f9891; font-size: 12px; }
.status-footnote a { color: var(--jade); }

/* 404 */
.error-page main { position: relative; width: var(--shell); min-height: calc(100svh - 82px); margin-inline: auto; padding: 85px 0; overflow: hidden; }
.error-page main > .mono { margin: 0 0 50px; font-size: 10px; letter-spacing: .12em; }
.error-page h1 { position: relative; z-index: 2; margin: 0 0 35px; font-size: clamp(75px, 10vw, 150px); line-height: .78; letter-spacing: -.075em; }
.error-page main > p:not(.mono) { position: relative; z-index: 2; max-width: 380px; color: var(--muted); line-height: 1.7; }
.error-page .button-row { position: relative; z-index: 2; margin-top: 40px; }
.error-art { position: absolute; top: 2%; right: -5%; width: 55%; height: 100%; transform: rotate(7deg); }
.error-art span { position: absolute; inset-block: 0; width: 55%; clip-path: polygon(30% 0,100% 0,70% 100%,0 100%); }
.error-art span:first-child { left: 0; background: #d8d4ca; }
.error-art span:nth-child(2) { left: 38%; background: var(--jade); }
.error-art b { position: absolute; z-index: 2; top: 45%; left: 26%; color: var(--ink); font-size: clamp(80px, 13vw, 200px); letter-spacing: -.08em; transform: rotate(-7deg); }

[data-reveal] { opacity: 0; transform: translateY(26px); transition: opacity .85s var(--ease), transform .85s var(--ease); }
[data-reveal].is-visible { opacity: 1; transform: translateY(0); }
@keyframes breathe { to { opacity: .35; transform: scale(.82); } }

@media (max-width: 1100px) {
  :root { --shell: min(100% - 36px, 1000px); }
  .hero { height: auto; min-height: 720px; }
  .hero-copy { width: 82%; }
  .hero h1 { font-size: clamp(58px, 9vw, 95px); }
  .portal-stage { right: -11%; width: 39vw; }
  .product-copy { grid-template-columns: 1fr; }
  .product-copy > p { margin: 0; }
  .product-copy .button { justify-self: start; }
  .auth-layout { grid-template-columns: .9fr 1.1fr; }
  .auth-story { padding-right: 4vw; }
  .legal-layout { gap: 5vw; }
}

@media (max-width: 820px) {
  :root { --shell: calc(100% - 32px); }
  .desktop-nav { display: none; }
  .site-header, .auth-header { min-height: 70px; }
  .site-header.is-compact { min-height: 58px; }
  .hero { min-height: 760px; padding-top: 55px; }
  .hero-copy { width: 100%; }
  .hero h1 { font-size: clamp(54px, 12.2vw, 82px); }
  .hero-bottom { display: grid; padding-left: 0; gap: 25px; }
  .portal-stage { top: auto; right: -8%; bottom: -4%; width: 45vw; height: 43%; opacity: .8; }
  .compat, .models { padding-block: 100px; }
  .compat-heading, .models-head, .connect-head { grid-template-columns: 1fr; gap: 35px; padding: 55px 0 65px; }
  .compat-heading h2, .models-head h2, .connect h2 { font-size: clamp(55px, 12vw, 82px); }
  .tool-list { justify-content: start; }
  .tool-list span { min-width: 190px; min-height: 92px; }
  .connect { padding-top: 70px; }
  .terminal-shot { margin-bottom: -170px; }
  .product { padding-top: 270px; padding-bottom: 100px; }
  .product-copy h2 { font-size: clamp(55px, 12vw, 82px); }
  .dashboard-window { grid-template-columns: 55px 1fr; min-height: 510px; }
  .dash-main { padding: 27px 24px; }
  .dash-grid { grid-template-columns: 1fr 1fr; }
  .dash-chart { grid-column: 1 / -1; }
  .calculator { grid-template-columns: 1fr; }
  .calculator-inputs { border-right: 0; border-bottom: 1px solid var(--ink); }
  .calculator-result { min-height: 390px; }
  .trust { min-height: auto; grid-template-columns: 1fr; padding-block: 90px; }
  .trust-symbol { top: 4%; right: -10%; width: 55vw; height: 280px; opacity: .34; }
  .trust-copy h2 { font-size: clamp(55px, 12vw, 84px); }
  .faq { grid-template-columns: 1fr; }
  .faq-heading { position: static; }
  .faq-heading h2 { margin-bottom: 55px; }
  .final-cta { min-height: 610px; }
  .site-footer { grid-template-columns: 1fr 1fr; padding-block: 38px; }
  .site-footer nav { justify-content: flex-end; }
  .site-footer > p { grid-column: 1 / -1; justify-self: start; text-align: left; }
  .auth-layout { display: block; min-height: auto; }
  .auth-story { min-height: 440px; padding: 70px 0; }
  .auth-story h1 { font-size: clamp(67px, 15vw, 105px); }
  .auth-story > small { bottom: 20px; }
  .auth-art { right: -15%; width: 58vw; }
  .auth-panel { max-width: none; margin: 0 0 50px; }
  .legal-hero { grid-template-columns: 1fr; min-height: 550px; }
  .legal-hero h1 { font-size: clamp(63px, 14vw, 100px); }
  .legal-layout { grid-template-columns: 1fr; }
  .legal-layout aside { display: none; }
  .contact-hero > p:last-child { margin-left: 20%; }
  .status-shell { grid-template-columns: 1fr; padding-top: 70px; }
  .status-footnote { grid-column: 1; }
}

@media (max-width: 560px) {
  :root { --shell: calc(100% - 24px); }
  .brand span { font-size: 12px; }
  .site-header .button { padding-inline: 16px; }
  .hero { min-height: 730px; }
  .hero h1 { font-size: clamp(47px, 14.3vw, 72px); line-height: .86; }
  .hero-bottom > p { font-size: 14px; }
  .hero .button-row { gap: 15px; }
  .portal-stage { right: -15%; width: 58vw; height: 38%; }
  .section-kicker .mono { text-align: right; }
  .compat { padding-top: 90px; }
  .compat-heading h2, .models-head h2, .connect h2, .product-copy h2, .trust-copy h2, .faq-heading h2 { font-size: clamp(48px, 14vw, 68px); }
  .compat-note { justify-content: flex-start; }
  .steps li { grid-template-columns: 55px 1fr; }
  .terminal-shot { margin-top: 60px; margin-bottom: -150px; }
  .terminal-shot code { padding: 23px 18px; font-size: 10px; }
  .product { padding-top: 240px; padding-inline: 12px; }
  .product-copy { padding-inline: 12px; }
  .dashboard-window { grid-template-columns: 1fr; min-height: 515px; border-radius: 14px; }
  .dash-rail { min-height: 54px; padding: 0 13px; flex-direction: row; border-right: 0; border-bottom: 1px solid #292f2b; }
  .dash-rail > span { width: 25px; height: 25px; }
  .dash-rail i { flex: 1; }
  .dash-main { padding: 21px 17px; }
  .dash-main header h3 { font-size: 25px; }
  .status-pill { font-size: 9px; }
  .dash-balance { margin-top: 32px; padding: 22px; }
  .dash-balance strong { font-size: 32px; }
  .dash-grid { grid-template-columns: 1fr 1fr; }
  .dash-grid article { min-height: 105px; padding: 14px; }
  .dash-rows p { grid-template-columns: 12px 1.2fr .8fr auto; gap: 6px; }
  .calculator-inputs { grid-template-columns: 1fr; }
  .calculator-inputs label:first-of-type, .calculator-label { grid-column: 1; }
  .calculator-label { min-height: auto; padding: 25px 20px; }
  .calculator-label h3 { font-size: 30px; }
  .calculator-inputs label { min-height: 96px; }
  .calculator-result { min-height: 365px; padding: 27px; }
  .trust { padding-inline: 20px; }
  .trust-list li { grid-template-columns: 40px 1fr; }
  .faq { padding-block: 95px; }
  .faq-list summary { min-height: 88px; grid-template-columns: 35px 1fr 24px; font-size: 16px; }
  .faq-list details > p { margin-left: 47px; }
  .final-cta { width: calc(100% - 12px); min-height: 580px; padding-inline: 22px; border-radius: 18px 18px 0 0; }
  .final-cta h2 { font-size: clamp(61px, 18vw, 90px); }
  .final-mark { opacity: .45; width: 53vw; }
  .site-footer { grid-template-columns: 1fr; }
  .site-footer nav { justify-content: flex-start; gap: 14px; }
  .auth-header .text-link { font-size: 11px; }
  .auth-story { min-height: 405px; }
  .auth-story h1 { font-size: clamp(59px, 17vw, 86px); }
  .auth-story > p:not(.eyebrow) { max-width: 280px; font-size: 13px; }
  .auth-panel { padding: 30px 20px; border-radius: 14px; }
  .legal-hero { min-height: 510px; padding-top: 55px; }
  .legal-hero h1 { font-size: clamp(54px, 16vw, 78px); }
  .legal-content section { padding: 0 0 55px 40px; margin-bottom: 55px; }
  .legal-content p { font-size: 14px; }
  .contact-hero { min-height: 560px; }
  .contact-hero h1 { font-size: clamp(58px, 17vw, 86px); }
  .contact-hero > p:last-child { margin-left: 0; }
  .support-item { grid-template-columns: 40px 1fr 24px; min-height: 190px; }
  .support-item p { font-size: 13px; }
  .support-note { margin-block: 75px 100px; }
  .status-shell { width: calc(100% - 24px); }
  .status-shell > header h1 { font-size: clamp(62px, 18vw, 88px); }
  .status-summary { min-height: 190px; padding: 25px 20px; grid-template-columns: 30px 1fr 44px; gap: 12px; }
  .status-row { padding-inline: 20px; }
  .error-page h1 { font-size: clamp(60px, 18vw, 90px); }
  .error-art { opacity: .45; width: 72%; }
}

@media (max-width: 420px) {
  .hero { min-height: 770px; }
  .hero .button-row { flex-direction: column; align-items: flex-start; gap: 6px; }
  .portal-stage { right: -22%; bottom: -6%; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  [data-reveal] { opacity: 1; transform: none; }
}
/* 2026 light product redesign. */
:root {
  --ivory: #f7f9fc;
  --ivory-deep: #e8edf5;
  --paper: rgba(255,255,255,.9);
  --ink: #080b1d;
  --ink-soft: #171a2d;
  --muted: #6f7890;
  --line: rgba(60,75,105,.14);
  --jade: #4764ff;
  --jade-dark: #2f49dc;
  --jade-soft: #dce4ff;
  --sky: #4fc3ff;
  --violet: #8f73ff;
  --card: rgba(255,255,255,.78);
  --shell: min(100% - 48px, 1440px);
}
body { background: #f8fafc; }
body::before { opacity: .14; }
.site-page { background:
  radial-gradient(circle at 8% 15%, rgba(93,200,255,.18), transparent 24rem),
  radial-gradient(circle at 91% 18%, rgba(157,118,255,.13), transparent 25rem),
  radial-gradient(circle at 55% 55%, rgba(255,217,104,.1), transparent 30rem), #f8fafc; }
.site-page main { overflow: hidden; }
.site-header, .auth-header { width: min(100% - 48px, 1440px); min-height: 64px; margin-top: 22px; padding: 0 18px 0 22px; border: 1px solid rgba(255,255,255,.9); border-radius: 22px; background: rgba(255,255,255,.78); box-shadow: 0 16px 50px rgba(71,81,118,.09), inset 0 0 0 1px rgba(57,71,101,.06); backdrop-filter: blur(22px); }
.site-header.is-compact { top: 10px; width: min(100% - 28px, 1420px); min-height: 64px; margin-top: 10px; background: rgba(255,255,255,.86); }
.brand { color: var(--ink); letter-spacing: -.02em; font-size: 15px; }
.brand img { width: 28px; height: 28px; }
.desktop-nav { gap: 10px; padding: 4px; border-radius: 13px; background: rgba(237,241,248,.82); }
.desktop-nav a { min-height: 34px; padding: 0 14px; border-radius: 10px; color: #677087; font-size: 12px; transition: background-color .2s ease,color .2s ease; }
.desktop-nav a:hover { color: var(--ink); background: #fff; }
.button { min-height: 48px; border-radius: 16px; gap: 20px; }
.button-dark { color: #fff; background: #090c20; box-shadow: 0 13px 28px rgba(25,30,68,.18); }
.button-dark:hover { background: #1b2140; box-shadow: 0 18px 38px rgba(25,30,68,.2); }
.button-small { min-height: 42px; border-radius: 14px; }
.text-link { text-decoration-color: rgba(8,11,29,.35); }

.hero { width: min(100% - 48px,1440px); min-height: 820px; height: auto; padding: 118px 0 110px; display: grid; place-items: start center; text-align: center; overflow: visible; }
.hero::before { position:absolute; inset: -88px -24px 0; content:""; z-index:-1; border-radius: 0 0 48px 48px; background: radial-gradient(circle at 22% 30%,rgba(90,205,255,.22),transparent 29%),radial-gradient(circle at 80% 28%,rgba(132,103,255,.18),transparent 31%),radial-gradient(circle at 52% 83%,rgba(255,222,116,.14),transparent 30%); filter: blur(3px); }
.hero-copy { width: min(980px,100%); }
.hero .eyebrow { width:max-content; margin:0 auto; padding:8px 13px; border:1px solid rgba(71,100,255,.18); border-radius:10px; color:#3655ed; background:rgba(255,255,255,.72); }
.hero h1 { max-width: 1060px; margin: 30px auto 0; font-size: clamp(54px,7.35vw,112px); line-height: .9; letter-spacing: -.073em; font-weight: 700; text-wrap: balance; }
.hero h1 em { color: var(--ink); font-family: inherit; font-style: normal; }
.hero-bottom { margin: 38px auto 0; padding:0; display:flex; flex-direction:column; align-items:center; gap:27px; }
.hero-bottom > p { max-width: 660px; color: #69738a; font-size: 17px; line-height:1.65; text-wrap:pretty; }
.hero .button-row { display:flex; align-items:center; gap:18px; }
.hero-index { display:none; }
.hero-console { position: relative; z-index: 3; width: min(980px, 100%); margin: 64px auto -170px; overflow: hidden; border: 1px solid rgba(255,255,255,.96); border-radius: 30px; background: rgba(255,255,255,.72); box-shadow: 0 34px 100px rgba(49,64,108,.16), inset 0 0 0 1px rgba(60,75,105,.06); backdrop-filter: blur(22px); text-align: left; }
.hero-console::before { position: absolute; inset: -45% 18% auto auto; width: 310px; height: 310px; border-radius: 50%; content: ""; background: rgba(79,195,255,.28); filter: blur(44px); }
.console-top { position: relative; min-height: 58px; padding: 0 22px; display: flex; align-items: center; gap: 12px; border-bottom: 1px solid var(--line); color: #677087; font-family: var(--mono); font-size: 11px; }
.console-top span { width: 10px; height: 10px; border-radius: 50%; background: #52d995; box-shadow: 0 0 0 5px rgba(82,217,149,.14); }
.console-top b { color: var(--ink); font-weight: 600; }
.console-top small { margin-left: auto; padding: 6px 9px; border-radius: 999px; color: #3452e6; background: rgba(71,100,255,.1); }
.console-grid { position: relative; display: grid; grid-template-columns: .78fr .72fr 1.35fr; gap: 1px; background: var(--line); }
.console-grid article { min-height: 178px; padding: 26px; background: rgba(255,255,255,.83); }
.console-grid small { color: #7a849a; font-family: var(--mono); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.console-grid strong { display: block; margin: 30px 0 10px; font-size: clamp(26px, 3vw, 40px); letter-spacing: -.05em; }
.console-grid p { max-width: 220px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.55; }
.console-wide { color: #eef2ff; background: linear-gradient(135deg, #090c20, #182052) !important; }
.console-wide small { color: #98a8ff; }
.console-wide code { display: block; margin-top: 24px; overflow-x: auto; color: #dce4ff; font-family: var(--mono); font-size: 12px; line-height: 1.9; white-space: nowrap; }
.console-strip { position: relative; display: flex; gap: 8px; padding: 16px; overflow-x: auto; scrollbar-width: none; background: rgba(247,249,252,.8); }
.console-strip::-webkit-scrollbar { display: none; }
.console-strip span { flex: 0 0 auto; padding: 10px 13px; border: 1px solid var(--line); border-radius: 13px; background: #fff; color: #566176; font-family: var(--mono); font-size: 11px; }

.proof { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; padding: 110px 0 42px; }
.proof article { min-height: 210px; padding: 24px; border: 1px solid rgba(255,255,255,.92); border-radius: 26px; background: var(--card); box-shadow: 0 20px 60px rgba(48,62,98,.07), inset 0 0 0 1px rgba(60,75,105,.05); backdrop-filter: blur(16px); }
.proof span { color: #4764ff; font-family: var(--mono); font-size: 10px; letter-spacing: .12em; }
.proof b { display: block; margin-top: 58px; font-size: 24px; letter-spacing: -.04em; }
.proof p { margin: 10px 0 0; color: var(--muted); font-size: 14px; line-height: 1.6; }

.compat,.models { padding:120px 0 125px; }
.section-kicker { border-color:var(--line); }
.compat-heading,.models-head { padding:58px 0 70px; grid-template-columns:minmax(0,1.2fr) minmax(260px,.55fr); }
.compat-heading h2,.models-head h2,.faq-heading h2 { font-size:clamp(48px,6vw,84px); line-height:.94; }
.compat-heading h2 em,.models-head h2 em,.faq-heading h2 em { color:#4764ff; font-family:inherit; font-style:normal; }
.tool-marquee { width:100%; margin-left:0; border-radius:24px; border:1px solid rgba(255,255,255,.9); background:rgba(255,255,255,.76); box-shadow:0 24px 65px rgba(48,62,98,.08); }
.tool-list span { border-color:var(--line); }
.compat-note strong { color: var(--ink); font-weight: 700; }
.mini-portal { border-radius: 16px; background:linear-gradient(135deg,#4764ff,#7fdcff); box-shadow:0 12px 30px rgba(71,100,255,.22); transform: rotate(0); }
.mini-portal::before,.mini-portal::after { display: none; }

.connect,.product,.trust { width:min(100% - 32px,1500px); max-width:1500px; margin-inline:auto; border-radius:34px; color:var(--ink); background:rgba(255,255,255,.82); box-shadow:0 24px 90px rgba(47,58,96,.09),inset 0 0 0 1px rgba(255,255,255,.9); backdrop-filter:blur(18px); }
.connect { padding:82px max(24px,calc((100vw - 1370px)/2)) 115px; }
.connect h2,.product-copy h2,.trust-copy h2 { font-size:clamp(50px,6vw,88px); }
.connect h2 em,.product-copy h2 em,.trust-copy h2 em { color:#4764ff; font-family:inherit; font-style:normal; }
.connect-head p,.product-copy>p,.trust-copy>p { color:var(--muted); }
.section-kicker.light { color:#727b92; border-color:var(--line); }
.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; border:0; }
.steps li { display:block; min-height:220px; padding:26px; border:1px solid var(--line); border-radius:22px; background:rgba(249,251,255,.85); transition: transform .35s var(--ease), box-shadow .35s var(--ease); }
.steps li:hover { padding-left:26px; transform:translateY(-4px); box-shadow:0 18px 40px rgba(48,62,98,.08); }
.steps h3 { margin-top:55px; font-size:25px; }
.steps p { color:var(--muted); }
.step-number { color:#4764ff; }
.terminal-shot { margin:52px auto -190px; color:#2e3549; background:rgba(255,255,255,.95); border-color:var(--line); border-radius:24px; box-shadow:0 35px 90px rgba(40,50,88,.15); transform:none; }
.terminal-bar { background:#f5f7fb; border-color:var(--line); }
.terminal-shot strong { color:var(--ink); }.terminal-shot i,.terminal-shot b { color:#4764ff; }
.terminal-bar span:nth-child(1){background:#ff8278}.terminal-bar span:nth-child(2){background:#ffd66b}.terminal-bar span:nth-child(3){background:#5ed79c}

.product { margin-top:44px; padding:290px max(24px,calc((100vw - 1370px)/2)) 115px; }
.product-copy { color:var(--ink); }
.product-copy .section-kicker { color:#727b92; border-color:var(--line); }
.button-mint { color:#fff; background:#4764ff; }
.button-mint:hover { background:#314ee2; }
.dashboard-window { border-color:var(--line); background:#f6f8fc; box-shadow:0 35px 85px rgba(40,50,88,.14); }
.dash-rail,.dash-main { background:#fff; border-color:var(--line); color:var(--ink); }
.dash-main header,.dash-rows p { border-color:var(--line); }
.dash-main header small,.dash-balance small,.dash-grid small { color:#758099; }
.dash-balance { color:#fff; background:linear-gradient(135deg,#4764ff,#7e9cff); }
.dash-balance small,.dash-balance p { color:#dfe7ff; }
.dash-grid article,.dash-rows { background:#fff; border-color:var(--line); }
.status-pill { color:#244ed7; background:#edf2ff; }

.calculator { overflow:hidden; border:1px solid var(--line); border-radius:28px; background:#fff; box-shadow:0 24px 70px rgba(48,62,98,.08); }
.calculator-inputs { background:var(--line); border-color:var(--line); }
.calculator-label,.calculator-inputs label { background:rgba(255,255,255,.98); }
.calculator-result { color:#fff; background:#0b0e23; }
.calculator-result::after { border-color:rgba(112,137,255,.35); box-shadow:0 0 0 45px rgba(71,100,255,.08),0 0 0 90px rgba(71,100,255,.045); }
.calculator-result>span { color:#9eafff; }

.trust { min-height:700px; padding:90px max(24px,calc((100vw - 1370px)/2)) 100px; }
.trust::before { background-image:linear-gradient(rgba(71,100,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(71,100,255,.035) 1px,transparent 1px); }
.trust-symbol { opacity:.18; }.trust-symbol span:nth-child(1){background:#9ebcff}.trust-symbol span:nth-child(2){background:#7e9cff}.trust-symbol span:nth-child(3){background:#4764ff}
.trust-list { border-color:var(--line); }.trust-list li { border-color:var(--line); }.trust-list p { color:var(--muted); }
.text-link-light { color:var(--ink); }
.faq { padding:140px 0; }.faq-list { border-color:var(--line); }
.final-cta { width:min(100% - 32px,1500px); min-height:580px; border-radius:34px; color:#fff; background:radial-gradient(circle at 75% 30%,#7794ff,transparent 35%),linear-gradient(135deg,#4764ff,#314ee2); }
.final-cta h2 { max-width: 1100px; font-size:clamp(62px,8.5vw,122px); }.final-cta h2 em{color:#dce4ff;font-family:inherit;font-style:normal}.final-cta .button-dark{background:#fff;color:#0b0e23}
.site-footer { padding-inline:18px; }

.auth-page { color-scheme:light; color:var(--ink); background:radial-gradient(circle at 15% 30%,rgba(102,208,255,.2),transparent 27rem),radial-gradient(circle at 84% 36%,rgba(139,107,255,.16),transparent 27rem),#f8fafc; }
.auth-page::before { opacity:.12; }
.auth-page .auth-header { border:1px solid rgba(255,255,255,.9); }
.brand-light,.text-link-light { color:var(--ink); }
.auth-layout { min-height:calc(100svh - 108px); grid-template-columns:1fr; place-items:center; padding:60px 0 90px; }
.auth-story { display:none; }
.auth-panel { max-width:500px; margin:0 auto; padding:38px; border:1px solid rgba(255,255,255,.95); border-radius:28px; background:rgba(255,255,255,.74); box-shadow:0 30px 90px rgba(56,66,105,.13),inset 0 0 0 1px rgba(60,75,105,.05); backdrop-filter:blur(20px); }
.auth-panel-head { text-align:center; }.auth-panel-head .mono { color:#4764ff; }.auth-panel-head h2{font-size:42px}.auth-panel-head>p:last-child{max-width:360px;margin:0 auto 28px}.telegram-login{border-radius:17px;background:rgba(242,246,252,.9)}
.auth-form input { min-height:56px; border-radius:15px; background:rgba(255,255,255,.92); }.auth-form input:focus{border-color:#4764ff;box-shadow:0 0 0 4px rgba(71,100,255,.12)}
.auth-form .button { min-height:56px; }

@media (max-width:900px){
  .desktop-nav{display:none}.hero{min-height:auto;padding-top:95px}.hero h1{font-size:clamp(50px,10vw,78px)}.hero-console{margin-bottom:-120px}.console-grid{grid-template-columns:1fr 1fr}.console-wide{grid-column:1/-1}.proof{grid-template-columns:1fr;padding-top:170px}.proof article{min-height:170px}.proof b{margin-top:35px}
  .steps{grid-template-columns:1fr}.steps li{min-height:170px}.steps h3{margin-top:30px}
  .connect,.product,.trust{width:calc(100% - 20px);border-radius:26px}.product-copy,.trust{grid-template-columns:1fr}.product-copy .button{justify-self:start}.trust{display:block}.trust-list{margin-top:65px}
}
@media (max-width:600px){
  :root{--shell:min(100% - 24px,1440px)}.site-header,.auth-header{width:calc(100% - 24px);margin-top:12px;min-height:58px;padding:0 10px 0 14px;border-radius:18px}.site-header .brand span{font-size:12px}.button-small{padding-inline:15px}
  .hero{width:calc(100% - 24px);min-height:auto;padding:72px 0 70px}.hero .eyebrow{font-size:9px}.hero h1{font-size:45px;line-height:.96}.hero-bottom>p{font-size:15px}.hero .button-row{flex-direction:column}.hero-console{margin-top:42px;margin-bottom:-95px;border-radius:22px}.console-grid{grid-template-columns:1fr}.console-grid article{min-height:150px;padding:21px}.console-grid strong{margin-top:24px}.proof{padding-top:135px}
  .compat,.models{padding:100px 0}.compat-heading,.models-head{padding:40px 0 55px}.compat-heading h2,.models-head h2,.faq-heading h2{font-size:45px}.compat-heading p,.models-head p{font-size:14px}
  .connect{padding:58px 18px 90px}.connect-head{padding:48px 0 54px}.connect h2,.product-copy h2,.trust-copy h2{font-size:45px}.terminal-shot{margin-bottom:-120px}.terminal-shot code{padding:24px 18px}
  .product{padding:200px 18px 74px}.dashboard-window{margin-top:48px;border-radius:18px}.dash-rail{display:none}.dashboard-window{grid-template-columns:1fr}.dash-main{padding:18px}.dash-grid{grid-template-columns:1fr}
  .calculator{grid-template-columns:1fr}.calculator-inputs{grid-template-columns:1fr}.calculator-inputs label{grid-column:1!important}.calculator-result{min-height:330px}
  .trust{padding:58px 18px 70px}.faq{padding:100px 0}.final-cta{width:calc(100% - 20px);min-height:500px;padding:55px 24px}.final-cta h2{font-size:57px;line-height:.86}.site-footer{display:flex;flex-direction:column;align-items:flex-start;padding:52px 12px}.site-footer>p{justify-self:start;text-align:left}
  .auth-layout{width:calc(100% - 24px);padding:36px 0 70px}.auth-panel{padding:27px 20px;border-radius:24px}.auth-panel-head h2{font-size:34px}
}

/* 2026 API CODEX RU — conversion landing */
body.site-page{--ivory:#f8faff;--paper:#fff;--ink:#071127;--ink-soft:#26344f;--muted:#68758f;--line:rgba(49,72,120,.13);--jade:#075cff;--jade-dark:#0645c7;--jade-soft:#dfeaff;background:radial-gradient(circle at 7% 8%,rgba(68,190,255,.15),transparent 28rem),radial-gradient(circle at 92% 10%,rgba(255,210,82,.13),transparent 27rem),#fbfcff}
body.site-page::before{opacity:.15}
.site-page .site-header{top:18px;width:min(calc(100% - 40px),1360px);min-height:72px;padding:0 15px 0 22px;border:1px solid rgba(255,255,255,.9);border-radius:24px;background:rgba(255,255,255,.86);box-shadow:0 18px 55px rgba(37,62,115,.09);backdrop-filter:blur(22px)}
.site-page .brand{font-weight:760;letter-spacing:-.03em}.site-page .brand img{width:38px;height:38px}.site-page .brand b{color:#075cff}.site-page .desktop-nav{gap:34px}.site-page .desktop-nav a{font-size:12px;color:#46526a}.site-page .button{border-radius:13px}.site-page .button-dark{border-color:#075cff;background:#075cff;color:#fff;box-shadow:0 10px 28px rgba(7,92,255,.22)}.site-page .button-dark:hover{background:#0645c7}
.site-page .hero{min-height:970px;padding-top:175px;text-align:center}.site-page .hero-copy{max-width:1050px;margin:auto}.site-page .hero .eyebrow{justify-content:center;color:#075cff}.site-page .hero h1{max-width:none;margin:27px auto 30px;font-size:clamp(62px,7.3vw,112px);font-weight:720;line-height:.91;letter-spacing:-.073em}.site-page .hero h1 em{font:inherit;color:#075cff}.site-page .hero-bottom{display:flex;align-items:center;flex-direction:column}.site-page .hero-bottom>p{max-width:660px;font-size:18px;line-height:1.6}.site-page .button-row{justify-content:center}.site-page .hero-console{width:min(820px,100%);margin:68px auto 0;border:1px solid rgba(66,89,134,.13);border-radius:25px;background:#07152c;color:#eaf2ff;box-shadow:0 32px 90px rgba(27,55,110,.17);text-align:left}.site-page .console-top{border-color:rgba(255,255,255,.1)}.site-page .console-grid{background:rgba(255,255,255,.1)}.site-page .console-grid article{background:#091930}.site-page .console-grid small,.site-page .console-grid p{color:#91a2be}.site-page .console-grid code{color:#7ad9ff}.site-page .console-strip{border-color:rgba(255,255,255,.1);color:#b6c5df}.site-page .hero-index{display:none}
.site-page .proof{padding-top:110px;gap:18px}.site-page .proof article{border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 18px 55px rgba(37,62,115,.055)}.site-page .proof article span{color:#075cff}.site-page .compat{padding-block:150px}.site-page .section-kicker{color:#075cff}.site-page .compat-heading h2,.site-page .models-head h2,.site-page .faq-heading h2{font-size:clamp(52px,6vw,86px);font-weight:650}.site-page em{color:#075cff}.site-page .tool-list span{border-color:var(--line);background:#fff;box-shadow:0 10px 25px rgba(37,62,115,.05)}
.site-page .connect,.site-page .trust{width:min(calc(100% - 32px),1440px);border-radius:34px;background:#07152c;color:#fff}.site-page .connect{padding-top:90px}.site-page .connect em,.site-page .trust em{color:#58caff}.site-page .steps{gap:1px;background:rgba(255,255,255,.12)}.site-page .steps li{background:#0a1b35}.site-page .terminal-shot{border-color:rgba(255,255,255,.12);background:#fff;color:#0a1630}
.site-page .product{padding-block:160px}.site-page .dashboard-window{border:1px solid var(--line);background:#fff;box-shadow:0 35px 100px rgba(37,62,115,.12)}.site-page .dash-rail{background:#f4f7fc}.site-page .button-mint{background:#075cff;color:#fff}.site-page .model-rate{border-radius:18px;background:#fff;box-shadow:0 15px 45px rgba(37,62,115,.05)}.site-page .calculator{border-radius:28px;background:#07152c;color:#fff}.site-page .calculator-result{background:#0b1d38}.site-page .faq-list details{border-color:var(--line);border-radius:18px;background:#fff;box-shadow:0 12px 35px rgba(37,62,115,.045)}.site-page .final-cta{width:min(calc(100% - 32px),1440px);border-radius:34px;background:radial-gradient(circle at 85% 40%,rgba(7,92,255,.7),transparent 30rem),#07152c;color:#fff}.site-page .site-footer{color:#5e6b83}
@media(max-width:600px){.site-page .site-header{width:calc(100% - 20px);top:10px}.site-page .hero{padding-top:125px;min-height:auto}.site-page .hero h1{font-size:54px}.site-page .hero-bottom>p{font-size:15px}.site-page .hero-console{margin-top:44px}.site-page .proof{padding-top:90px}.site-page .connect,.site-page .trust,.site-page .final-cta{width:calc(100% - 16px);border-radius:24px}}

/* V4 — ribbon-grid landing, one coherent responsive layer */
body.site-page{--ivory:#f8fafc;--paper:#fff;--ink:#071226;--ink-soft:#2a3851;--muted:#687790;--line:rgba(39,64,109,.14);--jade:#1457ff;--jade-dark:#0a43d6;--jade-soft:#e3edff;background:radial-gradient(circle at 4% 6%,rgba(77,200,255,.11),transparent 27rem),radial-gradient(circle at 96% 12%,rgba(255,220,110,.09),transparent 26rem),#fafcfe;color:var(--ink)}
body.site-page::before{opacity:.18;background-image:linear-gradient(rgba(44,82,142,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(44,82,142,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 58rem)}
.site-page [data-reveal]{opacity:1;transform:none}
.site-page .site-header{top:16px;width:min(calc(100% - 40px),1380px);min-height:66px;padding:0 13px 0 20px;border:1px solid rgba(255,255,255,.96);border-radius:22px;background:rgba(255,255,255,.9);box-shadow:0 16px 48px rgba(42,64,108,.085),inset 0 0 0 1px rgba(48,75,125,.035);backdrop-filter:blur(22px)}
.site-page .site-header.is-compact{top:10px;min-height:60px}.site-page .brand img{width:37px;height:37px}.site-page .brand span{font-size:14px}.site-page .desktop-nav{gap:30px}.site-page .desktop-nav a{color:#526078;font-size:11px;font-weight:580}.site-page .desktop-nav a:hover{color:#1457ff}.site-page .button{border-radius:12px}.site-page .button-dark{border-color:#1457ff;background:#1457ff;color:#fff;box-shadow:0 10px 24px rgba(20,87,255,.18)}.site-page .button-dark:hover{background:#0a43d6}
.site-page .hero{position:relative;width:min(100% - 40px,1440px);min-height:900px;padding:130px 0 100px;text-align:center}.site-page .hero::before{position:absolute;z-index:-1;top:112px;left:50%;width:min(78vw,850px);height:min(78vw,850px);border:1px solid rgba(20,87,255,.06);border-radius:50%;content:"";background:radial-gradient(circle at 30% 48%,rgba(80,204,255,.12),transparent 58%),radial-gradient(circle at 75% 52%,rgba(255,221,133,.1),transparent 56%);filter:none;transform:translateX(-50%);pointer-events:none}.site-page .hero-copy{position:relative;z-index:1;max-width:1120px;margin:auto}.hero-brand-mark{position:relative;display:grid;width:92px;height:92px;margin:0 auto 18px;place-items:center}.hero-brand-mark img{width:86px;height:86px;filter:drop-shadow(0 16px 28px rgba(20,87,255,.14))}.hero-brand-mark i{position:absolute;inset:-34px;border:1px solid rgba(20,87,255,.12);border-radius:50%;animation:orbit-spin 16s linear infinite}.hero-brand-mark i::after{position:absolute;top:50%;right:-4px;width:7px;height:7px;border-radius:50%;background:#4ad4ad;box-shadow:0 0 0 6px rgba(74,212,173,.12);content:""}@keyframes orbit-spin{to{transform:rotate(1turn)}}
.site-page .hero .eyebrow{justify-content:center;margin-bottom:20px;color:#1457ff;font-size:9px;letter-spacing:.12em}.site-page .hero h1{max-width:none;margin:0 auto 24px;font-size:clamp(62px,6.6vw,98px);font-weight:690;line-height:.92;letter-spacing:-.072em;text-wrap:balance}.site-page .hero h1 em{font:inherit;color:#1457ff}.site-page .hero-bottom{display:flex;align-items:center;flex-direction:column}.site-page .hero-bottom>p{max-width:680px;font-size:17px;line-height:1.55;text-wrap:pretty}.site-page .button-row{justify-content:center}.site-page .hero-console{position:relative;z-index:2;width:min(790px,100%);margin:42px auto 0;border:1px solid rgba(88,111,155,.16);border-radius:22px;background:#07172f;color:#e9f2ff;box-shadow:0 30px 80px rgba(27,54,103,.15);text-align:left;transform:none}.site-page .hero-console::before{position:absolute;right:-14%;bottom:6%;left:-14%;height:64%;border:1px solid rgba(20,87,255,.34);border-radius:50%;content:"";transform:rotate(-7deg);pointer-events:none}.site-page .console-top{border-color:rgba(255,255,255,.08)}.site-page .console-grid{background:rgba(255,255,255,.08)}.site-page .console-grid article{min-height:126px;background:#091a33}.site-page .console-grid small,.site-page .console-grid p{color:#8fa1bd}.site-page .console-grid code{color:#71d5ff}.site-page .console-strip{position:relative;z-index:1;border-color:rgba(255,255,255,.08);color:#b8c7de;background:#07172f}.site-page .hero-index{display:none}
.site-page .proof{grid-template-columns:1.15fr .9fr .95fr;padding:92px 0 130px;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.site-page .proof article{min-height:190px;padding:28px 34px;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none}.site-page .proof article:last-child{border-right:0}.site-page .proof article span{color:#1457ff}.site-page .proof b{margin-top:52px;font-size:23px}.site-page .proof p{max-width:340px}
.site-page .compat{padding:145px 0 130px}.site-page .section-kicker{color:#1457ff}.site-page .compat-heading{grid-template-columns:1.3fr .7fr;padding:42px 0 70px}.site-page .compat-heading h2,.site-page .models-head h2,.site-page .faq-heading h2{font-size:clamp(54px,5.8vw,84px);font-weight:650;line-height:.94;letter-spacing:-.06em}.site-page em{color:#1457ff}.site-page .tool-marquee{overflow-x:auto;scrollbar-width:none}.site-page .tool-marquee::-webkit-scrollbar{display:none}.site-page .tool-list{min-width:max-content}.site-page .tool-list span{min-width:200px;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none}.site-page .tool-list span:first-child{border-left:1px solid var(--line)}.site-page .compat-note{margin-top:42px}.site-page .mini-portal{background:url('/assets/mark.svg') center/contain no-repeat}.site-page .mini-portal::before,.site-page .mini-portal::after{display:none}
.site-page .connect{width:min(calc(100% - 32px),1440px);margin-inline:auto;padding:86px max(30px,calc((100vw - 1320px)/2)) 106px;border:1px solid rgba(39,64,109,.1);border-radius:30px;background:linear-gradient(135deg,rgba(237,247,255,.96),rgba(255,255,255,.96) 54%,rgba(248,250,255,.96));color:var(--ink);box-shadow:0 24px 70px rgba(42,64,108,.06)}.site-page .connect::before{position:absolute;top:245px;right:4%;left:4%;height:2px;background:linear-gradient(90deg,transparent,#1457ff 12%,#6ed4c2 88%,transparent);content:"";opacity:.32}.site-page .connect .section-kicker{border-color:var(--line)}.site-page .connect-head{padding:55px 0 74px}.site-page .connect h2{max-width:850px;font-size:clamp(56px,6.5vw,92px);color:var(--ink)}.site-page .connect em{color:#1457ff}.site-page .connect-head p{color:var(--muted)}.site-page .steps{grid-template-columns:repeat(4,1fr);gap:0;background:transparent}.site-page .steps li{min-height:220px;padding:24px 24px 26px;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none}.site-page .steps li:last-child{border-right:0}.site-page .steps li:hover{padding-left:24px;transform:translateY(-3px);box-shadow:none}.site-page .steps h3{margin-top:48px;font-size:21px}.site-page .steps p{color:var(--muted)}.site-page .terminal-shot{width:min(790px,100%);margin:56px 0 -205px auto;border:1px solid rgba(45,67,110,.12);border-radius:20px;background:#07172f;color:#d9e8fb;box-shadow:0 28px 72px rgba(27,54,103,.16)}.site-page .terminal-bar{border-color:rgba(255,255,255,.08);background:#0b1c36}.site-page .terminal-shot strong{color:#fff}.site-page .terminal-shot i,.site-page .terminal-shot b{color:#51d2ab}
.site-page .product{width:min(100% - 40px,1440px);margin:0 auto;padding:260px 0 140px}.site-page .product-copy{grid-template-columns:1.15fr .85fr}.site-page .product-copy h2{font-size:clamp(58px,6.4vw,92px)}.site-page .button-mint{background:#1457ff;color:#fff}.site-page .dashboard-window{grid-template-columns:185px 1fr;margin-top:76px;border:1px solid rgba(39,64,109,.13);border-radius:24px;background:#fff;box-shadow:0 34px 90px rgba(42,64,108,.105)}.site-page .dash-rail{display:flex;min-height:540px;flex-direction:column;gap:7px;padding:22px 12px;border-color:var(--line);background:#f6f8fc}.site-page .dash-rail img{margin:0 8px 22px}.site-page .dash-rail span{display:flex;width:auto;height:38px;align-items:center;padding:0 10px;border-radius:10px;color:#66738a;font-size:10px}.site-page .dash-rail span.active{background:#eaf1ff;color:#1457ff}.site-page .dash-rail span.disabled{color:#a7adb7;background:#f0f1f3}.site-page .dash-rail i{flex:1}.site-page .dash-rail small{padding:10px;color:#8f99aa;font:8px var(--mono)}.site-page .dash-main{background:#fff;color:var(--ink)}.site-page .dash-main header,.site-page .dash-rows p{border-color:var(--line)}.site-page .dash-balance{background:linear-gradient(135deg,#1457ff,#477cf7);color:#fff}.site-page .dash-grid article,.site-page .dash-rows{border-color:var(--line);background:#fff}.site-page .status-pill{color:#176d54;background:#e7f8f2;border-color:#c5ebdf}
.site-page .models{padding:140px 0}.site-page .models-head{grid-template-columns:1.25fr .75fr}.site-page .model-ticker{gap:0}.site-page .model-rate{min-width:220px;border-radius:0;background:transparent;box-shadow:none}.site-page .calculator{margin-top:42px;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;color:var(--ink);box-shadow:0 20px 60px rgba(42,64,108,.06)}.site-page .calculator-inputs{background:var(--line-soft)}.site-page .calculator-label,.site-page .calculator-inputs label{background:#fff;color:var(--ink)}.site-page .calculator-label h3{color:var(--ink)}.site-page .calculator-inputs label{color:#687790}.site-page .calculator-result{color:var(--ink);background:linear-gradient(145deg,#fff8e6,#fffdf8)}.site-page .calculator-result small,.site-page .calculator-result>span{color:#7b6740}.site-page .calculator-result::after{border-color:rgba(221,174,76,.2);box-shadow:0 0 0 45px rgba(255,215,125,.07),0 0 0 90px rgba(255,215,125,.035)}.site-page .balance-options{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden}.site-page .balance-options article{display:flex;min-height:210px;flex-direction:column;padding:25px;border-right:1px solid var(--line)}.site-page .balance-options article:last-child{border-right:0}.site-page .balance-options small{color:#8390a5;font:9px var(--mono);letter-spacing:.1em}.site-page .balance-options strong{margin:22px 0 8px;font-size:38px;letter-spacing:-.04em}.site-page .balance-options p{margin:0;color:var(--muted);font-size:12px}.site-page .balance-options a{margin-top:auto;padding-top:18px;color:#1457ff;font-size:11px;font-weight:650}.site-page .balance-options article.recommended{background:#eef4ff}.site-page .payment-note{margin:15px 0 0;color:#738098;font-size:11px;text-align:center}
.site-page .trust{grid-template-columns:1.05fr .95fr;width:min(calc(100% - 32px),1440px);min-height:680px;margin-inline:auto;padding:88px max(30px,calc((100vw - 1320px)/2)) 96px;border:1px solid rgba(39,64,109,.1);border-radius:30px;background:linear-gradient(145deg,#f1f6fa,#fffaf2);color:var(--ink);box-shadow:0 24px 70px rgba(42,64,108,.055)}.site-page .trust::before{background-image:linear-gradient(rgba(20,87,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(20,87,255,.025) 1px,transparent 1px)}.site-page .trust-symbol{opacity:.16}.site-page .trust-symbol span:nth-child(1){background:#d8e1ec}.site-page .trust-symbol span:nth-child(2){background:#b6c7db}.site-page .trust-symbol span:nth-child(3){background:#809bbd}.site-page .trust-copy .section-kicker{border-color:var(--line)}.site-page .trust-copy h2{color:var(--ink);font-size:clamp(58px,6vw,88px)}.site-page .trust-copy p,.site-page .trust-list p{color:var(--muted)}.site-page .trust-list,.site-page .trust-list li{border-color:var(--line)}.site-page .text-link-light{color:#1457ff}
.site-page .faq{padding:145px 0}.site-page .faq-list{border:0}.site-page .faq-list details{margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none}.site-page .faq-list details:first-child{border-top:1px solid var(--line)}.site-page .faq-list summary{min-height:78px}.site-page .faq-list details[open]{background:#f2f8ff}.site-page .faq-list details p{padding-left:62px}
.site-page .final-cta{position:relative;width:min(calc(100% - 32px),1440px);min-height:570px;padding:70px;border:1px solid rgba(39,64,109,.08);border-radius:30px;background:linear-gradient(135deg,#dfeeff,#eef7ff 48%,#e6f2ff);color:var(--ink);overflow:hidden}.site-page .final-cta p{color:#6680aa}.site-page .final-cta h2{position:relative;z-index:2;max-width:1030px;color:var(--ink);font-size:clamp(64px,7.8vw,112px)}.site-page .final-cta .button-dark{position:relative;z-index:2;background:#1457ff;color:#fff}.final-ribbon{position:absolute;right:-90px;bottom:-130px;width:520px;height:520px;opacity:.16;transform:rotate(-10deg);filter:grayscale(.2)}.site-page .site-footer{color:#5f6c82}
@media(max-width:900px){.site-page .desktop-nav{display:none}.site-page .hero{min-height:auto;padding-top:110px}.site-page .hero h1{font-size:clamp(54px,9vw,78px)}.site-page .hero-console{margin-bottom:0}.site-page .proof{grid-template-columns:1fr;padding:70px 0 100px}.site-page .proof article{border-right:0;border-bottom:1px solid var(--line)}.site-page .proof article:last-child{border-bottom:0}.site-page .compat-heading,.site-page .models-head{grid-template-columns:1fr}.site-page .compat-heading p,.site-page .models-head p{max-width:620px;margin-top:28px}.site-page .steps{grid-template-columns:1fr 1fr}.site-page .steps li:nth-child(2){border-right:0}.site-page .steps li{border-bottom:1px solid var(--line)}.site-page .steps li:nth-last-child(-n+2){border-bottom:0}.site-page .product-copy,.site-page .trust{grid-template-columns:1fr}.site-page .product-copy .button{justify-self:start}.site-page .trust-list{margin-top:58px}.site-page .cabinet-preview{grid-template-columns:1fr}.site-page .balance-options{grid-template-columns:1fr}.site-page .balance-options article{border-right:0;border-bottom:1px solid var(--line)}.site-page .balance-options article:last-child{border-bottom:0}}
@media(max-width:600px){.site-page .site-header{top:9px;width:calc(100% - 18px);min-height:58px;padding:0 9px 0 12px;border-radius:18px}.site-page .site-header .brand img{width:32px;height:32px}.site-page .site-header .brand span{font-size:11px}.site-page .hero{width:calc(100% - 22px);padding:102px 0 72px}.hero-brand-mark{width:70px;height:70px;margin-bottom:15px}.hero-brand-mark img{width:66px;height:66px}.site-page .hero h1{font-size:48px;line-height:.92}.site-page .hero-bottom>p{font-size:15px}.site-page .hero .button-row{flex-direction:column}.site-page .hero-console{margin-top:36px;border-radius:18px}.site-page .console-grid{grid-template-columns:1fr}.site-page .console-grid article{min-height:118px}.site-page .proof{padding-top:62px}.site-page .compat,.site-page .models{padding:92px 0}.site-page .compat-heading,.site-page .models-head{display:grid;grid-template-columns:1fr;padding:38px 0 52px}.site-page .compat-heading h2,.site-page .models-head h2,.site-page .faq-heading h2{font-size:44px;line-height:.96}.site-page .tool-marquee{margin-inline:-12px;padding-inline:12px}.site-page .tool-list span{min-width:165px}.site-page .connect,.site-page .trust,.site-page .final-cta{width:calc(100% - 14px);border-radius:22px}.site-page .connect{padding:54px 18px 76px}.site-page .connect-head{padding:38px 0 48px}.site-page .connect h2,.site-page .product-copy h2,.site-page .trust-copy h2{font-size:44px}.site-page .steps{grid-template-columns:1fr}.site-page .steps li{min-height:150px;border-right:0;border-bottom:1px solid var(--line)!important}.site-page .steps li:last-child{border-bottom:0!important}.site-page .steps h3{margin-top:25px}.site-page .terminal-shot{margin:42px 0 -145px}.site-page .product{width:calc(100% - 22px);padding:210px 0 90px}.site-page .dashboard-window{grid-template-columns:1fr;margin-top:46px}.site-page .dash-rail{display:none}.site-page .dash-main{padding:16px}.site-page .dash-grid{grid-template-columns:1fr}.site-page .calculator{grid-template-columns:1fr}.site-page .calculator-inputs{grid-template-columns:1fr}.site-page .calculator-inputs label{grid-column:1!important}.site-page .calculator-result{min-height:290px}.site-page .trust{display:block;padding:54px 18px 65px}.site-page .faq{padding:90px 0}.site-page .faq-list details p{padding-left:18px}.site-page .final-cta{min-height:500px;padding:52px 22px}.site-page .final-cta h2{font-size:53px;line-height:.88}.final-ribbon{right:-150px;bottom:-140px}.site-page .site-footer{padding:48px 12px}}

/* Removed product-preview section: keep the connection terminal inside its section. */
.site-page .terminal-shot{margin-bottom:0}
.site-page .model-ticker+.balance-options{margin-top:42px}
.site-page .models{padding-bottom:100px}
.site-page .faq{padding-top:100px}
@media(max-width:600px){.site-page .model-ticker+.balance-options{margin-top:28px}.site-page .models{padding-bottom:72px}.site-page .faq{padding-top:72px}}

/* V5 — monochrome developer landing */
body.landing-v5 {
  --v5-bg: #f4f4f1;
  --v5-surface: #fbfbf8;
  --v5-ink: #0a0a0a;
  --v5-muted: #696965;
  --v5-line: rgba(10, 10, 10, .17);
  --v5-soft-line: rgba(10, 10, 10, .09);
  --v5-inverse: #f5f5f1;
  --v5-dark: #0a0a0a;
  color-scheme: light;
  background: var(--v5-bg);
  color: var(--v5-ink);
}
body.landing-v5::before {
  z-index: 50;
  opacity: .18;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.085'/%3E%3C/svg%3E");
  mask-image: none;
}
.landing-v5 em { font-family: inherit; }
.landing-v5 .section-shell { width: min(100% - 48px, 1320px); }
.landing-v5 .v5-header {
  position: sticky;
  top: 14px;
  width: min(calc(100% - 36px), 1450px);
  min-height: 66px;
  padding: 0 12px 0 18px;
  margin-top: 14px;
  border: 1px solid var(--v5-line);
  border-radius: 18px;
  background: color-mix(in srgb, var(--v5-bg) 88%, transparent);
  box-shadow: 0 14px 45px rgba(0, 0, 0, .06), inset 0 1px rgba(255, 255, 255, .45);
  backdrop-filter: blur(18px);
}
.landing-v5 .v5-header.is-compact { top: 8px; width: min(calc(100% - 28px), 1440px); min-height: 58px; margin-top: 8px; }
.landing-v5 .v5-brand { gap: 10px; color: var(--v5-ink); font-size: 16px; font-weight: 780; letter-spacing: -.055em; text-transform: lowercase; }
.landing-v5 .v5-brand img { width: 34px; height: 34px; filter: grayscale(1) contrast(1.8); }
.landing-v5 .brand-domain { color: #85857f; font: inherit; }
.landing-v5 .desktop-nav a { color: var(--v5-muted); font-size: 12px; }
.landing-v5 .desktop-nav a:hover { color: var(--v5-ink); }
.header-actions { display: flex; align-items: center; gap: 9px; }
.theme-switcher { display: flex; gap: 2px; padding: 3px; border: 1px solid var(--v5-line); border-radius: 10px; background: var(--v5-surface); }
.theme-switcher button { min-width: 43px; height: 31px; padding: 0 8px; border: 0; border-radius: 7px; background: transparent; color: var(--v5-muted); font: 600 9px var(--mono); cursor: pointer; transition: background .2s ease, color .2s ease; }
.theme-switcher button[aria-pressed="true"] { background: var(--v5-ink); color: var(--v5-bg); }
.landing-v5 .button { border-radius: 10px; }
.landing-v5 .button-dark { border-color: var(--v5-ink); background: var(--v5-ink); color: var(--v5-bg); box-shadow: none; }
.landing-v5 .button-dark:hover { background: #2c2c2a; box-shadow: 0 10px 25px rgba(0, 0, 0, .12); }

.v5-hero { position: relative; width: min(calc(100% - 36px), 1450px); min-height: 900px; margin: -66px auto 0; padding: 205px 40px 52px; border-right: 1px solid var(--v5-soft-line); border-left: 1px solid var(--v5-soft-line); overflow: hidden; }
.hero-grid { position: absolute; inset: 0; background-image: linear-gradient(var(--v5-soft-line) 1px, transparent 1px), linear-gradient(90deg, var(--v5-soft-line) 1px, transparent 1px); background-size: 88px 88px; mask-image: radial-gradient(ellipse 70% 62% at 50% 44%, #000 20%, transparent 80%); opacity: .72; }
.v5-hero-copy { position: relative; z-index: 4; width: min(900px, 80%); margin: 0 auto; text-align: center; }
.v5-kicker { display: flex; width: min(620px, 100%); margin: 0 auto 26px; justify-content: space-between; color: var(--v5-muted); font: 500 9px var(--mono); letter-spacing: .08em; }
.v5-kicker span:last-child::before { display: inline-block; width: 6px; height: 6px; margin-right: 8px; border-radius: 50%; background: var(--v5-ink); content: ""; box-shadow: 0 0 0 4px var(--v5-soft-line); }
.v5-hero h1 { margin: 0; color: var(--v5-ink); font-size: clamp(66px, 8.2vw, 126px); font-weight: 720; line-height: .84; letter-spacing: -.085em; text-wrap: balance; }
.v5-hero h1 span { font-weight: 390; letter-spacing: -.075em; }
.hero-lead { max-width: 650px; margin: 34px auto 0; color: var(--v5-muted); font-size: 16px; line-height: 1.6; text-wrap: pretty; }
.v5-actions { display: flex; margin-top: 30px; align-items: center; justify-content: center; gap: 28px; }
.v5-text-link { display: inline-flex; min-height: 44px; align-items: center; gap: 16px; border-bottom: 1px solid var(--v5-ink); font-size: 12px; font-weight: 650; }
.app-orbit { position: absolute; z-index: 3; inset: 120px 25px 190px; pointer-events: none; }
.app-icon { position: absolute; display: grid; width: 78px; height: 78px; border: 1px solid var(--v5-line); border-radius: 17px; place-items: center; background: color-mix(in srgb, var(--v5-surface) 91%, transparent); box-shadow: 0 17px 45px rgba(0, 0, 0, .08), inset 0 1px rgba(255,255,255,.7); backdrop-filter: blur(12px); animation: v5-float 6s ease-in-out infinite; }
.app-icon svg { width: 31px; height: 31px; fill: var(--v5-ink); }
.app-icon::after { position: absolute; top: calc(100% + 8px); left: 50%; padding: 4px 7px; border: 1px solid var(--v5-soft-line); border-radius: 4px; background: var(--v5-bg); color: var(--v5-muted); content: attr(data-app); font: 500 8px var(--mono); white-space: nowrap; transform: translateX(-50%); }
.app-icon-cursor { top: 12%; left: 7%; transform: rotate(-7deg); }
.app-icon-openai { top: 54%; left: 2%; animation-delay: -1.2s; transform: rotate(5deg); }
.app-icon-jetbrains { top: 8%; right: 8%; animation-delay: -2.8s; transform: rotate(7deg); }
.app-icon-zed { top: 79%; left: 14%; animation-delay: -3.3s; transform: rotate(3deg); }
@keyframes v5-float { 0%,100% { translate: 0 0; } 50% { translate: 0 -13px; } }
.v5-terminal { position: relative; z-index: 5; width: min(760px, 76%); margin: 68px auto 0; overflow: hidden; border: 1px solid #30302e; border-radius: 15px; background: #0b0b0b; color: #f2f2ee; box-shadow: 0 35px 90px rgba(0,0,0,.19); text-align: left; }
.v5-terminal-bar { display: grid; min-height: 43px; padding: 0 17px; border-bottom: 1px solid #292927; grid-template-columns: 1fr auto 1fr; align-items: center; color: #888883; font: 9px var(--mono); }
.v5-terminal-bar span:last-child { justify-self: end; }
.terminal-dots { color: #696966; letter-spacing: 3px; }
.terminal-screen { min-height: 190px; padding: 24px 28px 27px; font: 12px/2 var(--mono); white-space: nowrap; }
.terminal-history { min-height: 144px; }
.terminal-line, .terminal-active { display: flex; min-height: 24px; align-items: center; gap: 10px; }
.terminal-line.is-output { padding-left: 116px; color: #74746f; }
.terminal-line.is-success { color: #f2f2ee; }
.terminal-prompt { flex: 0 0 106px; color: #f2f2ee; }
.terminal-prompt b { color: #757570; font-weight: 400; }
.terminal-active > span:nth-child(2) { color: #c6c6bf; }
.terminal-cursor { width: 7px; height: 15px; margin-left: 2px; background: #e8e8e1; animation: terminal-blink .85s steps(1) infinite; }
.terminal-live { display: inline-flex; align-items: center; gap: 7px; }
.terminal-live i { width: 5px; height: 5px; border-radius: 50%; background: #d8d8d1; box-shadow: 0 0 0 4px rgba(255,255,255,.07); animation: terminal-pulse 1.8s ease infinite; }
@keyframes terminal-blink { 50% { opacity: 0; } }
@keyframes terminal-pulse { 50% { opacity: .35; } }
.code-muted { color: #51514e; user-select: none; }
.code-command { color: #fff; }
.v5-terminal code b { color: #c6c6bf; font-weight: 400; }
.code-string { color: #a7a7a1; }
.v5-terminal code i { color: #dcdcd4; font-style: normal; }
.hero-meta { position: absolute; right: 28px; bottom: 24px; left: 28px; display: flex; justify-content: space-between; color: var(--v5-muted); font-size: 8px; letter-spacing: .09em; }

.v5-signal { display: flex; min-height: 76px; padding: 0 4vw; border-top: 1px solid var(--v5-line); border-bottom: 1px solid var(--v5-line); align-items: center; justify-content: center; gap: clamp(14px, 2.4vw, 42px); background: var(--v5-ink); color: var(--v5-bg); font: 500 clamp(9px, 1vw, 12px) var(--mono); letter-spacing: .08em; }
.v5-signal p { margin: 0; color: #ababaa; }
.v5-signal strong { font-weight: 600; }

.v5-workflow { padding: 145px 0 170px; }
.v5-section-head { display: grid; padding-bottom: 65px; grid-template-columns: 1fr 2.2fr .8fr; align-items: end; gap: 42px; }
.v5-section-head > p:first-child { align-self: start; margin: 9px 0 0; color: var(--v5-muted); font-size: 9px; letter-spacing: .09em; }
.v5-section-head h2 { margin: 0; color: var(--v5-ink); font-size: clamp(56px, 6.3vw, 94px); font-weight: 610; line-height: .91; letter-spacing: -.07em; text-wrap: balance; }
.v5-section-head > p:last-child { margin: 0; color: var(--v5-muted); font-size: 13px; line-height: 1.65; }
.v5-steps { display: grid; margin: 0; padding: 0; border-top: 1px solid var(--v5-line); list-style: none; }
.v5-steps li { display: grid; min-height: 146px; padding: 28px 10px; border-bottom: 1px solid var(--v5-line); grid-template-columns: 1fr 2.2fr .8fr; align-items: center; gap: 42px; transition: padding .35s var(--ease), background .25s ease; }
.v5-steps li:hover { padding-right: 24px; padding-left: 24px; background: var(--v5-surface); }
.v5-steps li > span { color: var(--v5-muted); font: 10px var(--mono); }
.v5-steps h3 { margin: 0 0 9px; font-size: 24px; font-weight: 590; letter-spacing: -.04em; }
.v5-steps p { max-width: 560px; margin: 0; color: var(--v5-muted); font-size: 13px; line-height: 1.55; }
.v5-steps li > b { justify-self: end; font-size: 22px; font-weight: 400; }

.v5-privacy { display: grid; min-height: 610px; padding: 80px; border-radius: 26px; grid-template-columns: 1fr 1.15fr; grid-template-rows: auto 1fr; gap: 50px 90px; background: var(--v5-dark); color: var(--v5-inverse); box-shadow: 0 32px 85px rgba(0,0,0,.13); }
.privacy-command { grid-column: 1 / -1; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,.18); color: #8e8e89; font-size: 10px; }
.privacy-command span { float: right; color: #f4f4ef; }
.privacy-copy > p:first-child { color: #84847f; font-size: 9px; letter-spacing: .1em; }
.privacy-copy h2 { max-width: 620px; margin: 34px 0 30px; font-size: clamp(55px, 5.5vw, 84px); font-weight: 550; line-height: .91; letter-spacing: -.07em; }
.privacy-copy > p:last-child { max-width: 600px; margin: 0; color: #a6a6a0; font-size: 14px; line-height: 1.75; }
.v5-privacy ul { margin: 80px 0 0; padding: 0; border-top: 1px solid rgba(255,255,255,.18); list-style: none; }
.v5-privacy li { display: flex; min-height: 72px; border-bottom: 1px solid rgba(255,255,255,.18); align-items: center; gap: 22px; color: #d6d6d0; font-size: 12px; }
.v5-privacy li span { color: #6f6f6a; font: 9px var(--mono); }

.v5-models { padding: 170px 0 150px; }
.models-heading { grid-template-columns: 1fr 2.2fr .8fr; }
.v5-model-ticker { display: grid; width: 100%; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0; margin: 10px 0 34px; border-top: 1px solid var(--v5-line); border-bottom: 1px solid var(--v5-line); overflow: hidden; }
.v5-model-ticker::-webkit-scrollbar { display: none; }
.landing-v5 .v5-model-ticker .model-rate { min-width: 0; min-height: 118px; padding: 20px 15px; border: 0; border-right: 1px solid var(--v5-line); border-radius: 0; background: transparent; box-shadow: none; color: var(--v5-ink); }
.landing-v5 .v5-model-ticker .model-rate:first-child { margin-left: 0; border-left: 0; }
.landing-v5 .v5-model-ticker .model-rate:last-child { border-right: 0; }
.landing-v5 .v5-model-ticker .model-rate-name { overflow: hidden; color: var(--v5-muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.landing-v5 .v5-model-ticker .model-rate-factor { font-size: 16px; }
.landing-v5 .v5-model-ticker .model-rate small { color: var(--v5-muted); font-size: 7px; white-space: nowrap; }
.v5-topup-calculator { display: grid; border: 1px solid var(--v5-line); grid-template-columns: minmax(0, 1.65fr) minmax(300px, .75fr); background: var(--v5-surface); }
.topup-selector { padding: 36px; }
.topup-selector-head { display: flex; align-items: start; justify-content: space-between; gap: 20px; }
.topup-selector-head small, .topup-selector-head > span { color: var(--v5-muted); font: 8px var(--mono); letter-spacing: .09em; }
.topup-selector-head h3 { margin: 13px 0 0; font-size: 30px; font-weight: 590; letter-spacing: -.045em; }
.topup-selector-head > span { padding: 8px 10px; border: 1px solid var(--v5-line); }
.topup-presets { display: grid; margin-top: 30px; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.topup-presets button { position: relative; min-height: 70px; padding: 0 8px; border: 1px solid var(--v5-line); background: transparent; color: var(--v5-ink); font: 600 16px var(--font); cursor: pointer; transition: border-color .2s ease, background .2s ease, color .2s ease; }
.topup-presets button:hover { border-color: var(--v5-ink); }
.topup-presets button.is-active { border-color: var(--v5-ink); background: var(--v5-ink); color: var(--v5-bg); }
.topup-presets button small { position: absolute; right: 5px; bottom: 5px; color: inherit; font: 6px var(--mono); letter-spacing: .06em; opacity: .6; }
.topup-custom { display: flex; margin-top: 26px; padding: 13px 0; border-top: 1px solid var(--v5-line); border-bottom: 1px solid var(--v5-line); align-items: center; justify-content: space-between; gap: 16px; color: var(--v5-muted); font-size: 11px; }
.topup-input { display: flex; width: 145px; min-height: 47px; padding: 0 13px; border: 1px solid var(--v5-line); align-items: center; background: var(--v5-bg); }
.topup-input input { width: 100%; border: 0; outline: 0; background: transparent; color: var(--v5-ink); font: 600 18px var(--font); }
.topup-input input::-webkit-inner-spin-button { display: none; }
.topup-input b { font-size: 14px; }
.topup-receipt { display: grid; padding: 26px 0; grid-template-columns: .7fr 1.3fr; gap: 24px; }
.topup-receipt div { display: flex; flex-direction: column; gap: 9px; }
.topup-receipt span { color: var(--v5-muted); font-size: 10px; }
.topup-receipt strong { font-size: clamp(22px, 2.2vw, 34px); font-weight: 620; letter-spacing: -.05em; }
.topup-receipt strong small { color: var(--v5-muted); font: 8px var(--mono); letter-spacing: .06em; }
.topup-submit { display: flex; min-height: 58px; padding: 0 19px; align-items: center; justify-content: space-between; background: var(--v5-ink); color: var(--v5-bg); font-size: 12px; font-weight: 650; }
.official-compare { display: flex; min-height: 480px; padding: 36px; border-left: 1px solid var(--v5-line); flex-direction: column; background: var(--v5-ink); color: var(--v5-bg); }
.compare-label { display: flex; align-items: center; gap: 10px; color: #a9a9a4; font: 8px var(--mono); letter-spacing: .09em; }
.compare-label i { width: 6px; height: 6px; border-radius: 50%; background: var(--v5-bg); }
.official-compare > p { max-width: 320px; margin: 24px 0 0; color: #a9a9a4; font-size: 12px; line-height: 1.6; }
.compare-volume, .compare-cost { display: flex; padding: 22px 0; border-top: 1px solid rgba(255,255,255,.19); flex-direction: column; gap: 8px; }
.compare-volume { margin-top: 44px; }
.compare-volume span, .compare-cost span { color: #9a9a95; font-size: 9px; }
.compare-volume strong { font-size: 22px; font-weight: 560; letter-spacing: -.035em; }
.compare-cost { margin-top: auto; }
.compare-cost strong { font-size: clamp(50px, 5vw, 72px); font-weight: 570; line-height: .95; letter-spacing: -.065em; }
.compare-cost small { color: #a9a9a4; font: 8px var(--mono); }
.official-compare .compare-disclaimer { margin-top: 18px; font-size: 9px; line-height: 1.55; }
.v5-payment-note { margin: 19px 0 0; color: var(--v5-muted); font-size: 8px; letter-spacing: .08em; text-align: center; }

.v5-faq { display: grid; padding: 135px 0 155px; grid-template-columns: .85fr 1.55fr; gap: 9vw; }
.v5-faq .faq-heading { position: sticky; top: 110px; align-self: start; }
.v5-faq .faq-heading > p { margin: 0 0 48px; color: var(--v5-muted); font-size: 9px; letter-spacing: .09em; }
.v5-faq .faq-heading h2 { margin: 0 0 42px; color: var(--v5-ink); font-size: clamp(52px, 5.3vw, 78px); font-weight: 610; line-height: .91; letter-spacing: -.07em; }
.v5-faq .faq-heading a { border-bottom: 1px solid var(--v5-ink); font-size: 11px; font-weight: 650; }
.landing-v5 .v5-faq-list { border: 0; }
.landing-v5 .v5-faq-list details { margin: 0; border: 0; border-top: 1px solid var(--v5-line); border-radius: 0; background: transparent; box-shadow: none; }
.landing-v5 .v5-faq-list details:last-child { border-bottom: 1px solid var(--v5-line); }
.landing-v5 .v5-faq-list details[open] { background: var(--v5-surface); }
.landing-v5 .v5-faq-list summary { min-height: 92px; padding: 0 18px; font-size: 16px; }
.landing-v5 .v5-faq-list summary span { color: var(--v5-muted); font: 9px var(--mono); }
.landing-v5 .v5-faq-list details p { max-width: 650px; padding: 0 52px 28px; color: var(--v5-muted); font-size: 13px; line-height: 1.65; }

.v5-cta { display: grid; min-height: 510px; padding: 70px; border-radius: 26px; grid-template-columns: 1.4fr .6fr; align-items: end; gap: 70px; background: var(--v5-dark); color: var(--v5-inverse); overflow: hidden; }
.v5-cta > div:first-child p { margin: 0 0 100px; color: #888883; font-size: 9px; letter-spacing: .1em; }
.v5-cta h2 { margin: 0; font-size: clamp(72px, 8vw, 120px); font-weight: 570; line-height: .82; letter-spacing: -.085em; }
.v5-cta > div:last-child p { margin: 0 0 30px; color: #a6a6a0; font-size: 13px; line-height: 1.65; }
.v5-cta .button { width: 100%; justify-content: space-between; background: var(--v5-inverse); color: var(--v5-dark); }
.v5-cta .button:hover { background: #d9d9d3; }

.v5-footer { padding: 90px 0 35px; }
.v5-footer-top { display: grid; padding-bottom: 55px; grid-template-columns: 1fr 1fr 1fr; align-items: start; }
.v5-footer-top > p { margin: 0; color: var(--v5-muted); font-size: 13px; line-height: 1.45; }
.footer-status { justify-self: end; color: var(--v5-muted); font: 9px var(--mono); }
.footer-status i { display: inline-block; width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; background: var(--v5-ink); }
.v5-footer nav { display: grid; padding: 25px 0; border-top: 1px solid var(--v5-line); border-bottom: 1px solid var(--v5-line); grid-template-columns: repeat(4, 1fr); gap: 24px; }
.v5-footer nav a { color: var(--v5-muted); font-size: 11px; transition: color .2s ease; }
.v5-footer nav a:hover { color: var(--v5-ink); }
.v5-footer-bottom { display: flex; padding-top: 28px; justify-content: space-between; color: var(--v5-muted); font: 8px var(--mono); letter-spacing: .06em; }
.v5-footer-bottom p { margin: 0; }

html[data-landing-theme="white"] body.landing-v5 { --v5-bg: #fafaf7; --v5-surface: #fff; }
html[data-landing-theme="white"] .v5-privacy,
html[data-landing-theme="white"] .v5-cta { border: 1px solid var(--v5-line); background: var(--v5-surface); color: var(--v5-ink); box-shadow: none; }
html[data-landing-theme="white"] .privacy-command,
html[data-landing-theme="white"] .v5-privacy ul,
html[data-landing-theme="white"] .v5-privacy li { border-color: var(--v5-line); }
html[data-landing-theme="white"] .privacy-copy > p:last-child,
html[data-landing-theme="white"] .v5-privacy li,
html[data-landing-theme="white"] .v5-cta > div:last-child p { color: var(--v5-muted); }
html[data-landing-theme="white"] .v5-cta .button { background: var(--v5-ink); color: var(--v5-bg); }

html[data-landing-theme="black"] body.landing-v5 {
  --v5-bg: #0b0b0b;
  --v5-surface: #131313;
  --v5-ink: #f0f0eb;
  --v5-muted: #92928c;
  --v5-line: rgba(255,255,255,.18);
  --v5-soft-line: rgba(255,255,255,.08);
  color-scheme: dark;
}
html[data-landing-theme="black"] .landing-v5 .v5-header { box-shadow: 0 14px 45px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.08); }
html[data-landing-theme="black"] .landing-v5 .v5-brand img { filter: grayscale(1) invert(1) contrast(1.4); }
html[data-landing-theme="black"] .v5-signal { background: #efefea; color: #0b0b0b; }
html[data-landing-theme="black"] .v5-signal p { color: #595955; }
html[data-landing-theme="black"] .v5-privacy,
html[data-landing-theme="black"] .v5-cta { border: 1px solid var(--v5-line); background: #101010; }
html[data-landing-theme="black"] .v5-balance-options article.recommended { background: #efefea; color: #0b0b0b; }
html[data-landing-theme="black"] .v5-balance-options .recommended p,
html[data-landing-theme="black"] .v5-balance-options .recommended small { color: #5d5d59; }
html[data-landing-theme="black"] .recommended-label { background: #0b0b0b; color: #efefea; }
html[data-landing-theme="black"] .v5-cta .button { background: #efefea; color: #0b0b0b; }

@media (max-width: 1000px) {
  .app-icon { width: 68px; height: 68px; }
  .v5-section-head, .v5-steps li { grid-template-columns: .5fr 2fr 1fr; }
  .v5-privacy { padding: 55px; gap: 45px; }
  .v5-model-ticker { grid-template-columns: repeat(3, 1fr); }
  .landing-v5 .v5-model-ticker .model-rate:nth-child(3) { border-right: 0; }
  .landing-v5 .v5-model-ticker .model-rate:nth-child(-n+3) { border-bottom: 1px solid var(--v5-line); }
  .v5-topup-calculator { grid-template-columns: 1.3fr .7fr; }
  .topup-selector, .official-compare { padding: 28px; }
  .v5-faq { gap: 6vw; }
}
@media (max-width: 760px) {
  .landing-v5 .section-shell { width: calc(100% - 24px); }
  .landing-v5 .v5-header { top: 8px; width: calc(100% - 16px); min-height: 58px; margin-top: 8px; padding: 0 8px 0 11px; border-radius: 14px; }
  .landing-v5 .v5-header { gap: 5px; }
  .landing-v5 .v5-header .v5-brand img { width: 30px; height: 30px; }
  .landing-v5 .v5-header .v5-brand { flex-shrink: 0; white-space: nowrap; }
  .landing-v5 .v5-header .v5-brand span { font-size: 12px; }
  .landing-v5 .v5-header .brand-domain { display: none; }
  .landing-v5 .header-actions { flex-shrink: 0; }
  .landing-v5 .v5-header .button { min-height: 40px; padding-inline: 13px; font-size: 11px; }
  .theme-switcher button { min-width: 31px; padding-inline: 5px; font-size: 0; }
  .theme-switcher button::before { font-size: 9px; }
  .theme-switcher button:nth-child(1)::before { content: "○"; }
  .theme-switcher button:nth-child(2)::before { content: "●"; }
  .theme-switcher button:nth-child(3)::before { content: "◐"; }
  .v5-hero { width: calc(100% - 14px); min-height: 780px; margin-top: -58px; padding: 155px 12px 45px; }
  .v5-hero-copy { width: 100%; }
  .v5-kicker { width: 92%; font-size: 7px; }
  .v5-hero h1 { font-size: clamp(43px, 12vw, 49px); line-height: .9; letter-spacing: -.07em; }
  .hero-lead { max-width: 460px; margin-top: 27px; font-size: 14px; }
  .v5-actions { flex-direction: column; gap: 7px; }
  .v5-actions .button { width: min(100%, 320px); }
  .app-orbit { inset: 100px 0 180px; }
  .app-icon { width: 52px; height: 52px; border-radius: 12px; }
  .app-icon svg { width: 23px; height: 23px; }
  .app-icon::after { display: none; }
  .app-icon-cursor { top: 5%; left: 2%; }
  .app-icon-jetbrains { top: 4%; right: 3%; }
  .app-icon-zed { top: 59%; left: 1%; }
  .v5-terminal { width: 100%; margin-top: 49px; border-radius: 11px; }
  .v5-terminal-bar { min-height: 37px; padding-inline: 11px; }
  .terminal-screen { min-height: 155px; padding: 17px 13px; font-size: 8.7px; line-height: 2.1; overflow: hidden; }
  .terminal-history { min-height: 114px; }
  .terminal-line, .terminal-active { min-height: 19px; gap: 6px; }
  .terminal-prompt { flex-basis: 76px; }
  .terminal-line.is-output { padding-left: 82px; }
  .hero-meta { right: 10px; left: 10px; }
  .v5-signal { min-height: 62px; padding: 0 12px; gap: 10px; overflow: hidden; justify-content: flex-start; white-space: nowrap; }
  .v5-signal p:nth-of-type(n+3), .v5-signal p:nth-of-type(n+3) + span { display: none; }
  .v5-workflow { padding: 95px 0 110px; }
  .v5-section-head { display: block; padding-bottom: 45px; }
  .v5-section-head > p:first-child { margin-bottom: 34px; }
  .v5-section-head h2 { font-size: 51px; }
  .v5-section-head > p:last-child { margin-top: 27px; }
  .v5-steps li { min-height: 150px; padding: 22px 8px; grid-template-columns: 40px 1fr 22px; gap: 12px; }
  .v5-steps h3 { font-size: 20px; }
  .v5-privacy { min-height: 0; padding: 40px 22px 50px; border-radius: 18px; grid-template-columns: 1fr; grid-template-rows: auto; gap: 28px; }
  .privacy-command { grid-column: 1; }
  .privacy-copy h2 { margin-top: 27px; font-size: 52px; }
  .v5-privacy ul { margin-top: 10px; }
  .v5-models { padding: 110px 0 90px; }
  .v5-model-ticker { margin-top: 0; grid-template-columns: repeat(2, 1fr); }
  .landing-v5 .v5-model-ticker .model-rate, .landing-v5 .v5-model-ticker .model-rate:nth-child(3) { border-right: 1px solid var(--v5-line); border-bottom: 1px solid var(--v5-line); }
  .landing-v5 .v5-model-ticker .model-rate:nth-child(even) { border-right: 0; }
  .landing-v5 .v5-model-ticker .model-rate:nth-last-child(-n+2) { border-bottom: 0; }
  .v5-topup-calculator { grid-template-columns: 1fr; }
  .topup-selector { padding: 24px 18px; }
  .topup-presets { grid-template-columns: 1fr 1fr; }
  .topup-receipt { grid-template-columns: 1fr; }
  .official-compare { min-height: 440px; padding: 27px 22px; border-top: 1px solid var(--v5-line); border-left: 0; }
  .v5-faq { display: block; padding: 90px 0 105px; }
  .v5-faq .faq-heading { position: static; margin-bottom: 55px; }
  .v5-faq .faq-heading > p { margin-bottom: 30px; }
  .v5-faq .faq-heading h2 { font-size: 52px; }
  .landing-v5 .v5-faq-list summary { min-height: 80px; padding-inline: 10px; font-size: 14px; }
  .landing-v5 .v5-faq-list details p { padding: 0 14px 24px; }
  .v5-cta { display: block; min-height: 540px; padding: 42px 24px; border-radius: 18px; }
  .v5-cta > div:first-child p { margin-bottom: 75px; }
  .v5-cta h2 { font-size: 68px; }
  .v5-cta > div:last-child { margin-top: 75px; }
  .v5-footer { padding-top: 70px; }
  .v5-footer-top { grid-template-columns: 1fr auto; }
  .v5-footer-top > p { display: none; }
  .v5-footer nav { grid-template-columns: 1fr; gap: 0; }
  .v5-footer nav a { min-height: 46px; display: flex; align-items: center; border-bottom: 1px solid var(--v5-soft-line); }
  .v5-footer nav a:last-child { border-bottom: 0; }
  .v5-footer-bottom { display: block; line-height: 1.8; }
}
@media (prefers-reduced-motion: reduce) {
  .app-icon { animation: none; }
  .terminal-cursor, .terminal-live i { animation: none; }
}

/* V5 — bot-first authentication, shared with the monochrome product system */
body.auth-page {
  --auth-bg: #f4f4f0;
  --auth-surface: #fbfbf8;
  --auth-ink: #0b0b0b;
  --auth-muted: #71716c;
  --auth-line: rgba(11, 11, 11, .16);
  min-height: 100svh;
  color: var(--auth-ink);
  background: var(--auth-bg);
}
body.auth-page::before {
  position: fixed;
  z-index: -1;
  inset: 0;
  opacity: 1;
  background-image: linear-gradient(rgba(11,11,11,.035) 1px, transparent 1px), linear-gradient(90deg,rgba(11,11,11,.035) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(to bottom, #000, transparent 82%);
  content: "";
}
.auth-page .auth-header {
  position: relative;
  z-index: 2;
  top: 18px;
  width: min(calc(100% - 40px), 1380px);
  min-height: 66px;
  margin-inline: auto;
  padding: 0 17px 0 20px;
  border: 1px solid var(--auth-line);
  border-radius: 18px;
  background: rgba(251,251,248,.91);
  box-shadow: 0 15px 50px rgba(0,0,0,.06), inset 0 1px rgba(255,255,255,.7);
  backdrop-filter: blur(18px);
}
.auth-page .brand-light, .auth-page .text-link-light { color: var(--auth-ink); }
.auth-page .brand-light img { filter: grayscale(1) contrast(1.35); }
.auth-page .auth-layout {
  width: min(calc(100% - 40px), 1380px);
  min-height: calc(100svh - 84px);
  margin-inline: auto;
  padding: 74px 0 34px;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(430px, .92fr);
  place-items: stretch;
  gap: 0;
}
.auth-page .auth-story {
  position: relative;
  display: flex;
  min-height: 690px;
  padding: clamp(50px, 6vw, 88px);
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  border: 1px solid #292927;
  border-radius: 24px 0 0 24px;
  background: #0b0b0b;
  color: #efefea;
}
.auth-page .auth-story::after {
  position: absolute;
  right: -190px;
  bottom: -250px;
  width: 560px;
  height: 560px;
  border: 1px solid rgba(255,255,255,.17);
  border-radius: 50%;
  box-shadow: 0 0 0 70px rgba(255,255,255,.02), 0 0 0 140px rgba(255,255,255,.015);
  content: "";
}
.auth-page .auth-story .eyebrow { margin: 0 0 62px; color: #8b8b86; font-size: 9px; letter-spacing: .1em; }
.auth-page .auth-story h1 { max-width: 710px; margin: 0; font-size: clamp(59px, 5.6vw, 88px); font-weight: 560; line-height: .9; letter-spacing: -.072em; }
.auth-page .auth-story h1 em { color: #efefea; font: inherit; }
.auth-page .auth-story > p:not(.eyebrow) { max-width: 550px; margin: 34px 0 0; color: #9e9e98; font-size: 14px; line-height: 1.7; }
.auth-flow { position: relative; z-index: 1; display: grid; max-width: 590px; margin: 62px 0 0; padding: 0; border-top: 1px solid rgba(255,255,255,.17); list-style: none; }
.auth-flow li { display: flex; min-height: 58px; border-bottom: 1px solid rgba(255,255,255,.17); align-items: center; gap: 22px; color: #d0d0ca; font-size: 11px; }
.auth-flow span { color: #666662; font: 9px var(--mono); }
.auth-page .auth-story > small { position: absolute; bottom: 34px; left: clamp(50px,6vw,88px); color: #676762; font-size: 8px; letter-spacing: .1em; }
.auth-page .auth-panel {
  align-self: stretch;
  display: flex;
  width: 100%;
  max-width: none;
  min-height: 690px;
  margin: 0;
  padding: clamp(42px, 5.4vw, 78px);
  border: 1px solid var(--auth-line);
  border-left: 0;
  border-radius: 0 24px 24px 0;
  flex-direction: column;
  justify-content: center;
  background: var(--auth-surface);
  box-shadow: none;
  backdrop-filter: none;
}
.auth-page .auth-panel-head { text-align: left; }
.auth-page .auth-panel-head .mono { color: var(--auth-muted); font-size: 8px; letter-spacing: .1em; }
.auth-page .auth-panel-head h2 { margin: 31px 0 12px; color: var(--auth-ink); font-size: clamp(42px,4vw,60px); font-weight: 610; line-height: .95; letter-spacing: -.065em; }
.auth-page .auth-panel-head > p:last-child { max-width: 410px; margin: 0 0 32px; color: var(--auth-muted); font-size: 13px; line-height: 1.6; }
.auth-page .telegram-login { min-height: 0; padding: 18px; border: 1px solid var(--auth-line); border-radius: 12px; background: #f0f0ec; text-align: left; }
.auth-page .telegram-widget { min-height: 52px; display: block; }
.auth-page .telegram-widget > span { display: block; padding: 16px; color: var(--auth-muted); font-size: 11px; text-align: center; }
.telegram-bot-button { display: flex; min-height: 54px; padding: 0 17px; border-radius: 8px; align-items: center; justify-content: space-between; background: var(--auth-ink); color: #f4f4ef; transition: transform .2s ease, background .2s ease; }
.telegram-bot-button:hover { background: #272725; transform: translateY(-1px); }
.telegram-bot-button[aria-disabled="true"] { opacity: .55; pointer-events: none; }
.telegram-bot-button > span { order: 2; font-size: 18px; }
.telegram-bot-button b { font-size: 12px; font-weight: 620; }
.telegram-bot-status { display: block; min-height: 27px; padding: 11px 4px 0; color: var(--auth-muted); font: 8px/1.5 var(--mono); letter-spacing: .03em; }
.auth-page .telegram-login > p { max-width: none; margin: 13px 2px 0; color: var(--auth-muted); font-size: 9px; line-height: 1.55; text-align: left; }
.auth-page .auth-divider { height: 56px; color: var(--auth-muted); font-size: 8px; }
.auth-page .auth-divider::before, .auth-page .auth-divider::after { background: var(--auth-line); }
.auth-page .auth-form { gap: 14px; }
.auth-page .auth-form label { gap: 8px; color: var(--auth-muted); font: 8px var(--mono); letter-spacing: .05em; text-transform: uppercase; }
.auth-page .auth-form input { min-height: 50px; padding-inline: 14px; border: 1px solid var(--auth-line); border-radius: 7px; background: #fff; color: var(--auth-ink); font-family: var(--sans); }
.auth-page .auth-form input:focus { border-color: var(--auth-ink); box-shadow: 0 0 0 3px rgba(11,11,11,.08); }
.auth-page .auth-form .button { min-height: 52px; margin-top: 3px; border-radius: 7px; justify-content: space-between; background: transparent; color: var(--auth-ink); border-color: var(--auth-ink); box-shadow: none; }
.auth-page .auth-form .button:hover { background: var(--auth-ink); color: #f4f4ef; }
.auth-page .auth-legal { margin-top: 22px; color: var(--auth-muted); font-size: 9px; }
@media (max-width: 900px) {
  .auth-page .auth-layout { grid-template-columns: 1fr; padding-top: 56px; }
  .auth-page .auth-story { min-height: 480px; border-radius: 20px 20px 0 0; }
  .auth-page .auth-story h1 { max-width: 620px; }
  .auth-page .auth-story > small { display: none; }
  .auth-page .auth-panel { min-height: 620px; border-top: 0; border-left: 1px solid var(--auth-line); border-radius: 0 0 20px 20px; }
}
@media (max-width: 600px) {
  .auth-page .auth-header { top: 8px; width: calc(100% - 16px); min-height: 58px; margin-top: 8px; border-radius: 14px; }
  .auth-page .auth-header .brand img { width: 30px; height: 30px; }
  .auth-page .auth-header .brand span { font-size: 11px; }
  .auth-page .auth-layout { width: calc(100% - 16px); min-height: auto; padding: 34px 0 16px; }
  .auth-page .auth-story { order: 2; min-height: 435px; padding: 38px 24px; border-top: 0; border-radius: 0 0 20px 20px; }
  .auth-page .auth-story .eyebrow { margin-bottom: 44px; }
  .auth-page .auth-story h1 { font-size: 48px; }
  .auth-page .auth-story > p:not(.eyebrow) { margin-top: 25px; font-size: 13px; }
  .auth-flow { margin-top: 38px; }
  .auth-flow li { min-height: 48px; }
  .auth-page .auth-panel { order: 1; min-height: 610px; padding: 42px 20px; border-top: 1px solid var(--auth-line); border-bottom: 0; border-radius: 20px 20px 0 0; }
  .auth-page .auth-panel-head h2 { font-size: 40px; }
  .auth-page .telegram-login { padding: 12px; }
}

.mini-portal { background-image: url('/assets/chatgpt.svg?v=20260716'); }

/* The white theme stays white across full-width sections. Dark surfaces are
   reserved for contained product previews; the black theme keeps the original
   dark control-room treatment. */
html[data-landing-theme="white"] body.landing-v6 .v6-control {
  background: var(--v6-surface-soft);
  color: var(--v6-ink);
}
html[data-landing-theme="white"] body.landing-v6 .v6-control .v6-section-label,
html[data-landing-theme="white"] body.landing-v6 .v6-control-notes article > span,
html[data-landing-theme="white"] body.landing-v6 .v6-flow-diagram div span {
  color: var(--v6-accent-deep);
}
html[data-landing-theme="white"] body.landing-v6 .v6-control-head > p,
html[data-landing-theme="white"] body.landing-v6 .v6-control-notes p,
html[data-landing-theme="white"] body.landing-v6 .v6-data-copy p,
html[data-landing-theme="white"] body.landing-v6 .v6-flow-diagram p,
html[data-landing-theme="white"] body.landing-v6 .v6-flow-diagram small,
html[data-landing-theme="white"] body.landing-v6 .v6-flow-arrows {
  color: var(--v6-muted);
}
html[data-landing-theme="white"] body.landing-v6 .v6-control-notes article,
html[data-landing-theme="white"] body.landing-v6 .v6-data-flow {
  border-color: var(--v6-line);
}
html[data-landing-theme="white"] body.landing-v6 .v6-flow-diagram > div {
  border-color: var(--v6-line);
  background: var(--v6-surface);
}
html[data-landing-theme="white"] body.landing-v6 .v6-data-copy a {
  border-color: var(--v6-accent-deep);
  color: var(--v6-ink);
}
html[data-landing-theme="white"] body.landing-v6 .v6-flow-diagram > i {
  color: #59645c;
}

/* V6 final cascade guard. */
body.site-page.landing-v6 {
  background: var(--v6-bg);
  color: var(--v6-ink);
}
body.landing-v6 .skip-link { background: #0c6f53; color: #fff; }
body.landing-v6 .site-header.v6-header,
body.landing-v6 .site-header.v6-header.is-compact {
  position: fixed;
  left: 50%;
  margin: 0;
  transform: translateX(-50%);
}
body.landing-v6 .site-header.v6-header {
  top: 14px;
  width: min(calc(100% - 28px), 1450px);
  min-height: 68px;
  border-color: var(--v6-line-strong);
  background: color-mix(in srgb, var(--v6-bg) 86%, transparent);
}
body.landing-v6 .site-header.v6-header.is-compact { top: 8px; width: min(calc(100% - 18px), 1420px); min-height: 60px; }
body.landing-v6 .v6-mobile-menu nav a,
body.landing-v6 .v6-mobile-menu-footer > a,
body.landing-v6 .v6-mobile-menu-footer > span {
  color: var(--v6-ink);
}
body.landing-v6 .v6-model-ticker .model-rate-factor,
body.landing-v6 .v6-model-ticker .model-rate-factor span {
  color: var(--v6-ink);
}
body.landing-v6 .v6-model-ticker .model-rate-factor span:first-child {
  margin-right: 5px;
  color: var(--v6-accent-deep);
}
body.landing-v6 .v6-model-ticker .model-rate:first-child,
body.landing-v6 .v6-model-ticker > span:first-child {
  margin-left: 0;
  border-left: 0;
}
body.landing-v6 .v6-dashboard .v6-recent-card li b { color: #0c6f53; }
body.landing-v6 .v6-dashboard .v6-key-card p { color: #606a62; }
body.landing-v6 .v6-flow-diagram > i { color: #89938c; }
body.landing-v6 .v6-faq-list details[open] {
  background: color-mix(in srgb, var(--v6-accent-soft) 38%, transparent);
}
body.landing-v6 .v6-faq-list summary { min-height: 100px; }
body.landing-v6 .v6-faq-list details p { padding-left: 0; }
html[data-landing-theme="black"] body.landing-v5 .model-rate-factor,
html[data-landing-theme="black"] body.landing-v5 .model-rate-factor span {
  color: #efefea;
}
html[data-landing-theme="black"] body.landing-v6 .v6-final-cta > p:not(.v6-section-label) {
  color: #a8b1a9;
}
.status-page .status-summary small { color: #909a92; }
.auth-page .auth-flow span,
.auth-page .auth-story > small { color: #8e8e88; }
.site-page.legal-page { --muted: #606f88; }
@media (max-width: 700px) {
  body.landing-v6 .site-header.v6-header { top: 8px; width: calc(100% - 16px); min-height: 60px; }
  body.landing-v6 .site-header.v6-header.is-compact { width: calc(100% - 12px); }
  body.landing-v6 .v6-mobile-menu .v6-theme-switcher button { min-height: 44px; padding-inline: 12px; }
}

/* 2026 compact sign-in panel */
body.auth-page{--auth-blue:#4168ff;--auth-ink:#080b1a;--auth-muted:#78849a;--auth-line:#dce3f1;min-height:100dvh;background:radial-gradient(circle at 9% 38%,rgba(94,207,255,.16),transparent 30rem),radial-gradient(circle at 92% 34%,rgba(130,104,255,.12),transparent 31rem),radial-gradient(circle at 50% 100%,rgba(255,221,115,.09),transparent 24rem),#f8fafc;color:var(--auth-ink);color-scheme:light}
body.auth-page::before{z-index:0;opacity:.45;background-image:linear-gradient(rgba(63,82,120,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(63,82,120,.025) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}
.auth-page .auth-header{position:relative;z-index:3;top:18px;display:flex;width:min(calc(100% - 40px),1760px);min-height:66px;margin-inline:auto;padding:8px 12px 8px 16px;align-items:center;justify-content:space-between;border:1px solid rgba(214,221,235,.82);border-radius:22px;background:rgba(255,255,255,.8);box-shadow:0 16px 46px rgba(52,64,91,.08),inset 0 1px rgba(255,255,255,.9);backdrop-filter:blur(24px) saturate(1.15)}
.auth-page .brand-light{display:inline-flex;align-items:center;gap:10px;color:var(--auth-ink);font-size:14px;font-weight:760;letter-spacing:-.035em}.auth-page .brand-light img{width:36px;height:36px;filter:none;border-radius:10px}.auth-page .brand-light b{color:var(--auth-blue)}
.auth-home-link{display:inline-flex;min-height:44px;padding:0 18px;align-items:center;gap:22px;border:1px solid var(--auth-line);border-radius:14px;background:rgba(255,255,255,.78);color:#445068;font-size:11px;font-weight:620;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}.auth-home-link:hover{border-color:#b9c6df;box-shadow:0 8px 25px rgba(44,61,95,.08);transform:translateY(-1px)}.auth-home-link:focus-visible{outline:3px solid rgba(65,104,255,.25);outline-offset:2px}
.auth-page .auth-layout{position:relative;z-index:1;display:grid;width:min(calc(100% - 40px),1760px);min-height:calc(100dvh - 84px);margin-inline:auto;padding:86px 0 70px;grid-template-columns:1fr;place-items:center}
.auth-page .auth-panel{position:relative;display:block;width:min(100%,500px);max-width:500px;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.auth-page .auth-panel::before{position:absolute;z-index:-1;inset:110px -90px -70px;border-radius:50%;background:rgba(89,112,164,.09);filter:blur(60px);content:""}
.auth-page .auth-panel-head{text-align:center}.auth-page .auth-panel-head .mono{display:flex;margin:0 0 25px;align-items:center;justify-content:center;gap:9px;color:#61708b;font:700 8px var(--mono);letter-spacing:.12em}.auth-page .auth-panel-head .mono i{width:6px;height:6px;border-radius:50%;background:#35b977;box-shadow:0 0 0 5px rgba(53,185,119,.1)}
.auth-page .auth-panel-head h1{margin:0;color:var(--auth-ink);font-size:clamp(42px,4vw,56px);font-weight:670;line-height:1;letter-spacing:-.06em;text-wrap:balance}.auth-page .auth-panel-head>p:last-child{max-width:410px;margin:15px auto 30px;color:var(--auth-muted);font-size:12px;line-height:1.6}
.auth-page .auth-panel>.form-message{min-height:0;margin:0 0 8px;padding:0;border:0;background:transparent;color:#cc3a46;text-align:center;font-size:10px}.auth-page .auth-panel>.form-message:empty{display:none}.auth-page .auth-panel>.form-message.success{color:#24835c}
.auth-page .auth-form{display:grid;gap:17px;padding:28px;border:1px solid rgba(220,227,241,.92);border-radius:27px 27px 0 0;background:rgba(255,255,255,.74);box-shadow:0 30px 75px rgba(53,67,99,.12),inset 0 1px rgba(255,255,255,.9);backdrop-filter:blur(22px)}
.auth-page .auth-form label{display:grid;gap:8px;color:#34425b;font-size:10px;font-weight:650;letter-spacing:0;text-transform:none}.auth-input{display:grid;min-height:58px;border:1px solid #d5def1;border-radius:17px;background:rgba(255,255,255,.9);grid-template-columns:44px 1fr;align-items:center;transition:border-color .2s,box-shadow .2s,background .2s}.auth-input:focus-within{border-color:var(--auth-blue);background:#fff;box-shadow:0 0 0 4px rgba(65,104,255,.1)}.auth-input svg{width:18px;height:18px;margin-left:16px;fill:none;stroke:var(--auth-blue);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.auth-page .auth-form .auth-input input{width:100%;min-height:56px;padding:0 15px 0 2px;border:0;border-radius:0;background:transparent;color:var(--auth-ink);font-family:var(--sans);font-size:12px;outline:0;box-shadow:none}.auth-page .auth-form .auth-input input::placeholder{color:#9ba8c1}.auth-page .auth-form .auth-input:has(input[aria-invalid="true"]){border-color:#d94c58;box-shadow:0 0 0 4px rgba(217,76,88,.08)}
.auth-page .auth-form .button{position:relative;display:flex;min-height:56px;margin-top:3px;padding:0 19px;align-items:center;justify-content:center;border:0;border-radius:17px;background:var(--auth-ink);color:#fff;font-size:12px;font-weight:720;box-shadow:0 12px 25px rgba(8,11,26,.14);cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s}.auth-page .auth-form .button b{position:absolute;right:19px;font-size:15px;font-weight:400}.auth-page .auth-form .button:hover{background:#151b34;box-shadow:0 15px 32px rgba(8,11,26,.2);transform:translateY(-1px)}.auth-page .auth-form .button:active{transform:translateY(1px)}.auth-page .auth-form .button:focus-visible{outline:3px solid rgba(65,104,255,.25);outline-offset:2px}.auth-page .auth-form .button:disabled{opacity:.65;cursor:wait}
.auth-page .auth-divider{display:flex;height:54px;margin:0;padding:0 28px;align-items:center;gap:14px;border-inline:1px solid rgba(220,227,241,.92);background:rgba(255,255,255,.74);color:#8b97ac;font:8px var(--mono);letter-spacing:.04em}.auth-page .auth-divider::before,.auth-page .auth-divider::after{height:1px;flex:1;background:#e0e6f1;content:""}
.auth-socials{display:grid;padding:0 28px 25px;border:1px solid rgba(220,227,241,.92);border-top:0;border-radius:0 0 27px 27px;background:rgba(255,255,255,.74);grid-template-columns:1fr 1fr;gap:12px;backdrop-filter:blur(22px)}
.auth-page .telegram-login{min-width:0;min-height:83px;padding:0;border:0;border-radius:0;background:transparent;text-align:left}.auth-page .telegram-widget{position:relative;display:block;min-height:83px}.auth-page .telegram-widget>span{display:flex;min-height:54px;padding:0 12px;align-items:center;justify-content:center;border:1px solid #d5def1;border-radius:15px;background:#fff;color:#66758f;font-size:9px;text-align:center}.auth-page .telegram-bot-button{display:flex;width:100%;min-height:54px;padding:0 15px;border:1px solid #d5def1;border-radius:15px;align-items:center;justify-content:flex-start;gap:10px;background:#fff;color:var(--auth-ink);text-decoration:none;box-shadow:none;transition:border-color .2s,transform .2s,box-shadow .2s}.auth-page .telegram-bot-button::before{display:grid;width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:#229ed9;color:#fff;font:700 11px var(--sans);content:"↗";place-items:center}.auth-page .telegram-bot-button>span{display:none}.auth-page .telegram-bot-button b{overflow:hidden;font-size:10px;font-weight:680;text-overflow:ellipsis;white-space:nowrap}.auth-page .telegram-bot-button:hover{border-color:#a9cce4;background:#fff;box-shadow:0 8px 24px rgba(34,158,217,.1);transform:translateY(-1px)}.auth-page .telegram-bot-status{display:block;min-height:24px;padding:8px 3px 0;color:#7d899f;font:7px/1.4 var(--mono);letter-spacing:0}.auth-page .telegram-login>p{display:none}
.gmail-login{position:relative;display:flex;min-width:0;min-height:54px;padding:0 15px;align-items:center;justify-content:center;gap:10px;align-self:start;overflow:hidden;border:1px solid #d5def1;border-radius:15px;background:#fff;color:#57647a;font-family:var(--sans);font-size:10px;font-weight:680;cursor:not-allowed;opacity:.72}.gmail-login svg{width:22px;height:17px;flex:0 0 22px}.gmail-login em{position:absolute;top:8px;right:-25px;width:92px;padding:3px 0;background:var(--auth-blue);color:#fff;font:700 6px var(--mono);font-style:normal;letter-spacing:.1em;text-align:center;transform:rotate(37deg);box-shadow:0 2px 7px rgba(30,62,180,.18)}
.auth-register{margin:17px 0 0;color:#8490a4;text-align:center;font-size:9px}.auth-register b{color:#2f3c54;font-weight:650}.auth-page .auth-legal{max-width:410px;margin:17px auto 0;color:#8a95a8;text-align:center;font-size:8px;line-height:1.6}.auth-page .auth-legal a{color:#53617a;text-underline-offset:3px}
@media(max-width:600px){.auth-page .auth-header{top:8px;width:calc(100% - 16px);min-height:58px;padding:6px 8px 6px 10px;border-radius:16px}.auth-page .brand-light img{width:32px;height:32px}.auth-page .brand-light{font-size:11px}.auth-home-link{min-height:42px;padding-inline:13px;gap:10px;font-size:9px}.auth-page .auth-layout{width:calc(100% - 24px);min-height:auto;padding:70px 0 34px}.auth-page .auth-panel-head .mono{margin-bottom:18px}.auth-page .auth-panel-head h1{font-size:40px}.auth-page .auth-panel-head>p:last-child{margin-bottom:24px;font-size:10px}.auth-page .auth-form{padding:19px;border-radius:22px 22px 0 0}.auth-page .auth-form .button b{position:static;margin-left:auto}.auth-page .auth-form .button span{margin-left:auto}.auth-page .auth-divider{padding-inline:19px}.auth-socials{padding:0 19px 20px;grid-template-columns:1fr;border-radius:0 0 22px 22px}.auth-page .telegram-login,.auth-page .telegram-widget{min-height:78px}.gmail-login{min-height:54px}.auth-register{line-height:1.5}}