.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:8rem 5% 4rem;gap:4rem;background:linear-gradient(135deg,var(--cream) 0%,var(--joy-pink-softest) 100%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(233,30,140,.08) 0%,transparent 70%);pointer-events:none}.hero h1{font-family:var(--title-font);font-size:clamp(2.15rem,5vw,2.25rem);font-weight:600;line-height:1.3;margin-bottom:1.5rem;letter-spacing:-1px;color:var(--text-dark)}.hero h1 span{color:var(--joy-pink);font-family:var(--title-font)}.hero-subtitle{font-size:1.2rem;color:var(--text-body);max-width:480px;margin-bottom:2.5rem;line-height:1.7}.section-header{text-align:center;max-width:900px;margin:0 auto 4rem}.section-label{font-size:.8rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--joy-pink);margin-bottom:1rem}.section-title{font-family:var(--title-font);font-size:clamp(2rem,4vw,2.75rem);font-weight:600;line-height:1.3;margin-bottom:1rem;color:var(--text-dark)}.section-title span{color:var(--joy-pink);font-family:var(--title-font)}.section-subtitle{color:var(--text-body);font-size:1.1rem;line-height:1.7}.community .section-header{position:relative;z-index:1}.community .section-subtitle{color:#ffffffb3}.everything{padding:6rem 5%;background:var(--off-white)}.how-it-works{padding:6rem 5%;background:#fff}.steps{display:flex;justify-content:center;gap:3rem;max-width:900px;margin:0 auto;flex-wrap:wrap}.step{flex:1;min-width:250px;text-align:center;position:relative}.step-number{width:48px;height:48px;background:var(--joy-pink);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;margin:0 auto 1.5rem}.step h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--text-dark)}.step p{font-size:.95rem;color:var(--text-body);line-height:1.6}.final-cta{padding:6rem 5%;background:linear-gradient(135deg,var(--joy-pink) 0%,var(--joy-pink-light) 100%);text-align:center;color:#fff;position:relative;overflow:hidden}.final-cta:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.final-cta h2{font-family:var(--title-font);font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1.3;margin-bottom:2rem;position:relative;z-index:1}.final-cta p{font-size:1.15rem;opacity:.9;margin-bottom:2.5rem;position:relative;z-index:1}.final-cta .app-buttons{justify-content:center;position:relative;z-index:1}.final-cta .app-btn{background:#fff;color:var(--text-dark)}.final-cta .app-btn:hover{background:var(--off-white)}.final-cta .app-btn .app-btn-label,.final-cta .app-btn .app-btn-store{color:var(--text-dark)}@media(max-width:1024px){.hero{grid-template-columns:1fr;text-align:center;padding-top:10rem}.hero-content{order:1}.hero-visual{order:2;margin-top:2rem}.hero-subtitle{margin-left:auto;margin-right:auto}.float-img{display:none}.life-grid{grid-template-columns:1fr;max-width:400px}.everything-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.steps{flex-direction:column;gap:2rem}}.problem{padding:6rem 5%;background:var(--midnight);color:#ffffffc7}.problem .section-header{margin-bottom:3rem}.problem .section-title{color:#fff}.problem .section-subtitle{color:#ffffffb3}.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.problem-card{padding:2rem;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.09)}.problem-card.is-money{background:#ed017f1a;border-color:#ed017f59}.problem-card h3{font-size:1.15rem;color:#fff;margin:0 0 .75rem}.problem-card p{margin:0;font-size:.95rem;line-height:1.7;max-width:none}.joycash{padding:6rem 5%;background:linear-gradient(180deg,var(--joy-pink-softest) 0%,var(--cream) 100%)}.joycash-inner{max-width:1100px;margin:0 auto}.ledger{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2.5rem}.ledger-row{padding:1.75rem;border-radius:14px;background:#fff;border:1px solid var(--joy-rule)}.ledger-row.is-joy{border-color:var(--joy-pink);box-shadow:0 10px 40px var(--joy-pink-glow)}.ledger-label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--text-body);margin:0 0 .9rem}.ledger-row.is-joy .ledger-label{color:var(--joy-pink)}.ledger-flow{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.95rem;color:var(--text-dark);margin:0;max-width:none}.ledger-flow span{font-weight:600}.ledger-flow i{font-style:normal;color:var(--joy-pink)}@media(max-width:768px){.problem,.joycash{padding:4rem 5%}}.pocket-copy .section-title{text-align:left}@media(max-width:860px){.pocket-inner{grid-template-columns:1fr;gap:2.5rem;text-align:center}.pocket-copy .section-title{text-align:center}.pocket-copy .app-buttons{justify-content:center}}.hero--centred[data-astro-cid-3tan7b44]{grid-template-columns:1fr;text-align:center;min-height:auto;padding-block:7rem 4rem}.hero--centred[data-astro-cid-3tan7b44] .hero-subtitle[data-astro-cid-3tan7b44],.hero--centred[data-astro-cid-3tan7b44] h1[data-astro-cid-3tan7b44]{margin-inline:auto}.hero--centred[data-astro-cid-3tan7b44] .actions[data-astro-cid-3tan7b44]{justify-content:center;margin-top:2rem}.steps--four[data-astro-cid-3tan7b44]{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.joycash-faqs[data-astro-cid-3tan7b44]{max-width:72ch;margin:0 auto;text-align:left}.actions--centred[data-astro-cid-3tan7b44]{justify-content:center}
