:root{--deep-space:#0d0d1a;--space-blue:#1a1a2e;--star-gold:#ffd166;--star-gold-pale:#f2d7a6;--nebula-cyan:#38cfe6;--cosmic-purple:#6c63ff;--text:#ffffffd1;--text-soft:#fff9;--font-heading:"DynaPuff", system-ui, sans-serif;--font-body:"Nunito", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{background:var(--deep-space)}html,body{color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:18px;line-height:1.55}h1,h2,h3{font-family:var(--font-heading);color:var(--star-gold-pale);margin:0;font-weight:600;line-height:1.1}a{color:var(--nebula-cyan)}img,video{max-width:100%;display:block}.starfield{z-index:-1;pointer-events:none;background:var(--deep-space);position:fixed;inset:0;overflow:hidden}.nebula{filter:blur(80px);border-radius:50%;position:absolute}.nebula-purple{background:radial-gradient(circle,#6c63ff47,#0000 70%);width:60vmax;height:60vmax;top:-15vmax;left:-10vmax}.nebula-cyan{background:radial-gradient(circle,#38cfe629,#0000 70%);width:50vmax;height:50vmax;bottom:-20vmax;right:-15vmax}.nebula-gold{background:radial-gradient(circle,#ffd16612,#0000 70%);width:35vmax;height:35vmax;top:40%;left:55%}.star{opacity:.3;background:#fff;border-radius:50%;animation-name:twinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}@keyframes twinkle{0%,to{opacity:.25}50%{opacity:.95}}@media (prefers-reduced-motion:reduce){.star{opacity:.6;animation:none}}.intro{--p:0;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(16px,3vh,32px);min-height:100svh;padding:48px 24px;display:flex;overflow:hidden}.musey-drift{transform:translateY(calc(var(--p) * -28vh)) scale(calc(1 - var(--p) * .8));opacity:calc(1 - var(--p) * .9);will-change:transform, opacity}.musey-arrive{opacity:0}.musey-bob{filter:drop-shadow(0 0 40px #38cfe659);width:clamp(140px,19vw,240px);height:auto;animation:4.5s ease-in-out 4.2s infinite musey-bob}@keyframes musey-bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-14px)rotate(2deg)}}.intro-words{opacity:calc(1 - var(--p) * 1.6);transform:translateY(calc(var(--p) * -6vh))}.intro-title{font-size:clamp(48px,9vw,112px);animation:1s ease-out 3.7s both words-in}.intro-line{color:var(--nebula-cyan);margin:14px 0 0;font-size:clamp(18px,2vw,24px);animation:1s ease-out 4.1s both words-in}@keyframes words-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.musey-arrive{opacity:1}.musey-bob,.intro-title,.intro-line{animation:none}.musey-drift,.intro-words{transform:none}}.phone{background:#05050c;border-radius:44px;width:clamp(220px,24vw,300px);padding:10px;transition:transform .4s,box-shadow .4s;position:relative;box-shadow:0 0 0 2px #ffffff14,0 0 60px #38cfe62e,0 30px 60px #00000080}.phone.is-landscape{border-radius:36px;width:clamp(320px,52vw,640px)}.phone-screen{background:#000;border-radius:34px;overflow:hidden}.phone.is-landscape .phone-screen{border-radius:26px}.phone-screen img,.phone-screen video{width:100%;height:auto}.phone.is-playing{transform:translateY(-6px);box-shadow:0 0 0 2px #38cfe659,0 0 80px #38cfe659,0 36px 70px #0000008c}.phone-hint{width:40px;height:40px;color:var(--deep-space);pointer-events:none;background:#38cfe6d9;border-radius:50%;place-items:center;padding-left:3px;font-size:15px;transition:opacity .3s,transform .3s;display:grid;position:absolute;bottom:22px;right:22px;box-shadow:0 0 20px #38cfe699}.phone.is-playing .phone-hint{opacity:0;transform:scale(.6)}@media (prefers-reduced-motion:reduce){.phone,.phone.is-playing{transition:none;transform:none}}.between{z-index:2;width:0;height:0;position:absolute;top:-56px;left:50%}.between-musey{--from:-160px;opacity:0;transform:translate(-50%, -50%) translateX(var(--from));transition:opacity 1.2s,transform 1.6s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0}.between-musey.side-left{--from:-160px}.between-musey.side-right{--from:160px}.between-musey.is-visible{opacity:1;transform:translate(-50%,-50%)}.between-musey img{filter:drop-shadow(0 0 14px #38cfe680);width:64px;max-width:none;height:auto;animation:3.5s ease-in-out infinite between-bob;display:block}@keyframes between-bob{0%,to{transform:translateY(0)rotate(11deg)}50%{transform:translateY(-8px)rotate(15deg)}}.between-bubble{width:max-content;max-width:240px;color:var(--star-gold-pale);text-align:left;opacity:0;background:#1a1a2ee0;border:1px solid #38cfe659;border-radius:16px;margin:0;padding:10px 14px;font-size:15px;font-weight:700;line-height:1.35;transition:opacity .5s 1s,transform .5s 1s;position:absolute;top:50%;transform:translateY(-50%)scale(.9);box-shadow:0 8px 24px #0006}.side-left .between-bubble{border-bottom-right-radius:4px;right:72px}.side-right .between-bubble{border-bottom-left-radius:4px;left:72px}.between-musey.is-visible .between-bubble{opacity:1;transform:translateY(-50%)scale(1)}@media (width<=860px){.between{top:clamp(40px,6vh,64px);left:22%}.between-musey.side-left,.between-musey.side-right{--from:-100px}.between-musey img{width:52px}.side-left .between-bubble,.side-right .between-bubble{border-radius:16px 16px 16px 4px;max-width:62vw;left:60px;right:auto}}@media (prefers-reduced-motion:reduce){.between-musey,.between-bubble{transition:none}.between-musey{opacity:1;transform:translate(-50%,-50%)}.between-bubble{opacity:1;transform:translateY(-50%)}.between-musey img{animation:none}}.section{opacity:0;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,6vw,96px);max-width:1200px;margin:0 auto;padding:clamp(80px,14vh,160px) clamp(24px,5vw,64px);transition:opacity .9s,transform .9s;display:grid;position:relative;transform:translateY(40px)}.section.is-visible{opacity:1;transform:translateY(0)}.section.is-flipped .section-words{order:2}.section.is-wide{grid-template-columns:.8fr 1.2fr}.section.is-wide.is-flipped{grid-template-columns:1.2fr .8fr}.section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--nebula-cyan);margin:0 0 14px;font-size:14px;font-weight:800}.section-headline{font-size:clamp(34px,4.4vw,60px)}.section-line{max-width:32ch;color:var(--text);margin:20px 0 0;font-size:clamp(18px,1.6vw,21px)}.section-clips{justify-content:center;align-items:center;gap:clamp(16px,3vw,32px);display:flex;position:relative}.section.is-pair .phone{width:clamp(150px,17vw,240px)}@media (width<=860px){.section,.section.is-wide,.section.is-wide.is-flipped{text-align:center;grid-template-columns:1fr}.section.is-flipped .section-words{order:0}.section-line{margin-left:auto;margin-right:auto}.section-clips{position:static}.section.is-wide .phone.is-landscape{width:min(100%,560px)}}@media (prefers-reduced-motion:reduce){.section{opacity:1;transition:none;transform:none}}.finale{text-align:center;opacity:0;flex-direction:column;align-items:center;max-width:900px;margin:0 auto;padding:clamp(80px,14vh,160px) 24px clamp(100px,16vh,180px);transition:opacity .9s,transform .9s;display:flex;transform:translateY(40px)}.finale.is-visible{opacity:1;transform:translateY(0)}.finale .phone{width:clamp(190px,20vw,250px)}.finale-headline{margin-top:clamp(40px,6vh,64px);font-size:clamp(36px,5vw,68px)}.finale-line{color:var(--nebula-cyan);margin:18px 0 0;font-size:clamp(18px,1.8vw,22px)}@media (prefers-reduced-motion:reduce){.finale{opacity:1;transition:none;transform:none}}.footer{text-align:center;max-width:900px;font-family:var(--font-body);color:var(--text-soft);border-top:1px solid #0000;border-image:linear-gradient(90deg,#0000,#38cfe659,#0000) 1;margin:0 auto;padding:36px 24px 48px}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;font-size:15px;font-weight:700;display:flex}.footer-project{margin:12px 0 0;font-size:15px;font-weight:700}.footer-links a,.footer-project a{color:var(--text);text-decoration:none;transition:color .25s,text-shadow .25s}.footer-links a:hover,.footer-links a:focus-visible,.footer-project a:hover,.footer-project a:focus-visible{color:var(--star-gold);text-shadow:0 0 12px #ffd16680}.footer-dot{color:var(--text-soft)}.footer-copy{margin:14px 0 0;font-size:13px}.page{text-align:center;box-sizing:border-box;max-width:640px;min-height:70vh;margin:0 auto;padding:clamp(96px,16vh,160px) 24px 80px}.page-back{font-family:var(--font-body);color:var(--text-soft);margin-bottom:20px;font-size:15px;font-weight:700;text-decoration:none;transition:color .25s,text-shadow .25s;display:inline-block}.page-back:hover,.page-back:focus-visible{color:var(--star-gold);text-shadow:0 0 12px #ffd16680}.page-title{margin:0 0 28px;font-size:clamp(40px,6vw,64px)}.page-text{max-width:34ch;font-family:var(--font-body);color:var(--text);margin:0 auto 18px;font-size:clamp(17px,1.6vw,20px);line-height:1.6}.page-text a{color:var(--nebula-cyan);font-weight:700;text-decoration:none;transition:color .25s,text-shadow .25s}.page-text a:hover,.page-text a:focus-visible{color:var(--star-gold);text-shadow:0 0 12px #ffd16680}