.apzone{background-color:#2A2A2A;background-image:repeating-linear-gradient(45deg,rgba(51,153,255,0.06) 0 2px,transparent 2px 26px),repeating-linear-gradient(-45deg,rgba(51,153,255,0.06) 0 2px,transparent 2px 26px);padding:56px 0}
.apgrid{display:flex;flex-direction:column;align-items:center}
.aptext{text-align:center;min-width:0}
.aptext h1{font-size:clamp(26px,4vw,38px);line-height:1.15;margin-bottom:16px}
.aplead{font-size:17px;color:#E0E0E0;margin-bottom:26px}
.apbtns{display:flex;justify-content:center;flex-wrap:wrap}
.apbtns .hbtn{margin:6px 10px}
.appimg{width:100%;max-width:250px;min-width:0;margin-top:34px}
.appimg img{width:100%;height:auto;display:block;border-radius:14px;box-shadow:0 14px 34px rgba(0,0,0,0.4)}
.osicon{width:48px;height:48px;display:block;margin-bottom:14px}
.cmpgrid{display:grid;grid-template-columns:1fr;gap:18px;margin-top:26px}
.cmpcard{background:#454545;border-radius:10px;padding:22px;box-shadow:0 6px 18px rgba(0,0,0,0.28);display:flex;flex-direction:column}
.cmpcard-hot{background-color:#454545;background-image:linear-gradient(rgba(51,153,255,0.12),rgba(51,153,255,0.12))}
.cmpbadge{display:inline-block;align-self:flex-start;background:#3399FF;color:#000000;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;padding:5px 12px;border-radius:20px;margin-bottom:12px}
.cmpt{font-size:19px;font-weight:700;margin-bottom:6px}
.cmpsub{font-style:italic;color:#E0E0E0;font-size:14px;margin-bottom:12px}
.cmpcard-hot .cmpsub{color:#FFFFFF}
.cmplist{list-style:none;margin:0 0 14px;padding:0}
.cmplist li{display:flex;align-items:flex-start;margin-bottom:8px;color:#E0E0E0;font-size:15px}
.cmpcard-hot .cmplist li{color:#FFFFFF}
.cmpcheck{color:#FFFFFF;font-weight:700;margin-right:9px;flex:0 0 auto}
.cmpnote{margin-top:auto;color:#E0E0E0;font-size:13px;margin-bottom:0}
.cmpcard-hot .cmpnote{color:#FFFFFF}
.acc{margin-top:8px}
.acc-item{background:#454545;border-radius:10px;margin-bottom:12px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,0.28)}
.acc-btn{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:0;color:#FFFFFF;font-family:inherit;font-size:16px;font-weight:700;text-align:left;padding:16px 18px;cursor:pointer}
.acc-btn:after{content:"+";font-size:22px;line-height:1;color:#C4E2FF;margin-left:14px;flex:0 0 auto}
.acc-item-open .acc-btn:after{content:"−"}
.acc-panel{display:none;padding:0 18px 16px}
.acc-panel p{color:#E0E0E0;font-size:15px;margin-bottom:0}
.acc-item-open .acc-panel{display:block}
@media(min-width:769px){
.cmpgrid{grid-template-columns:repeat(2,1fr)}
.apzone{padding:76px 0}
}
@media(min-width:1081px){
.apgrid{flex-direction:row;justify-content:space-between;align-items:center;gap:48px}
.aptext{flex:1}
.appimg{flex:0 0 250px;margin-top:0}
}