@font-face{font-family:Boldonse;src:url(/fonts/Boldonse-Regular.ttf) format("truetype");font-weight:400;font-style:normal}html,body{margin:0;padding:0;background-color:#3000fb;color:#fff;font-family:Boldonse,sans-serif;scroll-behavior:smooth}.emphasized{font-style:italic;text-decoration:underline}@media(max-width:1200px){.hero,.speak,.speak.reverse{flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:80px 40px;height:auto}.hero-text,.speak .text{align-items:center}.hero h1,.speak h2{font-size:4rem}.subtitle{font-size:1.2rem}.hero-image img,.speak img{max-width:500px;width:100%}}html,body{margin:0;padding:0;background:#3000fb}.stack{display:flex;flex-direction:column;align-items:center;padding:80px 0;gap:120px}.stack img{width:65%;max-width:1200px;height:auto;display:block}@media(max-width:900px){.stack{gap:80px;padding:40px 0}.stack img{width:100%}}.hero{height:100vh;display:flex;align-items:center;justify-content:space-between;padding:0 100px;gap:60px;box-sizing:border-box;overflow:visible}.hero .hero-text,.hero .hero-image{flex:1;display:flex;justify-content:center;align-items:center;opacity:0;transform:translateY(-100px);animation:hero-dropIn 1.2s cubic-bezier(.22,1,.36,1) forwards}.hero .hero-text{flex-direction:column;align-items:flex-start;justify-content:center;animation-delay:.2s}.hero .hero-image{animation-delay:.2s}.hero h1{font-size:6rem;line-height:1.3;margin:0;color:#fff}.hero .subtitle{font-size:1.2rem;line-height:1.5;margin-top:40px;max-width:700px;color:#ffffffd9;opacity:0;transform:translateY(-20px);animation:hero-fadeUp 1s ease-out forwards;animation-delay:1s}.paliso{font-size:1.5rem;font-style:italic;text-decoration:underline}.hero .hero-logo{width:100px;height:100px;object-fit:contain;margin-bottom:20px;animation:hero-dropIn 1.2s cubic-bezier(.22,1,.36,1) forwards;animation-delay:.1s;opacity:0;transform:translateY(-100px)}.hero .hero-image img{width:100%;max-width:600px;height:auto;max-height:80vh;object-fit:contain;display:block}.cta-button{font-size:1.4rem;font-weight:800;color:#fff;background:transparent;border:1px solid white;padding:18px 48px;border-radius:14px;cursor:pointer;letter-spacing:.5px;transition:background-color .25s ease,color .25s ease,transform .2s ease,box-shadow .25s ease}@keyframes hero-dropIn{0%{opacity:0;transform:translateY(-100px)}60%{opacity:1;transform:translateY(15px)}80%{transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.hero{height:auto;min-height:100vh;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:80px 40px;gap:60px}.hero .hero-text{align-items:center}.hero h1{font-size:3rem}.hero .subtitle{font-size:1.2rem}.hero .hero-image img{width:70vw}}.speak{height:100vh;display:flex;align-items:center;justify-content:space-between;padding:0 100px;gap:60px;box-sizing:border-box}.speak .text{flex:1}.speak .text h2{font-size:4rem;line-height:1.5;margin:0;color:#fff}.speak .image-wrapper{flex:1;display:flex;justify-content:center;align-items:center}.speak .image-wrapper img{width:90%;max-width:700px;min-width:350px;height:auto;object-fit:contain;display:block}@media(max-width:900px){.speak{height:auto;min-height:100vh;flex-direction:column;justify-content:center;align-items:center;padding:80px 40px;gap:40px;text-align:center}.speak .text h2{font-size:2rem}.speak .image-wrapper img{width:90vw;max-width:500px}}.speak.reverse{height:100vh;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 100px;gap:60px}.speak.reverse img{width:80%;max-width:600px;min-width:350px;height:auto;object-fit:contain}.speak h3{font-size:4rem;line-height:1.5;margin:0;color:#fff}@media(max-width:900px){.speak.reverse{height:auto;min-height:100vh;flex-direction:column;justify-content:center;align-items:center;padding:80px 40px;gap:40px;text-align:center}.speak.reverse .text h3{font-size:2rem}.speak .image-wrapper img{width:90vw;max-width:500px}}.effortless{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:60px;padding:120px 40px;box-sizing:border-box}.effortless h2{font-size:5rem;line-height:1.4;margin:0;max-width:90%}@media(max-width:900px){.effortless{padding:20px}.effortless h2{font-size:2rem}}.tutorial-text{display:flex;flex-direction:column;align-items:center}.tutorial-text h2{max-width:80%;font-size:3rem;line-height:1.4;margin:0 0 30px;text-align:center}.image-wrapper .img-small{display:none}.image-wrapper img{width:clamp(600px,60vw,1400px);height:auto;object-fit:contain;display:block;margin:0 auto;transform-origin:center;opacity:0;transform:translateY(40px);animation:fadeUp 1.2s ease-out forwards;animation-delay:.2s}@media(max-width:900px){.tutorial{padding:80px 20px;gap:60px}.image-wrapper .img-small{display:flex}.image-wrapper .img-big{display:none}.tutorial-text h2{font-size:2rem}.image-wrapper img{width:90vw}}.palinopali{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-color:#3000fb;color:#fff;padding:120px 40px;box-sizing:border-box;gap:80px}.bg-heading{font-size:3.5rem;line-height:1.4;margin:0 100px 50px}.palinopali .emphasized{font-style:italic;text-decoration:underline;text-underline-offset:4px}.palinopali .image-wrapper{width:100%;display:flex;justify-content:center;align-items:center}.palinopali .image-wrapper img{width:clamp(800px,90vw,1100px);height:auto;object-fit:contain;display:block;animation:fadeUp 1.2s ease-out forwards;transform:translateY(40px);opacity:0;animation-delay:.2s}@media(max-width:900px){.bg-heading{margin-left:20px;margin-right:20px;font-size:2rem}.palinopali{gap:60px}.palinopali .image-wrapper img{width:90vw}}.cta{min-height:100vh;display:flex;align-items:center;justify-content:space-between;gap:80px;padding:0 100px;box-sizing:border-box;background-color:#3000fb;color:#fff}.cta .cta-image{flex:1;display:flex;justify-content:center;align-items:center}.cta .cta-image img{width:clamp(400px,40vw,700px);height:auto;object-fit:contain;display:block}.cta .cta-text{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.cta .cta-text h2{font-size:4rem;line-height:1.3;margin:0 0 30px;font-weight:900;color:#fff}.cta .cta-text .emphasized{font-style:italic;text-decoration:underline}.cta .cta-text .subtext{font-size:1.3rem;color:#ffffffd9;margin:0 0 40px}.cta .cta-button{font-size:1.4rem;font-weight:800;color:#fff;background:transparent;border:1px solid white;padding:18px 48px;border-radius:14px;cursor:pointer;letter-spacing:.5px;transition:background-color .25s ease,color .25s ease,transform .2s ease,box-shadow .25s ease}.cta .cta-button:hover{transform:translateY(-4px);box-shadow:0 6px 10px #00000040}.cta .cta-button:active{transform:translateY(-1px);box-shadow:0 6px 16px #0003}@media(max-width:900px){.cta{flex-direction:column-reverse;text-align:center;padding:80px 40px;gap:0px}.cta .cta-text{align-items:center}.cta .cta-text h2{font-size:2.5rem}.cta .cta-text .subtext{font-size:1.2rem}.cta .cta-button{font-size:1.5rem}.cta .cta-image img{width:80vw}}.tutorial{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#3000fb;color:#fff;padding:120px 40px;box-sizing:border-box;text-align:center;gap:80px}.tutorial-text h2{font-size:4rem}.image-wrapper{width:100%;display:flex;justify-content:center;align-items:center}.image-wrapper img{width:clamp(700px,70vw,1400px);height:auto;object-fit:contain;display:block;margin:0 auto;transform-origin:center;opacity:0;transform:translateY(40px);animation:fadeUp 1.2s ease-out forwards;animation-delay:.2s}.cta-button{font-size:1.4rem;font-weight:800;color:#fff;margin-bottom:50px;background:transparent;border:1px solid white;padding:18px 48px;border-radius:14px;cursor:pointer;letter-spacing:.5px;transition:background-color .25s ease,color .25s ease,transform .2s ease,box-shadow .25s ease}.cta-button:hover{transform:translateY(-4px);box-shadow:0 6px 10px #00000040}.cta-button:active{transform:translateY(-1px);box-shadow:0 6px 16px #0003}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.tutorial{padding:0}.tutorial-text h2{padding:0;margin:0 0 20px;font-size:1.5rem}.image-wrapper img{width:90vw;height:auto;object-fit:contain;display:block;margin:0 auto;transform-origin:center;opacity:0;transform:translateY(40px);animation:fadeUp 1.2s ease-out forwards;animation-delay:.2s}.image-wrapper{width:100%;display:flex;justify-content:center;align-items:center}}