body.mate-public>aside,body.mate-public>main,body.mate-public>.mate-scenery{display:none!important}#mateLanding[hidden]{display:none!important}.ml-page{background:#090f16;color:#f0f5fb;font-family:'DM Sans',Arial,sans-serif}.ml-page *{box-sizing:border-box}.ml-page a{text-decoration:none;color:inherit}.ml-page button{font:inherit}.ml-page p{color:#bfcbd5;line-height:1.65}.ml-page h1,.ml-page h2,.ml-page h3{font-family:'Space Grotesk',Arial,sans-serif}.ml-hero{min-height:820px;min-height:100svh;background:linear-gradient(90deg,rgba(6,13,23,.92),rgba(6,13,23,.6) 58%,rgba(6,13,23,.2)),linear-gradient(0deg,#090f16,transparent 36%),url('/backgrounds/screen-1.jpg') center/cover;display:flex;flex-direction:column;padding:0 clamp(24px,6vw,100px)}.ml-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 0}.ml-brand{font-size:42px;font-weight:800;letter-spacing:-3px}.ml-brand span{color:#69c7ff;font-size:25px;vertical-align:top;margin-left:6px}.ml-nav>a:last-child{font-size:13px;border-bottom:1px solid #ffffff40;padding:10px 0}.ml-intro{margin:0;padding:85px 0 65px;max-width:1100px}.ml-page .ml-kicker{color:#8ad2ff;font-size:11px;font-weight:700;letter-spacing:2.5px;margin:0 0 24px}.ml-intro h1{font-size:clamp(44px,6.3vw,90px);line-height:1.06;letter-spacing:-3px;margin:0 0 28px;font-weight:600}.ml-intro h1 em{font-style:normal;color:#91d6ff}.ml-lead{font-size:clamp(17px,1.6vw,22px);margin:0 0 32px}.ml-google{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:#f3f7fb;color:#111d2c;border:0;border-radius:7px;padding:18px 24px;min-height:58px;font-weight:700!important;cursor:pointer;box-shadow:0 8px 25px #0003}.ml-google:hover{background:#cfeaff}.ml-google:disabled{opacity:.65;cursor:wait}.ml-google>span:first-child{font-size:22px;font-weight:800;color:#3478c8}.ml-page button:focus-visible,.ml-page a:focus-visible,.ml-page summary:focus-visible{outline:3px solid #91d6ff;outline-offset:5px}.ml-page .ml-note{font-size:12px;margin:14px 0}.ml-status{font-size:14px;max-width:520px;margin:8px 0;min-height:23px}.ml-retry{color:#91d6ff;background:none;border:1px solid #587080;border-radius:5px;padding:10px 14px}.ml-hero-bottom{margin-top:auto;border-top:1px solid #ffffff25;display:flex;justify-content:space-between;gap:20px;padding:25px 0;font-size:11px;letter-spacing:1.3px;color:#c3cfda}.ml-section{max-width:1440px;margin:auto;padding:100px clamp(24px,6vw,100px)}.ml-section h2,.ml-final h2{font-size:clamp(34px,4.2vw,60px);line-height:1.1;letter-spacing:-1.6px;margin:0 0 22px}.ml-section-heading>p:last-child{max-width:510px;margin:0 0 36px}.ml-activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ml-activity{min-height:350px;border:1px solid #ffffff1f;border-radius:12px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;background-size:cover;background-position:center}.ml-dungeons{background-image:linear-gradient(0deg,#050b14ed,transparent 85%),url('/backgrounds/screen-5.jpg')}.ml-collect{background-image:linear-gradient(0deg,#050b14ed,transparent 85%),url('/backgrounds/screen-6.jpg')}.ml-explore{background-image:linear-gradient(0deg,#050b14ed,transparent 85%),url('/backgrounds/screen-2.jpg')}.ml-activity>span{font-size:10px;letter-spacing:1.8px;background:#07101bc9;align-self:start;padding:8px 10px;border-radius:4px}.ml-activity h3{font-size:24px;margin:0 0 8px}.ml-activity p{font-size:14px;margin:0}.ml-how{border-top:1px solid #ffffff12;padding-top:80px}.ml-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:50px}.ml-steps article>span{font-size:40px;color:#6ac5ff;font-weight:300}.ml-steps h3{font-size:21px;margin:22px 0 12px}.ml-steps p{font-size:15px;margin:0}.ml-final{text-align:center;padding:95px 24px;background:linear-gradient(#09111bc9,#09111bea),url('/backgrounds/screen-2.jpg') center/cover;border-top:1px solid #ffffff14}.ml-final .ml-google{margin-top:12px}.ml-footer{max-width:1440px;margin:auto;padding:35px clamp(24px,6vw,100px);display:flex;align-items:center;justify-content:space-between;gap:30px}.ml-footer p,.ml-footer>a:last-child{font-size:11px}.ml-footer p{margin:0}.ml-footer .ml-brand{font-size:32px}@media(max-width:700px){.ml-hero{min-height:760px;min-height:100svh;background-position:62% center}.ml-nav{padding:20px 0}.ml-nav>a:last-child{font-size:11px}.ml-intro{padding:65px 0 45px}.ml-intro h1{letter-spacing:-1.8px;font-size:clamp(39px,10vw,64px)}.ml-hero-bottom{font-size:9px;letter-spacing:.7px}.ml-hero-bottom>span{max-width:125px}.ml-section{padding-top:60px;padding-bottom:60px}.ml-activity-grid,.ml-steps{grid-template-columns:1fr}.ml-activity{min-height:270px}.ml-steps{gap:30px;margin-top:30px}.ml-steps article{border-top:1px solid #ffffff20;padding-top:22px}.ml-steps h3{margin:10px 0}.ml-footer{flex-wrap:wrap;gap:18px}.ml-footer p{flex:1;min-width:200px}.ml-final{padding:65px 24px}.ml-google{max-width:100%;font-size:14px;padding:16px 20px;gap:12px}}@media(prefers-reduced-motion:no-preference){html:has(body.mate-public){scroll-behavior:smooth}}

