.gradient-blinds-container{position:relative;width:100%;height:100%;overflow:hidden}.bg-fixed{position:fixed;inset:0;z-index:0}.gb-canvas{position:absolute;inset:0;width:100%;height:100%}.bg-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(125% 85% at 50% 0%,#05050a00 38%,#05050a73 72%,#05050ad1),linear-gradient(180deg,#05050a38,#05050a80)}.page{position:relative;z-index:1;pointer-events:none}.section{position:relative;width:100%;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:72px 24px;scroll-snap-align:start}.eyebrow{margin:0 0 18px;font-size:12px;font-weight:600;letter-spacing:.42em;text-transform:uppercase;color:#d0bcff;text-shadow:0 1px 18px rgba(82,39,255,.5)}.hero{text-align:center}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(58% 52% at 50% 46%,#05050aa8,#05050a00 72%)}.hero-inner{position:relative;z-index:1;max-width:760px;display:flex;flex-direction:column;align-items:center}.wordmark{margin:0;line-height:.92;display:flex;flex-direction:column;align-items:center;gap:10px}.wordmark-main{font-size:clamp(66px,16vw,172px);font-weight:800;letter-spacing:-.02em;background:linear-gradient(180deg,#fff,#f3e9ff 42%,#c8a8ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 8px 40px rgba(176,140,255,.45))}.wordmark-sub{font-size:clamp(20px,4.4vw,36px);font-weight:600;letter-spacing:.46em;text-indent:.46em;color:#e9c349;text-shadow:0 2px 22px rgba(233,195,73,.4)}.tagline{margin-top:30px;display:flex;flex-direction:column;align-items:center;gap:6px}.tagline-zh{font-size:clamp(20px,4.6vw,34px);font-weight:600;color:#fff;letter-spacing:.04em;text-shadow:0 2px 26px rgba(0,0,0,.55)}.tagline-en{font-size:clamp(12px,2.4vw,16px);font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:#d0bcffd1}.lede{margin:0;max-width:600px}.lede-zh{margin-top:30px;font-size:clamp(14px,2.3vw,17px);line-height:1.85;color:#f5f2f7e6;text-shadow:0 1px 16px rgba(0,0,0,.5)}.lede-en{margin-top:14px;font-size:clamp(12.5px,2vw,15px);line-height:1.75;color:#cbc3d7a8}.chips{list-style:none;margin:38px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.chip{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 20px;border-radius:100px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.chip-zh{font-size:14px;font-weight:600;color:#f1ecf7}.chip-en{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#d0bcffb3}.scroll-cue{pointer-events:auto;margin-top:52px;display:inline-flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:opacity .25s ease}.scroll-cue:hover{opacity:.75}.scroll-cue-text{font-size:12px;letter-spacing:.16em;color:#e5e2e39e}.scroll-cue-arrow{font-size:18px;color:#d0bcff;animation:bob 1.8s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(7px);opacity:1}}.showcase{text-align:center;gap:8px}.showcase:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(55% 55% at 50% 58%,#05050a8c,#05050a00 72%)}.showcase-head{position:relative;z-index:1}.showcase-title{margin:0;font-size:clamp(30px,6vw,52px);font-weight:700;letter-spacing:.02em;color:#fff;text-shadow:0 3px 30px rgba(0,0,0,.5)}.showcase-hint{margin:14px 0 0;font-size:13px;color:#e5e2e3a8;display:inline-flex;flex-wrap:wrap;justify-content:center;gap:8px}.showcase-hint .dot{color:#d0bcff99}.phone-stage{position:relative;z-index:1;pointer-events:auto;margin-top:32px;width:100%;display:flex;align-items:center;justify-content:center;perspective:1500px;perspective-origin:50% 40%}.phone{position:relative;z-index:1;transform-style:preserve-3d;will-change:transform;transform:rotateX(6deg) rotateY(-11deg)}.phone-frame{position:relative;height:min(620px,56vh);aspect-ratio:1199 / 2600;border-radius:46px;background:#0a0a0b;border:1px solid rgba(255,255,255,.14);overflow:hidden;box-shadow:0 40px 90px #0009,0 12px 36px #280c5a73,inset 0 0 0 2px #ffffff0a}.phone-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.phone-notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:34%;height:22px;background:#050507;border-radius:14px;z-index:4}.phone-glare{position:absolute;inset:0;z-index:3;mix-blend-mode:screen;pointer-events:none}.phone-edge{position:absolute;inset:0;z-index:5;border-radius:46px;pointer-events:none;box-shadow:inset 0 1px #ffffff38,inset 0 0 0 1px #ffffff0d}.phone-ground{position:absolute;bottom:6%;left:50%;transform:translate(-50%);width:56%;height:46px;background:radial-gradient(ellipse at center,#00000080,#0000 70%);filter:blur(18px);z-index:0}.phone-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:32px;text-align:center;background:radial-gradient(80% 60% at 50% 30%,#5227ff47,#0a0a0b00 70%),#0a0a0b}.ph-logo{font-size:40px;font-weight:800;letter-spacing:.04em;background:linear-gradient(180deg,#fff,#c8a8ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.phone-placeholder p{margin:0;font-size:13px;line-height:1.7;color:#e5e2e3b8}.phone-placeholder .ph-en{font-size:11px;color:#cbc3d780}.phone-placeholder code{display:inline-block;margin:4px 0;padding:2px 8px;border-radius:6px;background:#ffffff14;color:#d0bcff;font-size:12px}.showcase-caption{position:relative;z-index:1;margin:24px 0 0;font-size:12px;letter-spacing:.12em;color:#e5e2e38c}.site-footer{position:relative;z-index:1;margin-top:30px;font-size:11px;letter-spacing:.14em;color:#ffffff52}@media (max-width: 600px){.section{padding:56px 20px}.wordmark-sub{letter-spacing:.32em;text-indent:.32em}.phone-frame{height:min(560px,62vh)}.chips{gap:8px}.chip{padding:8px 14px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.scroll-cue-arrow{animation:none}}:root{color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{margin:0;padding:0;width:100%}body{background-color:#05050a;color:#e5e2e3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}img{-webkit-user-drag:none;user-select:none}
