@font-face{font-family:Ziyou Wenyihei;src:url(../fonts/ziyouwenyihei.woff2) format("woff2"),url(../fonts/ziyouwenyihei.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans SC;src:url(../fonts/noto-sans-sc.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{color-scheme:light;color-scheme:only light;--font-display: "Ziyou Wenyihei", sans-serif;--font-body: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--ink: #0a1155;--muted: #758cdc;--accent: #6b62f3;font-family:var(--font-body);color:var(--ink);background:#dfe6fc;font-synthesis:none;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body,h1,h2,h3,p,ul{margin:0}button,a{-webkit-tap-highlight-color:transparent}button,a,dialog{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #5f4fe0;outline-offset:4px}img{display:block}.art{position:absolute;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.experience{position:relative;width:100%;height:100vh;height:100dvh;height:var(--viewport-height, 100dvh);margin-inline:auto;overflow:hidden;overscroll-behavior:none;outline:none;background:#dee5ff}.page{position:absolute;inset:0;isolation:isolate;height:100%;overflow:hidden;overflow:clip;overscroll-behavior:none}.page[hidden]{display:none}.experience[data-transitioning=true] .page:not([hidden]){will-change:transform;pointer-events:none}.page-content{--type-scale: 1;--space-scale: 1;position:relative;height:100%;overflow:hidden;overflow:clip;isolation:isolate;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}.background-canvas{position:absolute;width:402px;height:874px;transform-origin:top left;isolation:isolate;z-index:0;pointer-events:none;left:var(--background-left, 0px);top:var(--background-top, -54px);transform:scale(var(--background-scale, 1))}.page-body{--header-gap: 29.17px;--lead-gap: 24.504px;--description-gap: 20.95px;--scene-gap: 20.718px;position:relative;z-index:1;width:min(100%,480px);height:100%;margin-inline:auto;padding-block:calc(24px * var(--space-scale)) calc(5px * var(--type-scale));display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;isolation:isolate}.page-background{top:0;left:0;width:402px;height:100%;z-index:-3;object-fit:cover}.topbar{display:flex;justify-content:space-between;align-items:center;padding-inline:calc(24px * var(--type-scale));gap:12px;pointer-events:none}.eyebrow{position:relative;display:flex;align-items:center;gap:calc(4.733px * var(--type-scale));padding-left:calc(8.478px * var(--type-scale));flex-shrink:0}.eyebrow-badge{position:absolute;inset:0;background:#e8effd;outline:1px solid #b9baff;border-radius:33px;opacity:.73}.eyebrow-star{position:relative;flex-shrink:0;width:calc(15.043px * var(--type-scale));height:calc(15.163px * var(--type-scale))}.page-intro{position:relative;min-width:0;padding-inline:calc(24px * var(--type-scale));margin-block:calc(var(--header-gap) * var(--space-scale)) calc(var(--scene-gap) * var(--space-scale))}h2,h3{font-family:var(--font-display);font-weight:400;letter-spacing:0}h2{font-size:35px}.page-footer{position:relative;display:flex;justify-content:center;width:100%;z-index:2}.next-hint{display:block;position:relative}.next-hint:after{content:"";position:absolute;inset:-10px -12px}.scene-slot{position:relative;width:100%;min-width:0;min-height:0}.scene-canvas{position:absolute;width:402px;top:var(--scene-top, 0px);left:50%;transform:translate(-50%) scale(var(--scene-scale, 1));transform-origin:top center}.page-1{background:#dee5ff}.cover-backdrop{background:#fefdfb}.cover-background,.cover-clouds{object-fit:fill}.cover-clouds{z-index:-2}.cover-sky{top:-1px;left:calc((402px - var(--backdrop-width, 402px)) / 2);width:var(--backdrop-width, 402px);height:370px;object-fit:fill;z-index:-1}.cover-body{display:block;padding:0}.cover-composition{display:grid;height:100%;grid-template-rows:auto minmax(0,1fr) auto;padding-block:calc(14px * var(--space-scale)) calc(12px * var(--space-scale))}.cover-brand{position:relative;margin-left:calc(32px * var(--type-scale));width:calc(146px * var(--type-scale));height:calc(38px * var(--type-scale))}.cover-scene{margin-block:calc(-4px * var(--space-scale)) calc(26px * var(--space-scale))}.cover-paper{position:absolute;inset:0;transform-origin:50% 45%}.cover-notebook{left:39.022px;top:144.097px;width:298.977px;height:399.943px}.cover-book-label{left:226px;top:187px;width:34px;height:15px}.cover-book-shadows{left:70.39px;top:148.998px;width:245.878px;height:86.666px}.cover-character-shadow{left:150.77px;top:39.21px;width:248.041px;height:292.071px}.cover-character{left:150.77px;top:42.151px;width:109.053px;height:164.313px}.cover-headphones{left:257.618px;top:101.946px;width:60.805px;height:64.665px}.cover-player{left:69.409px;top:150.959px;width:69.843px;height:59.586px}.cover-flower{left:143.908px;top:146.057px;width:35.296px;height:36.263px}.cover-pencil{left:39.022px;top:288.194px;width:59.618px;height:82.586px}.cover-note{left:223.309px;top:267.609px;width:86.493px;height:91.899px}.cover-pen{left:286.045px;top:188.208px;width:78.777px;height:108.318px}.cover-invitation{left:234.092px;top:298.977px;width:63.471px;height:37.394px}.cover-orb-left{left:57.646px;top:124.492px;width:52.934px;height:52.934px}.cover-orb-small{left:312.512px;top:140.176px;width:48.032px;height:48.032px}.cover-orb-ring{left:-57.043px;top:387.199px;width:158.801px;height:158.801px}.cover-orb-right{left:346.82px;top:267.609px;width:88.223px;height:88.223px}.cover-orb-top{left:258.598px;top:0;width:56.855px;height:56.855px}.cover-footer{display:flex;justify-content:space-between;height:calc(154px * var(--type-scale));padding-inline:calc(32px * var(--type-scale))}.cover-title{position:relative;width:calc(200px * var(--type-scale));height:calc(136px * var(--type-scale))}.cover-enter{position:relative;align-self:flex-end;width:calc(63px * var(--type-scale));height:calc(80px * var(--type-scale));border-radius:32px 32px 6px 6px}.cover-enter:active{filter:brightness(.94)}.page-2{background:linear-gradient(145.28deg,#d6e2ff 12.595%,#e3e6fb 45.842%,#d6e2ff 81.86%)}.companion-backdrop:before{content:"";position:absolute;z-index:-2;top:0;left:calc((402px - var(--backdrop-width, 402px)) / 2);width:var(--backdrop-width, 402px);height:332px;background:linear-gradient(#e7edff6e,#e7edff00)}.companion-backdrop{background:linear-gradient(145.28deg,#d6e2ff 12.595%,#e3e6fb 45.842%,#d6e2ff 81.86%)}.companion-book-layer{position:absolute;z-index:-1;left:calc((402px - var(--backdrop-width, 402px)) / 2);bottom:-35px;width:var(--backdrop-width, 402px);height:538px}.book-background{inset:0;object-fit:cover}.book-wash{position:absolute;bottom:35px;left:0;width:100%;height:243px;background:linear-gradient(#eff2ff00,#eff2ff)}.companion-card{position:absolute;height:80px;padding:15px;background:#e8ebfa66;border:1px solid white;border-radius:16px}.companion-card h3{font-size:20px;line-height:25px}.companion-card p{color:var(--muted);font-size:14px;line-height:17px;margin-top:6px;white-space:nowrap}.companion-card-1{width:144px;left:30px;top:40px}.companion-card-2{width:144px;left:234px;top:96px;background:#e8ebfa33}.companion-card-3{width:158px;left:179px;top:223px;background:#e8ebfa33}.connection{position:absolute}.connection-1{width:7px;height:93.5px;left:167px;top:80.5px;transform-origin:bottom center}.connection-2{width:66.77px;height:123.44px;left:167.97px;top:139.56px;transform-origin:0 27%}.connection-3{display:none}.connection-up{width:77.86px;height:130.02px;left:167.57px;top:43.74px}.connection-left{width:55.69px;height:7.99px;left:111.91px;top:174px}.connection-right{width:117px;height:27.972px;left:167.5px;top:173.514px}.constellation-node{width:14px;height:14px}.node-1{left:167px;top:73px}.node-2{left:227px;top:135px}.node-3{left:172px;top:257px}.ambient-node{width:10px;height:10px}.node-left{left:106px;top:176px}.node-up{left:242px;top:34px}.node-right{left:280px;top:196px}.central-star{width:37.523px;height:37.581px;left:150.238px;top:154.219px}.reading-character{position:absolute;width:156px;height:164px;left:0;top:168px}.reading-body{inset:0;object-fit:cover}.reading-face{left:63.691px;top:77.546px;width:49.239px;height:25.295px;transform:rotate(-13.06deg)}.reading-eyes{left:70.64px;top:82.973px;width:36.391px;height:15.672px;transform:rotate(-.67deg)}.page-3{background:linear-gradient(#d3ddff,#eafaff 48%,#dcfdff)}.growth-background{opacity:.58}.growth-backdrop:after{content:"";position:absolute;z-index:-1;bottom:0;left:calc((402px - var(--backdrop-width, 402px)) / 2);width:var(--backdrop-width, 402px);height:258px;background:linear-gradient(#fce7ff00,#fdefff);opacity:.52}.growth-backdrop{background:linear-gradient(#d3ddff,#eafaff 48%,#dcfdff)}.growth-path{left:175.9px;top:49.76px;width:50.2px;height:388.875px}.step-card{position:absolute}.record-card-border,.step-card-art{inset:0}.step-card h3{position:absolute;z-index:1;font-size:20.689px;line-height:26px;left:14px;top:15px}.step-card p{position:absolute;z-index:1;color:#4b4bba;font-size:11.586px;line-height:17px;font-weight:500;left:14px;top:47px;white-space:nowrap}.step-number{position:absolute;width:25px;height:25px;z-index:2}.step-character{position:absolute}.character-body,.character-face,.character-eyes{opacity:.9}.character-body{z-index:1}.character-glow{opacity:.9}.step-1 .step-card{left:24.07px;top:17px;width:161.304px;height:93.171px}.step-1 .step-card-art{left:1px;width:160.304px;height:93.171px}.step-1 .step-card h3{left:14.93px;top:16px}.step-1 .step-card p{left:14.91px;top:47.94px}.step-1 .step-number{left:188px;top:46px}.step-1 .step-character{left:221px;top:-1px;width:100px;height:125px}.step-1 .character-glow{left:-4.6px;top:13.36px;width:118.2px;height:107.83px}.step-1 .character-face{z-index:2;width:30.657px;height:13.525px;left:35.643px;top:42.739px;transform:rotate(-6.92deg)}.step-1 .character-eyes{z-index:3;width:23.253px;height:11.274px;left:38.96px;top:44.15px}.step-2 .step-card{left:205.756px;top:139.341px;width:164.728px;height:105.575px}.step-2 .step-card h3{left:19.244px;top:22.659px;font-size:20.098px;line-height:25px;transform:rotate(-.64deg)}.step-2 .step-card p{left:19.091px;top:54.285px;font-size:11.255px;line-height:16px;transform:rotate(.27deg)}.step-2 .step-number{left:181px;top:155px}.step-2 .step-character{left:72px;top:119px;width:98px;height:122px}.step-2 .character-glow{left:-11.23px;top:24.01px;width:120.46px;height:95.34px}.step-3 .step-card{left:8.605px;top:267.554px;width:181.623px;height:116.913px}.step-3 .step-card h3{left:22.395px;top:27.446px;font-size:20.7px;transform:rotate(.49deg)}.step-3 .step-card p{left:22.334px;top:60.446px;font-size:11.592px;line-height:17px;transform:rotate(.58deg)}.step-3 .step-number{left:193px;top:274px}.step-3 .step-character{left:212px;top:246px;width:110px;height:136px}.step-3 .character-glow{left:-1.6px;top:16.4px;width:120.96px;height:111.72px}.step-3 .character-face{z-index:2;width:30px;height:15px;left:34.006px;top:47.301px;transform:rotate(-9.2deg)}.creative-eyes{position:absolute;z-index:3;left:37px;top:49px;width:27px;height:15px;overflow:hidden}.creative-eyes .art{width:306.12%;height:555.56%;left:-103.06%;top:-227.78%}.step-4 .step-card{left:214.587px;top:415.123px;width:164.836px;height:93.852px}.step-4 .step-card h3{left:18.413px;top:16.877px;font-size:20.161px;line-height:25px;transform:rotate(.46deg)}.step-4 .step-card p{left:18.498px;top:48.176px;font-size:11.29px;line-height:16px}.step-4 .step-number{left:187px;top:416px}.step-4 .step-character{left:82px;top:394px;width:90px;height:114px}.step-4 .character-glow{left:-14.6px;top:-10.6px;width:118.74px;height:112.27px}.star-accent{width:34.106px;height:34.106px;left:128.315px;top:2.779px;transform:rotate(6.81deg)}.step-4 .character-face{z-index:2;left:30px;top:37px;width:30px;height:15px}.step-4 .character-eyes{z-index:3;left:33.068px;top:39.542px;width:24.181px;height:10.414px;transform:rotate(4.59deg)}.growth-star{position:absolute;z-index:3;overflow:hidden}.growth-star .art{width:512%;height:474.07%;left:-50%;top:-311.11%}.growth-star-large{left:3px;top:76px;width:25px;height:27px}.growth-star-small{left:70px;top:70px;width:11px;height:11px}.growth-star-tiny{left:78px;top:81px;width:11px;height:11px}.page-4{background:linear-gradient(#ffe0f2,#ebd4ff 46%,#d2beff)}.benefits-wash{position:absolute;z-index:-2;top:0;left:calc((402px - var(--backdrop-width, 402px)) / 2);width:var(--backdrop-width, 402px);height:544px;background:linear-gradient(#dee5ff,#eff2ff00)}.benefits-backdrop{background:linear-gradient(#ffe0f2,#ebd4ff 46%,#d2beff)}.quote{width:8.5px;height:13.5px}.quote-start{left:75px;top:3px}.quote-end{left:189px;top:20px;transform:rotate(180deg)}.benefits-content{display:grid;grid-template-rows:minmax(0,1fr) auto auto;min-height:0;padding-bottom:calc(41.748px * var(--space-scale))}.benefit-grid{position:absolute;top:0;left:18px;width:366px;height:301px}.benefit-borders{inset:0}.benefit-card{position:absolute;top:0;left:0;width:178px;height:144px}.benefit-card:nth-of-type(2){left:188px}.benefit-card h3{position:absolute;top:13px;left:16px;display:inline-flex;align-items:center;gap:8px;font-size:18px;line-height:23px;border-radius:37px;background:#fff;padding-right:12px;white-space:nowrap}.benefit-card:nth-of-type(2) h3{left:14px;background:#fffbfe}.benefit-number{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font:900 18px/22px var(--font-body)}.number-1{color:#a7250e;background:#ffdc63}.number-2{color:#bc0097;background:#ff8dd8}.number-3{color:#5a0ea7;background:#c0b7ff}.benefit-card p{position:absolute;z-index:1;left:16px;top:65px;font-size:14px;line-height:18px;font-weight:500;color:#7286ca}.benefit-card:nth-of-type(2) p{left:11px}.benefit-wide{top:154px;width:366px;height:147px}.benefit-wide h3{font-size:22px;line-height:28px;background:#e1e7ff;gap:10px;padding-right:10px}.benefit-wide .benefit-number{width:40px;height:40px;font-size:20px;line-height:24px}.benefit-number.art,.benefit-label.art{position:relative;flex-shrink:0}.benefit-label-slot{position:relative;display:block;width:88px;height:19.866px}.benefit-wide p{top:73px;font-size:15px;line-height:22px}.atlas-icon{display:block;position:absolute;overflow:hidden}.atlas-rocket,.atlas-bulb{width:69px;height:62px;top:70px}.atlas-rocket{left:100px}.atlas-bulb{left:97px}.atlas-rocket .art,.atlas-bulb .art{width:650.51%;height:310.15%;top:-60.53%}.atlas-rocket .art{left:-39.93%}.atlas-bulb .art{left:-178.98%}.atlas-gift{width:163px;height:142px;left:181px;top:5px}.atlas-gift .art{width:370.47%;height:182.91%;left:-176.06%;top:-15.84%}.audience-grid{position:absolute;left:24px;top:0;width:354px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 10.232px;padding:0;list-style:none}.audience-grid li{position:relative;height:50px;border-radius:14px;background:#fffdf6b8;font:400 14px/18px var(--font-display);white-space:nowrap}.audience-grid li>span:not(.atlas-icon){position:absolute;left:59px;top:16px}.audience-grid li:nth-child(3)>span:not(.atlas-icon){left:57px}.audience-grid li:nth-child(2n){background:#f7fdffb8}.audience-grid li:nth-child(3){background:#ffeafcb8}.audience-grid .atlas-icon{width:49px;height:41px;left:10px;top:3px}.audience-grid .atlas-sprout{width:57px;height:47px;left:5.88px;top:0}.audience-grid .atlas-chat{left:9.88px;top:1px}.audience-grid .atlas-icon .art{width:584.35%;height:300.33%}.atlas-book .art{left:-464.21%;top:-58.11%}.atlas-sprout .art{left:-30.04%;top:-185.78%}.atlas-heart .art{left:-160.68%;top:-182.86%}.atlas-chat .art{left:-303.17%;top:-182.86%}.page-5{background:linear-gradient(#ffe8f5,#fff 48%,#ffe8f5)}.join-background{width:calc(var(--backdrop-width, 402px) * 1.047);height:calc(100% + 40px);left:calc((402px - var(--backdrop-width, 402px)) / 2 - 13px);top:6px}.join-wash{position:absolute;z-index:-2;top:0;bottom:0;left:calc((402px - var(--backdrop-width, 402px)) / 2);width:var(--backdrop-width, 402px);background:linear-gradient(#dee5ff,#eff2ff00) top / 100% 332px no-repeat,linear-gradient(#eff2ff00,#dee5ff) bottom / 100% 155px no-repeat}.join-wash:after{content:"";position:absolute;bottom:155px;height:413px;width:100%;opacity:.6;background:linear-gradient(0deg,#e7f1ff33,#e7f1ff 13.847% 74.038%,#e7f1ff00)}.join-backdrop{top:calc(100% - 840px * var(--background-scale, 1));background:linear-gradient(#ffe8f5,#fff 48%,#ffe8f5)}.join-title{position:relative}.join-brand{position:absolute;left:calc(73px * var(--type-scale));top:calc(-6.35px * var(--type-scale));font:400 calc(36px * var(--type-scale)) / calc(44px * var(--type-scale)) var(--font-display)}.join-main{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;row-gap:calc(59px * var(--space-scale));padding-bottom:calc(21.572px * var(--space-scale))}.qr-grid{position:absolute;top:0;left:18px;display:grid;grid-template-columns:176px 176px;gap:14px}.qr-card{position:relative;width:176px;height:251px;padding:0;border:0;background:none;overflow:hidden;border-radius:16px}.qr-surface{left:0;top:3px;width:176px;height:248px}.qr-heading-background{position:absolute;left:0;top:0;width:176px;height:55px;background:#e8edff}.qr-image{position:absolute;top:85px;left:20px;width:136px;height:136px;object-fit:contain;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto}.qr-image-1{opacity:.66}.join-instructions{position:absolute;top:276.92px;left:113.61px;width:175px;height:43px}.closing-message{position:relative;width:402px;height:88px}.closing-orbits{width:329.674px;height:89.924px;left:42.159px;top:-1.968px}.closing-line-1{left:149.2px;top:27.32px;width:94px;height:22.667px}.closing-line-2{left:137.274px;top:63.68px;width:128px;height:24px}.page-body .figma-copy{position:absolute;display:block;margin:0;padding:0;border:0;background:none;opacity:1;transform:none}.figma-copy>.art{inset:0;object-fit:fill}.page-body .figma-copy-flow{position:relative;flex-shrink:0}.page-intro .figma-copy-flow{margin-left:calc((var(--copy-x) - 24px) * var(--type-scale))}.page-intro .lead{margin-top:calc(var(--lead-gap) * var(--space-scale))}.page-intro .description{margin-top:calc(var(--description-gap) * var(--space-scale))}.growth-body{--header-gap: 28.94px;--lead-gap: 27.509px;--description-gap: 13.366px;--scene-gap: 34.714px}.benefits-body{--header-gap: 25.44px;--description-gap: 38.032px;--scene-gap: 28.976px}.join-body{--header-gap: 17.35px;--description-gap: 36.645px;--scene-gap: 58.714px}.page-body .audience-heading{margin-left:calc(25.65px * var(--type-scale));margin-top:calc(20.33px * var(--space-scale));margin-bottom:calc(29.42px * var(--space-scale))}.qr-dialog{max-width:min(88vw,390px);width:390px;padding:0;border:1px solid white;border-radius:24px;color:var(--ink);background:#f4f5ff;box-shadow:0 20px 90px #18205340}.qr-dialog::backdrop{background:#17215566;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.qr-dialog-content{position:relative;padding:32px 24px 24px;text-align:center}.qr-dialog h2{font-size:21px;line-height:1.4;margin-bottom:20px}.dialog-close{position:absolute;right:3px;top:2px;border:0;background:none;width:44px;height:44px;font-size:28px}.dialog-qr{width:100%;aspect-ratio:1;height:auto;background:#fff;padding:10px}.qr-dialog p{margin:16px 0;font-size:13px;color:#6877ae}.save-qr{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 24px;border-radius:28px;background:#6b62f3;color:#fff;font-size:14px}.desktop-navigation{display:none}@media(min-width:768px){.experience{width:480px}}@media(min-width:1100px){body{background:radial-gradient(ellipse at 30% 30%,#f0eafa,transparent 70%),#dce6fc}.experience{box-shadow:0 0 100px #6679b72b}.desktop-navigation{position:fixed;left:calc(50% + 280px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px}.desktop-navigation button{display:flex;align-items:center;gap:10px;background:none;border:0;font-size:12px;min-height:32px;color:#737ea4;text-align:left}.desktop-navigation button span{width:6px;height:6px;border-radius:50%;background:#b0b9da}.desktop-navigation .is-active{color:#5048b4}.desktop-navigation .is-active span{background:#7665ef;box-shadow:0 0 0 4px #7665ef20}}@media(orientation:landscape)and (max-height:540px){.experience{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}