:root {--bg: #070809;--bg-alt: #0B0D0F;--panel-1: #15181C;--panel-2: #0F1114;--well: #0B0D0F;--tile: #111316;--line-hi: rgba(255,255,255,0.16);--line: rgba(255,255,255,0.09);--line-dim: rgba(255,255,255,0.07);--tx-bright: #F4F5F7;--tx: #E6E8EC;--tx-med: #A8ADB7;--tx-dim: #7E838B;--silver: #C9CDD4;--silver-tx: #D6D9DE;--chrome: linear-gradient(180deg,#FDFDFE,#DCDDE2 40%,#C2C3C9 53%,#ECEDF1);--chrome-soft: linear-gradient(180deg,#E9EAED,#CDCED3);--chrome-tx: #0B0D10;--heat: 228,120,60;--sans: "Space Grotesk", "Trebuchet MS", system-ui, sans-serif;--mono: "DM Mono", ui-monospace, "Courier New", monospace;--shell: 1160px;}*, *::before, *::after { box-sizing: border-box; }html { scroll-behavior: smooth; }body {margin: 0;background: var(--bg);color: var(--tx);font-family: var(--sans);font-size: 16px;line-height: 1.6;-webkit-font-smoothing: antialiased;}img, svg { display: block; max-width: 100%; }h1, h2, h3 { margin: 0; color: var(--tx-bright); letter-spacing: -0.01em; text-wrap: balance; }p { margin: 0; }ul, ol { margin: 0; padding: 0; }a { color: var(--silver); text-decoration: none; }a:hover { color: var(--tx-bright); }:focus-visible { outline: 2px solid var(--silver); outline-offset: 3px; border-radius: 4px; }.shell { max-width: var(--shell); margin: 0 auto; padding-inline: 24px; }.skip {position: absolute; left: -9999px; top: 0; z-index: 100;background: var(--chrome); color: var(--chrome-tx); font-weight: 700;padding: 10px 18px; border-radius: 0 0 10px 0;}.skip:focus { left: 0; color: var(--chrome-tx); }.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; }.mono { font-family: var(--mono); }.eyebrow { font-family: var(--mono); font-size: 12px; letter-spacing: 0.22em; color: var(--tx-dim); text-transform: uppercase; }.site-head {position: sticky; top: 0; z-index: 50;background: rgba(7,8,9,0.82);backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);border-bottom: 1px solid var(--line-dim);}.head-in { display: flex; align-items: center; justify-content: space-between; gap: 24px; height: 68px; }.brand { display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 700; letter-spacing: 0.08em; color: var(--tx-bright); white-space: nowrap; }.nav { display: flex; align-items: center; gap: 30px; font-size: 14px; font-weight: 500; }.nav a { color: var(--tx-med); }.nav a:hover, .nav a[aria-current="page"] { color: var(--tx-bright); }.head-cta { display: flex; align-items: center; gap: 18px; }.signin { font-size: 14px; font-weight: 500; color: var(--tx-med); }.nav-btn { display: none; background: none; border: 1px solid var(--line); border-radius: 10px; color: var(--tx); padding: 9px 10px; cursor: pointer; }.btn {display: inline-flex; align-items: center; justify-content: center; gap: 8px;background: var(--chrome); color: var(--chrome-tx);font-family: var(--sans); font-size: 15px; font-weight: 700;padding: 13px 28px; border-radius: 999px; border: 0; cursor: pointer;box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 8px 24px rgba(0,0,0,0.5);white-space: nowrap;}.btn:hover { color: var(--chrome-tx); filter: brightness(1.05); }.btn.small { font-size: 14px; padding: 9px 20px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.55); }.btn-ghost {display: inline-flex; align-items: center; justify-content: center; gap: 8px;border: 1px solid var(--line-hi); color: var(--tx);font-size: 15px; font-weight: 500; padding: 12px 26px; border-radius: 999px; white-space: nowrap;}.btn-ghost:hover { border-color: rgba(255,255,255,0.32); color: var(--tx-bright); }.cta-row { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }.trust { font-family: var(--mono); font-size: 12px; letter-spacing: 0.04em; color: var(--tx-dim); }.hero { padding: 84px 0 96px; }.hero-grid { display: grid; grid-template-columns: minmax(0,1fr) 440px; gap: 64px; align-items: center; }.hero-copy { display: flex; flex-direction: column; gap: 26px; }.hero h1 { font-size: clamp(38px, 4.6vw, 62px); line-height: 1.05; letter-spacing: -0.02em; }.hero .sub { font-size: clamp(16px, 1.5vw, 18px); color: var(--tx-med); max-width: 54ch; }.hero.center { text-align: center; }.hero.center .hero-copy { align-items: center; max-width: 760px; margin: 0 auto; }.hero.center h1 { font-size: clamp(34px, 4.2vw, 54px); }.sec { padding: 88px 0; }.sec.alt { background: var(--bg-alt); border-top: 1px solid var(--line-dim); border-bottom: 1px solid var(--line-dim); }.sec-head { display: flex; flex-direction: column; gap: 14px; max-width: 680px; margin-bottom: 44px; }.sec-head h2 { font-size: clamp(28px, 3.2vw, 40px); line-height: 1.15; }.sec-head .sub { color: var(--tx-med); font-size: 16px; max-width: 62ch; }.lede { color: var(--tx-med); max-width: 66ch; }.lede strong, .checklist strong { color: var(--tx); font-weight: 600; }.split { display: grid; grid-template-columns: minmax(0,1fr) 460px; gap: 72px; align-items: center; }.split.flip { grid-template-columns: 440px minmax(0,1fr); }.split-copy { display: flex; flex-direction: column; gap: 22px; }.split-copy h2 { font-size: clamp(26px, 3vw, 38px); line-height: 1.15; }.grid-4 { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 20px; }.grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 20px; }.grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 24px; }.card {background: linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.015) 30%, rgba(255,255,255,0.005) 100%);border: 1px solid var(--line); border-radius: 16px; padding: 28px 24px;display: flex; flex-direction: column; gap: 14px;}.card h3 { font-size: 18px; }.card p { font-size: 14.5px; line-height: 1.55; color: var(--tx-med); }.card .foot { margin-top: auto; font-family: var(--mono); font-size: 11px; letter-spacing: 0.08em; color: var(--tx-dim); }.card .foot.hi { color: var(--silver-tx); }a.card { color: inherit; }a.card:hover { border-color: var(--line-hi); }.checklist { list-style: none; display: flex; flex-direction: column; gap: 12px; max-width: 66ch; }.checklist li { color: var(--tx-med); font-size: 15px; line-height: 1.55; padding-left: 30px; position: relative; }.checklist li::before {content: ""; position: absolute; left: 0; top: 0.28em; width: 18px; height: 18px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M3 9.5 L7 13.5 L15 4.5' stroke='%23C9CDD4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size: contain; background-repeat: no-repeat;}.steps { list-style: none; display: flex; flex-direction: column; gap: 20px; counter-reset: step; }.steps li { display: flex; gap: 16px; align-items: flex-start; color: var(--tx-med); font-size: 15px; line-height: 1.6; }.steps li::before {counter-increment: step; content: counter(step);font-family: var(--mono); font-size: 13px; color: var(--chrome-tx);background: var(--chrome-soft); border-radius: 999px;width: 28px; height: 28px; flex: 0 0 auto;display: flex; align-items: center; justify-content: center; margin-top: 2px;}.steps strong { color: var(--tx); font-weight: 600; }.panel {background: linear-gradient(180deg, var(--panel-1), var(--panel-2));border: 1px solid var(--line); border-radius: 20px; padding: 24px;display: flex; flex-direction: column; gap: 18px;box-shadow: 0 24px 64px rgba(0,0,0,0.55);}.panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }.panel-title { font-size: 16px; font-weight: 700; color: var(--tx-bright); }.panel-meta { font-family: var(--mono); font-size: 11px; color: var(--tx-dim); letter-spacing: 0.04em; }.pill {display: inline-flex; align-items: center; gap: 6px;font-family: var(--mono); font-size: 10px; letter-spacing: 0.12em; color: var(--silver-tx);border: 1px solid rgba(201,205,212,0.30); background: rgba(201,205,212,0.10);border-radius: 999px; padding: 5px 12px; white-space: nowrap;}.pill .dot { width: 6px; height: 6px; border-radius: 999px; background: var(--tx-bright); }.pill.solid { background: var(--chrome-soft); border: 0; color: var(--chrome-tx); }.tiles { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; }.tiles.four { grid-template-columns: repeat(4, minmax(0,1fr)); }.tile { background: var(--tile); border: 1px solid var(--line-dim); border-radius: 12px; padding: 12px 14px; display: flex; flex-direction: column; gap: 4px; }.tile b { font-family: var(--mono); font-weight: 400; font-size: 10px; letter-spacing: 0.1em; color: var(--tx-dim); }.tile span { font-family: var(--mono); font-size: 21px; color: var(--tx-bright); font-variant-numeric: tabular-nums; }.heat { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 4px; }.heat i { height: 38px; border-radius: 4px; background: rgba(var(--heat), var(--a, 0.05)); }.heat i.k { border: 1px solid var(--line-hi); }.logrows { display: flex; flex-direction: column; gap: 8px; }.logrow {display: flex; align-items: center; justify-content: space-between; gap: 12px;background: var(--well); border: 1px solid var(--line-dim); border-radius: 8px; padding: 8px 12px;font-family: var(--mono); font-size: 12px;}.logrow b { font-weight: 400; color: var(--tx); }.logrow span { color: var(--tx-med); }.panel-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid var(--line-dim); padding-top: 14px; font-family: var(--mono); font-size: 11px; color: var(--tx-dim); }.panel-foot .r { color: var(--tx-med); }.callout { background: var(--well); border: 1px solid var(--line-dim); border-radius: 12px; padding: 14px 16px; display: flex; flex-direction: column; gap: 8px; }.callout b { font-family: var(--mono); font-weight: 400; font-size: 10px; letter-spacing: 0.1em; color: var(--tx-dim); }.callout p { font-size: 13px; line-height: 1.55; color: var(--tx); }.chips { display: flex; flex-wrap: wrap; gap: 8px; }.chip { font-family: var(--mono); font-size: 11px; color: var(--silver-tx); background: rgba(201,205,212,0.10); border: 1px solid rgba(201,205,212,0.22); border-radius: 999px; padding: 6px 12px; }.chip.dead { color: var(--tx-dim); background: none; border-color: var(--line-dim); text-decoration: line-through; }.statline { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 13px; }.statline span { font-family: var(--mono); font-size: 12px; color: var(--tx-med); }.head-cols { max-width: none; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,380px); gap: 40px; align-items: end; }.head-cols > div { display: flex; flex-direction: column; gap: 14px; }.checklist.cols-2 { max-width: none; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px 40px; }.checklist.cols-3 { max-width: none; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px 40px; }.stack-strip { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 40px 0; flex-wrap: wrap; }.stack-strip h2 { font-size: 20px; }.plan { border-radius: 20px; padding: 34px; display: flex; flex-direction: column; gap: 20px; }.plan.ops {background: linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.015) 30%, rgba(255,255,255,0.005) 100%);border: 1px solid var(--line);}.plan.edge { background: linear-gradient(180deg, var(--panel-1), var(--panel-2)); border: 1px solid var(--line-hi); box-shadow: 0 24px 64px rgba(0,0,0,0.5); }.plan-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; }.plan-head h3 { font-size: 24px; display: flex; align-items: center; gap: 12px; }.plan-price { font-family: var(--mono); font-size: 14px; color: var(--tx-med); }.plan .tagline { font-size: 14.5px; color: var(--tx-med); }.plan .btn, .plan .btn-ghost { margin-top: auto; }.faq { display: flex; flex-direction: column; max-width: 760px; }.faq details { border-bottom: 1px solid var(--line-dim); }.faq summary {cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 16px;padding: 18px 2px; font-weight: 600; color: var(--tx); font-size: 16px;}.faq summary::-webkit-details-marker { display: none; }.faq summary::after { content: "+"; font-family: var(--mono); color: var(--tx-dim); font-size: 18px; }.faq details[open] summary::after { content: "−"; }.faq .a { color: var(--tx-med); font-size: 15px; line-height: 1.6; padding: 0 2px 20px; max-width: 66ch; }.cmp { overflow-x: auto; border: 1px solid var(--line-dim); border-radius: 16px; background: var(--bg-alt); }.cmp table { border-collapse: collapse; width: 100%; min-width: 640px; font-size: 14px; }.cmp th, .cmp td { text-align: left; padding: 14px 20px; border-bottom: 1px solid var(--line-dim); vertical-align: top; }.cmp th { font-family: var(--mono); font-size: 11px; letter-spacing: 0.12em; color: var(--tx-dim); font-weight: 500; }.cmp td { color: var(--tx-med); }.cmp tr:last-child td { border-bottom: 0; }.cmp td:first-child { color: var(--tx); font-weight: 600; white-space: nowrap; }.cmp .win { color: var(--tx-bright); }.cta-band { padding: 104px 0; text-align: center; background: linear-gradient(180deg, var(--bg-alt), var(--bg)); border-top: 1px solid var(--line-dim); }.cta-band .in { display: flex; flex-direction: column; align-items: center; gap: 22px; max-width: 760px; margin: 0 auto; }.cta-band h2 { font-size: clamp(32px, 4vw, 48px); line-height: 1.1; }.cta-band .sub { color: var(--tx-med); font-size: 17px; max-width: 54ch; }.site-foot { border-top: 1px solid var(--line-dim); padding: 64px 0 48px; }.foot-grid { display: flex; justify-content: space-between; gap: 48px; flex-wrap: wrap; }.foot-brand { display: flex; flex-direction: column; gap: 16px; max-width: 300px; }.foot-brand p { font-size: 13px; line-height: 1.6; color: var(--tx-dim); }.foot-cols { display: flex; gap: 56px; flex-wrap: wrap; }.foot-col { display: flex; flex-direction: column; gap: 11px; min-width: 130px; }.foot-col b { font-family: var(--mono); font-weight: 400; font-size: 11px; letter-spacing: 0.14em; color: var(--tx-dim); }.foot-col a { font-size: 13px; color: var(--tx-med); }.foot-base { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; border-top: 1px solid var(--line-dim); margin-top: 44px; padding-top: 24px; font-family: var(--mono); font-size: 11px; color: var(--tx-dim); }a, .nav a { transition: color 0.18s ease; }a.card, .btn-ghost { transition: border-color 0.2s ease, box-shadow 0.25s ease, color 0.18s ease; }.btn { position: relative; overflow: hidden; transition: filter 0.18s ease; }.site-head { transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; }.site-head.scrolled { background: rgba(7,8,9,0.96); border-bottom-color: var(--line); box-shadow: 0 10px 28px rgba(0,0,0,0.35); }a.card:hover { box-shadow: 0 14px 36px rgba(0,0,0,0.45); }.nav a { position: relative; }.nav a::after {content: ""; position: absolute; left: 0; right: 100%; bottom: -4px; height: 1px;background: var(--silver); transition: right 0.22s ease;}.nav a:hover::after, .nav a[aria-current="page"]::after { right: 0; }.faq summary::after { transition: transform 0.25s ease; }.faq details[open] summary::after { content: "+"; transform: rotate(45deg); }@media (prefers-reduced-motion: no-preference) {html.js .reveal { opacity: 0; transform: translateY(16px); transition: opacity 0.55s cubic-bezier(0.2, 0.7, 0.3, 1), transform 0.55s cubic-bezier(0.2, 0.7, 0.3, 1); }html.js .reveal.in { opacity: 1; transform: none; }html.js .hero-copy > * { opacity: 0; animation: rise 0.6s cubic-bezier(0.2, 0.7, 0.3, 1) forwards; }html.js .hero-copy > *:nth-child(1) { animation-delay: 0.05s; }html.js .hero-copy > *:nth-child(2) { animation-delay: 0.12s; }html.js .hero-copy > *:nth-child(3) { animation-delay: 0.19s; }html.js .hero-copy > *:nth-child(4) { animation-delay: 0.26s; }html.js .hero-copy > *:nth-child(5) { animation-delay: 0.33s; }html.js .hero-grid > .panel { opacity: 0; animation: rise 0.7s cubic-bezier(0.2, 0.7, 0.3, 1) 0.28s forwards; }.btn, .btn-ghost, a.card { transition-property: transform, border-color, box-shadow, filter, color; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.2, 0.7, 0.3, 1); }.btn:hover { transform: translateY(-1px); }.btn:active { transform: translateY(0) scale(0.98); }.btn::after {content: ""; position: absolute; inset: 0; pointer-events: none;background: linear-gradient(105deg, transparent 42%, rgba(255,255,255,0.65) 50%, transparent 58%);transform: translateX(-130%);}.btn:hover::after { transform: translateX(130%); transition: transform 0.6s ease; }.btn-ghost svg { transition: transform 0.2s ease; }.btn-ghost:hover svg { transform: translateX(3px); }a.card:hover { transform: translateY(-3px); }.pill .dot { animation: pulse 2s ease-in-out infinite; }.faq details[open] .a { animation: fade-down 0.3s ease; }.site-head.open .nav { animation: fade-down 0.22s ease; }}@media (prefers-reduced-motion: reduce) {html { scroll-behavior: auto; }}@media (prefers-reduced-motion: no-preference) {html.js .heat i { opacity: 0; animation: heat-in 0.45s ease forwards; animation-delay: calc(0.62s + var(--d, 0) * 32ms); }html.js .reveal .heat i { animation: none; }html.js .reveal.in .heat i { animation: heat-in 0.45s ease forwards; animation-delay: calc(0.18s + var(--d, 0) * 32ms); }}@keyframes rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } }@keyframes fade-down { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: none; } }@keyframes heat-in { to { opacity: 1; } }@media (max-width: 900px) {.nav a::after { display: none; }}@media (max-width: 430px) {.shell { padding-inline: 16px; }.head-in { gap: 12px; }.head-cta { gap: 10px; }.btn.small { padding: 8px 14px; font-size: 13px; }.brand { gap: 8px; }.brand span { font-size: 12.5px; letter-spacing: 0.05em; }}@media (max-width: 335px) {.brand span { display: none; }}@media (max-width: 1020px) {.hero-grid { grid-template-columns: 1fr; gap: 48px; }.hero-grid > .panel { max-width: 480px; }.split, .split.flip { grid-template-columns: 1fr; gap: 40px; }.split.flip > *:first-child { order: 2; }.grid-4 { grid-template-columns: repeat(2, minmax(0,1fr)); }.grid-3 { grid-template-columns: repeat(2, minmax(0,1fr)); }}@media (max-width: 900px) {.head-cols { grid-template-columns: 1fr; align-items: start; }.checklist.cols-2, .checklist.cols-3 { grid-template-columns: 1fr; }.nav {display: none; position: absolute; top: 68px; left: 0; right: 0;flex-direction: column; align-items: flex-start; gap: 4px;background: var(--bg-alt); border-bottom: 1px solid var(--line);padding: 12px 24px 20px;}.nav a { padding: 10px 0; font-size: 16px; width: 100%; }.site-head.open .nav { display: flex; }.nav-btn { display: inline-flex; }.signin { display: none; }}@media (max-width: 640px) {.hero { padding: 56px 0 64px; }.sec { padding: 64px 0; }.grid-4, .grid-3, .grid-2 { grid-template-columns: 1fr; }.cta-row .btn, .cta-row .btn-ghost { width: 100%; }.stack-strip { justify-content: flex-start; }.plan { padding: 26px 22px; }.cta-band { padding: 72px 0; }}