@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap";:root{color:#1e2420;font-synthesis:none;--ink:#1e2420;--muted:#5f665d;--line:#1e24201f;--paper-deep:#ece7dd;--accent:#d8502b;--accent-ink:#b5401f;--band:#232a23;--band-muted:#9aa694;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;background:#f4f0e8;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0}a{color:inherit;text-decoration:none}[id]{scroll-margin-top:20px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.integration-notice{z-index:40;color:#7c2d22;background:#fff8f1;border:1px solid #a93f2d55;border-radius:999px;max-width:calc(100% - 32px);padding:8px 14px;font-size:12px;position:fixed;top:12px;left:50%;transform:translate(-50%)}.site-nav,.hero,.how,.features,footer{width:min(1180px,100% - 48px);margin-inline:auto}.site-nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:22px 0;display:flex}.wordmark{letter-spacing:-.03em;font:400 28px/1 Instrument Serif,serif}.wordmark span{color:var(--accent)}.nav-links{align-items:center;gap:24px;display:flex}.nav-link{font-size:14px;font-weight:600}.nav-link:hover{color:var(--accent-ink)}.nav-cta{border:1px solid var(--ink);border-radius:999px;padding:9px 16px;font-size:13px;font-weight:600;transition:background .18s,color .18s}.nav-cta:hover{background:var(--ink);color:#f4f0e8}.hero{padding:104px 0 88px}.eyebrow{color:var(--accent-ink);letter-spacing:.16em;text-transform:uppercase;margin:0 0 24px;font-size:12px;font-weight:600}.hero-title{letter-spacing:-.045em;max-width:960px;margin:0;font:400 clamp(54px,7.8vw,108px)/.95 Instrument Serif,serif}.hero-aside{max-width:560px;margin:44px 0 0 auto}.hero-copy{color:#383f38;margin:0;font-size:clamp(17px,1.6vw,21px);line-height:1.55}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:30px;display:flex}.primary-action{background:var(--ink);color:#f4f0e8;font:inherit;cursor:pointer;border:none;border-radius:999px;padding:13px 22px;font-size:14px;font-weight:600;transition:background .18s}.primary-action:hover:not(:disabled){background:var(--accent)}.primary-action:disabled{cursor:wait;opacity:.55}.hero-hint{max-width:240px;color:var(--muted);font-size:13px;line-height:1.45}.stage{background:var(--band);color:#f4f0e8;padding:96px max(24px,50vw - 590px) 120px;position:relative}.stage-kicker{justify-content:space-between;align-items:baseline;gap:32px;max-width:1180px;margin:0 auto 40px;display:flex}.stage-kicker>span{color:#cdb9a4;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:600}.stage-kicker p{max-width:460px;color:var(--band-muted);text-align:right;margin:0;font-size:13px;line-height:1.5}.stage-window{max-width:880px;color:var(--ink);background:#faf9f5;border:1px solid #ffffff14;border-radius:16px;margin-inline:auto;overflow:hidden;box-shadow:0 44px 90px #00000059}.window-bar{background:#edece7;border-bottom:1px solid #1e242012;align-items:center;gap:7px;padding:13px 18px;display:flex}.window-bar i{background:#c2c6c0;border-radius:50%;width:9px;height:9px}.window-url{color:var(--muted);font-family:var(--mono);background:#fff;border:1px solid #1e242014;border-radius:999px;margin-left:12px;padding:3px 12px;font-size:11px}.window-body{padding:36px 44px 32px}.window-head{justify-content:space-between;align-items:baseline;display:flex}.window-head strong{letter-spacing:-.01em;font-size:19px;font-weight:600}.window-range{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 11px;font-size:12px}.metric-row{grid-template-columns:repeat(3,1fr);gap:36px;margin:30px 0 42px;display:grid}.metric{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.metric small{color:#7a827c;letter-spacing:.1em;text-transform:uppercase;font-size:11px}.metric strong{letter-spacing:-.02em;font:400 44px/1 Instrument Serif,serif}.metric em{color:#3e7c53;font-size:12px;font-style:normal}.chart{background:repeating-linear-gradient(0deg,#0000 0 44px,#1e24200f 44px 45px);border-bottom:1px solid #d5d1c5;align-items:flex-end;gap:10px;height:180px;display:flex}.chart b{background:#d8d2c2;border-radius:3px 3px 0 0;flex:1;min-width:8px;position:relative}.chart b.is-hot{background:var(--accent)}.chart b.is-hot:after{content:"";background:var(--accent);border:2px solid #faf9f5;border-radius:50%;width:9px;height:9px;position:absolute;top:-16px;left:50%;transform:translate(-50%);box-shadow:0 0 0 3px #d8502b3d}.chart-axis{color:#8b9089;justify-content:space-between;margin-top:10px;font-size:11px;display:flex}.stage-note{z-index:1;width:264px;color:var(--ink);background:#fff;border:1px solid #1e242014;border-radius:12px;padding:14px 16px;position:absolute;box-shadow:0 18px 44px #00000040}.stage-note header{align-items:center;gap:10px;display:flex}.note-avatar{background:var(--accent);color:#fff;letter-spacing:.02em;border-radius:50%;place-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:grid}.stage-note header div{gap:1px;display:grid}.stage-note header strong{font-size:13px;font-weight:600}.stage-note header time{color:var(--muted);font-size:11px}.stage-note>p{margin:10px 0 12px;font-size:13.5px;line-height:1.5}.stage-note footer{color:var(--muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.note-resolve{color:var(--accent-ink);font-weight:600}.note-anchor{background:var(--accent);border:2.5px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;top:36px;box-shadow:0 0 0 4px #d8502b3d}.note-one{top:168px;left:max(20px,50% - 680px)}.note-one .note-anchor{right:-8px}.note-two{bottom:84px;right:max(20px,50% - 680px)}.note-two .note-anchor{left:-8px}.how{padding:124px 0}.section-title{letter-spacing:-.035em;max-width:720px;margin:0;font:400 clamp(38px,5vw,62px)/1.02 Instrument Serif,serif}.how-grid{grid-template-columns:.92fr 1.08fr;align-items:start;gap:72px;margin-top:68px;display:grid}.steps{margin:0;padding:0;list-style:none}.steps li{border-top:1px solid var(--line);grid-template-columns:34px 1fr;gap:18px;padding:26px 0;display:grid}.steps li:first-child{border-top:none;padding-top:6px}.steps span{color:var(--accent-ink);letter-spacing:.08em;padding-top:5px;font-size:11px;font-weight:600}.steps h3{letter-spacing:-.015em;margin:0 0 8px;font:400 23px/1.15 Instrument Serif,serif}.steps p{color:var(--muted);margin:0;font-size:14.5px;line-height:1.6}.code-chip{border:1px solid var(--line);background:var(--paper-deep);font-family:var(--mono);border-radius:7px;margin-top:12px;padding:4px 9px;font-size:12.5px;display:inline-block}.steps .code-chip{display:inline-block}p .code-chip{margin-top:0;padding:1px 6px;font-size:12px}.code-card{background:#1e2420;border-radius:16px;overflow:hidden;box-shadow:0 28px 64px #1e242033}.code-card header{border-bottom:1px solid #ffffff12;align-items:center;gap:7px;padding:13px 18px;display:flex}.code-card header i{background:#3a423a;border-radius:50%;width:9px;height:9px}.code-card header span{color:#8b948c;font-family:var(--mono);margin-left:10px;font-size:11px}.code-card pre{margin:0;padding:22px 24px 26px;overflow-x:auto}.code-card code{color:#ece7dd;font-family:var(--mono);font-size:13px;line-height:1.75}.tok-k{color:#d8b26a}.tok-s{color:#e89a6b}.tok-f{color:#a8c69f}.tok-c{color:#79847a}.react-note{color:var(--muted);margin:18px 2px 0;font-size:13.5px;line-height:1.6}.features{padding:0 0 128px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:44px;margin-top:72px;display:grid}.feature-grid article{border-top:1px solid #1e24202e;padding-top:16px}.feature-grid span{color:var(--accent-ink);letter-spacing:.08em;font-size:11px;font-weight:600}.feature-grid h3{letter-spacing:-.015em;margin:30px 0 10px;font:400 24px/1.15 Instrument Serif,serif}.feature-grid p{color:var(--muted);margin:0;font-size:14.5px;line-height:1.6}footer{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:24px;padding:38px 0;display:flex}.footer-brand p,.footer-meta p{color:var(--muted);margin:8px 0 0;font-size:13px}.footer-meta{justify-items:end;gap:8px;display:grid}.footer-meta p{margin:0}.identity-dock{z-index:30;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border-radius:14px;width:316px;font-size:12px;position:fixed;bottom:16px;left:16px;box-shadow:0 14px 36px #1e242024}.identity-dock-bar{width:100%;font:inherit;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;align-items:baseline;gap:8px;padding:11px 14px;display:flex}.identity-dock-bar strong{font-size:12px}.identity-dock-bar span{color:var(--muted);font-size:11px}.identity-dock-bar:after{content:"";border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);width:7px;height:7px;margin-left:auto;transform:rotate(45deg)translateY(-2px)}.identity-dock-bar[aria-expanded=false]:after{transform:rotate(-45deg)}.identity-dock-body{gap:10px;padding:2px 14px 12px;display:grid}.identity-note{color:var(--muted);margin:0;font-size:10.5px;line-height:1.45}.identity-fields{gap:7px;display:grid}.identity-fields label{color:var(--muted);grid-template-columns:96px 1fr;align-items:center;gap:8px;font-size:11px;display:grid}.identity-fields input{border:1px solid var(--line);min-width:0;font:inherit;background:#fff;border-radius:8px;padding:6px 9px;font-size:12px}.identity-actions{gap:8px;display:flex}.identity-actions button{border:1px solid var(--ink);color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:6px 11px;font-size:11.5px;font-weight:600}.identity-actions button:hover:not(:disabled){background:var(--ink);color:#f4f0e8}.identity-actions button:disabled{cursor:not-allowed;opacity:.45}.identity-dock ul{flex-wrap:wrap;gap:6px;max-height:84px;margin:0;padding:0 14px 12px;list-style:none;display:flex;overflow-y:auto}.identity-dock ul:empty{display:none}.identity-dock li{background:var(--paper-deep);font-family:var(--mono);border-radius:999px;padding:4px 8px;font-size:10.5px;line-height:1.3}.principles{padding:96px 0}.principles h2{letter-spacing:-.035em;max-width:800px;margin:0;font:400 clamp(38px,5vw,62px)/1.02 Instrument Serif,serif}.principles h3{font:400 24px/1.15 Instrument Serif,serif}@media (width<=1359px){.stage{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.stage-kicker,.stage-window{grid-column:1/-1}.stage-kicker{width:100%}.stage-window{width:100%;max-width:880px}.stage-note{width:auto;position:static}.note-anchor{display:none}}@media (width<=900px){.stage{padding:72px 20px}.stage-kicker{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:24px}.stage-kicker p{text-align:left}.how-grid{grid-template-columns:1fr;gap:48px}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.site-nav,.hero,.how,.features,footer{width:calc(100% - 32px)}.stage{grid-template-columns:1fr}.hero{padding:72px 0 64px}.hero-title{font-size:52px}.hero-aside{margin-left:0}.how{padding:88px 0}.metric-row{grid-template-columns:1fr;gap:20px;margin-bottom:32px}.window-body{padding:26px 22px 24px}.chart{height:140px}.feature-grid{grid-template-columns:1fr;gap:36px;margin-top:52px}.features{padding-bottom:88px}footer{flex-direction:column;align-items:flex-start}.footer-meta{justify-items:start}.identity-dock{width:auto;right:16px}.nav-links{gap:16px}}