:root{--bg:#f1f4ed;--ink:#121514;--green:#00f782;--green2:#2ddb7b;--muted:#6f7771;--line:rgba(18,21,20,.13);--dark:#0b100e;--panel:#151b18;--serif:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Public Sans","PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.6}body[dir=rtl]{font-family:Tahoma,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%}.wrap{width:min(1180px,calc(100% - 44px));margin:auto}
.notice{min-height:38px;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 20px;background:var(--green);font-size:12px;font-weight:700;letter-spacing:.02em}.notice i{width:7px;height:7px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 4px rgba(18,21,20,.12)}.notice a{border-bottom:1px solid rgba(0,0,0,.45)}
.site-header{height:82px;background:var(--dark);color:#fff;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:30}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand img{display:block;width:140px}.brand em{padding:4px 7px;border:1px solid rgba(255,255,255,.22);border-radius:20px;color:#aeb6b0;font-size:9px;font-style:normal;letter-spacing:.08em}.main-nav{display:flex;align-items:center;gap:32px;margin-left:auto}.main-nav a{font-size:13px;color:#b8c0ba;transition:.2s}.main-nav a:hover,.main-nav a.active{color:var(--green)}
.language{position:relative}.language summary{list-style:none;cursor:pointer;padding:10px 12px;border:1px solid rgba(255,255,255,.18);border-radius:7px;color:#d5dad6;font-size:11px;white-space:nowrap}.language summary::-webkit-details-marker{display:none}.language-menu{position:absolute;right:0;top:46px;width:190px;padding:8px;background:#171e1b;border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 20px 50px rgba(0,0,0,.35)}[dir=rtl] .language-menu{right:auto;left:0}.language-menu a{display:block;padding:10px 12px;border-radius:6px;color:#bdc5bf;font-size:12px}.language-menu a:hover,.language-menu a.current{background:rgba(0,247,130,.1);color:var(--green)}
.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 77% 46%,rgba(0,247,130,.15),transparent 25%),var(--dark);padding:94px 0 110px}.hero:before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(#000,transparent)}.hero-grid{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}.eyebrow,.kicker{display:flex;align-items:center;gap:11px;color:var(--green);font-size:10px;letter-spacing:.2em;font-weight:800;text-transform:uppercase}.eyebrow:before,.kicker:before{content:"";width:28px;height:1px;background:currentColor}.hero h1{max-width:none;margin:28px 0 20px;font-size:clamp(52px,6.35vw,96px);line-height:.92;letter-spacing:-.065em;white-space:nowrap}.hero h1 span{color:var(--green)}.hero-copy>p{max-width:620px;margin:0;color:#9fa7a1;font-size:16px;line-height:1.85}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:15px 19px;border-radius:7px;background:var(--green);color:#0b100e;font-size:13px;font-weight:800;transition:.2s}.btn:hover{transform:translateY(-2px);background:#67ffa8}.ghost{font-size:13px;color:#d8ddd9;border-bottom:1px solid #535b56;padding-bottom:4px}.ghost span{color:var(--green)}.trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px;color:#79817b;font-size:11px}.trust b{color:var(--green)}
.hero-card{position:relative;min-height:420px;display:grid;place-items:center}.ring{position:absolute;width:390px;height:390px;border:1px solid rgba(0,247,130,.15);border-radius:50%}.ring.small{width:285px;height:285px}.device{position:relative;z-index:2;width:260px;height:400px;padding:20px;border:5px solid #262e2a;border-radius:36px;background:#101613;box-shadow:0 35px 90px #000,0 0 80px rgba(0,247,130,.12);transform:rotate(4deg)}.device-top{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid #29312d}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#102018;font-weight:900}.device-top strong,.device-top small{display:block}.device-top strong{font-size:12px}.device-top small{color:#77817a;font-size:8px}.enc{text-align:center;color:#748078;font-size:8px;margin:18px 0}.enc span{color:var(--green)}.bubble{max-width:88%;padding:12px;margin:11px 0;border-radius:13px;font-size:10px}.bubble.in{background:#262d29;color:#d9deda}.bubble.out{margin-left:auto;background:var(--green2);color:#0d2115}.composer{position:absolute;left:18px;right:18px;bottom:20px;padding:10px 13px;border-radius:20px;background:#202722;color:#747d77;font-size:9px}.float-tag{position:absolute;z-index:3;padding:10px 12px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:rgba(25,32,28,.9);color:#b9c2bc;font-size:10px}.float-tag.one{left:0;top:28%}.float-tag.two{right:0;bottom:22%}.float-tag b{color:var(--green)}
.section{padding:105px 0}.section-head{display:grid;grid-template-columns:1.12fr .88fr;gap:80px;align-items:end;margin-bottom:55px}.section h2{margin:20px 0 0;font-size:clamp(42px,5vw,72px);line-height:1.03;letter-spacing:-.055em}.section h2 span{color:#24c96e}.section-head p{margin:0;color:var(--muted);font-size:14px;line-height:1.9}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.feature{min-height:265px;padding:26px 24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.25s}.feature:hover{background:#e7ebe2;transform:translateY(-3px)}.feature .num{color:#8c938e;font:10px ui-monospace,monospace}.feature .icon{width:58px;height:58px;display:grid;place-items:center;margin:40px 0 28px;border:1px solid #c6cec7;border-radius:50%;color:#23c86d;font-size:22px}.feature h3{margin:0 0 10px;font-size:18px}.feature p{margin:0;color:#707871;font-size:12px;line-height:1.75}
.download{padding:95px 0;background:var(--dark);color:#fff}.download-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:start}.download h2{margin:22px 0;font-size:clamp(40px,4.5vw,64px);line-height:1.04;letter-spacing:-.05em}.download-copy>p{color:#939c95;font-size:13px;line-height:1.85}.safe-note{margin-top:30px;padding:15px;border:1px solid rgba(0,247,130,.2);border-radius:8px;background:rgba(0,247,130,.05);color:#858f88;font-size:10px}.safe-note b{display:block;color:#fff;font-size:11px;margin-bottom:4px}.platforms{border-top:1px solid rgba(255,255,255,.14)}.platform{min-height:79px;display:grid;grid-template-columns:45px 1fr auto;gap:15px;align-items:center;border-bottom:1px solid rgba(255,255,255,.14);transition:.2s}.platform:hover{padding:0 12px;background:rgba(0,247,130,.06)}.platform-icon{width:37px;height:37px;display:grid;place-items:center;border:1px solid #3b4540;border-radius:9px;color:var(--green)}.platform strong,.platform small{display:block}.platform strong{font-size:14px}.platform small{margin-top:4px;color:#78817b;font-size:9px}.platform em{color:#94a099;font-size:10px;font-style:normal}.platform:hover em{color:var(--green)}
.blog-preview{padding:105px 0}.blog-preview-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.blog-preview h2{margin:20px 0 0;font-size:clamp(42px,5vw,68px);line-height:1.03;letter-spacing:-.05em}.blog-preview .all{font-size:12px;border-bottom:1px solid #9aa19c;padding-bottom:4px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.post-card{display:flex;flex-direction:column;min-height:330px;padding:28px;border:1px solid var(--line);background:#f6f8f2;transition:.25s}.post-card:hover{transform:translateY(-5px);border-color:rgba(0,180,95,.35);box-shadow:0 18px 45px rgba(20,30,24,.08)}.post-meta{display:flex;justify-content:space-between;gap:10px;color:#889089;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.post-card h3{margin:35px 0 14px;font-size:24px;line-height:1.25;letter-spacing:-.03em}.post-card p{margin:0;color:#6d756f;font-size:12px;line-height:1.8}.post-card .read{margin-top:auto;padding-top:24px;color:#1cad60;font-size:11px;font-weight:700}
.page-hero{padding:82px 0 75px;background:var(--dark);color:#fff}.page-hero h1{max-width:900px;margin:24px 0 16px;font-size:clamp(48px,6vw,82px);line-height:1;letter-spacing:-.055em}.page-hero p{max-width:720px;margin:0;color:#9ca59e;font-size:15px;line-height:1.85}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding:70px 0 105px}.blog-grid .post-card{min-height:300px}
.article-shell{padding:68px 0 105px}.article-grid{display:grid;grid-template-columns:minmax(0,760px) 250px;gap:80px;align-items:start}.breadcrumbs{margin-bottom:32px;color:#778078;font-size:11px}.breadcrumbs a{border-bottom:1px solid #bdc4be}.article-header .tag{color:#1ebf67;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.article-header h1{margin:18px 0 22px;font-size:clamp(42px,5vw,68px);line-height:1.06;letter-spacing:-.05em}.article-header .dek{margin:0;color:#626b64;font:21px/1.65 var(--serif)}[dir=rtl] .article-header .dek{font-family:Tahoma,Arial,sans-serif}.byline{display:flex;gap:16px;margin:28px 0 42px;padding-bottom:24px;border-bottom:1px solid var(--line);color:#868d88;font-size:10px}.article-body{font:18px/1.9 var(--serif);color:#2c322e}[dir=rtl] .article-body{font-family:Tahoma,Arial,sans-serif}.article-body h2{margin:50px 0 18px;font:700 30px/1.25 Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;letter-spacing:-.025em}.article-body p{margin:0 0 24px}.article-body .callout{margin:34px 0;padding:22px 24px;border-left:3px solid var(--green2);background:#e8ede5;font:14px/1.8 Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif}[dir=rtl] .article-body .callout{border-left:0;border-right:3px solid var(--green2)}.article-body ul{margin:0 0 28px;padding-left:24px}.article-body li{margin:8px 0}.article-cta{margin-top:55px;padding:28px;background:var(--dark);color:#fff;border-radius:12px}.article-cta h3{margin:0 0 8px;font-size:22px}.article-cta p{margin:0 0 18px;color:#98a19b;font:12px/1.7 Inter,Arial,sans-serif}.article-cta .btn{padding:12px 16px}.sidebar{position:sticky;top:110px}.sidebar-box{padding:22px;border:1px solid var(--line);background:#f6f8f2}.sidebar-box h3{margin:0 0 16px;font-size:13px}.sidebar-box a{display:block;padding:11px 0;border-top:1px solid var(--line);color:#5f6861;font-size:11px;line-height:1.5}.sidebar-box a:hover{color:#18a959}
.site-footer{padding:60px 0 25px;background:#090d0c;color:#fff}.footer-top{display:flex;justify-content:space-between;gap:60px}.footer-brand img{width:130px}.footer-brand p{max-width:590px;color:#707971;font-size:11px;line-height:1.8}.footer-links{display:flex;gap:24px;flex-wrap:wrap}.footer-links a{color:#b2bab4;font-size:11px}.footer-links a:hover{color:var(--green)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:45px;padding-top:19px;border-top:1px solid rgba(255,255,255,.1);color:#515a54;font-size:9px}
.hero .ghost{display:inline-flex;align-items:center;gap:18px;padding:14px 18px;border:1px solid rgba(255,255,255,.24);border-radius:7px;color:#fff;font-size:13px;font-weight:700;transition:.2s}.hero .ghost:hover{border-color:var(--green);color:var(--green);transform:translateY(-2px)}
.hero-card.official-shot{min-height:440px;display:flex;align-items:center;justify-content:center}.official-preview{display:block;width:min(570px,128%);max-width:none;height:auto;filter:drop-shadow(0 34px 55px rgba(0,0,0,.55));transform:translateX(2%)}[dir=rtl] .official-preview{transform:translateX(-2%)}
@media(max-width:980px){.main-nav{display:none}.hero-grid{grid-template-columns:minmax(0,1fr) 320px;gap:28px}.hero h1{font-size:clamp(46px,6.5vw,62px)}.section-head,.download-grid{grid-template-columns:1fr;gap:35px}.feature-grid{grid-template-columns:repeat(2,1fr)}.article-grid{grid-template-columns:1fr}.sidebar{position:static}.post-grid{grid-template-columns:1fr 1fr}.blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.wrap{width:min(100% - 32px,1180px)}.notice{font-size:9px}.notice a{display:none}.site-header{height:70px}.brand img{width:118px}.brand em{display:none}.hero{padding:65px 0 75px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(37px,10.7vw,54px);white-space:nowrap}.hero-card{min-height:450px;transform:scale(.9);margin:-25px 0}.hero-card.official-shot{min-height:350px;margin:8px 0 -15px;transform:none}.official-preview{width:min(620px,122%);transform:none}[dir=rtl] .official-preview{transform:none}.section,.blog-preview{padding:75px 0}.feature-grid,.post-grid,.blog-grid{grid-template-columns:1fr}.download{padding:75px 0}.download-grid{gap:55px}.section-head{margin-bottom:40px}.post-card{min-height:280px}.blog-preview-head{align-items:flex-start;flex-direction:column}.page-hero{padding:60px 0}.article-shell{padding:45px 0 75px}.article-header h1{font-size:42px}.article-header .dek{font-size:18px}.article-body{font-size:17px}.footer-top,.footer-bottom{flex-direction:column}.footer-links{margin-top:20px}.language-menu{position:fixed;right:16px;left:16px;top:76px;width:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}