:root{--ink:#171815;--paper:#f4f1e8;--card:#fffefa;--acid:#d9ff61;--mint:#d7f0dd;--peach:#f6d8c8;--lilac:#ddd7f5;--muted:#71736b;--line:#d8d8cd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}.site-header{height:86px;max-width:1240px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font:800 22px "Manrope",sans-serif;letter-spacing:-.8px}.brand-dot{width:12px;height:12px;border-radius:50%;background:var(--ink);display:inline-block}.site-header nav{display:flex;gap:36px;font-size:14px;font-weight:600}.site-header nav a:hover{opacity:.55}.button{min-height:52px;padding:0 24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-weight:700;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-small{min-height:44px;border:1px solid var(--ink);padding:0 18px;font-size:13px}.button-primary{background:var(--acid);box-shadow:0 8px 0 var(--ink);border:1px solid var(--ink)}.button-primary:hover{box-shadow:0 5px 0 var(--ink)}.section-shell{max-width:1240px;margin:auto;padding-left:28px;padding-right:28px}.hero{min-height:755px;display:grid;grid-template-columns:48% 52%;align-items:center;padding-top:60px;padding-bottom:70px;overflow:hidden}.eyebrow{font:800 11px "Manrope",sans-serif;letter-spacing:1.8px;text-transform:uppercase;display:flex;align-items:center;gap:10px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--acid);border:1px solid var(--ink)}h1,h2,blockquote{font-family:"Manrope",sans-serif}h1{font-size:clamp(58px,6.5vw,94px);line-height:.94;letter-spacing:-5px;margin:28px 0 30px;max-width:680px}h1 em,.final-cta em{font-weight:500;color:var(--muted)}.hero-intro{font-size:19px;line-height:1.6;max-width:560px;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:38px}.availability{font-size:12px;font-weight:700;display:flex;gap:9px;align-items:center}.availability i{width:8px;height:8px;border-radius:50%;background:#69a96a;box-shadow:0 0 0 5px var(--mint)}.hero-visual{height:625px;position:relative;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid #cecec2;border-radius:50%}.orbit-one{width:590px;height:590px}.orbit-two{width:430px;height:430px}.phone{width:280px;height:574px;border:8px solid var(--ink);border-radius:44px;background:var(--paper);box-shadow:16px 20px 0 rgba(23,24,21,.12);padding:10px 14px;position:relative;overflow:hidden;transform:rotate(3deg);z-index:2}.phone-top{display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:800;padding:0 5px}.island{width:73px;height:19px;border-radius:12px;background:var(--ink)}.app-brand{font:800 12px "Manrope";display:flex;align-items:center;gap:5px;margin-top:14px}.app-brand .brand-dot{width:7px;height:7px}.app-date{font-size:6px;letter-spacing:1px;font-weight:800;margin:18px 0 3px}.phone h2{font-size:25px;letter-spacing:-1.4px;margin:0 0 14px}.your-turn{background:var(--acid);border-radius:17px;padding:13px;display:flex;align-items:flex-end}.your-turn>div{flex:1}.your-turn b{font-size:6px;letter-spacing:1px;display:block;margin-bottom:6px}.your-turn strong{font:800 13px/1.15 "Manrope";display:block}.your-turn small{font-size:7px;color:#4d503e;display:block;margin-top:6px}.your-turn>span{width:29px;height:29px;border-radius:50%;background:white;display:grid;place-items:center}.friends-heading{display:flex;justify-content:space-between;align-items:center;margin:17px 1px 8px}.friends-heading strong{font:800 10px "Manrope"}.friends-heading small{font-size:7px;color:var(--muted)}.activity-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:11px}.person{display:flex;align-items:center;gap:8px}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-size:8px;font-weight:800;flex:0 0 auto}.peach{background:var(--peach)}.mint{background:var(--mint)}.person div{display:flex;flex-direction:column}.person b{font-size:8px}.person small{font-size:6px;color:var(--muted);margin-top:2px}.person small i{display:inline-block;width:4px;height:4px;background:#69a96a;border-radius:50%}.activity-emoji{font-size:20px;margin-left:auto}.activity-card h3{font:800 12px "Manrope";margin:12px 0 8px}.activity-card p{font-size:7px;color:var(--muted);margin:5px 0}.activity-card footer{border-top:1px solid var(--line);margin-top:9px;padding-top:8px;display:flex;justify-content:space-between;align-items:center}.activity-card footer small{font-size:6px;color:var(--muted)}.activity-card button{border:1px solid var(--ink);background:transparent;border-radius:12px;font-size:7px;padding:5px 8px;font-weight:800}.app-nav{position:absolute;bottom:0;left:0;right:0;height:52px;background:var(--card);border-top:1px solid var(--line);display:flex;justify-content:space-around;align-items:center;font-size:13px}.app-nav span{display:flex;flex-direction:column;align-items:center;color:var(--muted)}.app-nav small{font-size:5px;margin-top:2px}.app-nav .active{color:var(--ink)}.app-nav b{width:34px;height:34px;border-radius:50%;background:var(--acid);display:grid;place-items:center;font-size:18px}.floating-card{position:absolute;background:var(--card);border:1px solid var(--line);box-shadow:0 12px 25px rgba(23,24,21,.1);border-radius:18px;padding:11px 15px;display:flex;align-items:center;gap:9px;z-index:3}.floating-card div{display:flex;flex-direction:column}.floating-card small{font-size:6px;letter-spacing:.8px;color:var(--muted);font-weight:800}.floating-card strong{font-size:10px;margin-top:3px}.card-left{left:0;top:175px;transform:rotate(-7deg)}.card-right{right:0;bottom:125px;transform:rotate(5deg)}.card-right>span{width:34px;height:34px;background:var(--lilac);border-radius:12px;display:grid;place-items:center;font-weight:800}.sun-sticker{position:absolute;right:55px;top:55px;width:64px;height:64px;border-radius:50%;background:var(--peach);display:grid;place-items:center;font-size:30px;transform:rotate(12deg)}.marquee{overflow:hidden;background:var(--ink);color:var(--paper);transform:rotate(-1deg);margin:0 -5px}.marquee div{width:max-content;padding:17px 0;font:700 12px "Manrope";letter-spacing:2px;animation:scroll 28s linear infinite}.marquee span{color:var(--acid);margin:0 28px}@keyframes scroll{to{transform:translateX(-50%)}}.how{padding-top:145px;padding-bottom:150px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:65px}.section-heading h2{font-size:clamp(42px,5vw,68px);line-height:1;letter-spacing:-3.5px;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.step{padding:30px 36px 10px 0;position:relative}.step+.step{padding-left:36px;border-left:1px solid var(--line)}.step-number{position:absolute;right:25px;top:35px;color:#a4a69c;font:700 11px "Manrope"}.step-icon{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;font-size:30px;margin-bottom:52px;transform:rotate(-4deg)}.step:nth-child(2) .step-icon{transform:rotate(4deg)}.acid{background:var(--acid)}.lilac{background:var(--lilac)}.step h3{font:800 23px "Manrope";letter-spacing:-.8px}.step p{max-width:300px;color:var(--muted);font-size:15px;line-height:1.65}.manifesto{padding-bottom:140px}.manifesto-card{background:var(--acid);border-radius:48px;padding:75px;position:relative;overflow:hidden}.manifesto-card:after{content:"";width:360px;height:360px;border:1px solid rgba(23,24,21,.22);border-radius:50%;position:absolute;right:-80px;bottom:-160px}.manifesto-card blockquote{font-size:clamp(38px,5vw,67px);line-height:1.08;letter-spacing:-3px;max-width:850px;margin:48px 0 70px}.promises{display:flex;gap:9px;flex-wrap:wrap}.promises span{border:1px solid var(--ink);border-radius:999px;padding:10px 15px;font-size:11px;font-weight:700}.final-cta{padding-bottom:130px;display:grid;grid-template-columns:1.5fr 1fr;gap:80px;align-items:end}.final-cta h2{font-size:clamp(48px,6vw,82px);line-height:.98;letter-spacing:-4px;margin:28px 0 0}.final-cta>div:last-child{padding-bottom:8px}.final-cta>div:last-child p{font-size:17px;line-height:1.6;color:var(--muted);margin:0 0 28px}.button-dark{background:var(--ink);color:var(--paper)}.site-footer{max-width:1240px;margin:auto;border-top:1px solid var(--line);padding:36px 28px 45px;display:flex;align-items:center;justify-content:space-between}.site-footer p{font-size:11px;color:var(--muted)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero-copy{z-index:4}.hero-visual{margin-top:30px}.section-heading{display:block}.section-heading .eyebrow{margin-bottom:28px}.steps{grid-template-columns:1fr}.step{padding:30px 0 45px!important;border-left:0!important;border-bottom:1px solid var(--line)}.step-icon{margin-bottom:30px}.final-cta{grid-template-columns:1fr;gap:40px}}
@media(max-width:600px){.site-header{height:72px;padding:0 18px}.button-small{min-height:40px;padding:0 14px}.section-shell{padding-left:18px;padding-right:18px}.hero{padding-top:50px}.hero-copy{text-align:center}.hero-copy .eyebrow,.hero-actions{justify-content:center}.hero-actions{flex-direction:column;margin-top:30px}.hero-intro{font-size:17px}h1{font-size:54px;letter-spacing:-3.5px}.hero-visual{height:570px;transform:scale(.88);margin-left:-18px;margin-right:-18px}.card-left{left:-10px}.card-right{right:-10px}.how{padding-top:100px;padding-bottom:100px}.section-heading h2{font-size:44px}.manifesto{padding-bottom:100px}.manifesto-card{border-radius:30px;padding:45px 28px}.manifesto-card blockquote{font-size:38px;letter-spacing:-2px;margin:36px 0 50px}.final-cta{padding-bottom:95px}.final-cta h2{font-size:49px;letter-spacing:-3px}.site-footer{margin:0 18px;padding-left:0;padding-right:0;flex-wrap:wrap;gap:18px}.site-footer>p:nth-child(2){order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee div{animation:none}.reveal{opacity:1;transform:none;transition:none}}