The hero shows the product's one defining moment: a version timeline and a field-level diff. */
:root{--bg: #f6f8f6;--bg-2: #eceff0;--panel: #ffffff;--fg: #14201c;--fg-2: #5a6964;--rule: #d3dbd7;--accent: #0b6b56;--accent-ink: #ffffff;--accent-soft: #d9ece5;--deep: #0f2a22;--deep-fg: #e8f0ec;--deep-fg-2: #9fb8ad;--deep-rule: #2a4a3f;--deep-panel: #163a2f;--warn: #b0520e;--warn-soft: #fbe8d6;--del-bg: #fbe3df;--del-fg: #8d281f;--add-bg: #d9ece5;--add-fg: #0b6b56;--glow: rgba(11,107,86,.14);--shadow: 0 1px 2px rgba(20,32,28,.06), 0 24px 48px -20px rgba(20,32,28,.28);--font-display: "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;--font-body: "Public Sans", "Segoe UI", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", Menlo, Consolas, monospace;--measure: 60ch;--gl: max(16px, env(safe-area-inset-left, 0px));--gr: max(16px, env(safe-area-inset-right, 0px))}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0e1513;--bg-2: #131c19;--panel: #172220;--fg: #e8eeeb;--fg-2: #96a69f;--rule: #28352f;--accent: #4cc4a3;--accent-ink: #0e1513;--accent-soft: #163229;--deep: #0a1f19;--deep-fg: #e8f0ec;--deep-fg-2: #9fb8ad;--deep-rule: #244238;--deep-panel: #11302a;--warn: #e9a265;--warn-soft: #3a2616;--del-bg: #3d1f1c;--del-fg: #f2a69d;--add-bg: #163229;--add-fg: #7fd9bf;--glow: rgba(76,196,163,.12);--shadow: 0 1px 2px rgba(0,0,0,.5), 0 24px 48px -20px rgba(0,0,0,.7);color-scheme:dark}}:root[data-theme=dark]{--bg: #0e1513;--bg-2: #131c19;--panel: #172220;--fg: #e8eeeb;--fg-2: #96a69f;--rule: #28352f;--accent: #4cc4a3;--accent-ink: #0e1513;--accent-soft: #163229;--deep: #0a1f19;--deep-fg: #e8f0ec;--deep-fg-2: #9fb8ad;--deep-rule: #244238;--deep-panel: #11302a;--warn: #e9a265;--warn-soft: #3a2616;--del-bg: #3d1f1c;--del-fg: #f2a69d;--add-bg: #163229;--add-fg: #7fd9bf;--glow: rgba(76,196,163,.12);--shadow: 0 1px 2px rgba(0,0,0,.5), 0 24px 48px -20px rgba(0,0,0,.7);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.06;margin:0;text-wrap:balance;letter-spacing:-.015em}h1{font-size:clamp(2.5rem,5.6vw,4.4rem);font-weight:700;letter-spacing:-.03em}h1 .soft{color:var(--fg-2);font-weight:500}h2{font-size:clamp(1.8rem,3.2vw,2.6rem);letter-spacing:-.025em}h3{font-size:1.15rem}p{margin:0}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wrap{max-width:1160px;margin-inline:auto;padding-left:var(--gl);padding-right:var(--gr)}.band>.wrap{padding-block:clamp(3.5rem,8vw,6.5rem)}.band.rule{border-top:1px solid var(--rule)}.band.recess{background:var(--bg-2)}.eyebrow{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:500}.head{display:grid;gap:.8rem;margin-bottom:clamp(1.8rem,4vw,3rem)}.head p{color:var(--fg-2);max-width:var(--measure);font-size:1.05rem}.muted{color:var(--fg-2)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font:600 .95rem var(--font-body);padding:.85rem 1.25rem;border-radius:7px;border:1px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s,transform .15s}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{filter:brightness(1.07)}.btn-ghost{background:transparent;color:var(--fg);border-color:var(--rule)}.btn-ghost:hover{background:var(--bg-2)}.btn-sm{padding:.55rem .9rem;font-size:.85rem}.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule)}.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:66px}.brand{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-weight:700;font-size:1.15rem;text-decoration:none;letter-spacing:-.01em}.mark{width:28px;height:28px;border-radius:7px;background:var(--deep);color:#e8f0ec;display:grid;place-items:center}.mark svg{width:16px;height:16px}.nav-links{display:flex;gap:1.6rem;font-size:.9rem;font-weight:500}.nav-links a{text-decoration:none;color:var(--fg-2)}.nav-links a:hover{color:var(--fg)}.nav-right{display:flex;gap:.6rem;align-items:center}@media(max-width:880px){.nav-links{display:none}}.hero{position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 70% at 85% 40%,var(--glow),transparent 70%);pointer-events:none}.hero .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(2rem,5vw,4.5rem);align-items:center;padding-block:clamp(3rem,7vw,6rem)}.hero-copy{display:grid;gap:1.5rem;min-width:0}.lede{font-size:1.15rem;color:var(--fg-2);max-width:52ch}.login{display:grid;gap:.5rem;max-width:32rem}.login label{font-size:.85rem;font-weight:600}.login-row{display:flex;gap:.5rem;flex-wrap:wrap}.login-row input{flex:1 1 14rem;min-width:0;font:1rem var(--font-mono);padding:.8rem .95rem;border:1px solid var(--rule);border-radius:7px;background:var(--panel);color:var(--fg)}.login-row input::placeholder{color:var(--fg-2);opacity:.75}.login small{color:var(--fg-2);font-size:.82rem}.login .note{color:var(--accent);font-weight:500}@media(max-width:920px){.hero .wrap{grid-template-columns:1fr}}.shot{position:relative;min-width:0}.shot:after{content:"";position:absolute;inset:14% -6% -8% 8%;background:var(--accent-soft);border-radius:14px;z-index:-1;opacity:.6}.panel{background:var(--panel);border:1px solid var(--rule);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.chrome{display:flex;align-items:center;gap:.6rem;padding:.6rem .9rem;border-bottom:1px solid var(--rule);background:var(--bg-2);font-family:var(--font-mono);font-size:.72rem;color:var(--fg-2)}.chrome i{width:8px;height:8px;border-radius:50%;background:var(--rule);display:inline-block}.chrome .url{margin-left:.4rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid var(--rule)}.panel-head strong{font-family:var(--font-display);font-weight:600;font-size:1rem}.pill{font:500 .7rem var(--font-mono);letter-spacing:.06em;text-transform:uppercase;padding:.25rem .55rem;border-radius:999px;white-space:nowrap}.pill-warn{background:var(--warn-soft);color:var(--warn)}.pill-ok{background:var(--accent-soft);color:var(--accent)}.panel-body{padding:1rem;display:grid;gap:1rem}.tl{display:grid;gap:.45rem}.tl-lab{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.7rem;color:var(--fg-2)}.tl-track{position:relative;height:34px}.ticks{position:absolute;inset:0;display:flex;align-items:flex-end;gap:0}.ticks i{flex:1 1 0;height:10px;border-left:1px solid var(--rule)}.ticks i.v{height:16px;border-color:var(--fg-2)}.ticks i.n{height:24px;border-color:var(--fg);border-left-width:2px}.mk{position:absolute;bottom:0;transform:translate(-50%);display:grid;justify-items:center;gap:2px;font-family:var(--font-mono);font-size:.68rem;white-space:nowrap}.mk b{width:10px;height:10px;border-radius:50%;border:2px solid var(--panel);box-shadow:0 0 0 1.5px currentColor}.mk.sel{color:var(--accent)}.mk.sel b{background:var(--accent)}.mk.bad{color:var(--warn)}.mk.bad b{background:var(--warn)}.mk span{position:absolute;top:-1.25rem}.rec{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;flex-wrap:wrap}.rec .name{font-weight:600}.rec .meta{font-family:var(--font-mono);font-size:.76rem;color:var(--fg-2)}.diff{border:1px solid var(--rule);border-radius:8px;overflow:hidden;font-family:var(--font-mono);font-size:.8rem}.diff-row{display:grid;grid-template-columns:7rem minmax(0,1fr);border-top:1px solid var(--rule)}.diff-row:first-child{border-top:0;background:var(--bg-2);color:var(--fg-2);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}.diff-row>div{padding:.55rem .7rem;min-width:0;overflow-wrap:anywhere}.diff-row>div:first-child{border-right:1px solid var(--rule);color:var(--fg-2)}.del{background:var(--del-bg);color:var(--del-fg);text-decoration:line-through;padding:0 .15em;border-radius:2px}.add{background:var(--add-bg);color:var(--add-fg);padding:0 .15em;border-radius:2px}.opts{display:flex;flex-wrap:wrap;gap:.4rem .9rem;font-size:.84rem}.opts label{display:inline-flex;gap:.45rem;align-items:center}.opts input{accent-color:var(--accent);margin:0}.panel-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;padding:.8rem 1rem;border-top:1px solid var(--rule);background:var(--bg-2);font-size:.8rem;color:var(--fg-2)}.trust{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:var(--panel)}.trust .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;padding-block:1.3rem}.trust div{display:grid;gap:.1rem;min-width:0}.trust b{font-family:var(--font-display);font-weight:600;font-size:1.05rem}.trust span{font-size:.8rem;color:var(--fg-2)}@media(max-width:760px){.trust .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}}.cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:12px;overflow:hidden}@media(max-width:760px){.cases{grid-template-columns:1fr}}.case{background:var(--panel);padding:1.6rem;display:grid;gap:.8rem;align-content:start}.case .when{font-family:var(--font-mono);font-size:.74rem;color:var(--warn)}.case p{color:var(--fg-2);font-size:.95rem}.case .tool{margin-top:.4rem;display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--accent)}.case .tool:before{content:"→"}.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:clamp(1.5rem,4vw,4rem);align-items:start}@media(max-width:880px){.two{grid-template-columns:1fr}}.sticky{position:sticky;top:calc(82px + env(safe-area-inset-top,0px));display:grid;gap:1rem}.table-wrap{overflow-x:auto;border:1px solid var(--rule);border-radius:12px;background:var(--panel)}.scope{width:100%;border-collapse:collapse;font-size:.92rem;min-width:34rem}.scope th,.scope td{text-align:left;padding:.75rem .9rem;border-top:1px solid var(--rule);vertical-align:top}.scope th{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-2);font-weight:500;border-top:0;background:var(--bg-2)}.scope td:first-child{font-weight:600}.scope .y{color:var(--accent);font-weight:600;white-space:nowrap}.scope .n{color:var(--fg-2)}.scope .note{display:block;color:var(--fg-2);font-size:.8rem;font-weight:400;white-space:normal}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}@media(max-width:760px){.steps{grid-template-columns:1fr}}.step{border-top:2px solid var(--fg);padding-top:1rem;display:grid;gap:.5rem;align-content:start}.step .k{font-family:var(--font-mono);font-size:.76rem;color:var(--fg-2)}.step p{color:var(--fg-2);font-size:.95rem}.ladder{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:12px;overflow:hidden;margin-top:1.4rem}@media(max-width:760px){.ladder{grid-template-columns:repeat(2,minmax(0,1fr))}}.rung{background:var(--panel);padding:1.1rem;display:grid;gap:.3rem;align-content:start}.rung:first-child{background:var(--accent-soft)}.rung .range{font-family:var(--font-mono);font-size:.74rem;color:var(--fg-2)}.rung .cad{font-family:var(--font-display);font-weight:600;font-size:1.2rem}.rung .why{font-size:.85rem;color:var(--fg-2)}.deep{background:var(--deep);color:var(--deep-fg)}.deep .eyebrow{color:#86d8b4}.deep .head p{color:var(--deep-fg-2)}.sec{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:clamp(1.5rem,4vw,4rem);align-items:start}@media(max-width:880px){.sec{grid-template-columns:1fr}}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--deep-rule);border:1px solid var(--deep-rule);border-radius:12px;overflow:hidden}@media(max-width:600px){.facts{grid-template-columns:1fr}}.fact{background:var(--deep-panel);padding:1.3rem;display:grid;gap:.4rem;align-content:start}.fact h3{font-size:1rem}.fact p{font-size:.9rem;color:var(--deep-fg-2)}.fact code{font-family:var(--font-mono);font-size:.85em;background:#ffffff14;padding:.05em .35em;border-radius:3px}.deep .limits{margin-top:1.4rem;border-top:1px solid var(--deep-rule);padding-top:1.4rem;display:grid;gap:.8rem}.deep .limits h3{font-size:1.05rem}.deep .limits ul{margin:0;padding-left:1.1rem;display:grid;gap:.45rem;color:var(--deep-fg-2);font-size:.92rem}.deep .limits li b{color:var(--deep-fg);font-weight:600}.agency{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);align-items:center}@media(max-width:880px){.agency{grid-template-columns:1fr}}.stores{border:1px solid var(--rule);border-radius:12px;overflow:hidden;background:var(--panel);font-size:.88rem;box-shadow:var(--shadow)}.store{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:1rem;align-items:center;padding:.75rem 1rem;border-top:1px solid var(--rule)}.store:first-child{border-top:0;background:var(--bg-2);font:500 .7rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-2)}.store .dom{font-family:var(--font-mono);font-size:.82rem;min-width:0;overflow-wrap:anywhere}.store .gb{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--fg-2)}.dot{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;background:var(--accent);margin-right:.45rem;vertical-align:middle}.dot.warn{background:var(--warn)}.pr-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.6rem}.toggle{display:inline-flex;border:1px solid var(--rule);border-radius:999px;padding:3px;gap:2px;background:var(--panel)}.toggle button{font:600 .82rem var(--font-body);padding:.45rem .95rem;border-radius:999px;border:0;background:transparent;color:var(--fg-2);cursor:pointer}.toggle button[aria-pressed=true]{background:var(--fg);color:var(--bg)}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}@media(max-width:760px){.plans{grid-template-columns:1fr}}.plan{border:1px solid var(--rule);border-radius:12px;padding:1.5rem;background:var(--panel);display:grid;gap:1rem;align-content:start}.plan.rec{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow)}.plan .name{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-display);font-weight:600;font-size:1.15rem}.plan .price{font-family:var(--font-display);font-size:2.4rem;font-weight:700;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}.plan .price small{font:500 .9rem var(--font-body);color:var(--fg-2);letter-spacing:0}.plan .cap{font-size:.84rem;color:var(--fg-2);margin-top:.35rem}.plan ul{margin:0;padding:0;list-style:none;display:grid;gap:.45rem;font-size:.9rem}.plan li{display:flex;gap:.5rem}.plan li:before{content:"–";color:var(--fg-2)}.plan li.extra:before{content:"+";color:var(--accent);font-weight:700}.plan .btn{width:100%}.faq{max-width:48rem}.faq details{border-top:1px solid var(--rule)}.faq details:last-child{border-bottom:1px solid var(--rule)}.faq summary{cursor:pointer;font-family:var(--font-display);font-weight:600;font-size:1.05rem;padding:1rem 0;list-style:none;display:flex;justify-content:space-between;gap:1rem}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--accent);font-weight:500}.faq details[open] summary:after{content:"–"}.faq details p{padding-bottom:1.1rem;color:var(--fg-2);max-width:var(--measure)}.final .wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:2rem;align-items:center}@media(max-width:880px){.final .wrap{grid-template-columns:1fr}}.final .lede{margin-top:.8rem}.footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-block:1.6rem;font-size:.82rem;color:var(--fg-2);border-top:1px solid var(--rule)}.footer nav{display:flex;flex-wrap:wrap;gap:1.2rem}.footer a{text-decoration:none}.footer a:hover{text-decoration:underline}@media(prefers-reduced-motion:no-preference){.shot .panel{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}@keyframes rise{0%{transform:translateY(10px);opacity:.5}to{transform:none;opacity:1}}}