:root{--primary-white: #ffffff;--text-dark: #1e293b;--accent-blue: #2563eb;--accent-light: #38bdf8;--bg-dark: #070b14;--font-main: "Outfit", sans-serif;--transition: all .3s ease;--cta-bg: #7c3aed;--cta-hover: #6d28d9}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-dark);color:#fff;overflow-x:hidden}.bg-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2}.bg-image{width:100%;height:100%;object-fit:cover;opacity:.5}@media(orientation:portrait){.bg-image.landscape{display:none}.bg-image.portrait{display:block}}@media(orientation:landscape){.bg-image.portrait{display:none}.bg-image.landscape{display:block}}.main-header{background-color:var(--primary-white);height:70px;width:100%;position:fixed;top:0;z-index:1000;box-shadow:0 2px 10px #0000001a}.header-content{width:100%;height:100%;margin:0;display:flex;justify-content:space-between;align-items:center;padding:0 4rem}.header-logo{height:100%;display:flex;align-items:center}.nav-logo-img{height:95%;width:auto;object-fit:contain}.nav-links{display:flex;gap:2rem}.nav-links a{text-decoration:none;color:var(--text-dark);font-weight:500;transition:var(--transition)}.nav-links a:hover{color:var(--accent-blue)}.view{position:fixed;top:70px;left:0;width:100%;height:calc(100vh - 70px);overflow-y:auto;transition:opacity .4s ease,transform .4s ease;will-change:opacity,transform}.view-active{opacity:1;transform:translate(0);pointer-events:all;z-index:10}.view-hidden{opacity:0;pointer-events:none;z-index:5}.view-enter-right{transform:translate(60px);opacity:0}.view-enter-left,.view-exit-left{transform:translate(-60px);opacity:0}.view-exit-right{transform:translate(60px);opacity:0}.hero-section{height:100%;width:100%;display:flex;align-items:center;padding:4rem;position:relative}button.cta-button-redesign{border:none;cursor:pointer;font-family:var(--font-main)}.solutions-section{padding:2rem 4rem 4rem;min-height:100%;overflow-y:auto}.solutions-header{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:2.5rem;width:100%}.solutions-header h2{font-size:2.2rem;margin:0}.btn-back{position:absolute;left:0;background:var(--cta-bg);border:none;color:#fff;padding:.6rem 1.4rem;border-radius:50px;font-size:1rem;font-family:var(--font-main);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:var(--transition);white-space:nowrap;box-shadow:0 4px 15px #7c3aed4d}.btn-back:hover{background:var(--cta-hover);transform:translateY(-2px);box-shadow:0 8px 25px #7c3aed66}.hero-content{flex:0 0 30%;max-width:500px;text-align:left;z-index:10}h1{font-size:4rem;line-height:1.1;margin-bottom:2rem;font-weight:700}.hero-subtitle{font-size:1.25rem;opacity:.8;margin-bottom:3rem;line-height:1.5}.cta-button-redesign{background-color:var(--cta-bg);color:#fff;padding:.8rem 2.5rem;border-radius:50px;text-decoration:none;font-weight:600;font-size:1.1rem;display:inline-block;transition:var(--transition);box-shadow:0 4px 15px #7c3aed4d;text-align:center}.cta-button-redesign:hover{background-color:var(--cta-hover);transform:translateY(-2px);box-shadow:0 8px 25px #7c3aed66}.mockups-wrapper{flex:1;position:relative;display:flex;justify-content:center;align-items:center;padding-bottom:80px}.laptop-container{position:relative;width:95%;max-width:900px;aspect-ratio:16 / 10;background:#000;border:10px solid #1a1a1a;border-radius:12px;overflow:hidden;box-shadow:0 30px 60px #00000080;margin-left:10%;margin-top:10%}.phone-container{position:absolute;width:155px;height:300px;background:#000;left:-20px;bottom:-50px;border:7px solid #1a1a1a;border-radius:24px;overflow:hidden;box-shadow:0 20px 40px #00000080;margin-left:10%;margin-bottom:9%;z-index:3}.mockup-img{width:100%;height:100%;display:block;object-fit:contain;background:#000}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:opacity .3s ease,background .3s ease;opacity:1}.play-button.hidden{opacity:0;pointer-events:none}.play-button.small{width:50px;height:50px}.play-icon{width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:25px solid white;margin-left:4px}.play-button.small .play-icon{border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:18px solid white;margin-left:3px}.play-icon.is-pause{width:20px;height:22px;border:none;margin-left:0;background:transparent;display:flex;gap:5px}.play-icon.is-pause:before,.play-icon.is-pause:after{content:"";display:block;width:6px;height:100%;background:#fff;border-radius:2px}.play-button.small .play-icon.is-pause{width:14px;height:16px;gap:4px}.play-button.small .play-icon.is-pause:before,.play-button.small .play-icon.is-pause:after{width:4px}.play-button:hover{background:#ffffff80}.whatsapp-float{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;background-color:#25d366;border-radius:50%;padding:12px;box-shadow:0 4px 15px #0003;z-index:2000;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease}.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 6px 20px #25d36666}@media(max-width:768px){.whatsapp-float{display:block}.header-content{padding:0 1.5rem;justify-content:flex-end}.hero-section{flex-direction:column;text-align:center;padding:4rem 1rem}.hero-content{flex:1 1 auto;max-width:100%;text-align:center;margin-bottom:2rem}h1{font-size:2.8rem}.mockups-wrapper{justify-content:center;width:100%;padding-bottom:60px}.laptop-container{width:92%;max-width:100%}.phone-container{width:28%;height:auto;aspect-ratio:9 / 19;left:-8px}.nav-links{display:none}.solutions-header{flex-direction:column;gap:1rem;margin-bottom:2rem}.btn-back{position:static}.solutions-header h2{font-size:1.8rem}}.solutions-section{padding:4rem 2rem;max-width:1200px;margin:0 auto;text-align:center}.solutions-section h2{font-size:2.5rem;margin-bottom:3rem}.solutions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.solution-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:1.5rem;border-radius:16px;transition:var(--transition);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.8rem;text-align:center}.solution-card:hover{background:#ffffff1f;transform:translateY(-5px);border-color:#7c3aed80;box-shadow:0 8px 30px #7c3aed33}.solution-img{width:100%;height:200px;object-fit:contain;object-position:center;border-radius:10px;display:block}.solution-card h3{font-size:1.1rem;font-weight:700;color:#fff;margin:0}.solution-hint{font-size:.85rem;opacity:.6;margin:0}