*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eaf2fb;color:#24364f;font:16px/1.8 Arial,"PingFang SC","Microsoft YaHei",sans-serif}a{color:#137cd8;text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}img{max-width:100%}.wrap{width:min(100% - 48px,1160px);margin-inline:auto}.site-header{position:sticky;top:0;z-index:1000;background:white;box-shadow:0 2px 15px #102b4610}.topbar{height:70px;display:flex;align-items:center;gap:24px}.logo{display:flex;align-items:center;flex:none;color:#137cd8;font-size:21px;white-space:nowrap}.logo .media{width:148px;height:38px;background:transparent}.logo img{max-height:38px}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:23px;flex:1;white-space:nowrap}.desktop-nav a{font-size:14px;color:#24364f;height:70px;display:flex;align-items:center;border-bottom:2px solid transparent}.desktop-nav a.active,.desktop-nav a:hover{color:#137cd8;border-bottom-color:#137cd8;text-decoration:none}.signup,.primary-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#137cd8;color:white;font-weight:700;padding:7px 20px;white-space:nowrap;min-height:41px}.signup:hover,.primary-btn:hover{color:white;background:#0968ba;text-decoration:none}.subbar{background:#f7fbff;border-top:1px solid #ecf3fc}.sub-inner{display:flex;gap:0;align-items:center;overflow-x:auto;scrollbar-width:thin;white-space:nowrap}.sub-inner a{font-size:13px;line-height:44px;color:#5d718a;flex:none}.sub-inner a+a:before{content:'|';color:#ccd9e8;margin:0 17px}.sub-inner a.active{color:#137cd8}.menu-trigger,.bottom-nav,.drawer-mask,.mobile-drawer{display:none}main{padding-top:32px;padding-bottom:52px;min-height:55vh}h1,h2,h3{line-height:1.38;color:#123e6b;margin-top:0}h1{font-size:32px;letter-spacing:-.5px}h2{font-size:24px}h3{font-size:19px}p{margin:0 0 16px}.eyebrow{color:#137cd8;font-size:13px;font-weight:700;letter-spacing:.08em}.lead{color:#5d718a;font-size:17px}.card,.article-panel,.intro-panel,.feature-panel{background:white;border:1px solid rgba(47,168,247,.14);border-radius:12px;padding:25px;min-width:0}.section{margin:40px 0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.section-heading h2{margin:0}.grid{display:grid;gap:18px}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card h3{margin:9px 0}.card p{color:#5d718a}.card a.more{display:inline-block;font-weight:700;margin-top:7px}.hero{display:grid;grid-template-columns:54fr 46fr;gap:26px;align-items:center;background:white;border-radius:14px;padding:32px}.hero .hero-picture{grid-column:2;grid-row:1}.hero .hero-copy{grid-column:1;grid-row:1}.hero h1{font-size:37px}.hero-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.hero-links a:not(.primary-btn){padding:6px 10px}.media{display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%;min-width:0;border-radius:12px;background:#edf5ff}.media img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.media-wide{aspect-ratio:16/9}.media-banner{aspect-ratio:16/7}.media-square{aspect-ratio:1/1}.media-portrait{aspect-ratio:3/4}.media-device{aspect-ratio:9/16;max-width:270px;margin:auto}.media-natural img{width:100%;height:auto;max-height:280px;object-fit:contain;margin:0 auto}.media-placeholder{width:100%;height:100%;min-height:90px;background:linear-gradient(130deg,#edf5ff,#e5f0fc)}.hero .media{height:min(26vw,280px);max-height:280px}.hero .media-placeholder{height:100%}.figure-card .media{max-height:195px}.figure-card .caption{font-size:14px;margin-top:10px;color:#5d718a}.brand-card{display:flex;gap:12px;align-items:center}.brand-card .media{height:104px;width:115px;flex:none}.brand-card h3{font-size:17px}.split{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.number-list{counter-reset:items}.number-list a{display:flex;gap:12px;border-bottom:1px solid #eaf2fb;padding:13px 0;align-items:start;color:#24364f}.number-list a:before{counter-increment:items;content:counter(items,decimal-leading-zero);font-weight:bold;color:#137cd8}.number-list a:last-child{border-bottom:0}.inner-header{background:white;border-radius:12px;padding:30px;margin-bottom:18px}.inner-header .lead{max-width:850px;margin-bottom:0}.article-layout{display:grid;grid-template-columns:minmax(0,800px) minmax(230px,1fr);gap:22px;align-items:start}.article-panel section+section{margin-top:30px;padding-top:25px;border-top:1px solid #eaf2fb}.article-panel section p{font-size:16px;line-height:1.85}.sidebar{position:sticky;top:152px}.sidebar h2{font-size:20px}.sidebar a{display:block;padding:10px 0;border-bottom:1px solid #eaf2fb}.tag{display:inline-block;background:#eff7ff;color:#137cd8;padding:3px 10px;border-radius:30px;font-size:12px}.faq-item{padding:20px 0;border-bottom:1px solid #e6f0fa}.faq-item h3{margin-bottom:6px}.faq-item p{margin-bottom:0}.footer{background:#102b46;color:#eaf6ff;padding:40px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:35px}.footer a{color:#eaf6ff}.footer-logo{font-size:23px;font-weight:bold}.footer-logo .media{width:150px;background:transparent}.footer-brand p{font-size:14px;opacity:.8;margin-top:15px}.footer h2{font-size:16px;color:white;margin-bottom:14px}.footer-col a{display:block;font-size:14px;line-height:2.1}.footer-bottom{display:flex;gap:30px;justify-content:space-between;border-top:1px solid #ffffff2a;margin-top:28px;padding-top:16px;font-size:12px;opacity:.85}.footer-bottom p{margin:0}.article-links{margin-top:28px}.article-links a{display:inline-flex;padding:7px 13px;margin:5px;border-radius:999px;background:#f0f7ff}.muted{font-size:14px;color:#5d718a}.wide-image{max-width:760px;margin:16px auto}.wide-image .media{max-height:240px}.portrait-feature{display:grid;grid-template-columns:1fr 280px;gap:24px;align-items:center}.portrait-feature .media{height:300px}.legal-note{border-left:3px solid #137cd8;padding:12px 17px;background:#f7fbff;border-radius:4px;margin-top:15px}@media(max-width:1100px){.desktop-nav{gap:13px}.topbar{gap:12px}.logo .media{width:120px}.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.wrap{width:min(100% - 40px,1160px)}.topbar{height:58px;justify-content:space-between}.desktop-nav{display:none}.logo .media{height:30px;max-width:120px}.logo img{max-height:30px}.signup{min-height:36px;font-size:13px;padding:5px 15px}.menu-trigger{display:flex;width:40px;height:40px;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:none;border:0;padding:5px}.menu-trigger span{height:2px;width:22px;background:#24364f;border-radius:2px}.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);height:100dvh;overflow-y:auto;background:white;z-index:12000;transform:translateX(-105%);visibility:hidden;pointer-events:none;transition:transform .2s ease,visibility .2s}.mobile-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-mask{display:block;position:fixed;inset:0;background:rgba(16,43,70,.38);z-index:11000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s}.drawer-mask.is-visible{opacity:1;visibility:visible;pointer-events:auto}body.drawer-open{overflow:hidden}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid #e6f0fa}.drawer-close{border:0;background:white;font-size:30px;min-width:40px;height:40px;color:#24364f}.drawer-scroll{padding:8px 15px 35px}.drawer-group{margin:12px 0 22px}.drawer-group h2{font-size:14px;color:#137cd8;margin:0 0 8px}.drawer-group a{display:block;color:#24364f;min-height:42px;padding:7px 12px;border-radius:7px}.drawer-group a.active{color:#137cd8;background:#edf5ff}.bottom-nav{display:grid;position:fixed;bottom:0;left:0;width:100%;height:60px;grid-template-columns:repeat(4,1fr);background:white;z-index:1000;box-shadow:0 -2px 14px #102b4620}.bottom-nav a{display:grid;place-items:center;font-size:14px;color:#5d718a}.bottom-nav a.active{color:#137cd8;font-weight:bold}.footer{padding-bottom:80px}.article-layout{grid-template-columns:1fr}.sidebar{position:static}.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:30px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.wrap{width:calc(100% - 32px)}main{padding-top:20px;padding-bottom:35px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:18px;padding:20px}.hero .hero-picture{order:0}.hero .hero-copy{order:1}.hero .media{height:auto;aspect-ratio:16/9;max-height:195px}.hero h1{font-size:28px}.lead{font-size:15px}.section{margin:28px 0}.section-heading h2{font-size:21px}.card,.article-panel,.intro-panel,.feature-panel{padding:18px}.cols-2,.cols-3,.cols-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card h3{font-size:16px}.grid .card p{font-size:14px}.card{padding:15px}.split,.portrait-feature{grid-template-columns:1fr}.portrait-feature .media{height:250px}.brand-card{flex-direction:column;align-items:stretch}.brand-card .media{width:100%;height:90px}.inner-header{padding:20px}.inner-header h1{font-size:26px}.article-panel section p{font-size:15px}.footer-grid{gap:20px}.footer-bottom{display:block}.footer-bottom p+p{margin-top:8px}.figure-card .media{max-height:160px}}@media(max-width:360px){.hero-links{gap:5px}.signup{padding:5px 10px}.logo{font-size:17px}.grid .card p{font-size:13px}.cols-3{grid-template-columns:1fr 1fr}}