#root{width:100%;height:100%}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.hero-container{position:relative;width:100%;height:100vh;overflow:hidden}.hero-media{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 2s ease-in-out}.hero-media.active{opacity:1}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff}.logo-container{position:absolute;top:2rem;left:2rem;display:flex;align-items:center}.hero-logo{height:68px;width:68px}.logo-text{font-family:Roboto,sans-serif;font-size:1.8rem;font-weight:700;color:#fff;margin-left:1rem}.hero-content{max-width:800px;margin-top:25vh}.hero-headline{font-family:Roboto,sans-serif;font-size:4rem;font-weight:600;margin-bottom:2rem;text-shadow:0px 0px 20px rgba(0,0,0,.5)}.hero-button{font-family:Roboto,sans-serif;background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.5);padding:1rem 2rem;font-size:1.2rem;font-weight:600;border-radius:8px;cursor:pointer;transition:background-color .3s ease,color .3s ease,border-color .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hero-button:hover{background-color:#fff3;border-color:#fff}@media (max-width: 768px){.hero-logo{top:1rem;right:1rem;height:60px;width:60px}.hero-headline{font-size:2.2rem}.hero-button{padding:.8rem 1.6rem;font-size:1rem}}@media (max-width: 480px){.hero-headline{font-size:2.2rem}}.explanation-container{background-color:#1a202c;padding:4rem 2rem}.explanation-content{max-width:1400px;margin:0 auto;text-align:center}.explanation-content h2{font-family:Roboto,sans-serif;font-size:3rem;font-weight:700;color:#fff;margin-bottom:1.5rem}.explanation-intro{font-family:Roboto,sans-serif;font-size:1.25rem;color:#a0aec0;max-width:800px;margin:0 auto 3rem}.features-grid{display:flex;flex-wrap:wrap;gap:2rem;max-width:1400px;margin:3rem auto 0;justify-content:center}.feature-card{background-color:#2d3748;padding:2rem;border-radius:16px;border:1px solid #4A5568;box-shadow:0 4px 6px #0000001a;text-align:left;cursor:pointer;transition:all .3s ease;position:relative;width:100%;max-width:320px;min-height:280px;display:flex;flex-direction:column}.feature-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 10px 15px #0003;border-color:#718096}.feature-card.primary .feature-icon svg{color:#48bb78}.feature-card.accent .feature-icon svg{color:#9f7aea}.feature-card.success .feature-icon svg{color:#38b2ac}.feature-card.mixed .feature-icon svg{color:#48bb78}.feature-card.warning .feature-icon svg{color:#ecc94b}.feature-header{display:flex;align-items:center;margin-bottom:1.5rem;position:relative;z-index:1}.step-number{width:32px;height:32px;border-radius:50%;background-color:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;margin-right:1rem;border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 6px #0000001a}.feature-icon{width:80px;height:80px;border-radius:50%;background-color:#ffffff26;color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transition:all .3s ease;position:relative;z-index:1}.feature-card:hover .feature-icon{transform:scale(1.1);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.feature-icon svg{width:40px;height:40px}.feature-card h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1rem;text-align:center;position:relative;z-index:1;transition:color .3s ease}.feature-card p{font-family:Roboto,sans-serif;font-size:1rem;color:#ffffffe6;line-height:1.7;text-align:center;position:relative;z-index:1;transition:color .3s ease}@media (max-width: 768px){.explanation-content h2{font-size:2.2rem}.feature-card h3{font-size:1.25rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:1.5rem}.feature-icon{width:60px;height:60px}.feature-icon svg{width:30px;height:30px}}@media (max-width: 480px){.explanation-container{padding:3rem 1rem}.explanation-content h2{font-size:1.8rem}.explanation-intro{font-size:1.1rem}}.stand-out-container{background-color:#f7fafc;color:#1a202c;padding:4rem 2rem}.stand-out-content{max-width:800px;margin:0 auto;text-align:left}.stand-out-content h2{font-family:Roboto,sans-serif;font-size:3rem;font-weight:700;margin-bottom:1.5rem}.stand-out-content p{font-family:Roboto,sans-serif;font-size:1.25rem;line-height:1.6;margin-bottom:1.5rem}.stand-out-content h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:700;margin-top:2rem;margin-bottom:1rem}.stand-out-content h4{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:700;margin-top:2rem}@media (max-width: 768px){.stand-out-content h2{font-size:2.2rem}.stand-out-content h3,.stand-out-content h4{font-size:1.25rem}}.footer{background-color:transparent;color:#fff;text-align:center;padding:1rem;width:100%}body{margin:0;font-family:Roboto,sans-serif;background-color:#1a202c}