/* Etapa 123 - Pagina inicial publica. CSS externo compativel com CSP style-src self. */
.mm123-public{margin:0;min-height:100vh;background:#0b1423;color:#f3f8ff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55}
.mm123-public *,.mm123-public *:before,.mm123-public *:after{box-sizing:border-box}
.mm123-public a{color:inherit;text-decoration:none}
.mm123-public a:focus-visible{outline:3px solid #70cfff;outline-offset:3px}
.mm123-skip{position:absolute;left:12px;top:-70px;padding:10px 16px;border-radius:8px;background:#a5ecff;color:#05111f!important;z-index:100}
.mm123-skip:focus{top:12px}
.mm123-header{position:sticky;top:0;z-index:30;background:rgba(11,20,35,.94);border-bottom:1px solid rgba(155,194,229,.15);backdrop-filter:blur(16px)}
.mm123-nav{width:min(1240px,calc(100% - 48px));margin:auto;min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.mm123-brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;font-size:1rem;font-weight:800;letter-spacing:.07em}
.mm123-brand strong{color:#6accff}.mm123-logo{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#3ebdfc,#408aff);color:#041528;font-size:24px;box-shadow:0 8px 25px #3184fa30}
.mm123-nav-links{display:flex;gap:26px;align-items:center;font-size:.92rem;font-weight:600;color:#bacde2}
.mm123-nav-links>a:not(.mm123-nav-cta):hover{color:#7ad2ff}
.mm123-nav-cta,.mm123-primary{background:linear-gradient(100deg,#55c4ff,#7be6ce);color:#061729!important;box-shadow:0 8px 32px #36bbed2b;font-weight:800;border-radius:12px;padding:13px 20px;display:inline-flex;gap:12px;align-items:center;justify-content:center;transition:transform .15s,filter .15s}
.mm123-nav-cta:hover,.mm123-primary:hover{transform:translateY(-2px);filter:brightness(1.09)}
.mm123-hero{width:min(1240px,calc(100% - 48px));margin:auto;min-height:650px;padding:88px 0 104px;display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:center}
.mm123-public{background-image:radial-gradient(ellipse 950px 660px at 83% 9%,#123b5f77,transparent 67%),radial-gradient(ellipse 850px 660px at 7% 44%,#1b2a5950,transparent 72%)}
.mm123-kicker,.mm123-eyebrow{font-size:.77rem;letter-spacing:.16em;color:#72d7ed;font-weight:800}.mm123-kicker{display:inline-flex;align-items:center;gap:10px;background:#17405880;border:1px solid #3c83a044;border-radius:30px;padding:9px 14px}.mm123-dot{display:inline-block;width:8px;height:8px;border-radius:100%;background:#6ef3c5;box-shadow:0 0 14px #67f5c6}
.mm123-hero h1{font-size:clamp(2.8rem,5vw,5.15rem);letter-spacing:-.055em;line-height:1.08;margin:26px 0 22px;font-weight:800}.mm123-hero h1 span{color:#83ceff}
.mm123-lead{color:#b9cce1;font-size:1.12rem;max-width:580px;line-height:1.75;margin:0}
.mm123-hero-actions{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin:33px 0 22px}.mm123-secondary{border:1px solid #425775;border-radius:12px;padding:13px 18px;background:#20324d6b;font-weight:700;color:#e1eefa!important}.mm123-secondary:hover{background:#2b405c}
.mm123-trust{color:#849ab1;font-size:.83rem}.mm123-trust span:first-child{color:#61dfbd}
.mm123-preview{border-radius:22px;border:1px solid #476681;background:linear-gradient(160deg,#172b43,#101f33 85%);box-shadow:0 38px 90px #0007,0 0 0 10px #ffffff03;padding:22px;transform:rotate(1deg);min-width:0}
.mm123-preview-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid #344e65}.mm123-preview-top>span{display:flex;gap:6px}.mm123-preview-top i{width:8px;height:8px;background:#6a859e;border-radius:50%}.mm123-preview-top i:first-child{background:#ff9f8e}.mm123-preview-top i:nth-child(2){background:#fac76b}.mm123-preview-top i:nth-child(3){background:#67ddb0}.mm123-preview-top small{font-size:.65rem;color:#87a3ba;letter-spacing:.11em}
.mm123-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:25px 0 22px}.mm123-preview-head h2{font-size:1.45rem;margin:4px 0}.mm123-muted{color:#87a6c0;font-size:.78rem}.mm123-online{padding:7px 10px;border-radius:40px;background:#164b4277;color:#6cf1bf;font-size:.72rem;white-space:nowrap}
.mm123-preview-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.mm123-preview-metrics>div{background:#1c3450;border:1px solid #30506b;padding:15px 11px;border-radius:12px;display:flex;flex-direction:column;gap:5px}.mm123-preview-metrics span{color:#93b0c8;font-size:.64rem;letter-spacing:.09em;font-weight:800}.mm123-preview-metrics b{font-size:1.17rem;color:#76cbff}.mm123-preview-metrics div:nth-child(2) b{color:#82e8bd}.mm123-preview-metrics div:nth-child(3) b{color:#efbf7e}.mm123-preview-metrics small{font-size:.67rem;color:#7d95aa}
.mm123-preview-stream{display:flex;gap:3px;align-items:end;height:100px;padding:22px 0 0;border-bottom:1px solid #3a5270}.mm123-preview-stream span{flex:1;min-width:1px;border-radius:3px 3px 0 0;background:linear-gradient(0deg,#147ca9,#3dc9e1);height:60%}.mm123-preview-stream span:nth-child(3n){height:81%}.mm123-preview-stream span:nth-child(4n){height:66%;background:linear-gradient(0deg,#15876f,#70e4ad)}.mm123-preview-stream span:nth-child(5n){height:90%}.mm123-preview-note{margin:12px 0 0;color:#8ca2b8;font-size:.68rem;text-align:center}
.mm123-section{padding:86px max(24px,calc((100% - 1240px)/2));scroll-margin-top:84px}.mm123-section-dark{background:#101f31;border-top:1px solid #263a51;border-bottom:1px solid #263a51}
.mm123-section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.mm123-section-heading h2,.mm123-versions h2,.mm123-last h2{font-size:clamp(1.9rem,3.6vw,2.9rem);letter-spacing:-.045em;line-height:1.15;margin:10px 0}.mm123-section-heading p{max-width:420px;color:#aabdd3;margin:0;line-height:1.75}
.mm123-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.mm123-card{min-height:215px;border:1px solid #35506a;border-radius:18px;background:linear-gradient(145deg,#1c3854,#182d43);padding:29px}.mm123-card h3{font-size:1.25rem;margin:15px 0 7px}.mm123-card p{color:#b3c7da;margin:0;line-height:1.65}.mm123-card-icon{width:43px;height:43px;background:#266596;border-radius:12px;display:grid;place-items:center;font-size:1.5rem;color:#b4eaff}.mm123-card-green .mm123-card-icon{background:#176c5a;color:#a8f7cc}.mm123-card-orange .mm123-card-icon{background:#805026;color:#ffe0a4}
.mm123-firmwares{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.mm123-firmwares>div{border:1px solid #354a65;background:#14263c;border-radius:15px;min-height:148px;display:flex;flex-direction:column;padding:23px;gap:9px}.mm123-firmwares strong{font-size:1.09rem}.mm123-firmwares small{color:#9eb8d1;font-size:.82rem}.mm123-fw-dot{display:inline-block;width:13px;height:13px;border-radius:50%;margin-bottom:8px}.mm123-blue{background:#54bdff}.mm123-purple{background:#af9bff}.mm123-green{background:#5bdfad}.mm123-orange{background:#f9b568}
.mm123-versions{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:linear-gradient(125deg,#142d47,#101e33);border-top:1px solid #35516a;border-bottom:1px solid #35516a}.mm123-versions-left p{color:#b0c3d7;line-height:1.7;max-width:570px}.mm123-coming{font-size:.8rem;color:#95cce3;border:1px solid #3f6c83;padding:9px 13px;display:inline-block;border-radius:9px;margin-top:8px}.mm123-versions-items{display:flex;flex-direction:column;gap:12px}.mm123-versions-items>div{display:flex;gap:18px;align-items:center;border:1px solid #3b5672;border-radius:13px;padding:20px;background:#1a324e}.mm123-versions-items strong{display:block}.mm123-versions-items small{display:block;color:#aec3d6;margin-top:4px}.mm123-round-icon{background:#225378;border-radius:12px;padding:13px;color:#9fe6ff;font-weight:800;font-size:.8rem}
.mm123-last{width:min(1240px,calc(100% - 48px));margin:72px auto;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:38px;border:1px solid #3a657d;border-radius:20px;background:linear-gradient(110deg,#123f5a,#16445b 55%,#124333)}.mm123-last p{margin:0;color:#c0d9e5}
.mm123-footer{width:min(1240px,calc(100% - 48px));margin:auto;padding:30px 0 48px;border-top:1px solid #2b415a;display:flex;align-items:center;justify-content:space-between;gap:22px;color:#8fa9c1;font-size:.8rem}
@media(max-width:1000px){.mm123-hero{grid-template-columns:1fr;min-height:unset;padding-top:65px;gap:40px}.mm123-preview{width:min(600px,100%);transform:none}.mm123-firmwares{grid-template-columns:repeat(2,1fr)}.mm123-versions{grid-template-columns:1fr;gap:32px}}
@media(max-width:660px){.mm123-nav{width:calc(100% - 28px);min-height:72px;align-items:flex-start;padding:14px 0;flex-wrap:wrap}.mm123-nav-links{gap:12px;justify-content:space-between;width:100%;font-size:.8rem}.mm123-nav-cta{padding:9px 10px;border-radius:9px}.mm123-brand{font-size:.86rem}.mm123-logo{width:35px;height:35px}.mm123-hero{width:calc(100% - 36px);padding:55px 0 75px}.mm123-hero h1{font-size:clamp(2.45rem,10.5vw,3.4rem)}.mm123-lead{font-size:1rem}.mm123-hero-actions a{width:100%}.mm123-section{padding:60px 18px;scroll-margin-top:116px}.mm123-section-heading{display:block}.mm123-section-heading p{margin-top:16px}.mm123-cards{grid-template-columns:1fr}.mm123-card{min-height:unset}.mm123-firmwares{grid-template-columns:1fr 1fr;gap:8px}.mm123-firmwares>div{padding:16px;min-height:148px}.mm123-preview{padding:15px}.mm123-preview-metrics{gap:5px}.mm123-preview-metrics>div{padding:11px 6px}.mm123-preview-metrics b{font-size:1rem}.mm123-preview-metrics small{font-size:.58rem}.mm123-preview-top small{font-size:.52rem}.mm123-last{width:calc(100% - 36px);margin:50px auto;display:block;padding:23px}.mm123-last .mm123-primary{display:flex;margin-top:20px}.mm123-footer{display:block;width:calc(100% - 36px)}.mm123-footer>span{display:block;margin-top:16px}.mm123-header{position:relative}}
@media(prefers-reduced-motion:reduce){.mm123-nav-cta,.mm123-primary{transition:none}}
