.panel-download-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(520px,.95fr);gap:42px;align-items:center;padding:46px;border:1px solid #243c62;border-radius:26px;background:radial-gradient(circle at 78% 20%,#173c7966,transparent 30%),radial-gradient(circle at 95% 80%,#8f1dbb44,transparent 32%),linear-gradient(140deg,#07101e,#0a1425)}.panel-download-copy h1{margin:10px 0 18px;font-size:52px;line-height:1.04}.panel-download-copy h1 em{font-style:normal;background:linear-gradient(90deg,#19dcff,#d34bff);-webkit-background-clip:text;color:transparent}.panel-download-copy>p{max-width:700px;color:#b4c1d7;font-size:17px;line-height:1.75}.panel-download-copy>small{display:block;margin-top:14px;color:#7f91ad}.panel-release-line{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.panel-release-line span{padding:7px 10px;border:1px solid #2a496f;border-radius:999px;background:#0c1b31;color:#9ceeff}.panel-ui-preview{padding:22px;border:1px solid #2a426a;border-radius:22px;background:#07101ee8;box-shadow:0 35px 90px #000b}.panel-ui-preview header{display:flex;align-items:center;gap:10px;padding-bottom:18px;border-bottom:1px solid #1d3150}.panel-ui-preview header img{width:44px;height:44px}.panel-ui-preview header b{font-size:20px}.panel-ui-preview header span{margin-left:auto;color:#28d9ff;font-size:11px}.preview-server{display:flex;align-items:center;gap:12px;margin:18px 0;padding:14px;border:1px solid #233b60;border-radius:15px;background:#0e1a2d}.preview-server img{width:48px;height:48px;border-radius:10px;object-fit:cover}.preview-server div{display:grid}.preview-server small{color:#8da0bd}.preview-server em{margin-left:auto;padding:5px 9px;border-radius:999px;background:#0c493b;color:#5affc5;font-style:normal;font-size:11px;font-weight:800}.preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.preview-metrics article{display:grid;gap:8px;padding:15px;border:1px solid #20385c;border-radius:13px;background:#0d192c}.preview-metrics span{color:#8193af;font-size:10px}.preview-metrics b{color:#4de9ff;font-size:17px}.preview-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.preview-actions span{padding:12px;border:1px solid #2b5792;border-radius:11px;background:#102b4e;text-align:center;font-weight:700}.preview-actions span:nth-child(2){border-color:#743248;background:#3d1927}.preview-actions span:nth-child(3){border-color:#613aa5;background:#2d1851}.preview-update{display:flex;justify-content:space-between;gap:12px;margin-top:12px;padding:15px;border:1px solid #20385c;border-radius:13px;background:#0d192c}.preview-update span{color:#b666ff}.panel-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.panel-benefits article{padding:22px;border:1px solid #233a5d;border-radius:17px;background:linear-gradient(145deg,#0e1b30,#091321)}.panel-benefits i{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#102c4d;color:#25ddff;font-style:normal;font-size:21px}.panel-benefits h2{margin:14px 0 7px;font-size:18px}.panel-benefits p{margin:0;color:#9cadc6}.panel-mobile-note{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px;border:1px solid #3e3470;border-radius:20px;background:linear-gradient(110deg,#0b1a31,#25113f)}.panel-mobile-note h2{margin:5px 0}.panel-mobile-note p{margin:0;color:#aebdd2}
@media(max-width:1100px){.panel-download-hero{grid-template-columns:1fr;padding:30px}.panel-ui-preview{max-width:760px}.panel-benefits{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.panel-download-hero{padding:20px 14px;border-radius:18px}.panel-download-copy h1{font-size:34px}.panel-download-copy>p{font-size:15px}.panel-download-copy .hero-actions{display:grid}.panel-download-copy .button{width:100%}.panel-ui-preview{padding:12px}.preview-server em{display:none}.preview-metrics{grid-template-columns:1fr}.preview-actions{grid-template-columns:1fr}.preview-update{align-items:flex-start;flex-direction:column}.panel-benefits{grid-template-columns:1fr}.panel-mobile-note{align-items:flex-start;flex-direction:column;padding:22px 16px}.panel-mobile-note .button{width:100%}}
