/* quickq4 theme */
:root{--violet:#7357f6;--purple:#8a55e9;--ink:#28274a;--muted:#77768b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fff;margin:0;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1170px,100% - 40px);margin:auto}header{z-index:20;background:#fff;height:88px;position:sticky;top:0;box-shadow:0 3px 18px #5942b10c}.nav{justify-content:space-between;align-items:center;height:100%;display:flex}.nav img{width:200px;height:auto}.nav nav{gap:38px;font-size:15px;font-weight:600;display:flex}.nav nav a:first-child,.nav nav a:hover{color:var(--violet)}.menu{background:var(--violet);color:#fff;border:0;border-radius:6px;padding:9px 12px;display:none}.hero{background:linear-gradient(122deg,#faf9ff 0%,#f1eaff 100%);min-height:650px;position:relative;overflow:hidden}.hero:after{content:"";background:linear-gradient(175deg,#0000 48%,#fff 49%);height:95px;position:absolute;inset:auto 0 0}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;padding-top:78px;display:grid}.hero h1{max-width:630px;margin:0 0 25px;font-size:48px;line-height:1.25}.hero p{color:#676580;max-width:590px;font-size:18px;line-height:1.9}.btn{color:#fff;background:linear-gradient(135deg,#8d5df3,#6b54ee);border-radius:6px;margin-top:22px;padding:16px 35px;font-weight:600;display:inline-block;box-shadow:0 12px 24px #7659ef55}.mini{color:#77738b;flex-wrap:wrap;gap:20px;margin-top:28px;font-size:13px;display:flex}.mini span:first-letter{color:#7659ef}.hero-img{justify-self:end;width:108%;max-width:560px}.section{padding:100px 0}.soft{background:#f8f7ff}.title{text-align:center;margin:0 auto 58px}.title h2,.purple h2,.download h2{margin:0 0 15px;font-size:36px}.title p,.purple p,.download p{color:var(--muted);font-size:16px}.four{grid-template-columns:repeat(4,1fr);gap:28px;display:grid}.three{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.feature{text-align:center;background:#fff;border-radius:8px;padding:38px 25px;box-shadow:0 12px 34px #6e58e512}.feature i,.user i{color:#7258ef;background:#f0ecff;border-radius:50%;place-items:center;width:76px;height:76px;margin:0 auto 24px;font-size:30px;font-style:normal;display:grid}.feature h4,.user h4{margin:10px 0;font-size:20px}.feature p,.user p,.step p,.review p{color:#77768a;font-size:14px;line-height:1.85}.split{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.split>img{justify-self:center;max-width:100%}.steps{flex-direction:column;gap:30px;display:flex}.step{gap:20px;display:flex}.step>b{color:#fff;background:#7658ef;border-radius:50%;flex:0 0 45px;place-items:center;height:45px;display:grid}.step h3{margin:0 0 8px;font-size:20px}.step p{margin:0}.user{text-align:center;padding:10px 28px}.purple{color:#fff;background:linear-gradient(135deg,#7255ed,#9d55de)}.purple p{color:#eee5ff}.purple ul{padding:0;line-height:2.5;list-style:none}.purple li{font-size:16px}.phones{grid-template-columns:repeat(4,1fr);gap:28px;display:grid}.phones img{filter:drop-shadow(0 16px 18px #6650a82b);width:100%}.review{background:#fff;border-radius:8px;padding:30px;box-shadow:0 12px 35px #705be215}.review>div{align-items:center;gap:14px;display:flex}.review img{border-radius:50%;width:60px;height:60px}.review span{color:#ffb532;letter-spacing:3px}.faq{grid-template-columns:1fr 1fr;gap:16px 25px;display:grid}.faq details{background:#fff;border:1px solid #eceaf5;border-radius:6px;padding:20px}.faq summary{cursor:pointer;font-weight:600}.faq p{color:#777;font-size:14px;line-height:1.8}.download{background:#f3edff;padding:85px 0;overflow:hidden}.ticks{color:#635f77;line-height:2.4}.store{gap:15px;margin-top:25px;display:flex}.store img{width:auto;height:48px}.available{max-height:420px}.stats{color:#fff;background:linear-gradient(135deg,#7658ef,#9b55df);padding:45px 0}.stats .four{text-align:center}.stats b{font-size:31px;display:block}.stats span{opacity:.85;margin-top:8px;display:block}footer{color:#aaa;background:#242238;padding-top:65px}.foot{grid-template-columns:1.4fr .8fr 1fr;gap:70px;display:grid}.foot img{filter:brightness(0)invert();width:190px}.foot h4{color:#fff}.foot p{font-size:14px;line-height:2}.copyright{text-align:center;border-top:1px solid #ffffff12;margin-top:45px;padding:24px;font-size:13px}@media (width<=800px){header{height:70px}.nav img{width:165px}.nav nav{display:none}.menu{display:block}.hero-grid,.split{grid-template-columns:1fr}.hero-grid{text-align:center;padding-top:55px}.hero h1{font-size:35px}.hero-img{justify-self:center;width:90%}.mini{justify-content:center}.four{grid-template-columns:1fr 1fr}.three{grid-template-columns:1fr}.section{padding:70px 0}.split{gap:45px}.purple .split>img{order:2}.phones{grid-template-columns:1fr 1fr}.faq{grid-template-columns:1fr}.foot{grid-template-columns:1fr;gap:15px}.available{max-height:280px}.title h2,.purple h2,.download h2{font-size:29px}}@media (width<=480px){.four{grid-template-columns:1fr}.hero h1{font-size:30px}.hero p{font-size:15px}.stats .four{grid-template-columns:1fr 1fr}.phones{gap:10px}}


/* CMS content extras */
.page-inner{padding:40px 0 80px}
.page-hero-mini{background:linear-gradient(122deg,#faf9ff,#f1eaff);padding:48px 0 36px}
.page-hero-mini h1{margin:0 0 10px;font-size:32px}
.page-hero-mini p{color:var(--muted);margin:0}
.content-layout{display:grid;grid-template-columns:1fr 280px;gap:36px}
.prose{line-height:1.85;color:#3a3958}
.prose h2,.prose h3{margin:1.4em 0 .6em}
.prose p,.prose li{color:#5b5a72}
.prose img{max-width:100%;border-radius:8px}
.side-card{background:#fff;border:1px solid #eceaf5;border-radius:8px;padding:22px;box-shadow:0 12px 34px #6e58e512}
.side-card h2{margin:0 0 14px;font-size:18px}
.side-card a{display:block;padding:8px 0;border-bottom:1px solid #f1eff8;color:#4a4868;font-size:14px}
.side-card a:hover{color:var(--violet)}
.article-list article{display:grid;grid-template-columns:160px 1fr;gap:20px;background:#fff;border-radius:8px;padding:18px;margin-bottom:16px;box-shadow:0 12px 34px #6e58e512}
.article-list article.no-img{grid-template-columns:1fr}
.article-list time{color:#999;font-size:13px}
.article-list h2{margin:6px 0;font-size:20px}
.article-list h2 a:hover{color:var(--violet)}
.pagination{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.pagination a{border:1px solid #e6e3f3;border-radius:6px;padding:8px 12px;font-size:14px}
.pagination a.active,.pagination a:hover{background:var(--violet);color:#fff;border-color:var(--violet)}
.nav.open{display:flex!important;flex-direction:column;position:absolute;right:20px;top:70px;background:#fff;padding:16px;border-radius:8px;box-shadow:0 12px 30px #0002;gap:14px}
@media(width<=800px){.content-layout{grid-template-columns:1fr}.article-list article{grid-template-columns:1fr}}