.hero-seo__visual{position:relative;height:100%;min-height:400px;display:flex;align-items:center;justify-content:center}.seo-card-wrapper{position:relative;width:100%;max-width:500px;perspective:1000px}.seo-card{background:#131c2a;border:1px solid rgba(232,232,252,.12);border-radius:16px;box-shadow:0 20px 50px #00000080;overflow:hidden}.seo-card--main{position:relative;z-index:1;transform:rotateY(-5deg) rotateX(2deg);transition:transform .5s ease}.seo-card--main:hover{transform:rotateY(0) rotateX(0)}.seo-card__header{padding:16px;border-bottom:1px solid rgba(232,232,252,.05);display:flex;align-items:center;gap:16px}.seo-dots{display:flex;gap:6px}.seo-dots span{width:10px;height:10px;border-radius:50%;background:#ffffff1a}.seo-dots span:nth-child(1){background:#ff5f56}.seo-dots span:nth-child(2){background:#ffbd2e}.seo-dots span:nth-child(3){background:#27c93f}.seo-card__title{font-size:.9rem;color:#e8e8fcbf;font-family:monospace}.seo-card__graph{padding:20px;position:relative}.seo-graph-svg{width:100%;height:auto;overflow:visible}.seo-card__stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:20px;background:#ffffff05}.seo-stat{display:flex;flex-direction:column;gap:4px}.seo-stat span{font-size:.75rem;color:#e8e8fc80}.seo-stat strong{font-size:1.1rem;color:#e8e8fc}.seo-card--float{position:absolute;bottom:-20px;left:-20px;z-index:2;padding:16px 24px;background:#181822}.seo-check{display:flex;align-items:center;gap:12px}.check-circle{width:32px;height:32px;background:#090c5b;color:#e8e8fc;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.seo-check div{display:flex;flex-direction:column;font-size:.9rem}.seo-check strong{color:#e8e8fc}.seo-check span{font-size:.8rem;color:#e8e8fc8c}@media(prefers-reduced-motion:no-preference){.seo-graph-svg path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawGraph 3s ease-out forwards}@keyframes drawGraph{to{stroke-dashoffset:0}}.seo-tooltip{position:absolute;top:20%;right:20%;background:#e8e8fc;color:#000;padding:8px 12px;border-radius:8px;font-size:.8rem;font-weight:500;box-shadow:0 10px 20px #0003;animation:floatTooltip 3s ease-in-out infinite}.seo-card--float{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatTooltip{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}}@media screen and (max-width:900px){.hero-seo__visual{display:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hero-seo-deferred.css.map */