*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f9fc;color:#18243b;font:16px/1.55 system-ui}a{color:inherit;text-decoration:none}button,select{font:inherit}button,.button{cursor:pointer;border:0;border-radius:8px;padding:12px 18px;background:#315ee7;color:white;display:inline-block;font-weight:650}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #ffbc57;outline-offset:3px}.notice{text-align:center;background:#18243b;color:#e6ebf5;padding:8px;font-size:12px}header{max-width:1250px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:24px;gap:20px}.brand{font-size:27px;font-weight:900;letter-spacing:-1px}.brand span{font-size:13px;letter-spacing:0;background:#e6ecfe;color:#315ee7;padding:5px 8px;margin-left:9px;border-radius:5px}nav{display:flex;gap:25px;font-size:14px}.outline{border:1px solid #cbd3e4;background:transparent;color:#24365a}main{max-width:1200px;margin:auto;padding:0 24px}section{padding:50px 0}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:center;padding:65px 0 85px}small{font-size:11px;font-weight:750;letter-spacing:1.7px;color:#52678f}h1{font-size:clamp(40px,5vw,65px);line-height:1.08;letter-spacing:-3px;margin:22px 0}h1 em{font-style:normal;color:#315ee7}h2{font-size:clamp(27px,3vw,38px);line-height:1.16;letter-spacing:-1.2px;margin:14px 0}h3{line-height:1.25}p{color:#69768b}.hero p{max-width:510px;margin:25px 0}.mini{font-size:12px!important;color:#728098}.mock{background:white;border:1px solid #dce2ef;border-radius:15px;transform:rotate(2deg);box-shadow:0 25px 70px #1f46951a;position:relative}.mocktop{padding:12px 15px;border-bottom:1px solid #eee;font-size:11px;color:#8a95a6;display:flex;justify-content:space-between}.mockbody{padding:28px}.mockbody h2{font:42px/1.08 Georgia}.photos{display:flex;gap:15px;margin-top:25px}.photos img{width:calc(50% - 8px);height:180px;object-fit:cover;border-radius:8px}.badge{position:absolute;bottom:-18px;right:20px;background:#172741;color:white;padding:12px 20px;border-radius:10px;font-size:12px;transform:rotate(-2deg)}.heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:25px}.heading p{max-width:310px;font-size:14px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.filters button{background:white;border:1px solid #dce2ef;color:#52678f;font-size:13px;padding:9px 16px}.filters button.active{background:#315ee7;color:white}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.model{background:white;border:1px solid #e2e7f0;border-radius:14px;overflow:hidden}.cover{height:190px;display:block;position:relative;background:#e6ecfe;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover}.cover span{position:absolute;bottom:13px;left:15px;background:white;padding:4px 10px;border-radius:5px;font-size:11px}.modelbody{padding:21px}.modelbody h3{margin:0 0 10px;font-size:21px}.modelbody p{font-size:13px;min-height:42px;margin:0 0 15px}.actions{display:flex;gap:9px}.actions button,.actions .button{font-size:12px;padding:10px 12px}.actions a{background:white;color:#315ee7;border:1px solid #dce2ef}.how{border-top:1px solid #e2e7f0;margin-top:45px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:35px}.steps b{font-size:13px;color:#315ee7}.steps h3{font-size:19px}.steps p{font-size:14px}.plans{display:grid;grid-template-columns:1fr 1fr;gap:24px}.plans article{background:white;border:1px solid #dce2ef;border-radius:16px;padding:32px}.plans .premium{border:2px solid #315ee7}.plans h3{font-size:27px}.plans p{font-size:14px}.plans ul{padding-left:19px;color:#526078;font-size:14px;line-height:2.2;min-height:185px}.plans button{display:block;margin-top:18px}.photo{display:grid;grid-template-columns:1fr 1fr;gap:45px;background:#eaf0fe;border-radius:20px;padding:42px;margin:45px 0}.pack{padding:18px;background:white;border:1px solid #dce2ef;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px}.pack b{display:block;font-size:20px}.pack span{font-size:12px;color:#728098}.pack button{font-size:12px;padding:9px 13px}.faq{max-width:800px;margin:auto}.faq details{border-bottom:1px solid #dce2ef;padding:18px 0}.faq summary{cursor:pointer;font-weight:650}.faq p{font-size:14px}footer{border-top:1px solid #dce2ef;padding:35px 6%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px}dialog{border:0;border-radius:18px;width:560px;max-width:94vw;max-height:90vh;overflow:auto;padding:28px;color:#18243b}dialog::backdrop{background:#18243bbd}.dialoghead{display:flex;justify-content:space-between;align-items:center;gap:15px}.dialoghead h2{font-size:26px}label{display:block;margin:16px 0 6px;font-size:14px}select{width:100%;padding:12px;border:1px solid #cbd3e4;border-radius:8px;background:white}.summary{padding:16px;background:#eef3ff;border-radius:10px;margin:20px 0;font-size:14px}.pending{padding:16px;background:#faf3dc;border-radius:10px;margin-top:20px;font-size:13px}@media(max-width:950px){.grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.hero{gap:25px}h1{font-size:48px}.photo{gap:25px;padding:28px}}@media(max-width:600px){header{padding:18px 16px;flex-wrap:wrap}nav{order:3;width:100%;justify-content:center}.brand{font-size:23px}header button{font-size:12px;padding:10px}main{padding:0 16px}.hero{grid-template-columns:1fr;padding:35px 0 60px;gap:40px}h1{font-size:43px;letter-spacing:-2px}.mock{width:95%;max-width:420px;margin:auto}.heading{display:block}.heading p{max-width:none}.grid,.plans,.photo{grid-template-columns:1fr}.cover{height:220px}.plans ul{min-height:0}.plans article{padding:24px}.photo{padding:25px}footer{flex-wrap:wrap}section{padding:35px 0}}
.brand{display:inline-flex;align-items:center;gap:8px;letter-spacing:0}.brand img{display:block;width:190px;height:auto}.brand span{margin-left:0}footer .brand img{width:160px}@media(max-width:600px){.brand img{width:155px}.brand span{font-size:11px}}

