/* about-redesign.css — About page, ab-* namespace. */

/* Hero variant */
.hm-hero-about .hm-shape-1{background:radial-gradient(circle,var(--teal) 0%,rgba(22,116,110,0) 70%);opacity:.75}
.hm-hero-about .hm-shape-2{background:radial-gradient(circle,var(--coral) 0%,rgba(229,111,74,0) 70%);opacity:.55}
.hm-hero-about .hm-shape-3{background:radial-gradient(circle,var(--sun) 0%,rgba(248,202,104,0) 70%);opacity:.3}

/* Promise block */
.ab-promise{background:#fff}
.ab-promise-box{max-width:860px;margin:0 auto;background:var(--cream);border:1px solid var(--line);border-left:4px solid var(--coral);border-radius:20px;padding:40px 44px;text-align:left;transition:transform .3s ease,box-shadow .3s ease}
.ab-promise-box:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(16,46,59,.08)}
.ab-promise-box h2{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:clamp(28px,3.4vw,42px);line-height:1.15;letter-spacing:-.02em;color:var(--ink);margin:12px 0 18px}
.ab-promise-box p{font-size:16.5px;line-height:1.65;color:var(--muted);margin:0}

/* Three pillars */
.ab-pillars{list-style:none;padding:0;margin:48px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:ab-pillar}
.ab-pillars li{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;padding:36px 28px 32px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;display:flex;flex-direction:column}
.ab-pillars li:hover{transform:translateY(-6px);box-shadow:0 24px 44px rgba(16,46,59,.08);border-color:var(--teal)}
.ab-pillar-num{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--mint);color:var(--teal);font-family:'DM Serif Display',Georgia,serif;font-size:26px;line-height:1;margin-bottom:16px;transition:background .3s ease,color .3s ease,transform .3s ease}
.ab-pillars li:nth-child(2) .ab-pillar-num{background:#fde3d6;color:var(--coral)}
.ab-pillars li:nth-child(3) .ab-pillar-num{background:#fdf1cc;color:#b89a35}
.ab-pillars li:hover .ab-pillar-num{transform:scale(1.1) rotate(-6deg)}
.ab-pillar-eyebrow{color:var(--teal);font-size:11px;font-weight:900;letter-spacing:.18em;margin-bottom:8px}
.ab-pillars li:nth-child(2) .ab-pillar-eyebrow{color:var(--coral)}
.ab-pillars li:nth-child(3) .ab-pillar-eyebrow{color:#b89a35}
.ab-pillars h3{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:24px;line-height:1.15;color:var(--ink);margin:0 0 12px}
.ab-pillars p{font-size:14.5px;line-height:1.6;color:var(--muted);margin:0 0 16px;flex:1}
.ab-pillars .hm-link{color:var(--teal);font-weight:800;font-size:14px}
.ab-pillars li:nth-child(2) .hm-link{color:var(--coral)}
.ab-pillars li:nth-child(3) .hm-link{color:#b89a35}

/* Four gaps */
.ab-gaps{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px}
.ab-gap{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.ab-gap:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(16,46,59,.08);border-color:var(--coral)}
.ab-gap-num{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:34px;color:var(--coral);line-height:1;display:block;margin-bottom:8px}
.ab-gap h3{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:22px;color:var(--ink);margin:0 0 10px}
.ab-gap p{font-size:14.5px;line-height:1.6;color:var(--muted);margin:0}

/* Founder */
.ab-founder{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
.ab-founder-photo{position:relative;max-width:420px}
.ab-founder-photo img{width:100%;border-radius:24px;display:block;box-shadow:0 30px 60px rgba(16,46,59,.18)}
.ab-founder-badge{position:absolute;right:-20px;bottom:-20px;background:var(--sun);color:var(--ink);border-radius:20px;padding:18px 22px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 30px rgba(16,46,59,.15)}
.ab-founder-badge b{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:40px;line-height:1}
.ab-founder-badge span{font-size:11px;line-height:1.3;font-weight:700;letter-spacing:.03em}
.ab-founder-body h2{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:clamp(28px,3.4vw,42px);line-height:1.1;color:var(--ink);margin:12px 0 10px}
.ab-founder-role{font-size:14px;color:var(--teal);font-weight:800;letter-spacing:.03em;margin:0 0 18px}
.ab-founder-body p{font-size:16px;line-height:1.6;color:var(--ink);margin:0 0 18px}
.ab-founder-body .hm-link{color:var(--teal);font-weight:800}

/* Values */
.ab-values{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:40px}
.ab-value{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px 20px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;position:relative;overflow:hidden}
.ab-value:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--coral),var(--teal));transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.ab-value:hover{transform:translateY(-6px);box-shadow:0 16px 32px rgba(16,46,59,.08);border-color:var(--teal)}
.ab-value:hover:before{transform:scaleX(1)}
.ab-value h3{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:19px;line-height:1.15;color:var(--ink);margin:0 0 10px}
.ab-value p{font-size:13.5px;line-height:1.55;color:var(--muted);margin:0}

/* Ecosystem on dark */
.ab-ecosystem{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start;position:relative;z-index:1}
.ab-ecosystem-body h2{color:#fff;font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:clamp(28px,3.6vw,44px);line-height:1.1;margin:12px 0 18px}
.ab-ecosystem-body p{font-size:17px;line-height:1.65;color:#d4e2e3;margin:0;max-width:460px}
.ab-ecosystem-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}
.ab-ecosystem-list li{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:22px 24px;color:#fff;transition:background .3s ease,border-color .3s ease,transform .3s ease}
.ab-ecosystem-list li:hover{background:rgba(255,255,255,.1);border-color:var(--sun);transform:translateX(6px)}
.ab-ecosystem-list b{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:22px;color:#fff;display:block}
.ab-ecosystem-list small{color:var(--sun);font-size:11px;font-weight:900;letter-spacing:.14em;display:block;margin:4px 0 10px}
.ab-ecosystem-list p{font-size:14.5px;line-height:1.5;color:#d4e2e3;margin:0}
.ab-ecosystem-list a{display:inline-block;margin-top:8px;color:var(--sun);font-weight:800;font-size:13.5px;text-decoration:none}
.ab-ecosystem-list a:hover{text-decoration:underline}

/* Responsive */
@media (max-width: 980px){
  .ab-pillars{grid-template-columns:1fr}
  .ab-gaps{grid-template-columns:1fr}
  .ab-founder{grid-template-columns:1fr;gap:40px}
  .ab-founder-photo{margin:0 auto}
  .ab-values{grid-template-columns:repeat(2,1fr)}
  .ab-ecosystem{grid-template-columns:1fr;gap:40px}
}
@media (max-width:600px){
  .ab-promise-box{padding:28px}
  .ab-values{grid-template-columns:1fr}
  .ab-founder-badge{right:0;bottom:-16px;padding:14px 18px}
  .ab-founder-badge b{font-size:30px}
}

/* ===== Ecosystem variant for use on alt (light) background on merged home ===== */
.idx-ecosystem-list{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.idx-ecosystem-list li{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.idx-ecosystem-list li:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(16,46,59,.08);border-color:var(--teal)}
.idx-ecosystem-list b{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:22px;color:var(--ink);display:block;line-height:1.1}
.idx-ecosystem-list small{color:var(--teal);font-size:11px;font-weight:900;letter-spacing:.14em;display:block;margin:6px 0 10px}
.idx-ecosystem-list p{font-size:14.5px;line-height:1.55;color:var(--muted);margin:0}
.idx-ecosystem-list a{display:inline-block;margin-top:10px;color:var(--teal);font-weight:800;font-size:13.5px;text-decoration:none}
.idx-ecosystem-list a:hover{text-decoration:underline}
@media (max-width:980px){
  .idx-ecosystem-list{grid-template-columns:1fr;gap:16px}
}