.ml-product-demo{background:linear-gradient(180deg,#0a1215,#0d1719)}
.ml-demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1180px;margin:36px auto 0}
.ml-demo-screen{min-height:300px;border:1px solid #ffffff18;border-radius:24px;padding:22px;background:linear-gradient(145deg,#ffffff0b,#ffffff03);box-shadow:0 24px 60px #0005;display:flex;flex-direction:column;gap:18px}
.ml-demo-screen>span{font-size:11px;letter-spacing:.14em;color:#9bb0b3}.ml-demo-profile{margin:auto 0;display:grid;gap:12px}.ml-demo-profile>b{font-size:25px}.ml-demo-profile small{margin:0}.ml-demo-profile div{display:flex;gap:8px;flex-wrap:wrap}.ml-demo-profile i{font-style:normal;border:1px solid #ffffff1f;border-radius:999px;padding:7px 10px}.ml-demo-profile strong{color:#65e2ba}.ml-demo-match{justify-content:center;text-align:center}.ml-demo-match h3{font-size:34px;margin:0}.ml-demo-match em{color:#65e2ba}.ml-demo-match b{color:#65e2ba}.ml-demo-chat{justify-content:center}.ml-demo-bubble{align-self:flex-start;max-width:80%;padding:12px 15px;border-radius:16px 16px 16px 4px;background:#20292a}.ml-demo-bubble.mine{align-self:flex-end;border-radius:16px 16px 4px 16px;background:#65e2ba;color:#132012}.ml-demo-chat small{margin-top:auto}
@media(max-width:800px){.ml-demo-grid{grid-template-columns:1fr}.ml-demo-screen{min-height:230px}}