:root{font-family:"Segoe UI",Tahoma,Arial,sans-serif;color:#152641;background:#f4f9fc;font-synthesis:none}
*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;background:radial-gradient(circle at 90% 16%,#d8f4f9 0,transparent 27%),radial-gradient(circle at 10% 85%,#e4f3fa 0,transparent 30%),#f5f9fc}
a{color:inherit} .site-container{width:min(1170px,calc(100% - 48px));min-height:100vh;margin:auto;display:flex;flex-direction:column}
.masthead{margin-top:22px;padding:17px 22px;background:rgba(255,255,255,.88);border:1px solid #dae6f0;border-radius:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 13px 33px #153b5610}
.brand{display:flex;align-items:center;gap:13px}.brand strong{display:block;font-size:20px;letter-spacing:.5px}.brand span{display:block;font-size:12px;color:#788aa5;margin-top:5px}.mark{width:66px;height:48px}.mark img,.app-mark img{display:block;width:100%;height:100%;object-fit:contain}
.official-tag{border:1px solid #d3eadf;border-radius:999px;background:#f0faf5;color:#488e69;font-weight:700;font-size:13px;padding:11px 17px}
.main-grid{flex:1;display:grid;grid-template-columns:1.15fr 1fr;gap:42px;align-items:center;padding:66px 0 75px}
.intro{min-width:0}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:#237b98;background:#ecfaff;border:1px solid #caeaf4;padding:10px 15px;border-radius:999px;font-size:13px;font-weight:700}
.dot{display:inline-block;width:8px;height:8px;background:#47aeca;border-radius:50%;box-shadow:0 0 0 5px #d3f0f7}
h1{font-size:clamp(37px,4.5vw,66px);line-height:1.25;letter-spacing:-1.4px;margin:27px 0 18px}h1 span{color:#4798b0;white-space:nowrap}
.intro>p{font-size:18px;line-height:1.95;color:#7386a2;margin:0 0 30px;max-width:660px}
.features{display:flex;gap:10px;flex-wrap:wrap}.features span{background:#ffffffc9;color:#284366;border:1px solid #dce7f0;border-radius:13px;padding:14px 12px;font-size:13px;font-weight:650}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:47px}.step{position:relative;background:#ffffffc9;border:1px solid #dce6f1;border-radius:18px;padding:18px 14px;min-height:133px}.step b{display:block;width:31px;height:31px;border-radius:9px;background:#edf8fc;color:#307e9b;text-align:center;line-height:31px;margin-bottom:13px}.step strong{display:block;font-size:14px;margin-bottom:7px}.step small{font-size:12px;line-height:1.8;color:#7788a0}
.download-card{position:relative;overflow:hidden;border:1px solid #dbe6ee;background:#fff;border-radius:28px;box-shadow:0 28px 65px #1c476520;min-height:532px}
.card-decoration{position:absolute;top:-84px;left:-85px;width:240px;height:240px;background:#edf9fc;border-radius:50%;pointer-events:none}.card-content{position:relative;padding:31px;display:flex;flex-direction:column;align-items:stretch;text-align:right}
.app-mark{width:92px;height:92px;align-self:flex-start;background:#eff9fc;border:1px solid #d7eff4;border-radius:23px;padding:11px}
h2{font-size:25px;line-height:1.3;margin:22px 0 7px}.card-subtitle{font-size:14px;color:#7b8ba2;margin:0 0 27px}
.version-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#f8fafc;border:1px solid #dfe8f1;border-radius:15px;overflow:hidden}
.version-grid>div{padding:17px 7px;text-align:center;min-width:0}.version-grid>div+div{border-right:1px solid #dfe8f1}.version-grid small{display:block;color:#8795aa;font-size:11px;margin-bottom:9px}.version-grid b{display:block;font-size:13px;overflow-wrap:anywhere}
.download-btn{display:block;text-align:center;text-decoration:none;background:linear-gradient(110deg,#51b5cb,#4696ae);color:white;border-radius:15px;box-shadow:0 12px 24px #4294af30;font-size:18px;font-weight:800;padding:20px;margin-top:22px}
.download-btn:hover{filter:brightness(1.06)}.download-btn:focus-visible,.support a:focus-visible{outline:3px solid #153c64;outline-offset:4px}
.download-btn.unavailable{background:#8a9aa9;box-shadow:none;font-size:16px}.missing-note{font-size:13px;color:#9b4646;line-height:1.8;margin:10px 0 0}
.download-note{background:#f6f9fc;border-radius:15px;color:#7e8fa6;font-size:12px;line-height:1.9;padding:14px;margin:16px 0 0}
.support{margin:18px 0 2px;text-align:center;font-size:12px;color:#7c8ea5}.support a{font-weight:700;color:#2b7e9a;text-decoration:none}
footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #dae7f0;color:#8595ac;font-size:12px;padding:23px 0}footer a{text-decoration:none}
@media(max-width:1000px){.main-grid{gap:25px;grid-template-columns:1fr 1fr}h1{font-size:clamp(32px,4vw,50px)}.steps{margin-top:28px}.card-content{padding:23px}}
@media(max-width:760px){.site-container{width:min(580px,calc(100% - 26px))}.masthead{margin-top:13px;padding:15px}.official-tag{font-size:11px;padding:9px}.brand span{font-size:10px}.mark{width:46px}.brand strong{font-size:16px}.main-grid{display:flex;flex-direction:column;align-items:stretch;padding:35px 0;gap:36px}.intro{text-align:center}.intro>p{font-size:15px;margin-inline:auto}h1{font-size:clamp(29px,7.6vw,48px);letter-spacing:-.7px}.features{justify-content:center}.steps{margin-top:25px}.download-card{min-height:0}.card-content{padding:22px}footer{flex-direction:column;gap:8px;text-align:center}.version-grid b{font-size:11px}}
@media(max-width:360px){.features span{padding:10px 8px}.steps{gap:6px}.step{padding:12px 8px}.step strong{font-size:12px}.step small{font-size:10px}}