/* SAM1337 TOOLS — Homepage v35 */

.header-cta {
  padding: 9px 14px;
  border: 1px solid rgba(125,255,170,.2);
  border-radius: 9px;
  background: rgba(125,255,170,.05);
  color: #b4f2c8;
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
  transition: background .2s, border-color .2s, box-shadow .2s;
}
.header-cta:hover {
  background: rgba(125,255,170,.1);
  border-color: rgba(125,255,170,.36);
  box-shadow: 0 0 18px rgba(125,255,170,.18);
}

/* ── Hero ── */
.home-hero {
  display: grid;
  grid-template-columns: minmax(0,1.25fr) 340px;
  gap: 56px;
  align-items: center;
  padding: 96px 0 88px;
  animation: heroEntrance .7s cubic-bezier(.4,0,.2,1) both;
}
@keyframes heroEntrance {
  from { opacity: 0; transform: translateY(22px); }
  to   { opacity: 1; transform: none; }
}

.home-copy h1 {
  max-width: 820px;
  font-size: clamp(46px,6.5vw,80px);
  line-height: 1.0;
  letter-spacing: -.055em;
  animation: heroEntrance .7s .1s cubic-bezier(.4,0,.2,1) both;
}
.home-copy > p {
  max-width: 680px;
  margin: 24px 0 0;
  color: #7e8882;
  font-size: 15px;
  line-height: 1.9;
  animation: heroEntrance .7s .18s cubic-bezier(.4,0,.2,1) both;
}
.hero-actions {
  display: flex;
  gap: 11px;
  flex-wrap: wrap;
  margin-top: 32px;
  animation: heroEntrance .7s .26s cubic-bezier(.4,0,.2,1) both;
}
.hero-actions .primary-action {
  height: 50px;
  padding: 0 24px;
  font-size: 13px;
  border-radius: 13px;
  box-shadow: 0 6px 30px rgba(125,255,170,.35);
}
.hero-actions .primary-action:hover { box-shadow: 0 10px 40px rgba(125,255,170,.5); }
.hero-actions .secondary-action { height: 50px; padding: 0 20px; border-radius: 13px; }

