@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg-dark:#1f1f1f;--bg-darker:#171717;--bg-green:#2f5e41;--text-main:#fff;--text-muted:#aaa;--btn-dark:#242424;--btn-dark-hover:#333}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{background-color:var(--bg-dark);color:var(--text-main);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.neko-nav{background-color:var(--bg-darker);justify-content:space-between;align-items:center;padding:1.2rem 3rem;font-size:.95rem;font-weight:500;display:flex}.neko-nav .nav-left,.neko-nav .nav-right{align-items:center;gap:1.5rem;display:flex}.neko-nav a{color:#ddd;align-items:center;gap:.4rem;transition:color .2s;display:flex}.neko-nav a:hover{color:#fff}.neko-nav svg{width:14px;height:14px}.nav-logo-small{align-items:center;gap:.5rem;margin-right:1rem;text-decoration:none;display:flex}.nav-cat-logo{object-fit:contain;width:auto;height:54px}.logo-text-small{color:#000;text-shadow:-1.5px -1.5px #fff,1.5px -1.5px #fff,-1.5px 1.5px #fff,1.5px 1.5px #fff;letter-spacing:-1px;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:900;display:inline-block}.neko-hero{background-color:var(--bg-green);text-align:center;padding:6rem 1rem}.hero-logo-wrapper{margin-bottom:2rem;display:inline-block;position:relative}.hero-logo-text{color:#000;text-shadow:-3px -3px #fff,3px -3px #fff,-3px 3px #fff,3px 3px #fff,-4px 0 #fff,4px 0 #fff,0 -4px #fff,0 4px #fff;letter-spacing:-.04em;font-family:Inter,sans-serif;font-size:7.5rem;font-weight:900;line-height:1}.bear-letter-o{color:#0000;text-shadow:none;display:inline-block;position:relative}.funny-cat{z-index:2;pointer-events:none;width:auto;height:1.3em;position:absolute;top:50%;left:50%;transform:translate(-45%,-52%)rotate(0)}.hero-subtitle{color:#fff;margin-bottom:2.5rem;font-size:1.5rem;font-weight:400}.hero-buttons{justify-content:center;gap:1rem;display:flex}.btn-dark{background-color:var(--btn-dark);color:#fff;border-radius:4px;align-items:center;gap:.5rem;padding:.8rem 2rem;font-size:1rem;font-weight:600;transition:background-color .2s;display:inline-flex}.btn-dark:hover{background-color:var(--btn-dark-hover)}.btn-github span{background:#ffffff1a;border-radius:4px;margin-left:.5rem;padding:.2rem .5rem;font-size:.9rem}.warning-banner{color:#fff;text-align:center;background-color:#5c1818;padding:1.5rem;font-size:.95rem}.warning-banner strong{color:#fc0}.neko-container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.welcome-text{text-align:center;color:#ddd;max-width:900px;margin:0 auto;padding:4rem 0 3rem;font-size:1.05rem;line-height:1.8}.use-cases-grid{grid-template-columns:repeat(3,1fr);gap:4rem 3rem;margin-bottom:5rem;display:grid}.use-case-card{text-align:center}.use-case-img{width:100%;height:160px;color:var(--bg-green);background-color:#ffffff05;border-radius:12px;justify-content:center;align-items:center;margin-bottom:1.5rem;transition:transform .3s;display:flex}.use-case-card:hover .use-case-img{background-color:#ffffff0a;transform:translateY(-5px)}.use-case-img svg{width:64px;height:64px}.use-case-card h3{margin-bottom:.75rem;font-size:1.15rem;font-weight:600}.use-case-card p{color:var(--text-muted);font-size:.9rem;line-height:1.6}.browser-mockup{background:#2a2a2a;border:1px solid #333;border-radius:8px;margin:3rem 0 6rem;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.browser-mockup-header{background:#333;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.mockup-controls{gap:.5rem;display:flex}.mockup-controls .dot{background:#ff5f56;border-radius:50%;width:12px;height:12px}.mockup-controls .dot:nth-child(2){background:#ffbd2e}.mockup-controls .dot:nth-child(3){background:#27c93f}.mockup-url{color:#888;background:#1f1f1f;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;width:50%;padding:.3rem 1rem;font-size:.85rem;display:flex}.mockup-tabs{color:#888;gap:1rem;display:flex}.browser-mockup-body{background:#151515;justify-content:center;align-items:center;height:550px;display:flex;position:relative}.mockup-toolbar{color:#888;background:#222;border-top:1px solid #333;align-items:center;gap:1rem;width:100%;height:40px;padding:0 1rem;display:flex;position:absolute;bottom:0;left:0}.mockup-login-box{background:var(--bg-green);text-align:center;border-radius:4px;width:340px;padding:3rem 2.5rem;box-shadow:0 10px 30px #0000004d}.mockup-login-box input{color:#000;background:#fff;border:none;border-radius:4px;width:100%;margin-bottom:1rem;padding:.8rem;font-size:.95rem}.mockup-login-box button{color:#fff;cursor:pointer;background:#222;border:none;border-radius:4px;width:100%;padding:.8rem;font-size:.95rem;font-weight:700;transition:background .2s}.mockup-login-box button:hover{background:#111}.features-section{padding-bottom:5rem}.features-title{text-align:center;margin-bottom:5rem;font-size:2rem;font-weight:700}.feature-row{align-items:center;gap:5rem;margin-bottom:6rem;display:flex}.feature-row.reverse{flex-direction:row-reverse}.feature-text{flex:1}.feature-text h3{margin-bottom:1rem;font-size:1.4rem;font-weight:600}.feature-text p{color:var(--text-muted);font-size:.95rem;line-height:1.7}.feature-image{height:280px;color:var(--bg-green);background:#ffffff03;border-radius:12px;flex:1;justify-content:center;align-items:center;display:flex}.feature-image svg{stroke-width:1.5px;width:120px;height:120px}.neko-footer{background-color:var(--bg-darker);border-top:1px solid #2a2a2a;padding:4rem 2rem 2rem}.footer-grid{grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1100px;margin:0 auto;display:grid}.footer-col h4{margin-bottom:1.5rem;font-size:1rem;font-weight:600}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:.8rem}.footer-col a{color:var(--text-muted);font-size:.9rem;transition:color .2s}.footer-col a:hover{color:#fff}.copyright{text-align:center;color:var(--text-muted);margin-top:5rem;font-size:.85rem}@media (width<=900px){.use-cases-grid{grid-template-columns:repeat(2,1fr)}.hero-logo-text{font-size:5.5rem}}@media (width<=768px){.neko-nav{flex-direction:column;gap:1rem}.use-cases-grid{grid-template-columns:1fr}.feature-row,.feature-row.reverse{text-align:center;flex-direction:column;gap:3rem}.footer-grid{grid-template-columns:1fr 1fr}.hero-logo-text{font-size:4rem}}