.page-hero{position:relative;overflow:hidden;padding:82px 0 88px;text-align:center;background:radial-gradient(circle at 82% 20%,rgba(255,90,36,.17),transparent 23%),linear-gradient(135deg,#f5f8fc,#fff 58%,#edf3fa)}
.page-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(165deg,transparent 0 20px,rgba(23,105,255,.035) 20px 21px,transparent 21px 44px)}
.page-hero .container{position:relative}
.breadcrumbs{display:flex;justify-content:center;gap:9px;margin-bottom:16px;color:#7b8798;font-size:12px}
.breadcrumbs a{color:#ff5a24;font-weight:700}
.page-hero h1{font-size:clamp(38px,5vw,58px);line-height:1.15;letter-spacing:-1.5px}
.page-hero>div>p{max-width:700px;margin:18px auto 0;color:#647287;font-size:17px}
.download-options,.help-categories,.faq{background:#f4f6f9}
.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.download-card{padding:30px;border:1px solid #dfe5ed;background:#fff;transition:.25s}
.download-card:hover{transform:translateY(-5px);border-color:#ffb499;box-shadow:0 18px 45px rgba(28,42,64,.1)}
.download-card .os{width:52px;height:52px;display:grid;place-items:center;margin-bottom:21px;border-radius:8px;color:#fff;background:linear-gradient(145deg,#111827,#294568);font-size:12px;font-weight:800}
.download-card:nth-child(2) .os{background:linear-gradient(145deg,#ff5a24,#ff9b43)}
.download-card:nth-child(3) .os{background:linear-gradient(145deg,#1769ff,#5f9cff)}
.download-card h3{font-size:21px}
.download-card p{min-height:78px;margin-top:10px;color:#748195;font-size:13px}
.download-card .version{display:flex;justify-content:space-between;gap:12px;margin:20px 0;padding:12px 0;border-top:1px solid #e7ebf0;border-bottom:1px solid #e7ebf0;color:#68768a;font-size:11px}
.download-card .btn{width:100%}
.requirements{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center}
.requirements h2{margin-bottom:22px}
.requirements ul{display:grid;gap:12px;list-style:none}
.requirements li{position:relative;padding-left:29px;color:#647287}
.requirements li:before{content:"✓";position:absolute;left:0;top:1px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#18a66c;font-size:11px;font-weight:900}
.notice{max-width:850px;margin:auto;padding:38px;border-left:4px solid #ff5a24;background:#fff;box-shadow:0 16px 45px rgba(25,42,67,.08)}
.notice h3{font-size:24px}
.notice p{margin-top:10px;color:#6e7c8f}
.search-box{display:flex;max-width:620px;margin:28px auto 0;padding:6px;border:1px solid #d7dee7;border-radius:7px;background:#fff;box-shadow:0 15px 40px rgba(25,42,67,.1)}
.search-box input{min-width:0;flex:1;padding:0 15px;border:0;outline:0;color:#253247;background:transparent}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.category{display:block;padding:25px;border:1px solid #dfe5ed;background:#fff;transition:.2s}
.category:hover{transform:translateY(-3px);border-color:#ffb499;box-shadow:0 14px 35px rgba(25,42,67,.08)}
.category h3{font-size:18px}
.category p{min-height:48px;margin:7px 0 15px;color:#7b8798;font-size:12px}
.category span{color:#ff5a24;font-size:11px;font-weight:800}
.article-layout{display:grid;grid-template-columns:220px 1fr;gap:32px;align-items:start}
.side-menu{position:sticky;top:98px;padding:20px;border:1px solid #dfe5ed;background:#f7f9fc}
.side-menu h3{margin-bottom:10px;font-size:15px}
.side-menu a{display:block;padding:8px 0;border-bottom:1px solid #e5eaf0;color:#667489;font-size:12px}
.side-menu a:hover{color:#ff5a24}
.article-list{display:grid;gap:12px}
.article,.policy{scroll-margin-top:95px;padding:23px 25px;border:1px solid #dfe5ed;background:#fff}
.article h3,.policy h3{font-size:17px}
.article p,.policy p{margin-top:7px;color:#718094;font-size:13px}
.article>span{display:inline-block;margin-top:12px;padding:3px 8px;color:#1769ff;background:#eaf1ff;font-size:10px;font-weight:700}
.faq-list{max-width:850px;margin:auto;display:grid;gap:10px}
details{padding:18px 20px;border:1px solid #dfe5ed;background:#fff}
summary{color:#111827;font-weight:700;cursor:pointer}
details p{padding-top:10px;color:#748195;font-size:13px}
.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:25px}
.check{display:grid;padding:15px;border-left:3px solid #ff5a24;background:#f5f7fa}
.check span{color:#7b8798;font-size:11px}
.workflow{display:grid;gap:9px}
.step{display:flex;gap:14px;padding:14px;border:1px solid #dfe5ed;background:#fff}
.step>b{color:#ff5a24}
.step div{display:grid}
.step span{color:#7b8798;font-size:11px}
.commerce-image{overflow:hidden;border:1px solid #dbe3ec;background:#fff;box-shadow:16px 16px 0 rgba(255,90,36,.07)}
.commerce-image img{width:100%}
.platforms{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.platforms span{padding:5px 9px;border:1px solid rgba(255,255,255,.18);color:#d4deeb;font-size:10px}
.review-top{display:flex;justify-content:space-between;gap:10px;color:#526176;font-size:11px;font-weight:700}
.tag{padding:3px 7px;font-size:9px}.tag.green{color:#08744d;background:#e3f6ec}.tag.blue{color:#1769ff;background:#eaf1ff}.tag.orange{color:#d44b1d;background:#fff0ea}
.review-card blockquote{min-height:80px;margin:20px 0;color:#47576d;font-size:13px}
.reviewer{display:flex;align-items:center;gap:11px;padding-top:15px;border-top:1px solid #e5eaf0}
.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#111827;font-size:12px;font-weight:800}
.reviewer div:last-child{display:grid}.reviewer span{color:#8994a4;font-size:9px}
@media(max-width:960px){
  .download-grid,.category-grid{grid-template-columns:repeat(2,1fr)}
  .requirements{grid-template-columns:1fr}
}
@media(max-width:720px){
  .page-hero{padding:64px 0 70px}
  .download-grid,.category-grid{grid-template-columns:1fr}
  .article-layout{grid-template-columns:1fr}
  .side-menu{position:static}
  .search-box{display:grid}
  .check-grid{grid-template-columns:1fr}
}