:root{--bg-0: #eff3f7;--bg-1: #f7f9fc;--surface: #ffffff;--surface-alt: #eef2f7;--ink-0: #121c2a;--ink-1: #2f3f57;--ink-2: #5f6e84;--line: #cfdae8;--critical: #b42318;--safe: #0f7a47;--accent: #0d4a86;--accent-soft: #d4e6f7;--radius: 14px;--shadow-1: 0 10px 30px rgba(20, 38, 63, .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 18% 15%,#dbe9f8 0%,transparent 36%),radial-gradient(circle at 83% 8%,#d3eadf 0%,transparent 34%),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(1120px,100% - 2.5rem);margin-inline:auto}.site-header{position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f7f9fce6;border-bottom:1px solid var(--line)}.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.1rem;font-weight:700;letter-spacing:.03em}.brand-logo{width:36px;height:36px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.nav-list{list-style:none;display:flex;align-items:center;gap:1rem;margin:0;padding:0;color:var(--ink-1);font-size:.95rem}.hero{padding:3.2rem 0 2.2rem;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:.35rem;font-family:Space Mono,Courier New,monospace;font-size:clamp(1.45rem,2.2vw,2.1rem);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:.25rem}.github-pill{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:.28rem .7rem;font-family:Space Mono,Courier New,monospace;font-size:.77rem;color:var(--accent);background:#ffffffd9;box-shadow:0 4px 12px #14263f14}.github-pill:hover{background:#fff}.hero-logo{width:min(145px,36vw);height:auto;object-fit:contain}.hero-tagline{margin:0 0 .2rem;color:var(--accent);letter-spacing:.03em;text-transform:uppercase;font-size:.8rem}.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)}.section{padding:3.2rem 0}.section-heading{margin-bottom:1.25rem}.card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-1)}.animation-video{display:block;width:min(100%,720px);max-height:420px;margin:1.75rem auto 0;border-radius:10px;border:0;object-fit:contain}.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(2,minmax(0,1fr))}.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 #c3ccd8;border-radius:999px;padding:.4rem .9rem;background:#eef2f6;color:#334862;font-size:.95rem;line-height:1;text-transform:lowercase}.integration-trigger{cursor:pointer;font:inherit}.integration-trigger.is-active{border-color:#4b6f97;background:#dfe8f2}.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}.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:.7rem}.flow-step{min-height:170px}.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:1rem}.step-index{margin:0 0 .35rem;color:var(--accent);font-family:Space Mono,Courier New,monospace;font-size:.85rem;font-weight:700}.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-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{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-block{display:grid;gap:.7rem;padding:1rem;border:1px solid rgba(13,74,134,.26);background:radial-gradient(circle at 88% 8%,rgba(13,74,134,.08),transparent 32%),var(--surface)}.quickstart-block h3{margin:0;font-family:Space Mono,Courier New,monospace;color:var(--accent)}.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,.feature-grid,.quickstart-grid,.blog-callout,.footer-grid{grid-template-columns:1fr}.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:3.5rem}.nav-wrap{align-items:start;flex-direction:column}.comparison-showcase{grid-template-columns:1fr}}