.checklist-preview-section{background:rgba(248,250,252,.5);overflow:hidden;padding:8rem 0;position:relative}.checklist-preview-section .container{margin:0 auto;max-width:1200px;padding:0 1.5rem}.checklist-preview-section .checklist-grid{align-items:center;display:grid;gap:5rem;grid-template-columns:1.2fr .8fr}.checklist-preview-section .checklist-title{color:var(--foreground);font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.2;margin-bottom:1.5rem}.checklist-preview-section .checklist-description{color:var(--muted-foreground);font-size:1.125rem;line-height:1.7;margin-bottom:2.5rem}.checklist-preview-section .checklist-tags{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.checklist-preview-section .checklist-tag{background:#fff;border:1px solid rgba(var(--border),.5);border-radius:12px;box-shadow:0 2px 5px rgba(0,0,0,.02);color:var(--foreground);font-weight:500;padding:.875rem 1.25rem;transition:all .2s ease}.checklist-preview-section .checklist-tag:hover{border-color:var(--primary);box-shadow:0 5px 15px rgba(var(--primary),.05);transform:translateY(-2px)}.checklist-preview-section .checklist-card{background:#fff;border:1px solid rgba(var(--border),.4);border-radius:28px;box-shadow:0 25px 50px -12px rgba(0,0,0,.08);padding:2rem;position:relative}.checklist-preview-section .checklist-card-header{align-items:center;display:flex;gap:1.25rem;margin-bottom:2.5rem}.checklist-preview-section .checklist-icon{align-items:center;background:rgba(25,145,210,.1);border-radius:16px;color:var(--primary);display:flex;height:3.5rem;justify-content:center;width:3.5rem}.checklist-preview-section .checklist-icon svg{height:1.75rem;width:1.75rem}.checklist-preview-section .header-text h4{font-size:1.25rem;font-weight:700;margin:0}.checklist-preview-section .header-text span{color:var(--muted-foreground);font-size:.875rem}.checklist-preview-section .checklist-steps{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0 0 2.5rem;padding:0}.checklist-preview-section .checklist-steps li{align-items:center;background:#f8fafc;border-radius:14px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.checklist-preview-section .checklist-steps li.checked{background:#f8fafc}.checklist-preview-section .checkbox{align-items:center;border:2px solid #e2e8f0;border-radius:6px;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;transition:all .2s ease;width:1.5rem}.checklist-preview-section li.checked .checkbox{background:var(--primary);border-color:var(--primary);color:#fff}.checklist-preview-section .checkbox svg{height:1rem;width:1rem}.checklist-preview-section .label{color:var(--muted-foreground);font-weight:500}.checklist-preview-section li.checked .label{color:var(--foreground)}.checklist-preview-section .checklist-progress{border-top:1px solid #f1f5f9;padding-top:1.5rem}.checklist-preview-section .progress-meta{display:flex;font-size:.9375rem;justify-content:space-between;margin-bottom:.75rem}.checklist-preview-section .progress-bar{background:#f1f5f9;border-radius:10px;height:8px;overflow:hidden}.checklist-preview-section .progress-bar span{background:var(--primary);border-radius:inherit;display:block;height:100%;transition:width 1s ease-out}@media (max-width:1024px){.checklist-preview-section .checklist-grid{gap:4rem;grid-template-columns:1fr}}@media (max-width:640px){.checklist-preview-section{padding:4rem 0}.checklist-preview-section .checklist-tags{grid-template-columns:1fr}}