@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
:root{--ink:#101426;--muted:#667085;--line:#e7e9f2;--white:#fff;--bg:#f8f8ff;--p:#6848f5;--s:#f34f9b;--a:#17b9ae;--gold:#ffb24a;--shadow:0 20px 60px rgba(68,55,150,.12);--r:24px;--max:1200px}
*{box-sizing:border-box;font-family:'Poppins',Arial,sans-serif}html{scroll-behavior:smooth}body{margin:0;font-family:'Poppins',Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.7}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:.25s}.site-header.scrolled{border-color:var(--line);box-shadow:0 8px 30px rgba(16,24,40,.07)}.nav{height:78px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;flex:0 0 auto}.brand-mark{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:20px;letter-spacing:-.03em;white-space:nowrap}.brand-mark img{width:46px;height:46px;object-fit:contain;border-radius:13px;background:linear-gradient(135deg,#f2efff,#fff0f7);padding:5px}.brand-mark span{background:linear-gradient(135deg,var(--p),var(--s));-webkit-background-clip:text;background-clip:text;color:transparent}.nav-links{margin-left:auto;display:flex;align-items:center;gap:24px}.nav-links a{font-size:14px;font-weight:600;color:#34384a}.nav-links a:hover,.nav-links a.active{color:var(--p)}.btn,.nav-download{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:14px 22px;font-weight:700;border:1px solid transparent;cursor:pointer;transition:.2s}.nav-download,.btn-primary{background:linear-gradient(135deg,var(--p),var(--s));color:#fff;box-shadow:0 12px 28px rgba(104,72,245,.25)}.btn:hover{transform:translateY(-2px)}.btn-soft{background:#fff;color:var(--p);border-color:#ded8ff}.menu-toggle{display:none;border:0;background:#f4f2ff;border-radius:12px;width:44px;height:44px;font-size:23px}.section{padding:92px 0}.kicker{display:inline-flex;gap:8px;align-items:center;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;color:var(--p);margin-bottom:12px}.kicker:before{content:'';width:24px;height:3px;border-radius:4px;background:linear-gradient(90deg,var(--p),var(--s))}h1,h2,h3{line-height:1.14;margin:0 0 16px}h1{font-size:clamp(42px,6vw,76px);letter-spacing:-.045em}h2{font-size:clamp(32px,4.5vw,52px);letter-spacing:-.035em}h3{font-size:21px}.lead{font-size:18px;color:var(--muted);max-width:760px}.hero{padding:62px 0 82px;background:radial-gradient(circle at 12% 12%,#efeaff 0,transparent 34%),radial-gradient(circle at 86% 20%,#ffe9f3 0,transparent 34%),linear-gradient(180deg,#fff,#faf9ff)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:52px}.hero-copy p{max-width:680px;color:var(--muted);font-size:18px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.hero-trust{display:flex;flex-wrap:wrap;gap:10px}.pill{padding:8px 13px;border:1px solid #e4dfff;background:#fff;border-radius:999px;color:#49485d;font-size:13px;font-weight:600}.hero-card{position:relative;padding:16px;border-radius:34px;background:linear-gradient(135deg,#8b6cff,#ff6bac 62%,#ffbf5d);box-shadow:0 30px 80px rgba(97,71,201,.22)}.hero-card img{border-radius:24px}.float-card{position:absolute;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:14px 16px;min-width:160px}.float-card strong{display:block;font-size:15px}.float-card span{font-size:12px;color:var(--muted)}.float-one{left:-28px;bottom:44px}.float-two{right:-18px;top:36px}.about-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px;align-items:stretch}.about-art{background:linear-gradient(145deg,#eef4ff,#ffeaf5);border-radius:36px;padding:18px;display:flex;align-items:center}.about-art img{border-radius:26px}.about-copy{padding:16px 0}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.metric{padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff}.metric b{display:block;font-size:22px;color:var(--p)}.metric span{font-size:12px;color:var(--muted)}.features{background:#111427;color:#fff;overflow:hidden}.features-head{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:end;margin-bottom:34px}.features .lead{color:#b8bdd4}.feature-bento{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-template-rows:1fr 1fr;gap:16px}.feature-card{background:linear-gradient(155deg,rgba(255,255,255,.1),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.12);border-radius:26px;padding:28px;min-height:210px;position:relative;overflow:hidden}.feature-card.big{grid-row:1/3;min-height:436px;background:linear-gradient(160deg,rgba(104,72,245,.32),rgba(243,79,155,.17))}.feature-icon{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.12);font-size:24px;margin-bottom:28px}.feature-card p{color:#c8cbe0;font-size:14px}.how{background:linear-gradient(180deg,#fff,#f8fbff)}.steps-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:52px;align-items:start}.sticky-note{position:sticky;top:110px;padding:30px;border-radius:28px;background:linear-gradient(140deg,#6848f5,#f34f9b);color:#fff;box-shadow:var(--shadow)}.step-list{display:grid;gap:16px}.step{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff}.num{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-weight:800;background:#f1eeff;color:var(--p)}.compat{background:#fff}.compat-shell{border:1px solid var(--line);border-radius:34px;padding:36px;background:linear-gradient(135deg,#fcfcff,#f8fffD);box-shadow:0 18px 50px rgba(50,65,120,.06)}.compat-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-top:26px}.compat-card{border-radius:20px;padding:22px;background:#fff;border:1px solid var(--line)}.compat-card small{display:block;color:var(--muted);margin-bottom:8px}.uses{background:#f8f7ff}.use-orbit{display:grid;grid-template-columns:1fr 1fr;gap:22px}.use-main{border-radius:30px;padding:36px;background:linear-gradient(135deg,#181b31,#2b214a);color:white}.use-main p{color:#c8cbe0}.use-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.use-card{padding:22px;border:1px solid #e6e2fb;border-radius:22px;background:#fff}.install-lane{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}.install-lane:before{content:'';position:absolute;height:2px;background:linear-gradient(90deg,var(--p),var(--s));left:9%;right:9%;top:36px}.install-item{position:relative;padding:0 16px;text-align:center}.dot{width:72px;height:72px;border-radius:24px;background:#fff;border:2px solid #dcd4ff;display:grid;place-items:center;margin:0 auto 18px;font-weight:800;color:var(--p);position:relative;z-index:2;box-shadow:0 8px 22px rgba(104,72,245,.1)}.download{background:linear-gradient(145deg,#6848f5 0,#8b4fe6 48%,#f34f9b 100%);color:#fff}.download-shell{display:grid;grid-template-columns:1fr .88fr;gap:38px;align-items:center}.download p{color:#f2eefe}.download-box{background:#fff;color:var(--ink);border-radius:28px;padding:18px}.download-box img{border-radius:20px}.download-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.download-meta div{padding:12px;border-radius:14px;background:#f8f8fd;font-size:12px}.safety{background:#fff}.safety-band{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;padding:34px;border:1px solid #ffdca6;background:#fffaf0;border-radius:30px}.safety-list{display:grid;gap:10px}.safety-item{padding:14px 16px;border-radius:16px;background:#fff;border:1px solid #ffe5ba;font-size:14px}.proscons{background:#f7fbff}.pc-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pc{border-radius:26px;padding:28px;background:#fff;border:1px solid var(--line)}.pc ul{margin:18px 0 0;padding:0;list-style:none}.pc li{padding:11px 0;border-bottom:1px dashed #e4e7ec}.release-shell{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center}.release-card{padding:30px;border-radius:28px;background:#16192d;color:#fff}.release-card code{display:block;background:#232741;padding:14px;border-radius:14px;word-break:break-all;color:#d9dcf5}.troubleshoot{background:#fff}.trouble-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.trouble-card{padding:24px;border-radius:22px;border:1px solid var(--line);background:#fff;box-shadow:0 12px 40px rgba(18,34,77,.05)}.guides{background:linear-gradient(180deg,#fff,#fbf8ff)}.guide-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.guide-card{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff}.guide-card img{aspect-ratio:16/9;object-fit:cover}.guide-card .body{padding:20px}.guide-card a{font-weight:700;color:var(--p)}.faq{background:#111427;color:#fff}.faq .lead{color:#b9bfd8}.faq-layout{display:grid;grid-template-columns:280px 1fr;gap:28px;margin-top:34px}.faq-tabs{display:grid;align-content:start;gap:10px;position:sticky;top:110px}.faq-tab{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);color:#dfe2f1;padding:16px;border-radius:18px;text-align:left;font-weight:700;cursor:pointer}.faq-tab.active{background:linear-gradient(135deg,var(--p),var(--s));color:#fff}.faq-group{display:none}.faq-group.active{display:block}.faq-item{border-bottom:1px solid rgba(255,255,255,.12)}.faq-q{width:100%;border:0;background:none;color:#fff;text-align:left;padding:20px 0;display:flex;justify-content:space-between;gap:18px;font-weight:700;cursor:pointer}.faq-a{max-height:0;overflow:hidden;color:#b9bfd8;transition:max-height .25s ease}.faq-item.open .faq-a{max-height:260px;padding-bottom:20px}.faq-q span:last-child{font-size:22px}.page-hero{padding:72px 0;background:linear-gradient(135deg,#f3f0ff,#fff1f7)}.page-hero .lead{max-width:820px}.content-page{padding:70px 0}.prose{max-width:840px;margin:auto}.prose h2{font-size:32px;margin-top:38px}.prose h3{margin-top:28px}.prose p,.prose li{color:#4d5668}.notice{padding:20px;border-left:4px solid var(--p);background:#f6f4ff;border-radius:14px}.contact-panel{display:grid;grid-template-columns:1fr .8fr;gap:24px}.contact-card{padding:28px;border:1px solid var(--line);border-radius:24px;background:#fff}.email-plain{font-weight:800;color:var(--p);font-size:20px;word-break:break-all}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.blog-card{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 16px 50px rgba(40,47,95,.06)}.blog-card img{aspect-ratio:16/9;object-fit:cover}.blog-card .body{padding:20px}.blog-card h2{font-size:22px;letter-spacing:-.02em}.blog-card p{color:var(--muted);font-size:14px}.post-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px}.post-main img.hero-image{border-radius:28px;margin:22px 0}.post-main h2{font-size:34px;margin-top:42px}.post-main h3{margin-top:28px}.post-main p,.post-main li{color:#4f586b}.post-sidebar{position:sticky;top:108px;align-self:start}.side-card{padding:22px;border:1px solid var(--line);border-radius:22px;margin-bottom:16px;background:#fff}.side-card a{display:block;padding:8px 0;color:var(--p);font-weight:600}.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:12px}.site-footer{background:#0c0f1e;color:#fff;padding:54px 0 24px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:30px}.footer-brand{display:inline-block;margin-bottom:14px}.footer-brand .brand-mark span{color:#fff;background:none;-webkit-text-fill-color:#fff}.footer-brand .brand-mark img{background:#fff}.footer-logo{width:210px;margin-bottom:14px}.site-footer p{color:#9da4bc;font-size:14px}.footer-links{display:grid;gap:9px}.footer-links a{color:#dce0ee;font-size:14px}.footer-title{font-weight:800;margin-bottom:14px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:34px;padding-top:20px;text-align:center;color:#9da4bc;font-size:13px}.to-top{position:fixed;right:20px;bottom:20px;width:44px;height:44px;border:0;border-radius:14px;background:#fff;box-shadow:var(--shadow);display:none;place-items:center;cursor:pointer}.to-top.show{display:grid}.reveal{opacity:0;transform:translateY(18px);transition:.55s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.menu-toggle{display:block;margin-left:auto}.nav-links{position:absolute;left:18px;right:18px;top:74px;display:none;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow)}.nav-links.open{display:flex}.nav-download{margin-left:10px}.hero-grid,.about-wrap,.steps-shell,.download-shell,.safety-band,.release-shell,.contact-panel,.post-layout{grid-template-columns:1fr}.features-head{grid-template-columns:1fr}.feature-bento{grid-template-columns:1fr 1fr;grid-template-rows:auto}.feature-card.big{grid-row:auto;grid-column:1/3}.compat-grid{grid-template-columns:1fr 1fr}.use-orbit{grid-template-columns:1fr}.install-lane{grid-template-columns:1fr 1fr;gap:22px}.install-lane:before{display:none}.trouble-grid,.guide-strip,.blog-grid{grid-template-columns:1fr 1fr}.faq-layout{grid-template-columns:1fr}.faq-tabs{position:static;grid-template-columns:1fr 1fr}.post-sidebar{position:static}.float-one{left:8px}.float-two{right:8px}}
@media(max-width:640px){.section{padding:68px 0}.nav{height:70px;gap:8px}.brand img{width:170px}.nav-download{padding:11px 14px;font-size:12px}.hero{padding-top:36px}.hero-grid{gap:30px}.hero h1{font-size:45px}.float-card{display:none}.metric-row,.compat-grid,.use-grid,.pc-grid,.trouble-grid,.guide-strip,.blog-grid,.footer-grid,.download-meta{grid-template-columns:1fr}.feature-bento{grid-template-columns:1fr}.feature-card.big{grid-column:auto}.install-lane{grid-template-columns:1fr}.faq-tabs{grid-template-columns:1fr}.page-hero{padding:52px 0}.post-main h2{font-size:29px}.footer-grid{gap:24px}}

/* Keyword-relevant web image treatment */
.hero-card img,.about-art img,.download-box img{width:100%;aspect-ratio:16/9;object-fit:contain;background:linear-gradient(145deg,#f8f7ff,#fff4f8);padding:18px}.guide-card img,.blog-card img,.post-main img.hero-image{background:linear-gradient(145deg,#f8f7ff,#fff5f9)}

/* Requested visual refinements */
.hero{position:relative;overflow:hidden;isolation:isolate;padding:86px 0 94px;background:linear-gradient(135deg,#faf8ff 0%,#fff7fb 42%,#f5fbff 100%)}
.hero:before{content:'';position:absolute;inset:0;z-index:-3;background:radial-gradient(circle at 20% 20%,rgba(104,72,245,.15),transparent 31%),radial-gradient(circle at 80% 25%,rgba(243,79,155,.13),transparent 30%),radial-gradient(circle at 50% 88%,rgba(78,205,196,.11),transparent 29%)}
.hero-grid{display:block;max-width:980px;text-align:center;position:relative;z-index:2}
.hero-copy{max-width:900px;margin:0 auto;text-align:center}
.hero-copy p{max-width:760px;margin-left:auto;margin-right:auto}
.hero .kicker{justify-content:center}
.hero-actions,.hero-trust{justify-content:center}
.hero-ambient{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
.hero-ambient span{position:absolute;display:block;border-radius:50%;filter:blur(2px);opacity:.5;animation:heroFloat 14s ease-in-out infinite alternate}
.hero-ambient span:nth-child(1){width:320px;height:320px;left:-90px;top:8%;background:linear-gradient(135deg,rgba(104,72,245,.26),rgba(139,108,255,.04))}
.hero-ambient span:nth-child(2){width:260px;height:260px;right:-60px;top:16%;background:linear-gradient(135deg,rgba(243,79,155,.24),rgba(255,191,93,.05));animation-duration:18s;animation-delay:-4s}
.hero-ambient span:nth-child(3){width:230px;height:230px;left:44%;bottom:-120px;background:linear-gradient(135deg,rgba(65,195,220,.16),rgba(104,72,245,.08));animation-duration:16s;animation-delay:-7s}
@keyframes heroFloat{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(34px,-24px,0) scale(1.08)}100%{transform:translate3d(-18px,30px,0) scale(.96)}}
@media (prefers-reduced-motion:reduce){.hero-ambient span{animation:none}}

/* Keep content images compact and consistent at 16:9 */
.about-art{max-width:520px;width:100%;margin:auto;padding:12px}
.about-art img,.download-box img,.guide-card img,.blog-card img,.post-main img.hero-image{aspect-ratio:16/9;object-fit:cover;width:100%}
.about-art img,.download-box img{max-height:300px}
.download-box{max-width:520px;width:100%;margin:auto}
.guide-card img,.blog-card img{max-height:220px}
.post-main img.hero-image{max-width:820px;max-height:460px;margin:22px auto}

/* FAQ categories remain visible; tabs follow the FAQ list while scrolling */
.faq-layout{align-items:start}
.faq-tabs{position:sticky;top:106px;z-index:8}
.faq-group{display:block;scroll-margin-top:130px}
.faq-group + .faq-group{margin-top:46px;padding-top:8px}
.faq-group-title{font-size:14px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#d8d2ff;margin:0 0 10px;padding:10px 0 8px;border-bottom:1px solid rgba(255,255,255,.12)}
.footer-disclaimer{margin-top:8px;color:#858da8;font-size:12px;line-height:1.6}

@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr}
  .faq-tabs{position:sticky;top:82px;grid-template-columns:1fr 1fr;background:#111427;padding:10px 0 12px;z-index:10}
  .faq-group{scroll-margin-top:160px}
}
@media(max-width:640px){
  .hero{padding:64px 0 72px}
  .hero h1{font-size:clamp(39px,12vw,52px)}
  .faq-tabs{top:70px;grid-template-columns:1fr 1fr;gap:8px}
  .faq-tab{padding:12px 10px;font-size:12px;text-align:center}
  .faq-group{scroll-margin-top:155px}
  .guide-card img,.blog-card img{max-height:none}
}

/* Balanced image sizing — keep visuals natural, not oversized or forced to 16:9 */
.about-art{
  max-width:460px;
  width:100%;
  margin-inline:auto;
  padding:12px;
}
.about-art img{
  width:100%;
  height:auto;
  max-height:280px;
  aspect-ratio:auto;
  object-fit:contain;
  padding:0;
  background:transparent;
}
.download-box{
  max-width:480px;
  width:100%;
  margin-inline:auto;
}
.download-box img{
  width:100%;
  height:auto;
  max-height:270px;
  aspect-ratio:auto;
  object-fit:contain;
  padding:0;
  background:transparent;
}
.guide-card img,
.blog-card img{
  width:100%;
  height:180px;
  max-height:none;
  aspect-ratio:auto;
  object-fit:cover;
}
.post-main img.hero-image{
  width:min(100%,720px);
  height:auto;
  max-height:380px;
  aspect-ratio:auto;
  object-fit:contain;
  margin:22px auto;
}

@media(max-width:980px){
  .about-art{max-width:430px}
  .download-box{max-width:450px}
  .guide-card img,.blog-card img{height:170px}
  .post-main img.hero-image{width:min(100%,680px);max-height:360px}
}

@media(max-width:640px){
  .about-art,.download-box{max-width:360px}
  .about-art img,.download-box img{max-height:230px}
  .guide-card img,.blog-card img{height:165px}
  .post-main img.hero-image{width:100%;max-height:300px}
}

/* Blog listing thumbnail fix — show the complete image without crop/zoom */
.blog-grid .blog-card img{
  width:100%;
  height:180px;
  max-height:none;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center;
  padding:10px 12px;
  background:linear-gradient(145deg,#faf9ff,#fff8fb);
  border-bottom:1px solid var(--line);
}
@media(max-width:980px){
  .blog-grid .blog-card img{height:175px;padding:9px 11px}
}
@media(max-width:640px){
  .blog-grid .blog-card img{height:190px;padding:10px 12px}
}

/* Homepage guide thumbnail fix — match the correctly-sized blog listing images */
.guide-strip .guide-card img{
  width:100%;
  height:180px;
  max-height:none;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center;
  padding:10px 12px;
  background:linear-gradient(145deg,#faf9ff,#fff8fb);
  border-bottom:1px solid var(--line);
}
@media(max-width:980px){
  .guide-strip .guide-card img{height:175px;padding:9px 11px}
}
@media(max-width:640px){
  .guide-strip .guide-card img{height:190px;padding:10px 12px}
}