:root{--ink:#171820;--muted:#7d8490;--blue:#315cff;--cyan:#00a7a1;--mint:#e4f8f3;--line:#e9ebee;--paper:#fff;--shadow:0 26px 60px rgba(35,47,67,.13);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y proximity}body{margin:0;overflow-x:hidden;background:#fff}a{color:inherit;text-decoration:none}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;color:#fff;background:#111;padding:12px 18px;border-radius:10px}.skip-link:focus{top:12px}.site-header{height:88px;position:fixed;z-index:20;top:0;left:0;width:100%;padding:0 clamp(24px,8vw,140px);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.83);backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:.25s}.site-header.scrolled{border-color:var(--line);box-shadow:0 4px 18px rgba(17,24,39,.04)}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800;letter-spacing:-1px}.brand img{width:42px;height:42px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:clamp(24px,3.2vw,54px);font-size:15px;color:#4a5060}.main-nav a{position:relative;padding:8px 0}.main-nav a::after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;background:var(--blue);transform:translateX(-50%);transition:.22s}.main-nav a:hover,.main-nav .is-current{color:var(--blue);font-weight:700}.main-nav a:hover::after,.main-nav .is-current::after{width:18px}.menu-toggle{display:none;border:0;background:transparent;width:42px;height:42px;padding:9px}.menu-toggle i{display:block;height:2px;background:var(--ink);margin:5px 0;transition:.2s}.hero-panel{min-height:100svh;scroll-snap-align:start;padding:118px max(6vw,40px) 58px;display:grid;grid-template-columns:minmax(420px,1.1fr) minmax(390px,.9fr);gap:clamp(50px,8vw,160px);align-items:center;max-width:1800px;margin:auto}.reverse-panel{grid-template-columns:minmax(390px,.9fr) minmax(420px,1.1fr)}.visual-stage{min-height:570px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.orbit{position:absolute;display:block;border:1px solid #dce4fb;border-radius:50%;z-index:-1}.orbit-one{width:min(60vw,720px);height:min(60vw,720px);background:#f7faff}.orbit-two{width:min(49vw,570px);height:min(49vw,570px);border-color:#ccece8}.orbit-three{width:min(38vw,430px);height:min(38vw,430px);background:radial-gradient(circle,#ecf8f6 0 25%,transparent 26%)}.phone{width:244px;height:500px;overflow:hidden;border:7px solid #202532;border-radius:34px;background:#fff;box-shadow:var(--shadow);position:absolute;color:#263044;font-size:10px}.phone::before{content:"";position:absolute;z-index:8;top:0;left:50%;width:95px;height:19px;background:#202532;border-radius:0 0 12px 12px;transform:translateX(-50%)}.phone-left{transform:translateX(-120px) rotate(-10deg);z-index:2}.phone-right{transform:translateX(124px) rotate(9deg);z-index:1}.mobile-bar{height:28px;padding:8px 15px 0;font-size:8px;display:flex;justify-content:space-between;color:#202532}.app-head,.topic-head{height:50px;display:flex;align-items:center;gap:8px;padding:8px 13px;border-bottom:1px solid #edf0f6}.app-head strong,.topic-head strong{font-size:12px}.app-head em,.topic-head em{margin-left:auto;font-style:normal;font-size:17px}.mini-logo{background:var(--blue);color:#fff;border-radius:8px;padding:5px 7px;font-size:12px;font-weight:800}.conversation{position:relative;padding:13px 15px 9px 54px;border-bottom:1px solid #f2f3f6;min-height:59px}.conversation::before{content:"";position:absolute;left:15px;top:13px;width:29px;height:29px;border-radius:50%;background:#87d9d2}.conversation:nth-child(4)::before{background:#a9c3ff}.conversation:nth-child(5)::before{background:#f0ad9d}.conversation b{font-size:10px}.conversation small{float:right;color:#9fa5b0}.conversation p{margin:4px 0 0;color:#9da3ae;font-size:8px}.tab-strip{position:absolute;bottom:0;left:0;width:100%;height:52px;border-top:1px solid #eceff5;background:#fff;display:flex;justify-content:space-around;padding-top:7px;text-align:center;color:#929aaa}.tab-strip span{display:grid;gap:2px;font-size:12px}.tab-strip i{font-size:7px;font-style:normal}.tab-strip .selected{color:var(--blue)}.topic-head em:first-child{margin:0;font-size:27px;line-height:1}.topic-head em:last-child{margin-left:auto}.topic-note{margin:11px auto;padding:7px 10px;width:max-content;max-width:90%;border-radius:10px;background:#eff2f7;color:#8e96a3;font-size:8px}.bubble{max-width:75%;margin:12px 13px;padding:9px;border-radius:12px;line-height:1.5;font-size:9px}.bubble.friend{background:#eff2f7;border-top-left-radius:3px}.bubble.mine{background:#dff7f4;margin-left:auto;border-top-right-radius:3px}.composer{position:absolute;bottom:0;left:0;width:100%;height:48px;background:#fff;border-top:1px solid #edf0f5;padding:14px 12px;color:#808999;font-size:12px}.composer span{font-size:8px;margin-left:8px}.composer b{float:right;color:var(--blue)}.copy-stage{max-width:550px}.eyebrow{margin:0 0 16px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.15em}.copy-stage h1,.copy-stage h2,.about-card h2,.contact-panel h2{font-size:clamp(38px,4vw,68px);line-height:1.11;letter-spacing:-.06em;margin:0 0 24px;color:#11131a}.copy-stage .lead{margin:0;color:#747d8c;line-height:1.9;font-size:16px;max-width:510px}.download-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:39px}.store{height:61px;min-width:148px;padding:9px 15px 9px 11px;border-radius:13px;display:flex;align-items:center;gap:9px;color:#fff;box-shadow:0 11px 20px rgba(17,50,71,.12);transition:transform .2s,box-shadow .2s}.store:hover{transform:translateY(-3px);box-shadow:0 16px 25px rgba(17,50,71,.18)}.store.apple{background:#4777e5}.store.android{background:#18aa93}.store.windows{background:#2f5fd5}.store-icon{font-size:20px;width:28px;text-align:center}.store span:last-child{font-size:11px;font-weight:700;line-height:1.15}.store small{font-size:8px;display:block;font-weight:400;opacity:.86;margin-bottom:4px}.feature-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:32px}.feature-points span{border:1px solid #dce3ef;background:#fff;border-radius:99px;padding:9px 13px;color:#566073;font-size:12px}.contacts-stage .orbit-one,.voice-stage .orbit-one{background:#f3fbf9}.contacts-stage .orbit-two,.voice-stage .orbit-two{border-color:#c9ede5}.search-field{margin:10px 13px;padding:8px 9px;background:#f3f5f8;border-radius:7px;color:#abb2bd;font-size:8px}.contact-line{height:56px;display:flex;align-items:center;gap:9px;padding:0 14px;border-bottom:1px solid #f1f2f6}.avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:10px;font-style:normal}.avatar.coral{background:#efaa9b}.avatar.sky{background:#88bde9}.avatar.violet{background:#998eda}.avatar.gold{background:#e6bd78}.contact-line b{font-size:10px}.contact-line small{margin-left:auto;color:#a2a9b3;font-size:7px}.profile-cover{height:110px;background:linear-gradient(135deg,#a5d2f0,#d7f4ed)}.profile-avatar{display:grid;place-items:center;width:64px;height:64px;margin:-33px auto 10px;border:3px solid #fff;border-radius:50%;background:#efaa9b;color:#fff;font-size:21px}.screen-profile h3{text-align:center;margin:0;font-size:14px}.screen-profile>p{text-align:center;color:#8d96a3;font-size:8px}.profile-actions{display:flex;gap:8px;padding:15px}.profile-actions span{flex:1;background:var(--blue);color:#fff;padding:9px;text-align:center;border-radius:7px;font-size:8px}.profile-actions span:first-child{background:#eff2fa;color:var(--blue)}.screen-profile dl{margin:0 15px}.screen-profile dl div{display:flex;justify-content:space-between;border-top:1px solid #edf0f4;padding:11px 0;font-size:9px}.screen-profile dt{color:#929aa7}.screen-profile dd{margin:0}.screen-feed .app-head{margin-bottom:7px}.feed-card{position:relative;margin:8px 11px;padding:11px 10px 12px 48px;border:1px solid #e9edf3;border-radius:10px}.feed-card .avatar{position:absolute;left:10px;top:11px}.feed-card b{font-size:9px}.feed-card small{display:block;margin-top:2px;color:#9fa6b1;font-size:7px}.feed-card p{font-size:8px;line-height:1.5;color:#667082}.feed-card button{border:0;border-radius:4px;padding:5px 8px;color:var(--blue);background:#e9eeff;font-size:7px}.gallery-title{padding:16px 13px 9px;font-size:11px;font-weight:800}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:0 13px}.photo-grid i{height:87px;background:linear-gradient(145deg,#f6d6bd,#8ac4df);border-radius:6px}.photo-grid i:nth-child(2){background:linear-gradient(145deg,#a9d9d0,#5786bf)}.photo-grid i:nth-child(3){background:linear-gradient(145deg,#e9cc9f,#b36871)}.photo-grid i:nth-child(4){background:linear-gradient(145deg,#a4a3dd,#f2d5ca)}.gallery-copy{margin:13px;padding:10px;background:#f4f7fb;border-radius:8px}.gallery-copy b{font-size:8px;line-height:1.5;display:block}.gallery-copy span{color:var(--blue);font-size:7px;display:block;margin-top:8px}.call-screen{background:linear-gradient(160deg,#7585c9,#80c4ca);color:#fff;text-align:center}.call-screen .mobile-bar{color:#fff}.call-state{margin:52px 0 30px;font-size:9px;opacity:.86}.call-avatar{display:grid;place-items:center;width:92px;height:92px;border-radius:50%;margin:auto;background:#ece0ca;color:#796951;font-size:31px}.call-screen>strong{display:block;margin-top:15px;font-size:18px}.call-screen>small{display:block;margin-top:7px;opacity:.8}.wave{height:46px;margin:36px auto;display:flex;justify-content:center;align-items:center;gap:5px}.wave i{width:4px;height:20px;background:#fff;border-radius:9px;opacity:.75}.wave i:nth-child(2),.wave i:nth-child(6){height:34px}.wave i:nth-child(3),.wave i:nth-child(5){height:25px}.wave i:nth-child(4){height:42px}.call-controls{display:flex;justify-content:space-around;align-items:center;font-size:8px}.call-controls b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.22)}.hangup{position:absolute;bottom:23px;left:calc(50% - 20px);width:40px;height:40px;border:0;border-radius:50%;background:#f15b63;color:#fff;transform:rotate(-42deg)}.call-summary{text-align:center;padding:39px 0 24px}.call-summary span{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#dff7f4;color:#17a991;margin:auto;font-size:18px}.call-summary b,.call-summary small{display:block;margin-top:9px}.call-summary b{font-size:11px}.call-summary small{font-size:8px;color:#929aa8}.about-panel{min-height:58vh;display:grid;place-items:center;padding:100px 8vw;background:linear-gradient(145deg,#f6fbff,#f3fcfa);scroll-snap-align:start}.about-card{width:min(100%,970px);padding:clamp(30px,5vw,75px);display:grid;grid-template-columns:110px 1fr;gap:36px;align-items:start;border-radius:28px;background:#fff;box-shadow:0 22px 58px rgba(49,92,115,.1)}.about-card img{width:78px;height:84px;object-fit:contain}.about-card h2{font-size:clamp(30px,3.5vw,52px);margin-bottom:16px}.about-card>div>p:last-child{color:#6f7886;line-height:1.95;max-width:720px;margin:0}.contact-panel{min-height:55vh;scroll-snap-align:start;padding:110px max(8vw,40px);display:grid;grid-template-columns:1fr minmax(230px,.42fr);gap:80px;align-items:center;background:#17233e;color:#fff}.contact-panel .eyebrow{color:#89dcd3}.contact-panel h2{color:#fff;font-size:clamp(32px,4vw,57px)}.contact-panel p:not(.eyebrow){color:#bec8d8;line-height:1.8;max-width:610px}.email-link{display:inline-block;margin-top:13px;color:#96e9e1;font-size:18px;font-weight:800}.contact-panel aside{border-left:1px solid rgba(255,255,255,.16);padding-left:34px;display:grid;gap:17px}.contact-panel aside a{color:#fff;font-size:17px}.contact-panel aside b{color:#89dcd3;float:right}.section-dots{position:fixed;right:28px;top:50%;z-index:15;display:grid;gap:13px;transform:translateY(-50%)}.section-dots a{width:10px;height:10px;border:2px solid #a1a8b2;border-radius:50%;display:block;position:relative;transition:.2s}.section-dots a.active{border-color:var(--blue);background:var(--blue);transform:scale(1.15)}.section-dots span{position:absolute;right:17px;top:-7px;font-size:10px;opacity:0;transition:.2s}.section-dots a:hover span,.section-dots a.active span{opacity:1}.site-footer{min-height:62px;padding:21px 8vw;display:flex;flex-wrap:wrap;gap:13px 28px;color:#8d96a8;background:#111a2f;font-size:12px}.site-footer a:hover{text-decoration:underline;color:#fff}
@media(max-width:900px){.site-header{height:68px;padding:0 22px}.brand{font-size:19px}.brand img{width:35px;height:35px}.menu-toggle{display:block}.main-nav{position:absolute;right:18px;top:61px;min-width:180px;padding:14px 20px;gap:0;display:none;flex-direction:column;align-items:stretch;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 15px 32px rgba(23,28,39,.13)}.main-nav.open{display:flex}.main-nav a{padding:10px 0}.main-nav a::after{display:none}.hero-panel,.reverse-panel{min-height:auto;grid-template-columns:1fr;gap:25px;padding:104px 24px 58px}.reverse-panel .copy-stage{order:1}.reverse-panel .visual-stage{order:2}.visual-stage{min-height:490px}.copy-stage{max-width:620px;margin:auto;text-align:center}.copy-stage .lead{margin:auto}.feature-points,.download-row{justify-content:center}.copy-stage h1,.copy-stage h2{font-size:clamp(36px,9vw,54px)}.phone{width:208px;height:428px;border-width:6px;border-radius:30px}.phone-left{transform:translateX(-92px) rotate(-9deg)}.phone-right{transform:translateX(96px) rotate(8deg)}.orbit-one{width:480px;height:480px}.orbit-two{width:375px;height:375px}.orbit-three{width:285px;height:285px}.section-dots{display:none}.about-panel{padding:75px 24px}.about-card{grid-template-columns:1fr;padding:35px;text-align:center}.about-card img{margin:auto}.contact-panel{grid-template-columns:1fr;gap:35px;padding:75px 24px;text-align:center}.contact-panel aside{border-left:0;border-top:1px solid rgba(255,255,255,.16);padding:25px 0 0;text-align:left}.site-footer{justify-content:center;text-align:center}}
@media(max-width:480px){.hero-panel{padding-left:18px;padding-right:18px}.visual-stage{min-height:420px}.phone{width:174px;height:360px;border-radius:25px}.phone-left{transform:translateX(-69px) rotate(-8deg)}.phone-right{transform:translateX(70px) rotate(7deg)}.mobile-bar{height:22px;padding:6px 10px 0}.app-head,.topic-head{height:39px;padding:5px 9px}.conversation{padding:9px 8px 6px 42px;min-height:45px}.conversation::before{left:9px;top:8px;width:25px;height:25px}.tab-strip{height:42px;padding-top:4px}.download-row{gap:8px}.store{height:55px;min-width:135px;padding:8px}.store:last-child{min-width:180px}.feature-points span{font-size:11px;padding:8px 10px}.about-card{padding:27px 22px}.site-footer{font-size:11px}}