/* Shared, card-based process component for Nabik feature pages. */
.nabik-features .npt-section.nf-section{padding:64px 0}
.nabik-features .npt-section>.nf-container>:first-child h2{font-size:clamp(28px,2.4vw,32px);line-height:1.24;margin-bottom:12px}
.nabik-features .npt-timeline{--npt-gap:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));align-items:stretch;gap:var(--npt-gap);list-style:none;padding:0;margin:0;position:relative}
.nabik-features .npt-step{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;padding:22px;border:1px solid #dce5ef;border-radius:14px;background:#fff;position:relative;text-align:left;transition:border-color .18s,box-shadow .18s,transform .18s}
.nabik-features .npt-step:hover{border-color:#a6dce8;box-shadow:0 8px 22px #14224b0b;transform:translateY(-2px)}
.nabik-features .npt-indicator{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:auto;height:auto;margin:0 0 2px;padding:0;border:0;border-radius:0;background:transparent;position:static;color:#007c99}
.nabik-features .npt-number{color:#007891;font-size:10px;font-weight:700;letter-spacing:.12em;line-height:1.2;text-transform:uppercase;border:0;padding:0}
.nabik-features .npt-icon{display:grid;place-items:center;width:48px;height:48px;flex:none;border:1px solid #c8e9f0;border-radius:13px;background:#e8f8fc;color:#007c99}
.nabik-features .npt-icon svg{display:block;width:25px;height:25px;margin:0;float:none;color:inherit}
.nabik-features .npt-step h3{margin:0;color:#1d285c;font-size:16px;font-weight:650;line-height:1.4;overflow-wrap:normal}
.nabik-features .npt-step>p{margin:0;color:#53657a;font-size:14px;line-height:1.65;overflow-wrap:anywhere}
.nabik-features .npt-step:not(:last-child)::after{content:'→';display:grid;place-items:center;position:absolute;right:22px;top:70px;width:26px;height:26px;transform:translateY(-50%);z-index:2;border:1px solid #cbe6ed;border-radius:50%;background:#f5f8fc;color:#0083a0;font-size:16px;font-weight:500;line-height:1;pointer-events:none}
.nabik-features .npt-timeline+.npt-note,.nabik-features .npt-timeline+.avs-subtle-note,.nabik-features .npt-timeline+.aes-disclaimer,.nabik-features .npt-timeline+.sz-note,.nabik-features .npt-timeline+.er-note,.nabik-features .npt-timeline+.lr-note,.nabik-features .npt-timeline+.fr-note,.nabik-features .npt-timeline+.lp-note,.nabik-features .npt-timeline+.ec-note{margin:16px 0 0;padding-top:12px;border-top:1px solid #dfe7ee;color:#66768a;font-size:13px;line-height:1.6}
.nabik-features .npt-section :focus-visible{outline:3px solid #00a9cf;outline-offset:3px;border-radius:5px}
@media(max-width:1199px){.nabik-features .npt-section.nf-section{padding:56px 0}.nabik-features .npt-timeline{grid-template-columns:1fr;gap:16px}.nabik-features .npt-step{--npt-arrow-top:68px;padding:20px;gap:10px}.nabik-features .npt-step:not(:last-child)::after{content:'↓';top:var(--npt-arrow-top);transform:translateY(-50%);background:#f5f8fc}}
@media(max-width:599px){.nabik-features .npt-section.nf-section{padding:44px 0}.nabik-features .npt-section>.nf-container>:first-child h2{font-size:27px}.nabik-features .npt-step{--npt-arrow-top:66px;padding:18px;border-radius:13px}.nabik-features .npt-step h3{font-size:16px;overflow-wrap:normal}.nabik-features .npt-step>p{font-size:14px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){.nabik-features .npt-step{transition:none!important}.nabik-features .npt-step:hover{transform:none}}
