/* Native behavior layered over the original, locally stored design system. */
html{scroll-behavior:smooth}body{overflow-x:hidden}button,input,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid #2563eb;outline-offset:4px}template,[hidden]{display:none!important}
section[style*="list-style-type:none"]{opacity:1!important}
.framer-1t885rs{z-index:50!important}.native-menu{position:fixed;inset:0;z-index:49;pointer-events:none}.native-menu>div{pointer-events:auto}.native-menu [data-framer-portal-id]{top:48px!important}.native-menu a:hover{color:#2563eb!important}
[data-framer-name="Nav icon"]{cursor:pointer}.native-mobile-nav{position:fixed;inset:0 0 auto;z-index:60;width:100%}.native-mobile-nav>.framer-hZPkb{width:100%!important}
.framer-eXeis [data-framer-name="Hover img"]{transition:opacity .25s}.framer-eXeis:hover [data-framer-name="Hover img"]{opacity:1!important}.framer-eXeis:hover [data-framer-name="Logo"]{z-index:2}.framer-eXeis:hover [data-framer-name="Launch/Buttons/Primary"]{z-index:3;background:white!important}
.framer-1yixnu4{transition:transform .5s cubic-bezier(.22,.61,.36,1)}.framer-uP6Bz svg{width:13px;height:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.framer-uP6Bz[data-direction="prev"] svg{transform:translate(-50%,-50%) rotate(180deg)}
.cookie-box{position:fixed;right:32px;bottom:70px;width:360px;padding:20px;background:white;border:1px solid #f2f1ef;border-radius:16px;box-shadow:0 4px 20px #00000005;z-index:100;font:14px/1.25 'General Sans',sans-serif;color:#57534d}.cookie-box h2{font:500 14px 'General Sans',sans-serif;margin:0 0 10px;color:#1c1917}.cookie-box p{margin:0 0 16px}.cookie-actions{display:flex;gap:10px}.cookie-actions button{flex:1;border:0;border-radius:40px;padding:8px 14px;background:#efeeed;color:#1c1917}.cookie-actions button:last-child{background:#1c1917;color:white}
.native-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 20px;border-radius:10px;background:#1c1917;color:white;z-index:200;font:14px 'General Sans',sans-serif}
@media(max-width:809px){.cookie-box{right:16px;bottom:70px;width:calc(100% - 32px);box-sizing:border-box}.native-menu{display:none}.native-mobile-nav [data-framer-name="Nav icon"]{z-index:10}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Chinese product copy typography. */
html[lang="zh-CN"] body{font-family:"General Sans","Microsoft YaHei","PingFang SC",sans-serif} .product-membership-note{max-width:640px;text-align:center;font:14px/1.9 "Microsoft YaHei",sans-serif;color:#78716c;margin:20px auto 0;padding:0 20px}#features,#guide,#safety,#scenarios{scroll-margin-top:80px}


html[lang="zh-CN"] h1>span{display:inline}html[lang="zh-CN"] .framer-text{font-family:"General Sans","Microsoft YaHei","PingFang SC",sans-serif}html[lang="zh-CN"] h1{line-height:1.3!important}

@media(max-width:809px){html[lang="zh-CN"] h1{font-size:26px!important;letter-spacing:-.6px!important}}

/* Keep the first product preview static without switching controls. */
.framer-rHsSv,.framer-rHsSv *{animation:none!important;transition:none!important}


/* Product screenshot in the homepage hero. */
.hero-original-mockup { display: none !important; }
.home-product-preview { position: relative; z-index: 2; order: 1; width: 100%; border: 1px solid #e5e7eb; border-radius: 14px; overflow: hidden; background: #fff; box-shadow: 0 18px 50px rgba(31, 41, 55, .12); }
.home-product-preview img { display: block; width: 100%; height: auto; }
[data-windows-download][aria-busy="true"] { cursor: wait; opacity: .75; }

/* Website actions use the product theme color. */
a.framer-wnk4j[data-framer-name="Primary"], a.framer-wnk4j[data-framer-name="Primary - white"] { background-color: #2563eb !important; color: #fff !important; }
a.framer-wnk4j[data-framer-name="Primary"]:hover, a.framer-wnk4j[data-framer-name="Primary - white"]:hover { background-color: #1d4ed8 !important; }
a.framer-wnk4j[data-framer-name="Primary - white"] .framer-text { --framer-text-color: #fff !important; color: #fff !important; }
a.framer-wnk4j[data-framer-name="Primary - white"] svg { color: #fff; }

.windows-download-icon { display: block; flex: none; width: 18px; height: 18px; color: #fff; }

/* Footer */
.site-footer { width: 100%; background: #f7f9fd; color: #1e293b; border-top: 1px solid #e6ebf3; }
.site-footer__inner { max-width: 1280px; margin: 0 auto; padding: 72px 32px 60px; display: grid; grid-template-columns: 1.15fr 1.4fr 1fr; gap: 64px; align-items: start; }
.site-footer__logo { display: inline-flex; align-items: center; gap: 12px; color: #14243d; font-size: 22px; font-weight: 700; text-decoration: none; }
.site-footer__logo img { display: block; }
.site-footer__brand p, .site-footer__card p { margin: 18px 0 0; color: #64748b; font-size: 14px; line-height: 1.8; }
.site-footer__nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
.site-footer__nav h2 { margin: 4px 0 24px; font-size: 15px; font-weight: 700; }
.site-footer__nav a { display: block; width: fit-content; margin-top: 16px; color: #64748b; font-size: 14px; text-decoration: none; }
.site-footer__nav a:hover { color: #2563eb; }
.site-footer__card { padding: 25px; border: 1px solid #dce8ff; border-radius: 18px; background: #edf4ff; }
.site-footer__card > span { color: #2563eb; font-size: 12px; font-weight: 700; }
.site-footer__card h2 { margin: 12px 0 0; font-size: 19px; }
.site-footer__card p { margin-top: 10px; }
.site-footer__card a { display: inline-block; margin-top: 18px; color: #2563eb; font-size: 14px; font-weight: 600; text-decoration: none; }
.site-footer__card a:hover { color: #1d4ed8; }
.site-footer__bottom { max-width: 1280px; margin: 0 auto; padding: 20px 32px 28px; border-top: 1px solid #e2e8f0; display: flex; justify-content: space-between; gap: 16px; color: #94a3b8; font-size: 12px; }
@media (max-width: 809px) { .site-footer__inner { padding: 48px 24px 40px; grid-template-columns: 1fr 1fr; gap: 36px 24px; } .site-footer__brand { grid-column: 1 / -1; } .site-footer__bottom { margin: 0 24px; padding: 20px 0 24px; } }
@media (max-width: 540px) { .site-footer__inner { grid-template-columns: 1fr; } .site-footer__brand { grid-column: auto; } .site-footer__bottom { flex-direction: column; gap: 6px; } }

.site-footer__qr { display: block; width: 128px; height: 128px; object-fit: contain; margin-top: 18px; padding: 6px; border-radius: 10px; background: #fff; }
.site-footer__card .site-footer__qr-empty { margin-top: 18px; font-size: 13px; }

/* Join the footer directly to the preceding content. */
.framer-kJ9rM .framer-1srhd92 { gap: 0; }

.site-footer, .site-footer__bottom { border: 0; }

.site-footer__card { display: flex; flex-direction: column; align-items: center; padding: 0; border: 0; border-radius: 0; background: transparent; }
.site-footer__card .site-footer__qr { margin: 0; padding: 0; border-radius: 0; background: transparent; }
.site-footer__card p { margin: 12px 0 0; text-align: center; }

[data-framer-name="Banner and Nav"] a, [data-framer-name="Banner and Nav"] a .framer-text { font-weight: 400 !important; --framer-font-weight: 400 !important; }

[data-framer-name="Banner and Nav"] a[data-site-download] { background-color: #2563eb !important; }
[data-framer-name="Banner and Nav"] a[data-site-download]:hover { background-color: #1d4ed8 !important; }


.product-feature { max-width: 1280px; width: 100%; margin: 0 auto; padding: 80px 32px; display: grid; grid-template-columns: 1fr 1.1fr; align-items: center; gap: clamp(40px, 6vw, 96px); }
.product-feature--reverse { grid-template-columns: 1.1fr 1fr; padding-top: 40px; }
.product-feature--reverse .product-feature__visual { grid-column: 1; grid-row: 1; }
.product-feature--reverse .product-feature__copy { grid-column: 2; grid-row: 1; }
.product-feature__eyebrow { display: inline-block; padding: 7px 13px; border-radius: 999px; background: #eaf1ff; color: #2563eb; font-size: 13px; font-weight: 600; }
.product-feature__copy h2 { margin: 22px 0 18px; color: #172033; font-size: clamp(30px, 3.3vw, 46px); line-height: 1.25; letter-spacing: -.03em; }
.product-feature__copy p { max-width: 510px; margin: 0; color: #64748b; font-size: 17px; line-height: 1.9; }
.product-feature__copy a { display: inline-flex; gap: 10px; margin-top: 24px; color: #2563eb; font-size: 15px; font-weight: 600; text-decoration: none; }
.product-feature__copy a:hover { color: #1d4ed8; }
.product-feature__visual { overflow: hidden; border-radius: 22px; background: #edf4ff; }
.product-feature__visual img { display: block; width: 100%; height: auto; }
@media (max-width: 809px) { .product-feature, .product-feature--reverse { grid-template-columns: 1fr; gap: 28px; padding: 48px 24px; } .product-feature--reverse .product-feature__copy, .product-feature--reverse .product-feature__visual { grid-column: auto; grid-row: auto; } .product-feature__copy h2 { margin: 16px 0 12px; } .product-feature__copy p { font-size: 15px; } }


.footer-friendlinks { max-width: 1280px; margin: 0 auto; padding: 0 32px 24px; display: flex; align-items: baseline; flex-wrap: wrap; gap: 12px 24px; color: #64748b; font-size: 13px; text-align: left; }
.footer-friendlinks strong { color: #334155; font-size: 13px; }
.footer-friendlinks div { display: flex; gap: 12px 20px; flex-wrap: wrap; }
.footer-friendlinks a { color: #64748b; text-decoration: none; }
.footer-friendlinks a:hover { color: #2563eb; }
@media(max-width:540px) { .footer-friendlinks { padding-left: 24px; padding-right: 24px; } }

/* Product feature selector */
.feature-switcher { box-sizing: border-box; width: 100%; max-width: 1160px; margin: 0 auto; padding: 100px 0 48px; }
.feature-switcher__heading { max-width: 1160px; margin: 0 auto 32px; }
.feature-switcher__nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 2px; margin-bottom: 26px; }
.feature-switcher__button { display: inline-flex; align-items: center; flex: none; gap: 8px; min-height: 42px; padding: 10px 9px; border: 0; border-radius: 999px; background: transparent; color: #78716c; font: inherit; font-size: 14px; white-space: nowrap; cursor: pointer; }
.feature-switcher__button:hover { color: #1c1917; background: #f7f6f4; }
.feature-switcher__button[aria-pressed="true"] { color: #1c1917; background: #f1f0ee; }
.feature-switcher__button:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; }
.feature-switcher__icon { width: 16px; color: #a8a29e; text-align: center; }
.feature-switcher__button[aria-pressed="true"] .feature-switcher__icon { color: #292524; }
.feature-switcher__panel { position: relative; overflow: hidden; border-radius: 20px; background: #f6f5f3; }
.feature-switcher__panel[hidden] { display: none; }
.feature-switcher__panel + .feature-switcher__panel { margin-top: 20px; }
.feature-switcher__visual { width: 100%; }
.feature-switcher__visual img { display: block; width: 100%; height: auto; }
.feature-switcher__detail { position: absolute; bottom: 28px; left: 28px; width: 270px; max-width: 27%; padding: 20px 22px; border: 0; border-radius: 14px; background: rgba(255, 255, 255, .94); box-shadow: 0 8px 28px rgba(28, 25, 23, .08); color: #57534e; font-size: 14px; line-height: 1.7; }
.feature-switcher__detail h3 { margin: 0 0 8px; color: #1c1917; font-size: 17px; font-weight: 600; line-height: 1.4; }
.feature-switcher__detail p { margin: 0; }
.feature-switcher__detail a { display: inline-flex; gap: 8px; margin-top: 12px; color: #2563eb; font-weight: 600; text-decoration: none; }
@media (max-width: 1199px) {
  .feature-switcher { padding-right: 32px; padding-left: 32px; }
}
@media (max-width: 809px) {
  .feature-switcher { padding: 64px 20px 32px; }
  .feature-switcher__heading { margin-bottom: 24px; }
  .feature-switcher__nav { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; margin: 0 -20px 20px; padding: 0 20px 8px; scrollbar-width: thin; }

  .feature-switcher__detail { position: static; width: auto; max-width: none; margin: 16px; padding: 18px; border-radius: 16px; }
}