/* Zapier integration page. Scoped under .zp */
.zp{--zp-ink:#14120f;--zp-ink2:#292722;--zp-muted:#6b655d;--zp-cta:#c04e06;--zp-orange:#f26207;--zp-soft:#fff4ec;--zp-bd:#f4a76f;--zp-sand:#f8f5f0;--zp-line:#e8e1d9;--zp-alt:#f6f8fa;--zp-ok:#175e43;background:#fcfcf9;color:var(--zp-ink);font-size:15px;line-height:1.62}
.zp *{box-sizing:border-box}
.zp a{color:var(--zp-cta);text-decoration:none;font-weight:600}
.zp a:hover{text-decoration:underline}
.zp a:focus-visible,.zp button:focus-visible{outline:3px solid var(--zp-bd);outline-offset:3px}
.zp-wrap{width:100%;max-width:1120px;margin:0 auto;padding-left:22px;padding-right:22px}
.zp-caps{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#8d5a37;margin:0}
.zp-hero{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);gap:44px;align-items:center;padding-top:50px;padding-bottom:64px}
.zp-hero h1{font-size:clamp(34px,4.6vw,56px);line-height:1.08;letter-spacing:-.05em;font-weight:800;margin:13px 0 19px;max-width:640px;color:var(--zp-ink)}
.zp-hero h1 em{font-style:normal;color:var(--zp-orange)}
.zp-hero p.zp-lead{font-size:16px;line-height:1.75;color:var(--zp-muted);max-width:560px;margin:0 0 24px}
.zp-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.zp .zp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 17px;min-height:44px;border-radius:10px;background:var(--zp-cta);border:1px solid var(--zp-cta);color:#fff;font-size:13px;font-weight:750}
.zp .zp-btn:hover{background:#a94205;color:#fff;text-decoration:none}
.zp .zp-btn.zp-light{background:transparent;color:var(--zp-ink2);border-color:#d8ccc0}
.zp .zp-btn.zp-light:hover{background:var(--zp-sand);color:var(--zp-ink2)}
.zp-chip{font-size:11px;border-radius:999px;padding:5px 10px;font-weight:750;background:var(--zp-soft);border:1px solid #f0cfb8;color:#8c420e}
.zp-hint{font-size:12px;color:var(--zp-muted)}
.zp-flow{padding:25px;background:var(--zp-sand);border:1px solid #eee5db;border-radius:17px}
.zp-flow .zp-caps{color:#93531e;margin-bottom:16px}
.zp-step{display:flex;align-items:center;gap:14px;background:#fff;padding:14px;border:1px solid #ede6df;border-radius:12px}
.zp-step strong{display:block;font-size:13px;font-weight:750}
.zp-step span{display:block;font-size:12px;color:var(--zp-muted);margin-top:2px}
.zp-sq{flex:0 0 44px;height:44px;display:grid;place-items:center;border-radius:10px;background:var(--zp-sand);color:#6b5440;font-size:20px;font-weight:800}
.zp-sq.zp-or{color:#a94b06;background:var(--zp-soft);font-size:15px}
.zp-arrow{text-align:center;color:var(--zp-cta);padding:7px;font-weight:800}
.zp-result{margin-top:16px;border-radius:10px;padding:10px 12px;background:#eaf3ed;color:var(--zp-ok);font-size:12px;border:1px solid #cee4d3}
.zp-sec{padding-top:45px;padding-bottom:62px}
.zp-sec.zp-alt{background:var(--zp-alt)}
.zp-sec h2{font-size:clamp(26px,3.2vw,34px);line-height:1.17;letter-spacing:-.04em;font-weight:800;margin:0 0 10px;color:var(--zp-ink)}
.zp-sub{color:var(--zp-muted);margin:0 0 22px;font-size:15px}
.zp-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.zp-filters button{font:inherit;font-size:13px;font-weight:650;color:#60594f;padding:10px 16px;min-height:44px;border:1px solid #e7ddd2;border-radius:10px;background:#fff;cursor:pointer}
.zp-filters button[aria-pressed="true"]{background:var(--zp-soft);color:#934509;border-color:var(--zp-bd)}
.zp-count{font-size:12px;color:var(--zp-muted);margin:0 0 12px}
.zp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.zp-card{display:flex;flex-direction:column;min-height:216px;padding:21px;background:var(--zp-sand);border-radius:13px;border:1px solid transparent;transition:transform .15s ease,border-color .15s ease,background .15s ease}
.zp-card:hover{background:#f6f0e9;transform:translateY(-2px);border-color:#eaddcf}
.zp-card[hidden]{display:none}
.zp-badge{background:var(--zp-soft);color:#9a501c;display:inline-flex;width:max-content;border-radius:5px;padding:3px 7px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.zp-badge.zp-out{background:#e6f3ec;color:#226347}
.zp-card h3{color:var(--zp-ink);margin:13px 0 8px;font-size:16px;font-weight:750;line-height:1.35;letter-spacing:-.015em}
.zp-card p{color:var(--zp-muted);font-size:13px;margin:0;flex:1;line-height:1.6}
.zp-uses{font-size:12.5px;margin:12px 0 4px;color:#594a3e;font-weight:650}
.zp-card a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:750}
.zp-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.zp-det{padding:20px;border-radius:13px;background:var(--zp-sand)}
.zp-circle{display:inline-grid;place-items:center;background:var(--zp-soft);color:var(--zp-cta);font-weight:800;width:33px;height:33px;border-radius:50%}
.zp-det h3{color:var(--zp-ink);font-size:15px;margin:12px 0 7px;font-weight:750}
.zp-det p{color:var(--zp-muted);font-size:13px;margin:0}
.zp-lists{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.zp-list{padding:20px;border-radius:13px;background:#fff;border:1px solid var(--zp-line)}
.zp-list h3{font-size:15px;margin:0 0 10px;font-weight:750;color:var(--zp-ink)}
.zp-list ul{margin:0;padding:0;list-style:none}
.zp-list li{font-size:13.5px;padding:7px 0;border-top:1px solid #f0ebe4;color:var(--zp-ink2)}
.zp-list li:first-child{border-top:0}
.zp-note{font-size:13px;color:var(--zp-muted);margin:16px 0 0}
.zp-faq{max-width:820px}
.zp-faq details{border-bottom:1px solid var(--zp-line)}
.zp-faq summary{cursor:pointer;min-height:44px;padding:14px 0;font-size:16px;font-weight:700;color:var(--zp-ink);display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none}
.zp-faq summary::-webkit-details-marker{display:none}
.zp-faq summary::after{content:"+";font-size:22px;color:var(--zp-cta);flex:0 0 auto}
.zp-faq details[open] summary::after{content:"\2212"}
.zp-faq summary:focus-visible{outline:3px solid var(--zp-bd);outline-offset:2px}
.zp-faq details p{margin:0 0 16px;color:var(--zp-muted);font-size:14.5px}
.zp-ribbon{padding:38px 0;background:#fff3e9}
.zp-ribbon-in{display:flex;justify-content:space-between;gap:22px;align-items:center}
.zp-ribbon h2{font-size:27px;line-height:1.2;letter-spacing:-.035em;margin:0 0 8px;font-weight:800}
.zp-ribbon p{margin:0;color:#755846;max-width:630px}
@media(max-width:900px){.zp-hero{grid-template-columns:1fr;gap:24px;padding-top:34px}.zp-flow{max-width:650px}.zp-cards,.zp-three,.zp-lists{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.zp-ribbon-in{flex-direction:column;align-items:flex-start}}
@media(max-width:560px){.zp-wrap{padding-left:17px;padding-right:17px}.zp-hero{padding-top:27px;padding-bottom:34px}.zp-hero p.zp-lead{font-size:14.5px}.zp-hero .zp-row>.zp-btn{width:100%}.zp-cards,.zp-three,.zp-lists{grid-template-columns:1fr}.zp-sec{padding-top:38px;padding-bottom:42px}.zp-card{min-height:175px}.zp-flow{padding:17px}.zp .zp-ribbon .zp-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.zp-card{transition:none}}
.zp .zp-sub a,.zp .zp-note a{display:inline;padding:0;min-height:0;border:0;background:none;text-decoration:underline;text-underline-offset:2px}
.zp-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 0;font-size:13px;font-weight:650;color:#783608}
.zp-badges{display:flex;gap:6px;flex-wrap:wrap}
.zp-badge.zp-ex{background:#fff;color:#6b5440;border:1px solid #e7ddd2}
.zp-uses b{color:var(--zp-ink2)}
.zp a.zp-chip{display:inline-flex;align-items:center;min-height:44px;padding:5px 14px}
.zp-note{max-width:820px}

/* 23 Oct 2026: submitted Partner Zap templates, flow figure, help split, account embed */
.zp-badge.zp-rev{background:#fff;color:#6b5440;border:1px solid #e7ddd2;text-transform:none;letter-spacing:0;font-size:11px;font-weight:700}
.zp-flowline{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:12px 0 4px;font-size:12px;font-weight:650;color:var(--zp-ink2)}
.zp-flowline span{background:#fff;border:1px solid var(--zp-line);border-radius:8px;padding:5px 8px}
.zp-flowline i{font-style:normal;color:var(--zp-cta);font-weight:800}
.zp-minis{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0}
.zp-mini{font-size:11px;font-weight:700;color:#594a3e;background:#fff;border:1px solid var(--zp-line);border-radius:999px;padding:3px 9px}
.zp .zp-safe{flex:0 0 auto;margin:10px 0 0;padding:8px 10px;border-radius:8px;background:#eaf3ed;border:1px solid #cee4d3;color:var(--zp-ok);font-size:12.5px;font-weight:650}
.zp-how{margin-top:10px;border-top:1px solid var(--zp-line)}
.zp-how summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:13px;font-weight:750;color:var(--zp-cta);list-style:none}
.zp-how summary::-webkit-details-marker{display:none}
.zp-how summary::before{content:"+";margin-right:8px;font-size:18px}
.zp-how[open] summary::before{content:"\2212"}
.zp-how summary:focus-visible{outline:3px solid var(--zp-bd);outline-offset:2px}
.zp-how ul{margin:0 0 6px;padding-left:18px;font-size:12.5px;color:var(--zp-muted);line-height:1.6}
.zp-how li{margin:0 0 6px}
.zp .zp-pending{flex:0 0 auto;margin:6px 0 0;font-size:12px;font-weight:650;color:#783608}
.zp-fig{margin:0}
.zp-fig img{display:block;width:100%;height:auto;border-radius:17px}
.zp-fig figcaption ol{margin:14px 0 0;padding-left:20px;max-width:820px;color:var(--zp-muted);font-size:14px}
.zp-fig figcaption li{margin:0 0 6px}
.zp-fig figcaption b{color:var(--zp-ink2)}
.zp-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.zp-split .zp-det p{margin:0 0 10px}
.zp-split .zp-det p:last-child{margin-bottom:0}
@media(max-width:700px){.zp-split{grid-template-columns:1fr}.zp-fig img{max-width:360px;margin:0 auto}}
.zp .zp-card>p{flex:0 0 auto}
.zp-flowline{flex-direction:column;align-items:flex-start;gap:2px}
.zp-flowline i{display:inline-block;transform:rotate(90deg);margin-left:12px;line-height:1}
.zp .zp-card>p.zp-pending{margin-top:auto;padding-top:10px}
.zp-badge.zp-live{background:#e6f3ec;color:#1d5a3f;border:1px solid #bfe0cd;text-transform:none;letter-spacing:0;font-size:11px;font-weight:700}
.zp-btn.zp-start{margin-top:auto;width:100%}