@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;600&display=swap";.caronte-app{width:100%;min-height:100vh;position:relative}.navbar{position:fixed;top:0;width:100%;z-index:100;transition:all .4s ease;padding:1.5rem 0;background:transparent;border-bottom:1px solid transparent}.navbar.scrolled{background:#050505f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 0}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 5%}.logo{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.5rem;letter-spacing:.1em;color:#fff}.desktop-menu{display:none}@media (min-width: 768px){.desktop-menu{display:flex;gap:2.5rem}}.desktop-menu button{background:none;border:none;color:var(--text-secondary);font-family:Space Grotesk,sans-serif;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;font-weight:500;cursor:pointer;transition:color .3s}.desktop-menu button:hover{color:var(--text-primary)}.mobile-toggle{display:block;cursor:pointer;z-index:101}@media (min-width: 768px){.mobile-toggle{display:none}}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:#050505;z-index:99;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.mobile-menu button{background:none;border:none;color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-size:1.5rem;text-transform:uppercase;letter-spacing:.1em}section{position:relative}.cursor-pointer{cursor:pointer}.hero{height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:-2;transform:scale(1.05)}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,#050505,#05050566,#050505b3);z-index:-1}.hero-content{max-width:900px;text-align:left;z-index:1}.hero-content h1{font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.1;margin-bottom:1.5rem;text-transform:uppercase}.hero-content p{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-secondary);margin-bottom:2.5rem;max-width:600px}.hero-scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);cursor:pointer;animation:bounce 2s infinite;opacity:.7}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0) translate(-50%)}40%{transform:translateY(-15px) translate(-50%)}60%{transform:translateY(-7px) translate(-50%)}}.section-subtitle{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.15em;margin-bottom:1rem}.section-title{font-size:clamp(2rem,4vw,3rem);margin-bottom:2rem;text-transform:uppercase}.mission{padding:8rem 0;background:var(--bg-color);text-align:center}.mission .section-title{max-width:800px;margin:0 auto 3rem}.mission-content{max-width:900px;margin:0 auto}.lead-text{font-size:clamp(1.1rem,2vw,1.5rem);color:var(--text-secondary);margin-bottom:5rem}.metrics{display:flex;justify-content:space-around;flex-wrap:wrap;gap:3rem;border-top:1px solid rgba(255,255,255,.1);padding-top:3rem}.metric h4{font-size:3.5rem;margin-bottom:.5rem;color:#fff}.metric span{font-family:Space Grotesk,sans-serif;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.split-container{display:flex;flex-direction:column;gap:4rem;align-items:center}@media (min-width: 992px){.split-container{flex-direction:row;gap:6rem}}.split-section.reverse .split-container{flex-direction:column}@media (min-width: 992px){.split-section.reverse .split-container{flex-direction:row-reverse}}.split-text{flex:1}.split-text p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.feature-list{list-style:none;margin-bottom:3rem}.feature-list li{margin-bottom:1rem;padding-left:1.5rem;position:relative;color:#ccc}.feature-list li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;background:var(--accent-color);border-radius:50%}.split-image{flex:1;width:100%}.split-image img{width:100%;height:auto;border-radius:4px;box-shadow:0 20px 40px #00000080}.cta{background:#111;padding:8rem 0;text-align:center}.cta-content h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem}.cta-content p{color:var(--text-secondary);margin-bottom:3rem;font-size:1.25rem}footer{background:#000;padding:4rem 0 2rem;border-top:1px solid rgba(255,255,255,.05)}.footer-content{display:flex;flex-direction:column;gap:3rem;justify-content:space-between}@media (min-width: 768px){.footer-content{flex-direction:row}}.footer-brand .logo{margin-bottom:1rem}.footer-brand p{color:#555;font-size:.875rem}.footer-links{display:flex;gap:4rem}.link-column h4{font-size:.875rem;text-transform:uppercase;color:var(--text-primary);margin-bottom:1.5rem;letter-spacing:.05em}.link-column a{display:block;color:var(--text-secondary);margin-bottom:.875rem;font-size:.875rem;transition:color .3s}.link-column a:hover{color:var(--text-primary)}:root{--bg-color: #050505;--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent-color: #1c52b3;--accent-hover: #296bec;--border-color: #333333}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif;font-weight:600;letter-spacing:-.02em}a{color:var(--text-primary);text-decoration:none}.container{max-width:1400px;margin:0 auto;padding:0 5%}.text-gradient{background:linear-gradient(90deg,#fff,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn{display:inline-block;padding:.75rem 1.5rem;border:1px solid var(--text-primary);background:transparent;color:var(--text-primary);text-transform:uppercase;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:.875rem;letter-spacing:.05em;cursor:pointer;transition:all .3s ease}.btn:hover,.btn-primary{background:var(--text-primary);color:var(--bg-color)}.btn-primary:hover{background:transparent;color:var(--text-primary)}section{padding:6rem 0}.fade-in{animation:fadeIn 1.2s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
