.template-detail-hero-section .healthcare-onboarding-preview .preview-topbar{margin-bottom:22px}.template-detail-hero-section .safety-steps-card{text-align:start;border-radius:14px;background:linear-gradient(109deg,rgba(0,133,229,.06) 1.22%,rgba(255,0,182,.06) 117.06%);border:1px solid rgba(0,133,229,.12);padding:12px 14px 14px;margin-bottom:12px}.template-detail-hero-section .safety-steps-card .steps-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 10px;margin-bottom:12px}.template-detail-hero-section .safety-steps-card .steps-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.9px;color:#8a94a6}.template-detail-hero-section .safety-steps-card .steps-caption{font-size:12px;font-weight:500;color:#64748b}.template-detail-hero-section .safety-steps-card .safety-steps{list-style:none;margin:0;padding:0;display:flex}.template-detail-hero-section .safety-steps-card .safety-step{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.template-detail-hero-section .safety-steps-card .safety-step:not(:first-child):before{content:"";position:absolute;top:9px;inset-inline-end:50%;inset-inline-start:-50%;height:2px;background:#e1e6ee}.template-detail-hero-section .safety-steps-card .safety-step .step-dot{position:relative;z-index:1;width:20px;height:20px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;border:2px solid #cbd3e0;font-size:10.5px;font-weight:700;line-height:1;color:#8a94a6}.template-detail-hero-section .safety-steps-card .safety-step .step-dot svg{width:11px;height:11px}.template-detail-hero-section .safety-steps-card .safety-step .step-label{font-size:11.5px;font-weight:600;line-height:1.25;color:#8a94a6;overflow-wrap:anywhere}.template-detail-hero-section .safety-steps-card .safety-step.is-done .step-dot{background:#0085e5;border-color:#0085e5;color:#fff}.template-detail-hero-section .safety-steps-card .safety-step.is-done .step-label{color:#64748b}.template-detail-hero-section .safety-steps-card .safety-step.is-done:before{background:#0085e5}.template-detail-hero-section .safety-steps-card .safety-step.is-active .step-dot{border-color:#0085e5;color:#0072c6;box-shadow:0 0 0 3px rgba(0,133,229,.18)}.template-detail-hero-section .safety-steps-card .safety-step.is-active .step-label{color:#12141d}.template-detail-hero-section .safety-steps-card .safety-step.is-active:before{background:#0085e5}.template-detail-hero-section .checks-card{text-align:start;border-radius:14px;background:#f7f8fb;border:1px solid rgba(0,0,0,.05);padding:12px 14px 14px;margin-bottom:14px}.template-detail-hero-section .checks-card .checks-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 10px;margin-bottom:10px}.template-detail-hero-section .checks-card .checks-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.9px;color:#8a94a6}.template-detail-hero-section .checks-card .checks-caption{font-size:12px;font-weight:500;color:#64748b}.template-detail-hero-section .checks-card .checks-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px 14px}.template-detail-hero-section .checks-card .checks-group{min-width:0}.template-detail-hero-section .checks-card .checks-group .group-title{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.7px;color:#8a94a6;line-height:1.4;margin-bottom:6px}.template-detail-hero-section .checks-card .checks-group .group-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.template-detail-hero-section .checks-card .group-item{display:flex;align-items:flex-start;gap:8px;min-width:0}.template-detail-hero-section .checks-card .group-item .item-mark{width:16px;height:16px;margin-top:1px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(0,133,229,.1);color:#0085e5}.template-detail-hero-section .checks-card .group-item .item-mark svg{width:10px;height:10px}.template-detail-hero-section .checks-card .group-item .item-label{font-size:12px;font-weight:600;color:#12141d;line-height:1.35;overflow-wrap:anywhere}.template-detail-hero-section .checklist-card{top:0;right:0;width:248px;text-align:start;animation:templateDetailFloat 7s ease-in-out infinite}.template-detail-hero-section .checklist-card .checklist-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 10px;margin-bottom:10px}.template-detail-hero-section .checklist-card .card-kicker{margin-bottom:0;line-height:1.2}.template-detail-hero-section .checklist-card .checklist-caption{font-size:11.5px;font-weight:600;color:#0072c6;line-height:1.2}.template-detail-hero-section .checklist-card .checklist-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.template-detail-hero-section .checklist-card .checklist-item{display:flex;align-items:center;gap:10px}.template-detail-hero-section .checklist-card .checklist-item .checklist-box{width:16px;height:16px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;background:#fff;border:1.8px solid #cbd3e0;color:#fff}.template-detail-hero-section .checklist-card .checklist-item .checklist-box svg{width:10px;height:10px}.template-detail-hero-section .checklist-card .checklist-item .checklist-label{font-size:12.5px;font-weight:600;color:#8a94a6;line-height:1.25}.template-detail-hero-section .checklist-card .checklist-item.is-done .checklist-box{background:#0085e5;border-color:#0085e5}.template-detail-hero-section .checklist-card .checklist-item.is-done .checklist-label{color:#64748b}.template-detail-hero-section .checklist-card .checklist-item.is-open .checklist-label{color:#12141d}.template-detail-hero-section .healthcare-onboarding-scenario{width:270px}@media(min-width:901px){.template-detail-hero-section .checklist-card{top:-24px}}@media(max-width:1250px)and (min-width:901px){.template-detail-hero-section .healthcare-onboarding-scenario{width:235px;left:-36px}[dir=rtl] .template-detail-hero-section .healthcare-onboarding-scenario{left:auto;right:-36px}}@media(max-width:600px){.template-detail-hero-section .checklist-card,.template-detail-hero-section .healthcare-onboarding-scenario{width:100%}.template-detail-hero-section .checklist-card{animation:none}}[dir=rtl] .template-detail-hero-section .checklist-card{right:auto;left:0}@media(prefers-reduced-motion:reduce){.template-detail-hero-section .checklist-card{animation:none}}