:root{--primary: #00B388;--main-background: #1A1D1C;--card-background: #262B2A;--dark-background: #333837;--dark-text: #E6F0F0;--action-background: #00B388;--action-text: #1A1D1C;--body-text: #E6F0F0;--secondary: #A0B3B3;--subdued-background: #333837;--subdued-text: #B3C2C2;--highlight-background: #00B388;--highlight-text: #1A1D1C;--interactive-text: #889999;--genre-background: transparent;--genre-border: #00B3887b;--genre-text: #00B3887b;--primary-gradient: linear-gradient(135deg, var(--main-background) 0%, var(--main-background) 100%);--primary-gradient-hover: linear-gradient(135deg, #009973 0%, #00D4A0 100%);--shadow-primary: 0 4px 12px rgba(0, 179, 136, .3);--settings-menu-bg: #262B2A;--settings-menu-border: rgba(0, 179, 136, .2);--settings-menu-header-bg: rgba(0, 179, 136, .1);--settings-menu-item-hover: rgba(0, 179, 136, .15);--settings-menu-text: #A0B3B3}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--main-background);color:var(--body-text);line-height:1.6;min-height:100vh}#app{display:flex;flex-direction:column;min-height:100vh}.header{padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;z-index:100;background:#1a1d1cf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--settings-menu-border)}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--body-text)}.logo-icon{width:40px;height:40px;fill:var(--primary)}.logo-img{width:40px;height:40px;object-fit:contain}.logo-text{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--primary)}.nav{display:flex;align-items:center;gap:2rem}.nav-link{color:var(--secondary);text-decoration:none;font-weight:500;transition:color .2s ease}.nav-link:hover{color:var(--primary)}.nav-link-disabled{color:var(--interactive-text);opacity:.5;cursor:not-allowed}.nav-link-disabled:hover{color:var(--interactive-text)}.contact-btn{background:var(--action-background);color:var(--action-text);padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;box-shadow:var(--shadow-primary)}.contact-btn:hover{background:var(--primary-gradient-hover);transform:translateY(-2px);box-shadow:0 6px 20px #00b38866}.hero{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:8rem 2rem 4rem;min-height:100vh;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center top,rgba(0,179,136,.08) 0%,transparent 60%);pointer-events:none}.hero-content{max-width:900px;position:relative;z-index:1}.hero-badge{display:inline-block;padding:.5rem 1rem;background:var(--card-background);border:1px solid var(--genre-border);border-radius:50px;color:var(--genre-text);font-size:.875rem;font-weight:500;margin-bottom:2rem;letter-spacing:.05em;text-transform:uppercase}.hero-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.03em}.hero-title .highlight{color:var(--primary)}.hero-subtitle{font-size:clamp(1.125rem,2.5vw,1.5rem);color:var(--secondary);margin-bottom:3rem;max-width:700px;margin-left:auto;margin-right:auto}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary{background:var(--action-background);color:var(--action-text);padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.125rem;transition:all .3s ease;box-shadow:var(--shadow-primary);display:inline-flex;align-items:center;gap:.5rem}.btn-primary:hover{background:var(--primary-gradient-hover);transform:translateY(-2px);box-shadow:0 6px 20px #00b38866}.btn-secondary{background:transparent;color:var(--body-text);padding:1rem 2rem;border-radius:8px;border:1px solid var(--settings-menu-border);text-decoration:none;font-weight:600;font-size:1.125rem;transition:all .3s ease}.btn-secondary:hover{background:var(--card-background);border-color:var(--primary)}.vision{padding:6rem 2rem;background:var(--card-background)}.vision-container{max-width:900px;margin:0 auto;text-align:center}.section-label{color:var(--primary);font-size:.875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem}.vision-text{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:600;line-height:1.4;color:var(--body-text)}.vision-text .emphasis{color:var(--primary)}.features{padding:6rem 2rem;background:var(--main-background)}.features-container{max-width:1200px;margin:0 auto}.features-header{text-align:center;margin-bottom:4rem}.features-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;margin-bottom:1rem}.features-subtitle{color:var(--secondary);font-size:1.125rem;max-width:600px;margin:0 auto}.carousel{position:relative;overflow:hidden;padding:0 2rem}.carousel-track{display:flex;gap:1.5rem;transition:transform .5s ease;padding:1rem 0}.carousel .feature-card{flex:0 0 calc(33.333% - 1rem);min-width:280px;max-width:350px}.carousel-nav{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:2rem}.carousel-btn{background:var(--card-background);border:1px solid var(--settings-menu-border);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.carousel-btn:hover{background:var(--settings-menu-item-hover);border-color:var(--primary)}.carousel-btn svg{width:24px;height:24px;stroke:var(--secondary)}.carousel-btn:hover svg{stroke:var(--primary)}.carousel-dots{display:flex;gap:.75rem}.carousel-dot{width:12px;height:12px;border-radius:50%;background:var(--dark-background);border:1px solid var(--settings-menu-border);cursor:pointer;transition:all .3s ease}.carousel-dot:hover{background:var(--settings-menu-item-hover)}.carousel-dot.active{background:var(--primary);border-color:var(--primary)}.feature-card{background:var(--card-background);border-radius:16px;padding:2rem;border:1px solid var(--settings-menu-border);transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:var(--shadow-primary)}.feature-icon{width:48px;height:48px;background:var(--settings-menu-header-bg);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.feature-icon svg{width:24px;height:24px;stroke:var(--primary)}.feature-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.feature-description{color:var(--secondary);line-height:1.6}.footer{padding:3rem 2rem;background:var(--dark-background);border-top:1px solid var(--settings-menu-border)}.footer-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.footer-logo{display:flex;align-items:center;gap:.5rem;color:var(--body-text);text-decoration:none}.footer-logo svg{width:28px;height:28px;fill:var(--primary)}.footer-logo-img{width:28px;height:28px;object-fit:contain}.footer-logo span{font-weight:600;font-size:1.125rem;color:var(--primary)}.footer-links{display:flex;gap:2rem}.footer-link{color:var(--secondary);text-decoration:none;font-size:.875rem;transition:color .2s ease}.footer-link:hover{color:var(--primary)}.footer-copyright{color:var(--subdued-text);font-size:.875rem;width:100%;text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--settings-menu-border)}@media(max-width:768px){.header{padding:1rem 1.5rem}.nav{gap:1rem}.nav-link{display:none}.hero{padding:7rem 1.5rem 3rem}.hero-cta{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:280px;justify-content:center}.footer-container{flex-direction:column;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}}