.material-icons-round{display:inline-block;font-family:Material Icons Round!important;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.how-it-works{padding:var(--spacing-5xl,120px) 0}.how-it-works,.how-it-works.bg-gray{background:var(--color-neutral-50,#f8fafc)}.how-it-works.bg-white{background:var(--bg-primary,#fff)}.wp-block-ai-seo-wpg3-steps-grid.alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw;width:100vw}.how-it-works .section-header{margin-bottom:var(--spacing-3xl,64px);text-align:center}.how-it-works .section-badge{align-items:center;background:var(--color-neutral-200,#e2e8f0);border-radius:var(--radius-full,9999px);color:var(--color-neutral-600,#475569);display:inline-flex;flex-direction:row;font-size:12px;font-weight:600;gap:var(--spacing-sm,8px);justify-content:center;letter-spacing:.05em;line-height:1;margin-bottom:var(--spacing-md,16px);padding:var(--spacing-sm,8px) var(--spacing-md,16px);text-transform:uppercase}.how-it-works .section-title{color:var(--text-primary,#0f172a);font-size:var(--h2-size,2.75rem);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:var(--spacing-sm,8px)}.how-it-works .section-subtitle{color:var(--text-tertiary,#64748b);font-size:20px;line-height:1.6;margin:0 auto;max-width:600px}.steps-grid{display:grid;gap:var(--spacing-xl,32px);grid-template-columns:repeat(3,1fr)}.step-card{background:#fff;border:2px solid var(--border-color,#e2e8f0);border-radius:var(--radius-lg,12px);box-shadow:0 2px 8px rgba(0,0,0,.05);overflow:hidden;padding:0;position:relative;text-align:center;transition:all .3s ease}.step-card:hover{border-color:var(--color-primary,#1e293b);box-shadow:0 12px 32px rgba(0,0,0,.15);transform:translateY(-8px)}.step-image{aspect-ratio:16/9;background:var(--color-neutral-100,#f1f5f9);cursor:pointer;overflow:hidden;position:relative;width:100%}.step-image img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.step-card:hover .step-image img{transform:scale(1.05)}.image-overlay{align-items:center;background:rgba(30,41,59,.8);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.step-card:hover .image-overlay{opacity:1}.image-overlay .material-icons-round{color:#fff;font-size:48px}.step-header{gap:var(--spacing-sm,8px);margin-bottom:var(--spacing-md,16px);margin-top:var(--spacing-lg,24px);padding:0 var(--spacing-lg,24px)}.step-header,.step-number{align-items:center;display:flex;justify-content:center}.step-number{background:var(--color-primary,#1e293b);border-radius:var(--radius-full,9999px);color:#fff;flex-shrink:0;font-size:16px;font-weight:700;height:32px;width:32px}.step-card h3{color:var(--color-neutral-700,#334155);font-size:20px;font-weight:600;margin:0}.step-card p{color:var(--color-neutral-500,#64748b);line-height:1.6;margin:0;padding:0 var(--spacing-lg,24px) var(--spacing-xl,32px)}.step-image-empty{align-items:center;background:var(--color-neutral-100,#f1f5f9);color:var(--text-tertiary,#64748b);display:flex;flex-direction:column;gap:var(--spacing-sm,8px);height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.step-image-empty .material-icons-round{font-size:48px;opacity:.5}.step-image-empty span:last-child{font-size:14px;opacity:.7}.step-lightbox{animation:fadeIn .3s ease;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:10000}.step-lightbox.active{align-items:center;display:flex;justify-content:center}.step-lightbox-overlay{backdrop-filter:blur(4px);background:rgba(0,0,0,.9);bottom:0;left:0;position:absolute;right:0;top:0}.step-lightbox-content{animation:scaleIn .3s ease;max-height:90vh;max-width:90vw;position:relative;z-index:1}.step-lightbox-content img{border-radius:var(--radius-lg,12px);box-shadow:0 20px 60px rgba(0,0,0,.5);max-height:90vh;max-width:100%}.step-lightbox-close{align-items:center;background:#fff;border:none;border-radius:var(--radius-full,9999px);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:-50px;transition:all .2s ease;width:40px;z-index:2}.step-lightbox-close:hover{background:var(--color-neutral-200,#e2e8f0);transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(max-width:992px){.steps-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.how-it-works{padding:var(--spacing-4xl,96px) 0}.how-it-works .section-title{font-size:2rem}.how-it-works .section-subtitle{font-size:18px}.steps-grid{grid-template-columns:1fr}}@media(max-width:480px){.how-it-works{padding:var(--spacing-3xl,64px) 0}.how-it-works .section-title{font-size:1.75rem}.how-it-works .section-subtitle{font-size:16px}}