#greyFogSite #startupIntro{--boot:0;--boot-image:0;--boot-outline:0;--boot-fill:0;--boot-copy:0;--boot-exit:0;position:fixed;inset:0;margin:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;border:0;padding:0;overflow:hidden;background:#02040a;color:#d8e7f1;isolation:isolate;opacity:calc(1 - var(--boot-exit));transform:none;clip-path:none;box-shadow:none;transition:none;animation:none;outline:none}
html:has(#startupIntro[open]){overflow:hidden}
#greyFogSite #startupIntro:not([open]){display:none}
#greyFogSite #startupIntro::backdrop{background:#02040a;backdrop-filter:none;opacity:calc(1 - var(--boot-exit))}
#startupIntro .startup-art{position:absolute;inset:0;overflow:hidden;opacity:var(--boot-image);transform:scale(calc(1.09 - var(--boot)*.065));transform-origin:76% 42%;filter:saturate(.86) brightness(.9)}
#startupIntro .startup-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:72% 40%}
#startupIntro .startup-shade{position:absolute;inset:0;background:linear-gradient(90deg,#02040af0,rgba(2,4,10,.7) 28%,transparent 62%),linear-gradient(180deg,#02040a70,transparent 40%,#02040aaa);pointer-events:none}
#startupIntro .startup-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#startupIntro .startup-frame{position:absolute;inset:74px 38px 74px;border:1px solid #95cde616;pointer-events:none;mask-image:linear-gradient(90deg,#000,transparent 16%,transparent 84%,#000)}
#startupIntro .startup-frame::before{content:"";position:absolute;inset:-1px;background:linear-gradient(#b0dfed,#b0dfed) left top/28px 1px no-repeat,linear-gradient(#b0dfed,#b0dfed) left top/1px 28px no-repeat,linear-gradient(#b0dfed,#b0dfed) right bottom/28px 1px no-repeat,linear-gradient(#b0dfed,#b0dfed) right bottom/1px 28px no-repeat;opacity:.5}
#greyFogSite #startupIntro .startup-top{position:absolute;top:27px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between;font:10px Consolas,monospace;letter-spacing:.18em;color:#96b4c5}
#startupIntro .startup-top>span{display:flex;gap:13px;align-items:center}
#startupIntro .startup-top b{display:grid;place-items:center;border:1px solid #ad956e80;color:#d3bd87;font:18px Georgia,"SimSun",serif;width:33px;height:39px;transform:rotate(-7deg)}
#greyFogSite #startupIntro .startup-copy{position:absolute;left:8.5%;top:46%;width:48%;transform:translateY(calc(-20% + (1 - var(--boot-copy))*15px));opacity:var(--boot-copy)}
#greyFogSite #startupIntro .startup-kicker{font-size:12px;letter-spacing:.3em;color:#9fb4c7;margin-bottom:21px}
#greyFogSite #startupIntro h2{position:relative;margin:0;font:600 clamp(46px,7.4vw,120px)/1.25 "STSong","SimSun",serif;letter-spacing:.09em;white-space:nowrap}
#startupIntro .startup-title-outline{display:block;color:transparent;-webkit-text-stroke:.7px #a8d4ec;opacity:calc(1 - var(--boot-fill)*.7);filter:drop-shadow(0 0 6px #7dd4ec55)}
#startupIntro .startup-title-fill{position:absolute;inset:0;display:block;color:#e3e6e7;opacity:var(--boot-fill);clip-path:inset(0 calc((1 - var(--boot-fill))*100%) 0 0);text-shadow:0 0 30px #8ccef23b}
#startupIntro .startup-title-line{height:1px;width:80%;max-width:450px;margin:24px 0;background:linear-gradient(90deg,#a3d8f1,rgba(163,216,241,.25),transparent);transform:scaleX(var(--boot-copy));transform-origin:left}
#greyFogSite #startupIntro .startup-motto{font-size:clamp(14px,1.3vw,20px);letter-spacing:.25em;color:#c5cddb;opacity:var(--boot-fill)}
#greyFogSite #startupIntro .startup-sub{display:block;margin-top:17px;font:9px Consolas,monospace;letter-spacing:.28em;color:#7388a2;opacity:var(--boot-fill)}
#startupIntro .startup-side{position:absolute;right:48px;top:39%;display:flex;flex-direction:column;gap:16px;text-align:right;opacity:.65}
#startupIntro .startup-side span{font:11px Consolas,monospace;letter-spacing:.3em;color:#c6b78d}
#startupIntro .startup-side i{height:80px;border-right:1px solid #9bcbe844}
#greyFogSite #startupIntro .startup-bottom{position:absolute;bottom:22px;left:40px;right:40px;padding:0;display:flex;align-items:center;justify-content:space-between;gap:16px;font:10px Consolas,"Microsoft YaHei",monospace;color:#8ca4bd;letter-spacing:.16em}
#greyFogSite #startupIntro .startup-bottom button{min-height:44px;padding:10px 14px;border:1px solid #adc9df35;color:#c3d7e7;background:#07101d85;font-size:12px;letter-spacing:.08em;cursor:pointer}
#greyFogSite #startupIntro .startup-bottom button:hover{border-color:#a3d8ec80;background:#a3d8ec12}
#startupIntro .startup-review{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:620px){
 #greyFogSite #startupIntro .startup-top{left:22px;right:22px;top:20px;font-size:8px;letter-spacing:.08em}#startupIntro .startup-top small{display:none}
 #startupIntro .startup-art img{object-position:72% 32%}#startupIntro .startup-art{transform-origin:75% 32%}
 #startupIntro .startup-shade{background:linear-gradient(180deg,#02040a35,transparent 28%,#02040a18 46%,#02040aea 80%,#02040a),linear-gradient(90deg,#02040a45,transparent 60%)}
 #greyFogSite #startupIntro .startup-copy{left:8%;width:88%;top:64%;transform:translateY(0)}#greyFogSite #startupIntro h2{font-size:clamp(36px,11vw,65px);letter-spacing:.07em}
 #greyFogSite #startupIntro .startup-kicker{font-size:10px;margin-bottom:13px;letter-spacing:.14em}#startupIntro .startup-title-line{margin:14px 0;width:85%}#greyFogSite #startupIntro .startup-motto{font-size:13px;letter-spacing:.14em}#greyFogSite #startupIntro .startup-sub{font-size:8px;letter-spacing:.12em;margin-top:11px}
 #startupIntro .startup-frame{inset:76px 18px 78px}#startupIntro .startup-side{right:22px;top:18%;gap:9px}#startupIntro .startup-side small{font-size:7px}#startupIntro .startup-side i{height:42px}
 #greyFogSite #startupIntro .startup-bottom{left:18px;right:18px;bottom:16px;gap:8px;flex-wrap:wrap}#startupIntro .startup-review{gap:3px;order:3;width:100%}#greyFogSite #startupIntro .startup-review button{padding:4px 9px;min-height:34px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){#greyFogSite #startupIntro{display:none!important}}