:root{--bg:#f7f8fc;--surface:#fff;--ink:#172033;--muted:#667085;--pink:#ed30ad;--violet:#9f3cf4;--blue:#4b8ef8;--line:#e6e9f2;--soft:#f0f3fb;--dark:#151c2e;--grad:linear-gradient(120deg,var(--pink),var(--violet) 48%,var(--blue));--shadow:0 14px 44px rgba(29,37,67,.08);--r:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Poppins,"Segoe UI",Arial,sans-serif;font-size:15.5px;line-height:1.68;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:#7b3fe4;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid rgba(159,60,244,.25);outline-offset:3px}.container{width:min(1140px,calc(100% - 36px));margin:auto}.narrow{width:min(820px,calc(100% - 36px));margin:auto}section{padding:76px 0;scroll-margin-top:92px}h1,h2,h3{margin:0 0 14px;line-height:1.18;letter-spacing:-.025em}h1{font-size:clamp(2.35rem,4.5vw,3.65rem)}h2{font-size:clamp(1.75rem,3vw,2.45rem)}h3{font-size:1.08rem}p{margin:0 0 16px;color:var(--muted)}.lead{font-size:clamp(1.02rem,1.65vw,1.18rem)}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;color:#7d3ae0;font-size:.75rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.eyebrow:before,.section-kicker:before{content:"";width:24px;height:4px;border-radius:10px;background:var(--grad)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border:0;border-radius:13px;background:var(--grad);color:#fff;font-weight:800;box-shadow:0 10px 28px rgba(133,56,226,.2);transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-secondary{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}.btn-small{padding:10px 15px;font-size:.87rem}.tag{display:inline-flex;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#586176;font-size:.76rem;font-weight:750}.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.reveal{opacity:0;transform:translateY(14px);transition:.45s ease}.reveal.is-visible{opacity:1;transform:none}
#site-header{position:sticky;top:0;z-index:50;background:rgba(247,248,252,.9);backdrop-filter:blur(18px);border-bottom:1px solid transparent}#site-header.has-shadow{border-color:var(--line);box-shadow:0 8px 24px rgba(23,32,51,.06)}.nav-shell{width:min(1180px,calc(100% - 30px));min-height:74px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink)}.brand-mark{width:42px;height:42px;border-radius:12px;overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:contain}.brand-copy{display:flex;align-items:center}.brand-copy strong{font-size:.96rem;white-space:nowrap}.primary-nav{display:flex;align-items:center;gap:3px}.primary-nav>a:not(.btn){padding:9px 8px;border-radius:9px;color:#4f596d;font-size:.85rem;font-weight:720}.primary-nav>a:hover,.primary-nav>a.is-active{color:#843de4;background:#fff}.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px}.menu-toggle span{display:block;height:2px;background:var(--ink);margin:5px 0}
.hero{position:relative;overflow:hidden;padding:58px 0 68px;background:radial-gradient(circle at 12% 8%,rgba(237,48,173,.10),transparent 28%),radial-gradient(circle at 90% 12%,rgba(75,142,248,.13),transparent 30%),#fbfcff}.hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#dde3f1,transparent)}.hero-modern{display:grid;grid-template-columns:1.06fr .94fr;gap:48px;align-items:center}.hero-copy{position:relative;z-index:2}.hero-copy h1{max-width:650px}.hero-copy .lead{max-width:640px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 20px}.hero-proof{display:flex;flex-wrap:wrap;gap:7px}.hero-media{position:relative}.media-frame{position:relative;padding:9px;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:0 24px 60px rgba(42,54,90,.13)}.media-frame>img{width:100%;aspect-ratio:16/10;object-fit:contain;border-radius:19px}.logo-chip{position:absolute;left:20px;bottom:20px;display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 8px 24px rgba(24,30,55,.16);font-weight:820;font-size:.82rem}.logo-chip img{width:38px;height:38px;border-radius:9px}.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 5px 0}.metric-strip div{padding:11px 12px;border-radius:13px;background:#fff;border:1px solid var(--line)}.metric-strip strong,.metric-strip span{display:block}.metric-strip strong{font-size:.8rem}.metric-strip span{font-size:.7rem;color:var(--muted);margin-top:2px}.quick-strip{padding:20px 0 0}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick-item{padding:16px 17px;border:1px solid var(--line);background:#fff;border-radius:16px}.quick-item span{display:block;color:#9a42ea;font-size:.7rem;font-weight:900;letter-spacing:.08em;margin-bottom:8px}.quick-item strong{display:block;font-size:.9rem}.quick-item small{display:block;color:var(--muted);margin-top:3px;font-size:.73rem;line-height:1.4}
.compact-split{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center}.compact-split.reverse{grid-template-columns:1.05fr .95fr}.about-visual{padding:9px;border-radius:23px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.about-visual img{width:100%;aspect-ratio:16/10;object-fit:contain;border-radius:16px}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}.mini-stat{padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:#fff}.mini-stat strong,.mini-stat span{display:block}.mini-stat strong{font-size:.86rem}.mini-stat span{font-size:.73rem;color:var(--muted);margin-top:3px}.features,.guides{background:#fff;border-block:1px solid var(--line)}.section-head{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin-bottom:28px}.section-head>div{max-width:850px}.section-head p{max-width:760px;margin-bottom:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{padding:21px;min-height:180px}.feature-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(237,48,173,.1),rgba(75,142,248,.12));color:#8f3de6;font-weight:900;margin-bottom:15px}.feature-card p{margin-bottom:0}.steps-horizontal{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.step-card{position:relative;padding:22px 19px;border:1px solid var(--line);border-radius:18px;background:#fff}.step-card b{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--grad);color:#fff;font-size:.75rem;margin-bottom:20px}.step-card p{margin-bottom:0}.compat-card{padding:27px}.compat-list{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.small-note{padding:13px 15px;border-radius:13px;background:#f5f4ff;border:1px solid #ebe7fa;font-size:.83rem}.use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.use-card{padding:20px}.use-card strong{display:block;margin-bottom:7px}.use-card p{margin:0}.download-section{padding:64px 0}.download-shell{display:grid;grid-template-columns:1.08fr .72fr;gap:34px;align-items:center;padding:36px;border-radius:28px;background:linear-gradient(135deg,#1b2034,#2f2a57);color:#fff;box-shadow:0 24px 65px rgba(24,29,55,.18)}.download-shell h2,.download-shell p,.download-shell .section-kicker{color:#fff}.download-meta{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 23px}.download-meta .tag{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#fff}.download-shell .btn{background:#fff;color:#292641;box-shadow:none}.download-visual{padding:8px;border-radius:20px;background:#fff}.download-visual img{width:100%;aspect-ratio:16/10;object-fit:contain;border-radius:14px}.setup-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.checklist,.notice,.pc-col,.release-card,.troubleshoot{padding:25px}.notice{background:linear-gradient(135deg,#fff,#f7f4ff)}.clean-list{list-style:none;padding:0;margin:0;display:grid;gap:9px}.clean-list li{position:relative;padding-left:27px;color:var(--muted)}.clean-list li:before{content:"✓";position:absolute;left:0;color:#8f3fe6;font-weight:900}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.release-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.release-card strong{display:block;font-size:1.25rem;color:#893ee2;margin-bottom:6px}.troubleshoot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.troubleshoot p{margin:0}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guide-card{overflow:hidden}.guide-card img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#eef2f8}.guide-body{padding:19px}.guide-body p{font-size:.87rem}.text-link{font-weight:800}.faq-section{background:linear-gradient(180deg,#f8f9fd,#f0f3fb)}.faq-top{max-width:760px;margin:0 auto 26px;text-align:center}.faq-tabs{display:flex;justify-content:center;gap:8px;margin-top:18px}.faq-tab{border:1px solid var(--line);background:#fff;padding:9px 14px;border-radius:11px;color:var(--ink);font-weight:800;cursor:pointer}.faq-tab.is-active{background:var(--grad);color:#fff;border-color:transparent}.faq-layout{width:min(900px,100%);margin:auto}.faq-list{display:grid;gap:9px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;gap:18px;text-align:left;border:0;background:none;padding:17px 18px;color:var(--ink);font-weight:790;cursor:pointer}.plus{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#f3effe;color:#8c40e3;flex:none}.faq-question[aria-expanded="true"] .plus{transform:rotate(45deg)}.faq-answer{padding:0 18px 17px}.faq-answer p{margin:0}.faq-item.is-open{box-shadow:var(--shadow)}
.page-hero{padding:60px 0 42px;text-align:center;background:radial-gradient(circle at 18% 8%,rgba(237,48,173,.08),transparent 28%),radial-gradient(circle at 82% 14%,rgba(75,142,248,.09),transparent 30%)}.page-hero h1{font-size:clamp(2.15rem,3.8vw,3.25rem)}.page-hero p{max-width:760px;margin-inline:auto}.breadcrumbs{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-bottom:14px;color:#7e8798;font-size:.78rem}.content-page{padding:58px 0}.content-card{padding:30px}.content-card h2{font-size:clamp(1.55rem,2.4vw,2.05rem);margin-top:30px}.content-card h2:first-child{margin-top:0}.content-card h3{margin-top:24px}.content-card ul{color:var(--muted)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.blog-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.blog-card img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#eef2f8}.blog-card-body{padding:18px}.blog-card h2{font-size:1.08rem}.blog-card .meta{font-size:.71rem;color:#8b94a5;margin-bottom:8px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}.article{padding:30px;background:#fff;border:1px solid var(--line);border-radius:22px}.article .feature-image{width:100%;max-height:340px;aspect-ratio:16/9;object-fit:contain;background:#eef2f8;border-radius:16px;margin-bottom:24px}.article h2{font-size:clamp(1.55rem,2.5vw,2rem);margin-top:32px}.article h3{margin-top:24px}.article li{color:var(--muted)}.article-note{padding:16px 18px;background:#f5f3ff;border-left:3px solid #9440e7;border-radius:12px;margin:20px 0}.sidebar{position:sticky;top:92px;display:grid;gap:12px}.side-card{padding:19px}.side-card h2{font-size:1rem}.side-links{display:grid;gap:8px}.side-links a,.side-links span{font-size:.83rem;color:#626b7c;font-weight:700}
#site-footer{background:#151b2d;color:#fff}.footer-main{width:min(1140px,calc(100% - 36px));margin:auto;padding:48px 0 30px;display:grid;grid-template-columns:1.45fr .65fr .9fr;gap:36px}.footer-logo{display:flex;align-items:center;gap:12px;color:#fff;margin-bottom:14px}.footer-logo img{width:66px;height:66px;border-radius:18px;object-fit:contain}.footer-logo strong{font-size:1.02rem}.footer-brand p{max-width:540px;color:#b7c0d2}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-links h2{font-size:.95rem}.footer-links a{color:#c5ccda}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);padding:18px;text-align:center;display:grid;gap:5px}.footer-bottom p{margin:0;color:#aeb7ca;font-size:.82rem}.footer-bottom a{color:#fff}.footer-disclaimer{font-size:.78rem!important;color:#909bb2!important}#scroll-top{position:fixed;right:16px;bottom:16px;width:43px;height:43px;border:0;border-radius:13px;background:var(--grad);color:#fff;font-weight:900;box-shadow:0 10px 26px rgba(125,56,218,.25);opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s;z-index:30}#scroll-top.is-visible{opacity:1;pointer-events:auto;transform:none}
@media(max-width:1000px){.menu-toggle{display:block}.primary-nav{display:none;position:absolute;top:70px;left:15px;right:15px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.primary-nav.is-open{display:flex}.primary-nav>a:not(.btn){padding:11px 13px}.hero-modern,.compact-split,.compact-split.reverse,.download-shell,.setup-grid,.article-layout{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy h1,.hero-copy .lead{margin-inline:auto}.hero-actions,.hero-proof{justify-content:center}.hero-media{max-width:700px;margin:auto}.quick-grid,.steps-horizontal,.use-grid{grid-template-columns:repeat(2,1fr)}.feature-grid,.grid-3,.release-row,.blog-grid,.guide-grid{grid-template-columns:repeat(2,1fr)}.sidebar{position:static;grid-template-columns:1fr 1fr}.footer-main{grid-template-columns:1.2fr .7fr .9fr}}
@media(max-width:680px){.container,.narrow{width:min(100% - 26px,1140px)}section{padding:58px 0}h1{font-size:clamp(2.15rem,10vw,3rem)}h2{font-size:clamp(1.6rem,7vw,2.15rem)}.hero{padding:44px 0 54px}.hero-modern{gap:30px}.logo-chip{left:14px;bottom:14px}.metric-strip{grid-template-columns:1fr}.quick-grid,.steps-horizontal,.feature-grid,.use-grid,.grid-3,.pc-grid,.release-row,.troubleshoot-grid,.blog-grid,.guide-grid,.sidebar,.footer-main{grid-template-columns:1fr}.mini-grid{grid-template-columns:1fr}.download-shell{padding:26px 20px}.faq-tabs{flex-direction:column}.content-card,.article{padding:23px 19px}.footer-main{padding-top:38px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}