:root{--bg:#f6f7fb;--card:#fff;--ink:#17191f;--muted:#666d7a;--line:#e4e7ee;--brand:#6957d8;--brand2:#8c7af0;--soft:#eeebff;--shadow:0 20px 60px rgba(31,27,59,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.nav{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(228,231,238,.8);background:rgba(246,247,251,.84);backdrop-filter:blur(18px)}.nav-in{height:68px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800}.mark{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 8px 22px rgba(105,87,216,.32)}.links{display:flex;align-items:center;gap:28px;color:var(--muted);font-size:14px}.nav-act{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:0 18px;border:1px solid var(--line);border-radius:13px;font-weight:700;font-size:14px;background:var(--card);transition:.2s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(31,27,59,.09)}.btn-main{border-color:transparent;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 10px 28px rgba(105,87,216,.25)}.hero{padding:92px 0 68px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;color:var(--brand);background:var(--soft);border-radius:999px;font-size:13px;font-weight:800}.dot{width:7px;height:7px;border-radius:50%;background:var(--brand)}h1{max-width:690px;margin:22px 0 18px;font-size:clamp(44px,6vw,76px);line-height:1.04;letter-spacing:-.055em}.grad{color:var(--brand)}.lead{max-width:620px;margin:0;color:var(--muted);font-size:18px;line-height:1.85}.hero-act{display:flex;gap:12px;margin-top:32px}.hero-act .btn{min-height:50px;padding:0 24px}.hint{margin-top:20px;color:#8a909b;font-size:13px}.mock{position:relative;padding:18px;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.72);box-shadow:var(--shadow)}.mock:before{content:"";position:absolute;inset:-40px;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(140,122,240,.22),transparent 68%)}.chat{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--card)}.chat-head{height:64px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.room-name{font-weight:800}.online{font-size:12px;color:#4e936d}.msgs{padding:18px;display:grid;gap:16px}.msg{display:flex;gap:11px}.ava{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:13px;background:var(--soft);color:var(--brand);font-weight:800}.bubble{min-width:0}.meta{display:flex;align-items:center;gap:7px;margin-bottom:5px;font-size:13px;font-weight:800}.tag{padding:3px 6px;border-radius:6px;color:#fff;background:#7564df;font-size:9px}.text{padding:11px 13px;border-radius:5px 15px 15px 15px;background:#f2f3f7;color:#3d424d;font-size:14px;line-height:1.55}.send{margin:0 18px 18px;padding:12px 14px;display:flex;justify-content:space-between;border:1px solid var(--line);border-radius:13px;color:#969ba5;font-size:13px}.features{padding:66px 0}.section-head{max-width:660px;margin-bottom:30px}.section-head h2{margin:0 0 12px;font-size:clamp(30px,4vw,46px);letter-spacing:-.035em}.section-head p{margin:0;color:var(--muted);line-height:1.7}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:25px;border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:0 8px 30px rgba(31,27,59,.04)}.ico{width:43px;height:43px;display:grid;place-items:center;margin-bottom:18px;border-radius:13px;background:var(--soft);color:var(--brand);font-size:20px}.card h3{margin:0 0 8px;font-size:18px}.card p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}.level{margin:66px 0;padding:42px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;border-radius:26px;color:#fff;background:linear-gradient(135deg,#242130,#48405f)}.level h2{margin:0 0 10px;font-size:32px}.level p{max-width:680px;margin:0;color:#d4d0df;line-height:1.75}.badges{display:grid;grid-template-columns:repeat(2,auto);gap:8px}.badge{padding:9px 12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.08);font-size:12px}.cta{padding:66px 0 90px;text-align:center}.cta-box{padding:55px 24px;border:1px solid var(--line);border-radius:28px;background:var(--card);box-shadow:var(--shadow)}.cta h2{margin:0 0 12px;font-size:clamp(30px,5vw,48px)}.cta p{margin:0 0 25px;color:var(--muted)}footer{padding:26px 0;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.foot{display:flex;justify-content:space-between;gap:20px}.menu{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:19px}@media(max-width:860px){.links{display:none}.menu{display:block}.nav-act .btn:not(.btn-main){display:none}.hero{padding-top:62px}.hero-grid{grid-template-columns:1fr;gap:48px}.cards{grid-template-columns:1fr 1fr}.level{grid-template-columns:1fr}.badges{grid-template-columns:repeat(4,auto);justify-content:start}}@media(max-width:580px){.wrap{width:min(100% - 28px,1120px)}.nav-in{height:60px}.nav-act .btn-main{display:none}.hero{padding:46px 0 42px}h1{font-size:44px}.lead{font-size:16px}.hero-act{flex-direction:column}.hero-act .btn{width:100%}.mock{padding:10px;border-radius:22px}.cards{grid-template-columns:1fr}.level{margin:42px 0;padding:28px 22px}.badges{grid-template-columns:1fr 1fr}.foot{flex-direction:column}.features,.cta{padding:44px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}