/* ════════════════════════════════════════════
   INDEX PAGE — WHO WE ARE
   ════════════════════════════════════════════ */
.about-block {
  max-width:800px; margin:0 auto; text-align:center;
}
.about-block p {
  font-family:var(--font-display);
  font-size:clamp(1.15rem,2vw,1.45rem); font-weight:300;
  color:var(--text); line-height:1.9; margin-bottom:18px;
}
.about-block .hl { color:var(--white); font-weight:500; }
.mission-line {
  width:50px; height:1px; background:var(--gold);
  margin:0 auto 36px; opacity:0.5;
}

/* ════════════════════════════════════════════
   INDEX PAGE — GROWTH ENGINE 4 PILLARS
   ════════════════════════════════════════════ */
.engine-grid {
  display:grid; grid-template-columns:repeat(4,1fr);
  gap:0; max-width:1400px; margin:0 auto;
}
.engine-card {
  padding:56px 32px; position:relative;
  border-right:1px solid var(--border);
  transition:background 0.5s;
}
.engine-card:last-child { border-right:none; }
.engine-card::after {
  content:''; position:absolute; bottom:0; left:0;
  width:100%; height:2px; background:var(--gold);
  transform:scaleX(0); transform-origin:left;
  transition:transform 0.7s var(--ease-expo);
}
.engine-card:hover::after { transform:scaleX(1); }
.engine-card:hover { background:rgba(212,168,67,0.02); }
.engine-num {
  font-family:var(--font-display); font-size:5rem; font-weight:300;
  color:rgba(212,168,67,0.06); line-height:1; margin-bottom:20px;
  transition:color 0.5s;
}
.engine-card:hover .engine-num { color:rgba(212,168,67,0.15); }
.engine-icon {
  width:32px; height:32px; margin-bottom:20px; opacity:0.7;
  transition:opacity 0.4s;
}
.engine-icon svg { width:100%; height:100%; stroke:var(--gold); fill:none; stroke-width:1.5; }
.engine-card:hover .engine-icon { opacity:1; }
.engine-card h3 {
  font-family:var(--font-display); font-size:1.35rem; font-weight:500;
  color:var(--white); margin-bottom:10px;
}
.engine-card p { font-size:0.82rem; font-weight:300; color:var(--muted); line-height:1.8; }

/* ════════════════════════════════════════════
   INDEX PAGE — PROBLEM SECTION
   ════════════════════════════════════════════ */
.problem-wrap {
  max-width:1100px; margin:0 auto;
  display:grid; grid-template-columns:1.2fr 1fr;
  gap:80px; align-items:center;
}
.problem-text h2 {
  font-family:var(--font-display); font-size:clamp(2rem,3.5vw,3.2rem);
  font-weight:300; color:var(--white); line-height:1.15; margin-bottom:20px;
}
.problem-text h2 em {
  font-style:italic; font-weight:400;
  background:linear-gradient(135deg,var(--gold),var(--gold-bright));
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.problem-text>p {
  font-size:0.92rem; color:var(--muted); line-height:1.9; margin-bottom:28px;
}
.problem-list {
  display:flex; flex-direction:column; gap:14px;
}
.problem-item {
  display:flex; align-items:center; gap:14px;
  font-size:0.85rem; color:var(--text);
  padding:16px 24px;
  background:var(--card);
  border-left:2px solid var(--gold-dim);
  transition:border-color 0.3s,transform 0.3s;
}
.problem-item:hover { border-color:var(--gold); transform:translateX(6px); }
.problem-item svg { width:16px; height:16px; stroke:var(--gold); flex-shrink:0; }

.problem-visual {
  display:flex; flex-direction:column; gap:12px;
}
.pv-card {
  background:var(--card); border:1px solid var(--border);
  padding:28px 24px; position:relative; overflow:hidden;
  transition:border-color 0.4s;
}
.pv-card:hover { border-color:rgba(212,168,67,0.2); }
.pv-card h4 {
  font-family:var(--font-display); font-size:1.1rem; font-weight:500;
  color:var(--white); margin-bottom:6px;
}
.pv-card p { font-size:0.8rem; color:var(--muted); line-height:1.7; }
.pv-card::before {
  content:''; position:absolute; top:0; right:0;
  width:60px; height:60px;
  background:radial-gradient(circle,var(--gold-glow),transparent);
  opacity:0; transition:opacity 0.5s;
}
.pv-card:hover::before { opacity:1; }

/* ════════════════════════════════════════════
   INDEX PAGE — PROMISE CARDS
   ════════════════════════════════════════════ */
.promise-grid {
  display:grid; grid-template-columns:repeat(4,1fr);
  gap:20px; max-width:1400px; margin:0 auto;
}
.promise-card {
  background:var(--card); border:1px solid var(--border);
  padding:44px 28px; text-align:center;
  position:relative; overflow:hidden;
  transition:border-color 0.5s,transform 0.5s var(--ease-expo);
}
.promise-card:hover { border-color:rgba(212,168,67,0.25); transform:translateY(-6px); }
.promise-card::after {
  content:''; position:absolute; bottom:0; left:0;
  width:100%; height:2px; background:var(--gold);
  transform:scaleX(0); transition:transform 0.6s var(--ease-expo);
}
.promise-card:hover::after { transform:scaleX(1); }
.promise-icon {
  width:40px; height:40px; margin:0 auto 20px;
}
.promise-icon svg { width:100%; height:100%; stroke:var(--gold); fill:none; stroke-width:1.5; }
.promise-card h3 {
  font-family:var(--font-display); font-size:1.2rem; font-weight:500;
  color:var(--white); margin-bottom:8px;
}
.promise-card p { font-size:0.8rem; color:var(--muted); line-height:1.7; }

/* ════════════════════════════════════════════
   INDEX PAGE — RESULTS
   ════════════════════════════════════════════ */
.results-block {
  max-width:800px; margin:0 auto; text-align:center;
}
.results-block p {
  font-family:var(--font-display);
  font-size:clamp(1.1rem,1.8vw,1.35rem); font-weight:300;
  color:var(--text); line-height:1.9;
}
.results-bar-wrap {
  display:flex; gap:12px; justify-content:center; margin-top:40px; align-items:flex-end;
}
.results-bar {
  width:60px; background:var(--gold);
  opacity:0.15; transition:opacity 0.5s,height 1s var(--ease-expo);
}
.results-bar:nth-child(1){height:40px}
.results-bar:nth-child(2){height:70px}
.results-bar:nth-child(3){height:100px}
.results-bar:nth-child(4){height:140px;opacity:0.4}
.results-bar.animate:nth-child(1){height:60px;opacity:0.2}
.results-bar.animate:nth-child(2){height:100px;opacity:0.3}
.results-bar.animate:nth-child(3){height:150px;opacity:0.5}
.results-bar.animate:nth-child(4){height:200px;opacity:0.8}

/* ════════════════════════════════════════════
   RESPONSIVE — INDEX
   ════════════════════════════════════════════ */
@media(max-width:1200px) {
  .engine-grid { grid-template-columns:repeat(2,1fr); }
  .engine-card:nth-child(2) { border-right:none; }
  .promise-grid { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:1024px) {
  .problem-wrap { grid-template-columns:1fr; gap:48px; }
}
@media(max-width:768px) {
  .engine-grid { grid-template-columns:1fr; }
  .engine-card { border-right:none; border-bottom:1px solid var(--border); }
  .engine-card:last-child { border-bottom:none; }
  .promise-grid { grid-template-columns:1fr; }
}
@media(max-width:480px) {
  .results-bar-wrap { gap:8px; }
  .results-bar { width:40px; }
}