/* Download page content; shared components are maintained in common.css. */
#main{--panel:#c72b39;--inset:#141414;--line:rgba(255, 255, 255, .22);overflow:hidden;color:#fff;background:#b71f2d;}
#main .hero{position:relative;isolation:isolate;height:auto;overflow:hidden;background:#141414;}
#main .backdrop{position:absolute;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(ellipse at 75% 55%, #572126, #241719 48%, #141414 88%);}
#main .content{width:calc(100% - 76px);margin:0 auto;}
#main .hero .inner{position:relative;display:grid;grid-template-columns:minmax(0, 5fr) minmax(0, 8fr);align-items:center;width:calc(100% - 152px);max-width:1680px;min-height:540px;height:auto;margin:0 auto;padding:48px 0 64px;gap:24px;}
#main .intro{position:relative;z-index:6;padding:0;text-align:left;}
#main .intro p{display:block;margin:0 0 18px;color:#D82434;font-size:12px;line-height:18px;font-weight:800;letter-spacing:2px;}
#main .intro h1{margin:0;color:#fff;font-size:clamp(38px, 3.15vw, 58px);line-height:1.3;font-weight:900;letter-spacing:1px;}
#main .intro h1 span{display:block;margin:0;color:inherit;font:inherit;letter-spacing:inherit;}
#main .intro > span{display:block;margin-top:20px;color:#D82434;font-size:17px;line-height:28px;font-weight:600;letter-spacing:1px;}
#main .intro .action{display:inline-flex;align-items:center;justify-content:center;min-height:50px;margin-top:30px;padding:0 28px;border-radius:9px;color:#fff;background:#d82434;font-size:16px;font-weight:800;line-height:24px;text-decoration:none;transition:color .2s ease, background-color .2s ease;}
#main .intro .action:hover, #main .intro .action:focus-visible{color:#141414;background:#fff;}
#main .visual{position:relative;z-index:2;height:auto;aspect-ratio:2.2;margin:0;}
#main .visual img{position:absolute;top:50%;left:50%;display:block;width:138%;max-width:none;height:auto;transform:translate(-50%, -50%);mask-image:linear-gradient(90deg, transparent, #000 16%, #000 84%, transparent), linear-gradient(180deg, transparent, #000 7%, #000 92%, transparent);mask-composite:intersect;}
#main .panels{display:grid;align-items:stretch;gap:24px;grid-template-columns:minmax(0, 1.2fr) minmax(360px, 0.8fr);}
#main .content{position:relative;z-index:3;display:grid;gap:16px;padding:40px 0 56px;}
#main .clients, #main .client, #main .support{border:0;border-radius:14px;background:var(--panel);box-shadow:none;}
#main .clients, #main .support{padding:32px;scroll-margin-top:130px;}
#main .heading{display:grid;grid-template-columns:minmax(0, 1fr);align-items:end;column-gap:12px;padding-bottom:20px;border-bottom:1px solid var(--line);}
#main .heading p{grid-column:1 / -1;margin:0 0 4px;color:#f6d9dd;font-size:11px;line-height:16px;font-weight:800;letter-spacing:1.3px;}
#main .heading h2{margin:0;color:#fff;font-size:24px;line-height:30px;}
#main .heading > span{align-self:center;margin-top:8px;color:#f6d9dd;font-size:12px;line-height:18px;}
#main .versions{display:grid;gap:16px;padding-top:20px;}
#main .clients .client{min-height:96px;padding:16px;border-radius:10px;background:var(--inset);box-shadow:none;}
#main .client{display:grid;align-items:center;min-height:100px;padding:16px 18px;grid-template-columns:48px 1fr auto;gap:16px;transition:transform .2s ease, border-color .2s ease;}
#main .client > img{width:44px;height:44px;object-fit:contain;}
#main .client h2{margin:0;color:#fff;font-size:19px;line-height:22px;}
#main .client p{margin:3px 0 4px;color:#c7c7c7;font-size:12px;}
#main .client span{color:#c7c7c7;font-size:11px;}
#main .client a{display:inline-flex;align-items:center;justify-content:center;min-width:126px;min-height:48px;padding:0 16px;border:0;color:#fff;font-size:13px;line-height:18px;font-weight:800;text-align:center;text-decoration:none;border-radius:10px;background:#d82434;box-shadow:none;}
#main .support{display:flex;flex-direction:column;min-height:0;}
#main .benefits{display:grid;flex:1;gap:16px;padding-top:20px;grid-template-columns:repeat(2, minmax(0, 1fr));grid-auto-rows:1fr;}
#main .support article{display:flex;align-items:center;min-height:120px;padding:14px;gap:10px;border:0;border-radius:10px;background:var(--inset);}
#main .support strong{display:block;color:#fff;font-size:17px;line-height:21px;}
#main .benefits article > div > span{display:block;margin-top:3px;color:#c7c7c7;font-size:13px;line-height:18px;}
#main .client a:hover{border-color:transparent;color:#151515;background:#fff;box-shadow:none;}
#main .icon{position:relative;flex:0 0 48px;display:block;width:48px;height:48px;overflow:hidden;}
#main .icon img{position:absolute;top:50%;left:50%;display:block;width:44px;height:44px;max-width:none;transform:translate(-50%, -50%);}
#main .icon.stable img{width:40px;height:40px;}
#main .icon.secure img, #main .icon.sync img{width:48px;height:48px;}
@media (max-width: 1180px){
#main .hero .inner{width:calc(100% - 76px);min-height:440px;grid-template-columns:minmax(0, 1fr) minmax(0, 1.3fr);}
#main .intro h1{font-size:38px;}
#main .intro > span{font-size:14px;letter-spacing:0;}
#main .panels{grid-template-columns:1fr;}
#main .client{grid-template-columns:42px 1fr;}
#main .client a{grid-column:2;justify-self:start;}
#main .client > img{width:38px;height:38px;}
}
@media (max-width: 768px){
#main .hero .inner, #main .content{width:calc(100% - var(--site-gutter) * 2);}
}
@media (max-width: 720px){
#main .hero .inner{grid-template-columns:minmax(0, 1fr);min-height:0;gap:24px;padding:34px 0 32px;}
#main .content{gap:10px;padding:24px 0 32px;}
#main .intro{text-align:center;}
#main .intro p{margin-bottom:12px;font-size:10px;line-height:16px;}
#main .intro h1{font-size:34px;line-height:1.3;letter-spacing:.5px;}
#main .intro > span{margin-top:12px;font-size:13px;line-height:22px;letter-spacing:.5px;}
#main .intro .action{min-height:46px;margin-top:20px;font-size:14px;}
#main .visual{aspect-ratio:2;}
#main .visual img{width:148%;}
#main .panels{grid-template-columns:1fr;gap:20px;}
#main .clients, #main .support{padding:20px 16px;border-radius:12px;}
#main .heading{display:block;padding-bottom:14px;}
#main .heading p{margin-bottom:2px;font-size:10px;line-height:14px;}
#main .heading h2{font-size:20px;line-height:26px;}
#main .heading > span{display:block;margin-top:3px;font-size:11px;line-height:16px;}
#main .versions{gap:12px;padding-top:14px;}
#main .client{min-height:76px;padding:10px 12px;grid-template-columns:34px minmax(0, 1fr) auto;gap:8px;}
#main .client > img{width:34px;height:34px;}
#main .client h2{font-size:16px;line-height:19px;}
#main .client p{margin:2px 0;font-size:11px;}
#main .client span{display:none;}
#main .client a{grid-column:3;grid-row:1;align-self:center;justify-self:end;min-width:110px;min-height:46px;margin:0;padding:0 12px;border-radius:9px;font-size:11px;white-space:nowrap;}
#main .benefits{gap:12px;padding-top:14px;grid-template-columns:1fr 1fr;}
#main .support article{min-height:90px;padding:8px;gap:6px;border-radius:9px;}
#main .support strong{font-size:13px;line-height:17px;}
#main .benefits article:first-child strong{font-size:12px;white-space:nowrap;}
#main .benefits article > div > span{font-size:11px;line-height:15px;}
#main .icon{flex-basis:38px;width:38px;height:38px;}
#main .icon img{transform:translate(-50%, -50%) scale(.8);}
#main .clients .client{min-height:82px;padding:12px;border-radius:9px;}
}