*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#08090c;--bg-2:#0d0f14;--bg-3:#111318;--bg-pro:#0e0d1a;--border:#ffffff0f;--border-md:#ffffff1a;--text-1:#e2e8f0;--text-2:#94a3b8;--text-3:#64748b;--text-4:#475569;--text-5:#334155;--text-6:#1e293b;--purple:#6d5dfc;--purple-lt:#a89cff;--purple-dk:#5b4de0;--green:#22c55e;--green-lt:#4ade80;--mono:"Menlo", "Consolas", monospace}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}.nav{border-bottom:.5px solid var(--border);-webkit-backdrop-filter:blur(12px);z-index:100;background:#08090ceb;justify-content:space-between;align-items:center;padding:1.1rem 2.5rem;display:flex;position:sticky;top:0}.logo{color:#fff;letter-spacing:-.01em;align-items:center;gap:10px;font-size:16px;font-weight:500;display:flex}.logo-mark{background:var(--purple);border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.logo-mark svg{color:#fff;width:16px;height:16px}.nav-links{align-items:center;gap:1.75rem;display:flex}.nav-links a{color:var(--text-3);font-size:13px;transition:color .15s}.nav-links a:hover{color:var(--text-1)}.btn-nav{background:var(--purple);color:#fff;cursor:pointer;border:none;border-radius:7px;padding:7px 18px;font-size:13px;font-weight:500;transition:background .15s}.btn-nav:hover{background:var(--purple-dk)}.hero{text-align:center;max-width:720px;margin:0 auto;padding:6rem 2rem 0}.hero-eyebrow{color:var(--purple-lt);background:#6d5dfc14;border:.5px solid #6d5dfc66;border-radius:999px;align-items:center;gap:8px;margin-bottom:1.75rem;padding:5px 14px;font-size:12px;display:inline-flex}.pulse{background:var(--purple);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.hero h1{color:#fff;letter-spacing:-.03em;margin-bottom:1.25rem;font-size:clamp(36px,6vw,54px);font-weight:500;line-height:1.1}.hero h1 em{color:var(--purple);font-style:normal}.hero p{color:var(--text-3);max-width:460px;margin:0 auto 2.25rem;font-size:16px;line-height:1.75}.hero-cta{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:4rem;display:flex}.btn-primary{background:var(--purple);color:#fff;cursor:pointer;letter-spacing:-.01em;border:none;border-radius:9px;padding:12px 28px;font-size:14px;font-weight:500;transition:background .15s}.btn-primary:hover{background:var(--purple-dk)}.btn-ghost{color:var(--text-2);cursor:pointer;background:#ffffff0a;border:.5px solid #ffffff1a;border-radius:9px;padding:12px 28px;font-size:14px;transition:background .15s,color .15s}.btn-ghost:hover{color:var(--text-1);background:#ffffff14}.preview-wrap{max-width:800px;margin:0 auto;padding:0 2rem}.screen-frame{border:.5px solid var(--border-md);background:#0f1117;border-radius:14px 14px 0 0;overflow:hidden}.frame-bar{border-bottom:.5px solid var(--border);background:#13151c;align-items:center;gap:6px;padding:10px 16px;display:flex}.dot{border-radius:50%;width:9px;height:9px}.frame-url{color:var(--text-4);font-size:11px;font-family:var(--mono);text-align:center;background:#ffffff0a;border:.5px solid #ffffff12;border-radius:5px;flex:1;margin:0 12px;padding:3px 10px}.frame-body{grid-template-columns:200px 1fr;min-height:300px;display:grid}.log-sidebar{border-right:.5px solid var(--border)}.log-header{color:var(--text-4);border-bottom:.5px solid var(--border);align-items:center;gap:6px;padding:10px 14px;font-size:11px;display:flex}.live-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.5s infinite pulse}.log-item{cursor:pointer;border-bottom:.5px solid #ffffff08;border-left:2px solid #0000;padding:9px 14px;transition:background .1s}.log-item:hover{background:#ffffff05}.log-item.active{border-left-color:var(--purple);background:#6d5dfc14}.method-badge{font-size:10px;font-weight:500;font-family:var(--mono);border-radius:4px;margin-bottom:4px;padding:2px 6px;display:inline-block}.m-post{color:var(--purple-lt);background:#6d5dfc33}.m-get{color:var(--green-lt);background:#22c55e26}.log-path{color:var(--text-2);font-size:12px;font-family:var(--mono)}.log-time{color:var(--text-5);margin-top:2px;font-size:10px}.detail-pane{padding:1rem 1.25rem}.detail-top{align-items:center;gap:8px;margin-bottom:1rem;display:flex}.detail-path{color:var(--text-2);font-size:13px;font-family:var(--mono)}.detail-ts{color:var(--text-5);margin-left:auto;font-size:11px}.section-lbl{color:var(--text-4);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:10px}.header-row{border-bottom:.5px solid #ffffff0a;justify-content:space-between;padding:5px 0;font-size:12px;display:flex}.hk{color:var(--text-4);font-family:var(--mono)}.hv{color:var(--text-2);font-family:var(--mono);text-align:right}.hv.accent{color:var(--purple-lt)}.body-block{border:.5px solid var(--border);font-family:var(--mono);background:#0a0b0f;border-radius:8px;margin-top:10px;padding:10px 12px;font-size:11px;line-height:1.8;position:relative}.copy-btn{color:var(--text-4);cursor:pointer;background:#ffffff0d;border:.5px solid #ffffff14;border-radius:4px;padding:2px 8px;font-family:-apple-system,sans-serif;font-size:10px;transition:color .1s;position:absolute;top:7px;right:8px}.copy-btn:hover{color:var(--text-1)}.jk{color:var(--text-3)}.jv-s{color:#7dd3fc}.jv-n{color:#a3e635}.section{max-width:860px;margin:0 auto;padding:5rem 2rem}.sec-label{text-align:center;color:var(--purple);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem;font-size:11px}.sec-title{text-align:center;color:#fff;letter-spacing:-.02em;margin-bottom:.5rem;font-size:clamp(24px,4vw,32px);font-weight:500}.sec-sub{text-align:center;color:var(--text-4);margin-bottom:3rem;font-size:14px}.feat-grid{background:var(--border);border:.5px solid var(--border);border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;display:grid;overflow:hidden}.feat-card{background:var(--bg-2);padding:1.5rem;transition:background .15s}.feat-card:hover{background:var(--bg-3)}.feat-icon{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:1rem;display:flex}.feat-icon svg{width:18px;height:18px}.feat-card h3{color:var(--text-1);letter-spacing:-.01em;margin-bottom:.4rem;font-size:14px;font-weight:500}.feat-card p{color:var(--text-4);font-size:13px;line-height:1.65}.feat-card p code{font-family:var(--mono);color:var(--purple-lt);background:#6d5dfc1a;border-radius:3px;padding:1px 5px;font-size:11px}.feed-section{max-width:680px;margin:0 auto;padding:5rem 2rem}.feed-window{background:var(--bg-2);border:.5px solid #ffffff14;border-radius:14px;overflow:hidden}.feed-toolbar{background:var(--bg-3);border-bottom:.5px solid var(--border);align-items:center;gap:8px;padding:10px 1rem;display:flex}.feed-toolbar-url{color:var(--text-3);font-size:12px;font-family:var(--mono);flex:1}.feed-live-badge{color:var(--green);align-items:center;gap:5px;font-size:11px;display:flex}.feed-entries{font-family:var(--mono);min-height:180px;padding:.75rem 1rem;font-size:12px}.feed-row{opacity:0;border-bottom:.5px solid #ffffff08;align-items:baseline;gap:10px;padding:5px 0;animation:.35s forwards fadein;display:flex}@keyframes fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.feed-ts{color:var(--text-6);min-width:60px;font-size:11px}.feed-path{color:var(--text-3);flex:1}.feed-ip{color:var(--text-6);text-align:right;min-width:90px;font-size:11px}.status-ok{color:var(--green-lt);background:#22c55e1f;border-radius:3px;padding:1px 6px;font-size:11px}.status-err{color:#f87171;background:#ef44441f;border-radius:3px;padding:1px 6px;font-size:11px}.pricing-section{max-width:640px;margin:0 auto;padding:5rem 2rem}.price-grid{background:var(--border);border:.5px solid var(--border);border-radius:14px;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.price-card{background:var(--bg-2);padding:1.75rem}.price-card.pro{background:var(--bg-pro)}.price-popular{color:var(--purple-lt);background:#6d5dfc26;border:.5px solid #6d5dfc4d;border-radius:999px;margin-bottom:1rem;padding:3px 10px;font-size:11px;display:inline-block}.price-plan{color:var(--text-4);margin-bottom:.25rem;font-size:12px}.price-amount{color:#fff;letter-spacing:-.03em;margin-bottom:.25rem;font-size:36px;font-weight:500;line-height:1}.price-amount span{color:var(--text-4);font-size:14px;font-weight:400}.price-desc{color:var(--text-5);border-bottom:.5px solid #ffffff0d;margin-bottom:1.25rem;padding-bottom:1.25rem;font-size:12px}.price-feature{align-items:center;gap:8px;padding:5px 0;font-size:13px;display:flex}.price-feature svg{flex-shrink:0;width:14px;height:14px}.price-feature.on{color:var(--text-2)}.price-feature.on svg{color:var(--purple)}.price-feature.off,.price-feature.off svg{color:var(--text-6)}.btn-plan{cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:1.5rem;padding:10px;font-size:13px;font-weight:500;transition:background .15s,color .15s}.btn-free{color:var(--text-3);background:#ffffff0d;border:.5px solid #ffffff14}.btn-free:hover{background:#ffffff17}.btn-pro{background:var(--purple);color:#fff}.btn-pro:hover{background:var(--purple-dk)}.cta-strip{background:var(--bg-2);border-top:.5px solid var(--border);border-bottom:.5px solid var(--border);text-align:center;padding:5rem 2rem}.cta-strip h2{color:#fff;letter-spacing:-.02em;margin-bottom:.5rem;font-size:clamp(24px,4vw,32px);font-weight:500}.cta-strip p{color:var(--text-4);margin-bottom:2rem;font-size:14px}.footer{border-top:.5px solid var(--border);justify-content:space-between;align-items:center;padding:1.5rem 2.5rem;display:flex}.footer-copy{color:var(--text-6);font-size:12px}.footer-links{gap:1.5rem;display:flex}.footer-links a{color:var(--text-6);font-size:12px;transition:color .15s}.footer-links a:hover{color:var(--text-4)}@media (width<=640px){.nav{padding:1rem 1.25rem}.nav-links{display:none}.hero{padding:4rem 1.25rem 0}.section,.feed-section,.pricing-section{padding:3.5rem 1.25rem}.frame-body{grid-template-columns:1fr}.log-sidebar{display:none}.price-grid{grid-template-columns:1fr}.footer{text-align:center;flex-direction:column;gap:1rem}}@media (prefers-reduced-motion:reduce){.pulse,.live-dot{animation:none}.feed-row{opacity:1;animation:none}.feat-card,.btn-primary,.btn-ghost,.btn-nav{transition:none}}