@font-face{font-family:MoxDisplay;src:url('./display.woff?v=2') format('woff');font-weight:500 700;font-display:swap}
@font-face{font-family:MoxText;src:url('./text.woff?v=2') format('woff');font-weight:400;font-display:swap}
:root{color-scheme:light;--bg:#fff;--surface:#fff;--hero:#f2f5fa;--soft:#f6f8fb;--ink:#172039;--muted:#697386;--line:#e6eaf0;--accent:#356de8;--accent-soft:#ecf2ff;--nav-bg:rgba(255,255,255,.9);--shadow:0 20px 55px -24px #20375d30;--display:MoxDisplay,"PingFang SC","Microsoft YaHei",sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
html[data-theme=dark]{color-scheme:dark;--bg:#111621;--surface:#192130;--hero:#161e2d;--soft:#151c28;--ink:#ecf1fb;--muted:#a0abbd;--line:#2b3546;--accent:#8eafff;--accent-soft:#263654;--nav-bg:rgba(17,22,33,.91);--shadow:0 20px 55px -24px #0008}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:106px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;transition:background-color .3s,color .3s}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button,a,summary{touch-action:manipulation}button{color:inherit}a{color:inherit;text-decoration:none}button{border:0}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--display);font-weight:500;letter-spacing:-.045em;line-height:1.35}h3{font-weight:600;line-height:1.45}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:6px}::selection{background:#cfe0ff;color:#172039}.wrap{width:min(1180px,calc(100% - 80px));margin-inline:auto}.section{padding-block:116px}.eyebrow{color:var(--accent);font-size:13px;font-weight:600;letter-spacing:.08em}.accent{color:var(--accent)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:54px}.section-heading h2,h2{font-size:40px}.section-heading .eyebrow,h2+.section-intro{margin-bottom:16px}.section-intro{color:var(--muted);font-size:15px;line-height:1.95}.centered{display:flex;flex-direction:column;align-items:center;gap:0;text-align:center}.centered .section-intro{margin-top:18px}.skip-link{position:fixed;top:10px;left:10px;transform:translateY(-160%);background:var(--ink);color:var(--bg);padding:10px;z-index:100}.skip-link:focus{transform:none}
.icon{display:inline-block;width:20px;height:20px;flex-shrink:0;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat}.arrow-right{--icon:url('./icons/ArrowRight.svg')}.arrow-left{--icon:url('./icons/ArrowLeft.svg')}.arrow-up-right{--icon:url('./icons/TopRight.svg')}.moon{--icon:url('./icons/Moon.svg')}.sun{--icon:url('./icons/Sunny.svg')}.menu-icon{--icon:url('./icons/Menu.svg')}.close{--icon:url('./icons/Close.svg')}.check{--icon:url('./icons/Check.svg')}.play{--icon:url('./icons/VideoPlay.svg')}.plus{--icon:url('./icons/Plus.svg')}.chat{--icon:url('./icons/ChatDotRound.svg')}.copy{--icon:url('./icons/CopyDocument.svg')}.connection{--icon:url('./icons/Connection.svg')}.refresh{--icon:url('./icons/Refresh.svg')}
.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:#356de8;color:#fff;border:1px solid #356de8;border-radius:8px;min-height:54px;padding:14px 24px;font-size:15px;font-weight:600;line-height:1.5;transition:background .25s,box-shadow .25s,transform .25s}.button .icon{width:18px;height:18px;transition:transform .3s var(--ease)}.button:hover{background:#2459cb;box-shadow:0 8px 20px #356de829;transform:translateY(-2px)}.button:hover .arrow-up-right{transform:translate(2px,-2px)}.button-small{min-height:42px;padding:10px 18px;font-size:13px;gap:14px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;background:transparent;border:1px solid var(--line);border-radius:50%;transition:background .25s,border .25s,color .25s}.icon-button:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.text-link{display:inline-flex;align-items:center;gap:14px;background:transparent;padding:0;font-size:14px;font-weight:600;line-height:1.5}.text-link>.icon{width:16px;height:16px;transition:transform .3s var(--ease)}.text-link:hover{color:var(--accent)}.text-link:hover>.icon{transform:translateX(4px)}
.site-header{position:absolute;top:0;inset-inline:0;z-index:30;border-bottom:1px solid transparent}.site-header.is-sticky{position:fixed;background:var(--nav-bg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:var(--line);animation:nav-in .35s var(--ease)}.nav{height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px}.is-sticky .nav{height:76px}.brand{flex-shrink:0;display:block}.brand-logo{width:216px;height:auto}.nav-links{display:flex;align-items:center;gap:30px}.nav-links a{position:relative;font-size:14px;color:var(--muted);padding:12px 0;transition:color .25s}.nav-links a:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.nav-links a:hover,.nav-links a.is-active{color:var(--ink)}.nav-links a:hover:after,.nav-links a.is-active:after{transform:scaleX(1)}.nav-actions{display:flex;align-items:center;gap:16px}.theme-toggle{border-color:transparent}.theme-toggle .sun{display:none}html[data-theme=dark] .theme-toggle .sun{display:block}html[data-theme=dark] .theme-toggle .moon{display:none}.menu-toggle{display:none}
.hero{background:var(--hero);overflow:hidden;padding-top:100px}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:24px;min-height:660px;padding-top:30px;padding-bottom:54px}.hero-copy{position:relative;z-index:2;padding-bottom:20px}.hero .eyebrow{font-weight:500;font-size:13px;display:flex;align-items:center;gap:9px;margin-bottom:27px}.status-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px var(--accent-soft)}.hero h1{font-size:52px;line-height:1.48;letter-spacing:-.048em;white-space:nowrap}.hero-description{font-size:15px;color:var(--muted);line-height:1.95;margin-top:25px;max-width:510px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:34px}.play-button{display:grid;place-items:center;width:37px;height:37px;border:1px solid var(--line);border-radius:50%;color:var(--accent);transition:background .2s}.play-button .icon{width:18px;height:18px}.text-link:hover .play-button{background:var(--surface)}.hero-benefits{display:flex;gap:21px;margin-top:28px;color:var(--muted);font-size:12px}.hero-benefits>span{display:flex;align-items:center;gap:6px}.hero-benefits .icon{width:13px;height:13px;color:var(--accent)}.hero-product{min-width:0;position:relative;z-index:1;padding-top:10px}.product-stage{height:548px;position:relative;transform:translate3d(var(--move-x,0px),var(--move-y,0px),0);transition:transform 1s var(--ease);will-change:transform}.hero-screen{position:absolute;overflow:hidden;border:8px solid var(--surface);border-radius:24px;background:var(--surface);box-shadow:0 25px 45px -18px #243c5a40;transform-origin:center;will-change:transform}.hero-screen img{width:100%;height:auto}.screen-ranking{width:212px;left:9px;top:15px;transform:rotate(-8deg);animation:float-ranking 7s ease-in-out infinite}.screen-activity{width:255px;right:8px;top:63px;transform:rotate(7deg);animation:float-activity 8s ease-in-out infinite}.screen-label{position:absolute;inset:auto 0 0;text-align:center;background:var(--surface);color:var(--ink);font-size:11px;padding:7px 0}.product-note{display:flex;align-items:center;gap:12px;position:absolute;z-index:4;left:12px;bottom:22px;padding:15px 21px;background:var(--surface);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);font-size:13px}.note-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;color:#368269;background:#e8f5ef}.note-icon .icon{width:17px;height:17px}.product-note div>span{display:block;color:var(--muted);font-size:10px;margin-top:2px}.demo-caption{position:relative;text-align:right;color:var(--muted);font-size:10px;margin-top:17px}.hero-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);min-height:67px;font-size:11px;color:var(--muted)}.hero-bottom a{display:flex;align-items:center;gap:14px}.hero-bottom .icon{width:13px;height:13px;transform:rotate(90deg)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:42px;row-gap:0}.feature{position:relative;padding:31px 4px 35px;border-top:1px solid var(--line);transition:transform .4s var(--ease)}.feature:hover{transform:translateY(-5px)}.feature-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:13px;background:var(--icon-bg);color:var(--icon-color);margin-bottom:23px;transition:transform .45s var(--ease)}.feature:hover .feature-icon{transform:rotate(-7deg)}.feature-icon .icon{width:22px;height:22px}.blue{--icon-bg:#ecf2ff;--icon-color:#4b78d6}.green{--icon-bg:#eaf5ee;--icon-color:#4d9971}.orange{--icon-bg:#fff2e6;--icon-color:#c08848}.purple{--icon-bg:#f0ecfb;--icon-color:#8c70b5}.teal{--icon-bg:#e8f5f4;--icon-color:#559b99}.rose{--icon-bg:#f9eef1;--icon-color:#bc778e}.feature h3{font-size:18px;margin-bottom:12px}.feature p{font-size:14px;line-height:1.9;color:var(--muted);max-width:310px}
.showcase{background:var(--soft);overflow:hidden}.showcase-heading-right{display:flex;align-items:flex-end;gap:40px}.carousel-buttons{display:flex;gap:10px}.carousel-buttons .icon-button{width:39px;height:39px;background:var(--surface)}.carousel-buttons .icon{width:15px;height:15px}.carousel-buttons button:disabled{opacity:.35;cursor:default}.showcase-track{display:flex;gap:28px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 0 12px}.showcase-track::-webkit-scrollbar{display:none}.showcase-item{flex:0 0 calc((100% - 56px)/3);display:block;text-align:left;padding:0;background:transparent;scroll-snap-align:start;min-width:0}.showcase-art{height:435px;display:block;position:relative;overflow:hidden;border-radius:10px;background:var(--art-bg)}.art-home{--art-bg:#e9edf3}.art-ranking{--art-bg:#f1ece8}.art-detail{--art-bg:#e6eeeb}.showcase-art>img{width:229px;max-width:76%;height:auto;position:relative;margin:37px auto 0;border:6px solid #fff;border-radius:17px;box-shadow:0 18px 25px -12px #253f5c35;transition:transform .65s var(--ease)}.showcase-item:hover .showcase-art>img{transform:translateY(-12px)}.expand-preview{position:absolute;bottom:20px;left:50%;transform:translate(-50%,8px);opacity:0;display:flex;align-items:center;gap:6px;border-radius:30px;background:#ffffffed;color:#233552;font-size:12px;padding:10px 15px;white-space:nowrap;backdrop-filter:blur(8px);transition:transform .35s,opacity .35s;box-shadow:var(--shadow)}.expand-preview .icon{width:14px;height:14px}.showcase-item:hover .expand-preview,.showcase-item:focus-visible .expand-preview{transform:translate(-50%,0);opacity:1}.showcase-meta{display:flex;justify-content:space-between;align-items:center;padding-top:22px}.showcase-meta strong{display:block;font-size:18px;font-weight:600}.showcase-meta small{display:block;color:var(--muted);font-size:12px;margin-top:7px}.showcase-meta>.icon{width:17px;height:17px;color:var(--muted);transition:transform .3s}.showcase-item:hover .showcase-meta>.icon{transform:translate(3px,-3px);color:var(--accent)}.showcase-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:35px}.showcase-bottom>p{color:var(--muted);font-size:11px}.gallery-position{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.gallery-position b{color:var(--ink);font-weight:500}
.performance{background:var(--bg)}.performance-grid{display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:center}.performance-copy>.eyebrow{margin-bottom:20px}.performance h2{font-size:45px;line-height:1.45}.performance-copy>.section-intro{margin-top:25px;max-width:395px}.performance-copy>.text-link{margin-top:36px;color:var(--accent)}.performance-facts{padding:0 0 0 44px;border-left:1px solid var(--line)}.capacity{padding-bottom:29px;border-bottom:1px solid var(--line)}.capacity-label{font-size:12px;color:var(--muted)}.capacity-number{display:flex;align-items:baseline;gap:10px;color:var(--accent);font-size:106px;letter-spacing:-.07em;line-height:1.15;font-weight:500;font-variant-numeric:tabular-nums;margin-top:8px}.capacity-unit{font-size:35px;letter-spacing:-.03em}.capacity-unit>span{font-size:16px;color:var(--muted);margin-left:5px}.capacity>p{font-size:12px;color:var(--muted);margin-top:10px}.fact-row{display:flex;align-items:flex-start;gap:17px;margin-top:26px}.fact-row>.icon{width:21px;height:21px;margin-top:3px;color:var(--accent)}.fact-row h3{font-size:15px;margin-bottom:4px}.fact-row p{color:var(--muted);font-size:12px}.performance-footnote{font-size:10px;color:var(--muted);line-height:1.8;margin-top:28px;max-width:375px}
.custom{background:var(--soft)}.custom-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.custom-visual{min-height:650px;position:relative;background:var(--surface);border:1px solid var(--line);overflow:hidden;border-radius:14px}.custom-image{height:230px;overflow:hidden}.custom-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.custom-visual:hover .custom-image img{transform:scale(1.04)}.custom-visual-copy{padding:36px 40px 38px}.custom-visual-copy>.eyebrow{font-size:11px;color:var(--muted)}.custom-visual h3{font-family:var(--display);font-size:33px;line-height:1.5;letter-spacing:-.03em;margin-top:15px;font-weight:500}.custom-visual h3>span{color:var(--accent)}.custom-visual-copy>p{font-size:13px;color:var(--muted);line-height:1.8;margin-top:20px}.custom-tags{display:flex;gap:10px;margin-top:25px}.custom-tags span{border:1px solid var(--line);border-radius:4px;font-size:10px;color:var(--muted);padding:4px 10px}.custom-content>.eyebrow{margin-bottom:18px}.custom-content>.section-intro{margin-top:20px}.custom-options{margin-top:30px}.custom-option{border-bottom:1px solid var(--line)}summary{display:flex;align-items:center;list-style:none;cursor:pointer;gap:16px}summary::-webkit-details-marker{display:none}.custom-option summary{padding:21px 0}.option-index{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.custom-option h3{font-size:18px;flex:1}.custom-option .icon{width:15px;height:15px;transition:transform .3s}.custom-option[open] .icon,.faq-item[open] summary>.icon{transform:rotate(45deg);color:var(--accent)}.details-body{overflow:hidden}.details-body p{font-size:14px;color:var(--muted);line-height:1.9;padding-bottom:22px}.custom-option .details-body{padding-left:31px}.custom-option[open] .details-body,.faq-item[open] .details-body{animation:details-in .35s var(--ease)}.custom-content>.text-link{margin-top:30px;color:var(--accent)}
.service-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:58px}.service-steps article{padding-top:27px;border-top:1px solid var(--line)}.step-number{font-size:13px;color:var(--accent);font-variant-numeric:tabular-nums}.service-steps h3{font-size:18px;margin:20px 0 12px}.service-steps p{font-size:13px;line-height:1.9;color:var(--muted)}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;padding-top:110px}.faq-heading>.eyebrow{margin-bottom:15px}.faq-heading h2{font-size:34px}.faq-heading>p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:20px}.faq-heading>.text-link{color:var(--accent);margin-top:22px}.faq-item{border-bottom:1px solid var(--line)}.faq-item:first-child{border-top:1px solid var(--line)}.faq-item summary{padding:23px 0;justify-content:space-between;gap:25px}.faq-item h3{font-size:15px;font-weight:500}.faq-item summary>.icon{width:16px;height:16px;color:var(--muted);transition:transform .3s}.faq-item .details-body p{padding-right:26px;font-size:13px}.contact-section{padding:67px 0;background:#2f61cc;color:#fff}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:45px}.contact-inner .eyebrow{color:#cee0ff;font-size:12px;margin-bottom:14px}.contact-inner h2{font-size:34px;letter-spacing:-.025em}.contact-inner p:not(.eyebrow){color:#d2e0fc;font-size:13px;margin-top:18px}.contact-action{display:flex;flex-direction:column;align-items:center;gap:16px;flex-shrink:0}.button-white{background:#fff;border-color:#fff;color:#2753ad;min-width:207px}.button-white:hover{background:#edf3ff}.contact-action>span{font-size:11px;color:#d2e0fc}.site-footer{padding-top:66px;background:var(--bg)}.footer-main{display:flex;justify-content:space-between;gap:80px;padding-bottom:52px}.footer-brand .brand-logo{width:204px}.footer-brand p{color:var(--muted);font-size:12px;line-height:1.9;margin-top:20px}.footer-links{display:flex;gap:80px;padding-top:8px}.footer-links>div{display:flex;flex-direction:column;align-items:flex-start}.footer-links h3{font-size:13px;margin-bottom:20px}.footer-links a,.footer-links button,.footer-links span{font-size:12px;color:var(--muted);margin-bottom:13px}.footer-links a:hover,.footer-links button:hover{color:var(--accent)}.footer-links button{padding:0;background:transparent;display:flex;align-items:center;gap:12px}.footer-links button .icon{width:13px;height:13px;margin-bottom:0}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:75px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.footer-bottom>span:nth-child(2){letter-spacing:.12em}.footer-bottom a{display:flex;align-items:center;gap:8px}.footer-bottom .icon{width:12px;height:12px}.floating-contact{position:fixed;right:24px;bottom:25px;z-index:15;display:flex;align-items:center;gap:8px;padding:12px 18px;border:1px solid var(--line);border-radius:40px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow);font-size:12px;transition:transform .3s}.floating-contact:hover{transform:translateY(-3px);color:var(--accent)}.floating-contact .icon{width:19px;height:19px;color:var(--accent)}
dialog{padding:0;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:18px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);box-shadow:0 35px 90px #0003}dialog::backdrop{background:#0d183975;backdrop-filter:blur(5px)}dialog[open]{animation:dialog-in .3s var(--ease)}.contact-dialog{width:480px;padding:40px;text-align:center}.dialog-close{position:absolute;top:15px;right:15px;border-color:transparent}.dialog-close .icon{width:17px;height:17px}.contact-dialog-icon{width:53px;height:53px;border-radius:16px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;margin:8px auto 25px}.contact-dialog-icon .icon{width:27px;height:27px}.contact-dialog h2{font-size:26px;margin-top:10px}.dialog-description{color:var(--muted);font-size:13px;margin-top:16px}.wechat-box{background:var(--soft);border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;align-items:center;margin-top:25px;padding:25px}.wechat-box>span{font-size:12px;color:var(--muted)}.wechat-box strong{font-size:26px;font-weight:600;letter-spacing:-.03em;margin:5px 0 20px;user-select:all}.wechat-box .button{min-height:42px;font-size:13px;padding:10px 18px;gap:10px}.copy-status{font-size:11px;color:var(--muted);min-height:34px;margin-top:15px}.preview-dialog{width:750px}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-bottom:1px solid var(--line)}.preview-header .eyebrow{font-size:10px}.preview-header h2{font-size:22px;margin-top:5px}.preview-body{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:30px;padding:30px;background:var(--soft)}.preview-body>img{width:100%;max-width:320px;box-shadow:var(--shadow);border-radius:8px}.preview-description>p{font-size:17px;line-height:1.8;margin-bottom:20px}.preview-description>span{font-size:11px;color:var(--muted);display:block}.preview-description>.text-link{color:var(--accent);margin-top:30px;font-size:12px}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",MoxText,"PingFang SC","Microsoft YaHei",sans-serif}
.screen-activity img{aspect-ratio:390/670;object-fit:cover;object-position:top}
html.motion-ready .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .9s var(--ease);transition-delay:var(--reveal-delay,0ms)}html.motion-ready .reveal.is-visible{opacity:1;transform:none}.hero-enter{animation:hero-in 1s var(--ease) both}.hero-copy>.hero-enter:nth-child(1){animation-delay:80ms}.hero-copy>.hero-enter:nth-child(2){animation-delay:160ms}.hero-copy>.hero-enter:nth-child(3){animation-delay:240ms}.hero-copy>.hero-enter:nth-child(4){animation-delay:320ms}.hero-copy>.hero-enter:nth-child(5){animation-delay:400ms}.hero-product.hero-enter{animation-delay:260ms;animation-duration:1.3s}
@keyframes hero-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes nav-in{from{transform:translateY(-100%)}to{transform:none}}@keyframes float-ranking{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-12px) rotate(-7deg)}}@keyframes float-activity{0%,100%{transform:translateY(0) rotate(7deg)}50%{transform:translateY(10px) rotate(6deg)}}@keyframes details-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
html[data-theme=dark] .hero-screen{box-shadow:0 25px 45px -18px #0009}html[data-theme=dark] .art-home{--art-bg:#222d40}html[data-theme=dark] .art-ranking{--art-bg:#332e2c}html[data-theme=dark] .art-detail{--art-bg:#243532}html[data-theme=dark] .feature-icon{background:var(--surface)}html[data-theme=dark] .custom-image{opacity:.87}html[data-theme=dark] .contact-section{background:#223e78}
@media(min-width:1101px){.carousel-buttons{display:none}.gallery-position{display:none}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.nav-links{gap:20px}.nav{gap:20px}.brand-logo{width:195px}.hero h1{font-size:43px}.hero-grid{gap:15px}.hero-actions{gap:18px}.hero-actions .button{padding:13px 18px;gap:14px}.hero-benefits{gap:12px;font-size:10px}.screen-ranking{width:185px;left:0;top:38px}.screen-activity{width:220px;right:0;top:97px}.product-note{left:0;bottom:40px;padding:13px}.showcase-item{flex-basis:calc((100% - 28px)/2.4)}.showcase-heading-right{gap:24px}.performance-grid{gap:60px}.custom-grid{gap:60px}.footer-links{gap:50px}.custom-visual-copy{padding:30px}.custom-visual h3{font-size:30px}}
@media(max-width:850px){.wrap{width:calc(100% - 40px)}.section{padding-block:80px}.nav{height:82px;gap:15px}.is-sticky .nav{height:70px}.brand-logo{width:187px}.nav-actions{gap:8px}.nav-links{display:none;position:absolute;top:calc(100% - 1px);left:0;right:0;background:var(--surface);border-bottom:1px solid var(--line);padding:14px 24px 23px;box-shadow:0 12px 20px #111a3310}.nav-links.is-open{display:flex;flex-direction:column;align-items:stretch;gap:2px;animation:details-in .25s var(--ease)}.nav-links a{padding:11px 0}.nav-links a:after{display:none}.menu-toggle{display:flex;border-color:transparent}.hero{padding-top:100px}.hero-grid{grid-template-columns:1fr;max-width:640px;gap:20px;padding-top:30px;padding-bottom:20px}.hero-copy{text-align:center;padding-bottom:0}.hero .eyebrow{justify-content:center;margin-bottom:22px;font-size:12px}.hero h1{font-size:50px}.hero-description{margin:23px auto 0;max-width:485px;font-size:15px}.hero-actions{justify-content:center;margin-top:27px;gap:24px}.hero-benefits{justify-content:center;gap:22px;font-size:11px;margin-top:24px}.hero-product{width:465px;max-width:100%;margin:15px auto 0}.product-stage{height:522px}.screen-ranking{width:212px;left:10px;top:13px}.screen-activity{width:249px;right:5px;top:56px}.product-note{bottom:10px;left:7px}.demo-caption{text-align:center;margin-top:20px}.hero-bottom{margin-top:15px;min-height:62px}.section-heading{align-items:flex-start;gap:24px;margin-bottom:37px}.section-heading h2,h2{font-size:33px}.section-intro{font-size:14px}.feature-grid{column-gap:28px;grid-template-columns:repeat(2,1fr)}.feature{padding-top:27px}.feature p{font-size:13px}.feature h3{font-size:17px}.showcase .section-heading{display:block}.showcase-heading-right{justify-content:space-between;margin-top:20px}.showcase-art{height:400px}.showcase-art>img{width:218px}.performance-grid{gap:45px}.performance h2{font-size:35px}.performance-facts{padding-left:30px}.capacity-number{font-size:85px}.custom-grid{gap:40px}.custom-visual{min-height:610px}.custom-image{height:200px}.custom-visual-copy{padding:27px}.custom-visual h3{font-size:28px}.custom-content h2{font-size:32px}.custom-content>.section-intro br{display:none}.custom-tags{gap:6px}.custom-tags span{padding:4px 6px;font-size:9px}.service-steps{gap:25px}.service-steps p br{display:none}.service-steps h3{font-size:16px}.service-steps p{font-size:12px}.faq-layout{gap:45px;padding-top:85px}.contact-inner h2{font-size:28px}.contact-inner{gap:30px}.contact-action .button{min-width:190px}.footer-links{gap:35px}.footer-main{gap:30px}.footer-brand .brand-logo{width:180px}.floating-contact{right:17px;bottom:18px;padding:11px 15px}}
@media(max-width:600px){html{scroll-padding-top:85px}.wrap{width:calc(100% - 40px)}.section{padding-block:68px}.nav .brand-logo{width:176px}.nav-contact{display:none}.nav{height:78px}.nav-actions{gap:4px}.icon-button{width:39px;height:39px}.hero{padding-top:91px}.hero-grid{padding-top:22px;gap:12px}.hero .eyebrow{font-size:10px;letter-spacing:.05em}.hero h1{font-size:35px;line-height:1.52;letter-spacing:-.045em}.hero-description{font-size:13px;max-width:335px;line-height:1.85;margin-top:20px}.desktop-break{display:none}.hero-actions{gap:19px;margin-top:26px}.hero-actions .button{font-size:12px;min-height:47px;padding:12px 17px;gap:12px}.hero-actions .text-link{font-size:12px;gap:7px}.play-button{width:29px;height:29px}.play-button .icon{width:16px;height:16px}.hero-benefits{gap:12px;font-size:9px;margin-top:22px}.hero-benefits .icon{width:11px;height:11px}.hero-benefits>span{gap:4px}.hero-product{width:345px;margin-top:27px}.product-stage{height:408px}.screen-ranking{width:161px;left:7px;top:0;border-width:6px;border-radius:18px}.screen-activity{width:191px;right:3px;top:37px;border-width:6px;border-radius:18px}.screen-label{font-size:8px;padding:5px 0}.product-note{bottom:14px;left:0;padding:10px 12px;gap:8px;font-size:10px;border-radius:8px}.product-note div>span{font-size:8px}.note-icon{width:26px;height:26px}.note-icon .icon{width:14px;height:14px}.demo-caption{font-size:8px;margin-top:9px}.hero-bottom{font-size:9px;min-height:57px;margin-top:12px}.hero-bottom a{gap:6px}.hero-bottom .icon{width:10px;height:10px}.section-heading{display:block;margin-bottom:34px}.section-heading h2,h2{font-size:29px;letter-spacing:-.035em}.section-heading .eyebrow{margin-bottom:13px}.eyebrow{font-size:11px}.section-heading>.section-intro{margin-top:20px}.section-intro{font-size:13px}.feature-grid{column-gap:25px}.feature{padding-top:22px;padding-bottom:26px}.feature-icon{width:39px;height:39px;border-radius:10px;margin-bottom:18px}.feature-icon .icon{width:20px;height:20px}.feature h3{font-size:15px;margin-bottom:10px}.feature p{font-size:12px;line-height:1.85}.showcase>.wrap{width:calc(100% - 40px)}.showcase-heading-right{gap:14px;align-items:center}.showcase-heading-right .section-intro br{display:none}.showcase-heading-right .section-intro{max-width:226px}.carousel-buttons{gap:6px}.carousel-buttons .icon-button{width:31px;height:31px}.carousel-buttons .icon{width:12px;height:12px}.showcase-track{overflow:visible;gap:20px;overflow-x:auto;margin-right:-20px;padding-right:20px}.showcase-item{flex-basis:82%}.showcase-art{height:385px}.showcase-art>img{max-width:77%;width:224px;margin-top:28px}.showcase-meta{padding-top:20px}.showcase-meta strong{font-size:16px}.showcase-meta small{font-size:10px;margin-top:5px}.expand-preview{opacity:1;transform:translate(-50%,0);font-size:10px;padding:8px 12px}.showcase-bottom{gap:22px;margin-top:24px}.showcase-bottom>p{font-size:9px;max-width:245px}.gallery-position{gap:8px;font-size:10px}.performance-grid{grid-template-columns:1fr;gap:38px}.performance h2{font-size:35px}.performance-copy>.section-intro{margin-top:20px;max-width:100%}.performance-copy>.text-link{margin-top:22px;font-size:12px}.performance-facts{padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:30px}.capacity-number{font-size:99px}.capacity{position:relative}.capacity-label{font-size:11px}.capacity>p{font-size:11px}.fact-row{margin-top:23px}.fact-row h3{font-size:14px}.fact-row p{font-size:12px}.performance-footnote{font-size:9px}.custom-grid{grid-template-columns:1fr;gap:38px}.custom-content{grid-row:1}.custom-content h2{font-size:31px}.custom-content>.section-intro{margin-top:17px}.custom-options{margin-top:20px}.custom-option summary{padding:20px 0}.custom-option h3{font-size:16px}.custom-option .details-body p{font-size:13px}.custom-content>.text-link{font-size:13px;margin-top:25px}.custom-visual{min-height:0;display:grid;grid-template-columns:.84fr 1fr}.custom-image{height:100%;min-height:360px}.custom-image img{object-position:23% center}.custom-visual-copy{padding:30px 23px}.custom-visual-copy>.eyebrow{font-size:8px;letter-spacing:0}.custom-visual h3{font-size:21px;margin-top:17px}.custom-visual-copy>p{font-size:10px;margin-top:18px}.custom-tags{flex-wrap:wrap;margin-top:21px;gap:6px}.custom-tags span{font-size:8px;padding:3px 7px}.service .centered{display:flex}.centered .section-intro{margin-top:16px}.service-steps{grid-template-columns:1fr 1fr;gap:30px 24px;margin-top:36px}.service-steps article{padding-top:21px}.service-steps h3{font-size:16px;margin:12px 0 10px}.service-steps p{font-size:12px}.faq-layout{grid-template-columns:1fr;gap:30px;padding-top:65px}.faq-heading h2{font-size:29px}.faq-heading>p:not(.eyebrow){font-size:12px;margin-top:13px}.faq-heading>p:not(.eyebrow) br{display:none}.faq-heading>.text-link{font-size:12px;margin-top:15px}.faq-item summary{padding:21px 0}.faq-item h3{font-size:13px}.faq-item .details-body p{font-size:12px;padding-right:10px}.contact-section{padding:47px 0}.contact-inner{flex-direction:column;align-items:flex-start;gap:28px}.contact-inner h2{font-size:26px}.contact-inner p:not(.eyebrow){font-size:12px;margin-top:15px}.contact-inner .eyebrow{font-size:10px}.contact-action{align-items:flex-start;gap:12px}.contact-action .button{font-size:13px;min-height:47px;min-width:190px}.contact-action>span{font-size:10px}.site-footer{padding-top:45px}.footer-main{display:block;padding-bottom:30px}.footer-brand{display:flex;align-items:center;justify-content:space-between;gap:22px}.footer-brand .brand-logo{width:163px}.footer-brand p{font-size:10px;margin:0}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:27px 20px;margin-top:35px;padding-top:0}.footer-links>div:last-child{grid-column:1/-1}.footer-links h3{font-size:12px;margin-bottom:15px}.footer-links a,.footer-links button,.footer-links span{font-size:11px;margin-bottom:10px}.footer-bottom{min-height:70px;font-size:9px;gap:10px;flex-wrap:wrap;padding-block:19px}.footer-bottom>span:nth-child(2){display:none}.floating-contact{padding:11px;width:42px;height:42px;justify-content:center;right:14px;bottom:17px}.floating-contact>span:last-child{display:none}.contact-dialog{padding:35px 23px 24px}.contact-dialog h2{font-size:23px}.dialog-description{font-size:12px}.wechat-box{padding:22px;margin-top:22px}.wechat-box strong{font-size:25px}.preview-header{padding:19px 20px}.preview-header h2{font-size:20px}.preview-body{grid-template-columns:1fr;padding:22px;gap:24px}.preview-body>img{max-width:280px;margin:auto}.preview-description>p{font-size:14px;margin-bottom:12px}.preview-description>.text-link{margin-top:17px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:31px}.hero .eyebrow{font-size:9px}.hero-benefits{gap:8px;font-size:8px}.hero-actions{gap:12px}.hero-actions .button{padding:12px;font-size:11px}.hero-actions .text-link{font-size:11px}.nav .brand-logo{width:158px}.hero-product{width:304px}.screen-ranking{width:146px}.screen-activity{width:172px}.product-stage{height:375px}.section-heading h2,h2{font-size:27px}.custom-visual-copy{padding:24px 18px}.custom-visual h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal,html.motion-ready .reveal{opacity:1!important;transform:none!important}.product-stage{transform:none!important}.hero-enter{opacity:1!important;transform:none!important}}