.ai-visual{justify-content:center;align-items:center;width:100%;min-height:360px;display:flex;position:relative}.ai-container{width:100%;max-width:380px;height:360px;position:relative}.ai-hub{z-index:10;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ai-hub-pulse{background:var(--primary-100);z-index:-1;border-radius:50%;width:80px;height:80px;animation:3s ease-in-out infinite hubPulseAI;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes hubPulseAI{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:.2;transform:translate(-50%,-50%)scale(1.3)}}.ai-hub-inner{background:linear-gradient(135deg, var(--primary-600) 0%, var(--primary-800) 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:0 4px 20px #275f8f59}.ai-hub-inner svg{width:28px;height:28px}.ai-hub-label{color:var(--gray-700);white-space:nowrap;background:#fff;border-radius:20px;padding:.25rem .75rem;font-size:.8rem;font-weight:600;box-shadow:0 2px 8px #00000014}.ai-orbit{z-index:1;width:300px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ai-orbit-ring{width:100%;height:100%;animation:60s linear infinite orbitRotate}@keyframes orbitRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-platforms{z-index:5;position:absolute;inset:0}.ai-platform{flex-direction:column;align-items:center;gap:.35rem;display:flex;position:absolute}.ai-platform-top{top:10px;left:50%;transform:translate(-50%)}.ai-platform-right{top:40%;right:0}.ai-platform-bottom-right{bottom:60px;right:30px}.ai-platform-bottom-left{bottom:60px;left:30px}.ai-platform-left{top:40%;left:0}.ai-platform-icon{border:1px solid var(--gray-100);background:#fff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 3px 12px #0000001a}.ai-platform-icon:hover{transform:scale(1.08);box-shadow:0 6px 20px #00000026}.ai-platform-icon img{object-fit:contain;width:28px;height:28px}.ai-platform-name{color:var(--gray-600);white-space:nowrap;font-size:.65rem;font-weight:500}.ai-data-flow{gap:3px;margin-top:2px;display:flex}.ai-data-dot{background:var(--accent);border-radius:50%;width:4px;height:4px;animation:1.5s ease-in-out infinite dataPulse}.ai-data-dot:first-child{animation-delay:0s}.ai-data-dot:nth-child(2){animation-delay:.2s}.ai-data-dot:nth-child(3){animation-delay:.4s}@keyframes dataPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.ai-platform-top .ai-platform-icon{animation:5s ease-in-out infinite platformFloat}.ai-platform-right .ai-platform-icon{animation:5s ease-in-out -1s infinite platformFloat}.ai-platform-bottom-right .ai-platform-icon{animation:5s ease-in-out -2s infinite platformFloat}.ai-platform-bottom-left .ai-platform-icon{animation:5s ease-in-out -3s infinite platformFloat}.ai-platform-left .ai-platform-icon{animation:5s ease-in-out -4s infinite platformFloat}@keyframes platformFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.ai-metrics{border:1px solid var(--gray-100);z-index:10;background:#fff;border-radius:30px;gap:1rem;padding:.6rem 1.25rem;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 2px 12px #00000014}.ai-metric{align-items:center;gap:.4rem;display:flex}.ai-metric-indicator{border-radius:50%;width:8px;height:8px}.ai-indicator-live{background:#22c55e;animation:2s ease-in-out infinite indicatorPulse}.ai-indicator-pulse{background:var(--accent);animation:2s ease-in-out -.5s infinite indicatorPulse}.ai-indicator-active{background:var(--primary-500);animation:2s ease-in-out -1s infinite indicatorPulse}@keyframes indicatorPulse{0%,to{opacity:1;box-shadow:0 0}50%{opacity:.7;box-shadow:0 0 0 4px #0000}}.ai-metric-label{color:var(--gray-600);font-size:.7rem;font-weight:500}.ai-badge{background:var(--accent-light);color:var(--accent);z-index:10;border-radius:20px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.7rem;font-weight:600;display:flex;position:absolute;top:15px;right:10px}.ai-badge-icon{font-size:.8rem}@media (max-width:768px){.ai-visual{min-height:320px;margin-top:1.5rem}.ai-container{max-width:320px;height:320px}.ai-orbit{width:260px;height:260px}.ai-hub-inner{width:50px;height:50px}.ai-hub-pulse{width:70px;height:70px}.ai-platform-icon{width:36px;height:36px}.ai-platform-icon img{width:22px;height:22px}.ai-platform-name{font-size:.55rem}.ai-metrics{gap:.6rem;padding:.4rem .75rem}.ai-metric-label{font-size:.6rem}.ai-badge{padding:.25rem .5rem;font-size:.6rem;top:5px;right:5px}}
.cro-visual{justify-content:center;align-items:center;width:100%;min-height:360px;display:flex;position:relative}.cro-container{width:100%;max-width:380px;height:360px;position:relative}.cro-loop{z-index:1;width:300px;height:200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cro-loop-svg{width:100%;height:100%}.cro-loop-path{animation:20s linear infinite loopDash}.cro-loop-path-reverse{animation:20s linear infinite reverse loopDash}@keyframes loopDash{0%{stroke-dashoffset:0}to{stroke-dashoffset:100px}}.cro-flow-dots{position:absolute;inset:0}.cro-flow-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 8px var(--accent);border-radius:50%;position:absolute}.cro-dot-1{animation:4s ease-in-out infinite flowTop}.cro-dot-2{animation:4s ease-in-out -1.33s infinite flowTop}.cro-dot-3{animation:4s ease-in-out -2.66s infinite flowTop}@keyframes flowTop{0%{opacity:0;top:100px;left:75px}10%{opacity:1}25%{top:60px;left:112px}50%{top:100px;left:150px}75%{top:140px;left:187px}90%{opacity:1}to{opacity:0;top:100px;left:225px}}.cro-element{z-index:5;flex-direction:column;align-items:center;gap:.35rem;display:flex;position:absolute}.cro-element-cro{top:50%;left:20px;transform:translateY(-50%)}.cro-element-seo{top:50%;right:20px;transform:translateY(-50%)}.cro-element-icon{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s;display:flex;box-shadow:0 4px 16px #e76f5159}.cro-element-icon:hover{transform:scale(1.05)}.cro-element-icon svg{width:28px;height:28px}.cro-icon-seo{background:linear-gradient(135deg, var(--primary-500) 0%, var(--primary-700) 100%);box-shadow:0 4px 16px #275f8f59}.cro-element-label{color:var(--gray-800);font-size:.9rem;font-weight:700}.cro-element-desc{color:var(--gray-500);font-size:.7rem}.cro-center{z-index:10;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cro-center-pulse{background:linear-gradient(135deg, var(--accent-light) 0%, var(--primary-100) 100%);z-index:-1;border-radius:50%;width:70px;height:70px;animation:3s ease-in-out infinite centerPulseCRO;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes centerPulseCRO{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:.2;transform:translate(-50%,-50%)scale(1.4)}}.cro-center-inner{background:linear-gradient(135deg, var(--accent) 0%, var(--primary-600) 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;animation:8s linear infinite centerRotate;display:flex;box-shadow:0 4px 20px #e76f514d}@keyframes centerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cro-center-inner svg{width:24px;height:24px;animation:8s linear infinite reverse centerRotate}.cro-center-label{color:var(--gray-700);white-space:nowrap;background:#fff;border-radius:12px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;box-shadow:0 2px 8px #00000014}.cro-metrics{border:1px solid var(--gray-100);z-index:10;background:#fff;border-radius:16px;gap:1rem;padding:.75rem 1.25rem;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 2px 12px #00000014}.cro-metric{flex-direction:column;align-items:center;gap:.35rem;display:flex}.cro-metric-bar{background:var(--gray-100);border-radius:3px;width:40px;height:6px;overflow:hidden}.cro-metric-fill{border-radius:3px;height:100%;animation:3s ease-in-out infinite fillGrow}.cro-fill-1{background:var(--primary-400);animation-delay:0s}.cro-fill-2{background:var(--primary-500);animation-delay:-1s}.cro-fill-3{background:var(--accent);animation-delay:-2s}@keyframes fillGrow{0%,to{width:30%}50%{width:100%}}.cro-metric-label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.02em;font-size:.6rem;font-weight:500}.cro-badge{background:linear-gradient(135deg, var(--accent-light) 0%, #e76f5126 100%);color:var(--accent);z-index:10;border-radius:20px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.7rem;font-weight:600;display:flex;position:absolute;top:15px;right:10px}.cro-badge-icon{font-size:.8rem}@media (max-width:768px){.cro-visual{min-height:320px;margin-top:1.5rem}.cro-container{max-width:320px;height:320px}.cro-loop{width:260px;height:180px}.cro-element-icon{width:48px;height:48px}.cro-element-icon svg{width:24px;height:24px}.cro-element-label{font-size:.8rem}.cro-center-inner{width:44px;height:44px}.cro-center-pulse{width:60px;height:60px}.cro-metrics{gap:.6rem;padding:.5rem .75rem}.cro-metric-bar{width:32px}.cro-badge{padding:.25rem .5rem;font-size:.6rem;top:5px;right:5px}.cro-element-cro{left:10px}.cro-element-seo{right:10px}@keyframes flowTop{0%{opacity:0;top:90px;left:60px}10%{opacity:1}25%{top:55px;left:95px}50%{top:90px;left:130px}75%{top:125px;left:165px}90%{opacity:1}to{opacity:0;top:90px;left:200px}}}
.comp-visual{justify-content:center;align-items:center;width:100%;min-height:360px;display:flex;position:relative}.comp-container{width:100%;max-width:380px;height:360px;position:relative}.comp-header{border:1px solid var(--gray-100);z-index:10;background:#fff;border-radius:12px;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex;position:absolute;top:15px;left:50%;transform:translate(-50%);box-shadow:0 3px 12px #00000014}.comp-header-icon{background:linear-gradient(135deg, var(--primary-500) 0%, var(--primary-700) 100%);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.comp-header-icon svg{width:16px;height:16px}.comp-header-label{color:var(--gray-700);font-size:.8rem;font-weight:600}.comp-rankings{z-index:5;flex-direction:column;gap:.5rem;width:280px;display:flex;position:absolute;top:75px;left:50%;transform:translate(-50%)}.comp-rank{border:1px solid var(--gray-100);background:#fff;border-radius:10px;align-items:center;gap:.6rem;padding:.6rem .75rem;transition:transform .2s;display:flex;box-shadow:0 2px 8px #0000000d}.comp-rank:hover{transform:translate(4px)}.comp-rank-you{border-color:var(--accent);background:linear-gradient(135deg,#fff 0%,#e76f510d 100%);box-shadow:0 3px 12px #e76f5126}.comp-position{color:var(--gray-500);min-width:28px;font-size:.85rem;font-weight:700}.comp-rank-you .comp-position{color:var(--accent)}.comp-info{flex-direction:column;flex:1;gap:.3rem;display:flex}.comp-name{color:var(--gray-700);font-size:.7rem;font-weight:600}.comp-rank-you .comp-name{color:var(--accent)}.comp-bar-track{background:var(--gray-100);border-radius:3px;width:100%;height:5px;overflow:hidden}.comp-bar-fill{background:var(--gray-300);border-radius:3px;width:0;height:100%;animation:2s ease-out .3s forwards barGrow}.comp-rank-you .comp-bar-fill{background:linear-gradient(90deg, var(--accent) 0%, var(--accent-dark) 100%)}@keyframes barGrow{0%{width:0}to{width:var(--bar-width,0%)}}.comp-trend{justify-content:center;align-items:center;width:20px;height:20px;display:flex}.comp-trend svg{width:14px;height:14px}.comp-trend-up{color:#22c55e}.comp-trend-down{color:#ef4444}.comp-trend-stable{color:var(--gray-400)}.comp-insights{z-index:5;gap:.75rem;display:flex;position:absolute;bottom:75px;left:50%;transform:translate(-50%)}.comp-insight{border:1px solid var(--gray-100);background:#fff;border-radius:10px;align-items:center;gap:.4rem;padding:.5rem .7rem;display:flex;box-shadow:0 2px 8px #0000000d}.comp-insight-icon{font-size:1rem}.comp-insight-content{flex-direction:column;display:flex}.comp-insight-label{color:var(--gray-500);text-transform:uppercase;font-size:.5rem;font-weight:500}.comp-insight-value{color:var(--gray-700);font-size:.65rem;font-weight:600}.comp-metrics{border:1px solid var(--gray-100);z-index:10;background:#fff;border-radius:20px;align-items:center;gap:1rem;padding:.6rem 1.25rem;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0000000f}.comp-metric{flex-direction:column;align-items:center;gap:.1rem;display:flex}.comp-metric-value{color:var(--primary-600);font-size:1rem;font-weight:700}.comp-metric-label{color:var(--gray-500);text-transform:uppercase;font-size:.5rem;font-weight:500}.comp-metric-divider{background:var(--gray-200);width:1px;height:24px}.comp-badge{background:linear-gradient(135deg, var(--primary-100) 0%, #275f8f1a 100%);color:var(--primary-600);z-index:10;border-radius:20px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.7rem;font-weight:600;display:flex;position:absolute;top:15px;right:10px}.comp-badge-icon{font-size:.8rem}@media (max-width:768px){.comp-visual{min-height:320px;margin-top:1.5rem}.comp-container{max-width:320px;height:320px}.comp-rankings{width:240px;top:65px}.comp-rank{padding:.5rem .6rem}.comp-insights{gap:.5rem;bottom:65px}.comp-insight{padding:.4rem .5rem}.comp-metrics{gap:.6rem;padding:.4rem .75rem}.comp-metric-value{font-size:.85rem}.comp-badge{padding:.25rem .5rem;font-size:.6rem;top:5px;right:5px}}
.content-writing-visual{justify-content:center;align-items:center;width:100%;height:400px;display:flex;position:relative}.content-document{z-index:2;background:#fff;border-radius:12px;width:240px;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000026}.document-header{background:var(--gray-100);border-bottom:1px solid var(--gray-200);align-items:center;gap:10px;padding:10px 14px;display:flex}.document-dots{gap:5px;display:flex}.document-dots span{background:var(--gray-300);border-radius:50%;width:8px;height:8px}.document-dots span:first-child{background:#ff5f57}.document-dots span:nth-child(2){background:#febc2e}.document-dots span:last-child{background:#28c840}.document-title{color:var(--gray-600);font-size:11px;font-weight:600}.document-body{padding:16px}.content-section{margin-bottom:14px}.content-section:last-child{margin-bottom:0}.content-writing-visual .section-label{text-transform:uppercase;letter-spacing:.5px;color:var(--gray-500);margin-bottom:6px;font-size:9px;font-weight:600}.keyword-tag{background:var(--primary-100);color:var(--primary-700);border-radius:6px;padding:6px 10px;font-size:11px;font-weight:600;display:inline-block}.intent-badge{border-radius:12px;padding:4px 10px;font-size:10px;font-weight:600;display:inline-block}.intent-badge.informational{background:var(--primary-100);color:var(--primary-700)}.outline-items{flex-direction:column;gap:6px;display:flex}.outline-item{align-items:center;gap:8px;display:flex}.outline-item.indent{padding-left:12px}.outline-item.indent-2{padding-left:24px}.outline-marker{color:var(--primary-600);background:var(--primary-50);border-radius:4px;padding:2px 6px;font-size:8px;font-weight:700}.outline-text{background:var(--gray-200);border-radius:4px;flex:1;height:8px}.seo-score-card{z-index:3;background:#fff;border-radius:12px;width:130px;padding:14px;position:absolute;top:20px;right:0;box-shadow:0 8px 32px #0000001f}.score-header{color:var(--gray-700);align-items:center;gap:6px;margin-bottom:10px;font-size:11px;font-weight:600;display:flex}.score-icon{font-size:14px}.score-circle{width:60px;height:60px;margin:0 auto 10px;position:relative}.score-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.score-bg{fill:none;stroke:var(--gray-200);stroke-width:3px}.score-fill{fill:none;stroke:var(--success-500);stroke-width:3px;stroke-linecap:round;animation:1.5s ease-out forwards scoreGrow}@keyframes scoreGrow{0%{stroke-dasharray:0 100}to{stroke-dasharray:92 100}}.score-value{color:var(--success-600);font-size:18px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.score-checks{flex-direction:column;gap:4px;display:flex}.check-row{color:var(--gray-600);align-items:center;gap:6px;font-size:10px;display:flex}.check-icon{border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;display:flex}.check-icon.good{background:var(--success-100);color:var(--success-600)}.topic-cluster-badge{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#fff;z-index:3;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:11px;font-weight:600;animation:3s ease-in-out infinite floatBadge;display:flex;position:absolute;top:180px;left:0;box-shadow:0 4px 16px #2563eb4d}.cluster-icon{font-size:14px}.cluster-count{background:#fff3;border-radius:10px;padding:2px 8px;font-size:10px}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.serp-preview{z-index:3;background:#fff;border-radius:8px;width:140px;padding:12px;position:absolute;bottom:60px;right:10px;box-shadow:0 4px 16px #0000001a}.serp-label{text-transform:uppercase;color:var(--gray-500);letter-spacing:.5px;margin-bottom:8px;font-size:8px;font-weight:600}.serp-title{background:var(--primary-600);border-radius:3px;width:100%;height:10px;margin-bottom:6px}.serp-url{background:var(--success-500);border-radius:3px;width:60%;height:6px;margin-bottom:6px}.serp-description{background:var(--gray-300);border-radius:3px;width:90%;height:6px}.content-type-badge{color:var(--gray-700);z-index:3;background:#fff;border-radius:20px;align-items:center;gap:10px;padding:8px 14px;font-size:11px;font-weight:600;animation:3s ease-in-out 1.5s infinite floatBadge;display:flex;position:absolute;bottom:20px;left:20px;box-shadow:0 4px 16px #0000001a}.word-count{background:var(--accent-100);color:var(--accent-600);border-radius:10px;padding:2px 8px;font-size:10px}@media (max-width:768px){.content-writing-visual{height:350px;transform:scale(.85)}.seo-score-card{top:10px;right:-10px}.topic-cluster-badge{left:-10px}.serp-preview{bottom:50px;right:0}.content-type-badge{bottom:10px;left:0}}
.dd-visual{justify-content:center;align-items:center;width:100%;min-height:360px;display:flex;position:relative}.dd-container{width:100%;max-width:380px;height:360px;position:relative}.dd-magnifier{z-index:10;flex-direction:column;align-items:center;gap:.4rem;display:flex;position:absolute;top:15px;left:50%;transform:translate(-50%)}.dd-magnifier-glow{background:var(--primary-100);z-index:-1;border-radius:50%;width:60px;height:60px;animation:3s ease-in-out infinite magnifierPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes magnifierPulse{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:.3;transform:translate(-50%,-50%)scale(1.2)}}.dd-magnifier-inner{background:linear-gradient(135deg, var(--primary-500) 0%, var(--primary-700) 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 16px #275f8f59}.dd-magnifier-inner svg{width:24px;height:24px}.dd-magnifier-label{color:var(--gray-600);background:#fff;border-radius:10px;padding:.2rem .5rem;font-size:.7rem;font-weight:600;animation:2s ease-in-out infinite labelPulse;box-shadow:0 2px 6px #0000000f}@keyframes labelPulse{0%,to{opacity:1}50%{opacity:.6}}.dd-scan-line{background:linear-gradient(90deg, transparent 0%, var(--primary-400) 50%, transparent 100%);opacity:.6;height:2px;animation:3s ease-in-out infinite scanMove;position:absolute;top:90px;left:20%;right:20%}@keyframes scanMove{0%,to{opacity:.3;top:90px}50%{opacity:.8;top:160px}}.dd-document{border:1px solid var(--gray-100);z-index:5;background:#fff;border-radius:8px;width:180px;padding:.75rem;position:absolute;top:85px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000014}.dd-document-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.dd-document-title{color:var(--gray-700);font-size:.6rem;font-weight:600}.dd-document-status{color:var(--accent);background:var(--accent-light);border-radius:4px;padding:.15rem .35rem;font-size:.5rem;font-weight:600}.dd-document-lines{flex-direction:column;gap:.35rem;display:flex}.dd-line{background:var(--gray-100);border-radius:3px;height:6px;animation:2s ease-out forwards lineReveal}.dd-line-1{width:100%;animation-delay:.2s}.dd-line-2{width:75%;animation-delay:.4s}.dd-line-3{width:90%;animation-delay:.6s}@keyframes lineReveal{0%{background:var(--gray-100)}50%{background:var(--primary-200)}to{background:var(--gray-100)}}.dd-risk-cards{z-index:5;gap:.5rem;display:flex;position:absolute;bottom:75px;left:50%;transform:translate(-50%)}.dd-risk-card{border:1px solid var(--gray-100);background:#fff;border-radius:10px;min-width:95px;padding:.6rem;transition:transform .2s;box-shadow:0 3px 10px #0000000f}.dd-risk-card:hover{transform:translateY(-2px)}.dd-risk-verified{border-color:#22c55e33}.dd-risk-warning{border-color:#f59e0b33}.dd-risk-header{align-items:center;gap:.3rem;margin-bottom:.4rem;display:flex}.dd-risk-indicator{justify-content:center;align-items:center;width:16px;height:16px;display:flex}.dd-risk-verified .dd-risk-indicator{color:#22c55e}.dd-risk-warning .dd-risk-indicator{color:#f59e0b}.dd-risk-indicator svg{width:14px;height:14px}.dd-risk-label{color:var(--gray-600);font-size:.55rem;font-weight:500}.dd-risk-bar{background:var(--gray-100);border-radius:2px;width:100%;height:4px;margin-bottom:.25rem;overflow:hidden}.dd-risk-fill{border-radius:2px;width:0;height:100%;animation:2s ease-out .5s forwards riskGrow}.dd-risk-verified .dd-risk-fill{background:#22c55e}.dd-risk-warning .dd-risk-fill{background:#f59e0b}@keyframes riskGrow{0%{width:0}to{width:var(--risk-width,0%)}}.dd-risk-score{color:var(--gray-700);font-size:.6rem;font-weight:600}.dd-metrics{border:1px solid var(--gray-100);z-index:10;background:#fff;border-radius:20px;align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0000000f}.dd-metric{flex-direction:column;align-items:center;gap:.15rem;display:flex}.dd-metric-value{color:var(--gray-800);font-size:.9rem;font-weight:700}.dd-metric-green{color:#22c55e}.dd-metric-label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.02em;font-size:.5rem;font-weight:500}.dd-metric-divider{background:var(--gray-200);width:1px;height:24px}.dd-badge{background:linear-gradient(135deg, var(--primary-100) 0%, #275f8f1a 100%);color:var(--primary-600);z-index:10;border-radius:20px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.7rem;font-weight:600;display:flex;position:absolute;top:15px;right:10px}.dd-badge-icon{font-size:.8rem}@media (max-width:768px){.dd-visual{min-height:320px;margin-top:1.5rem}.dd-container{max-width:320px;height:320px}.dd-magnifier-inner{width:40px;height:40px}.dd-magnifier-glow{width:50px;height:50px}.dd-document{width:150px;top:75px}.dd-risk-cards{gap:.35rem;bottom:65px}.dd-risk-card{min-width:80px;padding:.4rem}.dd-risk-label{font-size:.5rem}.dd-metrics{gap:.5rem;padding:.4rem .6rem}.dd-metric-value{font-size:.75rem}.dd-metric-label{font-size:.45rem}.dd-badge{padding:.25rem .5rem;font-size:.6rem;top:5px;right:5px}}
.fd-visual{justify-content:center;align-items:center;width:100%;min-height:340px;display:flex;position:relative}.fd-container{width:100%;max-width:360px;height:340px;position:relative}.fd-hub{z-index:10;flex-direction:column;align-items:center;gap:.5rem;animation:4s ease-in-out infinite hubPulse;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}@keyframes hubPulse{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.02)}}.fd-hub-icon{background:linear-gradient(135deg, var(--primary-600) 0%, var(--primary-700) 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 4px 20px #275f8f4d}.fd-hub-icon svg{width:28px;height:28px}.fd-hub-label{color:var(--gray-800);white-space:nowrap;font-size:.9rem;font-weight:600}.fd-hub-badge{background:var(--accent);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:.25rem .6rem;font-size:.625rem;font-weight:700}.fd-connections{z-index:1;width:100%;height:160px;position:absolute;top:20px;left:50%;overflow:visible;transform:translate(-50%)}.fd-line{animation:3s linear infinite dashFlow}.fd-line-1{animation-delay:0s}.fd-line-2{animation-delay:-1s}.fd-line-3{animation-delay:-2s}@keyframes dashFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-20px}}.fd-stakeholders{z-index:5;justify-content:space-between;padding:0 10px;display:flex;position:absolute;bottom:60px;left:0;right:0}.fd-stakeholder{border:1px solid var(--gray-100);background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:.35rem;width:100px;padding:.75rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 2px 12px #0000000f}.fd-stakeholder:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.fd-leadership{animation:5s ease-in-out infinite stakeholderFloat}.fd-team{animation:5s ease-in-out -1.5s infinite stakeholderFloat}.fd-agency{animation:5s ease-in-out -3s infinite stakeholderFloat}@keyframes stakeholderFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.fd-stakeholder-icon{background:var(--primary-50);width:32px;height:32px;color:var(--primary-600);border-radius:8px;justify-content:center;align-items:center;display:flex}.fd-stakeholder-icon svg{width:18px;height:18px}.fd-stakeholder-content{flex-direction:column;align-items:center;gap:.1rem;display:flex}.fd-stakeholder-title{color:var(--gray-800);font-size:.75rem;font-weight:600}.fd-stakeholder-desc{color:var(--gray-500);text-align:center;font-size:.625rem}.fd-flow{border:2px solid var(--accent-light);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.625rem;animation:2s ease-in-out infinite flowPulse;display:flex;position:absolute;top:-12px;right:-8px;box-shadow:0 2px 8px #0000001a}.fd-flow-up{animation-delay:0s}.fd-flow-down{animation-delay:-.5s}.fd-flow-both{animation-delay:-1s}@keyframes flowPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.fd-metrics{z-index:5;gap:1.5rem;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.fd-metric{background:var(--primary-50);border:1px solid var(--primary-100);border-radius:8px;flex-direction:column;align-items:center;padding:.5rem 1rem;display:flex}.fd-metric-value{color:var(--primary-700);font-size:1rem;font-weight:700}.fd-metric-label{color:var(--primary-600);text-transform:uppercase;letter-spacing:.03em;font-size:.625rem}.fd-float{width:28px;height:28px;color:var(--accent);z-index:2;background:#fff;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:0 2px 10px #00000014}.fd-float svg{width:14px;height:14px}.fd-float-1{animation:7s ease-in-out infinite floatEl;top:40px;right:20px}.fd-float-2{animation:8s ease-in-out -3s infinite floatEl;top:120px;left:10px}@keyframes floatEl{0%,to{transform:translate(0)}25%{transform:translate(4px,-4px)}50%{transform:translateY(-6px)}75%{transform:translate(-4px,-2px)}}@media (max-width:768px){.fd-visual{min-height:300px;margin-top:1.5rem}.fd-container{max-width:300px;height:300px}.fd-hub-icon{width:48px;height:48px}.fd-hub-icon svg{width:24px;height:24px}.fd-hub-label{font-size:.8rem}.fd-stakeholder{width:85px;padding:.5rem}.fd-stakeholder-icon{width:28px;height:28px}.fd-stakeholder-title{font-size:.65rem}.fd-stakeholder-desc{font-size:.55rem}.fd-metrics{gap:1rem}.fd-metric{padding:.35rem .75rem}.fd-metric-value{font-size:.875rem}}
.fp-visual{width:100%;height:100%;min-height:400px;padding:var(--space-md);justify-content:center;align-items:center;display:flex}.fp-container{justify-content:center;align-items:center;width:100%;max-width:380px;height:380px;display:flex;position:relative}.fp-shield-wrapper{z-index:10;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fp-shield-glow{background:radial-gradient(circle,#22c55e4d 0%,#0000 70%);border-radius:50%;width:100px;height:100px;animation:3s ease-in-out infinite fpShieldGlow;position:absolute}@keyframes fpShieldGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.fp-shield{background:linear-gradient(135deg, var(--color-primary-600), var(--color-primary-700));border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative;box-shadow:0 8px 24px #2563eb4d}.fp-shield svg{color:#fff;width:32px;height:32px}.fp-shield-pulse{border:2px solid var(--color-primary-400);border-radius:16px;animation:2s ease-out infinite fpPulse;position:absolute;inset:-4px}@keyframes fpPulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.fp-shield-label{color:#22c55e;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.fp-threat-radar{width:280px;height:280px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fp-radar-ring{border:1px dashed var(--color-gray-200);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fp-radar-ring-1{width:120px;height:120px}.fp-radar-ring-2{width:200px;height:200px}.fp-radar-ring-3{width:280px;height:280px}.fp-radar-sweep{background:linear-gradient(90deg, transparent, var(--color-primary-400));transform-origin:0;width:140px;height:2px;animation:4s linear infinite fpRadarSweep;position:absolute;top:50%;left:50%}@keyframes fpRadarSweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fp-threats{z-index:5;flex-direction:column;gap:10px;display:flex;position:absolute;top:0;right:-10px}.fp-threat{border:1px solid var(--color-gray-100);animation:.5s ease-out forwards fpThreatSlide;animation-delay:var(--delay);opacity:0;background:#fff;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex;transform:translate(20px);box-shadow:0 2px 8px #00000014}@keyframes fpThreatSlide{to{opacity:1;transform:translate(0)}}.fp-threat-icon{font-size:16px}.fp-threat-label{color:var(--color-gray-700);font-size:12px;font-weight:500}.fp-threat-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:600}.fp-badge-high{color:#dc2626;background:#fef2f2}.fp-badge-medium{color:#d97706;background:#fffbeb}.fp-badge-low{color:#16a34a;background:#f0fdf4}.fp-resilience-panel{border:1px solid var(--color-gray-100);z-index:5;background:#fff;border-radius:12px;width:200px;padding:14px;position:absolute;bottom:20px;left:-20px;box-shadow:0 4px 16px #0000001a}.fp-panel-header{border-bottom:1px solid var(--color-gray-100);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.fp-panel-title{color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.fp-panel-score{color:#22c55e;font-size:18px;font-weight:700}.fp-metrics{flex-direction:column;gap:10px;display:flex}.fp-metric-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.fp-metric-label{color:var(--color-gray-600);font-size:11px}.fp-metric-value{color:var(--color-gray-700);font-size:11px;font-weight:600}.fp-metric-bar{background:var(--color-gray-100);border-radius:2px;height:4px;overflow:hidden}.fp-metric-fill{background:linear-gradient(90deg, var(--color-primary-500), #22c55e);width:0;height:100%;animation:1s ease-out forwards fpFillGrow;animation-delay:var(--delay);border-radius:2px}@keyframes fpFillGrow{to{width:var(--width)}}.fp-timeline{align-items:center;gap:0;display:flex;position:absolute;bottom:0;right:20px}.fp-timeline-line{background:linear-gradient(90deg, var(--color-gray-300), var(--color-primary-400));width:60px;height:2px}.fp-timeline-point{flex-direction:column;align-items:center;gap:4px;display:flex}.fp-timeline-point:before{content:"";border:2px solid;border-radius:50%;width:10px;height:10px}.fp-point-past:before{background:var(--color-gray-300);border-color:var(--color-gray-400)}.fp-point-future:before{background:var(--color-primary-500);border-color:var(--color-primary-600);animation:1.5s ease-in-out infinite fpPointPulse}@keyframes fpPointPulse{0%,to{box-shadow:0 0 #2563eb66}50%{box-shadow:0 0 0 6px #2563eb00}}.fp-timeline-point span{color:var(--color-gray-500);white-space:nowrap;font-size:10px;font-weight:500}.fp-point-future span{color:var(--color-primary-600)}.fp-status-badge{border:1px solid var(--color-gray-100);background:#fff;border-radius:20px;align-items:center;gap:6px;padding:6px 10px;display:flex;position:absolute;top:10px;left:10px;box-shadow:0 2px 8px #00000014}.fp-status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite fpStatusBlink}@keyframes fpStatusBlink{0%,to{opacity:1}50%{opacity:.4}}.fp-status-badge span:last-child{color:var(--color-gray-600);font-size:10px;font-weight:500}@media (max-width:768px){.fp-visual{min-height:350px}.fp-container{max-width:320px;height:350px}.fp-threats{top:5px;right:-5px}.fp-threat{padding:6px 10px}.fp-resilience-panel{width:180px;padding:12px;left:-10px}.fp-radar-ring-3{width:240px;height:240px}}
.lb-visual{width:100%;height:100%;min-height:400px;padding:var(--space-md);justify-content:center;align-items:center;display:flex}.lb-container{width:100%;max-width:380px;height:380px;position:relative}.lb-network{width:280px;height:280px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lb-center-node{z-index:10;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lb-center-glow{background:radial-gradient(circle,#2563eb40 0%,#0000 70%);border-radius:50%;width:80px;height:80px;animation:3s ease-in-out infinite lbCenterGlow;position:absolute}@keyframes lbCenterGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.lb-center-icon{background:linear-gradient(135deg, var(--color-primary-500), var(--color-primary-700));border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 6px 20px #2563eb59}.lb-center-icon svg{color:#fff;width:28px;height:28px}.lb-center-label{color:var(--color-primary-600);font-size:11px;font-weight:600}.lb-connection-lines{position:absolute;inset:0}.lb-lines-svg{width:100%;height:100%}.lb-line{stroke:var(--color-primary-300);stroke-width:2px;stroke-dasharray:8 4;fill:none;animation:1.5s linear infinite lbLineDash}@keyframes lbLineDash{to{stroke-dashoffset:-24px}}.lb-line-1{animation-delay:0s}.lb-line-2{animation-delay:.2s}.lb-line-3{animation-delay:.4s}.lb-line-4{animation-delay:.6s}.lb-line-5{animation-delay:.8s}.lb-external-nodes{position:absolute;inset:0}.lb-node{flex-direction:column;align-items:center;gap:4px;animation:2s ease-in-out infinite lbNodePulse;display:flex;position:absolute}.lb-node-1{animation-delay:0s;top:0;left:10%}.lb-node-2{animation-delay:.3s;top:10%;right:5%}.lb-node-3{animation-delay:.6s;bottom:15%;left:5%}.lb-node-4{animation-delay:.9s;bottom:20%;right:0}.lb-node-5{animation-delay:1.2s;top:-5%;left:50%;transform:translate(-50%)}@keyframes lbNodePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.lb-node-5{animation:2s ease-in-out 1.2s infinite lbNodePulse5}@keyframes lbNodePulse5{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.05)}}.lb-node-icon{border:2px solid var(--color-gray-100);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex;box-shadow:0 2px 10px #0000001a}.lb-node-da{color:#22c55e;background:#f0fdf4;border-radius:10px;padding:2px 6px;font-size:9px;font-weight:600}.lb-authority-meter{border:1px solid var(--color-gray-100);z-index:5;background:#fff;border-radius:10px;width:140px;padding:12px;position:absolute;top:10px;right:-10px;box-shadow:0 4px 14px #00000014}.lb-meter-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.lb-meter-label{color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.lb-meter-value{color:#22c55e;font-size:14px;font-weight:700}.lb-meter-bar{background:var(--color-gray-100);border-radius:4px;height:8px;position:relative;overflow:hidden}.lb-meter-fill{background:var(--color-gray-300);border-radius:4px;width:45%;height:100%;position:absolute;top:0;left:0}.lb-meter-growth{background:linear-gradient(90deg, var(--color-primary-400), #22c55e);border-radius:0 4px 4px 0;width:0;height:100%;animation:1.5s ease-out .5s forwards lbGrowth;position:absolute;top:0;left:45%}@keyframes lbGrowth{to{width:25%}}.lb-meter-range{color:var(--color-gray-500);justify-content:space-between;margin-top:6px;font-size:9px;display:flex}.lb-link-cards{z-index:5;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:30px;left:-15px}.lb-link-card{border:1px solid var(--color-gray-100);opacity:0;animation:.5s ease-out forwards lbCardSlide;animation-delay:var(--delay);background:#fff;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex;transform:translate(-20px);box-shadow:0 2px 10px #0000000f}@keyframes lbCardSlide{to{opacity:1;transform:translate(0)}}.lb-card-status{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.lb-card-earned .lb-card-status{color:#16a34a;background:#dcfce7}.lb-card-pending .lb-card-status{color:#d97706;background:#fef3c7}.lb-card-status svg{width:14px;height:14px}.lb-card-info{flex-direction:column;flex:1;gap:2px;display:flex}.lb-card-name{color:var(--color-gray-700);font-size:12px;font-weight:600}.lb-card-da{color:var(--color-gray-500);font-size:10px}.lb-card-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:12px;padding:3px 8px;font-size:9px;font-weight:600}.lb-card-badge.earned{color:#16a34a;background:#dcfce7}.lb-card-badge.pending{color:#d97706;background:#fef3c7}.lb-stats-row{border:1px solid var(--color-gray-100);background:#fff;border-radius:10px;align-items:center;gap:16px;padding:10px 16px;display:flex;position:absolute;bottom:0;right:20px;box-shadow:0 2px 10px #0000000f}.lb-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.lb-stat-value{color:var(--color-primary-600);font-size:16px;font-weight:700}.lb-stat-label{color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.3px;font-size:9px}.lb-stat-divider{background:var(--color-gray-200);width:1px;height:28px}.lb-quality-badge{border:1px solid var(--color-gray-100);background:#fff;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;display:flex;position:absolute;top:15px;left:10px;box-shadow:0 2px 8px #00000014}.lb-badge-shield{font-size:14px}.lb-quality-badge span:last-child{color:var(--color-gray-700);font-size:11px;font-weight:600}@media (max-width:768px){.lb-visual{min-height:350px}.lb-container{max-width:320px;height:350px}.lb-network{width:240px;height:240px}.lb-authority-meter{width:130px;padding:10px;right:-5px}.lb-link-cards{left:-10px}.lb-link-card{padding:8px 10px}}
.lc-visual{width:100%;height:100%;min-height:400px;padding:var(--space-md);justify-content:center;align-items:center;display:flex}.lc-container{width:100%;max-width:380px;height:380px;position:relative}.lc-shield-center{z-index:10;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lc-shield-glow{background:radial-gradient(circle,#22c55e4d 0%,#0000 70%);border-radius:50%;width:90px;height:90px;animation:3s ease-in-out infinite lcShieldGlow;position:absolute}@keyframes lcShieldGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.lc-shield{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:14px;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:0 8px 24px #22c55e59}.lc-shield svg{color:#fff;width:30px;height:30px}.lc-shield-label{color:#16a34a;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.lc-scan-rings{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lc-ring{border:1px dashed var(--color-gray-200);border-radius:50%;animation:3s ease-out infinite lcRingPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lc-ring-1{width:120px;height:120px;animation-delay:0s}.lc-ring-2{width:200px;height:200px;animation-delay:.5s}.lc-ring-3{width:280px;height:280px;animation-delay:1s}@keyframes lcRingPulse{0%{opacity:.8;border-color:var(--color-gray-200)}50%{opacity:.3}to{opacity:.8;border-color:var(--color-gray-200)}}.lc-toxic-links{z-index:5;flex-direction:column;gap:8px;display:flex;position:absolute;top:10px;right:-15px}.lc-toxic-link{border:1px solid var(--color-gray-100);opacity:0;animation:.5s ease-out forwards lcLinkSlide;animation-delay:var(--delay);background:#fff;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex;transform:translate(20px);box-shadow:0 2px 10px #0000000f}@keyframes lcLinkSlide{to{opacity:1;transform:translate(0)}}.lc-link-icon{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.lc-link-removed .lc-link-icon{color:#dc2626;background:#fee2e2}.lc-link-disavowed .lc-link-icon{color:#16a34a;background:#dcfce7}.lc-link-pending .lc-link-icon{color:#d97706;background:#fef3c7}.lc-link-icon svg{width:14px;height:14px}.lc-link-info{flex-direction:column;flex:1;gap:2px;display:flex}.lc-link-domain{color:var(--color-gray-700);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:11px;font-weight:600;overflow:hidden}.lc-link-risk{text-transform:uppercase;letter-spacing:.3px;font-size:9px;font-weight:500}.lc-risk-high{color:#dc2626}.lc-risk-medium{color:#d97706}.lc-risk-low{color:#16a34a}.lc-link-status{text-transform:uppercase;letter-spacing:.3px;border-radius:12px;padding:3px 8px;font-size:9px;font-weight:600}.lc-status-removed{color:#dc2626;background:#fee2e2}.lc-status-disavowed{color:#16a34a;background:#dcfce7}.lc-status-pending{color:#d97706;background:#fef3c7}.lc-progress-panel{border:1px solid var(--color-gray-100);z-index:5;background:#fff;border-radius:12px;width:180px;padding:14px;position:absolute;bottom:30px;left:-20px;box-shadow:0 4px 16px #0000001a}.lc-panel-header{margin-bottom:10px}.lc-panel-title{color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.lc-progress-stats{justify-content:space-between;margin-bottom:10px;display:flex}.lc-stat-item{flex-direction:column;align-items:center;gap:2px;display:flex}.lc-stat-value{font-size:14px;font-weight:700}.lc-stat-removed{color:#dc2626}.lc-stat-disavowed{color:#16a34a}.lc-stat-pending{color:#d97706}.lc-stat-label{color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.3px;font-size:8px}.lc-progress-bar{background:var(--color-gray-100);border-radius:3px;height:6px;margin-bottom:6px;overflow:hidden}.lc-progress-fill{background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:3px;width:0;height:100%;animation:1.5s ease-out .5s forwards lcProgressGrow}@keyframes lcProgressGrow{to{width:98%}}.lc-progress-percent{color:#16a34a;font-size:10px;font-weight:600}.lc-health-meter{border:1px solid var(--color-gray-100);text-align:center;background:#fff;border-radius:10px;padding:12px 16px;position:absolute;bottom:0;right:20px;box-shadow:0 2px 10px #0000000f}.lc-meter-label{color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px;font-size:10px;font-weight:600}.lc-meter-gauge{width:80px;height:40px;margin:0 auto 8px;position:relative;overflow:hidden}.lc-gauge-bg{opacity:.2;background:conic-gradient(from 180deg,#dc2626 0deg,#f59e0b 60deg,#22c55e 120deg 180deg);border-radius:80px 80px 0 0;width:80px;height:40px;position:absolute;bottom:0;left:0}.lc-gauge-fill{opacity:0;background:conic-gradient(from 180deg,#0000 0deg 150deg,#22c55e 150deg 180deg);border-radius:80px 80px 0 0;width:80px;height:40px;animation:1s ease-out .8s forwards lcGaugeFill;position:absolute;bottom:0;left:0}@keyframes lcGaugeFill{to{opacity:1}}.lc-gauge-indicator{background:var(--color-gray-700);transform-origin:bottom;border-radius:2px;width:4px;height:24px;animation:1s ease-out .5s forwards lcIndicatorMove;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)rotate(-60deg)}@keyframes lcIndicatorMove{to{transform:translate(-50%)rotate(60deg)}}.lc-meter-status{justify-content:center;align-items:center;gap:6px;display:flex}.lc-status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite lcStatusPulse}@keyframes lcStatusPulse{0%,to{opacity:1}50%{opacity:.5}}.lc-meter-status span:last-child{color:#16a34a;font-size:10px;font-weight:600}.lc-disavow-badge{border:1px solid var(--color-gray-100);background:#fff;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;display:flex;position:absolute;top:15px;left:10px;box-shadow:0 2px 8px #00000014}.lc-badge-icon{font-size:14px}.lc-disavow-badge span:last-child{color:var(--color-gray-700);font-size:11px;font-weight:600}@media (max-width:768px){.lc-visual{min-height:350px}.lc-container{max-width:320px;height:350px}.lc-toxic-links{right:-10px}.lc-toxic-link{padding:8px 10px}.lc-progress-panel{width:160px;padding:12px;left:-10px}.lc-ring-3{width:240px;height:240px}}
.rep-visual{width:100%;height:100%;min-height:400px;padding:var(--space-md);justify-content:center;align-items:center;display:flex}.rep-container{width:100%;max-width:380px;height:380px;position:relative}.rep-search-box{z-index:10;width:220px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.rep-search-bar{border:1px solid var(--color-gray-200);background:#fff;border-radius:24px;align-items:center;gap:10px;padding:10px 16px;display:flex;box-shadow:0 4px 16px #0000001a}.rep-search-icon{width:18px;height:18px;color:var(--color-gray-400)}.rep-search-text{color:var(--color-gray-700);font-size:13px;font-weight:500}.rep-results{z-index:5;flex-direction:column;gap:8px;display:flex;position:absolute;top:70px;left:10px}.rep-result{border:1px solid var(--color-gray-100);opacity:0;animation:.4s ease-out forwards repResultSlide;animation-delay:var(--delay);background:#fff;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;display:flex;transform:translateY(10px);box-shadow:0 2px 10px #0000000f}@keyframes repResultSlide{to{opacity:1;transform:translateY(0)}}.rep-position{color:var(--color-primary-600);min-width:24px;font-size:11px;font-weight:700}.rep-result-content{flex-direction:column;flex:1;gap:4px;display:flex}.rep-result-title{color:var(--color-gray-700);font-size:12px;font-weight:600}.rep-result-url{background:var(--color-gray-200);border-radius:2px;width:80px;height:4px}.rep-result-positive .rep-result-badge{color:#16a34a;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.rep-result-badge svg{width:12px;height:12px}.rep-suppressed-card{z-index:5;background:#fff;border:1px solid #fee2e2;border-radius:12px;padding:14px;animation:3s ease-in-out infinite repSuppressedPulse;position:absolute;top:90px;right:-10px;box-shadow:0 4px 16px #0000001a}@keyframes repSuppressedPulse{0%,to{box-shadow:0 4px 16px #0000001a}50%{box-shadow:0 4px 20px #dc262626}}.rep-suppressed-header{color:#dc2626;align-items:center;gap:8px;margin-bottom:10px;display:flex}.rep-suppressed-header svg{width:16px;height:16px}.rep-suppressed-header span{text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.rep-suppressed-info{align-items:center;gap:8px;margin-bottom:8px;display:flex}.rep-suppressed-label{color:var(--color-gray-500);font-size:11px}.rep-suppressed-position{color:#16a34a;font-size:14px;font-weight:700}.rep-suppressed-arrow{color:#16a34a;justify-content:center;animation:1.5s ease-in-out infinite repArrowBounce;display:flex}@keyframes repArrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.rep-suppressed-arrow svg{width:20px;height:20px}.rep-shield-badge{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;border-radius:20px;align-items:center;gap:8px;padding:8px 14px;display:flex;position:absolute;top:15px;right:20px}.rep-shield-icon{color:#16a34a;width:20px;height:20px}.rep-shield-icon svg{width:100%;height:100%}.rep-shield-badge span{color:#16a34a;font-size:11px;font-weight:600}.rep-metrics-panel{border:1px solid var(--color-gray-100);background:#fff;border-radius:12px;align-items:center;gap:16px;padding:12px 18px;display:flex;position:absolute;bottom:60px;left:10px;box-shadow:0 4px 14px #00000014}.rep-metric{flex-direction:column;align-items:center;gap:4px;display:flex}.rep-metric-value{font-size:22px;font-weight:700}.rep-metric-value.rep-positive{color:#16a34a}.rep-metric-value.rep-suppressed{color:var(--color-primary-600)}.rep-metric-label{color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.3px;text-align:center;max-width:70px;font-size:9px}.rep-metric-divider{background:var(--color-gray-200);width:1px;height:36px}.rep-sentiment-gauge{border:1px solid var(--color-gray-100);text-align:center;background:#fff;border-radius:10px;padding:12px 16px;position:absolute;bottom:60px;right:10px;box-shadow:0 2px 10px #0000000f}.rep-gauge-label{color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px;font-size:10px;font-weight:600}.rep-gauge-bar{background:linear-gradient(90deg,#dc2626,#f59e0b,#22c55e);border-radius:3px;width:100px;height:6px;margin-bottom:8px;position:relative}.rep-gauge-fill{background:#fff;border:3px solid #22c55e;border-radius:50%;width:14px;height:14px;position:absolute;top:-4px;right:8px;box-shadow:0 2px 6px #00000026}.rep-gauge-status{justify-content:center;align-items:center;gap:6px;display:flex}.rep-gauge-dot{background:#22c55e;border-radius:50%;width:8px;height:8px}.rep-gauge-status span:last-child{color:#16a34a;font-size:11px;font-weight:600}.rep-monitoring-badge{border:1px solid var(--color-gray-100);background:#fff;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000014}.rep-monitor-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite repMonitorPulse}@keyframes repMonitorPulse{0%,to{opacity:1;box-shadow:0 0 #22c55e66}50%{opacity:.7;box-shadow:0 0 0 4px #22c55e00}}.rep-monitoring-badge span:last-child{color:var(--color-gray-600);font-size:11px;font-weight:500}@media (max-width:768px){.rep-visual{min-height:350px}.rep-container{max-width:320px;height:350px}.rep-search-box{width:200px}.rep-results{left:5px}.rep-result{padding:8px 12px}.rep-suppressed-card{padding:12px;right:-5px}.rep-metrics-panel{padding:10px 14px;left:5px}}
.training-visual{justify-content:center;align-items:center;width:100%;min-height:360px;display:flex;position:relative}.training-container{width:100%;max-width:380px;height:360px;position:relative}.training-hub{z-index:10;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%)}.training-hub-pulse{background:var(--primary-100);z-index:-1;border-radius:50%;width:80px;height:80px;animation:3s ease-in-out infinite hubPulseTraining;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes hubPulseTraining{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:.2;transform:translate(-50%,-50%)scale(1.3)}}.training-hub-inner{background:linear-gradient(135deg, var(--primary-500) 0%, var(--primary-700) 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:0 4px 20px #275f8f59}.training-hub-inner svg{width:30px;height:30px}.training-hub-label{color:var(--gray-700);white-space:nowrap;background:#fff;border-radius:20px;padding:.25rem .75rem;font-size:.8rem;font-weight:600;box-shadow:0 2px 8px #00000014}.training-knowledge-rays{z-index:1;width:200px;height:200px;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%)}.training-ray{background:linear-gradient(90deg, var(--primary-300) 0%, transparent 100%);transform-origin:0;opacity:.6;width:80px;height:2px;position:absolute;top:50%;left:50%}.training-ray-1{animation:2s ease-in-out infinite rayPulse;transform:rotate(-30deg)}.training-ray-2{animation:2s ease-in-out -.66s infinite rayPulse;transform:rotate(90deg)}.training-ray-3{animation:2s ease-in-out -1.33s infinite rayPulse;transform:rotate(210deg)}@keyframes rayPulse{0%,to{opacity:.3;width:60px}50%{opacity:.8;width:90px}}.training-roles{z-index:5;position:absolute;inset:0}.training-role{position:absolute}.training-role-1{top:10px;right:20px}.training-role-2{bottom:80px;right:10px}.training-role-3{bottom:80px;left:10px}.training-role-card{border:1px solid var(--gray-100);background:#fff;border-radius:12px;min-width:100px;padding:.75rem;transition:transform .2s,box-shadow .2s;box-shadow:0 3px 12px #00000014}.training-role-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.training-role-header{align-items:center;gap:.4rem;margin-bottom:.5rem;display:flex}.training-role-icon{font-size:1rem}.training-role-name{color:var(--gray-700);font-size:.75rem;font-weight:600}.training-skill-bar{background:var(--gray-100);border-radius:3px;width:100%;height:6px;margin-bottom:.25rem;overflow:hidden}.training-skill-fill{background:var(--skill-color,var(--primary-500));border-radius:3px;width:0;height:100%;animation:3s ease-out .5s forwards skillGrow}@keyframes skillGrow{0%{width:0}to{width:var(--skill-width,0%)}}.training-skill-label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.02em;font-size:.55rem}.training-knowledge-dot{background:var(--primary-400);width:8px;height:8px;box-shadow:0 0 8px var(--primary-400);border-radius:50%;animation:2s ease-in-out infinite knowledgePulse;position:absolute}.training-role-1 .training-knowledge-dot{bottom:-15px;left:20px}.training-role-2 .training-knowledge-dot{animation-delay:-.66s;top:-15px;left:30px}.training-role-3 .training-knowledge-dot{animation-delay:-1.33s;top:-15px;right:30px}@keyframes knowledgePulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.training-modules{z-index:10;gap:.5rem;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.training-module{border:1px solid var(--gray-100);color:var(--gray-600);white-space:nowrap;background:#fff;border-radius:20px;align-items:center;gap:.35rem;padding:.5rem .75rem;font-size:.65rem;font-weight:500;display:flex;box-shadow:0 2px 8px #0000000f}.training-module svg{width:14px;height:14px}.training-module-1 svg,.training-module-2 svg{color:#22c55e}.training-module-3 svg{color:var(--accent)}.training-module-1{animation:4s ease-in-out infinite moduleFloat}.training-module-2{animation:4s ease-in-out -1.33s infinite moduleFloat}.training-module-3{animation:4s ease-in-out -2.66s infinite moduleFloat}@keyframes moduleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.training-badge{background:linear-gradient(135deg, var(--primary-100) 0%, #275f8f1a 100%);color:var(--primary-600);z-index:10;border-radius:20px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.7rem;font-weight:600;display:flex;position:absolute;top:15px;left:10px}.training-badge-icon{font-size:.8rem}@media (max-width:768px){.training-visual{min-height:320px;margin-top:1.5rem}.training-container{max-width:320px;height:320px}.training-hub-inner{width:50px;height:50px}.training-hub-pulse{width:70px;height:70px}.training-role-card{min-width:85px;padding:.5rem}.training-role-name{font-size:.65rem}.training-role-1{top:5px;right:5px}.training-role-2{bottom:70px;right:5px}.training-role-3{bottom:70px;left:5px}.training-modules{gap:.35rem;bottom:5px}.training-module{padding:.35rem .5rem;font-size:.55rem}.training-module svg{width:12px;height:12px}.training-badge{padding:.25rem .5rem;font-size:.6rem;top:5px;left:5px}}
.webdev-visual{justify-content:center;align-items:center;width:100%;height:400px;display:flex;position:relative}.webdev-browser{z-index:2;background:#fff;border-radius:12px;width:280px;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000026}.browser-header{background:#f1f3f4;border-bottom:1px solid #e0e0e0;align-items:center;gap:12px;padding:8px 12px;display:flex}.browser-dots{gap:6px;display:flex}.browser-dots .dot{border-radius:50%;width:10px;height:10px}.browser-dots .dot.red{background:#ff5f57}.browser-dots .dot.yellow{background:#febc2e}.browser-dots .dot.green{background:#28c840}.browser-url{background:#fff;border-radius:6px;flex:1;align-items:center;gap:6px;padding:4px 8px;font-size:11px;display:flex}.url-icon{font-size:10px}.url-text{color:var(--gray-600)}.browser-content{background:#fafafa;padding:12px}.site-header-mock{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.logo-placeholder{background:linear-gradient(90deg, var(--primary-500), var(--primary-600));border-radius:4px;width:60px;height:16px}.nav-items{gap:8px;display:flex}.nav-items span{background:var(--gray-300);border-radius:4px;width:30px;height:8px}.hero-mock{background:linear-gradient(135deg, var(--primary-50), var(--primary-100));border-radius:8px;margin-bottom:12px;padding:16px}.hero-text{flex-direction:column;gap:8px;display:flex}.h1-line{background:var(--gray-700);border-radius:3px;width:80%;height:12px}.h2-line{background:var(--gray-400);border-radius:3px;width:60%;height:8px}.cta-mock{background:var(--accent-500);border-radius:4px;width:50px;height:16px;margin-top:4px}.content-grid-mock{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.content-card{border:1px solid var(--gray-200);background:#fff;border-radius:6px;height:40px}.seo-checklist{z-index:3;background:#fff;border-radius:12px;min-width:160px;padding:14px;position:absolute;top:20px;right:0;box-shadow:0 8px 32px #0000001f}.checklist-header{color:var(--gray-800);border-bottom:1px solid var(--gray-100);align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;font-size:13px;font-weight:600;display:flex}.checklist-header .checklist-icon{background:var(--success-500);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:flex}.checklist-items{flex-direction:column;gap:8px;display:flex}.check-item{color:var(--gray-600);align-items:center;gap:8px;font-size:11px;display:flex}.check-item .check-mark{background:var(--success-100);width:16px;height:16px;color:var(--success-600);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;display:flex}.check-item .score{margin-left:auto;font-size:10px;font-weight:600}.check-item .score.good{color:var(--success-600)}.speed-gauge{z-index:3;background:#fff;border-radius:10px;width:130px;padding:12px;position:absolute;bottom:60px;right:10px;box-shadow:0 6px 24px #0000001a}.gauge-header{color:var(--gray-700);align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.gauge-icon{font-size:12px}.gauge-bar{background:var(--gray-200);border-radius:4px;height:8px;overflow:hidden}.gauge-fill{background:linear-gradient(90deg, var(--success-400), var(--success-500));border-radius:4px;width:0;height:100%;animation:2s ease-out .5s forwards gaugeFill}@keyframes gaugeFill{to{width:98%}}.gauge-labels{color:var(--gray-500);justify-content:space-between;margin-top:4px;font-size:9px;display:flex}.gauge-labels .gauge-value{color:var(--success-600);font-weight:700}.architecture-badge{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#fff;z-index:3;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:11px;font-weight:600;animation:3s ease-in-out infinite floatBadge;display:flex;position:absolute;top:140px;left:0;box-shadow:0 4px 16px #2563eb4d}.mobile-badge{color:var(--gray-700);z-index:3;background:#fff;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:11px;font-weight:600;animation:3s ease-in-out 1.5s infinite floatBadge;display:flex;position:absolute;bottom:20px;left:20px;box-shadow:0 4px 16px #0000001a}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.arch-icon,.mobile-icon{font-size:12px}@media (max-width:768px){.webdev-visual{height:350px;transform:scale(.9)}.seo-checklist{min-width:140px;padding:10px;top:10px;right:-10px}.speed-gauge{width:110px;padding:10px;bottom:50px;right:-5px}.architecture-badge{left:-10px}.mobile-badge{bottom:10px;left:0}}