:root{--bg-color:#050505;--text-color:#fff;--accent-cyan:#00f2ff;--accent-purple:#7000ff;--accent-green:#0f8;--accent-amber:#fa0;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-hover:#ffffff14;--font-main:"Inter", sans-serif;--font-heading:"Outfit", sans-serif;--cursor-size:20px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);-webkit-font-smoothing:antialiased;cursor:none;overflow-x:hidden}#custom-cursor{width:var(--cursor-size);height:var(--cursor-size);background:var(--accent-cyan);pointer-events:none;z-index:10000;mix-blend-mode:difference;border-radius:50%;transition:transform .2s cubic-bezier(.16,1,.3,1),background-color .3s;position:fixed;top:0;left:0}#custom-cursor-outline{border:1px solid var(--accent-cyan);pointer-events:none;z-index:9999;border-radius:50%;width:40px;height:40px;transition:transform .15s cubic-bezier(.16,1,.3,1),border-color .3s;position:fixed;top:0;left:0}.scroll-progress{background:linear-gradient(to right, var(--accent-cyan), var(--accent-purple));z-index:10001;width:0%;height:4px;position:fixed;top:0;left:0}#app{position:relative}#canvas3d{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.container{max-width:1400px;margin:0 auto;padding:0 40px}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;transition:all .4s cubic-bezier(.23,1,.32,1)}.glass:hover{background:var(--glass-hover);border-color:var(--accent-purple);transform:translateY(-8px)scale(1.02);box-shadow:0 0 40px #7000ff33}section{align-items:center;min-height:100vh;padding:100px 0;display:flex}.hero-section{text-align:center;position:relative}.hero-top{letter-spacing:.3em;opacity:.5;justify-content:center;align-items:center;gap:20px;margin-bottom:30px;font-size:10px;display:flex}.status-indicator{align-items:center;gap:8px;display:flex}.status-indicator .dot{background:var(--accent-cyan);width:6px;height:6px;box-shadow:0 0 10px var(--accent-cyan);border-radius:50%}.hero-cta{justify-content:center;gap:20px;margin-top:40px;display:flex}.ghost-button{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:12px;padding:16px 32px;font-weight:600;transition:all .3s}.ghost-button:hover{background:#ffffff0d;border-color:#fff}.news-ticker{background:var(--accent-purple);white-space:nowrap;z-index:10;padding:10px 0;position:relative;overflow:hidden}.ticker-wrapper{animation:30s linear infinite ticker;display:inline-block}.ticker-wrapper span{letter-spacing:.1em;padding-right:50px;font-size:12px;font-weight:700}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.section-title{letter-spacing:.5em;opacity:.3;text-align:center;margin-bottom:40px;font-size:1rem}.kinetic-text{font-family:var(--font-heading);letter-spacing:-.05em;background:linear-gradient(to right, #fff, var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:15vw;font-weight:900;line-height:.9}.subtitle{opacity:.6;margin-top:20px;font-size:1.5rem;font-weight:300}.scroll-indicator{flex-direction:column;align-items:center;gap:10px;margin-top:60px;display:flex}.scroll-indicator span{letter-spacing:.2em;opacity:.5;font-size:12px}.scroll-indicator .line{background:linear-gradient(to bottom, var(--accent-cyan), transparent);width:1px;height:60px}.bento-grid{grid-template-rows:repeat(2,300px);grid-template-columns:repeat(4,1fr);gap:24px;width:100%;display:grid}.bento-item{flex-direction:column;justify-content:flex-end;padding:40px;display:flex;position:relative;overflow:hidden}.featured{grid-area:span 2/span 2}.stats,.trending{grid-column:span 1}.persona{grid-column:span 2}.tag{letter-spacing:.1em;color:var(--accent-cyan);margin-bottom:12px;font-size:10px;font-weight:700;display:block}h2{font-family:var(--font-heading);margin-bottom:20px;font-size:3rem;line-height:1.1}h3{font-family:var(--font-heading);margin-bottom:10px;font-size:1.5rem}.glow-button{background:var(--accent-purple);color:#fff;cursor:pointer;border:none;border-radius:12px;width:fit-content;padding:16px 32px;font-weight:600;transition:all .3s;box-shadow:0 0 20px #7000ff66}.glow-button:hover{transform:scale(1.05);box-shadow:0 0 30px #7000ff99}.persona-toggle{gap:10px;margin-top:20px;display:flex}.persona-toggle button{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:8px 16px}.persona-toggle button.active{background:var(--accent-cyan);color:#000;border:none}.story-section{min-height:400vh;padding:0;display:block;position:relative}.story-track{width:100%}.story-step{justify-content:center;align-items:center;height:100vh;display:flex}.story-card{border:1px solid #ffffff1a;max-width:800px;margin:0 auto;padding:80px;transition:all .5s;position:relative;overflow:hidden}.story-card:hover{border-color:var(--accent-cyan);background:#ffffff14}.story-card .number{opacity:.05;font-size:8rem;font-weight:900;font-family:var(--font-heading);position:absolute;top:40px;left:40px}.gallery-section{background:#0006}.gallery-header{text-align:center;margin-bottom:60px}.artifact-display{grid-template-columns:1fr 1fr;gap:40px;display:grid}.artifact{flex-direction:column;justify-content:space-between;height:500px;padding:40px;display:flex}.img-placeholder{letter-spacing:.2em;opacity:.3;border:1px dashed #ffffff1a;flex-grow:1;justify-content:center;align-items:center;margin-bottom:20px;font-size:10px;display:flex}.specs-section{padding:100px 0}.terminal{border-radius:12px;width:100%;max-width:900px;margin:0 auto;overflow:hidden}.terminal-header{background:#ffffff1a;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.terminal-header .circles{gap:8px;display:flex}.terminal-header .circles span{background:#fff3;border-radius:50%;width:10px;height:10px}.terminal-header .title{letter-spacing:.2em;opacity:.5;font-size:10px}.terminal-body{color:var(--accent-cyan);padding:30px;font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.6}.terminal-body p{margin-bottom:5px}.footer{border-top:1px solid var(--glass-border);padding:100px 0 40px}.footer-content{justify-content:space-between;align-items:flex-start;margin-bottom:60px;display:flex}.footer-left h3{margin-bottom:10px;font-size:2rem}.footer-right nav{gap:30px;display:flex}.footer-right a{color:#fff;opacity:.5;text-decoration:none;transition:opacity .3s}.footer-right a:hover{opacity:1}.footer-bottom{text-align:center;opacity:.3;font-size:.8rem}@media (width<=1024px){.bento-grid{grid-template-rows:auto;grid-template-columns:repeat(2,1fr)}}