*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#15233b;background:#fff}a{text-decoration:none;color:inherit}.wrap{max-width:1180px;margin:auto;padding:0 22px}.topbar{background:#092d50;color:#d9e8f5;font-size:13px}.topinner{height:34px;display:flex;align-items:center;justify-content:space-between}.topinner nav{display:flex;gap:22px}.mainhead{background:#fff;border-bottom:1px solid #e6ebf0;position:sticky;top:0;z-index:20}.headinner{min-height:86px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:#0a5c96}.brandmark{display:grid;place-items:center;width:45px;height:45px;background:#13a7d8;color:white;border-radius:11px;font-weight:800}.brand b{font-size:23px;display:block}.brand small{color:#66778b}.nav{display:flex;align-items:center;gap:27px;font-size:15px}.nav a:hover{color:#079bcf}.clientbtn{border:1px solid #0b659f;padding:13px 18px}.hero{background:linear-gradient(115deg,#071f3d,#0b3158);color:white;padding:76px 0 84px}.heroGrid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.pill,.eyebrow{font-size:12px;font-weight:bold;letter-spacing:1.4px;color:#23b8e9}.hero h1{font-size:50px;line-height:1.06;margin:17px 0}.hero p{font-size:19px;line-height:1.6;color:#d3e0ed}.actions{display:flex;gap:14px;margin:30px 0}.primary,.secondary,.band a{display:inline-block;padding:14px 23px;border-radius:4px;font-weight:bold}.primary{background:#16a9d8;color:#fff}.secondary{border:1px solid #7aa1c2}.trust{display:flex;gap:24px;color:#bcd0e2;font-size:14px}.mock{background:#fff;color:#26374a;border-radius:8px;box-shadow:0 24px 55px #001226;overflow:hidden}.mockbar{height:45px;background:#edf2f6;display:flex;align-items:center;padding:0 15px;gap:7px}.mockbar i{width:10px;height:10px;background:#9aabba;border-radius:50%}.mockbar span{margin-left:12px;font-size:12px}.mockbody{display:grid;grid-template-columns:130px 1fr;min-height:310px}.mockbody aside{background:#0b5f94;color:#fff;padding:28px 16px;line-height:2.7}.mockbody section{padding:26px}.stats{display:flex;gap:12px}.stats b{flex:1;background:#f4f7f9;padding:16px;font-size:24px}.stats small{display:block;font-size:11px;color:#718091}.files{margin-top:20px;line-height:2.4;border-top:1px solid #e5e9ed;padding-top:12px}.section{padding:80px 0}.section h2,.pageh{font-size:38px;color:#0b477d;margin:10px 0 14px}.lead{font-size:18px;color:#66778b;max-width:760px}.cards,.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:42px}.cards article,.pricing article{border:1px solid #e0e6eb;padding:31px;background:#fff}.cards .icon{font-size:36px;color:#11a5d7}.cards a{color:#0784b6;font-weight:bold}.band{background:#eef7fb;text-align:center;padding:65px 0}.band h2{font-size:34px;color:#0b477d}.band a{background:#0b639d;color:white}.footercta{background:#10a2d1;color:white}.footercta .wrap{min-height:110px;display:flex;align-items:center;justify-content:space-between}.footercta b{display:block;font-size:22px}.footercta span{display:block;margin-top:7px}.footercta a{border:1px solid white;padding:12px 22px}.footer{background:#303b46;color:#dbe3e9;padding:48px 0}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:45px}.footgrid h4{color:white}.footgrid a{display:block;margin:11px 0;color:#c9d2d9}.footbrand{font-size:25px;font-weight:bold;color:#fff}.copyright{background:#222a31;color:#b8c3cb;text-align:center;padding:14px;font-size:12px}.pricing article{position:relative}.pricing .featured{border:2px solid #13a7d8;transform:translateY(-8px)}.tag{position:absolute;top:0;right:0;background:#13a7d8;color:#fff;padding:7px 11px;font-size:11px}.price{font-size:30px;font-weight:bold;color:#0b477d;margin:20px 0}.price small{font-size:13px;color:#778493}.pricing li{margin:13px 0}.pricing a{display:block;background:#0b639d;color:#fff;text-align:center;padding:13px;margin-top:25px}.note{font-size:12px;color:#778493}.comparetitle{margin-top:70px}.compare{border:1px solid #e0e5e9}.compare>div{display:grid;grid-template-columns:2fr repeat(3,1fr);padding:15px 18px}.compare>div:nth-child(even){background:#f3f5f7}.compare>div:first-child{background:#0b477d;color:#fff}.narrow{max-width:800px}.form{margin-top:30px;border:1px solid #dfe5ea;padding:28px}.form label{display:block;font-weight:bold;font-size:14px;margin-bottom:18px}.form input,.form select,.form textarea{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #cbd4dc;background:white}.form .two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form .check{font-weight:normal}.form .check input{width:auto;display:inline;margin-right:7px}.form button{background:#0b639d;color:white;border:0;padding:13px 25px;font-weight:bold}.success{text-align:center}.success>b{font-size:60px;color:#2db76c}@media(max-width:850px){.nav{display:none}.heroGrid,.cards,.pricing,.footgrid{grid-template-columns:1fr}.hero h1{font-size:38px}.mock{display:none}.trust{flex-direction:column}.compare{overflow:auto}.compare>div{min-width:650px}.form .two{grid-template-columns:1fr}}
/* v0.4 revisada · producto real sin navegador/URL y composición compacta */
.real-product{background:#f5f8fa;border-top:1px solid #e8eef2;border-bottom:1px solid #e8eef2}.dualshots{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:38px}.dualshots article{min-width:0}.appframe{background:#fff;border:1px solid #dce5eb;border-radius:10px;box-shadow:0 15px 35px rgba(16,36,58,.10);overflow:hidden}.appframebar{height:38px;background:#edf2f6;display:flex;align-items:center;gap:7px;padding:0 13px;color:#536579;font-size:12px}.appframebar i{width:8px;height:8px;border-radius:50%;background:#9aabba}.appframebar strong{margin-left:7px;font-weight:600}.shotviewport{height:285px;overflow:hidden;background:#eef2f5}.shotviewport img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.shotcopy{padding:20px 4px 0}.shotcopy span{font-size:11px;letter-spacing:1.1px;color:#b6842e;font-weight:800}.shotcopy h3{font-size:22px;color:#0b477d;margin:7px 0 8px}.shotcopy p{color:#66778b;line-height:1.55;margin:0}.demolegend{margin-top:25px;font-size:12px;color:#7c8995}.storage{padding-top:70px;padding-bottom:70px}.providergrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}.providergrid article{border:1px solid #e0e6eb;border-radius:8px;padding:25px;background:#fff}.providergrid b{display:grid;place-items:center;width:42px;height:42px;border-radius:9px;background:#eef5fa;color:#0b639d;font-size:22px}.providergrid h3{margin:15px 0 7px;color:#0b477d}.providergrid p{margin:0;color:#66778b;line-height:1.5}
@media(max-width:850px){.dualshots,.providergrid{grid-template-columns:1fr}.shotviewport{height:240px}}

/* v0.4 revisada 2 · mockup del hero inspirado en la Zona de trabajo real */
.realmock{background:#f4f7fa}.realmock-app{background:#f3f6f8;min-height:338px;color:#102a46}.realmock-nav{height:45px;background:#fff;border-bottom:1px solid #dfe6ec;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:0 15px;font-size:9px}.realmock-nav>strong{font-size:13px;color:#102d4c;white-space:nowrap}.realmock-nav>strong span{color:#bc8935}.realmock-nav nav{color:#536276;white-space:nowrap;overflow:hidden}.realmock-user{border:1px solid #dbe4eb;border-radius:10px;padding:6px 8px;font-size:8px;white-space:nowrap}.realmock-user::first-letter{color:#2ea56e}.realmock-content{padding:14px 16px 17px}.realmock-hero{background:linear-gradient(120deg,#123a60,#205b87);color:#fff;border-radius:10px;padding:15px 17px 14px;box-shadow:0 9px 22px rgba(18,50,80,.16)}.realmock-hero small{display:inline-block;background:#fff3da;color:#8b641e;border-radius:8px;padding:3px 6px;font-size:7px;font-weight:800;letter-spacing:.5px}.realmock-hero h3{font-size:18px;margin:5px 0 3px}.realmock-hero p{font-size:9px;line-height:1.35;color:#edf5fb;margin:0 0 9px}.realmock-hero div{display:flex;gap:6px}.realmock-hero b{font-size:7px;background:#c4933b;color:#fff;border-radius:5px;padding:6px 8px}.realmock-hero b+ b{background:#edf3f7;color:#17324d}.realmock-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:9px 0 12px}.realmock-stats span{background:#fff;border:1px solid #dce4ea;border-radius:7px;padding:7px 8px;font-size:7px;color:#56677a}.realmock-stats strong{display:block;font-size:15px;color:#0c2d4d;margin-bottom:2px}.realmock-content h4{font-size:10px;margin:0 0 7px}.realmock-tools{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.realmock-tools span{position:relative;background:#fff;border:1px solid #dce4ea;border-radius:8px;padding:9px 9px 8px 31px;min-height:45px;font-size:13px;color:#16466e}.realmock-tools b,.realmock-tools small{display:block}.realmock-tools b{font-size:9px;color:#102d4c;margin-bottom:2px}.realmock-tools small{font-size:7px;color:#6d7c8c}.realmock-tools span::first-line{font-size:13px}
@media(max-width:1050px){.realmock-nav nav{display:none}.realmock-nav{grid-template-columns:1fr auto}}