/* ── Stats card ── */
.home-stats {
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 20px;
  background: linear-gradient(155deg, rgba(125,255,170,.06), rgba(255,255,255,.016));
  overflow: hidden;
  animation: heroEntrance .7s .12s cubic-bezier(.4,0,.2,1) both;
  position: relative;
}
.home-stats::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(125,255,170,.3), transparent);
}
.home-stats > div {
  padding: 22px 26px;
  border-bottom: 1px solid rgba(255,255,255,.07);
  transition: background .22s;
}
.home-stats > div:last-child { border-bottom: 0; }
.home-stats > div:hover { background: rgba(125,255,170,.03); }
.home-stats small { display: block; color: #4a5450; font-size: 9px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.home-stats b {
  display: block;
  margin: 10px 0 5px;
  font: 600 26px 'JetBrains Mono', monospace;
  letter-spacing: -.04em;
  background: linear-gradient(90deg, #d8e6dc, #7dffaa 60%, #d8e6dc);
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shimmerText 4s linear infinite;
}
@keyframes shimmerText { to { background-position: -200% center; } }
.home-stats span { color: #596059; font-size: 11px; }

/* ── Tool Directory ── */
.tool-directory {
  padding: 32px 0 80px;
  border-top: 1px solid rgba(255,255,255,.07);
  scroll-margin-top: 82px;
}
.directory-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 28px;
  animation: heroEntrance .6s .1s both;
}
.directory-heading h2, .about-panel h2 {
  margin: 10px 0 0;
  font-size: clamp(28px,4vw,48px);
  letter-spacing: -.05em;
}
.directory-heading > div > p:last-child {
  max-width: 700px;
  margin: 12px 0 0;
  color: #6e7872;
  font-size: 13px;
  line-height: 1.85;
}
.tool-count {
  padding: 8px 11px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 9px;
  color: #72817a;
  font: 10px 'JetBrains Mono', monospace;
  white-space: nowrap;
  flex-shrink: 0;
}

/* ── Controls ── */
.directory-controls { display: flex; gap: 11px; flex-wrap: wrap; align-items: center; margin: 0 0 22px; }
.tool-search {
  flex: 1; min-width: 220px; height: 46px; padding: 0 16px;
  border: 1px solid rgba(255,255,255,.08); border-radius: 12px;
  background: rgba(5,9,7,.9); color: #ecf2ee;
  font-size: 13px; font-family: 'DM Sans', sans-serif; outline: none;
  transition: border-color .22s, box-shadow .22s;
}
.tool-search:focus { border-color: rgba(125,255,170,.38); box-shadow: 0 0 0 3px rgba(125,255,170,.06); }
.tool-search::placeholder { color: #3d4440; }
.filter-row { display: flex; gap: 8px; flex-wrap: wrap; }
.filter-btn {
  height: 38px; padding: 0 14px;
  border: 1px solid rgba(255,255,255,.08); border-radius: 999px;
  background: rgba(10,15,12,.9); color: #a0aaa4;
  font-size: 12px; font-weight: 600; cursor: pointer;
  transition: background .2s, border-color .2s, color .2s, box-shadow .2s, transform .15s;
}
.filter-btn:hover { border-color: rgba(125,255,170,.22); color: #c8f0d4; background: rgba(125,255,170,.05); transform: translateY(-1px); }
.filter-btn.active { background: linear-gradient(135deg,rgba(125,255,170,.18),rgba(125,255,170,.08)); border-color: rgba(125,255,170,.36); color: #cffce0; box-shadow: 0 2px 14px rgba(125,255,170,.15); }

/* ── Tool grid ── */
.tool-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(260px,1fr)); gap: 14px; }

.tool-card {
  min-height: 290px; display: flex; flex-direction: column; padding: 22px;
  border: 1px solid rgba(255,255,255,.07); border-radius: 18px;
  background: rgba(255,255,255,.016);
  transition: transform .22s cubic-bezier(.4,0,.2,1), border-color .22s, background .22s, box-shadow .22s, opacity .22s;
  position: relative; overflow: hidden;
  animation: cardReveal .4s ease both;
}
.tool-card:nth-child(1)  { animation-delay:.04s }
.tool-card:nth-child(2)  { animation-delay:.07s }
.tool-card:nth-child(3)  { animation-delay:.10s }
.tool-card:nth-child(4)  { animation-delay:.13s }
.tool-card:nth-child(5)  { animation-delay:.16s }
.tool-card:nth-child(6)  { animation-delay:.19s }
.tool-card:nth-child(7)  { animation-delay:.22s }
.tool-card:nth-child(8)  { animation-delay:.25s }
.tool-card:nth-child(9)  { animation-delay:.28s }
.tool-card:nth-child(10) { animation-delay:.31s }
.tool-card:nth-child(11) { animation-delay:.34s }
.tool-card:nth-child(12) { animation-delay:.37s }
@keyframes cardReveal { from { opacity:0; transform:translateY(16px) scale(.98); } to { opacity:1; transform:none; } }

.tool-card::before {
  content:''; position:absolute; top:-40px; left:-40px; width:130px; height:130px;
  border-radius:50%; background:radial-gradient(circle,rgba(125,255,170,.14),transparent 70%);
  opacity:0; transition:opacity .35s; pointer-events:none;
}
.tool-card:hover::before { opacity:1; }
.tool-card:hover { transform:translateY(-4px) scale(1.005); border-color:rgba(125,255,170,.28); background:rgba(125,255,170,.028); box-shadow:0 12px 40px rgba(0,0,0,.35), 0 0 0 1px rgba(125,255,170,.1); }
.tool-card[data-hidden="1"] { display:none; }

.tool-card-top, .tool-card-footer { display:flex; align-items:center; justify-content:space-between; }

.mini-icon {
  width:36px; height:36px; display:grid; place-items:center;
  border:1px solid rgba(125,255,170,.16); border-radius:10px;
  background:rgba(125,255,170,.06); color:#82dda0;
  transition:background .2s, border-color .2s, box-shadow .2s;
}
.mini-icon svg { width:16px; height:16px; }
.tool-card:hover .mini-icon { background:rgba(125,255,170,.1); border-color:rgba(125,255,170,.3); box-shadow:0 0 16px rgba(125,255,170,.2); }

.available { display:inline-flex; align-items:center; gap:6px; color:#6cd488; font-size:10px; }
.available i { width:6px; height:6px; border-radius:50%; background:#80e89c; box-shadow:0 0 8px rgba(128,232,156,.7); animation:pulseDot 2.2s ease-in-out infinite; }
@keyframes pulseDot { 0%,100%{opacity:1} 50%{opacity:.4} }

.tool-badge { font-size:9px!important; letter-spacing:.09em!important; color:#7a8882!important; border:1px solid rgba(255,255,255,.09)!important; padding:4px 7px!important; border-radius:999px!important; }

.tool-card-body { padding:26px 0; flex:1; }
.tool-card-body p { margin:0; color:#56a870; font:9px 'JetBrains Mono',monospace; letter-spacing:.14em; text-transform:uppercase; }
.tool-card-body h3 { margin:12px 0 10px; font-size:20px; letter-spacing:-.035em; line-height:1.15; }
.tool-card-body span { display:block; max-width:440px; color:#6c7871; font-size:12px; line-height:1.85; }

.tool-card-footer { padding-top:16px; border-top:1px solid rgba(255,255,255,.055); color:#506058; font:10px 'JetBrains Mono',monospace; }
.tool-card-footer a {
  width:34px; height:34px; display:grid; place-items:center;
  border:1px solid rgba(255,255,255,.09); border-radius:9px; color:#80e09a; text-decoration:none;
  transition:background .2s, border-color .2s, transform .15s, box-shadow .2s;
}
.tool-card-footer a:hover { background:rgba(125,255,170,.1); border-color:rgba(125,255,170,.3); transform:translateX(2px); box-shadow:0 0 14px rgba(125,255,170,.2); }
.tool-card-footer a svg { width:15px; height:15px; }

.directory-empty { display:none; padding:36px; border:1px dashed rgba(255,255,255,.1); border-radius:16px; color:#7c8882; text-align:center; font-size:13px; margin-top:8px; }
.directory-empty.show { display:block; animation:fadeIn .3s both; }
@keyframes fadeIn { from{opacity:0} to{opacity:1} }

/* ── Category strip ── */
.category-strip { display:flex; gap:10px; flex-wrap:wrap; margin-top:22px; }
.category-chip {
  display:inline-flex; align-items:center; gap:8px;
  border:1px solid rgba(255,255,255,.08); border-radius:12px; padding:10px 15px;
  color:#a8b5af; background:rgba(10,15,12,.85); font-size:13px;
  transition:border-color .2s, background .2s, transform .15s;
}
.category-chip:hover { border-color:rgba(125,255,170,.22); background:rgba(125,255,170,.04); transform:translateY(-1px); }
.category-chip b { color:#c8f5d6; margin-right:3px; }

/* ── About panel ── */
.about-panel {
  display:grid; grid-template-columns:.9fr 1.1fr; gap:72px;
  padding:44px; margin:0 0 14px;
  border:1px solid rgba(255,255,255,.07); border-radius:22px;
  background:linear-gradient(140deg,rgba(125,255,170,.045) 0%,rgba(255,255,255,.012) 50%,rgba(0,0,0,.08) 100%);
  scroll-margin-top:82px; position:relative; overflow:hidden; transition:border-color .3s;
}
.about-panel:hover { border-color:rgba(125,255,170,.14); }
.about-panel::before {
  content:''; position:absolute; top:0; right:0; width:240px; height:240px;
  background:radial-gradient(circle at top right,rgba(125,255,170,.08),transparent 70%); pointer-events:none;
}
.about-copy p { margin:0; color:#72827a; font-size:13px; line-height:1.95; }
.about-copy p + p { margin-top:14px; }
.about-copy .tool-note { color:#4e5c54; }
.about-copy ul { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin:24px 0 0; padding:0; list-style:none; }
.about-copy li { padding:11px 0 11px 18px; border-bottom:1px solid rgba(255,255,255,.055); color:#9ea8a2; font-size:12px; position:relative; transition:color .2s; }
.about-copy li:hover { color:#c6d4ca; }
.about-copy li::before { content:''; position:absolute; left:0; top:18px; width:5px; height:5px; border-radius:50%; background:#75d890; box-shadow:0 0 8px rgba(117,216,144,.6); }

/* ── How grid ── */
.how-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; padding:14px 0 80px; }
.how-card {
  padding:28px; border:1px solid rgba(255,255,255,.07); border-radius:18px; background:rgba(255,255,255,.014);
  transition:border-color .22s, background .22s, transform .22s, box-shadow .22s; position:relative; overflow:hidden;
}
.how-card:hover { border-color:rgba(125,255,170,.2); background:rgba(125,255,170,.025); transform:translateY(-3px); box-shadow:0 10px 34px rgba(0,0,0,.3); }
.how-card > span { display:inline-block; color:#5ec878; font:700 10px 'JetBrains Mono',monospace; padding:5px 9px; border:1px solid rgba(94,200,120,.2); border-radius:6px; background:rgba(94,200,120,.06); }
.how-card h3 { margin:26px 0 9px; font-size:15px; letter-spacing:-.02em; }
.how-card p { margin:0; color:#637068; font-size:12px; line-height:1.8; }

.section-kicker { margin:0; color:#60c87a; font:700 9px 'JetBrains Mono',monospace; letter-spacing:.18em; text-transform:uppercase; }
.seo-panel { margin-top:22px; }
.brand-image { overflow:hidden; } .brand-image img { width:100%; height:100%; display:block; object-fit:cover; border-radius:inherit; }
.header-actions { display:flex; align-items:center; gap:8px; }

/* ── Responsive ── */
@media(max-width:900px) {
  .home-hero { grid-template-columns:1fr; gap:36px; padding:72px 0 64px; }
  .home-stats { display:grid; grid-template-columns:repeat(3,1fr); }
  .home-stats > div { border-bottom:0; border-right:1px solid rgba(255,255,255,.07); }
  .home-stats > div:last-child { border-right:0; }
  .about-panel { grid-template-columns:1fr; gap:26px; }
  .how-grid { grid-template-columns:1fr; }
  .tool-grid { grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); }
}
@media(max-width:720px) {
  .header-cta { display:none; }
  .home-hero { padding:58px 0 52px; }
  .home-copy h1 { font-size:clamp(38px,10vw,54px); }
  .home-copy > p { font-size:14px; }
  .home-stats { grid-template-columns:1fr; }
  .home-stats > div { border-right:0; border-bottom:1px solid rgba(255,255,255,.07); }
  .home-stats > div:last-child { border-bottom:0; }
  .directory-heading { display:block; }
  .tool-count { display:inline-block; margin-top:14px; }
  .tool-grid { grid-template-columns:1fr; }
  .about-panel { padding:26px; gap:20px; }
  .about-copy ul { grid-template-columns:1fr; }
  .how-grid { padding-bottom:52px; }
  .how-card { padding:22px; }
  .tool-card { animation-delay:0s!important; }
}
@media(max-width:480px) {
  .directory-controls { gap:9px; }
  .tool-search { min-width:100%; }
  .hero-actions { gap:9px; }
  .hero-actions .primary-action, .hero-actions .secondary-action { flex:1 1 calc(50% - 5px); justify-content:center; }
}

/* White theme compatibility layer v41 */
.dashboard-head,.scanner-shell,.results,.trust-row,.live-history,.faq-section,.how-section,.tool-directory,
.dork-shell,.dork-card,.dork-results,.dork-panel,.dork-search,.dork-table{
  color:#111827;
}
.dashboard-head span,.dashboard-head p,.scanner-top p,.trust-row span,.live-history p,.topic-note,
.dork-shell p,.dork-card p,.dork-results p{color:#6b7280!important}
.scanner-shell,.results,.trust-row,.dork-card,.dork-results,.dork-panel{
  background:#fff!important;border-color:#e5e7eb!important;
  box-shadow:0 18px 55px rgba(15,23,42,.06)!important;
}
.result-head,.result-row,.live-history-row,.dork-result,.dork-row{border-color:#eef0f2!important}
.result-row code,.live-history-domain,.dork-result code,.dork-result a{color:#374151!important}
.result-row span,.live-history-meta,.dork-result span{color:#6b7280!important}
.scan-row .domain-input,.scan-row input,.dork-search input,.dork-search textarea{
  background:#fff!important;color:#111827!important;border-color:#dfe3e8!important;
}
.examples button,.results .actions button,.pager button,.dork-search button,.dork-actions button{
  background:#fff!important;color:#374151!important;border-color:#e5e7eb!important;
}
.examples button:hover,.results .actions button:hover,.pager button:hover,.dork-actions button:hover{
  background:#f8fafc!important;color:#111827!important;border-color:#cbd5e1!important;
}
@media(max-width:720px){
  .scanner-shell,.results,.trust-row,.dork-card,.dork-results,.dork-panel{box-shadow:0 12px 35px rgba(15,23,42,.05)!important}
}