.home{background:var(--bg);min-height:100dvh;color:var(--ink-soft);flex-direction:column;display:flex;position:relative}.home-bg{display:none}.skip-link{z-index:80;background:var(--pine);color:#f7f7f5;border-radius:8px;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(--line);background:#f3f4f6eb;height:68px;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:1180px;height:68px;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-mark{border-radius:4px;flex-shrink:0;width:22px;height:22px;overflow:hidden}.logo-mark img{width:22px;height:22px;display:block}.logo-text{font-family:var(--font-display);letter-spacing:-.03em;text-transform:lowercase;color:var(--ink);font-size:20px;font-weight:700;line-height:1}.nav{align-items:center;gap:2px;display:flex}.nav-anchor{color:var(--muted);white-space:nowrap;border-radius:8px;padding:8px 12px;font-size:14px;font-weight:600;text-decoration:none}.nav-anchor:hover,.nav-anchor.nav-anchor-active,.nav-anchor.router-link-exact-active{color:var(--ink)}.main{flex:1}.hm-hero{align-items:flex-end;min-height:min(62vh,620px);display:flex;position:relative;overflow:hidden}.hm-hero-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hm-hero-veil{background:linear-gradient(#f3f4f614 0%,#f3f4f68c 48%,#f3f4f6f5 100%);position:absolute;inset:0}.hm-hero-copy{z-index:1;width:100%;max-width:1180px;margin:0 auto;padding:72px 24px 40px;position:relative}.hm-open{color:#fff;background:#306556}.hm-open-inner{max-width:1180px;margin:0 auto;padding:56px 32px 72px}.hm-open-hero{text-align:center}.hm-open-hero h2{font-family:var(--font-display);letter-spacing:-.03em;color:#fff;margin:0;font-size:32px;font-weight:700;line-height:1.15}.hm-open-hero p{color:#ffffffb3;margin:12px 0 0;font-size:15px;line-height:1.5}.hm-open-solo{color:#285a4d;width:100%;min-height:48px;font:inherit;cursor:pointer;transition:background .2s var(--ease), transform .16s var(--ease);background:#f7f8f5;border:0;border-radius:12px;justify-content:center;align-items:center;margin:28px 0 0;padding:0 20px;font-size:16px;font-weight:650;display:flex}.hm-open-solo:hover{background:#fff;transform:translateY(-1px)}.hm-open-solo:active{transform:translateY(0)}.hm-open-cards{grid-template-columns:1fr 1fr;gap:22px;margin-top:48px;display:grid}.hm-open-card{background:#ffffff12;border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;padding:26px;display:flex}.hm-open-card h2{letter-spacing:-.02em;color:#fff;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:650;display:flex}.hm-open-card h2 span{color:#ffffffb8;font-weight:500}.hm-open-card>p{color:#ffffffad;margin:8px 0 22px;font-size:14px;line-height:1.55}.hm-open-label{color:#ffffffad;margin:0 0 8px;font-size:13px;font-weight:600}.hm-open-input{color:#26332f;width:100%;min-height:50px;font:inherit;background:#f8f8f5;border:0;border-radius:10px;padding:0 14px;font-size:16px}.hm-open-input::placeholder{color:#929a96}.hm-open-input:focus{outline-offset:2px;outline:2px solid #f7f8f58c}.hm-open-primary,.hm-open-secondary{width:100%;min-height:48px;font:inherit;cursor:pointer;transition:background .2s var(--ease), transform .16s var(--ease);border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:0 16px;font-size:16px;font-weight:650;display:inline-flex}.hm-open-primary{color:#285a4d;background:#f7f8f5}.hm-open-primary:hover{background:#fff;transform:translateY(-1px)}.hm-open-secondary{color:#fff;background:#143c328c}.hm-open-secondary:hover{background:#143c32b3;transform:translateY(-1px)}.hm-open-primary:disabled,.hm-open-secondary:disabled,.hm-open-solo:disabled{opacity:.5;cursor:not-allowed;transform:none}.hm-open-spin{border-color:#285a4d #285a4d40 #285a4d40}.hm-open-error{color:#ffd2cc;margin:10px 0 0;font-size:13px}.hm-essay,.hm-how,.hm-uses,.hm-bound{max-width:1180px;margin:0 auto;padding:72px 24px}.hm-essay-head,.hm-how-lead,.hm-uses header,.hm-bound header{max-width:40rem;margin-bottom:40px}.hm-essay-head h2,.hm-how-lead h2,.hm-uses h2,.hm-bound h2,.hm-bleed figcaption h2,.hm-band h2,.cta-title,.content-hero .hero-title{font-family:var(--font-display);letter-spacing:-.035em;color:var(--ink);font-size:clamp(32px,4vw,48px);font-weight:700;line-height:1.12}.hm-essay-head p,.hm-how-lead p,.hm-uses header p,.hm-bound header p,.hm-bleed figcaption p{color:var(--ink-soft);margin-top:14px;font-size:18px;line-height:1.65}.hm-essay-grid{grid-template-columns:1fr 1fr;gap:36px 48px;display:grid}.hm-essay-grid h3,.hm-bound-grid h3,.hm-uses h3,.hm-how b{color:var(--ink);letter-spacing:-.02em;margin:0 0 10px;font-size:20px;font-weight:650}.hm-essay-grid p,.hm-bound-grid p,.hm-uses p,.hm-how p,.hm-band p{color:var(--ink-soft);margin:0;font-size:16px;line-height:1.7}.hm-bleed{margin:0}.hm-bleed img{object-fit:cover;width:100%;height:min(56vh,580px);display:block}.hm-bleed figcaption{max-width:1180px;margin:0 auto;padding:28px 24px 8px}.hm-how{grid-template-columns:.85fr 1.15fr;align-items:start;gap:56px;display:grid}.hm-how ol,.hm-uses ol{margin:0;padding:0;list-style:none}.hm-how li{border-left:0;grid-template-columns:48px 1fr;column-gap:16px;padding:0 0 32px;display:grid}.hm-how li span,.hm-uses li span{font-family:var(--font-mono);color:var(--pine);padding-top:4px;font-size:13px}.hm-how li b,.hm-how li p{grid-column:2}.hm-uses ol{grid-template-columns:1fr 1fr;gap:0 48px;display:grid}.hm-uses li{border-top:1px solid var(--line);grid-template-columns:48px 1fr;gap:12px 16px;padding:22px 0;display:grid}.hm-band{grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;max-width:1180px;margin:0 auto;padding:24px 24px 72px;display:grid}.hm-band.is-flip{grid-template-columns:.95fr 1.05fr}.hm-band.is-flip img{order:2}.hm-band img{object-fit:cover;width:100%;height:min(42vh,420px);display:block}.hm-band .create-btn,.hm-band .ghost-btn{margin-top:22px}.hm-bound-grid{grid-template-columns:repeat(3,1fr);gap:32px 40px;display:grid}.hero-title{font-family:var(--font-display);letter-spacing:-.04em;color:var(--ink);margin-bottom:20px;font-size:clamp(44px,6vw,76px);font-weight:700;line-height:1.08}.hero-title span,.hero-title em{font-style:normal;display:block}.hero-desc,.lead,.cta-desc{color:var(--ink-soft);max-width:36ch;font-size:18px;line-height:1.6}.hero-actions,.cta-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:28px 0 0;display:flex}.create-btn,.join-btn,.cta-btn{background:var(--pine);color:#f7f7f5;min-height:48px;font:inherit;cursor:pointer;white-space:nowrap;transition:background .2s var(--ease), transform .16s var(--ease);border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:16px;font-weight:650;text-decoration:none;display:inline-flex}.create-btn:hover,.cta-btn:hover,.join-btn:hover{background:var(--pine-hover)}.create-btn:active,.join-btn:active,.cta-btn:active,.ghost-btn:active,.solo-btn:active{transform:scale(.98)}.create-btn:disabled,.join-btn:disabled,.cta-btn:disabled{opacity:.5;cursor:not-allowed}.ghost-btn{border:1px solid var(--line);min-height:48px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:0 20px;font-size:16px;font-weight:650;text-decoration:none;display:inline-flex}.ghost-btn:hover{border-color:var(--ink)}.start-form{flex-direction:column;gap:10px;padding-bottom:4px;display:flex}.start-kicker{color:var(--pine);font-size:13px;font-weight:650}.create-label{color:var(--muted);margin-top:8px;font-size:13px;font-weight:600}.join-input{border:1px solid var(--line);background:var(--surface);width:100%;min-height:48px;color:var(--ink);font:inherit;border-radius:8px;padding:0 14px;font-size:16px}.join-input:focus{outline:2px solid var(--pine);outline-offset:1px}.join-row{gap:8px;display:flex}.join-row .join-input{flex:1}.solo-btn{color:var(--muted);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;align-self:flex-start;margin-top:8px;padding:0;font-size:14px;font-weight:600;text-decoration:underline}.solo-btn:hover{color:var(--ink)}.error-msg{color:var(--danger);font-size:14px}.btn-spinner{border:2px solid #f7f7f559;border-top-color:#f7f7f5;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.stats{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:0;max-width:1180px;margin:0 auto;padding:8px 24px 64px;display:grid}.stats>div{padding:28px 20px 8px 0}.stats strong{font-family:var(--font-mono);color:var(--ink);letter-spacing:-.03em;font-size:28px;font-weight:500;display:block}.stats span{color:var(--muted);margin-top:6px;font-size:13px;display:block}.cta-band{max-width:1180px;margin:0 auto;padding:0 24px 96px}.cta-inner{border-top:1px solid var(--line);padding:48px 0 0}.cta-desc{margin-top:12px}.cta-link{color:var(--pine);font-weight:650;text-decoration:none}.cta-link:hover{color:var(--pine-hover)}.footer{border-top:1px solid var(--line);width:100%;max-width:1180px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px;margin:0 auto;padding:28px 24px 48px;font-size:14px;display:flex}.footer-nav{gap:20px;display:flex}.footer-nav a{color:var(--ink);font-weight:650;text-decoration:none}.footer-nav a:hover{color:var(--pine)}.content-page .hero-title,.content-hero .hero-title{font-size:clamp(40px,5vw,64px)}.content-hero .hero-desc{max-width:36ch;margin-top:16px}@media (width<=980px){.hm-essay-grid,.hm-how,.hm-uses ol,.hm-band,.hm-band.is-flip,.hm-bound-grid,.stats{grid-template-columns:1fr}.hm-band.is-flip img{order:0}.hero-title{font-size:clamp(36px,10vw,52px)}.nav-anchor{padding:8px;font-size:13px}.hm-band img,.hm-bleed img{height:220px}}@media (width<=720px){.hm-open-inner{padding:40px 24px 56px}.hm-open-cards{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.create-btn,.join-btn,.cta-btn,.solo-btn,.hm-open-solo,.hm-open-primary,.hm-open-secondary,.btn-spinner{transition:none;animation:none}}.content-page .main{padding-top:0}.content-hero{max-width:1180px;margin:0 auto;padding:56px 24px 20px}.content-hero-inner{max-width:640px}.content-toc{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.content-toc a{min-height:36px;color:var(--ink);border:0;border-bottom:1px solid var(--pine);background:0 0;align-items:center;margin-right:18px;padding:0;font-size:14px;font-weight:650;text-decoration:none;display:inline-flex}.content-section{border-top:1px solid var(--line);padding:56px 0;scroll-margin-top:88px}