*{box-sizing:border-box}
:root{--asr-blue:#126fdf;--asr-bright:#2498ff;--asr-deep:#0755b6}
body{margin:0;background:#fff;color:#141821;font-family:Arial,Helvetica,sans-serif}
a{color:var(--asr-blue);text-decoration:none}
.header{width:min(1580px,92%);height:145px;margin:auto;display:flex;justify-content:space-between;align-items:center}
.header .logo{width:325px}
.header .certs{width:min(590px,48%);transform:translateX(38px)}
.layout{width:min(1580px,92%);margin:0 auto 70px;display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:150px;align-items:start}
.content{min-width:0}
.service{font-size:22px;font-weight:700;color:var(--asr-blue);margin:20px 0 25px}
h1{font-size:48px;line-height:1.45;margin:0 0 58px;font-weight:800;color:var(--asr-deep)}
.system{display:flex;align-items:center;gap:28px;margin-bottom:35px}
.windows{width:90px;height:90px;border-radius:12px;box-shadow:0 17px 38px #1c4fa41a;display:grid;grid-template-columns:repeat(2,20px);gap:3px;place-content:center}
.windows i{width:20px;height:20px}
.windows i:nth-child(1){background:#f35325}
.windows i:nth-child(2){background:#81bc06}
.windows i:nth-child(3){background:#05a6f0}
.windows i:nth-child(4){background:#ffba08}
.system div{display:flex;flex-direction:column;gap:8px;font-size:17px}
.system b{color:#5c6270}
.language{background:#eef0f3;border-radius:10px;padding:30px;margin-bottom:45px}
.language label{display:block;font-size:22px;margin-bottom:24px}
.language>div{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.language select{height:55px;border:1px solid #cbd2dc;border-radius:6px;background:#fff;padding:0 16px;color:#98a0ad;font-size:16px}
.button,.language a{height:55px;border-radius:8px;background:linear-gradient(135deg,var(--asr-deep),var(--asr-bright));color:#fff!important;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(18,111,223,.34),0 0 18px rgba(36,152,255,.20);transition:transform .2s ease,box-shadow .2s ease}
.button:hover,.language a:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(18,111,223,.42),0 0 24px rgba(36,152,255,.30)}
.text h2,.product h2,.certification-section h2{font-size:23px;margin:35px 0 12px;color:var(--asr-blue)}
.text p,.method p,.product p{font-size:18px;line-height:1.65;color:#5c6270;margin:0 0 35px}
.button.medium{width:390px;margin:35px 0 45px}
.method{border:1px solid #cbd5ff;border-radius:8px;padding:25px 28px 30px;margin-bottom:55px}
.method summary{list-style:none;color:var(--asr-blue);font-size:22px;font-weight:700;display:flex;justify-content:space-between;cursor:pointer}
.method summary::-webkit-details-marker{display:none}
.method summary span{width:24px;height:24px;border:2px solid #9da5b1;border-radius:50%;display:grid;place-items:center}
.method p{margin:35px 0}
.method h3{font-size:17px}
.method ol{list-style:none;padding:0}
.method li{margin:15px 0;font-size:17px;color:#424a56}
.product img{display:block;width:100%;border-radius:5px;margin:18px 0 42px;box-shadow:0 12px 30px #15245b22}
.sidebar{position:sticky;top:24px;display:flex;flex-direction:column;gap:45px}
.card{background:#fff;border-radius:11px;padding:28px;box-shadow:0 10px 45px #4260bb1c}
.card h2{font-size:29px;line-height:1.25;color:var(--asr-blue);text-align:center;margin:0 0 30px}
.card hr{border:0;border-top:1px solid #e4e7ee;margin:0 0 26px}
.card .button{width:100%}
.card h3{text-align:center;font-size:21px;font-weight:400}
.guide{display:flex;flex-direction:column;gap:17px;margin:28px 0 30px}
.guide div{display:grid;grid-template-columns:78px 1fr;gap:12px;font-size:16px;line-height:1.45}
.guide b{font-weight:400}
.guide span,.card dd{color:#5f6671}
.card dl{display:grid;grid-template-columns:135px 1fr;gap:14px 10px;font-size:15px;line-height:1.35}
.card dt,.card dd{margin:0}
.fine{font-size:13px;line-height:1.35;color:#6d727b}
.badges{background:#f0f2f6;border-radius:10px;padding:25px}
.badges img{display:block;width:100%;height:240px;object-fit:contain;background:#fff}
.badges h3{font-size:17px}
.badges p{font-size:14px;color:#5f6671;line-height:1.45}
.certification-section{margin:8px 0 38px;padding:24px;border:1px solid #d4e4f8;border-radius:9px;background:#fff}
.certification-section h2{margin:0 0 18px}
.certification-section img{display:block;width:100%;height:auto;box-shadow:none;margin:0}
.download-repeat{background:#eef2f7;border-radius:10px;padding:28px;margin:0 0 42px}
.download-repeat h2{margin:0 0 20px;color:var(--asr-blue);font-size:23px}
.download-repeat>div{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.download-repeat select{height:55px;border:1px solid #cbd2dc;border-radius:6px;background:#fff;padding:0 16px;color:#7f8997;font-size:16px}
.faq{margin:0 0 55px}
.faq>h2{font-size:34px;color:#111827;margin:0 0 28px}
.faq details{border:1px solid #cddcf0;border-radius:8px;margin-bottom:15px;background:#fff;overflow:hidden}
.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:24px 26px;color:var(--asr-blue);font-size:20px;font-weight:700;cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq summary span{width:24px;height:24px;border:2px solid #9aa7b7;border-radius:50%;display:grid;place-items:center;color:#7f8a98;flex:0 0 24px}
.faq details[open] summary span{font-size:0}
.faq details[open] summary span:after{content:'−';font-size:18px}
.faq details p{padding:0 26px 24px;margin:0;color:#5c6270;font-size:17px;line-height:1.6}
.footer{padding:30px;text-align:center;background:#f3f4f7;color:#717783;font-size:13px}
@media(max-width:1150px){.layout{grid-template-columns:minmax(0,1fr) 390px;gap:45px}
h1{font-size:40px}
}
@media(max-width:850px){.header{height:auto;padding:25px 0}
.header .certs{transform:none}
.layout{grid-template-columns:1fr}
.sidebar{position:static}
h1{font-size:36px}
.header .logo{width:230px}
}
@media(max-width:560px){.header{width:90%;flex-direction:column;align-items:flex-start;gap:20px}
.header .certs{width:100%}
.layout{width:90%}
.service{font-size:18px}
h1{font-size:31px;line-height:1.25}
.windows{flex:0 0 72px;width:72px;height:72px}
.system div{font-size:14px}
.language{padding:22px}
.language>div{grid-template-columns:1fr}
.text p,.method p,.product p{font-size:16px}
.button.medium{width:100%}
.method{padding:22px 20px}
.card{padding:25px 20px}
.card dl{grid-template-columns:118px 1fr}
}
@media(max-width:560px){.download-repeat>div{grid-template-columns:1fr}.faq>h2{font-size:29px}.faq summary{font-size:17px;padding:20px}.faq details p{padding:0 20px 20px}}