@font-face{font-family:"Forewild ID";src:url("fonts/forewild-id-home.woff2?v=20261014-ref4") format("woff2");font-weight:400;font-style:normal;font-display:swap}
:root{font-family:"Forewild ID","Microsoft YaHei",sans-serif;color:#061044;background:#edf4ff;font-synthesis:none;-webkit-font-smoothing:antialiased;--blue:#0879ff;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #0757d7;outline-offset:6px}[hidden]{display:none!important}
.id-home{position:relative;isolation:isolate;height:100svh;min-height:720px;overflow:hidden}.id-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1;pointer-events:none}.id-skip{position:fixed;top:12px;left:16px;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);background:#fff;z-index:10}.id-skip:focus{width:auto;height:auto;clip-path:none;padding:12px 20px}
.id-header{position:absolute;top:6.2%;left:4.5%;z-index:4}.id-brand{display:block}.id-brand img{display:block;width:clamp(280px,29.665vw,496px);height:auto}
.id-content,.id-hero{position:absolute;inset:0}.id-copy{position:absolute;left:5.6%;top:26.7%;z-index:3}.id-copy h1{margin:0;font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC","Noto Sans SC",sans-serif;font-size:clamp(64px,6.7vw,114px);font-weight:700;line-height:1.2;letter-spacing:-.01em;color:#030d45;white-space:nowrap}.id-copy h1>span{color:#0766ff;font-size:1.045em}.id-intro{font-size:clamp(22px,2.1vw,35px);line-height:1.65;letter-spacing:.075em;color:#4d6087;margin:18px 0 26px}.id-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-width:clamp(240px,18.54vw,310px);min-height:clamp(64px,5.02vw,84px);padding:16px 29px;border:0;border-radius:60px;background:linear-gradient(115deg,#0672ff,#2b91ff);box-shadow:0 10px 27px -18px #0963e8aa;color:#fff;font-size:clamp(22px,1.915vw,32px);font-weight:400;transition:box-shadow 200ms,transform 240ms var(--ease)}.id-button:hover{box-shadow:0 14px 34px -17px #0963e8bb;transform:translateY(-2px)}.id-button:active{transform:translateY(0)}.id-button:disabled{cursor:wait;opacity:.65;transform:none}.id-cta-arrow{width:clamp(29px,2.275vw,38px);height:auto;filter:brightness(0) invert(1);transition:transform 240ms var(--ease)}.id-button:hover .id-cta-arrow{transform:translateX(4px)}.id-status{font-size:15px;color:#334c7a;line-height:1.8;margin:15px 0 0;max-width:435px;overflow-wrap:anywhere}.id-status:empty{display:none}
.id-demo,.id-stage,.id-scene,.id-art-float{position:absolute;inset:0}.id-demo{z-index:1;pointer-events:none}.id-stage{touch-action:pan-y;pointer-events:auto}.id-scene{--id-px:0;--id-py:0;transform:translate3d(calc(var(--id-px)*6px),calc(var(--id-py)*4px),0);pointer-events:none}.id-art-float{animation:id-float 6.8s ease-in-out infinite;animation-play-state:paused}.id-hero-art{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block;user-select:none}.id-home[data-motion="running"] .id-art-float{animation-play-state:running}
@keyframes id-float{0%,100%{transform:translate3d(0,3px,0)}50%{transform:translate3d(0,-4px,0)}}
@media(min-width:1900px){.id-header{left:calc(50% - 880px)}.id-copy{left:calc(50% - 860px)}.id-copy h1{font-size:124px}.id-intro{font-size:37px}.id-brand img{width:530px}}
@media(max-width:1100px) and (min-width:761px){.id-home{min-height:670px}.id-copy h1{font-size:clamp(55px,6.7vw,74px)}.id-intro{font-size:22px;margin:20px 0 25px}.id-button{min-width:232px;min-height:66px;font-size:24px;gap:18px}.id-status{max-width:350px;font-size:13px}.id-header{top:5%}}
@media(max-width:900px){.id-home{height:auto;min-height:100svh;display:flex;flex-direction:column}.id-background{object-position:42% center}.id-header{position:relative;top:auto;left:auto;align-self:center;padding:24px 18px 0}.id-brand img{width:280px}.id-content,.id-hero{position:relative;inset:auto}.id-content{flex:1;display:flex;align-items:center}.id-hero{width:100%;display:flex;flex-direction:column;padding:25px 18px 18px;gap:20px}.id-copy{position:relative;inset:auto;text-align:center}.id-copy h1{font-size:clamp(48px,8.5vw,66px);line-height:1.18;letter-spacing:-.04em}.id-intro{font-size:20px;line-height:1.6;margin:16px 0 22px;letter-spacing:.06em}.id-button{min-width:230px;min-height:62px;font-size:24px;gap:18px;padding:14px 28px}.id-cta-arrow{width:31px}.id-status{font-size:13px;max-width:330px;margin:12px auto 0}.id-demo{position:relative;inset:auto;width:100%;max-width:590px;margin:0 auto;aspect-ratio:1.2;overflow:hidden;pointer-events:auto}.id-stage,.id-scene{position:absolute;inset:0}.id-art-float{inset:auto;left:-60%;top:-18%;width:160%;height:auto;aspect-ratio:1672/941}.id-hero-art{object-fit:contain;object-position:center;position:absolute;inset:0}.id-home[data-motion="running"] .id-art-float{animation-play-state:running}}
@media(max-width:380px){.id-header{padding-top:20px}.id-brand img{width:260px}.id-hero{padding-top:22px;gap:18px}.id-copy h1{font-size:46px}.id-intro{font-size:18px;margin:15px 0 19px}.id-button{font-size:24px;min-width:216px;min-height:59px}.id-hero{padding-left:14px;padding-right:14px}}
@media(prefers-reduced-motion:reduce){.id-home *{animation:none!important;transition:none!important}.id-scene{transform:none}.id-button:hover,.id-button:hover .id-cta-arrow{transform:none}}