.glow-orb{pointer-events:none;z-index:-1;border-radius:50%;position:fixed}.glow-orb-1{background:radial-gradient(circle,#00ff411f 0%,#0000 65%);width:700px;height:700px;animation:20s ease-in-out infinite orb-drift-1;top:-300px;right:-200px}.glow-orb-2{background:radial-gradient(circle,#00ff4114 0%,#0000 65%);width:500px;height:500px;animation:25s ease-in-out infinite orb-drift-2;bottom:30%;left:-250px}.glow-orb-3{background:radial-gradient(circle,#00ff410f 0%,#0000 65%);width:400px;height:400px;animation:18s ease-in-out infinite orb-drift-3;top:60%;right:-100px}@keyframes orb-drift-1{0%,to{transform:translate(0)}50%{transform:translate(-40px,30px)}}@keyframes orb-drift-2{0%,to{transform:translate(0)}50%{transform:translate(30px,-20px)}}@keyframes orb-drift-3{0%,to{transform:translate(0)}50%{transform:translate(-20px,-30px)}}.hero{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 .cat-mascot{animation:hero-materialize 1.2s var(--ease-out-expo) .1s both}.hero .hero-tagline{animation:hero-materialize 1s var(--ease-out-expo) .35s both}.hero .hero-sub{animation:hero-materialize 1s var(--ease-out-expo) .5s both}.hero .cta-button{animation:hero-materialize 1s var(--ease-out-expo) .85s both}.hero .scroll-indicator{animation:hero-materialize 1s var(--ease-out-expo) 1.2s both}@keyframes hero-materialize{0%{opacity:0;filter:blur(6px);transform:translateY(24px)}to{opacity:1;filter:blur();transform:translateY(0)}}.cat-mascot{margin-bottom:48px;animation:6s ease-in-out infinite float;position:relative}.cat-mascot:before,.cat-mascot:after{content:"";pointer-events:none;border-radius:28px;width:100%;height:100%;position:absolute;top:0;left:0}.cat-mascot:before{animation:10s ease-in-out infinite ghost-drift-a;box-shadow:30px -18px 80px #00ff411f}.cat-mascot:after{animation:12s ease-in-out 2s infinite ghost-drift-b;box-shadow:-25px 22px 80px #00ff411a}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes ghost-drift-a{0%,to{opacity:.5;transform:translate(0)}33%{opacity:1;transform:translate(18px,-10px)}66%{opacity:.6;transform:translate(-8px,6px)}}@keyframes ghost-drift-b{0%,to{opacity:.4;transform:translate(0)}40%{opacity:.9;transform:translate(-14px,12px)}70%{opacity:.5;transform:translate(10px,-6px)}}.cat-icon{z-index:1;border-radius:32px;width:150px;height:150px;padding:16px;transition:box-shadow .4s;position:relative;box-shadow:0 0 0 1px #00ff411a,0 0 60px #00ff4126,0 0 120px #00ff4114}@media (max-width:640px){.cat-icon{border-radius:26px;width:120px;height:120px}}.cat-mascot:hover .cat-icon{box-shadow:0 0 0 1px #00ff4133,0 0 80px #00ff4140,0 0 160px #00ff411f}.hero-tagline{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:20px;font-size:max(1.5rem,min(4vw,2.5rem));font-weight:600}.hero-sub{color:var(--text-secondary);max-width:460px;margin-bottom:44px;font-size:1.0625rem;line-height:1.75}.scroll-indicator{color:var(--text-muted);animation:2.5s ease-in-out 2s infinite bounce;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.scroll-indicator svg{width:20px;height:20px}@media (max-width:640px){.scroll-indicator{display:none}}@keyframes bounce{0%,to{opacity:.5;transform:translate(-50%)translateY(0)}50%{opacity:1;transform:translate(-50%)translateY(10px)}}.demo-section{padding:0 0 100px}.demo-section .container{flex-direction:column;align-items:center;display:flex}.device-tabs{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;gap:4px;margin-bottom:24px;padding:4px;display:flex}.device-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:8px 24px;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .2s}.device-tab:hover:not(.active){color:var(--text-secondary)}.device-tab.active{background:var(--green-glow);color:var(--green-matrix)}.demo-device{flex-direction:column;align-items:center;display:flex;position:relative}.demo-hidden{visibility:hidden;pointer-events:none;opacity:0;position:absolute}.demo-caption{color:var(--text-muted);text-align:center;margin-top:16px;font-family:JetBrains Mono,monospace;font-size:.75rem}.phone-mockup{aspect-ratio:1080/1152;background:var(--bg-black);width:340px;box-shadow:0 0 0 1px #333, 0 30px 60px -10px #0009, 0 0 80px -20px var(--green-glow);border-radius:40px;padding:6px;position:relative}@media (max-width:480px){.phone-mockup{border-radius:36px;width:300px}}.demo-video{width:auto;max-width:90vw;max-height:70vh;box-shadow:0 30px 60px -10px #0009, 0 0 80px -20px var(--green-glow);border-radius:16px;display:block}.mac-mockup{background:var(--bg-black);width:100%;max-width:800px;box-shadow:0 0 0 1px #333, 0 30px 60px -10px #0009, 0 0 80px -20px var(--green-glow);border-radius:16px;position:relative;overflow:hidden}.mac-mockup-bar{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:var(--green-dim)}.video-placeholder{background:var(--bg-card);width:100%;height:100%;color:var(--text-muted);border-radius:34px;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-family:JetBrains Mono,monospace;font-size:.8125rem;display:flex}.video-placeholder svg{opacity:.4;width:32px;height:32px}@media (max-width:480px){.video-placeholder{border-radius:30px}}.video-placeholder-wide{aspect-ratio:16/10;border-radius:0;height:auto}.video-placeholder-gallery{aspect-ratio:4/3;border-radius:12px;height:auto}.video-placeholder-gallery svg{width:40px;height:40px}.gallery{margin-top:56px;margin-bottom:32px}.gallery-viewport{border:1px solid var(--border);background:var(--bg-card);border-radius:16px;overflow:hidden}.gallery-slide{grid-gap:0;animation:gallery-fade .4s var(--ease-out-expo);grid-template-columns:1fr 1fr;gap:0;display:grid}@media (max-width:640px){.gallery-slide{grid-template-columns:1fr}}@keyframes gallery-fade{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.gallery-image{border-right:1px solid var(--border);padding:20px}@media (max-width:640px){.gallery-image{border-right:none;border-bottom:1px solid var(--border);padding:16px}}.gallery-info{flex-direction:column;justify-content:center;padding:32px;display:flex}@media (max-width:640px){.gallery-info{padding:24px}}.gallery-counter{color:var(--text-muted);letter-spacing:.1em;margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:.6875rem}.gallery-title{margin-bottom:8px;font-size:1.125rem;font-weight:600}.gallery-desc{color:var(--text-secondary);font-size:.9375rem;line-height:1.7}.gallery-controls{justify-content:center;align-items:center;gap:16px;margin-top:20px;display:flex}.gallery-btn{background:var(--bg-card);border:1px solid var(--border);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;transition:all .2s;display:flex}.gallery-btn:hover{background:var(--green-glow);border-color:var(--green-dim);color:var(--green-matrix)}.gallery-dots{gap:8px;display:flex}.gallery-dot{background:var(--border);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .2s}.gallery-dot:hover{background:var(--text-muted)}.gallery-dot.active{background:var(--green-matrix);box-shadow:0 0 8px var(--green-glow)}.why-section{border-top:1px solid var(--border)}.why-content{max-width:620px}.why-content .section-text{margin-top:24px}.why-highlight{color:var(--green-soft);border-left:2px solid var(--green-dim);max-width:560px;padding:32px 0 32px 24px;font-size:1.375rem;font-weight:500;line-height:1.5}.why-fade{color:var(--text-muted);margin-top:32px;font-style:italic}.features-grid{grid-gap:20px;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:24px;display:grid}@media (max-width:768px){.features-grid{grid-template-columns:1fr}}.feature-card{background:var(--bg-card);border:1px solid var(--border-subtle);transition:all .4s var(--ease-out-expo);cursor:pointer;text-align:left;font-family:inherit;font-size:inherit;color:inherit;border-radius:16px;padding:32px;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg, transparent, var(--green-dim), transparent);opacity:0;height:1px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.feature-card:hover{box-shadow:0 20px 60px -20px #00000080, 0 0 40px var(--green-glow-deep);border-color:#00ff4126;transform:translateY(-4px)}.feature-card:hover:before{opacity:1}.feature-card.feature-card-active{border-color:var(--green-dim);box-shadow:0 0 30px var(--green-glow-deep)}.feature-card.feature-card-active:before{opacity:1}.feature-card.feature-card-active .feature-index{color:var(--green-matrix)}@media (min-width:768.02px){.feature-card:last-child:nth-child(odd){grid-column:1/-1;max-width:calc(50% - 10px)}}.feature-header{align-items:center;gap:14px;margin-bottom:14px;display:flex}.feature-index{color:var(--text-muted);letter-spacing:.05em;min-width:24px;font-family:JetBrains Mono,monospace;font-size:.6875rem}.feature-icon{background:var(--green-glow);width:40px;height:40px;color:var(--green-matrix);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:box-shadow .3s;display:flex}.feature-icon svg{width:20px;height:20px}.feature-card:hover .feature-icon{box-shadow:0 0 20px var(--green-glow)}.feature-title{flex:1;font-size:1.0625rem;font-weight:600}.feature-desc{color:var(--text-secondary);padding-left:54px;font-size:.9375rem;line-height:1.75}@media (max-width:768px){.feature-desc{padding-left:0}}.full-picture-section{border-top:1px solid var(--border)}.arch-diagram{justify-content:center;align-items:center;gap:40px;padding:72px 0 20px;display:flex}@media (max-width:640px){.arch-diagram{flex-direction:column;gap:20px;padding:48px 0 20px}}.arch-node{flex-direction:column;align-items:center;gap:10px;display:flex}.arch-icon{background:var(--bg-card);border:1px solid var(--border);width:72px;height:72px;color:var(--text-secondary);transition:all .4s var(--ease-out-expo);border-radius:18px;justify-content:center;align-items:center;display:flex}.arch-icon svg{width:28px;height:28px}.arch-mata-icon,.arch-moshi-icon{border-radius:8px;width:48px;height:48px}.arch-node-active .arch-icon{box-shadow:0 0 40px var(--green-glow), 0 0 80px var(--green-glow-deep);border-color:#00ff4140}.arch-name{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.875rem;font-weight:600}.arch-sub{color:var(--text-muted);font-size:.75rem}.arch-connector{align-items:center;display:flex}@media (max-width:640px){.arch-connector{margin:4px 0;transform:rotate(90deg)}}.arch-arrow{width:80px;height:12px}@media (max-width:640px){.arch-arrow{width:56px}}.arch-outputs{align-items:center;gap:28px;display:flex}@media (max-width:640px){.arch-outputs{gap:24px}}.arch-plus{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:1.25rem}.name-section{border-top:1px solid var(--border)}.name-grid{grid-gap:32px;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}.download-section{text-align:center;padding-bottom:120px}.download-card{background:var(--bg-card);border:1px solid var(--border);max-width:540px;box-shadow:0 0 80px var(--green-glow-deep), var(--shadow-card);border-radius:24px;margin:0 auto;padding:56px 48px;position:relative}.download-card:before{content:"";background:linear-gradient(90deg, transparent, var(--green-dim), transparent);height:1px;position:absolute;top:-1px;left:20%;right:20%}@media (max-width:480px){.download-card{padding:40px 24px}}.download-card .section-title{margin-bottom:12px}.download-text{color:var(--text-secondary);margin-bottom:36px;font-size:1.0625rem;line-height:1.7}.download-buttons{justify-content:center;align-items:center;gap:16px;display:flex}@media (max-width:480px){.download-buttons{flex-direction:column;gap:12px}}.download-ios{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;transition:all .3s var(--ease-out-expo);background:0 0;border-radius:12px;align-items:center;gap:8px;padding:16px 32px;font-family:inherit;font-size:1rem;font-weight:500;-webkit-text-decoration:none;text-decoration:none;display:inline-flex}.download-ios svg{width:20px;height:20px}.download-ios:hover{border-color:var(--green-dim);color:var(--green-soft);box-shadow:0 0 30px var(--green-glow-deep);transform:translateY(-2px)}@media (max-width:640px){.hero{padding:100px 20px 60px}}