:root{--cream:#f8f2e6;--ink:#071a2d;--blue:#0057ff;--yellow:#ffd500;--muted:#596171;--line:#ddd2bd;color-scheme:light;font-family:'Space Grotesk',sans-serif;color:var(--ink);background:var(--cream)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:6px}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;top:8px;left:8px;z-index:100;padding:12px;background:white;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{display:flex;align-items:center;justify-content:space-between;height:112px;gap:24px}.logo{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:32px;letter-spacing:-2px}.logo-dot{color:var(--blue);margin-left:-9px}.logo-mark{position:relative;display:grid;place-items:center;background:var(--blue);color:var(--cream);width:38px;height:38px;border-radius:11px;font-size:32px;letter-spacing:-3px;padding-right:3px}.logo-mark span{position:absolute;right:5px;top:-4px;font-size:25px}.site-header nav{display:flex;gap:30px;font-size:13px;font-weight:500}.site-header nav a:hover,.text-link:hover,.footer a:hover{color:var(--blue)}.nav-cta{display:flex;gap:24px;align-items:center;border:1px solid var(--ink);border-radius:8px;padding:13px 17px;font-size:13px;font-weight:700;transition:background .2s}.nav-cta:hover{background:var(--yellow)}.hero-section{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;min-height:630px;padding-block:40px 75px}.tag{display:inline-flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.5px;font-weight:700;border:1px solid var(--line);padding:9px 11px;border-radius:5px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 3px #0057ff12}h1{font-size:clamp(48px,5.25vw,74px);line-height:1.05;letter-spacing:-4.4px;margin-top:25px;font-weight:700}.word-friends{position:relative;font-family:'Instrument Serif',serif;font-weight:400;font-style:italic}.word-friends svg{position:absolute;width:110%;height:16px;left:-4%;bottom:-9px;fill:none;stroke:var(--blue);stroke-width:4;stroke-linecap:round}.blue-period{color:var(--blue)}.hero-description{font-size:17px;line-height:1.75;margin-top:30px;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:54px;padding:16px 23px;border-radius:7px;font-weight:700;font-size:13px;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-3px);box-shadow:4px 5px 0 var(--ink)}.btn span{font-size:19px}.btn-blue{background:var(--blue);color:white}.btn-yellow{background:var(--yellow);color:var(--ink)}.btn-ink{background:var(--ink);color:white}.text-link{font-size:12px;display:flex;gap:12px;align-items:center}.hero-note{display:flex;gap:13px;align-items:center;margin-top:36px;font-size:10px;line-height:1.6}.hero-note small{font-size:10px;color:var(--muted)}.mini-avatars{display:flex;padding-left:3px}.mini-avatars span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:2px solid var(--cream);margin-left:-3px;background:#f8b0a2;font-size:16px}.mini-avatars span:nth-child(2){background:var(--yellow)}.mini-avatars span:nth-child(3){background:#c4d3ff}.mini-avatars span:nth-child(4){background:#d3debb}.scene-composition{position:relative;padding:20px 8px 25px;margin-top:15px}.scene-frame{border:1px solid var(--ink);border-radius:14px;overflow:hidden;transform:rotate(-2deg);background:#fffcf2;box-shadow:9px 9px 0 #071a2d;position:relative}.scene-topline,.scene-bottomline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;font-size:8px;font-weight:700;letter-spacing:1px}.scene-topline>span:first-child{display:flex;align-items:center;gap:6px}.scene-topline i{display:block;width:5px;height:5px;background:#0f8f4d;border-radius:50%}.scene-bottomline{font-size:9px;letter-spacing:0;font-weight:500;padding-block:14px}.scene-bottomline>span:last-child{font-size:20px}.scene-frame canvas{display:block;width:100%;height:auto;image-rendering:pixelated;background:#f4b796}.floating-card{position:absolute;display:flex;align-items:center;gap:11px;background:#fffcf2;border:1px solid var(--ink);padding:14px;border-radius:9px;box-shadow:4px 4px 0 var(--ink);font-size:11px;animation:float 6s ease-in-out infinite;z-index:2}.floating-card strong,.floating-card div>span{display:block}.floating-card div>span{font-size:9px;margin-top:5px;color:var(--muted)}.invitation-float{top:5%;left:-30px;transform:rotate(-6deg)}.float-icon{display:grid;place-items:center;background:var(--blue);color:white;width:32px;height:32px;border-radius:7px;font-size:22px}.tiny-avatar{border-radius:50%;background:var(--yellow);padding:5px;font-size:20px}.response-float{bottom:4%;right:-10px;animation-delay:-3s}.check-icon{display:grid;place-items:center;background:#ddedce;color:#0f8f4d;border-radius:50%;width:30px;height:30px;font-weight:700;font-size:17px}.scene-sticker{position:absolute;right:-22px;top:28%;border-radius:50%;width:81px;height:81px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--yellow);border:1px solid var(--ink);font-size:21px;line-height:1.2;font-weight:700;transform:rotate(14deg);box-shadow:3px 3px 0 var(--ink);z-index:2}.scene-sticker span{font-size:15px}.scene-doodle{position:absolute;color:var(--blue);font-size:66px;z-index:2;right:30px;top:-50px;animation:spin 40s linear infinite}.motion-toggle{display:flex;gap:6px;align-items:center;position:absolute;bottom:-27px;right:4px;border:0;background:transparent;font-size:10px;color:var(--muted);padding:8px;cursor:pointer}.good-times-strip{overflow:hidden;background:var(--yellow);border-block:1px solid var(--ink);padding:22px 0}.good-times-strip>div{display:flex;align-items:center;justify-content:space-evenly;gap:30px;width:min(1450px,100%);margin:auto;white-space:nowrap;font-size:12px;font-weight:700;letter-spacing:1px}.good-times-strip b{font-size:22px}.concept-section{padding-block:100px}.section-heading{text-align:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--blue);margin-bottom:21px}h2{font-size:clamp(35px,3.8vw,52px);line-height:1.1;letter-spacing:-2.3px}h2 em{font-family:'Instrument Serif',serif;font-weight:400}.section-heading>p:last-child{font-size:14px;line-height:1.8;color:var(--muted);margin-top:20px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:48px}.step-illustration{height:205px;border-radius:12px;position:relative;overflow:hidden;display:grid;place-items:center}.spot-art{background:#dce7ff}.location-pin{position:absolute;top:47px;left:44%;width:43px;height:53px;display:grid;place-items:center;background:var(--blue);color:var(--yellow);border-radius:50% 50% 50% 0;transform:rotate(-45deg);font-size:22px;z-index:2;box-shadow:-3px 3px 0 var(--ink)}.map-road{position:absolute;height:16px;width:125%;background:#fffcf2;border-block:1px solid #071a2d20;transform:rotate(-23deg)}.road-one{top:63px;left:-20px}.road-two{top:127px;left:-20px;transform:rotate(30deg)}.map-label{z-index:3;background:white;border:1px solid var(--ink);padding:9px 14px;border-radius:5px;transform:rotate(-5deg);margin-top:81px;font-size:10px;font-weight:700;box-shadow:3px 3px 0 var(--ink)}.art-spark{position:absolute;top:24px;right:25px;color:var(--blue);font-size:29px}.invite-art{background:#ffd500}.invite-ticket{width:190px;background:var(--cream);border:1px solid var(--ink);padding:17px;transform:rotate(-8deg);box-shadow:5px 5px 0 var(--ink);border-radius:6px}.invite-ticket>span{font-size:8px;font-weight:700;letter-spacing:1px}.invite-ticket strong{display:flex;justify-content:space-between;font-size:33px;letter-spacing:-2px;line-height:1.8}.invite-ticket b{color:var(--blue)}.invite-ticket>div{border-top:1px dashed var(--ink);padding-top:10px;font-size:8px;letter-spacing:1px}.cheers-art{background:#ffdcd5}.pixel-glass{position:absolute;width:42px;height:52px;top:57px;background:#ef9b40;border:5px solid var(--ink);border-top:10px solid #fff5dc;box-shadow:inset 5px 0 #ffd500,inset -5px 0 #cd7136}.pixel-glass:after{content:'';position:absolute;top:7px;width:16px;height:25px;border:5px solid var(--ink)}.glass-left{left:calc(50% - 55px);transform:rotate(-20deg);animation:clink-left 3s ease-in-out infinite}.glass-left:after{left:-21px}.glass-right{right:calc(50% - 55px);transform:rotate(20deg);animation:clink-right 3s ease-in-out infinite}.glass-right:after{right:-21px}.cheers-spark{position:absolute;top:26px;font-size:24px;color:var(--blue)}.cheers-label{position:absolute;bottom:30px;font-family:'Instrument Serif',serif;font-style:italic;font-size:30px}.step-label{margin-top:25px;font-size:9px;font-weight:700;letter-spacing:1.5px;color:var(--muted)}.step h3{font-size:23px;line-height:1.25;letter-spacing:-.8px;margin-top:13px}.step>p:last-child{color:var(--muted);line-height:1.8;font-size:13px;margin-top:13px;max-width:300px}.app-section{background:var(--blue);color:var(--cream);overflow:hidden}.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-block:85px}.app-copy .eyebrow{color:var(--yellow)}.app-copy h2{font-size:clamp(38px,4vw,56px)}.app-copy>p:not(.eyebrow){margin-top:24px;font-size:14px;line-height:1.8;max-width:300px;color:#e3eaff}.app-features{display:grid;gap:22px;margin:32px 0}.app-features>div{display:flex;gap:14px;align-items:flex-start}.app-features>div>span{width:27px;height:27px;display:grid;place-items:center;flex-shrink:0;background:#ffffff1a;border:1px solid #ffffff30;border-radius:5px;color:var(--yellow)}.app-features p{font-size:11px;color:#e3eaff;line-height:1.7}.app-features strong{display:block;color:white;font-size:13px;margin-bottom:3px}.phone-composition{position:relative;display:grid;place-items:center;min-height:540px}.phone{width:245px;background:var(--ink);border:7px solid var(--ink);border-radius:39px;box-shadow:14px 20px 0 #003abb;overflow:hidden;position:relative;transform:rotate(7deg);z-index:1}.phone img{width:100%;height:auto;border-radius:31px;aspect-ratio:590/1280;object-fit:cover}.phone-notch{position:absolute;width:70px;height:18px;border-radius:0 0 13px 13px;background:var(--ink);left:50%;transform:translateX(-50%);top:0;z-index:2}.phone-orbit{position:absolute;width:440px;height:440px;border:1px solid #ffffff30;border-radius:50%;transform:rotate(-20deg) scaleY(.85)}.orbit-two{width:550px;height:550px;transform:rotate(30deg) scaleY(.85)}.phone-label{position:absolute;z-index:2;background:var(--cream);color:var(--ink);font-size:11px;font-weight:700;border:1px solid var(--ink);border-radius:6px;padding:15px;box-shadow:4px 4px 0 var(--ink);animation:float 7s ease-in-out infinite}.phone-label>span{color:var(--blue);font-size:18px;margin-right:8px}.label-top{left:-5px;top:105px;transform:rotate(-7deg)}.label-bottom{right:0;bottom:85px;transform:rotate(5deg);animation-delay:-3s}.phone-spark{position:absolute;color:var(--yellow);font-size:75px;top:10px;right:20px;animation:spin 40s linear infinite}.manifesto-section{text-align:center;padding-block:105px;position:relative;border-bottom:1px solid var(--line)}.manifesto-section h2{font-size:clamp(53px,6.8vw,88px);letter-spacing:-4px;line-height:1.03}.manifesto-section h2 em{color:var(--blue)}.manifesto-section>p:last-of-type{margin-top:25px;font-size:14px;line-height:1.9;color:var(--muted)}.manifesto-star{position:absolute;left:13%;top:37%;font-size:90px;color:var(--yellow);transform:rotate(14deg)}.faq-section{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;padding-block:85px}.faq-heading h2{font-size:42px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:18px;list-style:none;cursor:pointer;font-size:13px;font-weight:500;padding:22px 0}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:23px;color:var(--blue);transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:13px;line-height:1.8;color:var(--muted);padding-bottom:22px}.faq-list details a{text-decoration:underline}.join-section{background:var(--yellow);border-block:1px solid var(--ink);overflow:hidden}.join-inner{position:relative;text-align:center;padding-block:75px}.join-inner .tag{border-color:#071a2d30}.join-inner h2{font-size:clamp(45px,5.5vw,72px);margin-top:26px;letter-spacing:-3px}.join-inner p:not(.tag){font-size:14px;line-height:1.8;margin-top:23px}.join-inner .btn{margin-top:25px}.join-inner small{display:block;font-size:10px;margin-top:15px}.join-star{position:absolute;right:5%;top:25%;font-size:94px;animation:spin 50s linear infinite}.footer{padding-block:40px 20px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-top>p,.footer-top>a:last-child{font-size:12px}.footer-guides{display:flex;flex-wrap:wrap;gap:20px;font-size:10px;color:var(--muted);margin:32px 0}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:9px;padding-top:19px;border-top:1px solid var(--line);color:var(--muted)}.reveal{opacity:1}.js-motion .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.js-motion .reveal.visible{opacity:1;transform:none}.step:nth-child(2){transition-delay:.1s}.step:nth-child(3){transition-delay:.2s}.motion-paused *{animation-play-state:paused!important}.motion-paused .reveal{opacity:1;transform:none;transition:none}
.scene-doodle,.scene-sticker,.phone-spark,.manifesto-star,.join-star{translate:0 var(--scroll-drift,0px)}
.scene-sticker{animation:sticker-sway 9s ease-in-out infinite}.location-pin{animation:pin-hover 5s ease-in-out infinite}.invite-ticket{animation:ticket-sway 7s ease-in-out infinite}.cheers-spark{animation:toast-spark 3s ease-in-out infinite}.motion-toggle:hover{color:var(--blue)}.motion-toggle:disabled{cursor:default;opacity:.65}
.manifesto-copy{position:relative}.manifesto-copy>p:last-of-type{margin-top:25px;font-size:14px;line-height:1.9;color:var(--muted)}.manifesto-copy .manifesto-star{left:13%;top:37%}
.terrace-panorama{margin-top:55px;text-align:left;border:1px solid var(--ink);border-radius:12px;overflow:hidden;background:#fffcf2;box-shadow:6px 6px 0 var(--ink)}.panorama-heading,.panorama-caption{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 22px;font-size:9px;letter-spacing:1px;font-weight:700}.panorama-heading>span:first-child{display:flex;align-items:center;gap:8px}.panorama-heading i{width:6px;height:6px;border-radius:50%;background:#0f8f4d;box-shadow:0 0 0 3px #0f8f4d12}.panorama-window{overflow:hidden;position:relative;background:#d7acb0}.panorama-window canvas{display:block;width:100%;height:auto;image-rendering:pixelated}.panorama-caption{font-weight:500;letter-spacing:0;font-size:11px}.panorama-caption>span:last-child{font-family:'Instrument Serif',serif;font-style:italic;font-size:23px;color:var(--blue);white-space:nowrap}
@keyframes sticker-sway{0%,100%{rotate:-3deg}50%{rotate:3deg}}@keyframes pin-hover{0%,100%{translate:0 0}50%{translate:0 -6px}}@keyframes ticket-sway{0%,100%{rotate:0deg}50%{rotate:3deg}}@keyframes toast-spark{0%,30%,75%,100%{scale:.75;opacity:.35}45%,55%{scale:1.15;opacity:1}}
@media(max-width:760px){.manifesto-copy>p:last-of-type{font-size:12px}.manifesto-copy .manifesto-star{left:0;top:19%;font-size:40px}.terrace-panorama{margin-top:35px;border-radius:9px;box-shadow:4px 4px 0 var(--ink)}.panorama-heading,.panorama-caption{padding:13px 14px;font-size:8px;gap:10px}.panorama-heading>span:last-child{display:none}.panorama-window{height:280px}.panorama-window canvas{width:auto;max-width:none;height:280px;position:relative;left:50%;transform:translateX(-50%)}.panorama-caption>span:first-child{max-width:190px;line-height:1.6}.panorama-caption>span:last-child{font-size:19px}}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes spin{to{rotate:360deg}}@keyframes clink-left{0%,100%{rotate:0deg;translate:0 0}45%,55%{rotate:12deg;translate:10px -3px}}@keyframes clink-right{0%,100%{rotate:0deg;translate:0 0}45%,55%{rotate:-12deg;translate:-10px -3px}}
@media(min-width:1500px){.hero-section{min-height:730px}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero-section{gap:25px}h1{font-size:53px;letter-spacing:-3px}.hero-actions{gap:17px;flex-wrap:wrap}.scene-sticker{right:-12px;width:65px;height:65px;font-size:18px}.invitation-float{left:-13px}.steps-grid{gap:25px}.good-times-strip>div{justify-content:center}.good-times-strip span:last-of-type,.good-times-strip b:last-child{display:none}.app-grid{gap:35px}.phone-orbit{width:340px;height:340px}.orbit-two{width:440px;height:440px}.label-top{left:-15px}.label-bottom{right:-10px}.faq-section{gap:40px}.manifesto-star{left:4%;font-size:65px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:86px}.site-header nav{display:none}.logo{font-size:28px}.logo-mark{width:33px;height:33px;font-size:28px}.nav-cta{font-size:11px;padding:11px;gap:12px}.hero-section{grid-template-columns:1fr;padding-block:28px 65px;gap:42px;min-height:auto}.hero-copy{max-width:550px}h1{font-size:clamp(45px,8.5vw,65px);letter-spacing:-2.8px}.hero-description{font-size:15px;margin-top:26px}.hero-actions{margin-top:24px}.hero-note{margin-top:25px}.scene-composition{width:min(100% - 16px,490px);margin:10px auto 0}.scene-doodle{font-size:48px;top:-32px;right:13px}.scene-sticker{right:-15px}.scene-topline{font-size:7px;padding:12px}.scene-bottomline{font-size:8px;padding:12px}.floating-card{padding:10px;font-size:10px}.invitation-float{top:3%;left:-9px}.response-float{right:-10px;bottom:2%}.good-times-strip{padding-block:16px}.good-times-strip>div{gap:16px;font-size:8px;letter-spacing:.6px}.good-times-strip b{font-size:16px}.concept-section{padding-block:65px}.section-heading h2{font-size:35px;letter-spacing:-1.6px}.section-heading>p:last-child{font-size:12px}.steps-grid{grid-template-columns:1fr;gap:32px;width:min(100%,430px);margin-inline:auto}.step-illustration{height:200px}.step h3 br{display:none}.step>p:last-child{max-width:100%}.app-grid{grid-template-columns:1fr;padding-block:60px 45px;gap:20px}.app-copy h2{font-size:45px}.phone-composition{min-height:520px;margin:20px auto 0;width:min(100%,380px)}.phone{width:220px}.label-top{left:-3px;top:95px}.label-bottom{right:-3px;bottom:70px}.phone-spark{font-size:60px;right:12px}.phone-orbit{width:320px;height:320px}.orbit-two{width:400px;height:400px}.manifesto-section{padding-block:65px}.manifesto-section h2{font-size:60px;letter-spacing:-3px}.manifesto-star{font-size:40px;top:19%;left:0}.manifesto-section>p:last-of-type{font-size:12px}.faq-section{grid-template-columns:1fr;padding-block:60px;gap:20px}.faq-heading h2{font-size:36px}.faq-list summary{font-size:12px}.join-inner{padding-block:60px}.join-inner h2{font-size:45px;letter-spacing:-2px}.join-inner p:not(.tag){font-size:12px}.join-star{font-size:40px;top:10%;right:0}.footer-top{flex-wrap:wrap}.footer-top>p{order:3;width:100%}.footer-guides{gap:14px;font-size:9px}.footer-bottom{font-size:8px;gap:12px}.footer-bottom>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}