:root {
  --blue: #1677ff;
  --blue-dark: #075ed3;
  --ink: #101828;
  --muted: #667085;
  --line: #e7edf5;
  --soft: #f5f9ff;
  --navy: #071a3a;
  --white: #fff;
  --radius: 22px;
  --shadow: 0 18px 50px rgba(23, 60, 109, .10);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: #fff;
  font-family: "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;
  line-height: 1.65;
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button, input { font: inherit; }
.container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  height: 72px;
  border-bottom: 1px solid rgba(225, 233, 244, .86);
  background: rgba(255, 255, 255, .9);
  backdrop-filter: blur(18px);
}
.nav { height: 100%; display: flex; align-items: center; gap: 34px; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; font-size: 21px; }
.brand-mark {
  width: 34px; height: 34px; display: grid; place-items: center;
  color: #fff; background: linear-gradient(145deg, #2c91ff, #0869ec);
  border-radius: 10px 10px 10px 3px; transform: rotate(-5deg);
  box-shadow: 0 8px 20px rgba(22, 119, 255, .25);
}
.brand-mark span { transform: rotate(5deg); }
.nav-links { display: flex; align-items: center; gap: 30px; margin-left: auto; color: #344054; }
.nav-links a { font-size: 15px; transition: color .2s; }
.nav-links a:hover, .nav-links a.active { color: var(--blue); }
.nav-cta, .btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 44px; padding: 0 22px; border: 1px solid transparent;
  border-radius: 12px; font-weight: 700; transition: .22s ease; cursor: pointer;
}
.nav-cta, .btn-primary { color: #fff; background: var(--blue); box-shadow: 0 10px 22px rgba(22,119,255,.2); }
.nav-cta:hover, .btn-primary:hover { background: var(--blue-dark); transform: translateY(-2px); }
.btn-secondary { color: #25334a; background: #fff; border-color: #d9e3ef; }
.btn-secondary:hover { border-color: var(--blue); color: var(--blue); transform: translateY(-2px); }
.btn-light { color: var(--blue); background: #fff; }
.btn-ghost-light { color: #fff; border-color: rgba(255,255,255,.38); background: rgba(255,255,255,.08); }
.btn-sm { min-height: 40px; padding: 0 18px; font-size: 14px; }

.hero {
  position: relative; overflow: hidden;
  padding: 92px 0 76px;
  background:
    radial-gradient(circle at 8% 5%, rgba(64, 153, 255, .15), transparent 30%),
    linear-gradient(155deg, #f8fbff 0%, #fff 53%, #edf6ff 100%);
}
.hero::before {
  content: ""; position: absolute; width: 380px; height: 380px;
  right: -100px; top: -170px; border: 1px solid rgba(22,119,255,.18); border-radius: 50%;
}
.hero-grid { position: relative; display: grid; grid-template-columns: .92fr 1.18fr; align-items: center; gap: 48px; }
.eyebrow {
  display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px;
  border-radius: 999px; color: var(--blue); background: #eaf4ff; font-size: 13px; font-weight: 700;
}
.eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 5px rgba(22,119,255,.11); }
.hero h1 { margin: 22px 0 18px; font-size: clamp(40px, 5vw, 66px); line-height: 1.12; letter-spacing: -2px; }
.gradient-text { color: var(--blue); }
.hero-lead { margin: 0 0 30px; max-width: 560px; color: var(--muted); font-size: 18px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; }
.hero-note { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 24px; color: #667085; font-size: 13px; }
.hero-note span::before { content: "✓"; margin-right: 6px; color: #12a150; font-weight: 800; }
.hero-visual { position: relative; }
.hero-visual img { width: 100%; border-radius: 28px; box-shadow: 0 32px 80px rgba(20, 72, 138, .22); }
.float-card {
  position: absolute; left: -28px; bottom: 28px; display: flex; align-items: center; gap: 12px;
  padding: 14px 17px; background: rgba(255,255,255,.94); border: 1px solid rgba(255,255,255,.8);
  border-radius: 16px; box-shadow: var(--shadow); backdrop-filter: blur(12px); font-size: 14px; font-weight: 700;
}
.live-dot { width: 11px; height: 11px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 6px rgba(34,197,94,.13); }

.trust-bar { padding: 24px 0; border-bottom: 1px solid var(--line); }
.trust-inner { display: flex; align-items: center; justify-content: space-between; gap: 22px; color: #667085; font-size: 14px; }
.trust-number { color: var(--ink); font-size: 18px; font-weight: 800; }
.logo-list { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 30px; color: #475467; font-weight: 800; font-size: 16px; }

.section { padding: 96px 0; }
.section-soft { background: var(--soft); }
.section-dark { color: #fff; background: var(--navy); }
.section-head { max-width: 720px; margin: 0 auto 50px; text-align: center; }
.section-head.left { margin-left: 0; text-align: left; }
.section-head h2 { margin: 13px 0 12px; font-size: clamp(30px, 4vw, 44px); line-height: 1.2; letter-spacing: -1px; }
.section-head p { margin: 0; color: var(--muted); font-size: 17px; }
.section-dark .section-head p { color: #afc0da; }

.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.feature-card {
  padding: 28px; min-height: 220px; border: 1px solid var(--line); border-radius: var(--radius);
  background: #fff; transition: .25s ease;
}
.feature-card:hover { transform: translateY(-6px); border-color: #bad8ff; box-shadow: var(--shadow); }
.icon-box {
  width: 50px; height: 50px; display: grid; place-items: center; margin-bottom: 22px;
  color: var(--blue); background: #eaf4ff; border-radius: 14px; font-size: 23px;
}
.feature-card h3 { margin: 0 0 9px; font-size: 19px; }
.feature-card p { margin: 0; color: var(--muted); font-size: 14px; }

.split { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 70px; }
.split.reverse .visual { order: -1; }
.visual img { width: 100%; border-radius: 26px; box-shadow: var(--shadow); }
.content h2 { margin: 14px 0 18px; font-size: clamp(31px, 4vw, 44px); line-height: 1.2; }
.content > p { color: var(--muted); font-size: 17px; }
.check-list { display: grid; gap: 15px; margin: 28px 0; padding: 0; list-style: none; }
.check-list li { display: flex; gap: 12px; }
.check-list li::before {
  content: "✓"; flex: 0 0 24px; width: 24px; height: 24px; display: grid; place-items: center;
  color: var(--blue); background: #e8f3ff; border-radius: 50%; font-size: 13px; font-weight: 800;
}

.stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; overflow: hidden; border-radius: 22px; background: rgba(255,255,255,.14); }
.stat { padding: 38px 20px; text-align: center; background: rgba(255,255,255,.05); }
.stat strong { display: block; margin-bottom: 5px; font-size: 34px; }
.stat span { color: #aebfd8; font-size: 14px; }

.case-grid, .news-grid, .download-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.case-card, .news-card, .download-card {
  overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: #fff;
}
.case-card img, .news-card img { width: 100%; height: 210px; object-fit: cover; }
.card-body { padding: 24px; }
.tag { display: inline-block; color: var(--blue); font-size: 12px; font-weight: 800; }
.card-body h3 { margin: 8px 0 9px; font-size: 19px; }
.card-body p { margin: 0; color: var(--muted); font-size: 14px; }
.text-link { display: inline-block; margin-top: 18px; color: var(--blue); font-weight: 700; font-size: 14px; }

.cta {
  position: relative; overflow: hidden; padding: 72px 25px; border-radius: 30px; text-align: center;
  color: #fff; background: linear-gradient(135deg, #1265e8, #258dff);
}
.cta::before, .cta::after { content: ""; position: absolute; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; }
.cta::before { width: 330px; height: 330px; left: -130px; top: -180px; }
.cta::after { width: 230px; height: 230px; right: -70px; bottom: -130px; }
.cta h2 { position: relative; margin: 0 0 10px; font-size: clamp(30px, 4vw, 45px); }
.cta p { position: relative; margin: 0 0 27px; color: #dbeaff; }
.cta .hero-actions { position: relative; justify-content: center; }

.page-hero { padding: 78px 0 66px; text-align: center; background: linear-gradient(180deg, #f1f7ff, #fff); }
.page-hero h1 { margin: 12px 0; font-size: clamp(38px, 5vw, 56px); }
.page-hero p { max-width: 650px; margin: 0 auto; color: var(--muted); font-size: 17px; }

.download-grid { grid-template-columns: repeat(4, 1fr); }
.download-card { padding: 26px; }
.platform-icon {
  width: 56px; height: 56px; display: grid; place-items: center;
  color: #fff; background: linear-gradient(145deg, #2d91ff, #0867e8); border-radius: 17px; font-size: 25px;
}
.download-card h3 { margin: 20px 0 5px; font-size: 21px; }
.download-card .version { color: var(--blue); font-size: 13px; font-weight: 700; }
.specs { margin: 20px 0; padding: 15px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.spec-row { display: flex; justify-content: space-between; gap: 10px; margin: 6px 0; color: var(--muted); font-size: 13px; }
.spec-row span:last-child { color: #344054; text-align: right; }
.download-card .btn { width: 100%; }
.system-tip { margin-top: 28px; padding: 22px; color: #475467; background: #f8fafc; border: 1px solid var(--line); border-radius: 16px; font-size: 14px; }

.help-layout { display: grid; grid-template-columns: 260px 1fr; gap: 42px; align-items: start; }
.help-nav { position: sticky; top: 96px; padding: 18px; border: 1px solid var(--line); border-radius: 18px; background: #fff; }
.help-nav strong { display: block; padding: 8px 10px 14px; }
.help-nav a { display: block; padding: 10px; color: var(--muted); border-radius: 9px; font-size: 14px; }
.help-nav a:hover { color: var(--blue); background: #eef6ff; }
.search-box { display: flex; max-width: 680px; margin: 28px auto 0; padding: 8px; border: 1px solid #dce7f5; border-radius: 15px; background: #fff; box-shadow: var(--shadow); }
.search-box input { flex: 1; min-width: 0; padding: 0 14px; border: 0; outline: 0; }
.faq-group { margin-bottom: 38px; scroll-margin-top: 100px; }
.faq-group h2 { margin: 0 0 16px; font-size: 26px; }
details { margin-bottom: 12px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
summary { padding: 18px 20px; font-weight: 700; cursor: pointer; list-style: none; }
summary::after { content: "+"; float: right; color: var(--blue); font-size: 20px; }
details[open] summary::after { content: "−"; }
details p { margin: 0; padding: 0 20px 20px; color: var(--muted); font-size: 14px; }

.site-footer { padding: 58px 0 26px; color: #a9b8ce; background: #07152d; }
.footer-grid { display: grid; grid-template-columns: 1.6fr repeat(3, 1fr); gap: 50px; }
.footer-brand { color: #fff; }
.footer-desc { max-width: 330px; font-size: 14px; }
.footer-col strong { display: block; margin-bottom: 15px; color: #fff; }
.footer-col a { display: block; margin: 8px 0; font-size: 14px; }
.footer-col a:hover { color: #fff; }
.copyright { margin-top: 40px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.1); font-size: 12px; text-align: center; }

@media (max-width: 920px) {
  .nav-links { display: none; }
  .nav-cta { margin-left: auto; }
  .hero-grid, .split { grid-template-columns: 1fr; }
  .hero { padding-top: 65px; }
  .hero-content { text-align: center; }
  .hero-lead { margin-left: auto; margin-right: auto; }
  .hero-actions, .hero-note { justify-content: center; }
  .feature-grid, .case-grid, .news-grid { grid-template-columns: repeat(2, 1fr); }
  .download-grid { grid-template-columns: repeat(2, 1fr); }
  .split.reverse .visual { order: 0; }
  .help-layout { grid-template-columns: 1fr; }
  .help-nav { position: static; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 620px) {
  .container { width: min(100% - 28px, 1180px); }
  .site-header { height: 64px; }
  .nav { gap: 12px; }
  .nav-cta { min-height: 38px; padding: 0 13px; font-size: 13px; }
  .hero h1 { font-size: 40px; }
  .hero-grid { gap: 34px; }
  .float-card { left: 12px; bottom: 12px; }
  .trust-inner { align-items: flex-start; flex-direction: column; }
  .logo-list { justify-content: flex-start; gap: 17px; }
  .section { padding: 68px 0; }
  .feature-grid, .case-grid, .news-grid, .download-grid { grid-template-columns: 1fr; }
  .stats { grid-template-columns: 1fr 1fr; }
  .split { gap: 38px; }
  .cta { padding: 54px 18px; border-radius: 22px; }
  .footer-grid { grid-template-columns: 1fr; gap: 28px; }
}
:root{--cream:#f8fafc;--cream2:#eef3f8;--latte:#f2a900;--peach:#ffd45f;--blue:#1769d2;--ink:#172a46;--muted:#667991;--line:#dde5ee;--white:#ffffff;--soft:#edf4fb;--shadow:0 22px 60px rgba(34,65,103,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;line-height:1.7;background:var(--cream)}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}.container{width:min(1200px,calc(100% - 40px));margin:auto}button,input{font:inherit}.topbar{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:rgba(255,248,236,.92);backdrop-filter:blur(18px)}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;align-items:center;gap:10px;color:var(--latte);font-size:21px;font-weight:900}.logo-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(135deg,var(--latte),var(--peach));box-shadow:0 11px 28px rgba(183,123,88,.23)}.nav-links{display:flex;gap:23px;color:#756961;font-size:13px}.nav-links a:hover,.inline-link{color:var(--blue)}.nav-actions{display:flex;gap:9px}.btn{display:inline-flex;min-height:46px;padding:0 23px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:12px;font-weight:800;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:var(--blue);box-shadow:0 12px 28px rgba(87,123,193,.2)}.btn-outline{color:var(--blue);border-color:#cad5eb;background:var(--white)}.btn-white{color:var(--blue);background:#fff}
.hero{position:relative;overflow:hidden;padding:90px 0 82px;background:radial-gradient(circle at 82% 17%,rgba(242,169,0,.2),transparent 30%),linear-gradient(135deg,#f4f8fd,#fff)}.hero:before{content:"";position:absolute;right:-110px;bottom:-260px;width:590px;height:590px;border-radius:18%;background:rgba(23,105,210,.05);transform:rotate(22deg)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.tag{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:7px 12px;border:1px solid #d8e2ee;border-radius:999px;color:var(--blue);background:#fff;font-size:12px;font-weight:800}.tag:before{content:"";width:8px;height:8px;border-radius:50%;background:#3eb889}h1,h2,h3,p{margin-top:0}h1{margin-bottom:18px;font-size:clamp(42px,6vw,66px);line-height:1.07;letter-spacing:-.05em}.accent{color:var(--blue)}.lead{max-width:620px;margin-bottom:27px;color:var(--muted);font-size:17px}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-bottom:17px}.requirements{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;color:#6f8298;list-style:none;font-size:11px}.requirements li{padding:6px 9px;border:1px solid var(--line);border-radius:8px;background:#fff}.hero-visual{position:relative;padding:13px;border:1px solid var(--line);border-radius:18px;background:var(--white);box-shadow:var(--shadow)}.hero-visual>img{min-height:370px;object-fit:cover;border-radius:11px;background:#edf3f8}.float-card{position:absolute;left:-22px;bottom:23px;width:285px;padding:16px;border:1px solid #dce5ee;border-radius:12px;background:rgba(255,255,255,.97);box-shadow:0 17px 45px rgba(34,65,103,.16)}.float-card strong{display:block;color:var(--blue);font-size:18px}.float-card span{color:var(--muted);font-size:12px}
section{padding:82px 0;background:var(--cream)}.soft{background:var(--soft)}.section-head{max-width:770px;margin:0 auto 38px;text-align:center}.section-head.left{margin-left:0;text-align:left}.eyebrow{display:block;margin-bottom:8px;color:var(--latte);font-size:11px;font-weight:900;letter-spacing:.14em}.section-head h2{margin-bottom:10px;font-size:clamp(30px,4vw,44px);line-height:1.22;letter-spacing:-.035em}.section-head p{margin:0;color:var(--muted)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.card{border:1px solid var(--line);border-radius:16px;background:var(--white);box-shadow:0 10px 32px rgba(105,79,58,.055)}.download-card{display:flex;min-height:285px;padding:22px;flex-direction:column;justify-content:space-between}.os-icon,.feature-icon{width:49px;height:49px;display:grid;place-items:center;margin-bottom:16px;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--blue),#89a5db);font-size:17px;font-weight:900}.download-card:nth-child(even) .os-icon{background:linear-gradient(135deg,var(--latte),var(--peach))}.download-card h3{margin-bottom:7px;font-size:20px}.meta{display:grid;gap:5px;margin-bottom:18px;color:var(--muted);font-size:12px}.feature-card{min-height:217px;padding:21px}.feature-card h3{margin-bottom:7px;font-size:18px}.feature-card p{margin:0;color:var(--muted);font-size:13px}.feature-icon{color:var(--latte);background:#f7e8da}
.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.quick-card{padding:24px}.quick-card b{display:inline-grid;width:38px;height:38px;margin-bottom:14px;place-items:center;border-radius:13px;color:var(--blue);background:#e9eef9}.quick-card h3{margin-bottom:7px}.quick-card p{margin:0;color:var(--muted);font-size:13px}.solution{display:grid;grid-template-columns:.92fr 1.08fr;gap:52px;align-items:center}.solution-copy h2{margin-bottom:16px;font-size:clamp(32px,4vw,46px);line-height:1.2;letter-spacing:-.04em}.solution-copy p{color:var(--muted)}.points{display:grid;gap:9px;margin-top:21px}.point{display:flex;gap:11px;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:var(--white)}.check{color:#5fa474;font-weight:900}.product{padding:10px;border:1px solid var(--line);border-radius:18px;background:var(--white);box-shadow:var(--shadow)}.product>img{min-height:330px;object-fit:cover;border-radius:12px;background:#f3e8dc}.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:9px}.thumbs img{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line);border-radius:9px;background:#f3e8dc}
.trust{color:#fff;background:radial-gradient(circle at 85% 15%,rgba(242,169,0,.24),transparent 28%),linear-gradient(135deg,#142f54,#1b5fa7)}.trust .section-head p{color:#d4e1f0}.trust-num{margin-bottom:30px;text-align:center;font-size:clamp(50px,8vw,82px);line-height:1;font-weight:900;letter-spacing:-.05em}.brands{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.brands div{display:grid;min-height:86px;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:11px;background:rgba(255,255,255,.09);font-size:17px;font-weight:800}.content{display:grid;grid-template-columns:1.05fr .95fr;gap:24px}.news,.faqs{display:grid;gap:12px}.news-item{display:grid;grid-template-columns:125px 1fr;gap:17px;padding:12px;align-items:center}.news-item img{width:125px;height:94px;object-fit:cover;border-radius:9px;background:#edf3f8}.news-item small{color:var(--latte);font-weight:800}.news-item h3{margin:3px 0 4px;font-size:17px}.news-item p,.faq p{margin:0;color:var(--muted);font-size:12px}.faq{padding:17px 19px}.faq h3{margin-bottom:5px;font-size:16px}.cta-section{padding-top:0}.cta{padding:50px;color:#fff;border-radius:18px;background:linear-gradient(135deg,var(--blue),#498bc8);box-shadow:0 24px 65px rgba(23,105,210,.22)}.cta h2{max-width:760px;margin-bottom:10px;font-size:clamp(32px,4vw,46px);line-height:1.18}.cta>p{max-width:760px;color:#eef4fb}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:23px 0}.benefits div{padding:14px;border:1px solid rgba(255,255,255,.22);border-radius:9px;background:rgba(255,255,255,.09)}
.page-hero{padding:72px 0 54px;text-align:center;background:linear-gradient(135deg,#fffaf2,#f4e6d8)}.page-hero h1{margin-bottom:11px;font-size:clamp(38px,5vw,57px)}.page-hero p{max-width:720px;margin:auto;color:var(--muted)}.breadcrumb{margin-bottom:12px;color:var(--latte);font-size:12px}.download-detail{display:grid;grid-template-columns:1fr 1fr;gap:17px}.download-box{padding:27px;scroll-margin-top:95px}.download-box h2{margin-bottom:7px;font-size:26px}.download-box>p{color:var(--muted)}.detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}.detail-meta div{padding:11px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:12px}.notice{margin-top:20px;padding:17px;border-left:4px solid var(--peach);border-radius:8px;background:#fff0e4;color:#76685f}.help-layout{display:grid;grid-template-columns:250px 1fr;gap:28px;align-items:start}.help-menu{position:sticky;top:95px;padding:16px}.help-menu a{display:block;padding:10px 11px;border-bottom:1px solid var(--line);color:#796d65;font-size:13px}.help-menu a:hover{color:var(--blue)}.help-content{display:grid;gap:14px}.help-block{padding:26px;scroll-margin-top:95px}.help-block h2{margin-bottom:9px;font-size:24px}.help-block p,.help-block li{color:var(--muted)}.help-block ol,.help-block ul{margin-bottom:0;padding-left:22px}.search{display:flex;max-width:600px;margin:24px auto 0;padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--white)}.search input{min-width:0;flex:1;padding:9px 12px;border:0;outline:0;color:var(--ink);background:transparent}.footer{padding:28px 0;color:#d3c4ba;background:#5f4c42;font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap}
@media(max-width:1024px){.hero-grid,.solution,.content{grid-template-columns:1fr}.grid-4,.grid-5{grid-template-columns:repeat(2,1fr)}.quick-grid,.brands{grid-template-columns:repeat(3,1fr)}.nav-links{display:none}.float-card{left:12px}}
@media(max-width:720px){.container{width:min(100% - 28px,1200px)}.nav-actions .btn-outline{display:none}.hero{padding:58px 0}section{padding:58px 0}.grid-4,.grid-5,.quick-grid,.brands,.benefits,.download-detail{grid-template-columns:1fr}.help-layout{grid-template-columns:1fr}.help-menu{position:static}.hero-actions .btn,.download-card .btn{width:100%}.hero-visual>img{min-height:250px}.float-card{position:static;width:100%;margin-top:10px}.news-item{grid-template-columns:1fr}.news-item img{width:100%;height:170px}.cta{padding:33px 22px}.thumbs{grid-template-columns:1fr}.detail-meta{grid-template-columns:1fr}}