/* Pricing: column layout with thin dividers, textured plan tiles and dotted feature rows. */
.pricing-page{padding:0 44px 96px}
.pricing-head{padding:72px 0 40px}
.pricing-head h2{margin:0;font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:clamp(46px,5.4vw,72px);line-height:1.04;letter-spacing:-.6px;word-spacing:1px;color:#2f362c}
.pricing-head h2 em{color:#737f4e}
.pricing-head p{max-width:520px;margin:20px 0 0;font-size:14px;line-height:1.8;color:#6f7562}

.plan-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #dedfcd;border-left:1px solid #dedfcd}
.plan{position:relative;display:flex;flex-direction:column;padding:14px 14px 22px;border-right:1px solid #dedfcd}
/* Small tick marks where the column dividers meet the top rule. */
.plan:before,.plan:after{content:'';position:absolute;top:-4px;width:1px;height:7px;background:#9ba184}
.plan:before{left:-1px}
.plan:after{right:-1px}

.plan-tile{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-height:190px;padding:20px 20px 18px;overflow:hidden;border-radius:16px;background:radial-gradient(120% 90% at 0% 0%,#f6efdd 0%,transparent 60%),#ece6d6;color:#2f362c}
.plan-tile:after{content:'';position:absolute;inset:0;z-index:-1;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .2 0 0 0 0 .21 0 0 0 0 .16 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.plan.is-featured .plan-tile{color:#fffdf6;background:radial-gradient(90% 80% at 8% 0%,#f2d35c 0%,transparent 62%),radial-gradient(80% 90% at 100% 100%,#26331f 0%,transparent 70%),linear-gradient(140deg,#a8b25f 0%,#6f7d44 48%,#3c4b31 100%)}
.plan.is-featured .plan-tile:after{opacity:.65;mix-blend-mode:overlay}
.plan-name{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.plan-name h3{margin:0;font-family:'DM Sans',sans-serif;font-size:24px;font-weight:500;letter-spacing:-.4px;line-height:1.1}
.plan-badge{padding:2px 10px;border:1px solid currentColor;border-radius:30px;font-size:11px;line-height:1.6}
.plan-price{margin:0;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.plan-amount{font-size:30px;font-weight:500;letter-spacing:-.6px;line-height:1}
.plan-per{font-size:12px;opacity:.75}

.plan-cta{display:flex;align-items:center;justify-content:center;min-height:46px;margin-top:12px;padding:12px 18px;border-radius:30px;background:#2f362c;color:#fbf5e9;font-size:13px;font-weight:500;text-decoration:none;transition:background .2s}
.plan-cta:hover{background:#4f6041}
.plan.is-featured .plan-cta{background:#34442f}

.plan-rows{list-style:none;margin:0;padding:0}
.plan-rows{margin-top:22px}
.plan-rows li{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px dashed #d6d8c3;font-size:13px;line-height:1.45;color:#34442f}
.plan-rows li:last-child{border-bottom:0}
.plan-rows svg{flex-shrink:0;width:18px;height:18px;fill:none;stroke:#73804f;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}

.plan-grid{border-bottom:1px solid #dedfcd}
/* Shared features: one card under the plans, title on the left and four features on the right. */
.plan-includes{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:48px;align-items:start;margin-top:40px;padding:36px 40px;border:1px solid #dedfcd;border-radius:16px;background:#fffdf7b3}
.includes-head h3{margin:0;font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:34px;line-height:1.1;letter-spacing:-.2px;color:#2f362c}
.includes-head p{margin:12px 0 0;font-size:13px;line-height:1.7;color:#6f7562}
.includes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 36px;margin:0;padding:0;list-style:none}
.includes-grid li{display:flex;align-items:flex-start;gap:14px}
.includes-icon{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:50%;background:#eef0dc}
.includes-icon svg{width:19px;height:19px;fill:none;stroke:#5c6b46;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.includes-grid b{display:block;padding-top:2px;font-size:14px;font-weight:600;line-height:1.4;color:#2f362c}
.includes-grid p{margin:4px 0 0;font-size:12.5px;line-height:1.65;color:#6f7562}
.pricing-footnote{margin:28px 14px 0;font-size:11px;line-height:1.7;color:#8a937d}

@media(max-width:1050px){.pricing-page{padding:0 30px 80px}.plan-tile{min-height:170px}.plan-amount{font-size:26px}.plan-includes{grid-template-columns:minmax(0,1fr);gap:28px;padding:32px}}
@media(max-width:860px){
  .plan-grid{grid-template-columns:minmax(0,1fr);border-left:0;border-top:0}
  .plan{padding:14px 0 18px;border-right:0;border-top:1px solid #dedfcd}
  .plan:before,.plan:after{display:none}
  .pricing-footnote{margin-left:0;margin-right:0}
}
@media(max-width:760px){.pricing-page{padding:0 22px 56px}.plan-tile{min-height:150px}.pricing-head{padding:52px 0 28px}.pricing-head p{font-size:13px}.plan-includes{margin-top:32px;padding:24px}.includes-head h3{font-size:30px}.includes-grid{grid-template-columns:minmax(0,1fr);gap:22px}}
