*{box-sizing:border-box}:root{--blue-900:#06244a;--blue-800:#073b7a;--blue-700:#005bab;--blue-500:#2097d5;--yellow:#ffcb05;--green:#00a651;--dark:#0f172a;--text:#334155;--muted:#64748b;--line:#e2e8f0;--bg:#f8fafc;--white:#fff;--shadow:0 24px 70px #0f172a24}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--dark);margin:0;font-family:Inter,Arial,Helvetica,sans-serif}button{font:inherit}.app{min-height:100vh;overflow-x:hidden}.container{width:min(1180px,100% - 40px);margin:0 auto}.narrow{max-width:850px}.navbar{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;border-bottom:1px solid #e2e8f0cc;position:sticky;top:0}.nav-content{justify-content:space-between;align-items:center;height:74px;display:flex}.logo{letter-spacing:-.04em;color:var(--blue-800);font-size:24px;font-weight:900}.nav-actions{align-items:center;gap:12px;display:flex}.btn{cursor:pointer;white-space:nowrap;border:0;border-radius:999px;padding:12px 20px;font-weight:800;transition:all .25s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--yellow);color:#172554;box-shadow:0 12px 28px #ffcb0559}.btn.secondary{color:var(--white);background:#ffffff24;border:1px solid #ffffff40}.btn.ghost{color:var(--blue-800);background:0 0}.btn.large{padding:15px 24px;font-size:15px}.hero{color:var(--white);background:radial-gradient(circle at top left, #ffcb0538, transparent 34%), radial-gradient(circle at bottom right, #00a65138, transparent 32%), linear-gradient(135deg, var(--blue-900), var(--blue-700) 55%, var(--blue-500));padding:90px 0 110px;position:relative}.hero:after{content:"";background:linear-gradient(to bottom, transparent, var(--bg));height:90px;position:absolute;inset:auto 0 -1px}.hero-content{z-index:2;grid-template-columns:1.05fr .95fr;align-items:center;gap:54px;display:grid;position:relative}.hero-text h1{letter-spacing:-.07em;max-width:760px;margin:0;font-size:clamp(42px,6vw,72px);line-height:.96}.hero-text h1 span{color:var(--yellow)}.hero-text p{color:#ffffffe0;max-width:620px;margin:24px 0 0;font-size:20px;line-height:1.65}.hero-buttons{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.hero-stats{grid-template-columns:repeat(3,minmax(120px,1fr));gap:14px;max-width:650px;margin-top:36px;display:grid}.hero-stats div{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:22px;padding:18px}.hero-stats strong{color:var(--white);font-size:20px;display:block}.hero-stats span{color:#ffffffbf;margin-top:4px;font-size:13px;display:block}.hero-mockup{min-height:470px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff29;border:1px solid #ffffff3d;border-radius:34px;padding:22px;animation:5s ease-in-out infinite float}.hero-mockup:before{content:"";background:radial-gradient(circle,#ef4444 0 5px,#0000 6px) 18px/24px 100% no-repeat,radial-gradient(circle,#f59e0b 0 5px,#0000 6px) 44px/24px 100% no-repeat,radial-gradient(circle,#22c55e 0 5px,#0000 6px) 70px/24px 100% no-repeat,#fffffff2;border-radius:18px 18px 0 0;height:34px;display:block}.mockup-card{height:390px;color:var(--dark);background:linear-gradient(90deg,#005bab1f 0 30%,#0000 30%),linear-gradient(#fff,#f8fafc);border-radius:0 0 24px 24px;padding:28px;font-weight:900;position:relative;overflow:hidden}.mockup-card:before{content:"";background:linear-gradient(180deg, var(--blue-700), var(--blue-500));border-radius:22px;width:34%;height:260px;position:absolute;top:78px;left:28px}.mockup-card:after{content:"";background:linear-gradient(#e2e8f0 0 0) 22px 28px/70% 14px no-repeat,linear-gradient(#cbd5e1 0 0) 22px 62px/88% 10px no-repeat,linear-gradient(#cbd5e1 0 0) 22px 90px/65% 10px no-repeat,linear-gradient(135deg,#ffcb0538,#2097d538),#fff;border-radius:22px;width:52%;height:240px;position:absolute;top:90px;right:28px;box-shadow:0 16px 40px #0f172a1f}.section{padding:92px 0}.section.gray{background:radial-gradient(circle at 100% 0,#2097d51f,#0000 28%),#f1f5f9}.section h2{text-align:center;letter-spacing:-.055em;color:var(--dark);margin:0 0 16px;font-size:clamp(30px,4vw,48px);line-height:1.05}.section p{text-align:center;max-width:820px;color:var(--text);margin:0 auto;font-size:18px}.modules{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px;display:grid}.module-card{background:var(--white);border:1px solid #e2e8f0e6;border-radius:30px;min-height:390px;padding:30px;transition:all .25s;position:relative;box-shadow:0 16px 45px #0f172a14}.module-card:hover{transform:translateY(-8px);box-shadow:0 26px 70px #0f172a21}.icon{background:#eff6ff;border-radius:18px;place-items:center;width:58px;height:58px;margin-bottom:18px;font-size:28px;display:grid}.module-card h3{letter-spacing:-.035em;color:var(--blue-800);margin:0 0 12px;font-size:25px}.module-card p{text-align:left;color:var(--text);font-size:16px;line-height:1.65}.module-card ul{margin:22px 0 0;padding:0;list-style:none}.module-card li{color:var(--dark);border-bottom:1px solid #eef2f7;padding:10px 0;font-weight:700}.mockups{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px;display:grid}.mockup-box{min-height:230px;color:var(--blue-900);border:1px solid var(--line);background:linear-gradient(#cbd5e1 0 0) 24px 74px/65% 12px no-repeat,linear-gradient(#e2e8f0 0 0) 24px 108px/82% 10px no-repeat,linear-gradient(#e2e8f0 0 0) 24px 136px/55% 10px no-repeat,linear-gradient(135deg,#fff,#eff6ff);border-radius:30px;padding:24px;font-weight:900;box-shadow:0 18px 50px #0f172a14}.benefits{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px;display:grid}.benefit{background:var(--white);border:1px solid var(--line);border-radius:26px;padding:28px;box-shadow:0 14px 38px #0f172a12}.benefit h3{color:var(--blue-800);margin:0 0 10px;font-size:20px}.benefit p{text-align:left;color:var(--muted);font-size:15px}.cta{color:var(--white);text-align:center;background:radial-gradient(circle at top left, #ffcb053d, transparent 32%), linear-gradient(135deg, var(--blue-900), var(--blue-700));padding:96px 0;position:relative}.cta h2{letter-spacing:-.06em;margin:0 0 18px;font-size:clamp(32px,5vw,54px);line-height:1}.cta p{color:#ffffffd6;max-width:720px;margin:0 auto 30px;font-size:19px;line-height:1.65}.footer{text-align:center;color:#ffffffb8;background:#08111f;padding:28px 20px}.footer-content{flex-direction:column;align-items:center;gap:18px;display:flex}.footer-cta{background:#fc0;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 24px;font-size:15px;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 10px 30px #ffcc0040;color:#001b44!important;text-decoration:none!important}.footer-cta:hover{background:#ffd633;transform:translateY(-2px);color:#001b44!important}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@media (width<=980px){.hero-content{grid-template-columns:1fr}.hero-mockup{min-height:380px}.modules,.mockups,.benefits{grid-template-columns:1fr 1fr}}@media (width<=680px){.container{width:min(100% - 28px,1180px)}.nav-content{flex-direction:column;gap:14px;height:auto;padding:14px 0}.nav-actions{width:100%}.nav-actions .btn{flex:1}.hero{padding:64px 0 82px}.hero-text h1{font-size:42px}.hero-text p{font-size:17px}.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%}.hero-stats,.modules,.mockups,.benefits{grid-template-columns:1fr}.section{padding:68px 0}.hero-mockup{min-height:330px;padding:16px}.mockup-card{height:275px}.mockup-card:before{height:180px}.mockup-card:after{height:165px}}.hero-mockup-image{object-fit:cover;object-position:top;border-radius:24px;width:100%;height:100%;display:block}.mockup-real{text-align:center;background:#fff;border-radius:24px;padding:12px;transition:all .25s;box-shadow:0 20px 60px #0f172a1f}.mockup-real:hover{transform:translateY(-8px)}.mockup-real img{object-fit:cover;object-position:top;border-radius:16px;width:100%;height:260px;display:block}.mockup-real span{color:#0f172a;margin-top:12px;font-weight:800;display:block}.video-modal{z-index:9999;background:#0f172adb;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.video-modal-content{aspect-ratio:16/9;background:#000;border-radius:18px;width:min(100%,960px);position:relative;overflow:hidden;box-shadow:0 24px 80px #00000059}.video-modal-content iframe{border:0;width:100%;height:100%;display:block}.video-modal-close{z-index:2;color:#0f172a;cursor:pointer;background:#fffffff2;border:0;border-radius:999px;width:38px;height:38px;font-size:28px;line-height:1;position:absolute;top:12px;right:12px}@media (width<=640px){.video-modal{padding:14px}.video-modal-content{border-radius:12px}.video-modal-close{top:8px;right:8px}}.contact-modal{z-index:10000;background:#0f172adb;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.contact-modal-content{background:#fff;border-radius:22px;width:min(100%,560px);max-height:92vh;padding:32px;position:relative;overflow-y:auto;box-shadow:0 24px 80px #00000059}.contact-modal-content h2{color:#0f172a;margin:0 0 10px;font-size:28px}.contact-modal-content p{color:#475569;margin:0 0 24px;line-height:1.6}.contact-modal-close{color:#0f172a;cursor:pointer;background:#f1f5f9;border:0;border-radius:999px;width:38px;height:38px;font-size:28px;line-height:1;position:absolute;top:14px;right:14px}.contact-form{flex-direction:column;gap:16px;display:flex}.contact-form label{color:#0f172a;flex-direction:column;gap:7px;font-weight:700;display:flex}.contact-form input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:12px;height:48px;padding:0 14px;font-size:15px}.form-grid{grid-template-columns:120px 1fr;gap:14px;display:grid}.form-error{color:#991b1b;background:#fee2e2;border-radius:12px;padding:12px 14px;font-weight:700}.form-success{color:#065f46;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:16px;flex-direction:column;gap:14px;padding:18px;display:flex}.btn.full{justify-content:center;width:100%}@media (width<=640px){.contact-modal{padding:14px}.contact-modal-content{border-radius:16px;padding:24px 18px}.form-grid{grid-template-columns:1fr}}.floating-social-button.instagram{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af,#515bd4)}.floating-social-button.whatsapp{background:#25d366}@media (width<=768px){.floating-social{bottom:16px;right:16px}.floating-social-button{width:58px;height:58px}}.floating-social{z-index:9999;z-index:9999;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:18px;right:18px}.floating-social-button{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;text-decoration:none;transition:all .25s;display:flex;box-shadow:0 8px 22px #00000038}.floating-social-button svg{width:24px;height:24px}.floating-social-button:hover{transform:translateY(-2px)scale(1.04)}.logo{color:#0f172a;align-items:center;gap:12px;font-size:1.4rem;font-weight:800;display:flex}.logo span{color:#0f172a}.logo-image{object-fit:contain;width:48px;height:48px}body{margin:0}