/* FYPO: an immersive opening, with a playful, tactile community beneath it. */
body{background:#f7f8fc}header,main,footer{max-width:none}header{position:absolute;z-index:10;top:26px;left:4%;right:4%;margin:0 auto;max-width:1280px;padding:19px 25px;border:1px solid #ffffff2b;border-radius:20px;background:#142a4bce;backdrop-filter:blur(20px);color:white;box-shadow:0 15px 50px #0002}header .logo{font-size:2rem}header .logo span{color:#c3cfe1}nav{gap:1.7rem}nav .waitlist-nav{color:#c7ff64}nav .small{background:#fff;color:var(--navy);border-radius:10px}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:#c7ff64;z-index:100;transform:scaleX(0);transform-origin:left;pointer-events:none}.hero{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:0;padding:180px 6% 70px;min-height:100svh;background:radial-gradient(ellipse at 50% 28%,#263d77 0%,#122954 34%,#0a1f44 67%);color:white}.hero:before,.hero:after{content:'';position:absolute;z-index:-1;left:50%;top:45%;width:1100px;height:650px;border:1px solid #b9aaff21;border-radius:50%;transform:translate(-50%,-50%) rotate(-23deg);pointer-events:none}.hero:after{width:1250px;height:900px;transform:translate(-50%,-50%) rotate(26deg)}.hero-copy{width:100%;max-width:1020px;text-align:center;position:relative;z-index:1}.hero-copy .eyebrow{color:#c7ff64;font-size:.75rem;margin-bottom:1.7rem}.hero h1{font-size:clamp(4.5rem,8vw,7.5rem);line-height:.98;letter-spacing:-.065em;font-weight:700;margin-bottom:2rem}.hero h1 em{color:#b9a6ff;display:inline-block;position:relative}.hero h1 em:after{content:'';position:absolute;left:0;right:0;bottom:-.06em;height:.065em;background:#c7ff64;border-radius:50%;transform:rotate(-3deg);opacity:.9}.hero .intro{font-size:1.1rem;line-height:1.7;max-width:540px;margin:0 auto 1.7rem;color:#d3dcf0}.hero-copy>.button{border-radius:999px;background:#c7ff64;color:var(--navy);gap:2.5rem;padding:1rem 1.7rem;box-shadow:0 8px 35px #0002}.hero-copy>.button:hover{background:#dbffa1;transform:translateY(-3px)}.hero .note{color:#b6c4df;margin-top:1rem}.poster{position:relative;z-index:2;width:100%;max-width:1040px;margin:65px auto 0;padding:0;background:none;box-shadow:none;transform:none;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.poster-top,.poster-bottom{padding:0 3px 20px;font-size:.75rem;color:#aabbd9;letter-spacing:.12em}.poster-bottom{padding:28px 3px 0}.poster-bottom span:last-child{color:#c7ff64;font-size:1.9rem}.tiles{grid-template-columns:repeat(4,1fr);gap:18px;align-items:center}.tile{border-radius:22px;min-height:235px;padding:20px;box-shadow:0 18px 32px #0003,inset 0 1px 0 #ffffff4d;transform:translateY(var(--lift,0)) rotate(var(--turn,0deg));transition:transform .35s,box-shadow .35s}.tile.art{--turn:-6deg;--lift:7px}.tile.music{--turn:3deg;--lift:-10px}.tile.food{--turn:-3deg;--lift:-5px}.tile.move{--turn:6deg;--lift:10px}.tile:hover,.tile:focus-visible{transform:translateY(-16px) rotate(0);box-shadow:0 28px 45px #0005;z-index:3}.tile h2{font-size:clamp(1.4rem,2vw,1.8rem);line-height:1.08}.tile-number{font-size:.75rem;top:18px}.art-mark,.music-mark,.food-mark,.move-mark{opacity:.38;font-size:7rem}.art-mark{top:27px;right:-3px}.music-mark{top:28px}.food-mark{top:25px}.move-mark{top:21px}.how{padding:110px max(6%,calc((100vw - 1180px)/2));background:#f7f8fc;border:0;position:relative}.section-heading h2{font-size:clamp(2.4rem,4.4vw,4rem);line-height:1.08;font-weight:700;letter-spacing:-.055em}.how>.section-heading{text-align:center}.how .eyebrow{color:var(--purple)}.steps{gap:20px;margin-top:60px}.steps article{padding:30px 27px 34px;background:white;border:1px solid #e1e5ed;border-radius:22px;box-shadow:0 12px 32px #0a1f4407;transition:transform .3s,box-shadow .3s}.steps article:hover{transform:translateY(-8px);box-shadow:0 20px 35px #0a1f4410}.step{border:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:50%;background:#ede8ff;font-weight:700}.steps article:nth-child(2) .step{background:#d0f5f3;color:#087c78}.steps article:nth-child(3) .step{background:#e4f8c7;color:#355915}.steps h3{font-size:1.25rem;margin-top:1.8rem}.steps p{font-size:1rem;line-height:1.75}.interests{background:#ede8ff;padding:100px max(6%,calc((100vw - 1080px)/2));border-radius:45px 45px 0 0;position:relative;text-align:center}.interests .eyebrow{color:#6044c8}.interest-help{margin-top:2rem}.interest-list{justify-content:center;gap:14px;margin-top:25px}.interest-chip{padding:17px 24px;border:1px solid #fff;border-radius:18px;box-shadow:0 6px 0 #dbd4f3;font-size:1rem;transition:transform .2s,box-shadow .2s,background .2s}.interest-chip:nth-child(3n+1){transform:rotate(-2deg)}.interest-chip:nth-child(3n+2){transform:rotate(2deg)}.interest-chip:hover{transform:translateY(-5px) rotate(0);box-shadow:0 10px 0 #d5cbf5}.interest-chip[aria-pressed=true]{background:var(--navy);border-color:var(--navy);box-shadow:0 6px 0 #6c47ff;transform:translateY(-3px)}.interest-actions{margin-top:35px;gap:1rem 2rem}.interest-actions p{flex-basis:40%;text-align:left}.surprise{background:white;border:1px solid #d6c9ff;border-radius:999px;padding:9px 20px;font-size:.9rem}.interest-actions .text-link{white-space:nowrap}.waitlist{padding:110px max(6%,calc((100vw - 1120px)/2));gap:8%;background:#f7f8fc}.waitlist h2{font-size:clamp(2.5rem,4.6vw,4.2rem)}.waitlist-copy .eyebrow{color:var(--purple)}.waitlist-copy>p:not(.eyebrow){font-size:1.15rem;max-width:405px}.waitlist-spark{font-size:7rem;color:#6c47ff;transform:rotate(14deg);line-height:.8;transition:transform .5s}.waitlist-copy:hover .waitlist-spark{transform:rotate(100deg)}.signup-panel{padding:38px;border-radius:26px;background:white;border:1px solid #dce2ec;box-shadow:0 24px 70px #0a1f4410,7px 7px 0 #ede8ff;transform:rotate(1deg)}.signup-panel form,.signup-panel #signup-success{transform:rotate(-1deg)}.signup-panel input[type=email]{border:1px solid #c6cede;background:#f8f9fc;border-radius:12px;padding:17px}.signup-panel .button{border-radius:12px;padding:17px 20px}.app{padding:95px max(6%,calc((100vw - 1120px)/2));background:radial-gradient(ellipse at 10% 120%,#3c327e,var(--navy) 65%);gap:6rem;position:relative;overflow:hidden}.app h2{font-size:clamp(3rem,5.5vw,5rem);font-weight:700}.app .light{border-radius:999px}.app-copy>p:first-child{font-size:1.2rem;line-height:1.8}.app .eyebrow{color:#c7ff64}footer{position:relative;background:var(--navy);color:white;border-top:1px solid #ffffff1f;padding:35px 6% 55px}footer .logo{font-size:2.8rem}footer>span{color:#b6c4df}.reveal-in{animation:rise-in .7s cubic-bezier(.2,.7,.2,1) both}@keyframes rise-in{from{opacity:.3;translate:0 24px}to{opacity:1;translate:0 0}}
@media(min-width:1600px){.hero{padding-top:200px}.hero h1{font-size:8rem}}
@media(max-width:1000px){header{top:18px;padding:16px 20px}nav{gap:1rem}.hero{padding-top:160px}.tile{padding:16px;min-height:220px}.tile h2{font-size:1.5rem}.steps article{padding:25px 20px}.waitlist{gap:5%}.signup-panel{padding:26px}.app{gap:3rem}}
@media(max-width:850px){.hero{padding:150px 6% 55px}.hero h1{font-size:clamp(4rem,10vw,6rem)}.poster{max-width:660px;width:100%;margin-top:55px}.tiles{grid-template-columns:repeat(2,1fr);gap:22px}.tile{min-height:225px}.tile h2{font-size:1.8rem}.poster-bottom{padding-top:26px}.how,.interests,.waitlist{padding:75px 6%}.steps{gap:14px}.steps article{padding:24px 18px}.section-heading h2{font-size:2.8rem}.app h2{font-size:3rem}.waitlist h2{font-size:2.7rem}.signup-panel{transform:none}.signup-panel form,.signup-panel #signup-success{transform:none}}
@media(max-width:600px){header{left:4%;right:4%;top:14px;padding:14px;border-radius:16px;gap:1rem}header .logo{font-size:1.7rem}header .logo span{font-size:.75rem}.hero{padding-top:145px}.hero h1{font-size:clamp(3.5rem,13vw,5rem);line-height:1.04}.hero-copy .eyebrow{font-size:.75rem;letter-spacing:.07em;max-width:270px;margin:0 auto 1.7rem}.hero .intro{font-size:1rem}.hero .note{font-size:.8125rem}.poster{width:96%;margin-top:45px}.poster-top,.poster-bottom{font-size:.75rem;letter-spacing:0;gap:1rem}.tiles{gap:17px}.tile{min-height:200px;padding:14px;border-radius:18px}.tile h2{font-size:1.45rem}.tile-number{left:14px;font-size:.75rem}.tile>span:last-child{font-size:.8125rem}.tile.art,.tile.food{--turn:-3deg}.tile.music,.tile.move{--turn:3deg;--lift:0px}.how,.interests,.waitlist{padding:60px 6%}.section-heading h2{font-size:2.35rem}.steps{grid-template-columns:1fr;margin-top:32px;gap:16px}.steps article{padding:25px}.steps h3{margin-top:1.3rem}.interests{border-radius:28px 28px 0 0}.interest-chip{padding:12px 16px;font-size:.9rem;border-radius:14px}.interest-list{gap:13px}.interest-actions{justify-content:space-between}.interest-actions p{text-align:center}.waitlist{grid-template-columns:1fr;gap:30px}.waitlist-copy .eyebrow{padding-right:3rem}.waitlist-spark{font-size:3rem;top:0}.waitlist h2{font-size:2.7rem}.signup-panel{padding:24px}.app{padding:65px 6%;grid-template-columns:1fr;gap:2rem}.app h2{font-size:3rem}footer{padding:28px 6% 35px}footer>span{color:#b6c4df}}
@media(prefers-reduced-motion:reduce){.reveal-in{animation:none}.hero:before,.hero:after{animation:none}.steps article,.waitlist-spark{transition:none}.steps article:hover{transform:none}.reading-progress{display:none}}