:root{color-scheme:dark;font-family:Arial,'Noto Sans KR',sans-serif;background:#061923;color:#eaf7fa}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid #42e2c4;outline-offset:5px}.ma-guide{max-width:1160px;margin:auto;padding:0 32px}.ma-guide nav{display:flex;justify-content:space-between;gap:20px;padding:28px 0;border-bottom:1px solid #24414d;font-size:14px}.ma-guide nav>a:first-child{font-weight:800;letter-spacing:2px;color:#49dec7}.ma-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:52px;padding:76px 0}.ma-eyebrow{font-size:11px;letter-spacing:2.5px;color:#5ad8c5;font-weight:700}.ma-guide h1{font-size:clamp(34px,4.5vw,60px);line-height:1.2;letter-spacing:-2px;margin:22px 0}.ma-guide h2{font-size:29px;line-height:1.4;letter-spacing:-1px}.ma-guide p{color:#a8c1ca;line-height:1.8;font-size:15px;word-break:keep-all;overflow-wrap:anywhere}.ma-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:28px 0 18px}.ma-primary{display:inline-flex;align-items:center;justify-content:center;background:#3ed7bb;color:#032a28;padding:16px 23px;border-radius:12px;font-weight:750;font-size:15px}.ma-primary:hover{background:#69e9d0}.ma-release{font-size:12px;border:1px solid #49616b;color:#c0d1d7;padding:9px 12px;border-radius:30px}.ma-guide small{font-size:12px;color:#8aa8b5;line-height:1.8}.ma-demo{background:radial-gradient(ellipse at top right,#154b4b,#0c2733 70%);border:1px solid #27515a;border-radius:25px;padding:28px;box-shadow:0 20px 80px #0003}.ma-demo article{display:flex;align-items:center;gap:14px;background:#0c222ec9;border:1px solid #2b505a;border-radius:15px;padding:20px 15px;margin-top:15px;min-width:0}.ma-demo b{font-size:14px}.ma-demo p{font-size:12px;margin:5px 0 0}.ma-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:11px;background:#143d43;color:#5de7cd;font-size:23px}.ma-demo>small{display:block;margin-top:18px}.ma-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:25px 0 64px}.ma-grid article{border:1px solid #28424f;border-radius:17px;padding:23px;background:#0b222d}.ma-grid article>span{font-size:10px;letter-spacing:1px;color:#58c9b9}.ma-grid h3{font-size:18px;margin:23px 0 12px}.ma-grid p{font-size:13px;margin:0}.ma-how{border-top:1px solid #28424f;border-bottom:1px solid #28424f;display:grid;grid-template-columns:1fr 1.4fr;gap:36px;padding:40px 0}.ma-how ol{margin:0;padding-left:28px}.ma-how li{padding:10px 0 10px 13px;color:#5cdbc7}.ma-how b{color:#eef7fa}.ma-how p{margin:7px 0;font-size:14px}.ma-faq{margin:54px 0}.ma-faq details{border-bottom:1px solid #28424f;padding:19px 0}.ma-faq summary{cursor:pointer;font-size:15px}.ma-faq p{font-size:14px;max-width:850px}.ma-end{text-align:center;padding:38px 24px;border-radius:22px;background:#102e38}.ma-end h2{margin-top:0}.ma-guide footer{padding:32px 0;font-size:12px;line-height:1.8;color:#88a8b5}.ma-guide footer a{color:#5bd9c4}@media(max-width:760px){.ma-guide{padding:0 20px}.ma-hero{grid-template-columns:1fr;gap:28px;padding:38px 0}.ma-guide h1{letter-spacing:-1px}.ma-demo{padding:20px}.ma-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:36px}.ma-grid article{padding:17px}.ma-grid h3{font-size:16px}.ma-how{grid-template-columns:1fr;gap:10px;padding:25px 0}.ma-guide h2{font-size:25px}.ma-end{padding:28px 16px}.ma-guide nav{font-size:12px}}@media(prefers-reduced-motion:no-preference){.ma-primary{transition:background .15s}}