.retro-home{--frame-width:216px;--frame-height:300px;color:#000;background:#fff;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100svh;font-family:Arial,Helvetica,sans-serif;display:flex;position:relative;overflow-x:clip}.retro-title{text-align:center;flex-direction:column;align-items:center;width:100%;padding:40px 24px 0;display:flex}.retro-logo{object-fit:contain;width:180px;height:88px;display:block}.retro-title h1{font-family:var(--font-dm-serif),Georgia,serif;letter-spacing:-.8px;max-width:1100px;margin:32px 0 0;font-size:clamp(28px,3vw,38px);font-weight:400;line-height:1.15}.retro-title h1>span{font-family:var(--font-dm-sans),Arial,sans-serif;letter-spacing:0;margin-top:12px;font-size:17px;font-weight:400;line-height:1.4;display:block}.hero-waitlist{z-index:3;flex-shrink:0;justify-content:center;width:100%;margin:28px 0 40px;padding:0 24px;display:flex;position:relative}.retro-join,.retro-waitlist-content .waitlist-form button{color:#071b76;text-shadow:0 1px #e4fdff;letter-spacing:-.3px;cursor:pointer;background:linear-gradient(#b5f8ff 0%,#40dafa 42%,#20b5ef 44%,#71e9ff 100%);border:2px solid #11116e;border-color:#7bdfff #11116e #11116e #7bdfff;border-radius:4px;font-family:Arial Black,Arial,sans-serif;font-style:italic;font-weight:900;box-shadow:3px 3px #16148c,5px 5px #bbb9d2,inset 0 1px #fff}.retro-join{justify-content:center;align-items:center;min-width:250px;min-height:54px;margin:0;padding:11px 26px;font-size:20px;line-height:1.3;display:flex;transform:rotate(-2deg)}.retro-join:hover{background:linear-gradient(#e3fcff,#54defa);transform:rotate(0)translateY(-2px)}.retro-join:active,.retro-waitlist-content .waitlist-form button:active{translate:2px 2px;box-shadow:1px 1px #16148c}.retro-animation{isolation:isolate;width:100%;height:var(--frame-height);flex-shrink:0;position:relative;overflow:hidden}.retro-motion{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.retro-strip{width:max-content;max-width:min(1150px,100vw - 48px);height:var(--frame-height);scrollbar-width:none;touch-action:pan-x;overscroll-behavior-x:contain;border-radius:25px;display:flex;position:relative;overflow:auto hidden}.retro-strip::-webkit-scrollbar{display:none}.retro-strip-frame{flex:0 0 var(--frame-width);width:var(--frame-width);height:100%;position:relative}.retro-following-frame{margin-left:calc(-1*var(--frame-width));animation:1s ease-out 1.4s both opening-spread}.retro-art{background-color:#e7e7e7;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.retro-art-0{background-image:url(/cliff/photos/cafe.webp);background-position:50%}.retro-art-1{background-image:url(/cliff/photos/anime-cafe-still.webp);background-position:50%}.retro-art-2{background-image:url(/cliff/photos/conversation.webp);background-position:50%}.retro-art-3{background-image:url(/cliff/photos/anime-classroom-still.webp);background-position:50%}.retro-art-4{background-image:url(/cliff/photos/boxer.webp);background-position:50%}.retro-intro{z-index:2;width:var(--frame-width);border-radius:25px;height:100%;animation:1.4s cubic-bezier(.4,0,.2,1) both opening-collapse;position:absolute;overflow:hidden}@keyframes opening-collapse{0%{filter:blur(3px);width:min(1150px,100vw - 48px)}to{width:var(--frame-width);filter:blur()}}@keyframes opening-spread{0%{margin-left:calc(-1*var(--frame-width))}to{margin-left:8px}}.learning-subtitles{z-index:1;text-align:center;font-family:var(--font-dm-sans),Arial,sans-serif;pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:18px;left:7px;right:7px}.learning-original{color:#fff;paint-order:stroke fill;-webkit-text-stroke:2px #112c87;text-shadow:0 2px 2px #10226880;word-break:keep-all;margin:0;font-size:21px;font-weight:700;line-height:1.3}.learning-translation{flex-wrap:wrap;justify-content:center;gap:5px;max-width:100%;display:flex}.learning-translation>span{color:#123c9b;white-space:nowrap;background:#fff;border:2px solid #d4f4ff;border-bottom:4px solid #1765ca;border-radius:10px;justify-content:center;align-items:center;min-height:34px;padding:5px 8px;font-size:15px;font-weight:600;line-height:1.2;display:inline-flex;box-shadow:0 2px #123f97}.retro-footer{flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;width:100%;margin-top:auto;padding:25px 28px 24px;font-size:14px;font-weight:600;line-height:1.6;display:grid;position:relative}.retro-footer-legal{text-align:left;font-size:12px;line-height:1.6}.retro-footer-legal p{margin:0}.retro-footer nav{align-items:center;gap:40px;font-size:14px;display:flex}.retro-footer button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.retro-footer a:hover,.retro-footer nav button:hover{opacity:.6}.retro-waitlist-dialog{z-index:50;color:#000;background:#fff;border:2px solid #131585;border-radius:5px;width:min(560px,100% - 32px);max-height:calc(100svh - 32px);margin:auto;padding:0;position:fixed;inset:0;overflow:auto;box-shadow:8px 8px #15128525,0 24px 100px #0002}.retro-waitlist-dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb8}.retro-waitlist-content{text-align:center;padding:42px 30px 24px;position:relative}.retro-dialog-close{color:#11116e;cursor:pointer;background:0 0;border:0;width:36px;height:36px;font-size:30px;line-height:1;position:absolute;top:12px;right:14px}.retro-dialog-logo{width:180px;height:auto;margin:0 auto 25px}.retro-waitlist-content h2{font-family:var(--font-dm-serif),Georgia,serif;letter-spacing:-1px;color:#0b1a74;font-size:36px;font-weight:400;line-height:1.1}.retro-waitlist-content>p{color:#777;margin:18px 0 26px;font-size:14px;line-height:1.6}.retro-waitlist-content .waitlist-form{box-shadow:none;background:#fff;border:1px solid #afb4d6;border-radius:4px}.retro-waitlist-content .waitlist-form button{white-space:nowrap;padding:13px 17px;font-size:14px}.retro-dialog-privacy{color:#888;margin-top:15px;font-size:11px;display:inline-block}.retro-waitlist-content .waitlist-success{background:#f8f8f8;border-color:#ddd}@media (min-width:1500px){.retro-home{--frame-width:240px;--frame-height:340px}.retro-title{padding-top:40px}.retro-logo{width:200px;height:98px}.retro-strip{max-width:1280px}.hero-waitlist{margin-bottom:40px}}@media (max-width:760px){.retro-home{--frame-width:226px;--frame-height:300px}.retro-title{padding:32px 20px 0}.retro-logo{width:150px;height:73px}.retro-title h1{letter-spacing:-.5px;max-width:460px;margin-top:28px;font-size:29px;line-height:1.12}.retro-title h1>span{max-width:330px;margin:12px auto 0;font-size:15px;line-height:1.4}.hero-waitlist{margin:24px 0 36px}.retro-join{min-width:245px;min-height:52px;font-size:20px}.retro-strip{border-radius:22px;max-width:calc(100vw - 32px)}.learning-original{font-size:22px}.learning-translation>span{font-size:16px}.retro-footer{flex-direction:column;gap:18px;padding:28px 20px 20px;display:flex}.retro-footer nav{order:0;justify-content:space-between;gap:20px;width:100%;font-size:13px}.retro-footer-legal{color:#777;order:1;justify-content:space-between;gap:15px;width:100%;font-size:10px;display:flex}.retro-waitlist-content{padding:42px 16px 20px}.retro-dialog-logo{width:150px}.retro-waitlist-content h2{font-size:30px}}@media (max-width:360px){.retro-home{--frame-width:218px;--frame-height:290px}.retro-title{padding-top:28px}.retro-logo{width:132px;height:64px}.retro-title h1{font-size:26px}.retro-title h1>span{font-size:14px}.hero-waitlist{margin:24px 0 32px}.retro-join{min-width:230px;font-size:18px}.retro-waitlist-content .waitlist-form{flex-direction:column;gap:6px}.retro-waitlist-content .waitlist-form button{width:100%}}@media (prefers-reduced-motion:reduce){.retro-intro{display:none}.retro-following-frame{margin-left:8px;animation:none}}.retro-art-1{background-position:76%}.retro-art-3{background-position:22%}.cliff-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;width:min(1150px,100%);padding:112px 28px 100px;display:grid}.cliff-step{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex}.cliff-wordart{color:#31d5f5;letter-spacing:-2px;-webkit-text-stroke:1px #091ea7;paint-order:stroke fill;text-shadow:1px 1px #1226ac,2px 2px #1226ac,3px 3px #1226ac,4px 4px #1226ac,5px 5px #1226ac;margin:0 0 38px;font-family:Arial Black,Arial,sans-serif;font-size:clamp(32px,3.5vw,48px);font-style:italic;font-weight:900;line-height:1.02;transform:rotate(-3deg)}.cliff-step:nth-child(2) .cliff-wordart{transform:rotate(2deg)}.step-visual{flex-direction:column;justify-content:center;align-items:center;width:238px;max-width:100%;height:210px;display:flex;position:relative}.step-scene{background:#ddd url(/cliff/photos/conversation.webp) 50%/cover;border-radius:18px;width:190px;height:240px;margin-top:-8px;overflow:hidden;transform:rotate(-5deg);box-shadow:5px 6px #1126a4}.scene-caption{color:#fff;-webkit-text-stroke:2px #112c87;paint-order:stroke fill;font-size:23px;font-weight:700;position:absolute;bottom:22px}.step-native{color:#102b9d;letter-spacing:-1px;margin:0 0 22px;font-size:26px;font-weight:700}.step-word-tiles{justify-content:center;align-items:center;gap:8px;min-height:58px;display:flex}.step-word-tiles button{color:#123c9b;cursor:pointer;background:#fff;border:2px solid #d4f4ff;border-bottom:4px solid #1765ca;border-radius:12px;min-height:48px;padding:10px 12px;font-size:18px;font-weight:600;box-shadow:0 3px #123f97}.step-word-tiles button[aria-pressed=true]{background:#dffaff;font-size:16px}.step-word-tiles button:active{box-shadow:none;transform:translateY(2px)}.step-hint{color:#52618a;margin-top:24px;font-size:13px;line-height:1.4}.step-unlock{color:#102294;cursor:pointer;text-shadow:0 1px #fff;background:linear-gradient(#c0f8ff,#40dafa 45%,#20b5ef 46%,#71e9ff);border:2px solid #11116e;border-color:#b5f8ff #11116e #11116e #b5f8ff;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:13px;width:210px;min-height:140px;font:italic 900 21px Arial Black,Arial,sans-serif;display:flex;transform:rotate(4deg);box-shadow:4px 4px #16148c,6px 6px #bbb9d2,inset 0 1px #fff}.step-unlock svg{width:46px;height:46px}.step-unlock:hover{transform:rotate(1deg)}.step-unlock:active{translate:2px 2px}.is-unlocked .step-unlock{background:linear-gradient(#fff,#c0f8ff)}.is-unlocked .step-lock-shackle{transform-origin:34px 22px;transform:translate(5px,-5px)rotate(12deg)}.cliff-steps button:focus-visible{outline-offset:6px;outline:3px solid #1010b9}@media (max-width:760px){.cliff-steps{grid-template-columns:1fr;gap:78px;padding:84px 24px 80px}.cliff-wordart{margin-bottom:30px;font-size:46px}.step-visual{height:180px}.step-scene{height:240px}}