:root{--bg-color: #050505;--text-color: #f0f0f0;--text-secondary: #a0a0a0;--accent-color: #ffffff;--card-bg: rgba(255, 255, 255, .03);--card-border: rgba(255, 255, 255, .08);--glow: 0 0 20px rgba(255, 255, 255, .1);--font-main: "Inter", sans-serif;--transition-speed: .6s}html{scroll-behavior:smooth}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:300;letter-spacing:-.02em}h1{font-size:4rem;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.04em}h2{font-size:2.5rem;margin-bottom:2rem}p{color:var(--text-secondary);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-pad{padding:120px 0}.btn-ghost{display:inline-block;padding:1rem 2.5rem;border:1px solid rgba(255,255,255,.3);color:var(--text-color);text-decoration:none;text-transform:uppercase;font-size:.8rem;letter-spacing:.1em;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);margin-top:2rem}.btn-ghost:hover{background:#fff;color:#000;border-color:#fff;box-shadow:0 0 30px #ffffff4d}.navbar{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:2rem 4rem;z-index:1000;transition:background .3s,padding .3s;box-sizing:border-box}.navbar.scrolled{background:#050505e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 4rem;border-bottom:1px solid var(--card-border)}.logo{font-weight:600;letter-spacing:.15em;font-size:1.1rem}.nav-links a{color:var(--text-color);text-decoration:none;margin-left:2rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;opacity:.7;transition:opacity .3s}.nav-links a:hover{opacity:1}.hero{height:100vh;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden}.hero-bg{position:absolute;top:0;left:0;width:100%;height:120%;z-index:-1;transform:translateY(0)}.hero-bg img{width:100%;height:100%;object-fit:cover}.hero-bg .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0003,#050505 95%)}.hero-content{z-index:1;max-width:800px;padding:0 1rem}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);width:20px;height:35px;border:1px solid rgba(255,255,255,.3);border-radius:20px;display:flex;justify-content:center;padding-top:5px;opacity:.7}.scroll-indicator span{display:block;width:2px;height:8px;background:#fff;border-radius:2px;animation:scroll 2s infinite}@keyframes scroll{0%{transform:translateY(0);opacity:1}to{transform:translateY(15px);opacity:0}}.bento-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.card{background:var(--card-bg);border:1px solid var(--card-border);padding:3rem 2.5rem;transition:transform .4s cubic-bezier(.2,.8,.2,1),background .3s;cursor:default;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card:hover{background:#ffffff0d;transform:translateY(-8px);border-color:#fff3}.card-icon img{width:50px;height:50px;margin-bottom:2rem;opacity:.9;filter:drop-shadow(0 0 10px rgba(50,100,255,.3))}.card h3{font-size:1.3rem;margin-bottom:.8rem;color:#fff}.feature-split{display:flex;align-items:center;gap:6rem}.feature-visual{flex:1.2;position:relative}.feature-visual img{width:100%;border-radius:2px;opacity:.95;box-shadow:0 20px 50px #00000080}.feature-content{flex:.8}.specs{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:3rem 0;padding:2rem 0;border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border)}.spec-item{display:flex;flex-direction:column}.spec-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:.5rem}.spec-val{font-size:1.4rem;color:#fff;font-weight:500}.footer{border-top:1px solid var(--card-border);padding:5rem 0 2rem;background:#020202}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4rem;flex-wrap:wrap;gap:2rem}.footer-brand h3{font-size:1.5rem;margin-bottom:1rem;letter-spacing:.1em}.footer-links{display:flex;gap:2rem}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color .3s}.footer-links a:hover{color:#fff}.footer-contact-info{display:flex;flex-direction:column;gap:.8rem;align-items:flex-end}.contact-item{color:var(--text-color);text-decoration:none;font-size:.95rem;letter-spacing:.05em;display:flex;align-items:center;gap:.8rem;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;background:#ffffff05;border-radius:4px}.contact-item:hover{border-color:#fff6;background:#ffffff14;box-shadow:0 0 15px #ffffff1a;transform:translate(-5px)}.contact-item .icon{font-size:1.1rem}.copyright{text-align:center;color:#333;font-size:.8rem;margin-top:3rem}.fade-in,.fade-in-up,.fade-in-left,.fade-in-right{opacity:0;transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.fade-in{transition-delay:var(--delay, 0ms)}.fade-in-up{transform:translateY(40px)}.fade-in-left{transform:translate(-40px)}.fade-in-right{transform:translate(40px)}.visible{opacity:1;transform:none}@media(max-width:900px){h1{font-size:3rem}.feature-split{flex-direction:column;gap:3rem}.navbar{padding:1.5rem 2rem}.navbar.scrolled{padding:1rem 2rem}.nav-links{display:none}.section-pad{padding:80px 0}.footer-contact-info{align-items:flex-start;margin-top:1rem}.contact-item:hover{transform:translate(5px)}}