:root{--blue:#3969e9;--deep:#162852;--sky:#f5f8ff;--muted:#7180a0;--line:#e7ecfa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#202b45;font-family:Arial,"Microsoft YaHei",sans-serif}header{height:82px;position:absolute;z-index:3;left:0;right:0;display:flex;align-items:center;padding:0 max(6vw,34px);color:#fff}.logo{display:flex;gap:9px;align-items:center;color:inherit;text-decoration:none}.logo i{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#fff;color:var(--blue);font-size:10px;font-style:normal;font-weight:bold}.logo b{font-size:21px;letter-spacing:-1px}nav{display:flex;gap:35px;margin-left:auto}nav a,.auth a{color:inherit;text-decoration:none;font-size:14px}.active{font-weight:bold}.auth{display:flex;gap:12px;margin-left:45px}.auth a{border:1px solid #ffffff88;border-radius:5px;padding:9px 14px}.auth .login{background:#fff;color:#315dde;border-color:#fff}.hero{min-height:685px;position:relative;padding:176px max(10vw,55px) 60px;overflow:hidden;color:#fff;background:linear-gradient(115deg,#172e74 0%,#2e61d5 52%,#5bcff2 120%)}.beam{position:absolute;border:1px solid #fff2;border-radius:50%;width:900px;height:900px;right:-190px;top:-360px;box-shadow:0 0 0 90px #fff05,0 0 0 180px #fff04}.beam-two{width:720px;height:720px;right:-90px;top:-245px;border-style:dashed;box-shadow:none}.dots{position:absolute;inset:0;opacity:.25;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:20px 20px;mask-image:linear-gradient(90deg,transparent 30%,#000 74%,transparent)}.hero-copy{position:relative;z-index:1;width:52%}.tag,.section-tag{display:block;margin-bottom:19px;color:#abcaff;letter-spacing:1.6px;font-size:10px;font-weight:bold}.hero h1{margin:0;font-size:clamp(42px,5vw,67px);line-height:1.15;letter-spacing:-3px}.hero h2{margin:13px 0 21px;font-size:clamp(29px,3vw,43px);font-weight:400;color:#bdf9ff;letter-spacing:3px}.hero-copy>p{font-size:16px;line-height:1.85;color:#e9f1ff}.hero-actions{display:flex;align-items:center;gap:27px;margin:30px 0}.main-cta{display:flex;align-items:center;gap:38px;padding:14px 18px 14px 22px;border-radius:5px;background:#fff;color:#315dde;text-decoration:none;font-size:14px;font-weight:bold}.main-cta b{font-size:19px}.plain-cta{color:#fff;text-decoration:none;font-size:14px}.plain-cta b{margin-left:12px}.hero-copy>small{font-size:11px;color:#c0d4fa}.product-art{position:absolute;right:4vw;top:120px;width:48vw;height:520px}.glow{position:absolute;right:20px;top:50px;width:390px;height:390px;border-radius:50%;background:#8df4ff45;filter:blur(28px)}.orbit{position:absolute;border:1px solid #fff5;border-radius:50%}.o1{width:470px;height:470px;right:35px;top:5px}.o2{width:360px;height:360px;right:90px;top:58px;border-style:dashed}.app-window{position:absolute;right:38px;top:70px;width:430px;height:315px;border:8px solid #fff;border-radius:13px;background:#f9fbff;box-shadow:0 30px 55px #15367755;transform:rotate(-4deg);overflow:hidden}.window-top{height:39px;display:flex;align-items:center;padding:0 13px;background:#fff;color:#56617b;font-size:10px}.window-top i{width:12px;height:12px;border-radius:50%;margin-right:8px;background:#6ee0f6}.window-top span{margin-left:auto}.app-body{display:flex;height:calc(100% - 39px)}.app-body aside{width:43px;padding:12px 11px;background:#f1f5ff}.app-body aside strong{display:grid;place-items:center;width:21px;height:21px;border-radius:5px;background:#4777e8;color:#fff;font-size:8px}.app-body aside em{display:block;width:18px;height:18px;margin-top:20px;border:1px solid #aab8d1;border-radius:50%}.app-body section{flex:1;padding:15px}.profile{display:flex;gap:7px;align-items:center;padding-bottom:11px;border-bottom:1px solid #ebeff8}.profile i{width:25px;height:25px;border-radius:50%;background:#fac0a4}.profile b,.profile small{display:block;font-size:9px}.profile small{margin-top:3px;color:#94a0b7;font-size:7px}.chat{width:max-content;max-width:72%;margin-top:11px;padding:7px 8px;border-radius:7px;background:#e9eff8;color:#4a5872;font-size:8px}.chat small{display:block;margin-top:5px;padding-top:5px;border-top:1px dashed #b2bfd6;color:#306be3;font-size:7px}.chat.right{margin-left:auto;background:#ccf7fb}.composer{position:absolute;bottom:12px;left:57px;right:12px;padding:8px;background:#f1f4fa;color:#adb6c8;font-size:8px}.composer b{float:right;color:#4a77e7}.stat,.mini-card{position:absolute;z-index:1;padding:12px 14px;border-radius:8px;background:#ffffffed;box-shadow:0 14px 25px #17418033;color:#3469dc}.stat b,.stat span{display:block}.stat b{font-size:18px}.stat span,.mini-card small{font-size:8px;color:#7180a0}.s1{left:15px;top:95px}.s2{right:3px;bottom:50px}.mini-card{left:42px;bottom:65px;font-size:17px;font-weight:bold}.intro{padding:125px max(9vw,44px);text-align:center}.section-tag{color:#4778e7}.intro h2,.plans h2{font-size:clamp(34px,4vw,56px);line-height:1.25;letter-spacing:-2.5px;margin:0}.intro h2 em,.flow h2 em{font-style:normal;color:#4778e7}.lead{max-width:540px;margin:24px auto 58px;color:var(--muted);font-size:14px;line-height:1.9}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);max-width:1080px;margin:auto;gap:18px;text-align:left}.feature-row article{padding:31px 28px;border:1px solid var(--line);border-radius:10px}.feature-row h3{font-size:18px;margin:23px 0 11px}.feature-row p{color:var(--muted);font-size:13px;line-height:1.8;margin:0}.icon{display:block;width:49px;height:49px;border-radius:13px;background:#e9f1ff;position:relative}.icon:after{content:"";position:absolute;inset:14px;border:2px solid #4778e7;border-radius:50%}.bolt:after{border-radius:3px;transform:skew(-12deg)}.shield:after{border-radius:50% 50% 45% 45%;border-bottom-width:5px}.flow{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:115px max(10vw,55px);background:var(--sky)}.flow-copy h2{font-size:clamp(42px,4.5vw,62px);line-height:1.18;letter-spacing:-3px;margin:0}.flow-copy>p:not(.section-tag){max-width:390px;margin:25px 0;color:var(--muted);font-size:14px;line-height:1.9}.flow-copy a{display:inline-block;color:#3d70df;text-decoration:none;font-size:13px;border-bottom:1px solid #3d70df;padding-bottom:5px}.flow-copy a b{margin-left:30px}.flow-graphic{height:330px;position:relative}.lang{position:absolute;z-index:1;display:grid;place-items:center;width:60px;height:60px;border-radius:14px;background:#fff;box-shadow:0 12px 25px #2b57a11c;color:#3d70df;font-weight:bold}.l1{left:12%;top:15%}.l2{right:18%;top:13%;background:#4778e7;color:#fff}.l3{left:32%;bottom:9%}.line{position:absolute;height:1px;background:#92b2ef;transform-origin:left}.a{width:48%;left:22%;top:25%;transform:rotate(4deg)}.b{width:42%;left:23%;top:70%;transform:rotate(-36deg)}.c{width:35%;left:51%;top:33%;transform:rotate(95deg)}.flow-core{position:absolute;left:42%;top:38%;display:grid;place-content:center;width:105px;height:105px;border-radius:50%;background:linear-gradient(135deg,#3769e7,#63d7f5);box-shadow:0 0 0 18px #dbeaff;color:#fff;font-size:27px;font-weight:bold;text-align:center}.flow-core small{font-size:7px;letter-spacing:1px}.plans{padding:100px max(10vw,55px);display:flex;align-items:center;justify-content:space-between;gap:40px}.plan-card{min-width:370px;padding:35px;border-radius:12px;background:linear-gradient(135deg,#305ede,#5ec7f0);color:#fff;box-shadow:0 25px 50px #2d63d133}.plan-card span{font-size:9px;letter-spacing:1.3px}.plan-card h3{margin:17px 0 10px;font-size:25px}.plan-card p{font-size:13px;color:#e2efff}.plan-card a{display:flex;justify-content:space-between;margin-top:25px;padding:12px 14px;border-radius:5px;background:#fff;color:#3c6cde;text-decoration:none;font-size:13px}.help{text-align:center;padding:82px;background:#f3f6fc}.help h2{margin:0 0 13px;font-size:34px}.help p{color:var(--muted);font-size:14px}.help a{color:#3c6cde;text-decoration:none;font-size:14px}footer{display:flex;align-items:center;justify-content:space-between;padding:35px max(7vw,40px);background:#1d2b4a;color:#fff}footer p,footer small{margin:0;color:#a8b6d0;font-size:11px}footer small{font-size:10px}@media(max-width:850px){header{height:65px;padding:0 20px}nav,.auth a:first-child{display:none}.auth{margin-left:auto}.hero{min-height:730px;padding:125px 25px 45px}.hero-copy{width:100%}.product-art{transform:scale(.7);transform-origin:right bottom;right:-85px;top:340px;width:600px}.feature-row,.flow{grid-template-columns:1fr}.intro,.flow,.plans{padding:75px 25px}.feature-row{gap:12px}.plans{display:block}.plan-card{margin-top:35px;min-width:0}.flow-graphic{margin-top:30px}.hero h1{font-size:46px}.hero h2{font-size:29px}.intro h2,.plans h2{font-size:38px}.help{padding:65px 25px}footer{display:block;padding:30px 25px}footer p,footer small{display:block;margin-top:18px}}
