/* /pricing (handoff/studio-v3 pricing.css, 2026-11-09). Every class is prefixed pz- because site.css already uses
   the design's short names (.pl, .pr, .sec, .k). The page sits inside .cdk, so the site's colour tokens apply. */
.pz{--gold-bg:#FBF4E4}
.pz-wr{max-width:1080px;margin:0 auto;padding:0 28px}
@container (max-width:600px){.pz-wr{padding:0 18px}}
.pz-k{display:block;font:700 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--green-t);margin-bottom:10px}
/* founder strip */
.pz-fd{background:var(--ink);color:#fff}
.pz-fd .pz-wr{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding-top:12px;padding-bottom:12px;font-size:14.5px}
.pz-tag{font:800 11px var(--sans);letter-spacing:.1em;text-transform:uppercase;background:#E8C27A;color:#3A2A08;padding:3px 8px;border-radius:2px}
.pz-fd b{color:#fff}
/* hero */
.pz-hero{padding:46px 0 10px;text-align:center}
.pz-hero h1{margin:0 auto 14px;font:800 48px/1.05 var(--sans);letter-spacing:-.03em;max-width:760px;text-wrap:balance}
.pz-hero p{margin:0 auto;font:400 19px/1.55 var(--serif);color:#3E4A52;max-width:620px}
@container (max-width:600px){.pz-hero{padding:32px 0 6px}.pz-hero h1{font-size:33px}.pz-hero p{font-size:17px}}
.pz-bill{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:26px 0 30px}
.pz-tg{display:inline-flex;background:#fff;border:1px solid #C9CED2;border-radius:999px;padding:4px}
.pz-tg a{border-radius:999px;padding:9px 20px;font:700 14.5px var(--sans);color:var(--muted)!important;text-decoration:none;white-space:nowrap}
.pz-tg a.on{background:var(--ink);color:#fff!important}
.pz-save{font:700 13px var(--sans);color:var(--green-t);background:#E6F3EC;padding:5px 11px;border-radius:999px;white-space:nowrap}
/* plans */
.pz-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:880px;margin:0 auto}
@container (max-width:760px){.pz-plans{grid-template-columns:1fr}}
.pz-pl{position:relative;background:#fff;border:1px solid var(--rule);padding:28px 28px 26px;display:flex;flex-direction:column}
.pz-pl.pz-ag{border:2px solid var(--ink)}
.pz-rb{position:absolute;top:-12px;left:26px;font:800 11px var(--sans);letter-spacing:.08em;text-transform:uppercase;background:var(--ink);color:#fff;padding:4px 9px;border-radius:2px}
.pz-pl h2{margin:0 0 4px;font:800 26px/1.15 var(--sans);letter-spacing:-.02em}
.pz-who{margin:0 0 20px;font:400 16px/1.45 var(--serif);color:var(--muted)}
.pz-b{display:flex;flex-direction:column}.pz-b[hidden]{display:none}
.pz-pr{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:0 0 4px}
.pz-now{font:800 46px/1 var(--sans);letter-spacing:-.03em}
.pz-per{font:600 15px var(--sans);color:var(--muted)}
.pz-sub{margin:0 0 4px;font-size:14px;color:var(--muted)}
.pz-fn{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;margin:6px 0 0;font:700 12.5px var(--sans);color:#6A4A0A;background:var(--gold-bg);border:1px solid #EBD6A8;padding:4px 9px;border-radius:2px}
.pz-pl ul{list-style:none;margin:22px 0 24px;padding:20px 0 0;border-top:1px solid var(--rule);display:flex;flex-direction:column;gap:10px;flex:1}
.pz-pl li{display:flex;gap:10px;font-size:15px;line-height:1.45}
.pz-pl li::before{content:"";flex:none;width:16px;height:16px;margin-top:2px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-7' fill='none' stroke='%23509E7A' stroke-width='2.2'/%3E%3C/svg%3E") center/contain no-repeat}
.pz-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--blue-b);color:#fff!important;font:700 16px var(--sans);padding:14px 20px;border-radius:2px;text-decoration:none!important}
.pz-cta:hover{background:#00628F}
.pz-cta.pz-dk{background:var(--ink)}.pz-cta.pz-dk:hover{background:#1F282E}
.pz-fine{margin:10px 0 0;text-align:center;font-size:13px;color:var(--muted)}
.pz-soon{margin:0;padding:12px 14px;background:var(--paper);border:1px dashed #B9C1C6;font-size:14.5px;line-height:1.5;color:var(--muted)}
.pz-soon b{color:var(--ink)}
.pz-pl .wlf{display:flex;flex-wrap:wrap;gap:6px}
.pz-pl .wlf input{flex:1;min-width:150px;border:1.5px solid #C9CED2;border-radius:6px;padding:9px 11px;font:15px var(--sans)}
.pz-mem{max-width:880px;margin:18px auto 0;display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;background:#fff;border:1px dashed #B9C1C6;padding:16px 22px}
.pz-lg{width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px var(--rule);display:flex;align-items:center;justify-content:center;flex:none}
.pz-lg img{width:28px;height:28px}
.pz-mem div{flex:1;min-width:220px}.pz-mem b{display:block;font-size:16px}.pz-mem span{font-size:14px;color:var(--muted)}
.pz-mem a{font-weight:700;font-size:14.5px;white-space:nowrap;color:var(--blue-t)}
/* sections */
.pz-sec{padding:56px 0;border-top:1px solid var(--rule);margin-top:56px}
.pz-sec+.pz-sec{margin-top:0}
.pz-sec h2{margin:0 0 6px;font:800 28px/1.15 var(--sans);letter-spacing:-.02em}
.pz-sec h2::after{content:"✦";font-size:.5em;color:var(--blue);margin-left:.35em;vertical-align:.5em}
.pz-lede{margin:0 0 26px;font:400 17px/1.55 var(--serif);color:var(--muted);max-width:620px}
@container (max-width:600px){.pz-sec{padding:40px 0;margin-top:40px}.pz-sec h2{font-size:23px}}
.pz-cmpw{overflow-x:auto;background:#fff;border:1px solid var(--rule)}
.pz-cmp{width:100%;min-width:560px;border-collapse:collapse;font-size:15px}
.pz-cmp th,.pz-cmp td{padding:13px 18px;border-bottom:1px solid var(--rule);text-align:left;vertical-align:top}
.pz-cmp thead th{font:800 15px var(--sans);background:var(--paper)}
.pz-cmp td,.pz-cmp thead th:not(:first-child){text-align:center;width:24%}
.pz-cmp tbody th{font-weight:600}
.pz-grp th{background:var(--paper);font:700 12px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.pz-ck{color:var(--green-t);font-weight:800}.pz-no{color:#B0B6BB}
.pz-fdx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center;background:var(--gold-bg);border:1px solid #EBD6A8;padding:30px 32px}
@container (max-width:760px){.pz-fdx{grid-template-columns:1fr;padding:24px 22px}}
.pz-fdx .pz-k{color:#8A6418}
.pz-fdx h2{margin:0 0 10px}.pz-fdx h2::after{color:#B7862B}
.pz-fdx p{margin:0 0 10px;font:400 17px/1.6 var(--serif)}
.pz-fdx ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.pz-fdx li{background:#fff;border:1px solid #EBD6A8;padding:12px 14px;font-size:15px;line-height:1.45}
.pz-fdx li b{display:block;font-size:15.5px}
.pz-qs{margin-top:22px}
.pz-faq details{background:#fff;border:1px solid var(--rule);border-bottom:0}
.pz-faq details:last-child{border-bottom:1px solid var(--rule)}
.pz-faq summary{padding:16px 18px;font:700 16.5px var(--sans);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}
.pz-faq summary::after{content:"+";font-weight:400;font-size:20px;line-height:1;color:var(--muted)}
.pz-faq details[open] summary::after{content:"–"}
.pz-faq summary::-webkit-details-marker{display:none}
.pz-faq p{margin:0;padding:0 18px 18px;font:400 16.5px/1.6 var(--serif);max-width:740px}