.seo-calc__howto{padding:64px 0;background:var(--calc-bg)}.seo-calc__howto-intro{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;background:linear-gradient(135deg,rgba(5,150,105,.06),rgba(99,102,241,.04));border:1px solid rgba(5,150,105,.15);border-radius:var(--calc-radius);margin-bottom:40px}.seo-calc__howto-intro-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--calc-primary),var(--calc-primary-light));border-radius:10px;color:#fff}.seo-calc__howto-intro p{margin:0;font-size:15px;line-height:1.7;color:var(--calc-text-secondary)}.seo-calc__howto-intro p strong{color:var(--calc-text)}.seo-calc__howto-steps{display:flex;flex-direction:column;gap:0;position:relative;margin-bottom:32px}.seo-calc__howto-step{display:flex;gap:20px;padding:24px 0;position:relative;border-bottom:1px solid var(--calc-border);transition:var(--calc-transition)}.seo-calc__howto-step:first-child{padding-top:0}.seo-calc__howto-step:last-child{border-bottom:none}.seo-calc__howto-step:hover{padding-left:8px}.seo-calc__howto-num{flex-shrink:0;position:relative}.seo-calc__howto-num span{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,var(--calc-dark) 0%,var(--calc-dark-mid) 100%);color:#fff;font-size:16px;font-weight:700;border-radius:12px;box-shadow:0 4px 12px rgba(15,23,42,.15);position:relative;z-index:1}.seo-calc__howto-step:not(:last-child) .seo-calc__howto-num:after{content:'';position:absolute;top:44px;left:50%;transform:translateX(-50%);width:2px;height:calc(100% + 4px);background:linear-gradient(180deg,var(--calc-dark-light),var(--calc-border))}.seo-calc__howto-step--highlight{background:linear-gradient(135deg,rgba(5,150,105,.04),rgba(16,185,129,.02));border-radius:var(--calc-radius);padding-left:20px !important;padding-right:20px;margin:8px -20px;border-bottom-color:transparent}.seo-calc__howto-step--highlight .seo-calc__howto-num span{background:linear-gradient(135deg,var(--calc-primary) 0%,var(--calc-primary-light) 100%);box-shadow:0 4px 16px rgba(5,150,105,.3)}.seo-calc__howto-step--final .seo-calc__howto-num span{background:linear-gradient(135deg,#059669 0%,#818cf8 100%);box-shadow:0 4px 16px rgba(99,102,241,.3)}.seo-calc__howto-body{flex:1;min-width:0}.seo-calc__howto-body h3{margin:0 0 6px;font-size:17px;font-weight:700;color:var(--calc-text);line-height:1.4}.seo-calc__howto-body p{margin:0;font-size:15px;line-height:1.7;color:var(--calc-text-secondary)}.seo-calc__howto-body p strong{color:var(--calc-text);font-weight:600}.seo-calc__howto-optional{font-weight:400;font-size:14px;color:var(--calc-text-secondary)}.seo-calc__howto-metrics{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.seo-calc__howto-metric{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--calc-white);border:1px solid rgba(5,150,105,.2);border-radius:100px;font-size:14px;font-weight:600;color:var(--calc-primary)}.seo-calc__howto-metric svg{color:var(--calc-primary)}.seo-calc__howto-note{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;background:linear-gradient(135deg,rgba(99,102,241,.06),rgba(139,92,246,.04));border:1px solid rgba(99,102,241,.15);border-radius:var(--calc-radius);border-left:4px solid #059669}.seo-calc__howto-note-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#059669,#818cf8);border-radius:10px;color:#fff}.seo-calc__howto-note-text{font-size:15px;line-height:1.7;color:var(--calc-text-secondary)}.seo-calc__howto-note-text strong{color:var(--calc-text);display:block;margin-bottom:4px;font-size:15px}@media (max-width:768px){.seo-calc__howto{padding:48px 0}.seo-calc__howto-intro{flex-direction:column;gap:12px}.seo-calc__howto-step{gap:14px;padding:20px 0}.seo-calc__howto-num span{width:36px;height:36px;font-size:14px;border-radius:10px}.seo-calc__howto-step:not(:last-child) .seo-calc__howto-num:after{top:36px}.seo-calc__howto-step--highlight{padding-left:14px !important;padding-right:14px;margin:4px -14px}.seo-calc__howto-body h3{font-size:15px}.seo-calc__howto-body p{font-size:14px}.seo-calc__howto-metrics{gap:8px}.seo-calc__howto-metric{padding:5px 12px;font-size:13px}.seo-calc__howto-note{flex-direction:column;gap:12px}}@media (max-width:480px){.seo-calc__howto-step{gap:12px;padding:16px 0}.seo-calc__howto-num span{width:32px;height:32px;font-size:13px;border-radius:8px}.seo-calc__howto-step:not(:last-child) .seo-calc__howto-num:after{top:32px}.seo-calc__howto-metrics{gap:6px}.seo-calc__howto-metric{padding:4px 10px;font-size:12px;gap:4px}.seo-calc__howto-metric svg{width:14px;height:14px}}