.m802-page{--ink:#173246;--muted:#60717D;--teal:#2D7899;--teal-dark:#003353;--mint:#EAF1F5;--paper:#F5F8FA;--line:#DCE5EB;--white:#fff;--navy:#002B45;--shadow:0 24px 70px rgba(0,51,83,.12);--radius:24px;--max:1180px;color:var(--ink)}
.m802-page button{font: inherit;}
.m802-page .wrap{width: min(var(--max),calc(100% - 48px)); margin: auto;}
.m802-page .eyebrow{display: inline-flex; align-items: center; gap: 10px; color: var(--teal-dark); font-size: .76rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase;}
.m802-page .eyebrow:before{content: ""; width: 25px; height: 2px; background: var(--teal);}
.m802-page h1,.m802-page h2,.m802-page h3,.m802-page p{margin-top: 0;}
.m802-page h1,.m802-page h2,.m802-page h3{letter-spacing: -.045em; line-height: 1.08;}
.m802-page h1{font-size: clamp(3.3rem,8vw,7.1rem); margin: 22px 0 18px; font-weight: 800;}
.m802-page h2{font-size: clamp(2.25rem,5vw,4.2rem); margin: 16px 0 18px;}
.m802-page h3{font-size: 1.35rem; margin-bottom: 10px;}
.m802-page .lead{font-size: clamp(1.05rem,1.7vw,1.28rem); color: var(--muted); max-width: 620px;}
.m802-page .small{font-size: .88rem; color: var(--muted);}
.m802-page .btn{display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 14px 21px; border-radius: 999px; background: var(--teal-dark); color: #fff; font-weight: 750; border: 1px solid var(--teal-dark); transition: .2s;}
.m802-page .btn:hover{background: #164C6B; transform: translateY(-2px);}
.m802-page .btn.secondary{background: transparent; color: var(--ink); border-color: #B8C9D3;}
.m802-page .btn.secondary:hover{background: #fff;}
.m802-page .arrow{font-size: 1.1em;}
.m802-page .topbar{height: 78px; display: flex; align-items: center; border-bottom: 1px solid rgba(220,229,235,.8); background: rgba(245,248,250,.90); position: sticky; top: 0; z-index: 20; backdrop-filter: blur(14px);}
.m802-page .nav{display: flex; align-items: center; justify-content: space-between; gap: 24px;}
.m802-page .brand{display: flex; align-items: center; gap: 10px; font-weight: 900; letter-spacing: .08em; font-size: 1.05rem;}
.m802-page .brand-mark{width: 29px; height: 29px; border-radius: 9px; background: linear-gradient(145deg,#5A91AB,#003353); display: inline-block; position: relative;}
.m802-page .brand-mark:after{content: ""; position: absolute; inset: 7px; border: 2px solid white; border-radius: 4px;}
.m802-page .navlinks{display: flex; align-items: center; gap: 30px; color: #536B7A; font-size: .9rem; font-weight: 650;}
.m802-page .navlinks a:hover{color: var(--teal-dark);}
.m802-page .nav-cta{padding: 10px 17px; font-size: .86rem;}
.m802-page .menu{display: none; background: none; border: 0; color: var(--ink); font-size: 1.5rem;}
.m802-page .hero{padding: 78px 0 86px; overflow: hidden; position: relative;}
.m802-page .hero:before{content: ""; position: absolute; width: 650px; height: 650px; border-radius: 50%; background: radial-gradient(circle,rgba(65,126,158,.20),rgba(65,126,158,0) 68%); right: -180px; top: -120px; pointer-events: none;}
.m802-page .hero-grid{display: grid; grid-template-columns: 1fr 1.02fr; align-items: center; gap: 44px; position: relative;}
.m802-page .hero-copy{padding: 25px 0;}
.m802-page .model-label{display: inline-flex; align-items: center; gap: 9px; border: 1px solid #C8D8E2; border-radius: 999px; padding: 7px 13px; background: rgba(255,255,255,.65); font-size: .78rem; color: #34576B; font-weight: 750;}
.m802-page .model-label i{width: 7px; height: 7px; border-radius: 50%; background: #2D7899;}
.m802-page .model-word{display: block; color: var(--teal-dark); font-size: clamp(4.5rem,11vw,9.8rem); letter-spacing: -.095em; line-height: .82; font-weight: 900;}
.m802-page .hero h1 .subline{display: block; font-size: clamp(1.6rem,3.2vw,2.65rem); letter-spacing: -.055em; line-height: 1.15; margin-top: 22px; color: var(--ink);}
.m802-page .hero-actions{display: flex; flex-wrap: wrap; gap: 12px; margin: 30px 0 26px;}
.m802-page .hero-meta{display: flex; flex-wrap: wrap; gap: 18px; color: #647985; font-size: .82rem;}
.m802-page .hero-meta span{display: flex; align-items: center; gap: 7px;}
.m802-page .tick{color: var(--teal-dark); font-weight: 900;}
.m802-page .hero-visual{position: relative; min-height: 560px; display: flex; align-items: center; justify-content: center;}
.m802-page .visual-glow{position: absolute; width: 88%; height: 82%; border-radius: 48% 52% 42% 58%; background: linear-gradient(145deg,#DCEAF1,#EDF3F7); transform: rotate(-7deg);}
.m802-page .product-frame{position: relative; width: min(100%,600px); padding: 18px; background: rgba(255,255,255,.66); border: 1px solid rgba(255,255,255,.95); border-radius: 30px; box-shadow: var(--shadow); backdrop-filter: blur(8px);}
.m802-page .product-frame img{width: 100%; height: auto; display: block; object-fit: contain; max-height: 560px;}
.m802-page .image-caption{position: absolute; right: 4px; bottom: 22px; background: #fff; padding: 12px 17px; border-radius: 14px; box-shadow: 0 10px 30px rgba(0,51,83,.12); font-size: .76rem; color: #5C7280;}
.m802-page .image-caption strong{display: block; color: var(--ink); font-size: .9rem;}
.m802-page .proofbar{background: #fff; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);}
.m802-page .proof-grid{display: grid; grid-template-columns: repeat(4,1fr); padding: 24px 0;}
.m802-page .proof{padding: 4px 24px; border-right: 1px solid var(--line);}
.m802-page .proof:first-child{padding-left: 0;}
.m802-page .proof:last-child{border: 0;}
.m802-page .proof strong{display: block; font-size: 1rem; color: var(--ink);}
.m802-page .proof span{font-size: .8rem; color: var(--muted);}
.m802-page section{padding: 105px 0;}
.m802-page .section-head{max-width: 720px; margin-bottom: 46px;}
.m802-page .section-head.center{text-align: center; margin-left: auto; margin-right: auto;}
.m802-page .section-head.center .eyebrow{justify-content: center;}
.m802-page .section-head p{color: var(--muted); font-size: 1.06rem;}
.m802-page .choice-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 22px;}
.m802-page .choice{background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 30px; box-shadow: 0 8px 32px rgba(0,51,83,.035); position: relative; overflow: hidden;}
.m802-page .choice.featured{background: var(--navy); color: #fff; border-color: var(--navy);}
.m802-page .choice .tag{font-size: .72rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--teal-dark);}
.m802-page .choice.featured .tag{color: #8BB9CD;}
.m802-page .choice h3{font-size: 1.7rem; margin: 13px 0;}
.m802-page .choice p{color: var(--muted);}
.m802-page .choice.featured p{color: #BDCCD5;}
.m802-page .choice-visual{height: 235px; border-radius: 16px; background: linear-gradient(140deg,#EFF4F7,#E2ECF2); display: flex; align-items: center; justify-content: center; margin: 24px 0; overflow: hidden;}
.m802-page .choice.featured .choice-visual{background: linear-gradient(140deg,#173F58,#245A75);}
.m802-page .choice-visual img{width: 90%; height: 100%; object-fit: contain;}
.m802-page .choice ul{list-style: none; padding: 0; margin: 22px 0 0; display: grid; gap: 10px; color: #536E7C; font-size: .92rem;}
.m802-page .choice.featured ul{color: #DCE8EE;}
.m802-page .choice li:before{content: "✓"; color: var(--teal); font-weight: 900; margin-right: 10px;}
.m802-page .choice .foot{margin-top: 25px; padding-top: 18px; border-top: 1px solid var(--line); font-size: .82rem; color: var(--muted);}
.m802-page .choice.featured .foot{border-color: #38596D; color: #C3D0D9;}
.m802-page .features{background: #EDF3F7;}
.m802-page .feature-grid{display: grid; grid-template-columns: repeat(3,1fr); gap: 16px;}
.m802-page .feature{padding: 27px; background: rgba(255,255,255,.8); border: 1px solid #DCE7ED; border-radius: 18px; min-height: 190px;}
.m802-page .feature-icon{width: 42px; height: 42px; border-radius: 13px; background: #E3EEF4; color: var(--teal-dark); display: grid; place-items: center; font-size: 1.15rem; margin-bottom: 20px;}
.m802-page .feature p{color: var(--muted); font-size: .92rem; margin-bottom: 0;}
.m802-page .workflow{display: grid; grid-template-columns: repeat(3,1fr); gap: 0; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: #fff;}
.m802-page .step{padding: 30px; position: relative;}
.m802-page .step+.step{border-left: 1px solid var(--line);}
.m802-page .step-num{font-size: .75rem; color: var(--teal-dark); font-weight: 900; letter-spacing: .12em;}
.m802-page .step h3{margin-top: 17px;}
.m802-page .step p{font-size: .92rem; color: var(--muted); margin-bottom: 0;}
.m802-page .applications{background: var(--navy); color: #fff;}
.m802-page .applications .section-head p{color: #BDCCD5;}
.m802-page .app-grid{display: grid; grid-template-columns: repeat(4,1fr); gap: 14px;}
.m802-page .app{padding: 23px; border: 1px solid #38596D; border-radius: 17px; background: rgba(255,255,255,.035); min-height: 175px;}
.m802-page .app .app-no{color: #8BB9CD; font-size: .76rem; font-weight: 800;}
.m802-page .app h3{margin: 25px 0 9px; font-size: 1.15rem;}
.m802-page .app p{color: #BDCCD5; font-size: .86rem; margin: 0;}
.m802-page .spec-layout{display: grid; grid-template-columns: .8fr 1.2fr; gap: 54px; align-items: start;}
.m802-page .spec-intro{position: sticky; top: 110px;}
.m802-page .spec-table{background: #fff; border: 1px solid var(--line); border-radius: 18px; overflow: hidden;}
.m802-page .spec-row{display: grid; grid-template-columns: 42% 58%; padding: 17px 21px; border-bottom: 1px solid #EDF1F4; font-size: .92rem; gap: 15px;}
.m802-page .spec-row:last-child{border: 0;}
.m802-page .spec-row span:first-child{color: #6B7C87;}
.m802-page .spec-row span:last-child{font-weight: 650; color: #253F51;}
.m802-page .note{font-size: .8rem; color: var(--muted); margin-top: 16px;}
.m802-page .privacy{background: #EDF3F7;}
.m802-page .privacy-card{display: grid; grid-template-columns: 70px 1fr; gap: 22px; padding: 32px; background: #fff; border: 1px solid #DCE7ED; border-radius: var(--radius);}
.m802-page .privacy-icon{width: 58px; height: 58px; border-radius: 17px; background: #E1EDF3; display: grid; place-items: center; font-size: 1.5rem; color: var(--teal-dark);}
.m802-page .privacy-card p{color: var(--muted); margin-bottom: 10px;}
.m802-page .privacy-card ul{margin: 10px 0 0; padding-left: 20px; color: #566F7B; font-size: .9rem;}
.m802-page .cta{padding: 92px 0; background: linear-gradient(120deg,#DCEAF1,#EDF3F7);}
.m802-page .cta-inner{display: flex; justify-content: space-between; align-items: center; gap: 30px;}
.m802-page .cta h2{font-size: clamp(2.1rem,4.5vw,3.7rem); max-width: 700px; margin-bottom: 12px;}
.m802-page .cta p{color: var(--muted); margin: 0;}
.m802-page .footer{background: #082C43; color: #D7E2E9; padding: 42px 0 26px;}
.m802-page .footer-top{display: flex; justify-content: space-between; gap: 30px; align-items: flex-start; padding-bottom: 30px; border-bottom: 1px solid #314F60;}
.m802-page .footer .brand{color: #fff;}
.m802-page .footer p{color: #AEBFCB; font-size: .88rem; max-width: 450px; margin: 14px 0 0;}
.m802-page .footer-links{display: flex; gap: 24px; flex-wrap: wrap; color: #C0CCD5; font-size: .85rem;}
.m802-page .copyright{display: flex; justify-content: space-between; gap: 20px; padding-top: 22px; color: #91A7B4; font-size: .76rem;}
.m802-page .disclaimer{max-width: 720px;}
.m802-page .reveal{opacity: 0; transform: translateY(18px); transition: opacity .65s ease,transform .65s ease;}
.m802-page .reveal.visible{opacity: 1; transform: none;}
@media (max-width:900px){.m802-page .hero-grid{grid-template-columns: 1fr; gap: 10px;}
.m802-page .hero-copy{padding-bottom: 0;}
.m802-page .hero-visual{min-height: 440px;}
.m802-page .proof-grid{grid-template-columns: repeat(2,1fr); row-gap: 18px;}
.m802-page .proof:nth-child(2){border: 0;}
.m802-page .choice-grid{grid-template-columns: 1fr;}
.m802-page .feature-grid{grid-template-columns: repeat(2,1fr);}
.m802-page .app-grid{grid-template-columns: repeat(2,1fr);}
.m802-page .spec-layout{grid-template-columns: 1fr; gap: 25px;}
.m802-page .spec-intro{position: static;}
.m802-page .cta-inner{align-items: flex-start; flex-direction: column;}
}@media (max-width:640px){.m802-page .wrap{width: min(100% - 32px,var(--max));}
.m802-page .topbar{height: 68px;}
.m802-page .navlinks{display: none; position: absolute; left: 16px; right: 16px; top: 62px; padding: 20px; background: #fff; border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--shadow); flex-direction: column; align-items: flex-start; gap: 17px;}
.m802-page .navlinks.open{display: flex;}
.m802-page .nav-cta{display: none;}
.m802-page .menu{display: block;}
.m802-page .hero{padding: 45px 0 55px;}
.m802-page .hero-visual{min-height: 330px;}
.m802-page .product-frame{padding: 9px; border-radius: 20px;}
.m802-page .image-caption{right: 0; bottom: 10px;}
.m802-page .proof-grid{padding: 20px 0;}
.m802-page .proof{padding: 3px 12px;}
.m802-page .proof strong{font-size: .88rem;}
.m802-page .proof span{font-size: .73rem;}
.m802-page section{padding: 72px 0;}
.m802-page .choice{padding: 22px;}
.m802-page .choice-visual{height: 190px;}
.m802-page .feature-grid{grid-template-columns: 1fr;}
.m802-page .workflow{grid-template-columns: 1fr;}
.m802-page .step+.step{border-left: 0; border-top: 1px solid var(--line);}
.m802-page .app-grid{grid-template-columns: 1fr 1fr;}
.m802-page .app{padding: 17px; min-height: 165px;}
.m802-page .spec-row{grid-template-columns: 1fr; gap: 4px; padding: 14px 17px;}
.m802-page .privacy-card{grid-template-columns: 1fr; padding: 23px;}
.m802-page .footer-top,.m802-page .copyright{flex-direction: column;}
.m802-page .footer-links{gap: 14px;}
.m802-page .hero-meta{gap: 10px 15px;}
}@media (prefers-reduced-motion:reduce){.m802-page .reveal{opacity: 1; transform: none; transition: none;}
}
.m802-page .reveal{opacity:1;transform:none}

/* M802 page refinements */
.m802-page .hero { background:linear-gradient(135deg,#eef5f8 0%,#e2eff4 100%); }
.m802-page .hero-product-image { position:relative; width:min(100%,600px); max-height:560px; object-fit:contain; display:block; }
.m802-page .applications .eyebrow,.m802-page .applications h2,.m802-page .applications h3,.m802-page .applications .app-no,.m802-page .applications p { color:#fff; }
.m802-page .spec-layout .table-responsive { border:1px solid #c9d9e3; border-radius:18px; background:#fff; box-shadow:0 12px 32px rgba(0,51,83,.10); overflow:hidden; }
.m802-page .spec-layout .product-spec-table { margin:0; border-radius:0; }
.m802-page .spec-layout .product-spec-table td { background:#fff; color:#173246; }