:root{--ink:#151719;--muted:#6d7278;--blue:#00ade4;--line:#e4e7e9;--paper:#fff;--soft:#f6f8f9;--page:1360px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"PingFang SC","Microsoft YaHei",sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,summary{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}img{display:block;max-width:100%}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:var(--ink);color:white;padding:12px 20px}.skip-link:focus{top:10px}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 max(28px,calc((100vw - 1450px)/2));position:relative;z-index:20;background:white}.brand{display:block;position:relative;overflow:hidden;width:116.2px;height:64.4px;flex:none}.brand img{position:absolute;width:129.5px;max-width:none;height:129.5px;top:-28.7px;left:-7px}.nav{display:flex;gap:38px;font-size:14px;font-weight:500}.nav a{transition:color .2s}.nav a:hover{color:#008db9}.header-actions{display:flex;align-items:center;gap:24px}.header-demo{background:var(--ink);color:white;padding:12px 23px;border-radius:9px;font-size:13px;font-weight:600;white-space:nowrap}.language{position:relative;font-size:12px}.language summary{list-style:none;cursor:pointer;padding:12px 0;display:flex;gap:7px;align-items:center;font-weight:600}.language summary::-webkit-details-marker{display:none}.language summary:after{content:"⌄";font-size:13px}.language ul{position:absolute;right:0;top:35px;padding:9px 0;min-width:185px;list-style:none;background:white;box-shadow:0 15px 60px #00000016;border:1px solid var(--line);border-radius:10px}.language li a{display:flex;justify-content:space-between;gap:25px;padding:11px 17px;white-space:nowrap}.language li a:hover,.language li a[aria-current]{background:var(--soft)}.language small{color:var(--muted)}
.hero{padding:40px 0 0;text-align:center;overflow:hidden}.eyebrow{font-size:12px;letter-spacing:.24em;text-transform:uppercase;font-weight:600;margin:0 0 24px}.hero h1{font-size:clamp(38px,5.2vw,78px);line-height:1.04;font-weight:500;letter-spacing:-.055em;max-width:1250px;margin:0 auto 23px;padding:0 24px}.hero h1 span{display:block}.hero-subline{color:var(--muted);font-size:clamp(15px,1.55vw,21px);line-height:1.5;margin:0 auto;max-width:840px;padding:0 26px}.hero-actions{display:flex;justify-content:center;align-items:center;gap:34px;margin:31px 0 45px}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:49px;padding:13px 27px;border-radius:9px;background:var(--blue);color:#fff;border:0;font-size:15px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#009fd3}.button.dark{background:var(--ink)}.button.dark:hover{background:#34383c}.text-link{font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:13px}.text-link span{font-size:23px;transition:transform .2s}.text-link:hover span{transform:translateX(4px)}.product-stage{max-width:var(--page);margin:0 auto;padding:0 30px;position:relative;animation:rise .9s .12s both}.viewer-preview{display:block;overflow:hidden;position:relative;border:1px solid #1d2429;background:#080c10;border-radius:14px;box-shadow:0 28px 50px -32px #0b1e2d70;isolation:isolate}.viewer-preview img{width:100%;height:auto;aspect-ratio:2.7;object-fit:cover;object-position:50% 38%;transition:transform .8s}.viewer-preview:hover img{transform:scale(1.014)}.preview-label{position:absolute;bottom:16px;left:18px;background:#0b1019d9;border:1px solid #ffffff30;color:white;padding:8px 12px;border-radius:5px;font-size:11px;letter-spacing:.04em}.preview-play{position:absolute;right:22px;bottom:18px;width:38px;height:38px;border:1px solid #ffffff60;border-radius:50%;display:grid;place-items:center;color:white;background:#0a14238c;font-size:12px}.stage-caption{margin:16px 0 0;color:var(--muted);font-size:11px;line-height:1.6}.hero>.eyebrow,.hero>h1,.hero>.hero-subline,.hero>.hero-actions{animation:rise .75s both}
.section{max-width:var(--page);margin:0 auto;padding:115px 50px}.section-head{max-width:830px;margin-bottom:65px}.section h2{font-size:clamp(30px,3.8vw,52px);font-weight:500;letter-spacing:-.045em;line-height:1.13;margin:0 0 22px}.section p{color:var(--muted);font-size:17px;line-height:1.7;max-width:680px}.audience-section{padding-bottom:105px}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:65px}.audience-item{border-top:1px solid var(--line);padding-top:25px;scroll-margin-top:100px}.audience-item .index{font-size:11px;color:#92989d;letter-spacing:.15em}.audience-item h3{font-size:25px;letter-spacing:-.025em;margin:22px 0 13px;font-weight:500}.audience-item p{font-size:15px;line-height:1.7;margin:0}.demo-section{max-width:none;background:var(--soft);text-align:center;padding:100px 30px}.demo-section .inner{max-width:790px;margin:auto}.demo-section p{margin:0 auto 29px}.demo-section .fine{font-size:12px;margin:20px auto 0;max-width:670px;line-height:1.7}.footer{max-width:var(--page);margin:auto;padding:43px 40px 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);padding-bottom:28px}.footer-brand{font-size:13px;letter-spacing:.18em;font-weight:600}.footer-links{display:flex;gap:28px;font-size:12px;color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;gap:30px;padding-top:22px;color:#858a8e;font-size:11px;line-height:1.6}.footer-bottom p{margin:0}.reveal{transition:opacity .7s,transform .7s}.js .reveal:not(.in-view){opacity:0;transform:translateY(24px)}
.breadcrumbs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:12px;list-style:none;padding:0;margin:0 0 33px}.breadcrumbs a:hover{color:var(--ink)}.breadcrumbs li+li:before{content:"/";display:inline-block;margin-right:10px;color:#bdc2c6}.interior{max-width:1260px;margin:auto;padding:48px 38px 90px}.interior h1{font-size:clamp(36px,4vw,60px);line-height:1.09;letter-spacing:-.045em;font-weight:500;margin:0 0 22px}.interior>.intro{color:var(--muted);font-size:18px;line-height:1.7;max-width:850px;margin-bottom:34px}.interior .fine{color:var(--muted);font-size:13px;line-height:1.7}.demo-toolbar{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-bottom:28px}.demo-shell{position:relative;background:#080b10;border:1px solid #1a2430;border-radius:12px;overflow:hidden;min-height:480px;aspect-ratio:16/10}.demo-shell>img{width:100%;height:100%;object-fit:cover;opacity:.58;position:absolute;inset:0}.demo-shell .load-demo{position:absolute;inset:0;display:grid;place-items:center;background:#02050928}.demo-shell .load-demo button{box-shadow:0 10px 40px #0008}.demo-shell iframe{width:100%;height:100%;min-height:650px;position:absolute;inset:0;border:0;background:#000}.sources{max-width:950px;margin-top:45px;border-top:1px solid var(--line);padding-top:24px;color:var(--muted);font-size:13px;line-height:1.8}.sources h2{font-size:18px;font-weight:500;color:var(--ink);margin-bottom:12px}.sources p{overflow-wrap:anywhere}.sources a{text-decoration:underline;text-underline-offset:3px}.privacy-body{max-width:800px}.privacy-body section{margin:37px 0}.privacy-body h2{font-size:23px;font-weight:500;letter-spacing:-.02em}.privacy-body p{font-size:16px;line-height:1.85;color:var(--muted)}.error-page{text-align:center;min-height:60vh;display:grid;place-content:center;padding:40px}.error-page h1{font-size:80px;font-weight:500;margin:0}.error-page p{color:var(--muted)}
.demo-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px 32px}.contact-link{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;min-height:46px;padding:4px 0;text-align:left;line-height:1.35}.contact-label{color:var(--muted);font-size:11px}.contact-phone{font-size:15px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.contact-link:hover .contact-phone,.footer-phone:hover{color:#008db9}.footer-links{flex-wrap:wrap;justify-content:flex-end}.footer-phone{color:var(--ink);white-space:nowrap}.footer-phone .contact-phone{font-size:inherit}
@keyframes rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1800px){.hero{padding-top:60px}.viewer-preview img{aspect-ratio:2.7}}
@media(max-width:900px){.site-header{height:88px;padding:0 23px;gap:18px}.brand{width:97.3px;height:53.9px}.brand img{width:110.6px;height:110.6px;top:-24.5px;left:-7px}.nav{display:none;gap:20px;font-size:12px}.header-actions{gap:15px}.header-demo{padding:11px 16px;font-size:12px}.hero{padding-top:35px}.hero h1{font-size:clamp(38px,6.5vw,60px)}.section{padding:90px 30px}.audience-grid{gap:30px}.audience-item h3{font-size:22px}.demo-shell{aspect-ratio:4/3}.footer{padding-left:30px;padding-right:30px}}
@media(max-width:640px){html{scroll-padding-top:80px}.site-header{height:78px;padding:0 18px}.brand{width:81.2px;height:45.5px}.brand img{width:93.8px;height:93.8px;top:-21px;left:-6.3px}.nav{display:none}.header-actions{gap:15px}.header-demo{padding:10px 14px;border-radius:7px;font-size:11px}.language summary{font-size:11px}.language ul{right:-5px}.hero{padding-top:31px}.eyebrow{font-size:10px;letter-spacing:.22em;margin-bottom:21px}.hero h1{font-size:clamp(33px,8.5vw,48px);line-height:1.08;letter-spacing:-.05em;padding:0 18px;margin-bottom:20px}.hero-subline{font-size:15px;max-width:370px;padding:0 22px}.hero-actions{gap:22px;margin-top:26px;margin-bottom:32px;flex-wrap:wrap}.button{min-height:46px;padding:12px 21px;font-size:13px}.text-link{font-size:12px;gap:8px}.product-stage{padding:0 14px}.viewer-preview{border-radius:8px}.viewer-preview img{aspect-ratio:1.55;object-position:60% 45%;object-fit:cover}.preview-label{bottom:11px;left:11px;padding:6px 8px;font-size:9px}.preview-play{right:12px;bottom:11px;width:31px;height:31px}.stage-caption{font-size:10px;padding:0 13px}.section{padding:75px 25px}.section-head{margin-bottom:40px}.section h2{font-size:33px}.section p{font-size:15px}.audience-grid{grid-template-columns:1fr;gap:33px}.audience-item{padding-top:19px}.audience-item h3{margin-top:15px;font-size:23px}.demo-section{padding:75px 24px}.demo-section .fine{font-size:11px}.footer{padding:32px 24px 23px}.footer-top{display:block}.footer-links{flex-wrap:wrap;gap:15px 22px;margin-top:22px;font-size:11px}.footer-bottom{display:block;font-size:10px}.footer-bottom p+p{margin-top:12px}.interior{padding:28px 20px 65px}.interior h1{font-size:38px}.interior>.intro{font-size:16px}.breadcrumbs{font-size:11px;margin-bottom:27px}.demo-toolbar{gap:16px}.demo-shell{aspect-ratio:auto;height:68svh;min-height:470px;border-radius:8px}.demo-shell iframe{min-height:0}.sources{font-size:11px}.privacy-body p{font-size:15px}.privacy-body h2{font-size:21px}}
@media(max-width:640px){.demo-actions{gap:22px}.contact-link{align-items:center;text-align:center}.contact-phone{font-size:14px}.footer-links{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal:not(.in-view){opacity:1;transform:none}}