:root{--color-bg:#020617;--color-bg-soft:#0f172a;--color-primary:#3b82f6;--color-primary-glow:#3b82f666;--color-secondary:#8b5cf6;--color-secondary-glow:#8b5cf666;--color-accent:#ec4899;--color-success:#10b981;--color-text:#f8fafc;--color-text-muted:#94a3b8;--color-text-dim:#64748b;--glass-bg:#ffffff08;--glass-bg-hover:#ffffff0f;--glass-border:#ffffff14;--glass-blur:blur(16px);--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-heading:"Outfit", system-ui, -apple-system, sans-serif;--font-mono:"Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--page-width:1000px;--page-padding:5%;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-full:999px;--transition-fast:.2s ease;--transition-base:.3s ease;--transition-spring:.3s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;scroll-behavior:smooth;line-height:1.6;overflow-x:hidden}a{color:inherit}.container{width:100%;max-width:var(--page-width);padding-inline:var(--page-padding);margin-inline:auto}.section{padding-block:var(--space-16)}.bg-effects{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.glow-orb{filter:blur(120px);opacity:.4;border-radius:50%;animation:20s ease-in-out infinite alternate orb-float;position:absolute}.orb-1{background:radial-gradient(circle, var(--color-primary) 0%, transparent 70%);width:500px;height:500px;top:-200px;left:-100px}.orb-2{background:radial-gradient(circle, var(--color-secondary) 0%, transparent 70%);width:600px;height:600px;animation-delay:-5s;bottom:-200px;right:-100px}.orb-3{background:radial-gradient(circle, var(--color-accent) 0%, transparent 70%);opacity:.15;width:400px;height:400px;animation-delay:-10s;top:40%;left:50%;transform:translate(-50%,-50%)}.grid-overlay{background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 80%);mask-image:radial-gradient(circle,#000,#0000 80%)}@keyframes orb-float{0%{transform:translate(0)scale(1)}50%{transform:translate(50px,30px)scale(1.1)}to{transform:translate(-30px,60px)scale(.9)}}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl)}.badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);white-space:nowrap;color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f633;align-items:center;font-weight:500;display:inline-flex}.badge--secondary{color:#c084fc;background:#8b5cf61a;border-color:#8b5cf633}.badge--success{color:var(--color-success);background:#10b9811a;border-color:#10b98133}.updated-badge{color:#c084fc;background:#8b5cf61a;border:1px solid #8b5cf633}.text-gradient{background:linear-gradient(90deg,#60a5fa,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-title{font-family:var(--font-heading);font-size:var(--text-4xl);text-align:center;margin-bottom:var(--space-2);font-weight:800}.section-subtitle{text-align:center;color:var(--color-text-muted);font-size:var(--text-lg);margin-bottom:var(--space-12)}.pulse-indicator{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-success);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:#10b9811a;border:1px solid #10b98133;display:inline-flex}.pulse-dot{background-color:var(--color-success);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot;box-shadow:0 0 #10b981b3}@keyframes pulse-dot{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.list-divider{color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;margin-block:var(--space-4);grid-column:1/-1;align-items:center;font-weight:600;display:flex}.list-divider:before,.list-divider:after{content:"";border-bottom:1px solid var(--glass-border);flex:1}.list-divider:before{margin-right:var(--space-6)}.list-divider:after{margin-left:var(--space-6)}.card{border-radius:var(--radius-xl);transition:transform var(--transition-spring), box-shadow var(--transition-base);position:relative;overflow:hidden}.card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #00000080}.card--primary{border:1px solid var(--glass-border);background:linear-gradient(135deg,#ffffff08,#3b82f614)}.card--secondary{border:1px solid var(--glass-border);background:linear-gradient(135deg,#ffffff08,#8b5cf614)}.card--success{border:1px solid var(--glass-border);background:linear-gradient(135deg,#ffffff08,#10b98114)}.card--hero{border:1px solid #3b82f64d;grid-column:1/-1;min-height:350px}.card-bg-img{opacity:.5;transition:opacity var(--transition-base);z-index:0;background-position:50%;background-size:cover;position:absolute;inset:0}.card:hover .card-bg-img{opacity:.7}.card-overlay{padding:var(--space-8);z-index:1;background:linear-gradient(#0206178c 0%,#020617f2 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card-icon{width:36px;height:36px;color:var(--color-primary);margin-bottom:var(--space-6);z-index:2;flex-shrink:0}.card--secondary .card-icon{color:var(--color-secondary)}.card--success .card-icon{color:var(--color-success)}.card h3{font-family:var(--font-heading);font-size:var(--text-2xl);margin-bottom:var(--space-3);z-index:2}.card p{color:var(--color-text-muted);font-size:var(--text-base);z-index:2}.code-block{gap:var(--space-4);flex-direction:column;display:flex}.connection-fields{gap:var(--space-4);grid-template-columns:minmax(140px,220px) minmax(0,1fr);display:grid}.connection-field{gap:var(--space-2);flex-direction:column;display:flex}.connection-input-row{position:relative}.connection-field .code-label{width:auto}.connection-input{border-radius:var(--radius-md);color:#a78bfa;width:100%;font-family:var(--font-mono);padding:var(--space-3) 2.75rem var(--space-3) var(--space-4);background:#0000004d;border:1px solid #ffffff14;font-size:.9rem}.connection-copy-btn{top:50%;right:var(--space-2);background:#ffffff05;border:1px solid #ffffff14;position:absolute;transform:translateY(-50%)}.connection-note{color:var(--color-text-muted);font-size:var(--text-sm)}.code-row{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:#0000004d;border:1px solid #ffffff0d;align-items:center;display:flex}.code-label{width:100px;color:var(--color-text-muted);font-size:var(--text-sm);flex-shrink:0;font-weight:500}.code-value{font-family:var(--font-mono);white-space:nowrap;scrollbar-width:none;flex-grow:1;font-size:.9rem;overflow-x:auto}.code-value::-webkit-scrollbar{display:none}.code-value.string{color:#a78bfa}.code-value.text{color:#cbd5e1}.placeholder{color:var(--color-text-dim);font-style:italic}.copy-btn{color:var(--color-text-muted);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.copy-btn:hover{color:#fff;background:#ffffff1a}.copy-btn svg{width:18px;height:18px}.card-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.card-header h2{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:600}.feature-icon{color:#60a5fa;border-radius:var(--radius-sm);width:36px;height:36px;margin-bottom:var(--space-4);background:#3b82f61a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.feature-icon svg{width:18px;height:18px}.top-nav{padding:var(--space-6) var(--page-padding);z-index:10;justify-content:space-between;align-items:center;display:flex;position:relative}.logo{align-items:center;gap:var(--space-3);font-family:var(--font-heading);font-weight:700;font-size:var(--text-xl);letter-spacing:-.02em;display:flex}.logo-icon{width:32px;height:32px;color:var(--color-primary)}.header-details{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.hero{text-align:center;padding:var(--space-24) var(--page-padding) var(--space-16);max-width:var(--page-width);flex-direction:column;align-items:center;margin-inline:auto;display:flex}.hero-title{font-family:var(--font-heading);letter-spacing:-.03em;margin-bottom:var(--space-6);font-size:clamp(3rem,6vw,4.5rem);font-weight:800;line-height:1.1}.hero-summary{font-size:var(--text-lg);color:var(--color-text-muted);max-width:700px;margin-bottom:var(--space-12);line-height:1.7}.action-cards{gap:var(--space-6);width:100%;max-width:var(--page-width);margin-top:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}.action-card{border-radius:var(--radius-xl);text-align:center;color:var(--color-text);min-height:250px;padding:var(--space-8);transition:transform var(--transition-spring), box-shadow var(--transition-base);flex-direction:column;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative;overflow:hidden}.action-card:hover{box-shadow:0 16px 40px var(--color-secondary-glow);transform:translateY(-6px)}.browser-card{background:linear-gradient(135deg, var(--color-secondary), #c084fc);border:1px solid #8b5cf64d;min-height:350px}.detail-card{border:1px solid var(--glass-border);background:linear-gradient(135deg,#ffffff08,#3b82f614)}.dump-card{border:1px solid var(--glass-border);background:linear-gradient(135deg,#ffffff08,#8b5cf614)}.github-card{border:1px solid var(--glass-border);background:linear-gradient(135deg,#ffffff08,#10b98114)}.whats-inside-card{border:1px solid var(--glass-border);background:linear-gradient(135deg,#ffffff08,#8b5cf614)}.dump-card .action-icon{color:var(--color-secondary)}.github-card .action-icon{color:var(--color-success)}.action-icon{width:36px;height:36px;margin-bottom:var(--space-6);color:var(--color-primary);z-index:2}.features-section{padding:var(--space-16) var(--page-padding);max-width:var(--page-width);margin-inline:auto}.bento-grid{gap:var(--space-4);max-width:var(--page-width);grid-template-columns:repeat(2,1fr);margin-inline:auto;display:grid}.bento-card{padding:var(--space-5);transition:transform var(--transition-base), border-color var(--transition-base);flex-direction:column;display:flex}.bento-card:hover{border-color:#60a5fa66;transform:translateY(-3px)}.bento-card h3{font-family:var(--font-heading);margin-bottom:var(--space-2);font-size:1.1rem}.bento-card p{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.4}.meta-graph-cta-container{margin-top:var(--space-12);justify-content:center;width:100%;display:flex}.meta-graph-btn{width:100%;max-width:var(--page-width);background:linear-gradient(135deg, var(--color-secondary), #c084fc);box-shadow:0 4px 20px var(--color-secondary-glow);border:1px solid #8b5cf64d}.meta-graph-btn:hover{box-shadow:0 16px 40px var(--color-secondary-glow);border-color:#8b5cf680;transform:translateY(-6px)}.big-arrow{width:32px;height:32px;transition:transform var(--transition-spring)}.meta-graph-btn:hover .big-arrow{transform:translate(8px)}.resources-section{padding:var(--space-16) var(--page-padding);max-width:var(--page-width);margin-inline:auto;margin-bottom:var(--space-16)}.resources-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.resource-card{padding:var(--space-8);text-align:center;color:var(--color-text);transition:transform var(--transition-base), border-color var(--transition-base);flex-direction:column;align-items:center;text-decoration:none;display:flex}.resource-card:hover{border-color:#60a5fa66;transform:translateY(-5px)}.resource-card h3{font-family:var(--font-heading);font-size:var(--text-xl);margin-bottom:var(--space-3)}.resource-card p{color:var(--color-text-muted);font-size:var(--text-base);line-height:1.5}.site-footer.minimized-footer{margin-top:var(--space-8);padding:var(--space-6) var(--page-padding);border-top:1px solid var(--glass-border);background:#0009}.footer-content-mini{text-align:center;align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.footer-content-mini .logo{font-family:var(--font-heading);font-size:.9rem}.connection-panel{text-align:left;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);padding:var(--space-10);border-radius:var(--radius-xl);grid-column:1/-1;align-items:stretch;min-height:auto}.card-header--left{justify-content:flex-start}.card-overlay--row{justify-content:center;gap:var(--space-6);flex-direction:row}.meta-graph-icon{color:#fff;flex-shrink:0;width:54px;height:54px}.meta-graph-title{font-family:var(--font-heading);color:#fff;align-items:center;gap:var(--space-4);text-shadow:0 4px 20px #00000080;margin:0;font-size:clamp(1.75rem,4vw,2.5rem);display:flex}.footer-text{font-size:var(--text-xs);margin-top:var(--space-2);color:var(--color-text-dim)}.instruction-page{max-width:var(--page-width);padding:0 var(--page-padding) var(--space-16);margin-inline:auto}.instruction-section{padding:var(--space-4) 0;text-align:center}.instruction-title{font-family:var(--font-heading);margin-bottom:var(--space-4);font-size:clamp(2rem,4vw,3rem);line-height:1.1}.instruction-subtitle{color:var(--color-text-muted);font-size:var(--text-lg);margin-bottom:var(--space-8)}.flow-list{counter-reset:step;text-align:center;max-width:960px;margin:0 auto;padding-left:0;list-style:none}.flow-step{counter-increment:step;margin-bottom:var(--space-10)}.flow-step>h2{text-align:center;margin-top:0}.flow-step>h2:before{content:counter(step) ". "}.flow-step>p{color:var(--color-text-muted);margin-bottom:var(--space-4)}.cta-row{gap:var(--space-6);margin-bottom:var(--space-10);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.instruction-link-btn{min-height:52px;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);color:#bfdbfe;transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);background:#3b82f61f;border:1px solid #60a5fa59;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.instruction-link-btn:hover{background:#3b82f633;border-color:#60a5fa99;transform:translateY(-2px)}.instruction-content h2{font-family:var(--font-heading);font-size:var(--text-2xl);margin-top:var(--space-8);margin-bottom:var(--space-4);text-align:center}.instruction-list,.instruction-links{color:var(--color-text-muted);text-align:center;margin:0;padding:0;list-style-position:inside}.instruction-list li,.instruction-links li{margin-bottom:var(--space-2)}.instruction-note{color:var(--color-text-muted);margin-bottom:var(--space-3);text-align:center}.query-examples{gap:var(--space-6);display:grid}.query-example-title{font-family:var(--font-heading);font-size:var(--text-lg);margin-bottom:var(--space-3);text-align:left}.instruction-step-image{width:100%;max-width:860px;margin:var(--space-4) auto 0;aspect-ratio:16/9;object-fit:contain;height:auto;display:block}.query-block{border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-5);text-align:left;max-width:860px;font-family:var(--font-mono);background:#00000059;margin:0 auto;font-size:.9rem;line-height:1.7;overflow-x:auto}.cy-key{color:#f97316;font-weight:600}.cy-fn{color:#22d3ee}.cy-label{color:#a3e635}.cy-str{color:#facc15}.cy-num{color:#c084fc}.cy-var{color:#cbd5e1}.instruction-links a{color:#93c5fd;text-decoration:none}.instruction-links a:hover{text-decoration:underline}@media (width<=1024px){.action-cards{grid-template-columns:1fr}.connection-panel{grid-column:auto}}@media (width<=768px){.hero{padding-top:var(--space-16)}.hero-title{font-size:2.5rem}.bento-grid,.connection-fields{grid-template-columns:1fr}.code-row{align-items:flex-start;gap:var(--space-2);flex-direction:column;position:relative}.code-row .copy-btn{position:absolute;top:.5rem;right:.5rem}.cta-row{grid-template-columns:1fr}}