@font-face{font-family:Space Grotesk;src:url(/assets/SpaceGrotesk-CSuDr9Yi.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-D-8-_w7P.woff2)format("woff2");font-weight:400 600;font-style:normal;font-display:swap}:root{--bg-deep:#0a0a0b;--bg-card:#111113;--bg-terminal:#0d0f0d;--green-matrix:#00ff41;--green-soft:#4ade80;--green-dim:#22c55e;--green-glow:#00ff4126;--green-glow-strong:#00ff414d;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#52525b;--gold-crown:#fbbf24;--border:#27272a}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-deep);color:var(--text-primary);min-height:100dvh;font-family:Space Grotesk,sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";opacity:.06;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 768 768' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}.glow-orb{background:radial-gradient(circle,var(--green-glow)0%,transparent 70%);pointer-events:none;z-index:-1;border-radius:50%;width:600px;height:600px;position:fixed}.glow-orb-1{opacity:.5;top:-200px;right:-200px}.glow-orb-2{opacity:.3;bottom:20%;left:-300px}.container{max-width:1100px;margin:0 auto;padding:0 24px}header{z-index:100;background:linear-gradient(to bottom,var(--bg-deep)0%,transparent 100%);padding:24px 0;position:fixed;top:0;left:0;right:0}.article-layout{background:var(--bg-deep)}.article-layout header{background:var(--bg-card);border-bottom:1px solid var(--border);position:relative}header .container{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--green-matrix);align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:600;text-decoration:none;display:flex}.logo-icon{width:auto;height:18px}.logo-icon #glow,.logo-icon #glow_2{animation:3s ease-in-out infinite logo-eye-glow}@keyframes logo-eye-glow{0%,to{opacity:.4}50%{opacity:.7}}.nav-cta{border:1px solid var(--green-dim);color:var(--green-soft);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:10px 20px;font-family:inherit;font-size:.875rem;line-height:1;text-decoration:none;transition:all .2s;display:inline-flex}.nav-cta:hover{background:var(--green-glow);border-color:var(--green-matrix);color:var(--green-matrix);box-shadow:0 0 20px var(--green-glow)}.hero{min-height:100vh;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:120px 24px 80px;display:flex;position:relative}.hero-centered{text-align:center}.hero-centered .terminal-window,.hero-centered .hero-sub{margin-left:auto;margin-right:auto}.cat-mascot{margin-bottom:40px;animation:6s ease-in-out infinite float;position:relative}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.cat-icon{border-radius:24px;width:140px;height:140px}@media (max-width:900px){.cat-icon{border-radius:20px;width:120px;height:120px}}.cat-icon #glow,.cat-icon #glow_2{animation:3s ease-in-out infinite eye-glow}.cat-icon #glow_2{animation-delay:.15s}@keyframes eye-glow{0%,to{opacity:.4}50%{opacity:.8}}.cat-icon #left,.cat-icon #right{transform-origin:50%;animation:4s ease-in-out infinite eye-blink}.cat-icon #right{animation-delay:50ms}@keyframes eye-blink{0%,42%,48%,to{transform:scaleY(1)}45%{transform:scaleY(.1)}}.cat-icon #iris,.cat-icon #iris_2{transition:transform .15s ease-out}.phone-mockup{width:290px;height:600px;box-shadow:0 0 0 1px #333,0 30px 60px -10px #0009,0 0 80px -20px var(--green-glow);background:#000;border-radius:40px;padding:6px;position:relative}.phone-video{object-fit:cover;border-radius:34px;width:100%;height:100%}.phone-caption{color:var(--text-secondary);text-align:center;margin-top:16px;font-family:JetBrains Mono,monospace;font-size:.75rem}@media (max-width:900px){.phone-mockup{border-radius:40px;width:300px;height:620px;padding:6px}.phone-video{border-radius:34px}}@media (max-width:480px){.phone-mockup{border-radius:36px;width:260px;height:538px}.phone-video{border-radius:30px}}.demo-section{padding:0 0 100px}.demo-section .container{justify-content:center;display:flex}.demo-pc{flex-direction:column;align-items:center;display:flex}.demo-mobile{flex-direction:column;align-items:center;display:none}.demo-caption{color:var(--text-secondary);text-align:center;margin-top:16px;font-family:JetBrains Mono,monospace;font-size:.75rem}.pc-mockup{width:100%;max-width:900px;box-shadow:0 0 0 1px #333,0 30px 60px -10px #0009,0 0 80px -20px var(--green-glow);background:#000;border-radius:12px;padding:8px;position:relative}.pc-video{border-radius:8px;width:100%;height:auto;display:block}.video-mute-btn{width:40px;height:40px;color:var(--text-primary);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;bottom:16px;right:16px}.video-mute-btn:hover{border-color:var(--green-dim);color:var(--green-soft);background:#000000d9}.phone-mockup .video-mute-btn{width:36px;height:36px;bottom:12px;right:12px}@media (max-width:900px){.demo-pc{display:none}.demo-mobile{display:flex}}.terminal-window{background:var(--bg-terminal);border:1px solid var(--border);width:100%;max-width:520px;box-shadow:0 0 0 1px #00ff411a,0 20px 50px -10px #00000080,0 0 100px -20px var(--green-glow);border-radius:12px;margin-bottom:48px;overflow:hidden}.terminal-header{background:var(--bg-card);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:12px 16px;display:flex}.terminal-dot{background:var(--text-muted);border-radius:50%;width:12px;height:12px}.terminal-dot.red{background:#ef4444}.terminal-dot.yellow{background:#eab308}.terminal-dot.green{background:#22c55e}.terminal-title{text-align:center;color:var(--text-muted);flex:1;font-family:JetBrains Mono,monospace;font-size:.75rem}.terminal-body{align-items:center;min-height:80px;padding:24px;font-family:JetBrains Mono,monospace;font-size:1.125rem;display:flex}.terminal-text{color:var(--green-matrix);text-shadow:0 0 10px var(--green-glow-strong)}.terminal-cursor{background:var(--green-matrix);width:10px;height:1.2em;box-shadow:0 0 10px var(--green-matrix);margin-left:2px;animation:1s step-end infinite cursor-blink;display:inline-block}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-tagline{letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:600}.hero-sub{color:var(--text-secondary);max-width:400px;margin-bottom:40px;font-size:1.125rem}.cta-button{background:var(--green-matrix);color:var(--bg-deep);cursor:pointer;box-shadow:0 0 30px var(--green-glow-strong);border:none;border-radius:12px;align-items:center;gap:8px;padding:16px 32px;font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.cta-button:hover{box-shadow:0 0 50px var(--green-glow-strong),0 10px 40px -10px var(--green-glow);transform:translateY(-2px)}.cta-button svg{width:20px;height:20px}.section{padding:100px 0}.section-label{color:var(--green-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px;font-family:JetBrains Mono,monospace;font-size:.75rem}.section-title{letter-spacing:-.02em;margin-bottom:24px;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:600}.section-text{color:var(--text-secondary);max-width:600px;font-size:1.125rem;line-height:1.8}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:60px;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:16px;padding:32px;transition:all .3s;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg,transparent,var(--green-dim),transparent);opacity:0;height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.feature-card:hover{border-color:var(--green-dim);transform:translateY(-4px);box-shadow:0 20px 40px -20px #00000080}.feature-card:hover:before{opacity:1}.feature-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.feature-icon{background:var(--green-glow);width:40px;height:40px;color:var(--green-matrix);border-radius:10px;justify-content:center;align-items:center;display:flex}.feature-icon svg{width:20px;height:20px}.feature-title{font-size:1.125rem;font-weight:600}.crown{color:var(--gold-crown);margin-left:4px}.feature-desc{color:var(--text-secondary);font-size:.9375rem;line-height:1.7}.feature-image-container{aspect-ratio:1;background:var(--bg-deep);border:1px solid var(--border);cursor:pointer;border-radius:12px;margin-top:20px;position:relative;overflow:hidden}.feature-image{object-fit:cover;opacity:.85;width:100%;height:100%;transition:opacity .3s,transform .3s}.feature-card:hover .feature-image{opacity:1;transform:scale(1.02)}.lightbox-overlay{z-index:1001;opacity:0;visibility:hidden;cursor:pointer;background:#000000f2;justify-content:center;align-items:center;padding:40px;transition:all .3s;display:flex;position:fixed;inset:0}.lightbox-overlay.active{opacity:1;visibility:visible}.lightbox-close{background:var(--bg-card);border:1px solid var(--border);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;z-index:10;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:24px;right:24px}.lightbox-close:hover{background:var(--bg-deep);color:var(--text-primary);border-color:var(--green-dim)}.lightbox-content{align-items:center;gap:60px;max-width:900px;max-height:100%;display:flex}.lightbox-image{max-height:80vh;object-fit:contain;border-radius:16px;width:auto;max-height:80dvh;animation:.5s cubic-bezier(.16,1,.3,1) forwards lightbox-image-in;box-shadow:0 0 60px #00ff4126}@keyframes lightbox-image-in{0%{opacity:0;transform:scale(.9)translate(-20px)}to{opacity:1;transform:scale(1)translate(0)}}.lightbox-info{opacity:0;flex:1;min-width:200px;max-width:340px;animation:.6s cubic-bezier(.16,1,.3,1) .1s forwards lightbox-info-in}@keyframes lightbox-info-in{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.lightbox-title{color:var(--text-primary);margin-bottom:12px;font-size:1.5rem;font-weight:600}.lightbox-desc{color:var(--green-soft);margin-bottom:20px;font-size:1rem;font-weight:500;line-height:1.6}.lightbox-long-desc{color:var(--text-secondary);font-size:.9375rem;line-height:1.8}@media (max-width:768px){.lightbox-content{flex-direction:column;gap:24px}.lightbox-image{max-height:50vh;max-height:50dvh;animation:.5s cubic-bezier(.16,1,.3,1) forwards lightbox-image-in-mobile}@keyframes lightbox-image-in-mobile{0%{opacity:0;transform:scale(.9)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}.lightbox-info{text-align:center;max-width:100%;animation:.6s cubic-bezier(.16,1,.3,1) .1s forwards lightbox-info-in-mobile}@keyframes lightbox-info-in-mobile{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}.pricing-section{text-align:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:80px 0}.pricing-badge{background:var(--green-glow);border:1px solid var(--green-dim);color:var(--green-matrix);border-radius:100px;margin-bottom:24px;padding:8px 16px;font-family:JetBrains Mono,monospace;font-size:.875rem;display:inline-block}.pricing-text{color:var(--text-secondary);font-size:1.125rem}.pricing-text .crown{font-size:1rem}.name-section{padding:100px 0}.name-grid{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px;display:grid}@media (max-width:768px){.name-grid{grid-template-columns:1fr}}.name-card{text-align:center;padding:32px 24px}.name-jp{color:var(--green-matrix);text-shadow:0 0 30px var(--green-glow);margin-bottom:8px;font-family:serif;font-size:2.5rem;font-weight:500}.name-romaji{color:var(--text-muted);margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:.875rem}.name-meaning{color:var(--text-secondary);font-size:.9375rem}.site-footer{border-top:1px solid var(--border);background:var(--bg-card);padding:80px 0 40px}.footer-cta-section{text-align:center;border-bottom:1px solid var(--border);margin-bottom:60px;padding-bottom:60px}.footer-tagline{color:var(--text-muted);margin-bottom:24px;font-family:JetBrains Mono,monospace;font-size:1rem}.footer-grid{grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:60px;display:grid}.footer-column{flex-direction:column;gap:16px;display:flex}.footer-heading{color:var(--green-dim);text-transform:uppercase;letter-spacing:.1em;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600}.footer-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.footer-list a{color:var(--text-secondary);font-size:.9375rem;text-decoration:none;transition:color .2s}.footer-list a:hover{color:var(--green-soft)}.footer-bottom{border-top:1px solid var(--border);text-align:center;padding-top:40px}.footer-copy{color:var(--text-muted);font-size:.8125rem}@media (max-width:768px){.footer-grid{grid-template-columns:repeat(2,1fr);gap:32px}}@media (max-width:480px){.site-footer{padding:60px 0 32px}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-cta-section{margin-bottom:40px;padding-bottom:40px}}.scroll-indicator{color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;font-size:.75rem;animation:2s ease-in-out infinite bounce;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}.scroll-indicator svg{width:20px;height:20px}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;opacity:0;visibility:hidden;background:#000c;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;visibility:visible}.modal{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:20px;width:90%;max-width:400px;padding:40px;transition:transform .3s;position:relative;transform:scale(.9)translateY(20px);box-shadow:0 0 60px #00ff411a}.modal-overlay.active .modal{transform:scale(1)translateY(0)}.modal-avatar{border:2px solid var(--green-dim);width:80px;height:80px;box-shadow:0 0 20px var(--green-glow);border-radius:50%;margin:0 auto 24px}.modal-title{margin-bottom:12px;font-size:1.5rem;font-weight:600}.modal-text{color:var(--text-secondary);margin-bottom:28px;line-height:1.6}.modal-twitter{color:#fff;cursor:pointer;background:#000;border:1px solid #333;border-radius:100px;align-items:center;gap:10px;padding:14px 28px;font-family:inherit;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.modal-twitter:hover{background:#1a1a1a;border-color:#555}.modal-twitter svg{width:20px;height:20px}.modal-testflight{color:var(--text-muted);margin-top:12px;font-size:.85rem;text-decoration:none;transition:color .2s;display:block}.modal-testflight:hover{color:var(--text-secondary)}.modal-close{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{background:var(--bg-deep);color:var(--text-primary)}.legal-page{min-height:calc(100vh - 200px);min-height:calc(100dvh - 200px);padding:40px 0 80px}.legal-page h1{letter-spacing:-.02em;margin-bottom:8px;font-size:2.5rem;font-weight:600}.legal-page .last-updated{color:var(--text-muted);margin-bottom:48px;font-size:.875rem}.legal-page section{margin-bottom:40px}.legal-page h2{color:var(--green-soft);margin-bottom:16px;font-size:1.25rem;font-weight:600}.legal-page h3{color:var(--text-primary);margin:24px 0 12px;font-size:1rem;font-weight:600}.legal-page p{color:var(--text-secondary);margin-bottom:16px;line-height:1.8}.legal-page ul{color:var(--text-secondary);margin-bottom:16px;padding-left:24px;line-height:1.8}.legal-page li{margin-bottom:8px}.legal-page a{color:var(--green-matrix);text-decoration:none;transition:opacity .2s}.legal-page a:hover{opacity:.8}.legal-page strong{color:var(--text-primary)}.articles-index{min-height:calc(100vh - 200px);min-height:calc(100dvh - 200px);padding:40px 0 80px}.articles-header{margin-bottom:60px}.articles-grid{flex-direction:column;gap:20px;display:flex}.article-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;align-items:center;gap:24px;padding:32px;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.article-card:before{content:"";background:linear-gradient(90deg,transparent,var(--green-dim),transparent);opacity:0;height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.article-card:hover{border-color:var(--green-dim);transform:translateY(-2px);box-shadow:0 20px 40px -20px #00000080}.article-card:hover:before{opacity:1}.article-card-image{background:var(--bg-deep);border:1px solid var(--border);border-radius:12px;flex-shrink:0;width:120px;height:120px;overflow:hidden}.article-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.article-card:hover .article-card-image img{transform:scale(1.05)}.article-card-content{flex:1}.article-card-title{color:var(--text-primary);margin-bottom:8px;font-size:1.25rem;font-weight:600;line-height:1.4}.article-card-desc{color:var(--text-secondary);margin-bottom:16px;font-size:.9375rem;line-height:1.6}.article-card-meta{flex-wrap:wrap;gap:20px;display:flex}.article-card-arrow{color:var(--green-dim);transition:all .2s}.article-card:hover .article-card-arrow{color:var(--green-matrix);transform:translate(4px)}.article-page{min-height:calc(100vh - 200px);min-height:calc(100dvh - 200px);padding:40px 0 80px}.article-page .container{max-width:800px}.article-back{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:40px;font-size:.875rem;text-decoration:none;transition:color .2s;display:inline-flex}.article-back:hover{color:var(--green-soft)}.article-header{border-bottom:1px solid var(--border);margin-bottom:48px;padding-bottom:32px}.article-header-image{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;margin-top:32px;overflow:hidden}.article-header-image img{width:100%;height:auto;display:block}.article-title{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:16px;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;line-height:1.2}.article-description{color:var(--text-secondary);margin-bottom:24px;font-size:1.125rem;line-height:1.6}.article-meta{flex-wrap:wrap;gap:24px;display:flex}.article-meta-item{color:var(--text-muted);align-items:center;gap:6px;font-size:.875rem;display:inline-flex}.article-meta-item svg{color:var(--green-dim)}.article-content{color:var(--text-secondary);font-size:1.0625rem;line-height:1.8}.article-content h1{display:none}.article-content h2{color:var(--text-primary);letter-spacing:-.02em;margin-top:56px;margin-bottom:20px;font-size:1.5rem;font-weight:600}.article-content h3{color:var(--green-soft);margin-top:40px;margin-bottom:16px;font-size:1.25rem;font-weight:600}.article-content h4{color:var(--text-primary);margin-top:32px;margin-bottom:12px;font-size:1.125rem;font-weight:600}.article-content p{margin-bottom:20px}.article-content a{color:var(--green-matrix);text-decoration:none;transition:opacity .2s}.article-content a:hover{opacity:.8;text-decoration:underline}.article-content strong{color:var(--text-primary);font-weight:600}.article-content em{color:var(--text-secondary);font-style:italic}.article-content ul,.article-content ol{margin-bottom:20px;padding-left:24px}.article-content li{margin-bottom:8px}.article-content li::marker{color:var(--green-dim)}.article-content blockquote{border-left:3px solid var(--green-dim);color:var(--text-secondary);background:var(--bg-card);border-radius:0 12px 12px 0;margin:28px 0;padding:20px 24px;font-style:italic}.article-content blockquote p{margin-bottom:0}.article-content hr{background:var(--border);border:none;height:1px;margin:48px 0}.article-content code{background:var(--bg-card);color:var(--green-matrix);border-radius:4px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:.875em}.code-block-wrapper{margin:24px 0;position:relative}.code-block-wrapper pre{margin:0}.code-copy-button{background:var(--bg-card);border:1px solid var(--border);width:36px;height:36px;color:var(--text-muted);cursor:pointer;z-index:10;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.code-copy-button:hover{background:var(--bg-deep);color:var(--green-soft);border-color:var(--green-dim)}.code-copy-button:active{transform:scale(.95)}.article-content pre{background:var(--bg-terminal);border:1px solid var(--border);border-radius:12px;margin:24px 0;padding:24px;line-height:1;position:relative;overflow-x:auto}.article-content pre code{color:var(--text-secondary);background:0 0;padding:0;font-size:.875rem;line-height:1}.article-content pre .hljs-keyword,.article-content pre .hljs-selector-tag{color:#c792ea}.article-content pre .hljs-string,.article-content pre .hljs-attr{color:#c3e88d}.article-content pre .hljs-comment{color:var(--text-muted);font-style:italic}.article-content pre .hljs-function,.article-content pre .hljs-title{color:#82aaff}.article-content pre .hljs-number{color:#f78c6c}.article-content pre .hljs-variable,.article-content pre .hljs-params{color:var(--text-primary)}.article-content pre .hljs-built_in{color:#ffcb6b}.article-content table{border-collapse:collapse;-webkit-overflow-scrolling:touch;width:100%;margin:28px 0;font-size:.9375rem;display:block;overflow-x:auto}.article-content th{background:var(--bg-card);color:var(--green-soft);text-align:left;border-bottom:2px solid var(--green-dim);white-space:nowrap;padding:12px 16px;font-weight:600}.article-content td{border-bottom:1px solid var(--border);color:var(--text-secondary);padding:12px 16px}.article-content td:first-child{white-space:nowrap}.article-content tr:hover td{background:var(--bg-card)}.article-content p:has(strong:first-child){background:var(--bg-card);border:1px solid var(--green-dim);border-radius:12px;margin:24px 0;padding:20px 24px}.article-loading{flex-direction:column;gap:16px;padding:40px 0;display:flex}.article-loading-bar{background:var(--bg-card);border-radius:8px;height:16px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.8}}.article-not-found{text-align:center;min-height:calc(100vh - 200px);justify-content:center;align-items:center;min-height:calc(100dvh - 200px);display:flex}.article-not-found h1{margin-bottom:16px;font-size:2rem}.article-not-found p{color:var(--text-secondary);margin-bottom:32px}.article-content pre:has(code:not([class])){background:var(--bg-card);font-size:.75rem;line-height:1.4}.article-content pre:has(code:not([class])) code{color:var(--green-soft)}@media (max-width:640px){.article-page{padding:24px 0 60px}.article-title{font-size:1.5rem}.article-meta{gap:16px}.article-content h2{margin-top:40px;font-size:1.25rem}.article-content h3{font-size:1.125rem}.code-block-wrapper{margin-left:-24px;margin-right:-24px}.article-content pre{border-radius:0;padding:16px}.code-copy-button{width:32px;height:32px;top:8px;right:8px}.article-content table{font-size:.8125rem}.article-content th,.article-content td{padding:8px 12px}.article-card{flex-direction:column;align-items:flex-start;gap:16px}.article-card-image{width:100%;height:160px}.article-card-arrow{align-self:flex-end}.hero{padding:100px 20px 60px}.scroll-indicator{display:none}.terminal-body{padding:20px;font-size:.875rem}.features-grid{grid-template-columns:1fr}.nav-cta{padding:8px 16px;font-size:.8125rem}}.article-image{cursor:pointer;margin:32px 0;transition:transform .2s}.article-image:hover{transform:scale(1.01)}.article-image-placeholder{background:var(--bg-card);border-radius:12px;width:100%;height:300px;margin:32px 0}.article-image--vertical{align-items:center;gap:24px;display:flex}.article-image--vertical .article-image__wrapper{background:var(--bg-card);border-radius:12px;flex-shrink:0;width:280px;height:280px;overflow:hidden}.article-image--vertical .article-image__img{object-fit:cover;width:100%;height:100%}.article-image--vertical .article-image__caption{color:var(--text-secondary);flex:1;font-size:1rem;line-height:1.6}.article-image--horizontal{flex-direction:column;gap:12px;display:flex}.article-image--horizontal .article-image__wrapper{background:var(--bg-card);border-radius:12px;width:100%;overflow:hidden}.article-image--horizontal .article-image__img{width:100%;height:auto;display:block}.article-image--horizontal .article-image__caption{color:var(--text-muted);text-align:center;font-size:.875rem}.article-lightbox-overlay{z-index:1000;opacity:0;visibility:hidden;background:#000000f2;justify-content:center;align-items:center;padding:40px;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.article-lightbox-overlay.active{opacity:1;visibility:visible}.article-lightbox-close{background:var(--bg-card);border:1px solid var(--border);width:48px;height:48px;color:var(--text-secondary);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:24px;right:24px}.article-lightbox-close:hover{background:var(--bg-deep);color:var(--text-primary)}.article-lightbox-content{align-items:center;gap:48px;max-width:90vw;display:flex}.article-lightbox-image{max-height:80vh;border-radius:16px;width:auto;max-width:60vw;max-height:80dvh;animation:.5s cubic-bezier(.16,1,.3,1) forwards article-lightbox-image-in;box-shadow:0 0 60px #00ff4126}@keyframes article-lightbox-image-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.article-lightbox-info{opacity:0;flex:1;min-width:200px;max-width:340px;animation:.6s cubic-bezier(.16,1,.3,1) .1s forwards article-lightbox-info-in}@keyframes article-lightbox-info-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.article-lightbox-caption{color:var(--text-secondary);font-size:1.125rem;line-height:1.6}@media (max-width:768px){.article-image--vertical{flex-direction:column}.article-image--vertical .article-image__wrapper{aspect-ratio:1;width:100%;max-width:280px;height:auto;margin:0 auto}.article-image--vertical .article-image__caption{text-align:center}.article-lightbox-overlay{padding:12px}.article-lightbox-content{flex-direction:column;gap:16px}.article-lightbox-image{max-height:70vh;max-width:100%;max-height:70dvh;animation:.5s cubic-bezier(.16,1,.3,1) forwards article-lightbox-image-in-mobile}@keyframes article-lightbox-image-in-mobile{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.article-lightbox-info{text-align:center;max-width:100%;animation:.6s cubic-bezier(.16,1,.3,1) .1s forwards article-lightbox-info-in-mobile}@keyframes article-lightbox-info-in-mobile{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}