:root{--text:#5c5f66;--text-h:#1f2328;--bg:#fafaf9;--surface:#f1f1ef;--border:#e2e2de;--field:#fff;--accent:#ee7a2f;--accent-fill:#f28a3f;--accent-bg:#fdeee2;--on-accent:#1f2328;--display-accent:#d4621c;--raised:#fff;--success:#1f7a4d;--danger:#b3261e;--shadow-soft:0 1px 3px #1f232814, 0 4px 12px #1f23280d;--shadow-lift:0 12px 32px #1f23281f;--glow:#f28a3f38;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font:16px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#b0aebb;--text-h:#f4f2f8;--bg:#121218;--surface:#1a1a22;--border:#2d2d38;--field:#1f1f28;--accent:#ffab6e;--accent-fill:#f7934f;--accent-bg:#2d2530;--on-accent:#2a1a10;--display-accent:#ffab6e;--raised:#23232d;--success:#6fd6a4;--danger:#ff9a8f;--shadow-soft:0 2px 12px #00000080;--shadow-lift:0 12px 32px #0000008c;--glow:#ffab6e24}}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(ellipse 80% 50% at 80% 0%, var(--glow), transparent 70%) no-repeat, var(--bg);margin:0;overflow-x:hidden}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--text-h)}img{-webkit-user-select:none;user-select:none;max-width:100%;display:block}a{color:var(--text-h)}.btn{font:inherit;white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;padding:12px 22px;font-weight:650;text-decoration:none;display:inline-flex}.btn--primary{background:var(--accent-fill);color:var(--on-accent)}.btn--primary:hover{filter:brightness(1.05)}.btn:disabled{cursor:progress;opacity:.7}.btn--light{color:#1f2328;background:#fff}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.pill{border:1px solid var(--border);background:var(--raised);color:var(--text-h);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.pill__dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 4px var(--accent-bg);border-radius:50%}.nav{justify-content:space-between;align-items:center;max-width:1120px;margin:0 auto;padding:20px 16px;display:flex}.wordmark__dark{display:none}@media (prefers-color-scheme:dark){.wordmark__light{display:none}.wordmark__dark{display:block}}main{gap:96px;max-width:1120px;margin:0 auto;padding:24px 16px 64px;display:grid}.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:48px;min-height:min(640px,78vh);display:grid}.hero__text{justify-items:start;gap:20px;display:grid}.eyebrow{color:var(--display-accent);letter-spacing:.08em;text-transform:uppercase;font-size:14px;font-weight:700}.hero h1{letter-spacing:-.03em;font-size:clamp(38px,6vw,64px);font-weight:800;line-height:1.05}.accent{color:var(--display-accent);display:block}.lead{max-width:540px;font-size:18px}.invite{gap:8px;width:min(100%,520px);margin-top:8px;display:grid}.invite__label{color:var(--text-h);font-size:14px;font-weight:650}.invite__row{border:1px solid var(--border);background:var(--field);box-shadow:var(--shadow-soft);border-radius:16px;gap:8px;padding:6px;display:flex}.invite__row:focus-within{border-color:var(--accent)}.invite input{min-width:0;color:var(--text-h);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:10px 12px}.invite__status:empty{display:none}.invite__status{font-size:14px;font-weight:600}.invite__status[data-tone=error]{color:var(--danger)}.invite__status[data-tone=success]{color:var(--success)}.invite__note,.have-invite{font-size:13px}.hero__art{place-items:center;min-height:420px;display:grid;position:relative}.hero__art:before{content:"";aspect-ratio:1;background:var(--accent-bg);border-radius:50%;width:min(400px,92%);position:absolute}.mascot{background:#fdf7ee;border-radius:50%;position:relative;overflow:hidden}.mascot img{object-fit:cover;opacity:0;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.12)translateY(-2%)}.mascot img.is-shown{opacity:1}.mascot--hero{aspect-ratio:1;width:min(300px,70vw);box-shadow:var(--shadow-lift)}.bubble{border:1px solid var(--border);background:var(--raised);max-width:250px;box-shadow:var(--shadow-lift);color:var(--text-h);border-radius:14px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;display:flex;position:absolute}.bubble strong{color:var(--display-accent)}.bubble__mark{flex-shrink:0;width:28px;height:28px}.bubble--one{top:12%;left:-2%}.bubble--two{font-weight:600;bottom:12%;right:0}@media (prefers-reduced-motion:no-preference){.hero__text,.hero__art,.section,.cta{animation:.6s ease-out both rise}.hero__art{animation-delay:.1s}.bubble{animation:6s ease-in-out infinite float}.bubble--two{animation-delay:-3s}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@keyframes float{50%{transform:translateY(-8px)}}}.section{gap:28px;display:grid}.section__title{letter-spacing:-.02em;text-align:center;font-size:clamp(28px,3.6vw,38px);font-weight:800}.section__lead{text-align:center;max-width:560px;margin:-12px auto 0}.features,.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.feature,.step{border:1px solid var(--border);background:var(--raised);box-shadow:var(--shadow-soft);border-radius:18px;align-content:start;gap:10px;padding:24px;display:grid}.feature h3,.step h3{font-size:18px}.feature__mascot{background:#fdf7ee;border-radius:50%;width:96px;height:96px;margin-bottom:6px}.step__number{color:var(--display-accent);font-size:32px;font-weight:800;line-height:1}.team{justify-items:center}.team__art{width:min(100%,880px);height:auto;box-shadow:var(--shadow-lift);border-radius:20px}.cta{background:var(--accent-fill);color:#1f2328;border-radius:20px;flex-wrap:wrap;align-items:center;gap:24px;padding:28px 32px;display:flex}.cta__mascot{background:#fdf7ee;border-radius:50%;width:104px;height:104px}.cta__text{flex:1;gap:4px;min-width:220px;display:grid}.cta h2{color:#1f2328;font-size:clamp(24px,3vw,30px);font-weight:800}.footer{justify-content:center;align-items:center;gap:10px;padding:24px 16px 40px;font-size:14px;display:flex}@media (width<=820px){main{gap:72px}.hero{grid-template-columns:minmax(0,1fr);gap:24px;min-height:0}.hero__art{min-height:0;padding:64px 0 72px}.bubble{max-width:210px;font-size:13px}.bubble--one{top:0;left:0}.bubble--two{bottom:0}.features,.steps{grid-template-columns:minmax(0,1fr)}.cta{padding:24px}}@media (width<=460px){.invite__row{flex-direction:column}.invite .btn{width:100%}}
