:root{--c-bg:#06090e;--c-bg-panel:#141a2866;--c-bg-panel-hover:#1e263780;--c-border:#ffffff14;--c-border-active:#0ff3;--c-text-primary:#e2e8f0;--c-text-secondary:#94a3b8;--c-accent-primary:#00d2ff;--c-accent-secondary:#3a7bd5;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--fs-xs:clamp(.75rem, .7vw + .6rem, .8rem);--fs-sm:clamp(.875rem, .8vw + .65rem, .95rem);--fs-base:clamp(1rem, 1vw + .75rem, 1.125rem);--fs-lg:clamp(1.25rem, 1.5vw + 1rem, 1.5rem);--fs-xl:clamp(1.5rem, 2vw + 1.2rem, 2rem);--fs-2xl:clamp(2rem, 3.5vw + 1.5rem, 3rem);--fs-3xl:clamp(2.5rem, 4.5vw + 2rem, 4.5rem);--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2.5rem;--space-6:4rem;--space-7:6rem;--space-8:10rem;--max-width:1200px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-pill:9999px;--ts-fast:.15s cubic-bezier(.4, 0, .2, 1);--ts-base:.3s cubic-bezier(.16, 1, .3, 1);--ts-slow:.6s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--fs-base);color:var(--c-text-primary);background-color:var(--c-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;position:relative;overflow-x:hidden}h1,h2,h3,h4,.logo-text,.feature-name,.plugin-title{font-family:var(--font-heading);color:#fff;letter-spacing:-.02em;font-weight:700;line-height:1.1}a{color:inherit;transition:color var(--ts-fast);text-decoration:none}ul{list-style:none}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-4);margin:0 auto}.layout-flex{justify-content:space-between;align-items:center;display:flex}.text-gradient{background:linear-gradient(135deg, var(--c-accent-primary), var(--c-accent-secondary));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.glow-point{filter:blur(120px);z-index:-2;opacity:.15;pointer-events:none;border-radius:50%;width:50vw;height:50vw;position:absolute}.glow-1{background:var(--c-accent-secondary);top:-10vw;right:-10vw}.glow-2{background:var(--c-accent-primary);opacity:.1;bottom:10vw;left:-20vw}.noise-overlay{pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox=\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cfilter id=\"noiseFilter\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"0.8\" numOctaves=\"3\" stitchTiles=\"stitch\"/%3E%3C/filter%3E%3Crect width=\"100%25\" height=\"100%25\" filter=\"url(%23noiseFilter)\" opacity=\"0.04\"/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;inset:0}.site-header{padding:var(--space-4) 0;border-bottom:1px solid var(--c-border);z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#06090eb3;position:sticky;top:0}.logo{align-items:center;gap:var(--space-2);display:flex}.logo-mark{background:conic-gradient(from 180deg at 50% 50%, var(--c-accent-primary), var(--c-accent-secondary), var(--c-accent-primary));border-radius:var(--radius-sm);width:28px;height:28px;box-shadow:0 0 20px #00d2ff4d}.logo-mark.small{width:20px;height:20px}.logo-text{font-size:var(--fs-lg);letter-spacing:.05em;font-weight:900}.main-nav-wrapper{align-items:center;gap:1rem;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);font-weight:500;font-size:var(--fs-sm);cursor:pointer;transition:all var(--ts-fast);text-align:center;min-height:44px;padding:.75rem 1.25rem;display:inline-flex}.btn-primary{color:#000;background:#fff;border:1px solid #fff}.btn-primary:hover{background:var(--c-accent-primary);border-color:var(--c-accent-primary);transform:translateY(-2px);box-shadow:0 8px 20px #00d2ff33}.btn-outline{color:var(--c-text-primary);border:1px solid var(--c-border);background:0 0}.btn-outline:hover{border-color:var(--c-text-primary);background:#ffffff0d}.lang-switcher{color:var(--c-text-primary);border:1px solid var(--c-border);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:var(--fs-sm);cursor:pointer;appearance:none;background:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2210%22%20viewBox%3D%220%200%2014%2010%22%3E%3Cpath%20d%3D%22M7%2010L0%200h14z%22%20fill%3D%22%2394a3b8%22%2F%3E%3C%2Fsvg%3E) right 1rem top 50%/8px no-repeat;outline:none;padding:.5rem 2.5rem .5rem 1rem}.lang-switcher:hover,.lang-switcher:focus{border-color:var(--c-text-primary)}.lang-switcher option{background:var(--c-bg);color:var(--c-text-primary)}.hero{padding:var(--space-8) var(--space-4) var(--space-6);text-align:center}.hero-title{font-size:var(--fs-3xl);margin-bottom:var(--space-3)}.hero-subtitle{font-size:var(--fs-lg);color:var(--c-text-secondary);max-width:65ch;margin:0 auto var(--space-5)}.hero-actions{align-items:center;gap:var(--space-3);margin-bottom:var(--space-7);flex-direction:column;display:flex}@media (width>=640px){.hero-actions{justify-content:center;gap:var(--space-4);flex-direction:row}}.hero-badge{font-size:var(--fs-xs);color:var(--c-text-secondary);border:1px solid var(--c-border);border-radius:var(--radius-pill);background:var(--c-bg-panel);align-items:center;padding:.25rem .75rem;font-weight:600;display:inline-flex}.mockup-container{text-align:left;background:var(--c-bg-panel);border:1px solid var(--c-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);max-width:800px;margin:0 auto;overflow:hidden;box-shadow:0 24px 48px #0006,0 0 0 1px #ffffff0d}.mockup-header{padding:var(--space-3);border-bottom:1px solid var(--c-border);background:#0000004d;align-items:center;display:flex;position:relative}.mockup-dots{gap:6px;display:flex}.mockup-dots .dot{background:var(--c-border);border-radius:50%;width:12px;height:12px}.mockup-dots .dot:first-child{background:#ff5f56}.mockup-dots .dot:nth-child(2){background:#ffbd2e}.mockup-dots .dot:nth-child(3){background:#27c93f}.mockup-title{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-text-secondary);position:absolute;left:50%;transform:translate(-50%)}.mockup-content{padding:var(--space-4);font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--c-text-primary)}.log-line{margin-bottom:var(--space-2)}.log-time{color:var(--c-text-secondary)}.log-info{color:var(--c-accent-secondary);font-weight:600}.log-query{color:#ffbd2e;font-weight:600}.log-alert{color:#ff5f56;font-weight:600}.log-success{color:#27c93f;font-weight:600}.log-msg{opacity:.9}.typing-cursor{animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.features{padding:var(--space-8) var(--space-4)}.section-header{text-align:center;margin-bottom:var(--space-6)}.section-title{font-size:var(--fs-2xl);margin-bottom:var(--space-2)}.section-desc{font-size:var(--fs-lg);color:var(--c-text-secondary);max-width:65ch;margin:0 auto}.feature-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=768px){.feature-grid{grid-template-columns:repeat(2,1fr)}}.feature-card{background:var(--c-bg-panel);border:1px solid var(--c-border);padding:var(--space-5);border-radius:var(--radius-lg);transition:all var(--ts-base);position:relative;overflow:hidden}.feature-card:hover{background:var(--c-bg-panel-hover);border-color:var(--c-border-active);transform:translateY(-4px)}.feature-icon{margin-bottom:var(--space-4);color:var(--c-accent-primary)}.feature-name{font-size:var(--fs-xl);margin-bottom:var(--space-2)}.feature-text{color:var(--c-text-secondary)}.plugin-section{padding:var(--space-8) var(--space-4)}.plugin-card{background:linear-gradient(145deg, var(--c-bg-panel) 0%, #0a0f19cc 100%);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-5);grid-template-columns:1fr;align-items:center;display:grid}@media (width>=1024px){.plugin-card{padding:var(--space-7);grid-template-columns:1fr 1fr}}.plugin-badge{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--c-accent-secondary);border:1px solid var(--c-accent-secondary);border-radius:var(--radius-sm);margin-bottom:var(--space-3);padding:.25rem .5rem;font-weight:700;display:inline-block}.plugin-title{font-size:var(--fs-2xl);margin-bottom:var(--space-3)}.plugin-desc{color:var(--c-text-secondary);margin-bottom:var(--space-4)}.plugin-features{gap:var(--space-2);flex-wrap:wrap;display:flex}.plugin-features span{font-size:var(--fs-sm);border-radius:var(--radius-pill);border:1px solid var(--c-border);background:#ffffff0d;padding:.25rem .75rem}.plugin-visual{width:100%}.socc-term{border-radius:var(--radius-md);padding:var(--space-4);font-family:var(--font-mono);font-size:var(--fs-xs);border:1px solid var(--c-border);background:#000;line-height:1.5}.st-line{margin-bottom:2px}.c-dim{color:#64748b}.c-green{color:#22c55e}.site-footer{border-top:1px solid var(--c-border);padding:var(--space-6) 0 var(--space-4);background:#030508}.footer-layout{gap:var(--space-5);margin-bottom:var(--space-5);grid-template-columns:1fr;display:grid}@media (width>=768px){.footer-layout{grid-template-columns:2fr 1fr}}.footer-copy{color:var(--c-text-secondary);font-size:var(--fs-sm);margin-top:var(--space-3)}.footer-links h4{color:#fff;font-size:var(--fs-base);margin-bottom:var(--space-3)}.footer-links ul li{margin-bottom:var(--space-2)}.footer-links a{color:var(--c-text-secondary);font-size:var(--fs-sm)}.footer-links a:hover{color:var(--c-accent-primary)}.footer-bottom{border-top:1px solid var(--c-border);padding-top:var(--space-4);text-align:center;font-size:var(--fs-sm);color:var(--c-text-secondary)}.reveal{opacity:0;transition:opacity var(--ts-slow), transform var(--ts-slow);transform:translateY(20px)}.reveal-up{opacity:0;transition:opacity var(--ts-slow), transform var(--ts-slow);transition-delay:var(--delay,0s);transform:translateY(30px)}.reveal-delay-long{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1) .2s,transform .8s cubic-bezier(.16,1,.3,1) .2s;transform:translateY(20px)}.is-visible{opacity:1;transform:translateY(0)}.brand-img{width:auto;height:32px}.site-footer .brand-img{height:28px}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}