@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
.annual-price{display:block;margin-top:8px;color:var(--muted);font-size:12px;font-weight:500}
.plan-button{border:0;outline:0;font-family:'DM Sans',sans-serif;cursor:pointer}.plan-button:focus-visible{outline:2px solid var(--green-dark);outline-offset:3px}
.checkout-modal[hidden]{display:none}.checkout-modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px}.checkout-backdrop{position:absolute;inset:0;background:rgba(24,34,28,.58)}.checkout-dialog{position:relative;z-index:1;width:min(100%,460px);padding:32px;background:var(--paper);border-radius:14px;box-shadow:0 24px 80px rgba(0,0,0,.24)}.checkout-close{position:absolute;top:14px;right:16px;width:32px;height:32px;border:0;background:transparent;color:var(--muted);font-size:24px;line-height:1;cursor:pointer}.checkout-close:hover{color:var(--ink)}.checkout-dialog h2{margin:0;font:600 28px 'Space Grotesk',sans-serif}.checkout-plan{margin:8px 0 0;color:var(--muted);font-size:14px}.checkout-price{display:flex;align-items:baseline;gap:8px;margin:24px 0;padding-bottom:20px;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px}.checkout-price strong{color:var(--ink);font:700 38px 'Space Grotesk',sans-serif}.checkout-message{min-height:22px;margin:0 0 16px;color:var(--muted);font-size:13px;line-height:1.5}.checkout-message.is-error{color:#b42318}.checkout-retry{width:100%;min-height:42px;border:1px solid var(--green);border-radius:7px;background:var(--paper);color:var(--green-dark);font-weight:700;cursor:pointer}@media (max-width:480px){.checkout-dialog{padding:26px 22px}.checkout-price strong{font-size:32px}}
.checkout-spinner{display:block;width:24px;height:24px;margin:0 auto 12px;border:3px solid #d8eadc;border-top-color:var(--green);border-radius:50%;animation:checkout-spin .8s linear infinite}.checkout-spinner[hidden]{display:none}@keyframes checkout-spin{to{transform:rotate(360deg)}}
.checkout-price[hidden]{display:none}
.checkout-annual-total{display:block;flex-basis:100%;margin-top:6px;color:var(--muted);font-size:12px;font-weight:500}.checkout-annual-total[hidden]{display:none}
.checkout-price{flex-wrap:wrap}
.checkout-savings{display:block;flex-basis:100%;margin-top:-2px;color:var(--green);font-size:12px;font-weight:700}.checkout-savings[hidden]{display:none}
.membership-loading{display:flex;grid-column:1/-1;align-items:center;justify-content:center;gap:10px;min-height:150px;color:var(--muted);font-size:14px}.membership-loading .checkout-spinner{margin:0}

:root{--ink:#18221c;--muted:#66736a;--green:#148447;--green-dark:#0d6735;--mint:#e8f5eb;--line:#dce7df;--paper:#fff;--canvas:#f4f8f3}
.membership-auth{display:flex;align-items:center;gap:10px}.membership-user{max-width:260px;overflow:hidden;color:var(--muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.auth-button{min-height:40px;padding:10px 15px;border:1px solid var(--green);border-radius:7px;background:var(--green);color:#fff;font:600 13px 'DM Sans',sans-serif;cursor:pointer}.auth-button:hover{background:var(--green-dark)}.auth-button-secondary{border-color:var(--line);background:var(--paper);color:var(--green-dark)}.auth-button-secondary:hover{background:var(--mint)}
.membership-profile-menu{position:relative}.membership-avatar-button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--paper);cursor:pointer}.membership-avatar-button[hidden]{display:none}.membership-avatar-button:hover,.membership-avatar-button:focus-visible{border-color:var(--green);outline:2px solid #14844733;outline-offset:2px}.membership-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--green);color:#fff;font-size:11px;font-weight:800}.membership-profile-dropdown{position:absolute;top:calc(100% + 2px);right:0;z-index:10;display:grid;min-width:150px;padding:6px;border:1px solid var(--line);border-radius:9px;background:var(--paper);box-shadow:0 14px 30px rgba(32,76,48,.15)}.membership-profile-dropdown[hidden]{display:none}.membership-profile-dropdown a,.membership-profile-dropdown button{display:block;width:100%;padding:10px 12px;border:0;border-radius:6px;background:transparent;color:var(--ink);font:600 13px 'DM Sans',sans-serif;text-align:left;text-decoration:none;cursor:pointer}.membership-profile-dropdown a:hover,.membership-profile-dropdown button:hover{background:var(--mint);color:var(--green-dark)}
.membership-profile-menu .membership-user{display:none!important}
.membership-nav{display:flex;align-items:center;gap:18px;margin-left:auto;margin-right:24px}.membership-nav[hidden]{display:none}.membership-nav a{color:var(--muted);font-size:13px;font-weight:700;text-decoration:none}.membership-nav a:hover,.membership-nav a.is-active{color:var(--green-dark)}
.topbar{max-width:1160px;margin:0 auto;padding:22px 28px 0}
@media(max-width:700px){.topbar{align-items:flex-start;flex-wrap:wrap;gap:14px;padding:18px 18px 0}.membership-nav{order:3;width:100%;gap:14px;margin:0}.membership-nav a{font-size:12px}.membership-auth{margin-left:auto}.membership-user{max-width:160px}}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:'DM Sans',sans-serif}body:before{content:'';position:fixed;inset:0 0 auto;height:420px;background:linear-gradient(120deg,#dff2e3 0%,#f4f8f3 65%);z-index:-1}.shell{max-width:1160px;margin:auto;padding:26px 32px 34px}.topbar{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font:700 20px 'Space Grotesk',sans-serif;text-decoration:none}.brand img{width:42px;height:42px;border-radius:10px}.signin,.plan-link{color:var(--green-dark);font-size:13px;font-weight:700;text-decoration:none}.signin:hover,.plan-link:hover{text-decoration:underline}.hero{max-width:700px;padding:92px 0 54px}.eyebrow{margin:0 0 14px;color:var(--green);font-size:12px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase}.hero h1{margin:0;font:700 clamp(42px,6vw,72px)/1.02 'Space Grotesk',sans-serif;letter-spacing:0}.lede{max-width:590px;margin:24px 0 0;color:var(--muted);font-size:19px;line-height:1.6}.membership-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.plan-card{position:relative;display:flex;flex-direction:column;padding:28px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 40px rgba(32,76,48,.07)}.plan-card-featured{border:2px solid var(--green);box-shadow:0 20px 50px rgba(20,132,71,.15)}.popular{position:absolute;top:-13px;right:20px;padding:5px 10px;border-radius:999px;background:var(--green);color:#fff;font-size:11px;font-weight:700}.plan-kicker{margin:0 0 9px;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.plan-card h2{margin:0;font:600 30px 'Space Grotesk',sans-serif}.plan-description{min-height:76px;margin:14px 0 22px;color:var(--muted);font-size:14px;line-height:1.55}.plan-card ul{display:grid;gap:12px;margin:0 0 28px;padding:0;list-style:none;color:#3c4c41;font-size:13px}.plan-card li:before{content:'✓';display:inline-block;margin-right:8px;color:var(--green);font-weight:700}.plan-link,.plan-button{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:11px 15px;border-radius:7px;font-size:13px;font-weight:700;text-align:center;text-decoration:none}.plan-button{background:var(--green);color:#fff}.plan-button:hover{background:var(--green-dark)}.next-step{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:54px 0 0;padding:30px 34px;background:#183b2a;border-radius:14px;color:#fff}.next-step .eyebrow{color:#9fe0ae}.next-step h2{margin:0;font:600 25px 'Space Grotesk',sans-serif}.next-step p:last-child{max-width:650px;margin:9px 0 0;color:#c5d9ca;font-size:14px;line-height:1.5}.next-step .plan-button{background:#fff;color:var(--green-dark);white-space:nowrap}.next-step .plan-button:hover{background:#e8f5eb}footer{display:flex;justify-content:space-between;margin-top:55px;padding-top:18px;border-top:1px solid var(--line);color:#7a877d;font-size:12px}footer a{color:inherit;text-decoration:none}footer a:hover{text-decoration:underline}@media (max-width:800px){.shell{padding:20px}.hero{padding:70px 0 42px}.membership-grid{grid-template-columns:1fr}.plan-description{min-height:0}.next-step{align-items:flex-start;flex-direction:column}.next-step .plan-button{width:100%}}@media (max-width:480px){.hero h1{font-size:43px}.lede{font-size:17px}.signin{font-size:12px}}