.a4-diagram-container{box-sizing:border-box;background:#fafaf7;border:1px solid #dcdce0;border-radius:14px;width:100%;margin:32px 0;padding:24px 28px}.a4-diagram-title{font-family:var(--font-sans);color:#0b0b0e;text-transform:uppercase;letter-spacing:.04em;margin:0 0 24px;font-size:20px;font-weight:700;line-height:31px}.a4-diagram-flow{box-sizing:border-box;-webkit-overflow-scrolling:touch;flex-direction:row;align-items:stretch;gap:12px;width:100%;padding:8px 12px 16px;display:flex;overflow-x:auto}.a4-diagram-flow:after{content:"";flex:0 0 12px;width:12px}.a4-diagram-flow::-webkit-scrollbar{height:6px}.a4-diagram-flow::-webkit-scrollbar-track{background:#efece6;border-radius:3px}.a4-diagram-flow::-webkit-scrollbar-thumb{background:#c5ddd7;border-radius:3px;transition:background .15s}.a4-diagram-flow::-webkit-scrollbar-thumb:hover{background:#9dbfb8}.a4-diagram-node{background:#fff;border:1px solid #e7e1d6;border-top:4px solid #0b7a57;border-radius:8px;flex-direction:column;flex:0 0 220px;padding:16px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 4px 12px #00000005}.a4-diagram-node:hover{border-color:#9dbfb8;transform:translateY(-2px);box-shadow:0 6px 18px #0000000d}.a4-diagram-num{font-family:var(--font-mono);color:#0b7a57;margin-bottom:8px;font-size:14px;font-weight:700;line-height:20px}.a4-diagram-node-title{font-family:var(--font-sans);color:#0b0b0e;text-transform:uppercase;margin:0 0 8px;font-size:15px;font-weight:700;line-height:20px}.a4-diagram-node-trigger{font-family:var(--font-sans);color:#59616b;margin:0;font-size:12px;line-height:16px}.a4-trigger-label{color:#0b0b0e;font-weight:700}.a4-diagram-connector{color:#9dbfb8;flex-shrink:0;justify-content:center;align-items:center;width:24px;display:flex}.a4-connector-arrow-horizontal{display:block}.a4-connector-arrow-vertical{display:none}@media (max-width:768px){.a4-diagram-container{padding:20px}.a4-diagram-flow{flex-direction:column;gap:12px;padding:0;overflow-x:visible}.a4-diagram-node{box-sizing:border-box;flex:1 0 auto;width:100%}.a4-diagram-node:hover{transform:none}.a4-diagram-connector{width:auto;padding:4px 0;display:flex}.a4-connector-arrow-horizontal{display:none}.a4-connector-arrow-vertical{display:block}}.a4-product-card{background:#e4efec;border:1px solid #0b7a57;border-radius:14px;flex-direction:column;gap:16px;margin:36px 0;padding:24px 28px;display:flex}.a4-product-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#0b7a57;margin:0;font-size:12px;font-weight:700;line-height:16px}.a4-product-body{font-family:var(--font-sans);color:#0b0b0e;margin:0;font-size:16px;line-height:24px}.a4-product-cta{color:#fafaf7;font-family:var(--font-sans);background:#0b0b0e;border-radius:8px;align-self:flex-start;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:700;line-height:20px;text-decoration:none;transition:opacity .15s;display:inline-flex}.a4-product-cta:hover{opacity:.9}@media (max-width:768px){.a4-product-card{padding:20px}.a4-product-cta{box-sizing:border-box;justify-content:center;width:100%}}