:root{--bg-color:#000;--text-primary:#f5f5f7;--text-secondary:#86868b;--accent-color:#2997ff;--accent-hover:#0077ed;--surface-color:#1d1d1f;--surface-border:#ffffff1a;--glass-bg:#000000b8;--glass-border:#ffffff26;--error-color:#ff3b30}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);cursor:default;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;line-height:1.5;position:relative;overflow-x:hidden}html{scroll-behavior:smooth}h1,h2,h3{letter-spacing:-.04em}p{letter-spacing:-.01em}.navbar{background:var(--glass-bg);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--surface-border);z-index:100;justify-content:space-between;align-items:center;width:100%;padding:1rem 3rem;display:flex;position:fixed;top:0}.logo-link{align-items:center;gap:.75rem;text-decoration:none;display:flex}.logo-img{object-fit:cover;border-radius:8px;width:32px;height:32px}.logo-text{color:var(--text-primary);letter-spacing:-.02em;font-size:1.25rem;font-weight:600}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a{color:var(--text-secondary);font-size:.85rem;font-weight:400;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text-primary)}.nav-cta{background:var(--text-primary);border-radius:999px;padding:.4rem 1rem;color:var(--bg-color)!important;font-weight:500!important;transition:opacity .2s!important}.nav-cta:hover{opacity:.9}.hero{justify-content:space-between;align-items:center;max-width:1200px;min-height:100vh;margin:0 auto;padding:8rem 4rem 4rem;display:flex}.hero-content{flex:1;max-width:500px;animation:1.2s cubic-bezier(.16,1,.3,1) forwards fade-in-up}.hero-title{margin-bottom:1rem;font-size:4.5rem;font-weight:700;line-height:1.05}.highlight{color:#0000;background:linear-gradient(120deg,#d8b4fe 0%,#818cf8 100%);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.25rem;font-weight:400}.primary-btn{background:var(--text-primary);color:var(--bg-color);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.8rem 1.8rem;font-size:1rem;font-weight:500;transition:transform .2s cubic-bezier(.16,1,.3,1),opacity .2s;display:inline-flex}.primary-btn:hover{opacity:.95;transform:scale(1.02)}.download-stats{color:var(--text-secondary);margin-top:1.5rem;font-size:.85rem}.counter-highlight{color:var(--text-primary);font-weight:600}.hero-visual{flex:1.2;justify-content:flex-end;animation:1.5s cubic-bezier(.16,1,.3,1) forwards fade-in;display:flex}.hero-img-mockup{object-fit:cover;border-radius:16px;width:100%;max-width:650px;height:auto;box-shadow:0 30px 60px #00000080}.features{max-width:1200px;margin:0 auto;padding:8rem 4rem}.section-title{text-align:center;margin-bottom:5rem;font-size:3.5rem;font-weight:700;line-height:1.1}.bento-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:280px;gap:1.5rem;width:100%;display:grid}.bento-backdrop{-webkit-backdrop-filter:blur(12px);z-index:99;opacity:0;pointer-events:none;background:#000000b3;width:100vw;height:100vh;transition:opacity .5s ease-in-out;position:fixed;top:0;left:0}.bento-backdrop.is-active{opacity:1;pointer-events:auto}.bento-card{background:var(--surface-color);border:1px solid var(--surface-border);opacity:0;border-radius:32px;flex-direction:column;justify-content:flex-end;transition:transform .4s cubic-bezier(.25,1,.5,1),z-index linear;display:flex;position:relative;transform:translateY(30px)}.bento-card.is-visible{opacity:1;transform:translateY(0)}.bento-card.is-expanded{z-index:100;transform:translate(var(--tx,0px), var(--ty,0px));border-color:#0000;transition:transform .5s cubic-bezier(.25,1,.5,1),z-index}.span-2-col{grid-column:span 2}.span-2-row{grid-row:span 2}.span-1{grid-area:span 1/span 1}.bento-video{object-fit:cover;z-index:1;pointer-events:none;border-radius:32px;width:100%;height:100%;transition:all .5s cubic-bezier(.25,1,.5,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bento-content{z-index:2;pointer-events:none;background:linear-gradient(#0000 0%,#0006 40%,#000000e6 100%);border-radius:0 0 32px 32px;width:100%;padding:2rem;transition:opacity .4s;position:relative}.bento-card.is-expanded .bento-video{aspect-ratio:1.53;object-fit:cover;z-index:20;pointer-events:auto;border-radius:20px;width:75vw;height:auto;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 40px 100px #000000e6,0 0 0 1px #ffffff26}.bento-card.is-expanded .bento-content{opacity:0}.bento-card h3{color:#fff;letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.4rem;font-weight:600}.bento-card p{color:#ffffffd9;font-size:1.05rem;line-height:1.4}@media (width<=900px){.bento-grid{grid-template-columns:1fr;grid-auto-rows:320px}.span-2-col,.span-2-row,.span-1{grid-area:span 1/span 1}}.footer{border-top:1px solid var(--surface-border);max-width:1200px;margin:0 auto;padding:3rem 4rem}.footer-content{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.footer-brand{color:var(--text-primary);align-items:center;gap:.5rem;font-weight:600;display:flex}.footer-links a{color:var(--text-secondary);font-size:.85rem;text-decoration:none}.footer-links a:hover{color:var(--text-primary)}.copyright{color:var(--text-secondary);text-align:left;font-size:.8rem}.creator-section{text-align:center;justify-content:center;align-items:center;min-height:80vh;padding:8rem 2rem;display:flex}.creator-card{max-width:600px;animation:.8s cubic-bezier(.16,1,.3,1) forwards fade-in-up}.creator-avatar{object-fit:cover;border:3px solid #ffffff26;border-radius:32px;width:240px;height:240px;margin-bottom:2rem;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1);box-shadow:0 16px 40px #0009,0 0 0 1px #ffffff0d}.creator-avatar:hover{border-color:var(--accent-color);transform:scale(1.04)translateY(-6px);box-shadow:0 24px 50px #2997ff40,0 0 0 1px #2997ff4d}.creator-name{margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.creator-role{color:var(--accent-color);margin-bottom:1.5rem;font-weight:500}.creator-bio{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.1rem}.modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:1000;opacity:0;visibility:hidden;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{background:var(--surface-color);border:1px solid var(--surface-border);border-radius:20px;width:100%;max-width:400px;padding:3rem;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;transform:scale(.95);box-shadow:0 25px 50px #00000080}.modal-overlay.active .modal-content{transform:scale(1)}.close-modal{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.5rem;position:absolute;top:1.2rem;right:1.2rem}.close-modal:hover{color:var(--text-primary)}.modal-content h2{margin-bottom:.5rem;font-size:1.5rem}.modal-content p{color:var(--text-secondary);margin-bottom:2rem;font-size:.9rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem;display:block}.form-group input{border:1px solid var(--surface-border);width:100%;color:var(--text-primary);background:#000;border-radius:10px;padding:.8rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.form-group input:focus{border-color:var(--accent-color);outline:none}.submit-btn{background:var(--text-primary);width:100%;color:var(--bg-color);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;padding:.9rem;font-size:.95rem;font-weight:500;transition:opacity .2s;display:flex}.submit-btn:hover{opacity:.9}#cursor-shards{pointer-events:none;z-index:9999;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.cursor-pixel{opacity:0;will-change:transform, opacity;background:#ffffffd9;transition:opacity 1s;position:absolute;top:0;left:0;transform:translate(0,0);box-shadow:0 0 6px #fff6}.cursor-pixel.active{opacity:1}.installation{max-width:1000px;margin:0 auto;padding:6rem 4rem}.install-container{background:var(--surface-color);border:1px solid var(--surface-border);border-radius:20px;padding:3rem}.install-text h2{margin-bottom:1rem;font-size:2rem;font-weight:700}.install-text p{color:var(--text-secondary);margin-bottom:2rem}.install-steps{color:var(--text-primary);margin-bottom:3rem;margin-left:1.5rem;line-height:1.8}.install-steps li{margin-bottom:.5rem}.terminal-box{border:1px solid var(--surface-border);background:#000;border-radius:12px;font-family:Menlo,Monaco,Courier New,monospace;overflow:hidden}.terminal-header{border-bottom:1px solid var(--surface-border);background:#1d1d1f;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.terminal-title{color:var(--text-secondary);margin-left:1rem;font-family:-apple-system,sans-serif;font-size:.8rem}.terminal-body{padding:1.5rem}.terminal-comment{color:#6c7086;margin-bottom:.5rem;font-size:.85rem}.terminal-body code{color:#a6accd;white-space:pre-wrap;word-break:break-all;font-size:.9rem;display:block}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.loader{border:2px solid #0003;border-top-color:#000;border-radius:50%;width:18px;height:18px;animation:1s linear infinite spin}.hidden{display:none!important}@media (width<=900px){.hero{text-align:center;flex-direction:column;gap:3rem;padding-top:7rem}.hero-content{flex-direction:column;align-items:center;display:flex}}@media (width<=600px){.hero-title{font-size:3rem}.navbar{padding:1rem 1.5rem}.features{padding:4rem 1.5rem}}.google-auth-btn{color:#1f1f1f;cursor:pointer;background:#fff;border:1px solid #d2d2d2;border-radius:8px;justify-content:center;align-items:center;gap:12px;width:100%;padding:.8rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000001a}.google-auth-btn:hover{background:#f8f8f8;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.google-auth-btn:active{transform:translateY(0)}.google-auth-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}