:root{--bg: #fbfaf7;--bg-soft: #f1eee8;--card: #ffffff;--card-warm: #fff7e6;--card-mint: #eaf8ef;--card-blue: #eef4ff;--line: #e4dfd6;--line-strong: #111111;--text: #111111;--text-dim: #5f625d;--text-faint: #8b8d87;--brand: #21ba87;--brand-deep: #159a6d;--brand-soft: #ddf8e9;--accent: #ffbe2e;--accent-deep: #111111;--success: #1fb36a;--danger: #ef4444;--shadow: 0 22px 58px rgba(28, 25, 18, .1);--shadow-soft: 0 12px 34px rgba(28, 25, 18, .08);--radius-xl: 30px;--radius-lg: 24px;--radius-md: 18px;--radius-sm: 12px;--radius-pill: 999px;--container: min(1180px, calc(100% - 32px) )}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#fff;color:var(--text);overflow-x:hidden}button,input,textarea,select{font:inherit}.page-shell,.invite-page-shell{position:relative;isolation:isolate}.page-shell:before,.invite-page-shell:before{content:none}.container{width:var(--container);margin:0 auto}.section-label{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-size:.75rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.section-label:before{content:"";width:9px;height:9px;border-radius:999px;background:var(--accent);border:1px solid var(--text);box-shadow:2px 2px 0 var(--text)}.section-head{max-width:760px;margin-bottom:28px}.section-head h2{margin:12px 0 0;font-size:clamp(2.1rem,5vw,4rem);line-height:.98;letter-spacing:-.045em}.section-head p{margin:16px 0 0;color:var(--text-dim);line-height:1.75;font-size:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 22px;border-radius:var(--radius-pill);font-size:.98rem;font-weight:900;text-decoration:none;border:1.5px solid var(--text);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--brand);color:#fff;border-color:var(--brand-deep);box-shadow:4px 4px #159a6d47}.btn-primary:hover{background:var(--brand-deep);box-shadow:2px 2px #159a6d57}.btn-secondary{background:var(--brand-soft);color:#0f7e58;border-color:#159a6d57;box-shadow:4px 4px #21ba8729}.btn-secondary:hover{background:#c9f4df;box-shadow:2px 2px #21ba8733}.btn-ghost{background:#0f6f50;color:#fff;border-color:#0f6f50}.topbar{position:relative;z-index:2;width:var(--container);margin:0 auto;padding:26px 0 0;border:0;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none}.brand-button{padding:0;border:0;background:transparent;cursor:pointer}.brand-mark{width:34px;height:34px;object-fit:contain;display:block;filter:drop-shadow(0 5px 7px rgba(17,17,17,.16))}.brand-wordmark{color:#21ba87;font-size:1.28rem;font-weight:900;line-height:1;letter-spacing:0;text-transform:uppercase;transform:translateY(1px)}.header-store-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.header-download{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:0;border-radius:var(--radius-pill);background:var(--brand);color:#fff;cursor:pointer;font-size:.92rem;font-weight:900;text-decoration:none;box-shadow:0 14px 28px #21ba8738;transition:transform .16s ease,background-color .16s ease}.header-download:hover{background:var(--brand-deep);transform:translateY(-1px)}.header-download-secondary{background:var(--brand-soft);color:#0f7e58;box-shadow:0 14px 28px #21ba8724}.header-download-secondary:hover{background:#c9f4df}.nav-links{display:flex;align-items:center;gap:4px;justify-self:center}.nav-links a,.nav-text-button{color:#111;text-decoration:none;font-size:.92rem;font-weight:800;padding:10px 13px;border-radius:var(--radius-pill)}.nav-links a:hover,.nav-text-button:hover{color:#0f9c6d;background:#20c98f24}.hero{position:relative;margin-top:-70px;padding:148px 0 118px;background:radial-gradient(circle at 18% 28%,rgba(213,255,233,.9),transparent 28%),radial-gradient(circle at 82% 26%,rgba(159,173,168,.32),transparent 30%),linear-gradient(180deg,#fff,#f4fffa 22%,#d9f8ea 62%,#dff7f4)}.hero-copy,.invite-main-card,.legal-hero-card,.legal-meta-card,.legal-summary-card,.legal-doc-card,.legal-note-card{border:1.5px solid rgba(17,17,17,.14);background:#ffffffe0;box-shadow:var(--shadow)}.hero-copy{max-width:980px;margin:0 auto;padding:0;border:0;background:transparent;box-shadow:none;text-align:center}.hero-copy h1{margin:0;max-width:16ch;margin-inline:auto;font-size:clamp(3.15rem,6.5vw,6.3rem);line-height:.98;letter-spacing:-.06em}.hero-copy h1 span{display:block}.hero-copy h1 span+span{margin-top:.18em}.hero-copy h1 em{color:#21ba87;font-style:normal}.hero-copy p{margin:22px 0 0;margin-inline:auto;color:var(--text-dim);font-size:1.04rem;line-height:1.78;max-width:68ch}.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-service-tabs{width:fit-content;max-width:100%;margin:42px auto 0;padding:6px;border-radius:var(--radius-pill);background:#fffffff0;border:1.5px solid rgba(17,17,17,.12);box-shadow:var(--shadow-soft);display:flex;align-items:center;gap:6px}.hero-service-tabs button{min-width:104px;min-height:48px;padding:0 18px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text-dim);cursor:pointer;font-size:.96rem;font-weight:900}.hero-service-tabs button.active{background:#fff;color:#0f9c6d;box-shadow:0 16px 36px #1e99712e}.hero-showcase{width:min(100%,1060px);margin:54px auto -210px;padding:10px;border-radius:34px;border:10px solid rgba(255,255,255,.92);background:#fffffff0;box-shadow:0 28px 80px #135e492e}.showcase-preview{min-height:560px;padding:24px;border-radius:24px;border:1.5px solid rgba(17,17,17,.12);background:linear-gradient(90deg,rgba(17,17,17,.045) 1px,transparent 1px),linear-gradient(180deg,rgba(17,17,17,.045) 1px,transparent 1px),#fffdf8;background-size:34px 34px}.stat-chip{padding:16px 18px;border-radius:20px;background:#ffffffb8;border:1.5px solid rgba(17,17,17,.1)}.stat-chip strong{display:block;font-size:1.48rem;letter-spacing:-.04em}.stat-chip span{display:block;margin-top:6px;color:var(--text-dim);font-size:.85rem;line-height:1.45}.phone-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.phone-brand{font-size:1.18rem;font-weight:900;letter-spacing:-.04em}.phone-meta{color:var(--text-faint);font-size:.8rem;font-weight:800}.phone-hero-card,.phone-feed-card,.phone-room-card,.phone-nav{border-radius:20px}.phone-hero-card{padding:18px;background:var(--accent);border:1.5px solid var(--text);box-shadow:4px 4px 0 var(--text)}.phone-hero-card.alt-panel{background:var(--card-blue)}.phone-hero-card.profile-panel{background:#f3eaff}.phone-hero-card strong{display:block;font-size:1.1rem;line-height:1.2;letter-spacing:-.03em}.phone-hero-card p{margin:8px 0 0;color:#111111a8;font-size:.84rem;line-height:1.55}.phone-feed{display:grid;gap:12px;margin-top:14px}.phone-feed-card{padding:14px;background:#ffffffdb;border:1.5px solid rgba(17,17,17,.1)}.phone-feed-card.compact{padding:12px 14px}.phone-feed-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.feed-user{min-width:0;display:flex;align-items:center;gap:10px}.feed-avatar{width:38px;height:38px;flex:0 0 auto;border-radius:13px;background:var(--accent);color:var(--text);border:1.5px solid var(--text);font-size:.78rem;font-weight:900;display:inline-flex;align-items:center;justify-content:center}.feed-avatar.alt{background:#111;color:#fff}.feed-name{min-width:0}.feed-name strong,.room-main strong{display:block;font-size:.94rem}.feed-name span,.room-main span{color:var(--text-faint);font-size:.76rem}.feed-badge{flex:0 0 auto;padding:8px 10px;border-radius:999px;background:#ddf8e9;color:#0d7f48;font-size:.74rem;font-weight:900}.feed-badge.soft{background:#fff0bb;color:#8a6100}.phone-feed-image{margin-top:12px;height:134px;border-radius:18px;background:linear-gradient(135deg,#ffbe2eb3,#5dd59673),linear-gradient(90deg,rgba(17,17,17,.08) 1px,transparent 1px),linear-gradient(180deg,rgba(17,17,17,.08) 1px,transparent 1px),#fff;background-size:auto,24px 24px,24px 24px,auto;border:1.5px solid rgba(17,17,17,.12)}.phone-room-list{display:grid;gap:10px;margin-top:14px}.phone-room-list.explore-list{margin-top:16px}.phone-room-card{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffffdb;border:1.5px solid rgba(17,17,17,.08)}.room-thumb{width:46px;height:46px;flex:0 0 auto;border-radius:15px;background:#fff0bb;border:1.5px solid rgba(17,17,17,.12);display:inline-flex;align-items:center;justify-content:center;font-size:1.15rem}.room-main{min-width:0}.room-count{margin-left:auto;min-width:28px;height:28px;padding:0 10px;border-radius:999px;background:#111;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.76rem;font-weight:900}.join-chip{margin-left:auto;min-width:48px;height:30px;padding:0 12px;border-radius:999px;background:#111;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:900}.join-chip.pending{background:#efe9dc;color:var(--text-dim)}.profile-card-preview{display:grid;justify-items:center;gap:8px;margin-top:14px;padding:18px 16px;border-radius:22px;background:#ffffffdb;border:1.5px solid rgba(17,17,17,.1);text-align:center}.profile-card-preview>strong{font-size:1.04rem}.profile-card-preview>span{color:var(--text-faint);font-size:.8rem}.profile-avatar-large{min-width:74px;height:74px;padding:0 12px;border-radius:22px;background:#111;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.88rem;font-weight:900}.profile-stats{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}.profile-stats div{padding:10px 8px;border-radius:16px;background:#f7f2e8}.profile-stats strong{display:block;font-size:.98rem}.profile-stats span{display:block;margin-top:4px;color:var(--text-faint);font-size:.72rem}.phone-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;padding:10px;background:#ffffffb3;border:1.5px solid rgba(17,17,17,.08)}.phone-nav button{min-height:38px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-faint);font-size:.82rem;font-weight:900;border:0;background:transparent;cursor:pointer}.phone-nav .active{background:#111;color:#fff}.example-link{display:block;margin-top:14px;padding:14px 16px;border-radius:18px;background:#111;color:#fff;font-size:.9rem;font-weight:800;overflow-wrap:anywhere}.footer{margin-top:0;padding:248px 0 44px;background:#fff}.footer-shell{width:var(--container);margin:0 auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;display:grid;gap:22px}.footer-topline{display:flex;align-items:center;gap:24px}.footer-brand{display:inline-flex;align-items:center;gap:8px}.footer-policy-links{display:flex;align-items:center;flex-wrap:wrap;gap:0}.footer-policy-links button{position:relative;padding:0 16px;border:0;background:transparent;color:#30343b;cursor:pointer;font-size:.94rem;font-weight:700}.footer-policy-links button+button:before{content:"";position:absolute;left:0;top:50%;width:1px;height:14px;background:#d7dade;transform:translateY(-50%)}.footer-divider{width:100%;height:1px;background:#e7eaee}.nav-text-button{border:0;background:transparent;cursor:pointer}.footer-bottomline{display:flex}.footer-company{display:grid;max-width:980px;gap:2px}.footer-shell p{margin:0;color:#222223;font-size:.82rem;line-height:1.68;font-weight:400}.invite-page-shell{min-height:100vh;padding-bottom:56px;background:radial-gradient(circle at 18% 28%,rgba(213,255,233,.9),transparent 28%),radial-gradient(circle at 82% 24%,rgba(159,173,168,.32),transparent 30%),linear-gradient(180deg,#fff,#f4fffa 24%,#d9f8ea 66%,#dff7f4)}.invite-layout{display:grid;grid-template-columns:minmax(0,720px);justify-content:center;gap:18px;margin-top:74px}.invite-main-card{border-radius:32px;padding:34px;border:10px solid rgba(255,255,255,.92);background:linear-gradient(90deg,rgba(17,17,17,.045) 1px,transparent 1px),linear-gradient(180deg,rgba(17,17,17,.045) 1px,transparent 1px),#fffdf8;background-size:34px 34px;box-shadow:0 28px 80px #135e492e}.invite-main-card h1{margin:16px 0 0;font-size:clamp(2.6rem,5.5vw,5.2rem);line-height:.92;letter-spacing:-.055em}.invite-copy{margin:18px 0 0;color:var(--text-dim);line-height:1.72;font-size:1rem;max-width:46ch}.invite-code-panel{width:100%;margin-top:22px;padding:24px;border-radius:28px;background:var(--accent);color:var(--text);border:1.5px solid #111111;box-shadow:6px 6px 0 var(--text);cursor:pointer;display:block;text-align:left;transition:transform .16s ease,box-shadow .16s ease}.invite-code-panel:hover{box-shadow:4px 4px 0 var(--text);transform:translateY(-2px)}.invite-code-panel:focus-visible{outline:3px solid #21ba87;outline-offset:4px}.invite-code-label{color:#11111194;font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.invite-code-value{margin-top:14px;font-size:clamp(2.1rem,5vw,4rem);font-weight:900;letter-spacing:.18em;word-break:break-all}.invite-copy-hint{display:inline-flex;margin-top:16px;padding:8px 11px;border-radius:var(--radius-pill);background:#ffffff94;color:#111111ad;font-size:.78rem;font-weight:900}.invite-status{margin-top:14px;color:var(--text-dim);line-height:1.7}.invite-store-links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.invite-store-button{min-width:172px}.legal-page-shell{padding-bottom:48px}.legal-topbar{margin-bottom:24px}.legal-nav-links{display:flex}.legal-page{display:grid;gap:22px}.legal-hero,.legal-summary{display:grid;gap:18px}.legal-hero{grid-template-columns:1.05fr .95fr;align-items:stretch}.legal-hero-card,.legal-meta-card{border-radius:var(--radius-xl)}.legal-hero-card{padding:34px;background:linear-gradient(135deg,rgba(255,190,46,.2),transparent 46%),#fff}.legal-hero-card h1{margin:16px 0 0;font-size:clamp(2.6rem,5.4vw,5.2rem);line-height:.94;letter-spacing:-.055em}.legal-hero-card p{margin:20px 0 0;color:var(--text-dim);line-height:1.8;max-width:58ch}.legal-meta-card{padding:22px;display:grid;gap:14px;background:var(--card-mint)}.legal-meta-item{padding:18px;border-radius:24px;background:#ffffffb8;border:1.5px solid rgba(17,17,17,.09)}.legal-meta-item span{display:block;color:var(--text-faint);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.legal-meta-item strong{display:block;margin-top:8px;font-size:1.05rem;line-height:1.4}.legal-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.legal-summary-card,.legal-note-card{border-radius:28px;padding:24px}.legal-summary-card:nth-child(2),.legal-note-card{background:var(--card-warm)}.legal-summary-card strong,.legal-note-card strong{display:block;font-size:1.05rem}.legal-summary-card p,.legal-note-card p{margin:10px 0 0;color:var(--text-dim);line-height:1.75}.legal-section-wrap{padding-top:10px}.legal-section-head{max-width:860px}.legal-card-list{display:grid;gap:16px}.legal-doc-card{border-radius:28px;padding:26px;background:#fff}.legal-doc-card h3{margin:0;font-size:1.18rem;line-height:1.35;letter-spacing:-.02em}.legal-doc-card p{margin:12px 0 0;color:var(--text-dim);line-height:1.82}.reveal{opacity:0;transform:translateY(18px);transition:opacity .42s ease,transform .42s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(max-width:1080px){.legal-hero,.legal-summary,.invite-layout{grid-template-columns:1fr}.showcase-preview{min-height:0}}@media(max-width:820px){:root{--container: calc(100% - 20px) }.topbar{top:10px;width:calc(100% - 20px);margin-top:0;padding-top:18px;display:flex;align-items:flex-start;flex-wrap:wrap}.header-store-links{max-width:100%}.nav-links{display:none;width:100%;flex-direction:column;align-items:stretch;gap:2px}.legal-topbar .legal-nav-links{display:flex}.nav-links a,.nav-text-button{padding:12px 10px}.nav-text-button{width:100%;text-align:left}.hero{margin-top:-64px;padding:132px 0 92px}.legal-hero-card,.legal-meta-card,.legal-summary-card,.legal-doc-card,.legal-note-card,.invite-main-card{padding:22px;border-radius:26px}.hero-showcase{margin:40px auto -148px;padding:8px;border-radius:28px;border-width:8px}.hero-copy h1,.legal-hero-card h1,.invite-main-card h1{line-height:.96}.hero-service-tabs{width:100%}.hero-service-tabs button{min-width:0;flex:1}.btn{width:100%}.invite-page-shell{padding-bottom:34px}.invite-layout{margin-top:40px}.invite-store-button{width:100%}}@media(max-width:560px){.container,.footer-shell{width:calc(100% - 16px)}.topbar{width:calc(100% - 16px);padding:16px 0 0;border-radius:0}.brand-mark{width:31px;height:31px}.header-store-links{width:100%;justify-content:flex-start}.header-download{min-height:42px;padding:0 14px;font-size:.86rem}.legal-hero-card,.legal-meta-card,.legal-summary-card,.legal-doc-card,.legal-note-card,.invite-main-card{padding:18px;border-radius:22px}.hero-copy h1{font-size:2.35rem;max-width:100%}.hero-showcase{margin:32px auto -112px;padding:6px;border-radius:22px;border-width:6px}.showcase-preview{padding:16px;border-radius:20px}.legal-hero-card h1,.invite-main-card h1{font-size:2.35rem}.section-head h2{font-size:2.05rem}.hero-copy p,.section-head p,.invite-copy{font-size:.94rem}.invite-code-value{font-size:2rem;letter-spacing:.12em}.footer-shell{gap:18px}.footer{padding-top:184px}.footer-topline{align-items:flex-start;flex-direction:column;gap:14px}.footer-policy-links button{padding:0 14px}.footer-policy-links button:first-child{padding-left:0}}
