:root{--bg:#09090c;--pink:#f3a0ac;--pink-bright:#F06292;--muted:#9c989f;--ink:#f7f5f6;--line:rgba(255,255,255,.12);--mono:ui-monospace,SFMono-Regular,Menlo,monospace;--sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a,button{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0}a,button{color:inherit}a{text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--pink);outline-offset:6px}a:hover,button:hover{color:#fff}::selection{background:#9c3f5b;color:#fff}.nav{height:88px;position:absolute;top:0;left:0;right:0;padding:0 4.4%;justify-content:space-between;z-index:20;border-bottom:1px solid rgba(255,255,255,.065)}.brand,.nav{display:flex;align-items:center}.brand{gap:11px;font-size:21px;font-weight:650;letter-spacing:1px}.brand img{object-fit:contain}.brand small{display:block;font-size:9px;font-family:var(--mono);letter-spacing:4px;color:#a9a0a4;margin-top:2px}.nav nav{display:flex;gap:36px;font-size:14px;color:#b7b3ba}.nav-cta{font-size:14px;border:1px solid #ffffff2d;border-radius:99px;padding:10px 18px;background:#ffffff07}.nav-cta span{margin-left:16px;color:#a9a0a4}.scroll-story{height:240svh;position:relative}.sticky-stage{height:100svh;min-height:640px;position:sticky;top:0;overflow:hidden;isolation:isolate}.ambient{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 50% 69%,#4a1c322a,transparent 49%),radial-gradient(ellipse at 50% 110%,#b05c7330,transparent 52%)}.horizon{position:absolute;left:-25%;right:-25%;bottom:-210px;height:310px;border-radius:50%;border-top:1px solid #f8a1bd1c;background:radial-gradient(ellipse at 50% 0,#fa83b10b,transparent 65%);box-shadow:0 -12px 80px #f6a0b608;z-index:-1}.hero-copy{position:absolute;top:128px;left:24px;right:24px;text-align:center;z-index:6;will-change:transform,opacity}.eyebrow{font:12px var(--mono);letter-spacing:3.6px;color:#c89ca9;margin:0 0 22px}h1{font-size:clamp(40px,5.4vw,80px);font-weight:590;line-height:1.22;letter-spacing:-3px;margin:0}h1 span{background:linear-gradient(105deg,#fff3f6 4%,#f4b1c0 59%,#9d7189);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.intro{font-size:16px;letter-spacing:.5px;color:#aaa1ab;margin:22px 0 0}.watch{background:none;font-size:13px;color:#eee1e7;margin-top:17px;padding:8px;border-bottom:1px solid #ffffff20}.watch span{margin-left:12px;color:var(--pink)}.scene-viewport{position:absolute;inset:0;pointer-events:none}.scene{left:50%;top:61%;width:1320px;height:520px;transform:translate(-50%,-50%) scale(.92);transform-origin:center;--face:0;--reveal:0;--float:0;--flip:0}.flow,.scene{position:absolute}.flow{inset:0;width:100%;height:100%;overflow:visible}.input-label,.output-label{position:absolute;top:142px;display:flex;align-items:center;gap:15px;color:#d2bfc7;font-size:14px;letter-spacing:1px}.input-label{left:190px}.output-label{right:165px;opacity:.6}.input-label small,.output-label small{display:block;font:10px var(--mono);letter-spacing:2px;margin-top:9px;color:#726570}.tiny-wave{font-size:18px;letter-spacing:2px;color:var(--pink)}.output-arrow{font-size:28px;color:#eeb0c5}.device-position{left:660px;top:260px;width:228px;height:476px;margin:-238px 0 0 -114px;perspective:1300px}.device,.device-position{position:absolute;transform-style:preserve-3d;will-change:transform}.device{inset:0;border-radius:35px;transform:rotateY(-24deg)}.glass-back,.glass-edge,.glass-face,.glass-sheen{position:absolute;inset:0;border-radius:35px}.glass-back{transform:translateZ(-8px);background:linear-gradient(125deg,#f3dde919,#35303a15 40%,#d7ced727);border:1px solid #ffffff70;box-shadow:inset 0 0 24px #fff2,0 0 42px #eca1c026}.glass-face{transform:translateZ(1px);overflow:hidden;background:linear-gradient(120deg,#ffffff30,#ffffff02 35%,#d7bdca15 65%,#ffffff3b);border:1px solid #fff9;box-shadow:inset 0 0 12px #ffffff40,0 0 2px #fff,0 0 35px #f3abc321}.glass-edge{inset:1px auto 1px -4px;width:10px;transform:rotateY(90deg);transform-origin:center;background:linear-gradient(90deg,#ddd0df,#fff,#e3bbd4,#62545e);box-shadow:0 0 10px #f8c4dd,0 0 35px #f79ecc75;border:1px solid #fff9;border-radius:7px}.glass-reflection{position:absolute;inset:-80%;background:linear-gradient(110deg,transparent 42%,#fff3 48%,#fff8 49%,#fff1 51%,transparent 55%);transform:translateX(-4%) rotate(-10deg)}.glass-sheen{transform:translateZ(11px);background:linear-gradient(116deg,transparent 15%,#ffffff02 30%,#ffffff45 44%,#ffffff08 48%,transparent 60%);opacity:.08;pointer-events:none;border:1px solid #ffffff50}.phone-screen{position:absolute;inset:5px;border-radius:31px;overflow:hidden;transform:translateZ(4px);background:#fafafa;opacity:1;backface-visibility:hidden;box-shadow:0 30px 80px #0009}.app-screen{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.score-float{position:absolute;left:803px;top:102px;width:425px;padding:14px;border-radius:19px;background:linear-gradient(140deg,#302630,#1c171e);border:1px solid #ffffff37;box-shadow:inset 0 1px #fff2,0 20px 50px #0004;opacity:0;visibility:hidden;transform:translate(35px,20px);will-change:transform,opacity}.float-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:1px;margin:0 3px 12px;color:#f4e8ee}.float-heading>div{display:flex;align-items:center;gap:8px}.live-dot{width:5px;height:5px;background:#f4b3c5;box-shadow:0 0 8px #f4b3c5;border-radius:50%}.float-meta{font:9px var(--mono);letter-spacing:.6px;color:#b8a8b4}.score-paper{background:#f7f3f4;color:#332631;border-radius:8px;padding:17px 15px 12px;box-shadow:0 4px 18px #0002}.paper-heading{display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:16px}.paper-heading>span:last-child{font:11px var(--mono);color:#88717c}.paper-key{margin-left:12px}.stage-caption{position:absolute;left:5%;bottom:100px}.stage-caption>span{font:11px var(--mono);letter-spacing:2px;color:#9c788c}.stage-caption p{font-size:23px;font-weight:500;letter-spacing:1px;margin:12px 0 0}.story-controls{position:absolute;bottom:35px;left:5%;display:flex;align-items:center;gap:24px}.chapters{position:relative;display:flex;gap:3px;border-bottom:1px solid #ffffff20;padding-bottom:12px}.chapters button{background:none;font-size:12px;color:#79727d;padding:8px 15px}.chapters button:first-child{padding-left:0}.chapters button.active{color:#f0d4e0}.chapters button span{font:10px var(--mono);margin-right:6px;color:#ad8c9e}.chapters i{position:absolute;bottom:-1px;left:0;height:1px;background:#ffd9e8;box-shadow:0 0 9px #f3a0ac;width:100%;transform:scaleX(.07);transform-origin:left;will-change:transform}.replay{background:none;color:#8c7d88;font-size:17px}.replay span{font-size:12px;margin-left:4px}.scroll-hint{position:absolute;right:5%;bottom:52px;font-size:12px;color:#b3a4af;letter-spacing:1px}.scroll-hint span{margin-left:22px;color:#e8c1d5}.demo-note{position:absolute;right:5%;bottom:28px;font-size:10px;color:#746771}.outro{position:relative;text-align:center;padding:145px 24px 130px;background:radial-gradient(ellipse at 50% 0,#6b2d431f,transparent 65%);border-top:1px solid #ffffff0d}.outro h2{font-size:clamp(32px,4vw,60px);letter-spacing:-2px;font-weight:550;margin:0}.outro h2 span{color:#edb8c9}.outro>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#9d929e;margin:25px 0}.outro-actions{display:flex;justify-content:center;gap:12px;margin-top:35px}.primary-button,.secondary-button{border-radius:99px;padding:15px 23px;font-size:14px;display:inline-block}.primary-button{background:#f4c1cc;color:#291921;box-shadow:0 5px 40px #eb8cb52a}.primary-button:hover{background:#fbd9e0;color:#291921}.primary-button span{margin-left:22px}.secondary-button{background:#ffffff08;border:1px solid #ffffff25;color:#d1c7ce}.outro-meta{display:flex;justify-content:center;gap:22px;margin-top:28px;font:11px var(--mono);color:#9c788b}.outro .download-note{font-size:12px!important;color:#766874!important}.mobile-break{display:none}footer{border-top:1px solid #ffffff12;padding:26px 5% 30px;display:flex;flex-direction:column;gap:16px;color:#766c77;font-size:12px}.footer-main{display:flex;align-items:center;justify-content:space-between}.footer-main .brand{font-size:16px;color:#c7b8c2}.footer-compliance{display:flex;flex-wrap:wrap;align-items:center;gap:14px;color:#6b626c;font-size:12px}.footer-compliance a{display:inline-flex;align-items:center;gap:4px;color:#8b8189}.footer-compliance a:hover{color:#d1c7ce}.footer-compliance img{height:16px;display:block}@media (min-width:1500px){.hero-copy{top:145px}.scene{top:62%}}@media (max-height:760px) and (min-width:761px){.hero-copy{top:108px}.eyebrow{margin-bottom:12px}h1{font-size:54px}.intro{margin-top:13px}.watch{margin-top:6px}.stage-caption{bottom:94px}.stage-caption p{font-size:18px}.scene{top:64%}}@media (max-width:760px){.nav{height:73px;padding:0 20px}.nav .brand{font-size:17px;gap:6px}.nav .brand img{width:36px;height:36px}.brand small{font-size:8px}.nav nav{display:none}.nav-cta{font-size:12px;padding:9px 14px}.nav-cta span{margin-left:8px}.scroll-story{height:240svh}.sticky-stage{min-height:620px}.hero-copy{top:113px;left:18px;right:18px}.eyebrow{font-size:10px;letter-spacing:2.8px;margin-bottom:19px}h1{font-size:clamp(30px,8.4vw,56px);letter-spacing:-1.8px}.intro{font-size:13px;line-height:1.8;max-width:280px;margin:17px auto 0}.watch{font-size:12px;margin-top:8px}.scene{top:60%}.input-label{left:360px;top:154px}.output-label{right:350px;top:374px}.input-label small,.output-label small{font-size:12px}.score-float{width:360px;left:660px;top:270px;padding:12px}.score-paper{padding:12px}.float-meta{font-size:9px}.stage-caption{left:24px;bottom:122px}.stage-caption p{font-size:17px;margin-top:8px}.stage-caption>span{font-size:10px}.story-controls{left:24px;bottom:60px;gap:16px}.chapters button{font-size:12px;padding:6px 11px}.scroll-hint{left:24px;right:auto;bottom:27px;font-size:10px}.scroll-hint span{margin-left:12px}.demo-note{font-size:8px;right:20px;bottom:28px}.outro{padding:100px 24px 85px}.outro h2{font-size:32px;letter-spacing:-1px}.outro>p:not(.eyebrow){font-size:14px}.mobile-break{display:block}footer{padding:22px 24px 26px}.footer-main{flex-wrap:wrap;gap:12px}.footer-main>span{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition:none!important}.scroll-story{height:100svh;min-height:640px}.scroll-hint{display:none}}@media (max-width:760px){.scene{top:58.5%}.score-float{left:630px;width:320px}.outro-actions{flex-wrap:wrap}.input-label{left:290px;top:152px}.input-label,.input-label .tiny-wave,.output-label{display:none}}.glass-edge{display:none}.result-screen,.submission-screen{visibility:hidden}.scroll-story[data-chapter="1"] .submission-screen,.scroll-story[data-chapter="2"] .result-screen{visibility:visible}.scroll-story[data-chapter="2"] .import-screen{visibility:hidden}.submission-screen{position:absolute;inset:0;background:#faf8fa;color:#30252e;padding:58px 18px 20px}.submission-kicker{font-size:10px;color:#bc4e77;letter-spacing:2px}.submission-screen strong{display:block;font-size:19px;margin-top:15px;line-height:1.4}.submission-screen p{color:#82747e;font-size:11px;line-height:1.9;margin:12px 0 20px}.mode-options{display:flex;gap:8px}.mode-options span{flex:1 1;border-radius:9px;padding:10px 8px;text-align:center;background:#f8e4ed;color:#a53d66;font-size:12px}.tuning-options{margin-top:12px;font:10px var(--mono);color:#786873}.submission-screen ol{padding:19px 0 0 18px;border-top:1px solid #e6dce2;margin-top:22px;font-size:11px;line-height:2.8}.submission-screen small{display:block;font-size:8px;color:#8f7b87;margin-top:20px}.tab-preview{height:160px;overflow:hidden;position:relative;border-radius:4px;background:white}.tab-preview img{display:block;width:100%;height:auto;transform:translateY(-34%)}.paper-footer{display:flex;justify-content:space-between;gap:8px;color:#917985;font-size:9px;margin-top:12px}.result-summary{margin:14px 4px 2px;font-size:11px;line-height:1.8;color:#d4bac7}.features{max-width:1200px;margin:0 auto;padding:88px 32px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:48px;gap:48px;border-top:1px solid var(--line)}.features article>span{font:10px var(--mono);letter-spacing:2px;color:#bc8c9f}.features h2{font-size:21px;font-weight:550;margin:20px 0 12px}.features p{color:#aaa1ab;font-size:14px;line-height:1.9;margin:0}@media (max-width:760px){.score-float{left:650px;top:228px;width:330px}.tab-preview{height:115px}.float-heading{font-size:11px}.float-meta{display:none}.features{grid-template-columns:1fr;gap:32px;padding:56px 24px}.features h2{margin-top:12px}.demo-note{left:24px;right:auto;bottom:10px;font-size:8px}}@media (prefers-reduced-motion:reduce){.scroll-story{height:auto}.sticky-stage{position:relative}}@media (max-width:760px){.stage-caption{right:24px}}