.page-wrapper{min-height:100vh;display:flex;flex-direction:column}.navbar{position:fixed;top:16px;left:50%;transform:translateX(-50%);width:95%;max-width:1200px;z-index:100;padding:12px 24px}.nav-container{justify-content:space-between;padding:0}.brand,.nav-container{display:flex;align-items:center}.brand{gap:8px;font-weight:700;font-size:20px;letter-spacing:-.02em}.brand-icon{color:var(--accent-primary);width:24px;height:24px}.nav-links{display:flex;gap:32px}.nav-links a{font-size:14px;font-weight:500;color:var(--text-secondary);transition:color .2s}.nav-links a:hover{color:var(--text-primary)}.nav-actions{display:flex;gap:12px;align-items:center}.btn-sm{padding:8px 16px;font-size:14px}.hero{position:relative;padding:160px 0 100px;min-height:100vh;display:flex;align-items:center;overflow:hidden}.hero-bg-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:600px;background:radial-gradient(circle,var(--accent-glow) 0,transparent 60%);pointer-events:none;z-index:-1}.hero-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:64px;gap:64px;align-items:center}.hero-content{display:flex;flex-direction:column;gap:24px;align-items:flex-start}.badge{display:inline-flex;align-items:center;gap:8px;background:hsla(0,0%,100%,.05);border:1px solid var(--border-color);padding:6px 16px;border-radius:20px;font-size:13px;font-weight:500;color:var(--text-secondary)}.badge-dot{width:8px;height:8px;background-color:var(--accent-primary);border-radius:50%;box-shadow:0 0 10px var(--accent-primary)}.hero-subtitle{font-size:18px;color:var(--text-secondary);max-width:480px;line-height:1.6}.hero-cta{display:flex;gap:16px;margin-top:16px;flex-wrap:wrap}.btn-glow{box-shadow:0 0 20px rgba(16,185,129,.4);transition:all .3s ease}.btn-glow:hover{box-shadow:0 0 30px rgba(16,185,129,.6);transform:translateY(-2px)}.copy-btn{display:flex;align-items:center;gap:12px;font-family:monospace}.code-text{font-size:14px}.hero-visual{width:100%;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.5),0 0 40px rgba(16,185,129,.1);border:1px solid hsla(0,0%,100%,.1);background:#1e1e1e}.code-header{display:flex;align-items:center;padding:12px 16px;background:#252526;border-bottom:1px solid #3c3c3c}.window-controls{display:flex;gap:8px}.control{width:12px;height:12px;border-radius:50%}.close{background-color:#ff5f56}.minimize{background-color:#ffbd2e}.maximize{background-color:#27c93f}.file-name{margin:0 auto;font-size:13px;color:#969696;font-family:Inter,sans-serif}.diff-container{display:flex;flex-direction:column}.diff-pane{padding:16px 0;font-family:JetBrains Mono,Fira Code,Menlo,Monaco,Courier New,monospace;font-size:14px;line-height:1.6;overflow-x:auto}.diff-before{background:rgba(244,63,94,.05);border-bottom:1px solid #3c3c3c}.diff-after{background:rgba(16,185,129,.05)}.code-line{display:flex;white-space:pre}.line-number{min-width:48px;text-align:right;padding-right:16px;color:#858585;-webkit-user-select:none;-moz-user-select:none;user-select:none}.line-content{padding-right:24px}.code-keyword{color:#c586c0}.code-comment{color:#6a9955}.code-normal{color:#d4d4d4}.code-error{color:#f14c4c;font-weight:600}.code-action{color:#9cdcfe}.code-success{color:#89d185;font-weight:600}.problem-solution{padding:80px 0;background:var(--bg-secondary)}.ps-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:48px;gap:48px;align-items:center}.ps-content h3{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.ps-content h3:nth-of-type(2){color:var(--accent-primary)}.ps-visual{border-radius:12px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.1);display:flex}.demo-image{width:100%;height:auto;display:block}.mb-6{margin-bottom:24px}.lock-in{padding:60px 0}.lockin-box{padding:64px;max-width:900px;margin:0 auto;border:1px solid hsla(0,0%,100%,.1);background:linear-gradient(180deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,0))}.lockin-sub{font-size:18px;max-width:600px;margin:16px auto 0;line-height:1.6}.cookbook-window{background:#1e1e1e;border-radius:12px;border:1px solid #3c3c3c;overflow:hidden;max-width:900px;margin:0 auto;box-shadow:0 10px 30px rgba(0,0,0,.3)}.cookbook-header{display:flex;justify-content:space-between;align-items:center;background:#252526;border-bottom:1px solid #3c3c3c;padding-right:16px}.cookbook-tabs{display:flex}.tab-btn{background:transparent;padding:12px 24px;color:#969696;font-family:inherit;font-size:14px;cursor:pointer;border:none;border-top:2px solid transparent;transition:all .2s}.tab-btn:hover{color:#d4d4d4}.tab-btn.active{color:#fff;background:#1e1e1e;border-top:2px solid var(--accent-primary)}.copy-icon-btn{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:4px;transition:background .2s}.copy-icon-btn:hover{background:hsla(0,0%,100%,.1)}.cookbook .code-block{padding:24px 0;font-family:JetBrains Mono,Fira Code,Menlo,Monaco,Courier New,monospace;font-size:14px;line-height:1.6;overflow-x:auto}.animated-flow{justify-content:space-between;padding:48px;margin-top:40px;background:linear-gradient(to bottom right,hsla(0,0%,100%,.03),hsla(0,0%,100%,0))}.animated-flow,.flow-node{display:flex;align-items:center}.flow-node{flex-direction:column;gap:12px;text-align:center;padding:32px 24px;border-radius:16px;width:240px;position:relative;background:var(--bg-surface);border:1px solid var(--border-color);transition:transform .3s}.node-icon{margin-bottom:8px}.node-label{font-weight:700;font-size:16px;line-height:1.4}.node-sub{font-size:13px;color:var(--text-secondary)}.animated-success{border-color:hsla(0,0%,100%,.1)}.animated-success svg{color:var(--text-primary)}.animated-error{border-color:rgba(244,63,94,.4);box-shadow:0 0 25px rgba(244,63,94,.15);background:rgba(244,63,94,.05);animation:pulse-red 2s infinite}.animated-error svg{color:var(--error-primary)}.animated-block{border-color:rgba(16,185,129,.8);box-shadow:0 0 35px rgba(16,185,129,.25);background:rgba(16,185,129,.08);animation:pulse-green 2s 1s infinite}.animated-block svg{color:var(--accent-primary)}.flow-arrow-container{width:64px;height:2px;background:hsla(0,0%,100%,.1);position:relative}.pulse-arrow{position:absolute;top:-1px;left:0;height:4px;width:20px;background:#fff;box-shadow:0 0 10px #fff;animation:arrow-flow 2s linear infinite}.arrow-blocked{background:var(--error-primary);box-shadow:0 0 10px var(--error-primary);animation:arrow-flow-blocked 2s linear infinite}@keyframes pulse-red{0%{box-shadow:0 0 15px rgba(244,63,94,.1)}50%{box-shadow:0 0 35px rgba(244,63,94,.3)}to{box-shadow:0 0 15px rgba(244,63,94,.1)}}@keyframes pulse-green{0%{box-shadow:0 0 20px rgba(16,185,129,.2)}50%{box-shadow:0 0 45px rgba(16,185,129,.4)}to{box-shadow:0 0 20px rgba(16,185,129,.2)}}@keyframes arrow-flow{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}@keyframes arrow-flow-blocked{0%{left:0;opacity:0}10%{opacity:1}50%{left:50%;opacity:1;width:40px;background:var(--error-primary)}to{left:50%;opacity:0}}.section{padding:120px 0;position:relative}.section-header{text-align:center;margin-bottom:64px;max-width:600px;margin-left:auto;margin-right:auto}.section-header p{margin-top:16px;font-size:18px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:32px;gap:32px}.integrations{padding:60px 0}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:24px;gap:24px;margin-top:40px}.integration-card{display:flex;flex-direction:column;padding:32px 24px;border-radius:12px;text-decoration:none;transition:all .3s ease;border:1px solid hsla(0,0%,100%,.05)}.integration-card:hover:not(.disabled-card){transform:translateY(-5px);border-color:rgba(16,185,129,.3);box-shadow:0 10px 30px rgba(16,185,129,.1)}.integration-icon{font-size:40px;margin-bottom:16px}.integration-card h3{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:8px}.disabled-card{opacity:.6;cursor:not-allowed}.feature-card{padding:32px;transition:transform .3s ease,box-shadow .3s ease;background:hsla(0,0%,100%,.02)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.5),0 0 20px var(--accent-glow);border-color:rgba(16,185,129,.3)}.feature-icon{width:48px;height:48px;background:rgba(16,185,129,.1);color:var(--accent-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.feature-card h3{font-size:20px;margin-bottom:12px;font-weight:600}.comparison-box{padding:64px;background:rgba(16,185,129,.02);border:1px solid rgba(16,185,129,.1);text-align:center}.comparison-box h2{margin-bottom:48px}.comparison-grid{display:flex;align-items:stretch;gap:32px;text-align:left;position:relative}.comp-card{flex:1 1;padding:40px;border-radius:16px;background:var(--bg-primary);border:1px solid var(--border-color)}.comp-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.comp-header h3{font-size:22px;font-weight:700}.comp-list{list-style:none;padding:0;margin:0}.comp-list li{margin-bottom:16px;padding-left:24px;position:relative;font-size:16px;color:var(--text-secondary)}.comp-list li:before{content:"•";position:absolute;left:0;color:inherit;font-size:20px}.comp-langgraph{border-color:rgba(244,63,94,.2)}.comp-langgraph .comp-list li{color:#f1f5f9}.comp-langgraph .comp-list li:before{color:var(--error-primary)}.comp-stateguard{border-color:rgba(16,185,129,.4);box-shadow:0 0 40px rgba(16,185,129,.08)}.comp-stateguard .comp-list li{color:#f1f5f9}.comp-stateguard .comp-list li:before{color:var(--accent-primary)}.comp-divider{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;font-size:14px;color:var(--text-secondary);z-index:2}@media (max-width:900px){.comparison-grid{flex-direction:column}.comp-divider{position:static;transform:none;margin:-16px auto}}.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.faq-item{border:1px solid var(--border-color);border-radius:12px;overflow:hidden;background:var(--bg-surface)}.faq-item summary{padding:24px;font-size:18px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;transition:background .2s ease}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:hover{background:hsla(0,0%,100%,.02)}.faq-item summary:after{content:"+";font-size:24px;color:var(--accent-primary);font-weight:400;transition:transform .3s}.faq-item[open] summary:after{content:"−"}.faq-content{padding:0 24px 24px;line-height:1.6}.faq-content code{background:hsla(0,0%,100%,.1);padding:2px 6px;border-radius:4px;font-family:monospace;font-size:14px}.footer{padding:80px 0 40px;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.footer-grid{display:flex;justify-content:space-between;flex-wrap:wrap;gap:64px;margin-bottom:64px}.footer-brand{max-width:300px}.footer-brand .mt-4{margin-top:16px}.footer-links{display:flex;gap:80px;flex-wrap:wrap}.footer-col{display:flex;flex-direction:column;gap:16px}.footer-col h4{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.footer-col a{color:var(--text-secondary);font-size:14px;transition:color .2s}.footer-col a:hover{color:var(--text-primary)}.seo-links a{color:#94a3b8;max-width:280px;line-height:1.4;display:block}.seo-links a:hover{color:var(--accent-primary)}.footer-bottom{padding-top:32px;border-top:1px solid hsla(0,0%,100%,.05);display:flex;justify-content:space-between;align-items:center}.legal-links{display:flex;gap:24px}.legal-links a{color:var(--text-secondary);font-size:14px}.text-sm{font-size:14px}@media (max-width:900px){.hero-container{text-align:center}.hero-container,.ps-grid{grid-template-columns:1fr}.hero-content{align-items:center}.hero-subtitle{margin:0 auto}.animated-flow{flex-direction:column;gap:32px}.flow-arrow-container{width:2px;height:64px}.pulse-arrow{width:4px;height:20px;animation:arrow-flow-down 2s linear infinite}.footer-links{gap:48px}}@keyframes arrow-flow-down{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.article-wrapper{min-height:100vh;display:flex;flex-direction:column}.article-header{padding:120px 24px 60px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);text-align:center}.article-header h1{font-size:48px;font-weight:800;max-width:800px;margin:0 auto 24px;line-height:1.2}.article-header p{font-size:20px;max-width:600px}.article-content,.article-header p{color:var(--text-secondary);margin:0 auto}.article-content{max-width:760px;padding:60px 24px 120px;font-size:18px;line-height:1.8}.article-content h2{font-size:28px;font-weight:700;color:var(--text-primary);margin:48px 0 24px}.article-content h3{font-size:22px;font-weight:600;color:var(--text-primary);margin:32px 0 16px}.article-content p{margin-bottom:24px}.article-content ol,.article-content ul{margin-bottom:24px;padding-left:24px}.article-content li{margin-bottom:12px}.article-content a:not(.btn){color:var(--accent-primary);text-decoration:none;font-weight:500}.article-content a:not(.btn):hover{text-decoration:underline}.article-content strong{color:var(--text-primary);font-weight:600}.article-content code{background:hsla(0,0%,100%,.08);padding:4px 8px;border-radius:6px;font-family:JetBrains Mono,Fira Code,monospace;font-size:14px;color:#e2e8f0}.article-content pre{background:#1e1e1e;border:1px solid #3c3c3c;border-radius:12px;padding:24px;overflow-x:auto;margin:32px 0;box-shadow:0 10px 30px rgba(0,0,0,.3)}.article-content pre code{background:transparent;padding:0;color:#d4d4d4;font-size:14px;line-height:1.6}.article-content blockquote{border-left:4px solid var(--accent-primary);margin:32px 0;font-style:italic;background:linear-gradient(90deg,rgba(16,185,129,.1),transparent);padding:24px;border-radius:0 12px 12px 0}.article-cta{margin-top:64px;padding:48px;background:var(--bg-surface);border:1px solid var(--accent-primary);border-radius:16px;text-align:center;box-shadow:0 0 40px rgba(16,185,129,.1)}.article-cta h3{margin-top:0;color:var(--text-primary)}.article-cta p{margin-bottom:32px}