.home{--z-navy:#1c2a24;--z-navy-deep:#14201b;--z-blue:#2d6a4f;--z-blue-hover:#245843;--z-blue-50:#e4efe8;--z-blue-100:#cfe0d6;--z-surface-blue:#eef3ef;--z-surface-tint:#e4efe8;--z-hairline:#d5ddd6;--z-border:#c8d2cb;--z-ink:#1c2a24;--z-body:#2c3d34;--z-muted:#5a6b61;--z-faint:#7a8a80;background:var(--bg);min-height:100dvh;color:var(--z-body);flex-direction:column;display:flex;position:relative;overflow-x:clip}.home-bg{display:none}.skip-link{z-index:80;background:var(--z-ink);color:#fbfcf9;border-radius:var(--radius-md);padding:8px 14px;font-weight:600;text-decoration:none;position:absolute;top:-48px;left:16px}.skip-link:focus{top:12px}.header{z-index:50;border-bottom:1px solid var(--z-hairline);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f3f5f2eb;height:64px;position:sticky;top:0;left:0;right:0}.header-inner{justify-content:space-between;align-items:center;max-width:1180px;height:64px;margin:0 auto;padding:0 24px;display:flex}.logo{color:inherit;align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex}.logo-icon{background:var(--z-blue);border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.logo-text{font-family:var(--font-display);letter-spacing:-.03em;color:var(--z-ink);font-size:18px;font-weight:700;line-height:1.1;display:block}.logo-sub{color:var(--z-muted);letter-spacing:.01em;margin-top:2px;font-size:11px;display:block}.nav{align-items:center;gap:4px;display:flex}.nav-anchor{color:var(--z-muted);border-radius:var(--radius-md);padding:8px 10px;font-size:14px;font-weight:600;text-decoration:none}.nav-anchor:hover,.nav-anchor:focus-visible,.nav-anchor.nav-anchor-active,.nav-anchor.router-link-exact-active{color:var(--z-ink);background:var(--z-blue-50)}.nav-status{display:none}.main{flex:1}.hero{max-width:1180px;margin:0 auto;padding:28px 24px 40px}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:end;gap:40px;display:grid}.hero-kicker{color:var(--z-blue);margin-bottom:12px;font-size:13px;font-weight:600}.hero-title{font-family:var(--font-display);letter-spacing:-.04em;color:var(--z-ink);text-wrap:balance;margin-bottom:14px;font-size:clamp(36px,5vw,56px);font-weight:700;line-height:1.12}.hero-desc{color:var(--z-muted);max-width:42ch;margin-bottom:24px;font-size:17px;line-height:1.55}.action-card{background:var(--surface);border:1px solid var(--z-hairline);border-radius:var(--radius-xl);max-width:420px;padding:20px}.create-label{color:var(--z-ink);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.input-wrapper{display:flex}.join-input{border:1px solid var(--z-border);border-radius:var(--radius-md);width:100%;min-height:44px;color:var(--z-ink);font:inherit;background:#fff;padding:0 12px;font-size:15px}.join-input::placeholder{color:var(--z-faint)}.join-input:focus{outline:2px solid var(--z-blue);outline-offset:1px;border-color:#0000}.create-btn,.join-btn,.cta-btn{border-radius:var(--radius-md);background:var(--z-blue);color:#fbfcf9;min-height:44px;font:inherit;cursor:pointer;white-space:nowrap;border:0;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}.create-btn{width:100%;margin-top:10px}.create-btn:hover,.join-btn:hover,.cta-btn:hover{background:var(--z-blue-hover)}.create-btn:active,.join-btn:active,.cta-btn:active,.solo-btn:active{transform:scale(.98)}.create-btn:disabled,.join-btn:disabled,.cta-btn:disabled{opacity:.55;cursor:not-allowed}.join-block{margin-top:18px}.join-row{grid-template-columns:1fr auto;gap:8px;display:grid}.join-btn{background:var(--z-ink)}.join-btn:hover{background:#14201b}.solo-btn{width:100%;min-height:40px;color:var(--z-blue);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin-top:12px;font-size:14px;font-weight:600;text-decoration:underline}.solo-btn:hover{color:var(--z-blue-hover)}.error-msg{color:var(--danger);margin-top:10px;font-size:13px}.btn-spinner,.btn-spinner-blue{border:2px solid #fbfcf959;border-top-color:#fbfcf9;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hero-visual{border-radius:var(--radius-2xl);background:var(--surface-soft);aspect-ratio:16/10;margin:0;overflow:hidden}.hero-visual img{object-fit:cover;width:100%;height:100%;display:block}.hero-meta{border-top:1px solid var(--z-hairline);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px;padding:16px 0 0;list-style:none;display:grid}.hero-meta li{color:var(--z-ink);font-size:14px;font-weight:600}.section-inner{max-width:1180px;margin:0 auto;padding:0 24px}.section-title{font-family:var(--font-display);letter-spacing:-.035em;color:var(--z-ink);text-wrap:balance;margin-bottom:20px;font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.15}.section-sub{color:var(--z-muted);max-width:58ch;margin:-8px 0 28px;font-size:16px;line-height:1.55}.pain{padding:72px 0 40px}.pain-list{border-top:2px solid var(--z-ink);list-style:none}.pain-list li{border-bottom:1px solid var(--z-hairline);grid-template-columns:56px minmax(0,1fr);gap:20px;padding:26px 0;display:grid}.pain-list span{color:var(--z-blue);padding-top:3px;font-size:13px;font-weight:700}.pain-list h3{color:var(--z-ink);margin-bottom:8px;font-size:20px;font-weight:650}.pain-list p{color:var(--z-muted);max-width:62ch;font-size:15px;line-height:1.6}.pain-summary{background:var(--z-ink);color:#e8ece4;max-width:none;margin-top:36px;padding:24px 28px;font-size:18px;line-height:1.5}.caps{padding:64px 0}.caps-grid{grid-template-columns:1.4fr 1fr;gap:16px;display:grid}.cap{background:var(--surface);border:1px solid var(--z-hairline);border-radius:var(--radius-xl);min-height:180px;padding:24px}.cap h3{letter-spacing:-.02em;color:var(--z-ink);margin-bottom:10px;font-size:22px}.cap p{color:var(--z-muted);max-width:42ch;font-size:15px;line-height:1.55}.cap-fill{background:var(--z-blue-50);flex-direction:column;justify-content:space-between;gap:20px;min-height:280px;display:flex}.cap-fill-ink{background:var(--z-ink);border-color:var(--z-ink)}.cap-fill-ink h3,.cap-fill-ink p{color:#e8ece4}.cap-fill-ink p{color:#c5d0c8}.cap-path{gap:0;list-style:none;display:grid}.cap-path li{border-top:1px solid var(--z-hairline);padding:12px 0}.cap-path strong{color:var(--z-ink);margin-bottom:4px;font-size:14px;display:block}.cap-path span{color:var(--z-muted);font-size:13px;line-height:1.45}.cap-talk{gap:0;list-style:none;display:grid}.cap-talk li{border-top:1px solid #ffffff1f;gap:4px;padding:10px 0;display:grid}.cap-talk strong{color:#fbfcf9;font-size:14px}.cap-talk span{color:#c5d0c8;font-size:13px;line-height:1.45}.cap-photo{grid-template-rows:1fr auto;padding:0;display:grid;overflow:hidden}.cap-photo img{object-fit:cover;width:100%;height:220px;display:block}.cap-copy{padding:20px 24px 24px}.use-cases{padding:32px 0 80px}.use-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 24px;display:grid}.use-card h3{color:var(--z-ink);margin-bottom:8px;font-size:17px}.use-card p{color:var(--z-muted);font-size:14px;line-height:1.55}.use-rows{gap:0;display:grid}.use-row,.use-row-link{border-top:1px solid var(--z-hairline);color:inherit;grid-template-columns:auto 1fr;gap:20px;padding:22px 0;text-decoration:none;display:grid}.use-row-link:hover .use-title{color:var(--z-blue)}.use-index{font-family:var(--font-mono);color:var(--z-faint);padding-top:4px;font-size:13px;font-weight:600}.use-title{color:var(--z-ink);margin-bottom:6px;font-size:18px}.use-desc{color:var(--z-muted);font-size:14px;line-height:1.55}.use-more{color:var(--z-blue);margin-top:8px;font-size:13px;font-weight:600;display:inline-block}.cta-band{background:var(--z-ink);color:#e8ece4;padding:72px 24px 80px}.cta-inner{max-width:720px;margin:0 auto}.cta-title{font-family:var(--font-display);letter-spacing:-.03em;color:#fbfcf9;margin-bottom:12px;font-size:clamp(28px,4vw,40px);line-height:1.15}.cta-desc{color:#c5d0c8;max-width:46ch;margin-bottom:24px;font-size:16px;line-height:1.55}.cta-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.cta-link{color:#d7e4db;font-weight:600;text-decoration:none}.cta-link:hover{color:#fff}.footer{border-top:1px solid var(--z-hairline);color:var(--z-muted);box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;gap:12px;width:100%;max-width:1180px;margin:0 auto;padding:28px 24px 36px;font-size:13px;display:flex}.footer-nav{gap:16px;display:flex}.footer-nav a{color:var(--z-ink);font-weight:600;text-decoration:none}.footer-nav a:hover{color:var(--z-blue)}.content-page .hero-title,.content-hero .hero-title{font-size:clamp(32px,5vw,48px)}.content-hero .hero-desc{margin-bottom:0}.brand-mark{color:var(--z-blue);margin-bottom:12px;font-size:13px;font-weight:600}.home.home .lang-btn{border-color:var(--z-hairline);color:var(--z-muted);background:#fff}.home .lang-btn:hover,.home .lang-btn.open{color:var(--z-blue);border-color:var(--z-blue-100)}@media (width<=900px){.hero-grid,.caps-grid,.use-grid,.hero-meta{grid-template-columns:1fr}.hero{padding-top:20px}.nav{gap:0}.nav-anchor{padding:8px 6px;font-size:13px}.logo-sub{display:none}.cap-photo img{height:180px}}@media (prefers-reduced-motion:reduce){.create-btn,.join-btn,.cta-btn,.solo-btn,.btn-spinner{transition:none;animation:none}}.content-page .main{padding-top:0}.content-hero{max-width:1180px;margin:0 auto;padding:48px 24px 32px}.content-hero-inner{max-width:640px}.content-toc{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.content-toc a{border:1px solid var(--z-hairline);background:var(--surface);min-height:36px;color:var(--z-ink);border-radius:999px;align-items:center;padding:0 14px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.content-toc a:hover{background:var(--z-blue-50);border-color:var(--z-blue-100)}.content-body{z-index:1;position:relative}.content-section{border-top:1px solid var(--z-hairline);padding:56px 0;scroll-margin-top:88px}