:root{--font-display: "Inter", sans-serif;--font-mono: "Space Mono", monospace;--bg-deep: #030305;--bg-panel: rgba(255, 255, 255, .03);--color-text: #ffffff;--color-text-dim: #8888aa;--glow-cyan: #00f0ff;--glow-teal: #0affdc;--glow-violet: #bc00ff;--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(20px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{background-color:var(--bg-deep);color:var(--color-text);font-family:var(--font-display);overflow-x:hidden;cursor:crosshair}h1,h2,h3{font-weight:800;letter-spacing:-.04em;line-height:.95;text-transform:uppercase}p{font-family:var(--font-mono);font-size:.9rem;color:var(--color-text-dim);line-height:1.7}.navbar{position:fixed;top:0;width:100%;padding:2rem 3rem;display:flex;justify-content:space-between;align-items:center;z-index:1000;mix-blend-mode:difference}.logo{font-size:1.5rem;font-weight:700;letter-spacing:.2em}.nav-links a{margin-left:2rem;font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;text-decoration:none;color:#fff;opacity:.6;transition:opacity .3s}.nav-links a:hover{opacity:1;text-shadow:0 0 10px white}.hero{position:relative;height:120vh;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.8;filter:contrast(1.2) brightness(.4);transform:scale(1.1);transition:transform .5s ease-out}.hero-content{z-index:10;text-align:center}.hero-title{font-size:10vw;background:linear-gradient(to bottom,#fff,#cffafe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 40px rgba(0,240,255,.4));opacity:0;transform:translateY(50px);animation:revealUp 1.5s cubic-bezier(.2,1,.3,1) forwards .5s}.hero-subtitle{margin-top:2rem;font-size:1rem;letter-spacing:.1em;opacity:0;animation:fadeIn 1s ease forwards 1.2s;color:var(--glow-cyan);text-shadow:0 0 20px var(--glow-cyan)}.features{position:relative;padding:10rem 4rem;z-index:2;background:linear-gradient(to bottom,transparent,var(--bg-deep) 20%)}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(2,minmax(300px,auto));gap:2rem;max-width:1600px;margin:0 auto}.bento-item{background:var(--bg-panel);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:3rem;border-radius:4px;position:relative;overflow:hidden;transition:all .5s cubic-bezier(.2,1,.3,1);display:flex;flex-direction:column;justify-content:space-between}.bento-item:hover{border-color:var(--glow-teal);box-shadow:0 0 50px -20px var(--glow-teal);transform:translateY(-5px)}.bento-item.large{grid-column:span 8}.bento-item.tall{grid-column:span 4;grid-row:span 2}.bento-item.monitor{grid-column:span 4}.bento-item h3{font-size:2rem;margin-bottom:1rem;color:#fff}.bento-bg{position:absolute;right:-50px;bottom:-50px;width:300px;height:300px;object-fit:contain;opacity:.4;transition:transform .5s}.bento-item:hover .bento-bg{transform:scale(1.1) rotate(-5deg);opacity:.8}.footer{padding:4rem;border-top:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:flex-end}.footer-logo{font-family:var(--font-display);font-size:5rem;color:#ffffff0d}@keyframes revealUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}@media(max-width:1024px){.hero-title{font-size:15vw}.bento-item{grid-column:span 12!important}}