:root{--bg-color: #050505;--text-color: #f0f0f0;--accent-color: #ffffff;--font-family: "Inter", system-ui, -apple-system, sans-serif;--logo-font: "Audiowide", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);width:100%;min-height:100vh;overflow-x:hidden}#app{position:relative;width:100%}section{position:relative;width:100%}#home{position:relative;height:100dvh;display:flex;flex-direction:column}#bg-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;display:block;touch-action:none}.overlay{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:2rem 4rem;pointer-events:none}header{display:flex;justify-content:space-between;align-items:center;pointer-events:auto;padding:2rem 4rem;width:100%;position:fixed;top:0;left:0;z-index:1000;background:linear-gradient(to bottom,#050505e6,#05050500);transition:transform .4s ease-in-out,background .3s}header.scrolled{background:#0505050d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}header.hidden{transform:translateY(-100%)}header.visible{transform:translateY(0)}header .logo{font-family:var(--logo-font);font-weight:400;letter-spacing:.1em;font-size:1.5rem;color:var(--accent-color);text-decoration:none}nav ul{display:flex;gap:2rem;list-style:none}nav a{color:#a0a0a0;text-decoration:none;font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;transition:color .3s,text-shadow .3s}nav a:hover,nav a.active{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}.home-content{flex-grow:1;display:flex;flex-direction:column;justify-content:center;width:100%;padding-bottom:4rem}.hero-title{font-size:5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(to right,#fff,#a0a0a0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:0;animation:fadeInMove 1.5s ease-out forwards .5s}@media(max-width:768px){.hero-title{font-size:clamp(1.8rem,7vw,3rem)}}.hero-subtitle{font-size:1.25rem;color:#a0a0a0;max-width:600px;line-height:1.6;opacity:0;animation:fadeInMove 1.5s ease-out forwards .8s;padding-right:1rem}.video-hero-section{position:relative;top:0;width:100%;height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000;overflow:hidden;z-index:0}.video-hero-section video.bg-video{object-fit:cover}.details-section{position:relative;z-index:10;background:#050505;padding:8rem 4rem;min-height:100vh;display:flex;justify-content:center;margin-top:0;box-shadow:0 -20px 50px #000c}@media(max-width:768px){.video-hero-section{position:relative;height:auto;min-height:auto;aspect-ratio:16 / 9;top:auto;z-index:1}.hero-overlay-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%}.video-hero-section video.bg-video{width:100%;height:100%;position:absolute;object-fit:contain;object-position:center}.details-section{min-height:auto;padding:4rem 1.5rem;z-index:10;position:relative;background:#050505}}.video-hero-section video.bg-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:0;animation:videoFadeIn 1.5s ease-out forwards 1.2s}.details-section{position:relative;z-index:10;background:#050505;padding:8rem 4rem;min-height:80vh;display:flex;justify-content:center}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;width:100%;max-width:1200px;margin-top:3rem}.feature-item{background:#ffffff08;padding:2rem;border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:transform .3s ease,border-color .3s ease}.feature-item:hover{transform:translateY(-5px);border-color:#fff3}.feature-icon{margin-bottom:1.5rem}.feature-icon svg{width:48px;height:48px;stroke:var(--accent-color);stroke-width:1.5;transition:stroke .3s}.feature-item:hover .feature-icon svg{stroke:#fff;filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}.feature-item h3{font-family:var(--logo-font);font-size:1.25rem;margin-bottom:1rem;color:#fff}.feature-item p{color:#b0b0b0;line-height:1.6;font-size:.95rem}.intro-text{max-width:900px;margin:0 auto 4rem;text-align:center;font-size:1.2rem;line-height:1.8;color:#d0d0d0}.hero-overlay-content{position:relative;z-index:10;text-align:center}.hero-overlay-content h1{font-family:var(--logo-font);font-size:5rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.2em;text-shadow:0 4px 20px rgba(0,0,0,.5)}.hero-overlay-content .hero-subtitle{font-size:1.5rem;letter-spacing:.1em;text-transform:uppercase;color:#e0e0e0}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);animation:bounce 2s infinite;opacity:.7;z-index:20}.text-section{background:#050505;display:flex;align-items:center;justify-content:center;padding:6rem 4rem;min-height:50vh}.text-wrapper{max-width:800px;width:100%}.text-wrapper h1{font-family:var(--logo-font);font-size:3rem;margin-bottom:2rem;color:var(--accent-color)}.text-wrapper p{font-size:1.1rem;line-height:1.8;color:silver;margin-bottom:1.5rem}footer{font-size:.8rem;color:#555;padding:2rem 4rem;text-align:center;background:#050505}@keyframes fadeInMove{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)}40%{transform:translate(-50%,-10px)}60%{transform:translate(-50%,-5px)}}@keyframes videoFadeIn{to{opacity:.6}}.hamburger{display:none;background:none;border:none;cursor:pointer;z-index:1001;padding:.5rem}@media(max-width:768px){header,.overlay,.details-section,.text-section{padding:1.5rem}.hamburger{display:block}.nav-menu{position:fixed;top:0;right:-100%;width:60%;height:100vh;background:#0505050d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;transition:right .3s ease-in-out}.nav-menu.open{right:0}.nav-menu ul{flex-direction:column;gap:3rem;text-align:center}.nav-menu a{font-size:1.5rem}.hero-title{font-size:3rem}.hero-overlay-content h1{font-size:clamp(1.8rem,6vw,2.5rem)}.contact-grid{grid-template-columns:1fr!important}}@media(max-width:900px)and (orientation:landscape){.hero-title{font-size:2.5rem;margin-bottom:.5rem}.hero-overlay-content h1{font-size:2rem}.video-hero-section{min-height:100dvh}}