:root{--bg-0: #f5f7fa;--bg-1: #fbfcfd;--surface: #ffffff;--surface-alt: #f2f5f8;--ink-0: #0f1724;--ink-1: #2a3a4f;--ink-2: #5c6d83;--line: #d8e1eb;--critical: #b42318;--safe: #0e7c48;--accent: #0b4f8c;--accent-soft: #deebf8;--radius: 16px;--shadow-1: 0 12px 32px rgba(15, 23, 36, .08)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-width:320px}body{font-family:IBM Plex Sans,Trebuchet MS,Segoe UI,sans-serif;color:var(--ink-0);background:radial-gradient(circle at 14% 10%,rgba(130,170,214,.2) 0%,transparent 34%),radial-gradient(circle at 86% 6%,rgba(129,194,154,.16) 0%,transparent 32%),linear-gradient(180deg,var(--bg-0),var(--bg-1));line-height:1.5}a{color:inherit;text-decoration:none}#app{min-height:100vh}.site-shell{animation:fade-in .5s ease-out}.container{width:min(1040px,100% - 2.2rem);margin-inline:auto}.site-header{position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbfcfdd9;border-bottom:1px solid rgba(216,225,235,.9)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:.9rem 0;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.55rem;font-family:Space Mono,Courier New,monospace;font-size:1.05rem;font-weight:700;letter-spacing:.03em}.brand-logo{width:34px;height:34px;object-fit:cover;border-radius:0;border:0;background:transparent;box-shadow:none}.nav-list{list-style:none;display:flex;align-items:center;gap:.8rem;margin:0;padding:0;color:var(--ink-1);font-size:.9rem}.nav-list a{display:inline-flex;border-radius:999px;padding:.3rem .62rem;transition:background-color .14s ease,color .14s ease}.nav-list a:hover{background:#0b4f8c14;color:var(--accent)}.hero{padding:3.3rem 0 2.1rem;text-align:center}.eyebrow{display:inline-block;margin:0 0 .8rem;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);padding:.22rem .58rem;border-radius:1000px}h1,h2,h3,p{margin-top:0}h1{max-width:none;margin-bottom:.25rem;font-family:Space Mono,Courier New,monospace;font-size:clamp(1.65rem,2.4vw,2.35rem);line-height:1.1}h2{max-width:26ch;font-size:clamp(1.45rem,2.4vw,2.15rem);line-height:1.2;margin-bottom:0}h3{font-size:1.1rem;margin-bottom:.45rem}.hero-copy{max-width:42ch;color:var(--ink-1);font-size:.9rem;margin:0 auto .9rem}.hero-brand-stack{display:grid;justify-items:center;gap:.4rem;padding:.85rem 0;position:relative}.hero-brand-stack:before{content:"";position:absolute;width:min(460px,82vw);height:150px;background:radial-gradient(circle,rgba(11,79,140,.12),transparent 68%);filter:blur(2px);z-index:-1}.github-pill{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:.46rem .95rem;font-family:Space Mono,Courier New,monospace;font-size:.8rem;color:#fff;background:var(--accent);box-shadow:0 8px 20px #0b4f8c3d;transition:transform .13s ease,box-shadow .13s ease}.github-pill:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0b4f8c4d}.hero-logo{width:min(136px,34vw);height:auto;object-fit:contain;border-radius:18px;background:linear-gradient(180deg,#fff,#f7fafc);border:1px solid var(--line);padding:.5rem;box-shadow:var(--shadow-1)}.hero-tagline{margin:0 0 .4rem;color:var(--accent);letter-spacing:.03em;text-transform:uppercase;font-size:.78rem}.cta-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.9rem;justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.7rem;border:1px solid var(--line);padding:.64rem 1.05rem;font-weight:600;transition:transform .14s ease,box-shadow .14s ease,background-color .14s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 8px 20px #0d4a8638}.btn-secondary{background:var(--surface)}.btn-guide{background:#1f628f;color:#fff;border-color:#1f628f;box-shadow:0 8px 20px #1f628f3d}.section{padding:2.7rem 0}.section-heading{margin-bottom:1.25rem}.card{border-radius:var(--radius);background:#ffffffeb;border:1px solid var(--line);box-shadow:0 8px 22px #0f17240f}.animation-video{display:block;width:min(100%,920px);max-height:560px;margin:1.75rem auto 0;border-radius:14px;border:1px solid var(--line);object-fit:contain;box-shadow:var(--shadow-1)}.animation-caption{margin:.45rem 0 0;text-align:center;color:var(--ink-2);font-size:.82rem}.feature-grid{display:grid;gap:.95rem;grid-template-columns:repeat(4,minmax(0,1fr))}.feature h3{margin-bottom:.52rem;color:var(--ink-0)}.feature p{margin:0;color:#2f435b;font-weight:500;line-height:1.45;white-space:normal;overflow-wrap:anywhere;word-break:break-word;background:#0b4f8c0a;border:1px solid rgba(11,79,140,.08);border-radius:10px;padding:.5rem .56rem}.feature p code{font-family:JetBrains Mono,Consolas,monospace;font-size:.83em;white-space:normal;overflow-wrap:anywhere;word-break:break-word;background:#0b4f8c1a;border:1px solid rgba(11,79,140,.18);border-radius:6px;padding:.08rem .28rem;color:#123e66}.integration-list{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem;margin:0;padding:0}.integration-help{margin:.8rem 0 0;display:grid;gap:.7rem}.integration-help[hidden]{display:none}.integration-help h3{margin:0;font-family:Space Mono,Courier New,monospace;color:var(--accent);font-size:.95rem}.integration-pill{display:inline-flex;align-items:center;gap:.48rem;border:1px solid #cfd8e5;border-radius:999px;padding:.42rem .9rem;background:#f4f7fa;color:#2b3e55;font-size:.9rem;line-height:1}.integration-trigger{cursor:pointer;font:inherit}.integration-trigger.is-active{border-color:#5f83a8;background:#e8f0f8;box-shadow:0 6px 14px #0b4f8c1f}.integration-trigger:focus-visible{outline:2px solid #4b6f97;outline-offset:1px}.integration-icon{width:1.1rem;height:1.1rem;border-radius:999px;border:1px solid #c2cad5;background:#fff;display:inline-grid;place-items:center;font-family:Space Mono,Courier New,monospace;font-size:.65rem;color:#577090;font-weight:700}.integration-logo{width:.75rem;height:.75rem;display:block;object-fit:contain}.integration-more{padding:.28rem .5rem;min-width:2rem;justify-content:center;border-style:dashed;border-color:#b8c6d7;background:transparent;color:#6b7f96}.integration-more .integration-icon{width:auto;height:auto;border:0;background:transparent;color:inherit;font-size:1rem;font-weight:700}.step-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:.6rem}.flow-step{min-height:148px}.flow-arrow{align-self:center;justify-self:center;font-family:Space Mono,Courier New,monospace;font-size:1.5rem;color:var(--accent);font-weight:700}.card{padding:.82rem .86rem}.step-index{margin:0 0 .35rem;color:var(--accent);font-family:Space Mono,Courier New,monospace;font-size:.85rem;font-weight:700}.flow-step p:not(.step-index){margin:0;color:#2f435b;font-weight:500;line-height:1.45;background:#0b4f8c0a;border:1px solid rgba(11,79,140,.08);border-radius:10px;padding:.5rem .56rem}.comparison-showcase{border-radius:var(--radius);border:1px solid var(--line);background:radial-gradient(circle at 18% 8%,rgba(13,74,134,.08),transparent 35%),radial-gradient(circle at 82% 2%,rgba(15,122,71,.08),transparent 30%),var(--surface-alt);padding:.95rem;display:grid;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-table-wrap{margin-top:.8rem;padding:.78rem;overflow-x:auto;border:1px solid rgba(11,79,140,.14);background:linear-gradient(180deg,#fffffff5,#f6faffe6)}.comparison-table{width:100%;min-width:760px;border-collapse:collapse;font-size:.88rem;background:#fff;border-radius:12px;overflow:hidden}.comparison-table th,.comparison-table td{border:1px solid var(--line);padding:.62rem .68rem;text-align:left;vertical-align:top}.comparison-table thead th{background:#eef3f9;font-family:Space Mono,Courier New,monospace;font-size:.79rem;letter-spacing:.02em;text-transform:uppercase;color:#30455f}.comparison-table thead th:nth-child(2){background:linear-gradient(180deg,#0f7a4733,#0f7a4721);color:#0a6037}.comparison-table tbody th{width:24%;background:#f6f9fc;font-weight:600;color:#2b3f57}.comparison-table tbody td:nth-child(2){background:#0f7a471a;color:#124f33;font-weight:600}.comparison-table tbody tr:nth-child(2n) td:not(:nth-child(2)),.comparison-table tbody tr:nth-child(2n) th{background:#f9fbfd}.comparison-table tbody tr:hover td:not(:nth-child(2)),.comparison-table tbody tr:hover th{background:#eef4fb}.comparison-note{margin:.55rem 0 0;color:var(--ink-2);font-size:.8rem}.comparison-card{min-height:240px;border-radius:calc(var(--radius) - 2px);padding:1rem;color:var(--ink-0);display:grid;grid-template-rows:auto 1fr auto auto;gap:.7rem;justify-items:center;text-align:center;background:linear-gradient(180deg,#fff,#f7fbff)}.comparison-card h3{margin:0;font-size:1.25rem;font-weight:700;font-family:Space Mono,Courier New,monospace}.comparison-icon{width:78px;height:78px;border:1px solid #9bb7d3;border-radius:14px;display:grid;place-items:center;font-size:1.9rem;color:var(--accent);background:#0d4a860f}.comparison-icon.shield{border-color:#0f7a4759;color:var(--safe);background:#0f7a4717}.comparison-tag{margin:0;color:var(--ink-1);font-size:.95rem;font-weight:600;letter-spacing:.01em}.comparison-link{margin:0;color:var(--ink-2);font-size:.84rem;word-break:break-word}.comparison-link a{color:inherit;text-decoration:underline;text-underline-offset:.12em}.comparison-card.spotlight{border-color:#0f7a475c;background:linear-gradient(180deg,#f9fffc,#eff9f3);box-shadow:inset 0 0 0 1px #0f7a472e,var(--shadow-1)}.comparison-card.spotlight h3{color:var(--safe)}.ia pre,.quickstart-block pre,.integration-help pre,.guide-step pre,.command-card pre{margin:0;overflow-x:auto;padding:1rem;color:#f2f7ff;background:#0d1b2c;font-family:JetBrains Mono,Consolas,monospace;font-size:.88rem;border-radius:.8rem}.quickstart-grid{display:grid;gap:.95rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.quickstart-actions{margin-top:.85rem;display:flex;flex-wrap:wrap;gap:.7rem}.quickstart-block{display:grid;gap:.7rem;padding:.86rem;border:1px solid rgba(11,79,140,.2);background:radial-gradient(circle at 88% 8%,rgba(11,79,140,.08),transparent 32%),var(--surface)}.quickstart-block h3{margin:0;font-family:Space Mono,Courier New,monospace;color:var(--accent)}.docs-grid{display:grid;gap:.95rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.doc-card{display:grid;gap:.7rem;align-content:start}.doc-card p{margin:0;color:var(--ink-1)}.doc-link{width:fit-content}.guide-intro{margin:0 0 .9rem}.guide-top-nav{display:grid;gap:.55rem;grid-template-columns:1fr;padding:.7rem}.guide-top-link{border:1px solid rgba(11,79,140,.18);background:#0b4f8c0f;border-radius:10px;padding:.58rem .72rem;font-weight:600;color:var(--accent)}.guide-section{margin-top:1rem}.guide-section h3{margin-bottom:.65rem;font-family:Space Mono,Courier New,monospace}.guide-steps{display:grid;gap:.95rem;grid-template-columns:1fr}.guide-step{display:grid;gap:.55rem;align-content:start}.guide-step h4{margin:0;font-size:1.02rem}.guide-step p{margin:0;color:var(--ink-1)}.guide-note{font-size:.9rem;color:var(--ink-2)}.command-stack{display:grid;gap:.7rem}.command-card{padding:.68rem .72rem;border:1px solid rgba(11,79,140,.18);background:linear-gradient(180deg,#fafdfff2,#f2f8fff2)}.command-card h5{margin:0 0 .46rem;font-size:.88rem;letter-spacing:.02em;text-transform:uppercase;color:#375574;font-family:Space Mono,Courier New,monospace}.guide-shot{width:100%;border:1px solid var(--line);border-radius:12px;background:#f8fbff;display:block}.guide-shot-compact{width:min(100%,520px);margin-inline:auto}.guide-shot-small{width:min(100%,360px);margin-inline:auto}.guide-shot-medium{width:min(100%,560px);margin-inline:auto}.guide-shot-wide{width:min(100%,860px);margin-inline:auto}.guide-shot-phone{width:min(100%,320px);margin-inline:auto}.guide-shot-grid{display:grid;gap:.6rem;grid-template-columns:repeat(3,minmax(0,1fr))}.guide-shot-grid-two{display:grid;gap:.6rem;grid-template-columns:repeat(2,minmax(0,1fr))}.guide-shot-note{font-size:.82rem;color:var(--ink-2)}.guide-text-block{overflow-x:visible}.guide-text-block code{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.blog-callout{display:grid;gap:1rem;grid-template-columns:1fr auto;align-items:end}.muted{color:var(--ink-2);margin-bottom:0}.site-footer{border-top:1px solid var(--line);background:#ffffffa8;margin-top:2rem}.footer-grid{padding:1.2rem 0;display:grid;gap:1rem;grid-template-columns:1fr auto;align-items:start}.footer-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem;color:var(--ink-1)}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.nav-list{flex-wrap:wrap;justify-content:flex-end;font-size:.86rem;row-gap:.4rem}.step-grid,.quickstart-grid,.docs-grid,.guide-top-nav,.guide-steps,.guide-shot-grid,.guide-shot-grid-two,.blog-callout,.footer-grid{grid-template-columns:1fr}.feature-grid,.comparison-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}.step-flow{grid-template-columns:1fr;gap:.65rem}.flow-arrow{transform:rotate(90deg);font-size:1.15rem}}@media(max-width:640px){.container{width:min(1120px,100% - 1.2rem)}.hero{padding-top:3rem}.feature-grid{grid-template-columns:1fr}.nav-wrap{align-items:start;flex-direction:column}.comparison-showcase{grid-template-columns:1fr}.comparison-table-wrap{padding:.46rem}.comparison-table{font-size:.84rem;min-width:680px}}