@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&display=swap');
:root{--blue:#2457a6;--ink:#18283b;--muted:#6b7d90;--line:#dce7f0}*{box-sizing:border-box}body{margin:0;font-family:'Noto Sans SC',Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,32px);position:absolute;top:0;left:0;right:0;z-index:5;color:white}.logo{width:72px;height:42px;border:2px solid currentColor;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;font-weight:900;letter-spacing:1px}.logo small{position:absolute;font-size:7px;top:-7px;right:2px}.logo span{font-size:18px}nav{display:flex;align-items:center;gap:34px;font-size:14px}nav a{opacity:.9}.navbtn{border:1px solid #fff;padding:10px 15px;border-radius:3px;display:flex;gap:8px;align-items:center}.menub{display:none;background:none;border:0;color:#fff}.hero{min-height:650px;background:#173f7a;color:#fff;position:relative;overflow:hidden}.hero-inner{padding:170px max(9vw,40px) 100px;position:relative;z-index:1}.eyebrow,.kicker{font-size:14px;letter-spacing:2px;opacity:.78}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.15;margin:22px 0 22px;font-weight:900}.hero p{font-size:17px;line-height:1.9;opacity:.82}.outline,.solid{display:inline-flex;gap:10px;align-items:center;padding:14px 24px;border:1px solid currentColor;margin-top:20px;border-radius:3px;font-size:14px}.hero-orb{position:absolute;right:12%;bottom:-90px;width:340px;height:340px;border-radius:50%;border:1px solid rgba(255,255,255,.35);font-size:120px;font-weight:900;text-align:center;padding-top:55px;color:rgba(255,255,255,.2)}.hero-orb span{font-size:60px}.hero-orb i{font-size:42px;font-style:normal}.apps,.channels,.news{padding:105px max(8vw,32px)}.section-head{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:50px}.section-head h2,.center h2{font-size:36px;margin:15px 0 0}.section-head p,.center>p{max-width:440px;color:var(--muted);line-height:1.8;margin:0}.app-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.app{height:130px;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;transition:.2s}.app:hover{border-color:#2457a6;transform:translateY(-4px)}.app b{font-size:28px;color:#3a78c5}.app span{font-size:13px}.features{background:#f2f7fb;padding:105px max(8vw,32px)}.center{text-align:center}.center>p{margin:15px auto 0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:60px}.feature-grid article{border-top:2px solid var(--blue);padding-top:20px}.num{font-size:13px;color:#2457a6;letter-spacing:2px}.feature-grid h3{font-size:20px}.feature-grid p,.scenario-copy p{color:var(--muted);font-size:14px;line-height:1.9}.workflow{padding:120px max(10vw,32px);display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.workflow h2{font-size:44px;line-height:1.35}.workflow p{max-width:450px;color:var(--muted);line-height:1.9}.textlink{display:flex;align-items:center;gap:6px;color:#2457a6;font-size:14px}.quote{height:300px;background:#e8f3fc;color:#2457a6;font-size:44px;padding:35px 55px}.quote strong{font-size:36px;line-height:1.5;color:var(--ink)}.download{background:#173f7a;color:#fff;padding:75px max(10vw,32px);display:flex;justify-content:space-between;align-items:center}.download h2{font-size:38px;margin:14px 0}.download p{opacity:.8}.solid{background:#fff;color:#2457a6;border-color:#fff}.channel-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.channel{border:1px solid var(--line);padding:28px 20px}.channel span{font-size:30px;color:#2457a6;font-weight:700}.channel h3{font-size:15px}.scenarios{background:#f2f7fb;padding:105px max(8vw,32px)}.scenario-body{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:55px;align-items:center}.scenario-visual{height:320px;background:#ddecf7;position:relative;overflow:hidden}.person{font-size:170px;position:absolute;left:38%;bottom:-30px;color:#287abd}.bubble{position:absolute;background:#fff;padding:13px 18px;border-radius:16px;font-size:13px;box-shadow:0 6px 20px #a9c6db}.b1{top:55px;left:20%}.b2{top:110px;right:12%}.scenario-copy h3{font-size:28px}.scenario-copy small{color:#94a6b5}.tabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.tabs button{border:1px solid var(--line);background:#fff;color:var(--muted);padding:10px 14px;cursor:pointer}.tabs .active{background:#173f7a;border-color:#2457a6;color:#fff}.news-list{max-width:900px;margin:50px auto 0}.news-list a{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);padding:20px 0;font-size:15px}.news-list span{font-size:12px;color:#8ba0b2;min-width:110px}.news-list svg{margin-left:auto;color:#2457a6}footer{background:#162536;color:#fff;padding:70px max(8vw,32px) 30px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;position:relative}footer .logo{margin-bottom:20px}footer p{color:#9eb0c1;line-height:1.9;font-size:13px}footer>div:not(.foot-brand){display:flex;flex-direction:column;gap:14px;font-size:13px;color:#9eb0c1}footer b{color:#fff;margin-bottom:8px}.copy{grid-column:1/-1;border-top:1px solid #2d4053;padding-top:20px;color:#70869a;font-size:12px}
@media(max-width:800px){header{padding:0 22px}.menub{display:block}.menub svg{width:28px;height:28px}nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;color:var(--ink);padding:20px 25px;flex-direction:column;align-items:flex-start;gap:20px;box-shadow:0 10px 20px #164b7530}nav.open{display:flex}.navbtn{border-color:#2457a6;color:#2457a6}.hero-inner{padding:160px 26px 90px}.hero h1{font-size:44px}.hero-orb{right:-100px;width:280px;height:280px}.apps,.channels,.news,.features,.scenarios{padding:75px 24px}.section-head{display:block}.section-head p{margin-top:20px}.section-head h2,.center h2{font-size:28px}.app-grid{grid-template-columns:repeat(4,1fr)}.app{height:100px}.feature-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.workflow{padding:75px 24px;grid-template-columns:1fr;gap:35px}.workflow h2{font-size:34px}.quote{height:220px}.download{padding:55px 24px;display:block}.download h2{font-size:30px}.channel-grid{grid-template-columns:repeat(3,1fr)}.scenario-body{grid-template-columns:1fr;gap:35px}.scenario-visual{height:240px}footer{grid-template-columns:1fr 1fr;padding:55px 24px 25px}.foot-brand{grid-column:1/-1}}