/* ===== Vitrine em dispositivos ===== */
.hero{grid-template-columns:1fr 1.15fr}
.stage{position:relative;padding:10px 0 40px 0;min-height:430px}
.laptop{width:92%;position:relative}
.lscreen{background:#0f1729;border-radius:14px 14px 0 0;padding:9px 9px 0;box-shadow:0 30px 80px #1f469526}
.lscreen .bar{display:flex;align-items:center;gap:5px;background:#1c2740;border-radius:6px 6px 0 0;padding:6px 9px;font-size:9px;color:#8d9ab3}
.lscreen .bar i{width:7px;height:7px;border-radius:50%;background:#3a4866}
.lscreen .bar span{margin-left:10px;background:#0f1729;padding:2px 10px;border-radius:4px}
.store{background:#fff;padding:12px;height:300px;overflow:hidden}
.snav{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;color:#69768b;margin-bottom:10px}
.snav b{font:800 11px Georgia,serif;letter-spacing:1px;color:#18243b}.snav em{font-style:normal}
.sban{background:linear-gradient(110deg,#eaf0fe,#dfe7fb);border-radius:8px;padding:16px 18px;margin-bottom:12px}
.sban small{font-size:8px}.sban strong{display:block;font:700 22px/1.1 Georgia,serif;margin:4px 0 8px;color:#18243b}
.sbtn{display:inline-block;background:#315ee7;color:#fff;font-size:9px;padding:5px 10px;border-radius:5px}
.sgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sgrid.two{grid-template-columns:1fr 1fr}
.sp img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;display:block;background:#eef2f9}
.sp b{display:block;font-size:9px;margin-top:5px;color:#18243b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp i{font-style:normal;font-size:9px;color:#315ee7;font-weight:700}
.lbase{height:14px;background:linear-gradient(#d8deea,#b9c2d4);border-radius:0 0 14px 14px;margin:0 -5%;position:relative}
.lbase:after{content:"";position:absolute;left:42%;width:16%;top:0;height:5px;background:#a9b3c7;border-radius:0 0 6px 6px}
.phone{position:absolute;right:0;bottom:0;width:31%;min-width:150px;background:#0f1729;border-radius:26px;padding:7px;box-shadow:0 25px 60px #0f172940}
.pscreen{background:#fff;border-radius:20px;padding:22px 9px 10px;position:relative;overflow:hidden}
.pnotch{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:38%;height:9px;background:#0f1729;border-radius:8px}
.pchips{display:flex;gap:4px;margin-bottom:8px}.pchips span{font-size:8px;border:1px solid #dce2ef;border-radius:20px;padding:2px 7px;color:#52678f}.pchips .on{background:#315ee7;border-color:#315ee7;color:#fff}
.pbag{margin-top:10px;background:#1fa855;color:#fff;font-size:9px;font-weight:700;text-align:center;padding:8px;border-radius:8px}
.float{position:absolute;background:#fff;border:1px solid #e2e7f0;border-radius:10px;padding:9px 13px;font-size:12px;font-weight:600;box-shadow:0 12px 30px #1f46951f;display:flex;align-items:center;gap:8px;color:#18243b}
.f1{left:-4%;bottom:56px}.f2{right:22%;top:-6px}
.dot{width:9px;height:9px;border-radius:50%}.dot.g{background:#1fa855}.dot.b{background:#315ee7}
.devices{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;border:1px solid #e2e7f0;border-radius:14px;padding:20px 26px;margin-top:10px}
.devices div{display:flex;gap:26px;flex-wrap:wrap}.devices b{font-size:15px}.devices p{margin:0;max-width:430px;font-size:14px}
/* cards dos modelos */
.cover{height:220px;background:linear-gradient(140deg,#eaf0fe,#f6f8fd)}
.mlap{position:absolute;left:8%;top:22px;width:72%}
.mscr{background:#0f1729;border-radius:8px 8px 0 0;padding:5px;height:128px}.mscr img{border-radius:3px}
.mbase{height:8px;background:#c4ccdb;border-radius:0 0 8px 8px;margin:0 -6%}
.mpho{position:absolute;right:8%;bottom:16px;width:24%;height:132px;background:#0f1729;border-radius:14px;padding:4px;box-shadow:0 10px 25px #0f172933}
.mpho img{border-radius:10px}
.cover span{z-index:2}
.model:hover .mlap{transform:translateY(-3px)}.mlap{transition:transform .25s}
@media(max-width:950px){.stage{min-height:0}.f2{right:30%}}
@media(max-width:600px){.stage{padding-bottom:30px;margin-top:10px}.laptop{width:100%}.store{height:210px;padding:9px}.sban{padding:10px 12px}.sban strong{font-size:16px}.sgrid{grid-template-columns:repeat(3,1fr)}.sgrid .sp:nth-child(4){display:none}.sgrid.two{grid-template-columns:1fr 1fr}.phone{width:38%;min-width:0;right:-2%;bottom:-6px;border-radius:20px;padding:5px}.pscreen{border-radius:16px;padding:18px 7px 8px}.pchips span:nth-child(3){display:none}.float{font-size:10px;padding:7px 10px}.f1{left:0;bottom:-26px}.f2{display:none}.devices{display:block;padding:18px}.devices p{margin-top:10px}}
.store{height:330px}
@media(max-width:600px){.hero{grid-template-columns:1fr}.store{height:230px}.snav span{display:none}.snav b{font-size:9px}.pbag{font-size:8px;padding:6px 4px}.pscreen .sp b{font-size:8px}.phone{width:36%}}

/* ===== Lojas reais em miniatura ===== */
a.stage{display:block;color:inherit}
.screen{position:relative;overflow:hidden;background:#fff}
.screen iframe{position:absolute;top:0;left:0;border:0;transform-origin:0 0;pointer-events:none;background:#fff}
.screen.lap{aspect-ratio:16/10}
.pscreen{padding:0;height:auto}
.pscreen .screen.mob{aspect-ratio:9/18.5;border-radius:16px}
.pnotch{z-index:3}
.mscr.screen{padding:0;border:5px solid #0f1729;border-bottom-width:6px}
.mpho .screen{width:100%;height:100%;border-radius:10px}
@media(max-width:600px){.pscreen .screen.mob{border-radius:12px}}