.areasGrid{grid-template-columns:repeat(3,1fr);gap:3rem 1.5rem;margin-top:4rem;display:grid}.areaCard{background-color:var(--darkBlue);border-radius:20px;flex-direction:column;align-items:flex-start;gap:.75rem;min-height:14rem;padding:1.5rem 2.5rem;transition:translate .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;display:flex;position:relative}.areaIcon{object-fit:contain;width:48px;height:48px;margin-top:-55px}.areaCard h3{color:var(--green);font-weight:800;line-height:1.15}.areaCard p{color:var(--white);font-size:1rem;line-height:1.4}.areaPlus{flex-wrap:wrap;gap:.5rem;margin-top:3rem;padding:0;list-style:none;display:flex}.areaPlus li{border:1px solid var(--green);color:var(--green);border-radius:8px;padding:.3rem .85rem;font-size:.875rem;line-height:1.3;transition:background-color .25s}.areaCard:after{content:"";background:var(--green);transform-origin:0;pointer-events:none;border-radius:999px;height:2px;transition:transform .5s cubic-bezier(.22,1,.36,1);position:absolute;bottom:.7rem;left:12%;right:12%;transform:scaleX(0)}@media (prefers-reduced-motion:no-preference){.areaCard:hover{translate:0 -.55rem;box-shadow:0 18px 36px #00000052,0 0 28px #19d36738}.areaCard:hover:after{transform:scaleX(1)}.areaCard:hover .areaPlus li{background-color:color-mix(in srgb, var(--green) 14%, transparent)}.areasSection[data-animate]>h2{opacity:0}.areasSection[data-animate]>h2.isVisible{animation:.7s cubic-bezier(.22,1,.36,1) both areasHeadingIn}.areasGrid[data-animate] .areaCard{opacity:0}.areasGrid[data-animate] .areaCard.isVisible{animation:.72s cubic-bezier(.22,1,.36,1) both areaCardIn;animation-delay:calc(var(--i) * 90ms)}.areasGrid[data-animate] .areaCard.isVisible .areaIcon{animation-name:areaIconPop,areaIconFloat;animation-duration:.6s,3.5s;animation-timing-function:cubic-bezier(.22,1.25,.36,1),ease-in-out;animation-iteration-count:1,infinite;animation-fill-mode:both,none;animation-delay:calc(var(--i) * 90ms + .14s), calc(var(--i) * 90ms + .74s)}.areasGrid[data-animate] .areaPlus li{opacity:0}.areasGrid[data-animate] .areaCard.isVisible .areaPlus li{animation:.45s cubic-bezier(.22,1,.36,1) both areaPillIn;animation-delay:calc(var(--i) * 90ms + .26s + var(--pill) * 40ms)}}@keyframes areasHeadingIn{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:none}}@keyframes areaCardIn{0%{opacity:0;transform:translateY(2.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes areaIconPop{0%{opacity:0;filter:drop-shadow(0 0 #19d36700);transform:translateY(14px)scale(.7)}65%{opacity:1;transform:translateY(-7px)scale(1.08)}to{opacity:1;filter:drop-shadow(0 10px 12px #19d36747);transform:translateY(0)scale(1)}}@keyframes areaIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes areaPillIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.areasSection{padding:2rem 1.5rem 3rem}.areasGrid{grid-template-columns:1fr}.areaPlus{margin-top:1rem}.areaCard{padding:1.5rem}.areaCard h3{max-width:65%}}.audienceSection{background:color-mix(in srgb, var(--green) 28%, var(--darkBlue))}.audienceSection h3{color:var(--white)}.audienceCloud{flex-direction:column;align-items:center;gap:1rem;margin-top:2.5rem;display:flex}.audienceRow{flex-wrap:wrap;justify-content:center;gap:1rem 1.25rem;margin:0;padding:0;list-style:none;display:flex}.audienceRow:nth-child(2n){padding-left:4rem}.audiencePill{background:var(--darkBlue);max-width:100%;color:var(--white);border-radius:15px;padding:.85rem 1.6rem;font-size:1.05rem;line-height:1.35;transition:scale .3s cubic-bezier(.22,1,.36,1),box-shadow .3s;box-shadow:0 10px 28px #0006}.audiencePill span{color:var(--green);background:0 0;width:auto;padding:0;font-weight:700;display:inline}@media (prefers-reduced-motion:no-preference){.audiencePill:hover{scale:1.06;box-shadow:0 14px 32px #00000073,0 0 0 1px #19d36773,0 0 24px #19d3674d}.audienceSection[data-animate]>h2,.audienceSection[data-animate]>h3{opacity:0}.audienceSection[data-animate]>h2.isVisible{animation:.7s cubic-bezier(.22,1,.36,1) both audienceHeadingIn}.audienceSection[data-animate]>h3.isVisible{animation:.7s cubic-bezier(.22,1,.36,1) .12s both audienceHeadingIn}.audienceCloud[data-animate]:not(.isVisible) .audiencePill{opacity:0}.audienceCloud[data-animate].isVisible .audiencePill{animation:.7s cubic-bezier(.22,1.2,.36,1) backwards audiencePillIn;animation-delay:calc(var(--i) * 90ms + .2s)}}@keyframes audienceHeadingIn{0%{opacity:0;translate:0 1.25rem}to{opacity:1;translate:0}}@keyframes audiencePillIn{0%{opacity:0;translate:calc(var(--dir) * 2.5rem) 1.5rem;filter:blur(6px)}}@media (width<=900px){.audienceSection{padding:2rem 1.5rem 3rem}.audienceCloud{gap:.75rem;overflow:visible}.audienceRow{flex-direction:column;align-items:center;gap:.75rem;width:100%}.audienceRow:nth-child(2n){padding-left:0}.audiencePill{text-align:center;width:max-content;max-width:min(100% - 3.5rem,18.5rem);padding:.7rem 1.2rem;font-size:.95rem}.audienceRow:first-child .audiencePill:first-child{transform:translate(-1.5rem)}.audienceRow:first-child .audiencePill:nth-child(2){transform:translate(2rem)}.audienceRow:nth-child(2) .audiencePill:first-child{transform:translate(-2.25rem)}.audienceRow:nth-child(2) .audiencePill:nth-child(2){transform:translate(.6rem)}.audienceRow:nth-child(3) .audiencePill:first-child{transform:translate(-2.5rem)}.audienceRow:nth-child(3) .audiencePill:nth-child(2){transform:translate(1.5rem)}.audienceRow:nth-child(3) .audiencePill:nth-child(3){transform:translate(2.75rem)}.audienceRow:nth-child(4) .audiencePill:first-child{transform:translate(-1.75rem)}}.greenBackground:has(.downloadCta){overflow:hidden}.twoColumnsContainer.downloadCta{align-items:center;padding:0 0 0 6rem;overflow:visible}.twoColumnsContainer.downloadCta .twoColumnsSx{z-index:3;flex:0 44%;max-width:38rem;padding:4rem 1.5rem 4rem 0;position:relative}.twoColumnsContainer.downloadCta .twoColumnsDx{z-index:1;flex:56%;align-self:stretch;min-height:46rem;position:relative;overflow:hidden}.downloadMockups{--phone-w:220px;--phone-rot:-16deg;--marquee-duration:60s;pointer-events:none;position:absolute;inset:0}.downloadMockupsGrid{width:max-content;transform:rotate(var(--phone-rot)) translate(-10%, -4%);transform-origin:0 0;align-items:flex-start;display:flex}.downloadMockupCol{width:var(--phone-w);will-change:transform;flex-direction:column;display:flex}.downloadMockupCol.isUp{animation:downloadMockupMarqueeUp var(--marquee-duration) linear infinite}.downloadMockupCol.isDown{animation:downloadMockupMarqueeDown var(--marquee-duration) linear infinite}.downloadMockup{width:var(--phone-w);margin:-1.65rem -.15rem}.twoColumnsContainer.downloadCta .downloadMockup img{filter:drop-shadow(0 16px 22px #0f13194d)drop-shadow(0 3px 8px #0f131924);width:100%;height:auto;margin:0;display:block}@keyframes downloadMockupMarqueeUp{0%{transform:translate(0,0)}to{transform:translateY(-50%)}}@keyframes downloadMockupMarqueeDown{0%{transform:translateY(-50%)}to{transform:translate(0,0)}}@media (prefers-reduced-motion:reduce){.downloadMockupCol.isUp,.downloadMockupCol.isDown{animation:none}}@media (width<=900px){.twoColumnsContainer.downloadCta{padding:2rem 0 0}.twoColumnsContainer.downloadCta .twoColumnsSx{flex-basis:auto;max-width:none;padding:0 2rem 1rem}.twoColumnsContainer.downloadCta .callToAction{z-index:3;margin-top:1rem;margin-bottom:.25rem;position:relative}.twoColumnsContainer.downloadCta .twoColumnsDx{flex-basis:auto;width:100%;min-height:22rem;margin:0;overflow:hidden}.downloadMockups{--phone-w:160px;inset:0}.downloadMockupsGrid{transform:rotate(var(--phone-rot)) translate(-12%, -10%)}.downloadMockup{margin:-1.55rem -.15rem}}.heroSlider{--slide-duration:6s;--fade-duration:.6s;--phone-duration:.85s;--header-height:72px;--content-inline:max(6rem, calc((100% - 1180px) / 2));z-index:3;width:100%;min-height:calc(100vh - var(--header-height));color:var(--white);background-image:linear-gradient(#0f13198c,#0f13198c),url(/sfondo.webp);background-position:50% 90%;background-repeat:no-repeat;background-size:cover;flex-direction:column;display:flex;position:relative;overflow:hidden}.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.heroStage{padding:2.5rem var(--content-inline);flex:1;grid-template-rows:auto auto;grid-template-columns:minmax(0,1.05fr) minmax(300px,1fr);align-content:center;column-gap:2rem;display:grid;position:relative}.heroArrow{--arrow-size:3rem;z-index:3;width:var(--arrow-size);height:var(--arrow-size);color:var(--white);cursor:pointer;background:#0f131959;border:1px solid #ffffff59;border-radius:50%;place-items:center;padding:0;transition:background-color .3s,border-color .3s,color .3s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.heroArrowPrev{left:calc((var(--content-inline) - var(--arrow-size)) / 2)}.heroArrowNext{right:calc((var(--content-inline) - var(--arrow-size)) / 2)}.heroArrow svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem}.heroArrow:hover{border-color:var(--green);color:var(--green)}.heroArrow:focus-visible{outline:2px solid var(--green);outline-offset:4px}.heroSlides{grid-area:1/1;display:grid}.heroSlide{opacity:0;visibility:hidden;transition:opacity var(--fade-duration) ease, transform var(--fade-duration) ease, visibility 0s linear var(--fade-duration);flex-direction:column;grid-area:1/1;gap:1.5rem;display:flex;transform:translateY(.75rem)}.heroSlide.isActive{opacity:1;visibility:visible;transition:opacity var(--fade-duration) ease, transform var(--fade-duration) ease, visibility 0s;transform:none}.heroSlide h2{text-transform:none;font-size:clamp(3.5rem,6vw,5.5rem);font-weight:800;line-height:1.05}.heroSlide p{max-width:44ch;font-size:clamp(1.35rem,1.9vw,1.75rem);line-height:1.3}.heroMockups{--phone-ease:cubic-bezier(.22, 1, .36, 1);z-index:1;perspective:1400px;perspective-origin:50% 45%;grid-area:1/2/3;align-self:center;place-items:center;min-height:min(64vh,620px);display:grid;position:relative}.heroMockupDecor{pointer-events:none;z-index:0;position:absolute;inset:8% 4% 12%}.heroMockupOrb{filter:blur(2px);border-radius:50%;display:block;position:absolute}.heroMockupOrbA{aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--green) 55%, transparent) 0%, transparent 70%);width:min(220px,42%);animation:9s ease-in-out infinite heroOrbDrift;top:18%;left:8%}.heroMockupOrbB{aspect-ratio:1;background:radial-gradient(circle,#ffffff2e 0%,#0000 68%);width:min(180px,34%);animation:11s ease-in-out infinite reverse heroOrbDrift;top:4%;right:6%}.heroMockupScene{z-index:1;width:min(100%,580px);height:min(66vh,620px);transform-style:preserve-3d;position:relative}.heroMockupPhone{transform-origin:50% 70%;transform-style:preserve-3d;opacity:0;pointer-events:none;z-index:0;place-items:center;display:grid;position:absolute;inset:0}.heroMockupScene.isLive .heroMockupPhone{transition:transform var(--phone-duration) var(--phone-ease), opacity .55s ease, filter .55s ease, z-index 0s linear .35s}.heroMockupPhone.isIdle{filter:brightness(.7);transform:translate3d(42%,-10%,-120px)rotate(18deg)scale(.72)}.heroMockupPhone.isPrev{filter:brightness(.7);z-index:1;transform:translate3d(-48%,18%,-80px)rotate(-16deg)scale(.78)}.heroMockupPhone.isBack{opacity:1;z-index:2;filter:brightness(.92);transform:translate3d(12%,-10%,-36px)rotate(12deg)scale(.9)}.heroMockupPhone.isFront{opacity:1;z-index:3;filter:none;pointer-events:auto;transform:translate3d(-12%,12%,48px)rotate(-5deg)scale(1)}.heroMockupScene.isLive .heroMockupPhone.isFront{transition:transform var(--phone-duration) var(--phone-ease), opacity .55s ease, filter .55s ease, z-index 0s}.heroMockup{width:auto;max-width:none;height:min(58vh,540px);filter:drop-shadow(0 10px 22px color-mix(in srgb, var(--green) 28%, transparent));display:block}.heroMockupPhone.isFront .heroMockup{animation:5s ease-in-out infinite heroMockupFloat}.heroMockupPhone.isBack .heroMockup{animation:6.2s ease-in-out -1.8s infinite reverse heroMockupFloat}@keyframes heroMockupFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-14px)rotate(1.1deg)}}@keyframes heroOrbDrift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(12px,-18px)scale(1.08)}}.heroAccent,.heroFooter h3 .heroAccent{width:auto;color:var(--green);background:0 0;padding:0;font-weight:700;display:inline}.heroFooter{flex-direction:column;grid-area:2/1;gap:2rem;margin-top:2rem;display:flex}.heroFooter h3{font-size:1.75rem;font-weight:500;line-height:1.3}.heroFooter .buttonContainer img{border-radius:15px;width:auto;height:70px;display:block}.heroTabs{padding:0 var(--content-inline) 2.5rem;z-index:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:3rem;display:grid;position:relative}.heroTab{color:#fff9;text-align:left;cursor:pointer;background:0 0;border:0;align-items:baseline;gap:1rem;padding:0 0 1rem;font-family:inherit;transition:color .3s;display:flex;position:relative}.heroTab+.heroTab:before{content:"";background:#ffffff59;width:1px;height:2.5rem;position:absolute;top:0;left:-1.5rem}.heroTab:hover,.heroTab.isActive{color:var(--white)}.heroTab:focus-visible{outline:2px solid var(--green);outline-offset:4px}.heroTabNumber{font-size:2.25rem;font-weight:700;line-height:1}.heroTabLabel{font-size:1.1rem;font-weight:500}.heroTabBar{background:#ffffff73;height:7px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.heroTabFill{background:var(--green);transform-origin:0;animation:heroTabProgress var(--slide-duration) linear forwards;position:absolute;inset:0}@media (hover:hover){.heroTabs:hover .heroTabFill,:is(.heroSlider:has(.heroTabs:hover) .heroMockupPhone.isFront .heroMockup,.heroSlider:has(.heroTabs:hover) .heroMockupPhone.isBack .heroMockup){animation-play-state:paused}}.heroTabs:has(:focus-visible) .heroTabFill{animation-play-state:paused}@keyframes heroTabProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.heroSlide,.heroSlide.isActive,.heroMockupPhone,.heroMockupPhone.isFront,.heroMockupScene.isLive .heroMockupPhone{transition:none}.heroMockup,.heroMockupPhone.isFront .heroMockup,.heroMockupPhone.isBack .heroMockup,.heroMockupOrbA,.heroMockupOrbB,.heroTabFill{animation:none}}@media (width<=1200px){.heroSlide h2{font-size:clamp(2.75rem,5vw,4.25rem)}.heroMockups{min-height:min(56vh,540px)}.heroMockupScene{width:min(100%,480px);height:min(56vh,520px)}.heroMockup{height:min(48vh,430px)}}@media (width<=900px){.heroSlider{--header-height:62px;min-height:calc(100svh - var(--header-height))}.heroStage{grid-template-rows:auto auto auto;grid-template-columns:1fr;align-content:start;row-gap:.75rem;padding:1.25rem 1.25rem 0}.heroSlides{z-index:2;grid-area:1/1;min-width:0;max-width:100%;position:relative}.heroSlide{min-width:0;max-width:100%}.heroArrow{display:none}.heroSlide{gap:.75rem}.heroSlide h2{letter-spacing:-.03em;font-size:clamp(2.15rem,9vw,2.85rem)}.heroSlide p{text-wrap:pretty;max-width:none;font-size:.98rem;line-height:1.45}.heroMockups{perspective:900px;grid-area:2/1;place-self:start center;width:100%;min-height:min(48svh,400px);margin:.15rem 0 0;padding:.25rem 0 .5rem}.heroMockupDecor{display:none}.heroMockupScene{width:min(100%,360px);height:min(48svh,400px);margin-inline:auto}.heroMockupPhone.isFront{transform:translate3d(-8%,-2%,28px)rotate(-7deg)scale(1)}.heroMockupPhone.isBack{transform:translate3d(24%,-14%,-20px)rotate(11deg)scale(.78)}.heroMockupPhone.isPrev,.heroMockupPhone.isIdle{transform:translate3d(40%,0,-80px)scale(.6)}.heroMockup{width:min(200px,52vw);height:auto}.heroFooter{z-index:2;grid-area:3/1;gap:.75rem;margin-top:.15rem;padding:0 0 1rem;position:relative}.heroFooter h3{font-size:1.05rem;line-height:1.4}.heroFooter .buttonContainer{flex-direction:row}.heroFooter .buttonContainer img{height:48px}.heroTabs{gap:.75rem;padding:0 1.25rem 1.25rem}.heroTab{justify-content:center;padding-bottom:.7rem}.heroTab+.heroTab:before{display:none}.heroTabNumber{font-size:1.35rem}.heroTabLabel{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (width<=480px){.heroStage{padding:1rem 1rem 0}.heroMockups{min-height:min(44svh,360px)}.heroMockupScene{height:min(44svh,360px)}.heroMockupPhone.isFront{transform:translate3d(-6%,-4%,20px)rotate(-6deg)scale(1)}.heroMockupPhone.isBack{transform:translate3d(26%,-16%,-16px)rotate(12deg)scale(.76)}.heroMockup{width:min(184px,56vw)}.heroTabs{padding:0 1rem 1.15rem}}