:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}#root{width:100%;height:100vh}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.app{width:100%;min-height:100vh;position:relative;background-color:#000}canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.content{position:relative;height:100vh;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:4rem 2rem;max-width:800px;margin:0 auto;z-index:20}.hero{position:relative}.hero h1{font-size:clamp(3rem,8vw,6rem);font-weight:700;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp 1s ease-out}.hero p{font-size:clamp(1.2rem,3vw,2rem);margin-top:1rem;opacity:.9;animation:fadeInUp 1s ease-out .3s backwards}.scroll-hint{position:fixed;bottom:20px;left:50%;transform:translate(-50%);color:#fff;font-size:1.8rem;opacity:1;transition:opacity 1s ease;z-index:30;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:.5rem}.scroll-hint p{margin:0;padding:.75rem 1.5rem;background:#00000080;border-radius:20px;font-weight:500;letter-spacing:.5px}.scroll-hint:after{content:"↓";font-size:2.2rem;animation:bounceArrow 1s infinite;margin-top:.25rem}@keyframes bounceArrow{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.section h2{font-size:clamp(2rem,5vw,3.5rem);font-weight:600;margin-bottom:1.5rem;background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section p{font-size:clamp(1.1rem,2.5vw,1.5rem);line-height:1.8;opacity:.85;max-width:600px}.final{min-height:100vh;padding-bottom:8rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}@media(max-width:768px){.section{padding:3rem 1.5rem}}.sun-panel{height:120vh;margin-bottom:20vh}.sun-hero{position:sticky;top:1rem;left:3rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;padding:1rem;background:transparent;border-radius:10px;max-width:500px;z-index:30}.sun-hero h1{font-size:clamp(3rem,8vw,6rem);font-weight:700;margin:0;background:linear-gradient(135deg,#5974ff,#5bf700ba);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .8s ease-out}.sun-hero h2{font-size:clamp(2rem,4vw,3rem);font-weight:70;margin:0;background:linear-gradient(135deg,#5974ff,#5bf700ba);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .8s ease-out}.sun-hero p{font-size:clamp(1.1rem,2.5vw,1.6rem);margin-top:1rem;opacity:.9;animation:fadeInUp .8s ease-out .2s backwards}.sun-hero .scroll-hint{position:sticky;bottom:2rem}.sun-panel{height:120vh}.iss-panel{margin:0 auto 0 35vw;max-width:600px;align-items:flex-start;text-align:left;min-height:100vh;padding-top:0vh;padding-bottom:0vh}.features-panel{min-height:100vh;margin-bottom:10vh;display:flex;flex-direction:column;align-items:center}.demo-wrapper{position:relative;width:100%;max-width:800px;margin:4rem auto;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0000004d}.demo-wrapper video{width:100%;height:auto;display:block}.scroll-hint{position:fixed;bottom:20px;left:50%;transform:translate(-50%);color:#fff;font-size:1.2rem;opacity:1;transition:opacity 1s ease;z-index:30;pointer-events:none}.scroll-hint p{margin:0;padding:.5rem 1rem;background:#00000080;border-radius:20px}.footer{position:relative;display:flex;justify-content:center;align-items:center;padding:1.5rem 2rem;margin-top:0rem;z-index:20}.footer-logo{display:inline-flex;justify-content:center;align-items:center;width:150px;height:150px;border-radius:50%;background:#0000004d;border:2px solid rgba(255,255,255,.2);transition:all .3s ease;cursor:pointer;text-decoration:none}.footer-logo:hover{background:#00000080;border-color:#fff6;transform:scale(1.1)}.footer-logo:active{transform:scale(.95)}.footer-logo img{width:90px;height:90px;object-fit:contain}