/* =========================================================
   TOOL67 BUSINESS INDEX
   Page-specific styles only. Global header/footer/theme live
   in common.css.
   ========================================================= */

.business-index-page{
  --biz-text:#111827;
  --biz-muted:#667085;
  --biz-line:#e7ebf1;
  --biz-surface:#ffffff;
  --biz-soft:#f7f9fc;
  --biz-blue:#2563eb;
  --biz-shadow:0 18px 50px rgba(15,23,42,.09);
  margin:0;
  color:var(--biz-text);
  background:#fff;
}
.business-index-page.dark,
html[data-theme="dark"] .business-index-page{
  --biz-text:#f1f5f9;
  --biz-muted:#94a3b8;
  --biz-line:#283548;
  --biz-surface:#111827;
  --biz-soft:#0f172a;
  --biz-blue:#7fb0ff;
  --biz-shadow:0 18px 50px rgba(0,0,0,.28);
  background:#0b1220;
}
.business-index-page *,
.business-index-page *::before,
.business-index-page *::after{box-sizing:border-box}
.biz-main{overflow:hidden}
.biz-shell{
  width:100%;
  max-width:var(--t67-page-max,1440px);
  margin:0 auto;
  padding-left:var(--t67-page-gutter,24px);
  padding-right:var(--t67-page-gutter,24px);
}

