@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden;width:100%}body{background-color:#000;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%;min-height:100vh;line-height:1.6}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00d4aa}:root{--color-bg: #000000;--color-bg-elevated: #0a0a0a;--color-bg-card: #111111;--color-primary: #06b6d4;--color-primary-hover: #0891b2;--color-primary-glow: rgba(6, 182, 212, .3);--color-text: #ffffff;--color-text-secondary: #9CA3AF;--color-text-muted: #6B7280;--color-border: rgba(255, 255, 255, .1);--color-border-hover: rgba(255, 255, 255, .2);--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3.5rem;--font-size-6xl: 4.5rem;--font-size-hero: clamp(2.5rem, 6vw, 5rem);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-5xl: 8rem;--space-section: clamp(4rem, 10vw, 8rem);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px var(--color-primary-glow);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--container-max: 1280px;--container-padding: clamp(1rem, 5vw, 2rem)}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.text-gradient{background:linear-gradient(135deg,var(--color-primary) 0%,#00E5BB 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:linear-gradient(180deg,#000000eb,#0009 60%,#0000);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:none}.nav-wrapper{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.nav-content{display:flex;justify-content:space-between;align-items:center;height:72px}.logo{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-xl);font-weight:800;color:var(--color-text);text-decoration:none;cursor:pointer}.logo-icon{width:32px;height:32px}.logo-gradient{color:var(--color-primary)}.nav-links{display:none;align-items:center;gap:var(--space-2xl)}@media (min-width: 768px){.nav-links{display:flex}}.nav-link{color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;transition:color var(--transition-fast)}.nav-link:hover{color:var(--color-text)}.auth-buttons{display:flex;align-items:center;gap:var(--space-md)}.btn-login{color:var(--color-text-secondary);background:none;border:none;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:color var(--transition-fast)}.btn-login:hover{color:var(--color-text)}.btn-cta{background:var(--color-primary);color:#000;border:none;padding:12px 24px;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-cta:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-glow)}.user-section{display:flex;align-items:center;gap:var(--space-md)}.tier-badge{padding:4px 12px;background:#00d4aa26;color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.icon-btn:hover{color:var(--color-text);background:#ffffff0d}.logout-btn:hover{color:#ef4444}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;color:var(--color-text);cursor:pointer}.mobile-menu-btn{display:none!important}.mobile-menu{display:none;background:#000000fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:var(--space-xl);border-top:1px solid var(--color-border)}.mobile-menu.active{display:block}.mobile-link{display:block;color:var(--color-text-secondary);text-decoration:none;padding:var(--space-md) 0;font-size:var(--font-size-lg);transition:color var(--transition-fast)}.mobile-link:hover{color:var(--color-primary)}.mobile-auth{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.mobile-btn-login{background:none;border:1px solid var(--color-primary);color:var(--color-primary);padding:var(--space-md);border-radius:var(--radius-full);font-weight:600;cursor:pointer}.mobile-btn-signup{background:var(--color-primary);color:#000;border:none;padding:var(--space-md);border-radius:var(--radius-full);font-weight:600;cursor:pointer;text-align:center}.hero{min-height:100vh;display:flex;align-items:center;padding:calc(72px + var(--space-3xl)) var(--container-padding) var(--space-3xl);position:relative;overflow:hidden}.hero-container{max-width:var(--container-max);margin:0 auto;width:100%}.hero-content{max-width:700px;text-align:left}.hero-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3xl);align-items:center}@media (min-width: 1024px){.hero-grid{grid-template-columns:1fr 1fr;gap:var(--space-4xl)}}.hero-content{max-width:600px}.hero-title{font-size:var(--font-size-hero);font-weight:800;line-height:1.1;margin-bottom:var(--space-lg);color:var(--color-text);letter-spacing:-.02em}.hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--color-text-secondary);margin-bottom:var(--space-2xl);line-height:1.7;max-width:480px}.hero-cta{display:inline-flex;align-items:center;gap:var(--space-sm);background:var(--color-primary);color:#000;font-size:var(--font-size-base);font-weight:700;padding:16px 32px;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);text-decoration:none}.hero-cta:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.hero-cta-icon{width:20px;height:20px}.hero-note{margin-top:var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-muted)}.hero-media{position:relative;border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:4/3}@media (max-width: 1023px){.hero-media{max-width:600px;margin:0 auto}}.hero-image,.hero-video{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-xl)}.hero-media-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.3) 0%,transparent 50%);pointer-events:none}.hero-mockup{position:absolute;bottom:-20px;right:-20px;width:200px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transform:rotate(-5deg)}@media (min-width: 768px){.hero-mockup{width:280px;bottom:-40px;right:-40px}}.features{padding:var(--space-section) var(--container-padding);background:var(--color-bg)}.cards-bg{position:relative;z-index:0}.fumo-bg{position:sticky;top:0;display:block;width:100vw;margin-left:calc(50% - 50vw);height:100vh;object-fit:cover;margin-bottom:-100vh;z-index:-1;pointer-events:none;filter:brightness(.4)}.fumo-bg-fill{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;pointer-events:none;filter:brightness(.4)}.features-container{max-width:var(--container-max);margin:0 auto}.video-hero-wrapper{margin-bottom:var(--space-4xl)}.video-hero-box{position:relative;width:100%;aspect-ratio:16/9;border-radius:32px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#111}.video-hero{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#000000b3,#0006,#0000001a);pointer-events:none}.video-hero-content{position:absolute;top:50%;left:0;transform:translateY(-50%);padding:var(--space-3xl);max-width:600px;z-index:2}@media (min-width: 768px){.video-hero-content{padding:var(--space-4xl);max-width:700px}}.video-hero-title{font-size:clamp(1.8rem,4vw,3rem);font-weight:800;line-height:1.15;margin-bottom:var(--space-lg);color:var(--color-text);letter-spacing:-.02em}.video-hero-subtitle{font-size:clamp(.9rem,1.5vw,1.1rem);color:#fffc;line-height:1.6;margin-bottom:var(--space-xl)}.section-header{text-align:center;margin-bottom:var(--space-4xl)}.section-eyebrow{display:inline-block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:2px;margin-bottom:var(--space-md)}.section-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.2;margin-bottom:var(--space-md);color:var(--color-text)}.section-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.cards-wrapper{background:#1119;border:1px solid rgba(255,255,255,.08);border-radius:32px;padding:var(--space-xl)}.cards-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--space-lg)}@media (min-width: 768px){.cards-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}}.feature-card{position:relative;background:transparent;border-radius:24px;overflow:visible;cursor:pointer;transition:all var(--transition-base)}.feature-card:hover{transform:translateY(-4px)}.card-image-wrapper{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:#111}.feature-card:hover .card-image-wrapper{border-color:#fff3}.card-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.feature-card:hover .card-image{transform:scale(1.03)}.card-image-overlay{display:none}.card-content{padding:var(--space-xl) var(--space-xs) var(--space-md)}.card-icon{display:none}.card-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin-bottom:var(--space-md);color:var(--color-text);letter-spacing:-.01em}.card-desc{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-lg)}.card-cta{display:inline-flex;align-items:center;gap:var(--space-sm);padding:12px 24px;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-full);color:var(--color-text);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.card-cta:hover{background:#ffffff0d;border-color:#ffffff80}.card-arrow{display:none}.stats-bar{padding:var(--space-3xl) var(--container-padding);background:var(--color-bg-elevated);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.stats-container{max-width:var(--container-max);margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}@media (min-width: 768px){.stats-container{grid-template-columns:repeat(4,1fr)}}.stat-item{text-align:center}.stat-number{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--color-primary);line-height:1;margin-bottom:var(--space-xs)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.devices-section{padding:var(--space-section) var(--container-padding);text-align:center;overflow:hidden}.devices-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin-bottom:var(--space-4xl);color:var(--color-text)}.devices-showcase{position:relative;max-width:1000px;margin:0 auto;display:flex;justify-content:center;align-items:flex-end;gap:var(--space-xl);perspective:1000px}.device-desktop{flex:0 0 auto;max-width:400px}.device-mobile{flex:0 0 auto;max-width:200px;transform:translateY(-20px)}.device-tablet{flex:0 0 auto;max-width:280px}.device-img{width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.cta-section{padding:var(--space-section) var(--container-padding);text-align:center;background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg-elevated) 100%)}.cta-container{max-width:700px;margin:0 auto}.cta-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:var(--space-md);color:var(--color-text)}.cta-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-2xl)}.cta-button{display:inline-flex;align-items:center;gap:var(--space-sm);background:var(--color-primary);color:#000;font-size:var(--font-size-lg);font-weight:700;padding:18px 40px;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);text-decoration:none}.cta-button:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.footer{padding:var(--space-3xl) var(--container-padding);background:var(--color-bg);border-top:1px solid var(--color-border)}.footer-container{max-width:var(--container-max);margin:0 auto}.footer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2xl);margin-bottom:var(--space-2xl)}@media (min-width: 768px){.footer-grid{grid-template-columns:repeat(3,1fr);max-width:900px;margin-left:auto;margin-right:auto}}.footer-column{text-align:center;display:flex;flex-direction:column;align-items:center}.footer-column h4{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:1px}.footer-column a{display:block;color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);margin-bottom:var(--space-sm);transition:color var(--transition-fast)}.footer-column a:hover{color:var(--color-primary)}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding-top:var(--space-2xl);border-top:1px solid var(--color-border);text-align:center}@media (min-width: 768px){.footer-bottom{flex-direction:row;justify-content:space-between;text-align:left}}.footer-logo{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text)}.footer-logo span{color:var(--color-primary)}.footer-legal{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center}@media (min-width: 768px){.footer-legal{justify-content:flex-end}}.footer-legal a{color:var(--color-text-muted);text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer-legal a:hover{color:var(--color-text)}.footer-copyright{color:var(--color-text-muted);font-size:var(--font-size-sm)}.modal{position:fixed;inset:0;background:#000000f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:10000;display:none;align-items:center;justify-content:center;padding:var(--space-xl);overflow-y:auto}.modal.active{display:flex}.modal-content{position:relative;width:100%;max-width:700px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-lg);animation:modalSlideUp .4s ease}.modal-auth{max-width:420px}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:var(--space-lg);right:var(--space-lg);display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff0d;border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-lg);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.modal-close:hover{background:#ffffff1a;color:var(--color-text);transform:rotate(90deg)}#featureModal .modal-content{background:transparent;border:none;box-shadow:none;max-width:100%;max-height:100%;padding:0;animation:fadeIn .18s ease}#featureModal .modal-close{display:none}.modal-auth h2{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-2xl);text-align:center;color:var(--color-text)}.modal-auth form{display:flex;flex-direction:column;gap:var(--space-md)}.modal-auth input{padding:var(--space-md);background:#ffffff08;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-base);font-family:inherit;transition:all var(--transition-base)}.modal-auth input:focus{outline:none;border-color:var(--color-primary);background:#ffffff0d;box-shadow:0 0 0 3px var(--color-primary-glow)}.modal-auth input::placeholder{color:var(--color-text-muted)}.btn-primary-full{width:100%;background:var(--color-primary);color:#000;border:none;padding:var(--space-md);border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-base);margin-top:var(--space-sm)}.btn-primary-full:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-glow)}.auth-switch{text-align:center;margin-top:var(--space-xl);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.auth-switch a{color:var(--color-primary);text-decoration:none;font-weight:600}.auth-switch a:hover{text-decoration:underline}@media (max-width: 767px){.hide-mobile{display:none!important}}@media (min-width: 768px){.hide-desktop{display:none!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s ease forwards}.animate-slide-up{animation:slideUp .6s ease forwards}.bg-images{position:fixed;inset:0;z-index:-2}.bg-image{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 2s ease-in-out}.bg-image.active{opacity:1}.bg-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#000000eb,#000000d9 40%,#000000bf);z-index:-1}.card-expand{display:none}.device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}@media (max-width: 980px){.device-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.device-grid{grid-template-columns:1fr}}.device-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:2rem;transition:all .3s ease;position:relative}.device-card:hover{border-color:#06b6d44d;background:#06b6d408;transform:translateY(-4px)}.device-icon{width:52px;height:52px;background:#06b6d41a;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.device-icon svg{width:24px;height:24px}.device-card h3{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 .75rem}.device-card p{color:#fff9;font-size:.95rem;line-height:1.6;margin:0}.device-badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.device-badge-now{background:#06b6d426;color:#06b6d4;border:1px solid rgba(6,182,212,.25)}.device-badge-soon{background:#ffffff0a;color:#ffffff8c;border:1px solid rgba(255,255,255,.08)}.feature-card.card-prossimamente{position:relative;opacity:.45;filter:grayscale(.7);cursor:not-allowed;transition:opacity .2s ease}.feature-card.card-prossimamente:hover{transform:none;box-shadow:none;opacity:.55}.feature-card.card-prossimamente .card-cta{cursor:not-allowed;pointer-events:none}.etichetta-prossimamente{position:absolute;top:.75rem;right:.75rem;z-index:2;background:#06b6d4e6;color:#001014;font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .7rem;border-radius:999px;opacity:1;filter:none;box-shadow:0 2px 10px #0006;pointer-events:none}.nav-burger{display:none;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:1px solid rgba(255,255,255,.14);border-radius:10px;color:var(--color-text, #e8fbff);cursor:pointer;flex-shrink:0;padding:0}.nav-burger svg{width:20px;height:20px}.nav-burger:hover{border-color:#06b6d480;color:#22d3ee}@media (max-width: 1023px){.nav-content .nav-links{display:none}.nav-content .nav-burger{display:inline-flex}.nav-content.menu-aperto .nav-links{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#0d0d0d;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:.5rem 0;z-index:50;max-height:calc(100vh - 72px);overflow-y:auto}.nav-content.menu-aperto .nav-links>*{padding:.85rem 1.25rem;min-height:44px;display:flex;align-items:center}.nav-content.menu-aperto .nav-links .auth-buttons,.nav-content.menu-aperto .nav-links .user-section{display:flex;flex-direction:column;align-items:stretch;gap:.5rem;width:100%}.nav-content.menu-aperto .nav-links .auth-buttons>*,.nav-content.menu-aperto .nav-links .user-section>*{min-height:44px;display:flex;align-items:center;justify-content:center}.nav-content{position:relative}}.nav-wrapper,.container,.cards-wrapper{padding-left:calc(var(--container-padding) + max(env(safe-area-inset-left,0px),env(safe-area-inset-right,0px)));padding-right:calc(var(--container-padding) + max(env(safe-area-inset-left,0px),env(safe-area-inset-right,0px)))}.input-file-vero{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;border:0;padding:0;margin:-1px;font-size:16px;pointer-events:none}