/*======================================================
SEO TOOLS
======================================================*/

.tools-section{

padding:120px 20px;

background:#050505;

position:relative;

overflow:hidden;

}

.tools-section::before{

content:"";

position:absolute;

inset:0;

background:
radial-gradient(circle at center,
rgba(212,175,55,.07),
transparent 65%);

pointer-events:none;

}

.tools-container{

position:relative;

z-index:2;

max-width:1200px;

margin:auto;

}

.tools-heading{

max-width:860px;

margin:auto;

text-align:center;

margin-bottom:70px;

}

.tools-heading h2{

font-size:clamp(36px,4vw,52px);

color:#fff;

margin:18px 0;

line-height:1.2;

}

.tools-heading p{

font-size:18px;

line-height:1.9;

color:#bdbdbd;

}

.tools-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:28px;

}

.tool-card{

background:rgba(255,255,255,.03);

border:1px solid rgba(212,175,55,.15);

backdrop-filter:blur(14px);

padding:36px 28px;

border-radius:22px;

text-align:center;

transition:.35s;

}

.tool-card:hover{

transform:translateY(-8px);

border-color:#d4af37;

box-shadow:0 25px 60px rgba(0,0,0,.45);

}

.tool-logo{

width:82px;

height:82px;

margin:auto;

margin-bottom:24px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

background:linear-gradient(135deg,#d4af37,#ffe48a);

color:#111;

font-size:28px;

font-weight:800;

}

.tool-card h3{

font-size:22px;

color:#fff;

margin-bottom:16px;

}

.tool-card p{

font-size:16px;

line-height:1.8;

color:#bdbdbd;

}

@media(max-width:1100px){

.tools-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.tools-grid{

grid-template-columns:1fr;

}

.tools-heading h2{

font-size:34px;

}

.tool-card{

padding:30px;

}

}