/* HERO */
.biz-hero{
  border-bottom:1px solid var(--biz-line);
  background:
    radial-gradient(circle at 10% 8%,rgba(37,99,235,.08),transparent 30%),
    radial-gradient(circle at 90% 0%,rgba(124,58,237,.07),transparent 25%),
    linear-gradient(180deg,#fff 0%,#f8fafc 100%);
}
.business-index-page.dark .biz-hero,
html[data-theme="dark"] .biz-hero{
  background:
    radial-gradient(circle at 10% 8%,rgba(59,130,246,.14),transparent 30%),
    radial-gradient(circle at 90% 0%,rgba(124,58,237,.12),transparent 25%),
    linear-gradient(180deg,#0d1522 0%,#0b1220 100%);
}
.biz-hero-grid{
  min-height:430px;
  padding-top:54px;
  padding-bottom:54px;
  display:grid;
  grid-template-columns:minmax(0,.94fr) minmax(480px,.78fr);
  gap:56px;
  align-items:center;
}
.biz-kicker,.biz-section-kicker{
  display:inline-block;
  color:var(--biz-blue);
  font-size:11px;
  line-height:1;
  font-weight:850;
  letter-spacing:.12em;
}
.biz-hero h1{
  max-width:760px;
  margin:14px 0 0;
  font-size:clamp(42px,5vw,66px);
  line-height:1.01;
  letter-spacing:-2.7px;
  text-wrap:balance;
}
.biz-hero-copy>p{
  max-width:720px;
  margin:20px 0 0;
  color:var(--biz-muted);
  font-size:17px;
  line-height:1.65;
}
.biz-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.biz-btn{
  min-height:44px;
  padding:0 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--biz-line);
  border-radius:10px;
  background:var(--biz-surface);
  color:var(--biz-text);
  font-size:13px;
  font-weight:780;
  text-decoration:none;
}
.biz-btn:hover{transform:translateY(-1px);border-color:#b7c6dc}
.biz-btn-primary{background:#111827;border-color:#111827;color:#fff}
.business-index-page.dark .biz-btn-primary,
html[data-theme="dark"] .biz-btn-primary{background:#f8fafc;border-color:#f8fafc;color:#0f172a}
.biz-hero-meta{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  margin-top:24px;
  color:var(--biz-muted);
  font-size:11.5px;
}
.biz-hero-meta span{display:flex;gap:5px;align-items:baseline}
.biz-hero-meta strong{color:var(--biz-text);font-size:12px}

.biz-feature{
  min-width:0;
  padding:12px;
  border:1px solid var(--biz-line);
  border-radius:22px;
  background:var(--biz-surface);
  color:inherit;
  text-decoration:none;
  box-shadow:var(--biz-shadow);
}
.biz-feature:hover{transform:translateY(-2px)}
.biz-feature-top{
  padding:6px 6px 11px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.biz-feature-top span{color:var(--biz-muted);font-size:11px;font-weight:700}
.biz-feature-top strong{font-size:13px}
.biz-feature-media{
  position:relative;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px;
  overflow:hidden;
  aspect-ratio:1.75/1;
  border-radius:15px;
  background:var(--biz-soft);
}
.biz-feature-media figure,.biz-compare figure{position:relative;margin:0;min-width:0;overflow:hidden;background:var(--biz-soft)}
.biz-feature-media img,.biz-compare img{display:block;width:100%;height:100%;object-fit:cover}
.biz-feature-media figcaption,.biz-compare figcaption{
  position:absolute;
  left:8px;
  bottom:8px;
  padding:5px 7px;
  border-radius:6px;
  background:rgba(15,23,42,.72);
  color:#fff;
  font-size:9px;
  font-weight:800;
  backdrop-filter:blur(8px);
}
.biz-feature-arrow,.biz-compare-arrow{
  position:absolute;
  left:50%;
  top:50%;
  z-index:2;
  display:grid;
  place-items:center;
  border:2px solid #fff;
  border-radius:50%;
  background:#111827;
  color:#fff;
  transform:translate(-50%,-50%);
  box-shadow:0 6px 18px rgba(0,0,0,.22);
}
.biz-feature-arrow{width:34px;height:34px;font-size:15px}
.biz-feature-cta{
  padding:12px 6px 3px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:12px;
  font-weight:800;
}

/* TOOL BROWSER */
.biz-tools{padding:42px 0 70px}
.biz-tools-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:16px;
}
.biz-tools-heading h2,.biz-start-head h2,.biz-faq h2{
  margin:7px 0 0;
  font-size:clamp(28px,3vw,40px);
  line-height:1.08;
  letter-spacing:-1.25px;
}
.biz-tools-heading p{margin:8px 0 0;color:var(--biz-muted);font-size:13px}
.biz-search{
  width:min(340px,100%);
  min-height:44px;
  padding:0 12px;
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid var(--biz-line);
  border-radius:10px;
  background:var(--biz-surface);
}
.biz-search span{font-size:19px;color:var(--biz-muted)}
.biz-search input{width:100%;border:0;outline:0;background:transparent;color:var(--biz-text);font:inherit;font-size:13px}
.biz-filter-row{
  display:flex;
  gap:7px;
  overflow-x:auto;
  padding:2px 0 9px;
  scrollbar-width:none;
}
.biz-filter-row::-webkit-scrollbar{display:none}
.biz-chip{
  flex:0 0 auto;
  min-height:34px;
  padding:0 11px;
  border:1px solid var(--biz-line);
  border-radius:999px;
  background:var(--biz-surface);
  color:var(--biz-muted);
  font-size:11px;
  font-weight:760;
  cursor:pointer;
}
.biz-chip small{margin-left:3px;opacity:.7;font-size:9px}
.biz-chip:hover{color:var(--biz-text);border-color:#bdc9da}
.biz-chip.is-active{background:#111827;border-color:#111827;color:#fff}
.business-index-page.dark .biz-chip.is-active,
html[data-theme="dark"] .biz-chip.is-active{background:#f8fafc;border-color:#f8fafc;color:#0f172a}
.biz-results{
  min-height:27px;
  margin:2px 0 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  color:var(--biz-muted);
  font-size:11px;
}
.biz-results strong{color:var(--biz-text)}
.biz-results button{padding:0;border:0;background:transparent;color:var(--biz-blue);font-size:11px;font-weight:750;cursor:pointer}

.biz-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.biz-card{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--biz-line);
  border-radius:15px;
  background:var(--biz-surface);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.biz-card:hover{transform:translateY(-2px);border-color:#b7c7df;box-shadow:0 12px 34px rgba(15,23,42,.08)}
.biz-card[hidden]{display:none!important}
.biz-card-link{display:block;height:100%;color:inherit;text-decoration:none}
.biz-compare{
  position:relative;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:2px;
  aspect-ratio:1.55/1;
  background:var(--biz-soft);
}
.biz-compare-arrow{width:24px;height:24px;font-size:10px}
.biz-card-copy{padding:12px 13px 13px}
.biz-card-category{
  display:block;
  margin-bottom:5px;
  color:var(--biz-blue);
  font-size:9px;
  line-height:1;
  font-weight:850;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.biz-card-copy h2{margin:0;font-size:16px;line-height:1.22;letter-spacing:-.25px}
.biz-card-copy p{
  min-height:38px;
  margin:6px 0 0;
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  color:var(--biz-muted);
  font-size:11px;
  line-height:1.48;
}
.biz-card-open{
  margin-top:9px;
  padding-top:8px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-top:1px solid var(--biz-line);
  font-size:10.5px;
  font-weight:780;
}
.biz-card-open b{font-size:13px}
.biz-empty{
  padding:50px 20px;
  display:grid;
  gap:5px;
  border:1px dashed var(--biz-line);
  border-radius:15px;
  color:var(--biz-muted);
  text-align:center;
}
.biz-empty strong{color:var(--biz-text)}

/* STARTING POINTS */
.biz-start{
  padding:62px 0;
  border-top:1px solid var(--biz-line);
  border-bottom:1px solid var(--biz-line);
  background:var(--biz-soft);
}
.biz-start-head{margin-bottom:18px}
.biz-start-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.biz-start-grid a{
  min-width:0;
  padding:18px;
  border:1px solid var(--biz-line);
  border-radius:14px;
  background:var(--biz-surface);
  color:inherit;
  text-decoration:none;
}
.biz-start-grid a:hover{border-color:#b7c7df;transform:translateY(-1px)}
.biz-start-grid span{display:block;color:var(--biz-blue);font-size:10px;font-weight:850}
.biz-start-grid strong{display:block;margin-top:11px;font-size:15px}
.biz-start-grid p{margin:7px 0 0;color:var(--biz-muted);font-size:11.5px;line-height:1.55}

/* FAQ */
.biz-faq{padding:68px 0 82px}
.biz-faq-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1fr);gap:70px}
.biz-faq-intro p{max-width:520px;margin:14px 0 0;color:var(--biz-muted);font-size:13px;line-height:1.7}
.biz-faq-list{border-top:1px solid var(--biz-line)}
.biz-faq details{border-bottom:1px solid var(--biz-line)}
.biz-faq summary{
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  list-style:none;
  cursor:pointer;
  font-size:13px;
  font-weight:780;
}
.biz-faq summary::-webkit-details-marker{display:none}
.biz-faq summary::after{content:"+";color:var(--biz-muted);font-size:18px;font-weight:400}
.biz-faq details[open] summary::after{content:"−"}
.biz-faq details p{margin:-4px 0 18px;color:var(--biz-muted);font-size:12px;line-height:1.7}

@media (max-width:1180px){
  .biz-hero-grid{grid-template-columns:1fr 440px;gap:34px}
  .biz-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .biz-start-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .biz-hero-grid{grid-template-columns:1fr;min-height:0;padding-top:42px;padding-bottom:42px}
  .biz-feature{max-width:720px}
  .biz-tools-heading{align-items:flex-start;flex-direction:column}
  .biz-search{width:100%}
  .biz-faq-grid{grid-template-columns:1fr;gap:28px}
}
@media (max-width:720px){
  .biz-shell{padding-left:var(--t67-page-gutter-mobile,14px);padding-right:var(--t67-page-gutter-mobile,14px)}
  .biz-hero-grid{padding-top:32px;padding-bottom:30px}
  .biz-hero h1{font-size:42px;letter-spacing:-1.8px}
  .biz-hero-copy>p{font-size:14px;line-height:1.6}
  .biz-hero-meta{gap:8px 14px}
  .biz-tools{padding-top:30px}
  .biz-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .biz-card{border-radius:12px}
  .biz-card-copy{padding:9px}
  .biz-card-copy h2{font-size:13px}
  .biz-card-copy p{display:none}
  .biz-card-category{font-size:7.5px}
  .biz-card-open{margin-top:7px;padding-top:7px;font-size:9px}
  .biz-compare{aspect-ratio:1.25/1}
  .biz-compare figcaption{left:4px;bottom:4px;padding:3px 4px;font-size:7px}
  .biz-compare-arrow{width:19px;height:19px;border-width:1px;font-size:8px}
  .biz-start{padding:44px 0}
  .biz-faq{padding:48px 0 60px}
}
@media (max-width:480px){
  .biz-hero h1{font-size:36px}
  .biz-hero-actions{display:grid;grid-template-columns:1fr}
  .biz-btn{width:100%}
  .biz-feature{padding:7px;border-radius:15px}
  .biz-feature-top{padding:5px 4px 8px}
  .biz-feature-media{border-radius:10px}
  .biz-feature-media figcaption{left:4px;bottom:4px;padding:3px 4px;font-size:7px}
  .biz-feature-arrow{width:25px;height:25px}
  .biz-start-grid{grid-template-columns:1fr 1fr;gap:8px}
  .biz-start-grid a{padding:13px}
  .biz-start-grid strong{font-size:13px}
  .biz-start-grid p{font-size:10px}
}