/* ===== HOME base ===== */
.content--home{ padding:32px 24px 64px; max-width:1280px; margin:0 auto; }
.hero{ display:grid; grid-template-columns:1.1fr 0.9fr; gap:32px; align-items:center; min-height:60vh; padding-top:12px; }
@media (max-width:1100px){ .hero{ grid-template-columns:1fr; } }
.hero__kicker{ font-size:22px; letter-spacing:.06em; color:#a8c7da; margin:0 0 6px 0; }
html[data-theme="light"] .hero__kicker{ color:#4a6072; }
.hero__title{ margin:0; font-size:64px; line-height:.95; color:#34ffd0; text-shadow:0 0 16px rgba(52,255,208,.25); }
html[data-theme="light"] .hero__title{ color:#0ea5e9; text-shadow:none; }
.hero__subtitle{ margin:8px 0 12px; font-size:28px; color:#e7edf3; }
html[data-theme="light"] .hero__subtitle{ color:#0f141a; }
.hero__desc{ max-width:56ch; color:var(--muted); }
.hero__actions{ display:flex; gap:12px; margin:18px 0 8px; }
.hero__btn{ height:40px; display:inline-flex; align-items:center; }
.hero__features{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:18px; }
@media (max-width:800px){ .hero__features{ grid-template-columns:1fr; } }
.f-label{ font-weight:600; color:#cfe2f7; }
html[data-theme="light"] .f-label{ color:#0f141a; }
.f-desc{ font-size:13px; color:var(--muted); }

.hero__card{ border:1px solid #1c2d40; background:#0c1320; border-radius:16px; box-shadow:0 0 24px rgba(0,255,200,.12); padding:14px; }
html[data-theme="light"] .hero__card{ background:#fff; border-color:#cfe0ee; box-shadow:0 6px 24px rgba(0,0,0,.06); }

/* mini badges & values */
.ssc__header{ display:flex; align-items:center; justify-content:space-between; color:#cfe2f7; margin-bottom:8px; font-weight:600; }
.ssc__header a{ color:#34ffd0; text-decoration:none; font-size:12px; }
html[data-theme="light"] .ssc__header{ color:#0f141a; }
html[data-theme="light"] .ssc__header a{ color:#0ea5e9; }

/* ===== Stratigraphy layers with hover glow ===== */
.ssc__layers{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:12px; }
.ssc__layers li{
  position:relative; background:color-mix(in srgb, var(--c) 86%, #000);
  border:1px solid color-mix(in srgb, var(--c) 60%, #000);
  color:#0b1016; font-weight:600; border-radius:10px; padding:12px 14px;
  display:flex; justify-content:space-between; align-items:center;
  transition:transform .15s ease, box-shadow .2s ease, border-color .2s ease;
}
html[data-theme="light"] .ssc__layers li{ color:#0f141a; }
.ssc__layers li::after{
  content:attr(data-depth); position:absolute; right:-10px; top:50%; transform:translateY(-50%);
  background:#0b1623; color:#cfe2ff; border:1px solid #274362; border-radius:8px; padding:2px 8px; font-size:12px;
}
html[data-theme="light"] .ssc__layers li::after{ background:#eaf0f8; color:#1a2431; border-color:#c9d5e6; }
.ssc__layers li:hover{
  transform:translateY(-2px);
  box-shadow:0 0 0 2px color-mix(in srgb, var(--c) 40%, #00fff0) inset, 0 10px 24px rgba(0,255,200,.12);
  border-color: color-mix(in srgb, var(--c) 65%, #00fff0);
}

/* results */
.ssc__results{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:12px 0; }
.ssc__value{ font-size:28px; font-weight:800; color:#34ffd0; text-align:center; text-shadow:0 0 18px rgba(52,255,208,.18); }
.ssc__label{ font-size:11px; color:#97a3af; text-align:center; }
html[data-theme="light"] .ssc__value{ color:#0ea5e9; text-shadow:none; }
html[data-theme="light"] .ssc__label{ color:#5a6472; }
.ssc__footer{ display:flex; align-items:center; justify-content:space-between; font-size:12px; color:#97a3af; }
.ssc__footer .ok{ color:#34ffd0; }

/* Tools grid */
.tools{ margin-top:48px; }
.tools__title{ font-size:26px; margin:0 0 6px; }
.tools__desc{ color:var(--muted); margin-bottom:16px; }
.tools__grid{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px; }
@media (max-width:1100px){ .tools__grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:680px){ .tools__grid{ grid-template-columns:1fr; } }
.tool{ text-align:left; padding:16px; border-radius:14px; background:var(--card); border:1px solid var(--border); color:inherit; text-decoration:none; cursor:pointer; display:flex; flex-direction:column; gap:6px; min-height:160px; transition:transform .15s ease, box-shadow .15s ease, filter .15s ease; }
.tool:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(0,0,0,.25); }
.tool[disabled]{ opacity:.8; cursor:not-allowed; }
.tool__badge{ font-size:12px; color:var(--muted); }
.tool__name{ font-size:18px; font-weight:800; margin-top:2px; }
.tool__meta{ font-size:12px; color:var(--muted); }
.tool__cta{ margin-top:auto; font-weight:600; }
.tools__grid--icons .tool__icon{ width:40px; height:40px; border-radius:10px; display:inline-flex; align-items:center; justify-content:center; font-size:20px; background:rgba(77,181,255,.12); border:1px solid rgba(77,181,255,.25); }
.tools__grid--icons .tool:hover .tool__icon{ filter:saturate(1.4) brightness(1.15); }

/* SVG ikonlar */
.tool__icon-svg{
  width:24px;
  height:24px;
  display:block;
  stroke: currentColor;
}

/* ===== ÖZEL: Sağ altta geniş “All Calculations” kartı ===== */
.tool--all{
  grid-column: span 2;                  /* 3 kolonlu düzende iki kart birden kapla */
  min-height: 160px;
  border-color: #2af5d2;
  background:
    radial-gradient(120% 120% at 100% 100%, rgba(42,245,210,0.18), transparent 55%),
    linear-gradient(180deg, rgba(28,45,64,0.75), rgba(12,19,32,0.9));
  box-shadow:
    0 0 0 1px rgba(42,245,210,0.25) inset,
    0 12px 28px rgba(42,245,210,0.12),
    0 2px 0 rgba(255,255,255,0.04) inset;
}
html[data-theme="light"] .tool--all{
  background:
    radial-gradient(120% 120% at 100% 100%, rgba(14,165,233,0.14), transparent 55%),
    linear-gradient(180deg, #ffffff, #f6fbff);
  border-color:#58e2ff;
  box-shadow:0 8px 24px rgba(14,165,233,.12), 0 0 0 1px rgba(14,165,233,.12) inset;
}
.tool--all:hover{
  transform:translateY(-2px);
  box-shadow:
    0 0 0 2px rgba(42,245,210,0.35) inset,
    0 16px 36px rgba(42,245,210,0.18);
}
html[data-theme="light"] .tool--all:hover{
  box-shadow:0 12px 30px rgba(14,165,233,.18), 0 0 0 2px rgba(14,165,233,.22) inset;
}

.tool__icon--all{
  width:56px;
  height:56px;
  border-radius:14px;
  background:rgba(42,245,210,.16);
  border:1px solid rgba(42,245,210,.35);
}
html[data-theme="light"] .tool__icon--all{
  background:rgba(14,165,233,.12);
  border-color:rgba(14,165,233,.35);
}
.tool__name--all{
  font-size:22px;
  color:#34ffd0;
  text-shadow:0 0 16px rgba(52,255,208,.25);
}
html[data-theme="light"] .tool__name--all{
  color:#0ea5e9;
  text-shadow:none;
}

/* 2 kolonlu düzende kart tüm satırı kaplasın, tek kolon olunca normal akış */
@media (max-width:1100px){
  .tool--all{ grid-column: 1 / -1; }
}
@media (max-width:680px){
  .tool--all{ grid-column: auto; }
}

/* ===== Counter Section (Technical Impact) ===== */
.counter { margin-top:64px; text-align:center; }
.counter__grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  margin-top:20px;
}
@media (max-width:900px){ .counter__grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px){ .counter__grid{ grid-template-columns:1fr; } }
.counter__item { padding:20px; border:1px solid var(--border); border-radius:12px; background:var(--card); }
.counter__value { font-size:36px; font-weight:800; color:var(--orange); }
.counter__label { margin-top:8px; font-size:14px; color:var(--muted); }

/* ===== Trust Metrics (Why GeoSolver) ===== */
.counter.counter--trust{ margin-top:64px; text-align:center; }
.counter--trust .counter__grid{
  display:flex;
  justify-content:center;   /* 3 kutuyu ortala */
  gap:20px;
  margin-top:20px;
  flex-wrap:wrap;
}
.counter--trust .counter__item{
  flex:0 1 240px;           /* tek tek kutu genişliği */
}

/* Daily teaser + mini cards + standards */
.daily{ margin-top:56px; padding-top:8px; padding-bottom:8px; background:transparent; }
.daily__teaser{ max-width:960px; margin:0 auto 28px; border:1px solid var(--border); background:var(--card); border-radius:16px; box-shadow:0 0 24px rgba(0,255,200,.08); }
.daily__teaser-inner{ padding:24px; text-align:center; }
.daily__teaser-emoji{ font-size:36px; margin-bottom:6px; }
.daily__teaser-title{ font-weight:800; margin:6px 0; }
.daily__teaser-desc{ color:var(--muted); }
.daily__teaser-actions{ margin-top:12px; }

.mini-grid{ margin-top:32px; display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:16px; }
@media (max-width:1200px){ .mini-grid{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:760px){ .mini-grid{ grid-template-columns:1fr; } }
.mini-card{ display:flex; gap:12px; align-items:flex-start; background:var(--card); border:1px solid var(--border);
  border-radius:14px; padding:16px; cursor:not-allowed; }
.mini-card .ic{ width:44px; height:44px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center;
  font-size:22px; background:rgba(77,181,255,.12); border:1px solid rgba(77,181,255,.25); transition:filter .15s ease, background .15s ease; }
.mini-card:hover .ic{ filter:saturate(1.5) brightness(0.9); background:rgba(77,181,255,.18); }
.mini-card .name,.mini-card .cta{ color: var(--text); font-weight:700; }
.mini-card .meta{ color: var(--muted); }

.standards{ margin:48px 0 8px; }
.standards__badges{ display:flex; gap:10px; flex-wrap:wrap; }
.std{ padding:8px 12px; border-radius:999px; border:1px solid var(--border); background:var(--card); font-weight:600; font-size:12px; }