/* Zapier: workflow connectivity, in AIChatVault's actual brand system (blue→purple), with Zapier orange used only as a small accent on the Zapier mark itself. */
.zp{--ink:#0f172a;--muted:#5b6472;--line:#e5e7eb;--blue:#2563eb;--purple:#7c3aed;--orange:#ff4a00;color:var(--ink);font-size:15px;line-height:1.65;background:#fff}
.zp *{box-sizing:border-box}
.zp .zp-wrap{max-width:1180px;margin:auto;padding:0 28px}
.zp section{padding:88px 0;scroll-margin-top:95px}
.zp h1,.zp h2,.zp h3,.zp p{margin:0}
.zp h1,.zp h2,.zp h3{line-height:1.2;letter-spacing:-.035em}
.zp h1{font-size:42px;font-weight:800}
.zp h2{font-size:38px;font-weight:800}
.zp h3{font-size:21px;font-weight:700}
.zp em{font-style:normal;background:linear-gradient(105deg,var(--blue),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}
.zp p{color:var(--muted)}
.zp h2+p,.zp h3+p{margin-top:18px}
.zp button,.zp a{font:inherit}
.zp button{cursor:pointer;border:0;background:none}
.zp a{text-decoration:none}
.zp button:focus-visible,.zp a:focus-visible,.zp summary:focus-visible{outline:3px solid #2563eb;outline-offset:5px}
.zp img,.zp svg{flex-shrink:0}
.zp-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#6d28d9;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:17px}
.zp-eyebrow:before{content:"";width:28px;height:2px;background:linear-gradient(90deg,var(--blue),var(--purple));flex-shrink:0}
.zp-brand{letter-spacing:.07em}
.zp-brand img{vertical-align:middle;margin-right:9px}
.zp-micro{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;color:#67717f}
.zp-muted{color:var(--muted)}
.zp-actions{display:flex;align-items:center;gap:25px;margin-top:27px;flex-wrap:wrap}
.zp-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:linear-gradient(110deg,var(--blue),var(--purple));color:#fff;border-radius:12px;padding:15px 24px;font-weight:700;box-shadow:0 14px 28px #5e3de038;transition:transform .2s,box-shadow .2s}
.zp-button:hover{transform:translateY(-3px);box-shadow:0 18px 36px #5e3de048}
.zp-text-link{color:#4a3690;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:12px;min-height:44px}
.zp-small-check{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#eee8fc;color:#6d28d9;flex-shrink:0;font-size:13px}
.zp-badge{display:inline-flex;align-items:center;white-space:nowrap;gap:4px;font-size:11px;font-weight:700;padding:4px 9px;border-radius:6px;line-height:1.5}
.zp-purple{background:#efe8fc;color:#6d28d9}
.zp-green{background:#e6f5ed;color:#186647}
.zp-amber{background:#fff1d9;color:#885600}
.zp-red{background:#fff0ed;color:#a8362b}
.zp-blue{background:#eaf1ff;color:#1d4eb0}
.zp-mark{display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,var(--blue),var(--purple));color:#fff;border-radius:11px;width:40px;height:40px;font-weight:800;font-size:16px;flex-shrink:0;box-shadow:0 8px 18px #5e3de030}
.zp-mark-sm{width:32px;height:32px;font-size:13px;border-radius:9px;box-shadow:none}
.zp-mark-zapier{background:linear-gradient(140deg,#ff4a00,#ff8a3d);box-shadow:0 8px 18px #ff4a0030}
.zp-logo-img{border-radius:11px;box-shadow:0 8px 18px #5e3de020}
.zp-section-heading{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:38px}
.zp-section-heading>div{flex:1.4}
.zp-section-heading>p{flex:1;max-width:390px;font-size:14px}
.zp-centered{text-align:center;max-width:780px;margin:0 auto 38px}
.zp-centered p{max-width:650px;margin:19px auto 0}
.zp-example-label{text-align:center;font-size:11px;margin-top:15px!important;color:#68727f!important}

/* Hero */
.zp section.zp-hero{padding:45px 0 0;background:radial-gradient(ellipse at 90% 10%,#eee8ff 0,transparent 55%),radial-gradient(ellipse at 5% 90%,#e4edff 0,transparent 45%),linear-gradient(130deg,#fff 15%,#fbfaff)}
.zp-hero-grid{display:grid;grid-template-columns:1fr 1.22fr;gap:38px;align-items:center}
.zp-hero-copy>p{margin-top:24px;font-size:16px;max-width:480px}
.zp-hero-proof{display:flex;align-items:center;gap:9px;font-size:11px;color:#5d647b;max-width:410px;margin-top:24px}
.zp-hero-scene{position:relative;padding:0 9px 0 20px}
.zp-flow-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 55px #2d215413;overflow:hidden}
.zp-flow-row{display:flex;align-items:center;gap:14px;padding:19px 22px;border-bottom:1px solid #f0f1f5;position:relative}
.zp-flow-row:last-child{border-bottom:0}
.zp-flow-row b{font-size:14.5px;display:block}
.zp-flow-row>div>span{font-size:12px;color:#68727f}
.zp-flow-row-zapier{background:linear-gradient(90deg,#fff6ef,#fff)}
.zp-flow-connector{position:absolute;left:33px;bottom:-9px;width:1px;height:18px;background:linear-gradient(#c7bdf7,#c4b5fd);z-index:2}
.zp-flow-connector-alt{background:linear-gradient(#c4b5fd,#ffb27a)}
.zp-fanout{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:22px;background:linear-gradient(180deg,#fff6ef,#faf9ff)}
.zp-fanout>div{display:flex;flex-direction:column;align-items:center;gap:8px;background:#fff;border:1px solid #e4defa;border-radius:12px;padding:16px 9px;text-align:center;font-size:12px;font-weight:700;color:#5b3ec5;box-shadow:0 4px 12px #2d21540a;transition:transform .2s,box-shadow .2s}
.zp-fanout>div:hover{transform:translateY(-2px);box-shadow:0 10px 22px #5e3de01c}
.zp-scene-caption{text-align:center;font-size:10px;font-weight:600;color:#68727f;margin-top:18px}
.zp-scene-caption span{color:#7c3aed;margin:0 6px}
.zp-capability-strip{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #e6e2f5;margin-top:39px;padding:22px 0;gap:15px}
.zp-capability-strip>span{font-size:12px;font-weight:700;text-align:center}
.zp-capability-strip i{font-style:normal;color:#6d28d9;margin-right:9px}

/* Bridge (more than a webhook) */
.zp section.zp-bridge{background:#f8f9fc}
.zp-bridge-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:40px 0 48px}
.zp-bridge-lane{background:#fff;border:1px solid var(--line);border-left:3px solid transparent;border-image:linear-gradient(var(--blue),var(--purple)) 1;border-radius:14px;padding:22px 26px;box-shadow:0 10px 26px #1f2a4e0d}
.zp-bridge-lane>.zp-micro{color:#7c3aed;margin-bottom:10px}
.zp-bridge-path{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.zp-bridge-path b{font-size:15px;font-weight:800;color:var(--ink)}
.zp-bridge-path span{color:#a78bfa;font-size:16px}
.zp-card-row{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.zp-card{border-top:2px solid #c4b5fd;padding-top:19px}
.zp-card h3{font-size:16px}
.zp-card p{font-size:12.5px;margin-top:9px}

/* Triggers */
.zp section.zp-triggers{background:#fff}
.zp-trigger-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.zp-trigger-card{border:1px solid var(--line);border-radius:16px;padding:26px;transition:border-color .2s,box-shadow .2s,transform .2s;background:#fff}
.zp-trigger-card:hover{border-color:#c4b5fd;box-shadow:0 14px 34px #5e3de016;transform:translateY(-3px)}
.zp-trigger-card .zp-mark{margin-bottom:18px}
.zp-trigger-card h3{font-size:16px}
.zp-trigger-card p{font-size:12px;margin-top:8px}
.zp-instant-line{text-align:center;margin-top:32px!important;font-size:13px;font-weight:600;color:#6d28d9!important}

/* Context */
.zp section.zp-context{background:#f8f9fc}
.zp-context-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.zp-context-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 6px 18px #1f2a4e08}
.zp-context-card .zp-micro{color:#6d28d9;margin-bottom:10px}
.zp-context-card h3{font-size:14px;margin-bottom:8px}
.zp-context-card ul{list-style:none;margin:0;padding:0}
.zp-context-card li{font-size:12px;color:#5b6472;padding:4px 0}
.zp-context-card li:before{content:'·';color:#a78bfa;margin-right:6px;font-weight:800}

/* Actions */
.zp section.zp-actions{background:radial-gradient(ellipse at 75% 0,#2c1e6b,transparent 60%),#0f172a;color:#fff}
.zp section.zp-actions .zp-eyebrow{color:#c4b5fd}
.zp section.zp-actions .zp-eyebrow:before{background:linear-gradient(90deg,#93c5fd,#c4b5fd)}
.zp section.zp-actions em{background:linear-gradient(105deg,#93c5fd,#e9d5ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.zp section.zp-actions .zp-centered p,.zp section.zp-actions p{color:#c4c9db}
.zp-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}
.zp-action-card{border:1px solid #363f63;border-radius:16px;background:#ffffff08;padding:24px;transition:border-color .2s,background .2s}
.zp-action-card:hover{border-color:#7c6fc9;background:#ffffff10}
.zp-action-card .zp-mark{margin-bottom:16px}
.zp-action-card h3{font-size:16px;color:#fff}
.zp-action-card p{font-size:12px;margin-top:8px;color:#b7bcd2}
.zp-action-visual{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:48px;flex-wrap:wrap;color:#d3d7e8;font-size:14px;font-weight:700}
.zp-action-visual .zp-mark{margin:0 5px}
.zp-action-visual span.arrow{color:#a78bfa;font-size:21px}

/* Journeys */
.zp-journey-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.zp-journey-card{border:1px solid var(--line);border-radius:16px;padding:26px;background:#fff;box-shadow:0 8px 22px #1f2a4e08}
.zp-journey-card h3{font-size:15px}
.zp-journey-chain{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;font-size:12px;color:#5b6472}
.zp-journey-chain span.arrow{color:#7c3aed}

/* Connect (OAuth) */
.zp section.zp-connect{background:#f8f9fc}
.zp-connect-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.zp-steps{list-style:none;margin:0;padding:0}
.zp-steps>li{display:flex;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}
.zp-steps>li>span{font-size:12px;color:#6d28d9;font-weight:800;padding-top:2px}
.zp-steps h3{font-size:16px}
.zp-steps p{font-size:12px;margin-top:6px}
.zp-connect-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:0 20px 55px #2d215413}
.zp-connect-card .zp-badge{margin-bottom:16px}
.zp-connect-card h3{font-size:19px}
.zp-connect-card p{font-size:13px;margin-top:10px}
.zp-refresh-line{display:flex;align-items:center;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:#5b6472}

/* Manual webhook (compact/secondary) */
.zp section.zp-manual{padding:56px 0;background:#fff}
.zp-manual-box{border:1px solid var(--line);border-radius:18px;padding:34px;background:linear-gradient(155deg,#fbfbfe,#f6f4fd)}
.zp-manual-intro{max-width:640px}
.zp-manual-intro p{font-size:13px}
.zp-manual-compare{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;margin-top:26px;align-items:center}
.zp-manual-compare>div{position:relative;border:1px solid var(--line);border-radius:14px;padding:22px;background:#fff;box-shadow:0 8px 22px #1f2a4e08;transition:box-shadow .2s,border-color .2s}
.zp-manual-compare>div.is-recommended{border-color:#d8c9fa}
.zp-manual-compare>div:hover{box-shadow:0 12px 28px #1f2a4e10}
.zp-manual-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:linear-gradient(140deg,var(--blue),var(--purple));margin-bottom:14px}
.zp-manual-icon-alt{background:#eef0f9}
.zp-manual-compare .zp-badge{margin-bottom:8px}
.zp-manual-compare h4{font-size:14px;font-weight:700;margin:0 0 4px}
.zp-manual-compare p{font-size:12px;margin:0;color:#5b6472}
.zp-manual-compare ul{list-style:none;margin:14px 0 0;padding:12px 0 0;border-top:1px solid #f0f1f5}
.zp-manual-compare li{font-size:11px;color:#5b6472;padding:3px 0}
.zp-manual-compare li:before{content:'✓';color:#7c3aed;margin-right:7px;font-weight:800}
.zp-manual-or{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid var(--line);color:#8a94a6;font-size:11px;font-weight:700;text-transform:uppercase}

/* Multi-Zap */
.zp section.zp-multi{background:#f8f9fc}
.zp-multi-diagram{display:flex;align-items:center;max-width:820px;margin:48px auto 0}
.zp-multi-source{background:linear-gradient(150deg,#1e1b4b,#3b2e8a);color:#fff;border-radius:18px;padding:28px 22px;text-align:center;flex-shrink:0;width:180px;box-shadow:0 18px 42px #2d215424}
.zp-multi-source b{display:block;font-size:15px;margin-top:12px}
.zp-multi-source span{display:block;font-size:11px;color:#c9c2f0;margin-top:4px}
.zp-multi-stem{flex-shrink:0;width:36px;height:2px;background:linear-gradient(90deg,#7c3aed80,#7c3aed4d);position:relative}
.zp-multi-stem:after{content:'';position:absolute;right:0;top:50%;width:7px;height:7px;border-radius:50%;background:#7c3aed;transform:translateY(-50%)}
.zp-multi-lines{position:relative;flex:1;display:flex;flex-direction:column;gap:14px;padding-left:28px}
.zp-multi-lines:before{content:'';position:absolute;left:0;top:26px;bottom:26px;width:2px;background:linear-gradient(#7c3aed4d,#7c3aed80,#7c3aed4d)}
.zp-multi-lines>div{position:relative;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px 18px;font-size:12px;box-shadow:0 6px 18px #1f2a4e0a;transition:box-shadow .2s,border-color .2s,transform .2s}
.zp-multi-lines>div:hover{border-color:#c4b5fd;box-shadow:0 12px 28px #5e3de018;transform:translateY(-2px)}
.zp-multi-lines>div:before{content:'';position:absolute;left:-28px;top:50%;width:28px;height:2px;background:#7c3aed4d}
.zp-multi-num{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#efe8fc;color:#6d28d9;font-size:10px;font-weight:800;flex-shrink:0}
.zp-multi-lines b{font-size:13px;font-weight:700;color:var(--ink)}
.zp-multi-dest{margin-left:auto;background:#f8f9fc;border:1px solid var(--line);border-radius:7px;padding:5px 11px;font-size:11px;color:#5b6472;font-weight:600}
.zp-multi-note{text-align:center;margin-top:28px!important;font-size:13px!important}

/* Reliability */
.zp-reliability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:10px}
.zp-reliability-grid>div{display:flex;gap:12px;align-items:start;background:#fbfbfe;border:1px solid #edecf6;border-radius:14px;padding:20px}
.zp-reliability-grid h3{font-size:14px}
.zp-reliability-grid p{font-size:12px;margin-top:6px}
.zp-activity-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-top:36px;align-items:stretch}
.zp-ledger{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 10px 30px #1f2a4e0a}
.zp-ledger-header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;font-size:13px;font-weight:700;border-bottom:1px solid var(--line);background:#fafbff}
.zp-ledger-row{display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:12px;padding:14px 22px;border-top:1px solid #f0f1f5;font-size:12px}
.zp-ledger-row:first-of-type{border-top:0}
.zp-ledger-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:#f3f0fd;flex-shrink:0}
.zp-activity-stats{display:flex;flex-direction:column;gap:12px}
.zp-activity-stats>div{flex:1;border:1px solid var(--line);border-radius:14px;background:#fff;padding:18px 20px;box-shadow:0 6px 18px #1f2a4e08;display:flex;flex-direction:column;justify-content:center}
.zp-stat-icon{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#ede9fe,#dbeafe);display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.zp-activity-stats strong{font-size:14px;font-weight:800;color:#1f2937;letter-spacing:-.01em}
.zp-activity-stats span{font-size:12px;color:#67717f;margin-top:4px;font-weight:500;line-height:1.5}

/* Security */
.zp section.zp-security{background:#fff}
.zp-security-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.zp-security-badges span{background:#f8f9fc;border:1px solid var(--line);border-radius:9px;padding:10px 15px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:7px;color:#374151}
.zp-security-badges span:before{content:'';width:6px;height:6px;border-radius:50%;background:linear-gradient(90deg,var(--blue),var(--purple));flex-shrink:0}

/* Platform */
.zp section.zp-platform{background:radial-gradient(ellipse at 75% 0,#3b2e8a,transparent 60%),#0f172a;color:#fff}
.zp-platform-heading{text-align:center;max-width:680px;margin:auto}
.zp-platform-heading h2{font-size:43px}
.zp-platform-heading p{color:#c2c9dc;font-size:14px}
.zp section.zp-platform .zp-eyebrow{color:#c4b5fd}
.zp section.zp-platform .zp-eyebrow:before{background:linear-gradient(90deg,#93c5fd,#c4b5fd)}
.zp section.zp-platform em{background:linear-gradient(105deg,#93c5fd,#e9d5ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.zp-platform-diagram{max-width:930px;margin:42px auto 0}
.zp-platform-channels{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.zp-platform-channels>span{color:#ddd8ef;border:1px solid #4a4570;background:#ffffff08;border-radius:9px;padding:12px 25px;font-size:13.5px}
.zp-platform-stem{height:36px;width:1px;background:linear-gradient(#6a5aa8,#a78bfa);margin:auto}
.zp-platform-engine{max-width:510px;margin:auto;border:1px solid #6d5fc0;border-radius:20px;display:flex;align-items:center;gap:20px;padding:30px 40px;background:linear-gradient(120deg,#1e1b4b,#4c2f8f);box-shadow:0 0 80px #7c3aed30}
.zp-platform-engine strong{display:block;font-size:32px;line-height:1.2;letter-spacing:-.04em}
.zp-platform-engine div>span{font-size:12.5px;color:#dad4f7;letter-spacing:.06em}
.zp-platform-branches{max-width:480px;display:flex;justify-content:space-between;margin:0 auto;font-size:40px;color:#a78bfa}
.zp-platform-outcomes{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.zp-platform-outcomes>div{text-align:center;border:1px solid #4a4570;border-radius:16px;background:#ffffff06;padding:28px}
.zp-platform-outcomes .zp-micro{color:#c4b5fd;font-size:11px}
.zp-platform-outcomes h3{margin:9px 0;font-size:23px}
.zp-platform-outcomes p{font-size:13px;color:#c5c9dd}
.zp-platform-sequence{text-align:center;margin-top:33px!important;font-size:12px;color:#d1c9e1!important}
.zp-platform-sequence>span{color:#a78bfa;margin:0 10px}

/* Use cases */
.zp section.zp-usecases-section{background:#fff}
.zp-usecase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.zp-usecase-grid article{border-top:2px solid #c4b5fd;padding-top:19px;display:flex;flex-direction:column}
.zp-usecase-index{font-size:11px;color:#6d28d9;margin-bottom:19px;font-weight:800}
.zp-usecase-grid h3{font-size:18px;min-height:46px}
.zp-usecase-grid p{font-size:12px;margin:13px 0 0}

/* FAQ */
.zp section.zp-faq-section{background:#f8f9fc}
.zp-faq-list{max-width:860px;margin:auto}
.zp-faq-list details{border-bottom:1px solid #e1e4ee;background:transparent;transition:background .2s}
.zp-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font-size:14px;font-weight:600;list-style:none;padding:20px 4px}
.zp-faq-list summary::-webkit-details-marker{display:none}
.zp-faq-list summary>span{font-size:22px;color:#7c3aed;font-weight:400;transition:transform .2s}
.zp-faq-list details[open] summary>span{transform:rotate(45deg)}
.zp-faq-list details p{font-size:13px;padding:0 30px 23px 4px;line-height:1.8}

/* Final */
.zp section.zp-final{text-align:center;background:radial-gradient(ellipse at center,#eee8ff,transparent 70%);padding-bottom:30px}
.zp-final-brand{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:25px}
.zp-final h2{font-size:41px}
.zp-final p{max-width:650px;margin:20px auto 0;font-size:14px}
.zp-final .zp-actions{justify-content:center}
.zp-final-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e6e2f5;margin-top:65px;padding-top:22px;font-size:11px;color:#70617e}
.zp-final-footer b{background:linear-gradient(105deg,var(--blue),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}

@media(prefers-reduced-motion:reduce){.zp *{scroll-behavior:auto!important;transition:none!important}}

@media(max-width:1100px){
  .zp h1{font-size:41px}.zp h2{font-size:34px}
  .zp-hero-grid{gap:25px;grid-template-columns:1fr 1.1fr}
  .zp-trigger-grid,.zp-action-grid,.zp-context-grid,.zp-card-row,.zp-usecase-grid{grid-template-columns:repeat(2,1fr)}
  .zp-connect-layout{gap:35px}
}
@media(max-width:800px){
  .zp section{padding:64px 0}.zp .zp-wrap{padding:0 24px}
  .zp-hero-grid{grid-template-columns:1fr;gap:35px}
  .zp-hero-copy{text-align:center;max-width:610px;margin:auto}
  .zp h1{font-size:41px}
  .zp-hero-copy>p{max-width:520px;margin:21px auto 0}
  .zp-eyebrow,.zp-hero-copy .zp-actions{justify-content:center}
  .zp-hero-proof{margin:20px auto 0;justify-content:center}
  .zp-capability-strip{grid-template-columns:repeat(3,1fr);gap:16px}
  .zp-section-heading{display:block}
  .zp-section-heading>p{max-width:600px;margin-top:19px}
  .zp-bridge-grid{grid-template-columns:1fr}
  .zp-card-row,.zp-trigger-grid,.zp-action-grid,.zp-context-grid,.zp-journey-grid,.zp-usecase-grid,.zp-reliability-grid,.zp-manual-compare,.zp-activity-layout{grid-template-columns:1fr}
  .zp-activity-stats{flex-direction:row}
  .zp-ledger-row{grid-template-columns:auto 1fr auto;row-gap:6px}
  .zp-ledger-row .zp-muted:last-child{grid-column:2/4;justify-self:end;font-size:11px}
  .zp-connect-layout{grid-template-columns:1fr;gap:32px}
  .zp-multi-diagram{flex-direction:column}
  .zp-multi-stem{width:2px;height:24px}
  .zp-multi-stem:after{right:auto;left:50%;top:auto;bottom:0;transform:translateX(-50%)}
  .zp-multi-lines{padding-left:0;padding-top:24px;width:100%}
  .zp-multi-lines:before{left:26px;top:0;bottom:26px;width:2px;height:auto}
  .zp-multi-lines>div:before{left:0;top:-14px;width:2px;height:14px}
  .zp-platform-heading h2,.zp-final h2{font-size:32px}
  .zp-final-footer{flex-direction:column;gap:10px;text-align:center}
}
@media(max-width:560px){
  .zp{font-size:14px}
  .zp h1{font-size:33px}.zp h2{font-size:27px}
  .zp-button{width:100%;justify-content:center}
  .zp-hero-copy .zp-actions{flex-direction:column;gap:10px}
  .zp-platform-engine{flex-direction:column;text-align:center;padding:24px}
  .zp-platform-branches{max-width:190px;font-size:26px}
}