:root{color-scheme:dark;--bg:#05060b;--text:#f2f1f6;--accent:145,170,255;--pad:clamp(24px,5.2vw,100px);font-family:"Microsoft YaHei UI","PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:1px solid rgb(var(--accent));outline-offset:5px}
#intelligence{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.aura{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,6,11,.6),transparent 46%),linear-gradient(0deg,#05060b 1%,transparent 23%,transparent 84%,rgba(5,6,11,.3))}.grain{position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.masthead{position:fixed;z-index:5;inset:0 var(--pad) auto;height:100px;display:flex;align-items:center;gap:25px}.brand{display:inline-flex;align-items:center;gap:16px;color:var(--text);text-decoration:none;flex-shrink:0}.brand svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.25}.brand-wordmark{font-family:"Segoe UI",Arial,sans-serif;font-size:15px;font-weight:500;letter-spacing:.22em;white-space:nowrap}.brand-ai{color:rgb(var(--accent));transition:color .7s}.masthead-label{margin-left:auto;font-size:10px;color:#9899af;letter-spacing:.25em}.motion-toggle{position:relative;flex-shrink:0;width:36px;height:36px;padding:0;-webkit-appearance:none;appearance:none;line-height:1;border:1px solid #ffffff30;border-radius:50%;display:grid;place-items:center;background:#ffffff05}.motion-toggle:hover{background:#ffffff18}.motion-toggle svg{position:absolute;inset:0;display:block;width:16px;height:16px;margin:auto;fill:none;stroke:currentColor;stroke-width:1.3}.motion-toggle .play-icon{display:none}.motion-toggle[aria-pressed=true] .play-icon{display:block}.motion-toggle[aria-pressed=true] .pause-icon{display:none}
#screens{position:fixed;inset:0;isolation:isolate}.screen{position:absolute;inset:100px 0 160px;padding:0 var(--pad);display:flex;align-items:center;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,65px,0);transition:opacity .7s ease,transform .95s cubic-bezier(.22,1,.36,1),visibility .95s;overflow-y:auto;scrollbar-width:thin}.screen.is-before{transform:translate3d(0,-65px,0)}.screen.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0)}.screen-copy{position:relative;max-width:460px;padding:30px 0}.eyebrow{margin:0 0 28px;font-family:"Consolas",monospace;font-size:10px;letter-spacing:.21em;color:rgb(var(--accent));transition:color .7s}h1,h2{margin:0;font-weight:500;line-height:1.12;letter-spacing:.08em;text-shadow:0 5px 35px #05060b80}h1{font-size:clamp(90px,10vw,180px)}h1>span:not(.text-water),h2>span{display:block}h1>span:nth-child(2){padding-left:.35em;color:#cccce0}h2{font-size:clamp(68px,7.4vw,126px)}h2>span{padding-left:.36em;color:#cccce0}h1+.eyebrow,h2+.eyebrow{margin:18px 0 0}h1+.eyebrow+.screen-intro,h2+.eyebrow+.screen-intro{margin-top:22px}.title-spark{display:inline-block;font-family:Arial,sans-serif;font-size:.3em;vertical-align:top;margin:.2em 0 0 .08em;color:rgb(var(--accent));animation:spark-spin 30s linear infinite}.screen-intro{margin:28px 0 0;font-size:clamp(13px,1.2vw,17px);letter-spacing:.12em;line-height:1.8;color:#dadbe8}.art-note{position:absolute;right:16%;bottom:3%;font-size:10px;letter-spacing:.3em;color:#a3a8c0}
.page-dots{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:6;display:flex;flex-direction:column;gap:1px}.page-dots button{width:30px;height:30px;display:grid;place-items:center;background:none;border:0}.page-dots span{width:4px;height:4px;border:1px solid #8c8da5;border-radius:50%;transition:transform .4s,background .4s,box-shadow .4s}.page-dots button[aria-current=page] span{background:rgb(var(--accent));border-color:rgb(var(--accent));transform:scale(1.7);box-shadow:0 0 12px rgba(var(--accent),.6)}
.footer{position:fixed;z-index:5;inset:auto var(--pad) 0;padding-bottom:25px}.matrix-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:26px}.matrix-nav button{text-align:left;border:0;border-top:1px solid #ffffff24;padding:17px 0;background:none;color:#9396ad;font-size:12px;letter-spacing:.1em;transition:color .4s,border-color .4s}.matrix-nav button:hover,.matrix-nav button[aria-current=page]{color:#f2f1ff;border-color:rgb(var(--accent))}.footer-bottom{display:flex;align-items:center;gap:20px;margin-top:15px;color:#81859e;font-size:10px}.page-position{display:flex;align-items:center;gap:10px;font-family:"Consolas",monospace;font-size:11px}.page-position>span:first-child{color:rgb(var(--accent))}.page-divider{width:25px;height:1px;background:#ffffff35}.page-status{margin:0;letter-spacing:.14em}.next-screen{margin-left:auto;padding:8px 0 8px 16px;display:flex;align-items:center;gap:20px;border:0;background:none;font-size:10px;color:#bec0d2;letter-spacing:.16em}.scroll-arrow{font-size:17px;color:rgb(var(--accent));animation:scroll-hint 2s ease-in-out infinite}.is-paused *,.is-paused *:before,.is-paused *:after{animation-play-state:paused!important}
@keyframes spark-spin{to{transform:rotate(360deg)}}@keyframes scroll-hint{50%{transform:translateY(5px)}}
[data-water-text]{position:relative;isolation:isolate}.text-water{position:absolute!important;inset:-35px;z-index:2!important;pointer-events:none;opacity:0;transition:opacity .65s ease;overflow:hidden;border-radius:45%;mix-blend-mode:screen;mask-image:radial-gradient(ellipse,black 35%,transparent 73%);-webkit-mask-image:radial-gradient(ellipse,black 35%,transparent 73%)}.brand>.water-lettering{display:inline-flex;align-items:center;gap:inherit}.brand>.text-water{inset:-32px -38px}.text-water canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}[data-water-text].is-rippling>.text-water{opacity:1;transition:opacity .12s ease}.brand.is-rippling>.text-water{opacity:.45;transition:opacity .25s ease}
.intro-raindrop{position:fixed;z-index:6;width:2px;height:42px;margin-top:-42px;pointer-events:none;border-radius:50%;background:linear-gradient(transparent,rgba(172,214,255,.25) 45%,#d9efff);box-shadow:0 3px 9px #acd6ff55;animation:intro-rain-fall .72s cubic-bezier(.45,.05,.8,.65) both}.intro-raindrop:after{content:"";position:absolute;bottom:0;left:-1px;width:4px;height:6px;border-radius:50%;background:#e5f5ff;box-shadow:0 0 8px #acd6ff88}@keyframes intro-rain-fall{0%{opacity:0;transform:translate3d(0,calc(-1 * var(--fall-distance)),0)}12%{opacity:.85}85%{opacity:.9}100%{opacity:0;transform:translate3d(0,0,0)}}
@media(min-width:1800px){.screen-copy{max-width:530px}}
@media(max-width:1000px){.masthead{height:85px}.screen{inset:85px 0 150px}.screen-copy{max-width:330px}h1{font-size:clamp(82px,11vw,120px)}h2{font-size:clamp(64px,8.2vw,90px)}.matrix-nav{gap:16px}.matrix-nav button{font-size:11px}.page-dots{right:7px}}
@media(max-width:600px){:root{--pad:24px}.masthead{height:74px;gap:12px}.brand{gap:11px}.brand svg{width:32px;height:32px}.brand-wordmark{font-size:12px;letter-spacing:.16em}.masthead-label{display:none}.motion-toggle{margin-left:auto;width:34px;height:34px}.screen{inset:74px 0 72px;align-items:flex-start}.screen-copy{padding-top:22px;max-width:calc(100% - 18px)}.eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:17px}h1{font-size:clamp(58px,17vw,90px);line-height:1.12}h1>span:not(.text-water),h2>span{display:inline-block}h1>span:nth-child(2),h2>span{padding-left:.06em}h1+.eyebrow,h2+.eyebrow{margin-top:12px}h1+.eyebrow+.screen-intro,h2+.eyebrow+.screen-intro{margin-top:16px}.title-spark{display:none}h2{font-size:clamp(46px,13vw,74px)}.screen-intro{margin-top:16px;font-size:12px;letter-spacing:.06em}.art-note{right:50%;transform:translateX(50%);bottom:0;font-size:9px;white-space:nowrap}.page-dots{right:1px;top:54%}.page-dots button{width:23px;height:26px}.footer{padding-bottom:14px}.matrix-nav{display:none}.footer-bottom{margin-top:7px;gap:12px}.page-status{font-size:9px}.next-screen{font-size:9px;gap:10px}.page-position{font-size:10px}.aura{background:linear-gradient(180deg,rgba(5,6,11,.1),transparent 40%,rgba(5,6,11,.1) 65%,#05060b 92%)}}
@media(max-height:650px) and (min-width:601px){.masthead{height:70px}.screen{inset:70px 0 130px}.eyebrow{margin-bottom:15px}h1{font-size:86px}h2{font-size:65px}h1+.eyebrow,h2+.eyebrow{margin-top:12px}h1+.eyebrow+.screen-intro,h2+.eyebrow+.screen-intro{margin-top:17px}.screen-intro{margin-top:17px}.footer{padding-bottom:12px}.matrix-nav button{padding:12px 0}.footer-bottom{margin-top:5px}}
@media(max-width:600px) and (max-height:650px){.screen-copy{padding-top:10px}.eyebrow{margin-bottom:12px}h1{font-size:53px}h2{font-size:45px}h1+.eyebrow,h2+.eyebrow{margin-top:10px}h1+.eyebrow+.screen-intro,h2+.eyebrow+.screen-intro{margin-top:10px}.screen-intro{margin-top:10px}.art-note{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.text-water,.intro-raindrop{display:none}}