@property --angle{syntax: ""; inherits: false; initial-value: 0deg;}:root{--bg: oklch(5% .025 270);--bg-card: oklch(9% .025 270);--bg-code: oklch(7% .025 270);--border: oklch(15% .03 270);--text: oklch(88% .02 270);--text-muted: oklch(58% .03 270);--accent: oklch(55% .22 280);--accent-bright: oklch(73% .16 280);--accent-glow: oklch(55% .22 280 / .15);--teal: oklch(72% .18 185);--pink: oklch(68% .22 340);--font-mono: "SF Mono", "Fira Code", "JetBrains Mono", monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--max-width: 1120px;--nav-h: 60px;--radius: 14px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:var(--accent-bright);text-decoration:none}a:hover{text-decoration:underline}.scroll-bar{position:fixed;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--accent),var(--teal));transform-origin:left;transform:scaleX(0);z-index:1000;animation:scroll-progress linear;animation-timeline:scroll(root)}@keyframes scroll-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:100;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);background:#000003bf;border-bottom:1px solid oklch(15% .03 270 / .6)}.nav-inner{max-width:var(--max-width);margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--text);letter-spacing:-.01em}.nav-logo:hover{text-decoration:none}.nav-logo svg{color:var(--accent-bright)}.nav-links{display:flex;align-items:center;gap:6px}.nav-link{font-size:14px;color:var(--text-muted);padding:6px 12px;border-radius:8px;transition:color .2s,background .2s}.nav-link:hover{color:var(--text);background:#070a1880;text-decoration:none}.nav-cta{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:var(--text-muted);border:1px solid var(--border);border-radius:8px;padding:6px 14px;margin-left:8px;transition:color .2s,border-color .2s}.nav-cta:hover{color:var(--text);border-color:var(--text-muted);text-decoration:none}.hero{position:relative;padding-top:calc(var(--nav-h) + 80px);padding-bottom:80px;min-height:100svh;display:flex;flex-direction:column;align-items:center;overflow:hidden}.aurora{position:absolute;inset:0;pointer-events:none;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55}.orb-1{width:600px;height:600px;top:-200px;left:-100px;background:radial-gradient(circle,oklch(55% .22 280 / .7),transparent 70%);animation:drift1 14s ease-in-out infinite alternate}.orb-2{width:500px;height:500px;top:-100px;right:-80px;background:radial-gradient(circle,oklch(72% .18 185 / .5),transparent 70%);animation:drift2 18s ease-in-out infinite alternate}.orb-3{width:400px;height:400px;bottom:0;left:35%;background:radial-gradient(circle,oklch(68% .22 340 / .35),transparent 70%);animation:drift3 22s ease-in-out infinite alternate}@keyframes drift1{0%{transform:translate(0) scale(1)}to{transform:translate(60px,40px) scale(1.1)}}@keyframes drift2{0%{transform:translate(0) scale(1.05)}to{transform:translate(-50px,60px) scale(.95)}}@keyframes drift3{0%{transform:translate(0) scale(.9)}to{transform:translate(40px,-30px) scale(1.1)}}.dots{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(oklch(55% .04 270 / .5) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black 20%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black 20%,transparent 80%)}.grain{position:absolute;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px}.hero-body{position:relative;z-index:1;max-width:var(--max-width);width:100%;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;flex:1}.hero-text{display:flex;flex-direction:column;align-items:flex-start}.pill{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-family:var(--font-mono);color:var(--accent-bright);background:#6054ec1a;border:1px solid oklch(55% .22 280 / .3);border-radius:100px;padding:6px 14px;margin-bottom:28px}.pill-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 6px var(--teal);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-h1{font-size:clamp(2.4rem,5vw,3.6rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:20px}.shimmer-text{background:linear-gradient(90deg,var(--accent-bright) 0%,var(--teal) 30%,var(--accent-bright) 60%,var(--pink) 80%,var(--accent-bright) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s linear infinite}@keyframes shimmer{0%{background-position:0% center}to{background-position:200% center}}.hero-p{font-size:1.1rem;color:var(--text-muted);line-height:1.7;max-width:480px;margin-bottom:36px}.hero-p strong{color:var(--text);font-weight:500}.hero-ctas{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.install-btn{display:inline-flex;align-items:center;gap:9px;background:#010208;border:1px solid oklch(55% .22 280 / .4);border-radius:10px;color:var(--text);font-size:13px;padding:10px 16px;cursor:pointer;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.install-btn:hover{border-color:var(--accent-bright);box-shadow:0 0 20px #6054ec33}.install-btn code{font-family:var(--font-mono);font-size:13px}.install-icon{opacity:.6;flex-shrink:0}.install-copied{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#010208;color:var(--teal);font-size:13px;font-family:var(--font-mono);font-weight:600;opacity:0;pointer-events:none;transition:opacity .2s}.install-btn.copied .install-copied{opacity:1}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--accent),oklch(65% .22 280));color:#fff;font-size:14px;font-weight:600;padding:10px 20px;border-radius:10px;transition:opacity .2s,box-shadow .2s}.btn-primary:hover{opacity:.9;text-decoration:none;box-shadow:0 0 24px #6054ec66}.btn-ghost{font-size:14px;font-weight:500;color:var(--text-muted);padding:10px 16px;border-radius:10px;transition:color .2s}.btn-ghost:hover{color:var(--text);text-decoration:none}.hero-diagram{display:flex;justify-content:center}.diagram-card{width:100%;background:#000105e6;border:1px solid oklch(55% .22 280 / .2);border-radius:var(--radius);overflow:hidden;box-shadow:0 0 0 1px #6054ec1a,0 20px 60px #00000080}.diagram-topbar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid oklch(15% .03 270);background:#010208}.tb-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.tb-red{background:#ff5f57}.tb-yellow{background:#febc2e}.tb-green{background:#28c840}.tb-title{font-size:12px;font-family:var(--font-mono);color:var(--text-muted);margin-left:6px}.diagram-canvas-wrap{height:320px;position:relative;background:var(--bg)}.bpmn-neon-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg);z-index:10;transition:opacity .4s ease;pointer-events:none}.neon-loader-svg{width:100%;max-width:300px;height:auto;overflow:visible}.neon-loader-start,.neon-loader-shape,.neon-loader-gw{fill:#000005cc;stroke:oklch(65% .28 280);stroke-width:1.5;animation:neon-shape-pulse 1.6s ease-in-out infinite}.neon-loader-end{fill:#000005cc;stroke:oklch(72% .18 185);stroke-width:3;animation:neon-end-pulse 1.6s ease-in-out infinite}.neon-loader-edge{stroke:oklch(72% .18 185);stroke-width:1.5;stroke-dasharray:5 4;animation:neon-flow .7s linear infinite}.neon-loader-arrow{fill:oklch(72% .18 185)}@keyframes neon-shape-pulse{0%,to{opacity:.3;filter:drop-shadow(0 0 2px oklch(65% .28 280 / .4))}50%{opacity:.85;filter:drop-shadow(0 0 7px oklch(65% .28 280 / .75))}}@keyframes neon-end-pulse{0%,to{opacity:.3;filter:drop-shadow(0 0 2px oklch(72% .18 185 / .4))}50%{opacity:.85;filter:drop-shadow(0 0 7px oklch(72% .18 185 / .75))}}@keyframes neon-flow{0%{stroke-dashoffset:9}to{stroke-dashoffset:0}}.scroll-hint{position:absolute;bottom:28px;left:50%;transform:translate(-50%);z-index:1}.scroll-hint-dot{width:4px;height:30px;border-radius:2px;background:linear-gradient(to bottom,oklch(55% .22 280 / .7),transparent);animation:scroll-hint-anim 1.6s ease-in-out infinite}@keyframes scroll-hint-anim{0%,to{opacity:.6;transform:scaleY(1)}50%{opacity:1;transform:scaleY(.7)}}.section-wrap{max-width:var(--max-width);margin:0 auto;padding:0 24px}.section-eyebrow{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-bright);margin-bottom:12px;text-align:center}.section-h2{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;text-align:center;margin-bottom:48px}.section-sub{text-align:center;color:var(--text-muted);font-size:1.05rem;max-width:560px;margin:-32px auto 40px}.features{padding:100px 0}.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;position:relative}.bento:before{content:"";position:absolute;inset:-2px;border-radius:calc(var(--radius) + 2px);background:radial-gradient(600px circle at var(--mx, 50%) var(--my, 50%),oklch(55% .22 280 / .06),transparent 40%);pointer-events:none;z-index:0;opacity:0;transition:opacity .3s}.bento:hover:before{opacity:1}.bcard{position:relative;z-index:1;grid-column:span 4;aspect-ratio:1;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;gap:12px;overflow:hidden;transition:border-color .25s,box-shadow .25s;opacity:0;transform:translateY(20px);animation:card-enter .5s ease forwards;animation-timeline:view();animation-range:entry 0% entry 35%}@keyframes card-enter{to{opacity:1;transform:translateY(0)}}.bcard:hover{border-color:#6054ec80;box-shadow:0 0 0 1px #6054ec1f,0 8px 30px #0000004d}.bcard:after{content:"";position:absolute;inset:-1px;border-radius:calc(var(--radius) + 1px);padding:1px;background:conic-gradient(from var(--angle),var(--accent),var(--teal),var(--pink),var(--accent));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s;pointer-events:none;animation:spin-angle 4s linear infinite}.bcard:hover:after{opacity:1}@keyframes spin-angle{to{--angle: 360deg}}.bcard-lg,.bcard-tall,.bcard-wide{grid-column:span 4}.bcard-icon{width:44px;height:44px;border-radius:12px;background:#6054ec1f;border:1px solid oklch(55% .22 280 / .25);display:flex;align-items:center;justify-content:center;color:var(--accent-bright);flex-shrink:0}.bcard-icon--teal{background:oklch(72% .18 185 / .1);border-color:oklch(72% .18 185 / .25);color:var(--teal)}.bcard-icon--pink{background:#eb53c21a;border-color:#eb53c240;color:var(--pink)}.bcard h3{font-size:1.05rem;font-weight:700;letter-spacing:-.02em}.bcard p{color:var(--text-muted);font-size:.9rem;line-height:1.65}.bcard-body{flex:1}.bcard-chip{font-family:var(--font-mono);font-size:12px;line-height:1.7;color:var(--text-muted);background:var(--bg-code);border:1px solid var(--border);border-radius:8px;padding:12px 16px;margin-top:4px}.bcard-chip .kw{color:#c792ea}.bcard-chip .fn{color:var(--accent-bright)}.deps-ring{display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px 0}.deps-center{font-size:3rem;font-weight:900;line-height:1;background:linear-gradient(135deg,var(--teal),var(--accent-bright));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.deps-label{font-size:11px;color:var(--text-muted);letter-spacing:.05em}.roundtrip-flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}.rt-step{background:#6054ec1a;border:1px solid oklch(55% .22 280 / .25);border-radius:6px;padding:4px 12px;font-size:12px;font-family:var(--font-mono);color:var(--accent-bright)}.compare-section{padding:100px 0;background:#010104}.compare-slider{position:relative;max-width:560px;margin:0 auto;cursor:col-resize;user-select:none;touch-action:pan-y}.compare-panels{display:grid;grid-template-columns:1fr;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.cmp-panel{background:var(--bg-card);overflow:hidden}.cmp-left,.cmp-right{grid-column:1;grid-row:1;min-width:0}.cmp-left{clip-path:inset(0 calc(100% - var(--split, 50%)) 0 0)}.cmp-right{clip-path:inset(0 0 0 var(--split, 50%))}.cmp-bad{border-color:#f843314d}.cmp-good{border-color:#4cc1574d}.cmp-header{display:flex;align-items:center;gap:6px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--bg)}.cmp-label{font-size:12px;font-weight:600;margin-left:8px}.cmp-label-bad{color:#f84331}.cmp-label-good{color:#4cc157}.cmp-code{margin:0;padding:16px 20px;font-family:var(--font-mono);font-size:14.5px;line-height:1.7;color:var(--text-muted);overflow:auto;background:var(--bg-code)}.cmp-code .kw{color:#c792ea}.cmp-code .str{color:#c3e88d}.cmp-code .comment{color:#546e7a}.cmp-code .xml-tag{color:oklch(73% .16 280)}.cmp-code .xml-attr{color:oklch(75% .14 185)}.cmp-code .fn{color:var(--accent-bright)}.cmp-divider{position:absolute;top:0;bottom:0;left:var(--split, 50%);transform:translate(-50%);width:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;z-index:10}.cmp-divider-line{position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translate(-50%);background:#6054ece6;box-shadow:0 0 10px #6054ec66}.cmp-divider-knob{position:relative;width:36px;height:36px;border-radius:50%;background:#6054ec;border:2px solid oklch(85% .08 280);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 16px #00000080}.examples{padding:100px 0}.code-topbar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--border);background:#010208;flex-shrink:0}.anim-progress{display:flex;gap:6px;margin-bottom:16px}.anim-bar{flex:1;height:19px;position:relative;cursor:pointer}.anim-bar:before{content:"";position:absolute;inset:8px 0;background:#6054ec26;border-radius:2px;transition:background .2s}.anim-bar--active:before{background:#6054ec59}.anim-bar-fill{position:absolute;top:8px;bottom:8px;left:0;width:0%;background:linear-gradient(90deg,var(--accent),var(--teal));border-radius:2px}.anim-demo{display:grid;grid-template-columns:1fr 1fr;gap:20px;min-height:480px}.anim-code-panel{background:var(--bg-code);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 0 1px #6054ec14,0 20px 60px #0006}.anim-code-body{padding:24px;font-family:var(--font-mono);font-size:13px;line-height:1.75;flex:1;overflow:hidden}.anim-line{color:var(--text-muted);white-space:pre;opacity:1;transform:translate(0);transition:opacity .18s ease,transform .18s ease}.anim-line-entering{opacity:0;transform:translate(-14px)}.anim-code-body .kw{color:#c792ea}.anim-code-body .str{color:#c3e88d}.anim-code-body .fn{color:var(--accent-bright)}.anim-cursor{display:inline-block;width:2px;height:1em;background:var(--teal);border-radius:1px;margin-left:2px;vertical-align:text-bottom;animation:anim-cursor-blink 1s step-end infinite;box-shadow:0 0 8px var(--teal)}@keyframes anim-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.anim-diagram-panel{background:#000105e6;border:1px solid oklch(55% .22 280 / .18);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 0 1px #6054ec14,0 0 40px #6054ec14,0 20px 60px #0006}.anim-diagram-inner{flex:1;position:relative;min-height:380px}.anim-live-badge{display:inline-flex;align-items:center;gap:5px;margin-left:auto;font-size:10px;font-weight:700;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}.anim-live-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 6px var(--teal);animation:pulse-dot 2s ease-in-out infinite}.start-section{padding:100px 0}.steps-grid{display:grid;grid-template-columns:repeat(2,380px);grid-auto-rows:380px;gap:20px;width:fit-content;margin:0 auto}.step:last-child{grid-column:1 / -1;width:380px;justify-self:center}.step{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;gap:16px;transition:border-color .2s;overflow:hidden}.step:hover{border-color:#6054ec80}.step-num{font-size:11px;font-weight:700;font-family:var(--font-mono);letter-spacing:.1em;color:var(--accent-bright);background:#6054ec1a;border:1px solid oklch(55% .22 280 / .25);border-radius:6px;padding:4px 10px;width:fit-content;animation:step-num-pulse 3s ease-in-out infinite;transition:background .3s,border-color .3s,box-shadow .3s}.step:nth-child(1) .step-num{animation-delay:0s}.step:nth-child(2) .step-num{animation-delay:-2s}.step:nth-child(3) .step-num{animation-delay:-1s}@keyframes step-num-pulse{0%,30%,to{background:#6054ec1a;border-color:#6054ec40;box-shadow:none}8%,22%{background:#6054ec47;border-color:#6054ecb3;box-shadow:0 0 14px #6054ec73}}.step h3{font-size:1rem;font-weight:700;letter-spacing:-.02em}.step pre{margin:0;font-family:var(--font-mono);font-size:12.5px;line-height:1.7;overflow-x:auto;overflow-y:auto;background:var(--bg-code);border:1px solid var(--border);border-radius:8px;padding:12px 16px;flex:1}.step .kw{color:#c792ea}.step .str{color:#c3e88d}.step .fn{color:var(--accent-bright)}.step .comment{color:#546e7a}.api-code-body .kw{color:#c792ea}.api-code-body .str{color:#c3e88d}.api-code-body .fn{color:var(--accent-bright)}.api-code-body .comment{color:#546e7a}.pkg-tabs{display:flex;gap:4px}.pkg-tab{background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-family:var(--font-mono);font-size:11px;padding:4px 10px;cursor:pointer;transition:all .2s}.pkg-tab:hover{color:var(--text);border-color:var(--text-muted)}.pkg-tab.active{color:var(--accent-bright);border-color:var(--accent-bright);background:#6054ec14}.pkg-cmd{display:none}.pkg-cmd.active{display:block}.copy-wrapper{position:relative}.copy-btn{position:absolute;top:8px;right:8px;background:#010208e6;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-family:var(--font-mono);font-size:11px;padding:4px 10px;cursor:pointer;opacity:0;transition:all .2s;z-index:2}.copy-wrapper:hover .copy-btn{opacity:1}.copy-btn:hover{color:var(--text);background:#070a18}.copy-btn.copied{color:var(--teal);border-color:var(--teal)}.api-section{padding:120px 0;border-top:1px solid var(--border)}.api-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-top:56px}.api-code-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.api-code-body{padding:20px 24px;overflow-x:auto}.api-code-body pre{margin:0;font-size:12.5px;line-height:1.65}.api-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}.api-stat{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px 20px}.api-stat-num{font-size:28px;font-weight:700;color:var(--accent-bright);line-height:1;margin-bottom:4px}.api-stat-label{font-size:12px;color:var(--text-muted)}.api-chips{display:flex;flex-wrap:wrap;gap:8px}.api-chip{font-size:12px;padding:5px 12px;border-radius:100px;border:1px solid var(--border);color:var(--text-muted);background:var(--surface)}.cli-section{padding:120px 0;border-top:1px solid var(--border)}.cli-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-top:56px}.cli-terminal-wrap{position:relative;padding-bottom:24px}#cli-terminal{background:#000103;border:1px solid var(--border);border-radius:12px;overflow:hidden;font-family:var(--font-mono);font-size:13px;line-height:1}.cli-topbar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#010208;border-bottom:1px solid var(--border)}.cli-topbar-title{flex:1;text-align:center;font-size:11px;color:#434753}.cli-content{padding:12px 0;min-height:300px;transition:opacity .2s}.cli-content.cli-fading{opacity:0}.tl{line-height:1.55;padding:0 16px;white-space:pre;min-height:1.55em}.tl.ti{background:#0f152880}.tl.cli-row-pressed{background:#32326da6}.tb{color:var(--text);font-weight:600}.td{color:#515561}.tc{color:var(--accent-bright)}.tp{color:#28bc5e}.tcur{display:inline-block;width:.55em;background:var(--text);animation:tcur-blink 1s step-end infinite}@keyframes tcur-blink{0%,to{opacity:1}50%{opacity:0}}#cli-key-badge{position:absolute;bottom:4px;left:50%;transform:translate(-50%);background:#6054ec;color:#fff;font-family:var(--font-mono);font-size:11px;padding:4px 14px;border-radius:100px;opacity:0;transition:opacity .25s;pointer-events:none;white-space:nowrap}#cli-key-badge.cli-key-visible{opacity:1}.cli-features{display:flex;flex-direction:column;gap:16px}.cli-feature{display:flex;gap:14px;align-items:flex-start}.cli-feature-icon{flex-shrink:0;width:32px;height:32px;border-radius:8px;background:#6054ec1f;border:1px solid oklch(55% .22 280 / .25);display:flex;align-items:center;justify-content:center;color:var(--accent-bright);margin-top:2px}.cli-feature h4{font-size:14px;font-weight:600;color:var(--text);margin-bottom:2px}.cli-feature p{font-size:13px;color:var(--text-muted);line-height:1.5;margin:0}.footer{padding:48px 0;border-top:1px solid var(--border)}.footer-inner{max-width:var(--max-width);margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.footer-left{display:flex;align-items:center;gap:14px;color:var(--text-muted);font-size:14px}.footer-dot{color:var(--border)}.footer-license{color:var(--text-muted);font-size:13px}.footer-links{display:flex;gap:20px}.footer-link{font-size:13px;color:var(--text-muted)}.footer-link:hover{color:var(--text);text-decoration:none}.bpmn-props-readonly{pointer-events:none;opacity:.65}@media(max-width:900px){.hero-body{grid-template-columns:1fr;text-align:center;gap:32px;padding:0 16px}.hero-text{align-items:center}.hero-p{margin-left:auto;margin-right:auto}.hero-ctas{justify-content:center}.hero-diagram{width:100%;max-width:480px;margin:0 auto}.diagram-canvas-wrap{height:220px}.bcard,.bcard-lg,.bcard-tall,.bcard-wide{grid-column:span 12;aspect-ratio:unset}.anim-demo{grid-template-columns:1fr;min-height:auto}.anim-code-body{max-height:240px;overflow-x:auto;overflow-y:auto}.anim-line{white-space:pre-wrap;word-break:break-word}.anim-diagram-inner{min-height:260px}.steps-grid{grid-template-columns:1fr;grid-auto-rows:auto;width:auto;max-width:480px}.step{overflow:visible}.step:last-child{grid-column:auto;width:auto;justify-self:auto}.footer-inner{flex-direction:column;gap:20px;text-align:center}.api-layout,.cli-layout{grid-template-columns:1fr;gap:40px}.api-stats{grid-template-columns:repeat(4,1fr)}}@media(max-width:600px){.nav-link{display:none}.section-h2{margin-bottom:32px}.features,.compare-section,.examples,.start-section,.api-section,.cli-section{padding:72px 0}.step{aspect-ratio:unset}.api-stats{grid-template-columns:1fr 1fr}}@supports not (animation-timeline: view()){.scroll-bar{display:none}.bcard{opacity:1;transform:none;animation:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.shimmer-text{background-image:none;-webkit-text-fill-color:var(--accent-bright);color:var(--accent-bright)}.bcard{opacity:1;transform:none}}