/* Homepage-only refinements. Every rule is scoped to #page-home. */

/* Logo-dot detail: three small dots echoing the IPL symbol */
#page-home .home-dots{display:inline-flex;gap:6px;align-items:center;height:14px}
#page-home .home-dots i{display:block;width:10px;height:10px;border-radius:50%;background:var(--logo)}
#page-home .home-dots-teal i:last-child{background:var(--peach)}
#page-home .home-dots-peach i:first-child{background:var(--peach)}

/* Audience cards stay cards, just quieter */
#page-home .home-audience .card{gap:12px}

/* Approach: open columns with a hairline, no boxes */
#page-home .home-approach{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,40px);counter-reset:approach}
#page-home .home-approach .card{background:none;border:0;border-radius:0;padding:22px 0 0;border-top:1px solid var(--line-2);position:relative;gap:10px}
#page-home .home-approach .card::before{counter-increment:approach;content:"0" counter(approach);position:absolute;top:-1px;left:0;padding-top:12px;font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--clay);border-top:2px solid var(--accent);width:36px}
#page-home .home-approach .card h3{font-size:26px;margin-top:18px}
@media (max-width:900px){#page-home .home-approach{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){#page-home .home-approach{grid-template-columns:1fr}}

/* AI adoption: a connected sequence rather than four boxes */
#page-home .home-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;position:relative}
#page-home .home-flow::before{content:"";position:absolute;top:6px;left:7px;right:7px;height:1px;background:var(--field)}
#page-home .home-flow li{position:relative;display:flex;flex-direction:column;gap:8px;padding-top:32px}
#page-home .home-flow li::before{content:"";position:absolute;top:0;left:0;width:14px;height:14px;border-radius:50%;background:var(--logo);box-shadow:0 0 0 5px var(--band)}
#page-home .home-flow li:last-child::before{background:var(--peach)}
#page-home .home-flow h3{font-size:22px}
#page-home .home-flow p{color:var(--body)}
@media (max-width:860px){
  #page-home .home-flow{grid-template-columns:1fr;gap:24px;padding-left:34px}
  #page-home .home-flow::before{top:7px;bottom:7px;left:6px;right:auto;width:1px;height:auto}
  #page-home .home-flow li{padding-top:0}
  #page-home .home-flow li::before{left:-34px;top:6px}
}

/* Founders */
#page-home .home-founders{padding-bottom:0}
#page-home .home-founders-inner{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,72px);align-items:start}
#page-home .home-founders-head{gap:14px;position:sticky;top:120px}
#page-home .home-founders-link{font-weight:600;min-height:44px;display:inline-flex;align-items:center}
#page-home .home-people{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
#page-home .home-people li{display:flex;gap:clamp(18px,3vw,28px);align-items:flex-start;padding:26px 0;border-top:1px solid var(--line-2)}
#page-home .home-people li:last-child{border-bottom:1px solid var(--line-2)}
#page-home .home-people img{width:104px;height:104px;border-radius:50%;object-fit:cover;flex:0 0 auto;outline:3px solid var(--tint-teal);outline-offset:4px}
#page-home .home-people li:nth-child(2) img{outline-color:var(--tint-peach)}
#page-home .home-people .stack{gap:6px}
#page-home .home-people h3{font-size:26px}
#page-home .home-role{font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--clay)}
#page-home .home-people p{color:var(--body)}
@media (max-width:820px){
  #page-home .home-founders-inner{grid-template-columns:1fr}
  #page-home .home-founders-head{position:static}
}
@media (max-width:480px){
  #page-home .home-people li{flex-direction:column}
  #page-home .home-people img{width:88px;height:88px}
}

/* A faint, oversized IPL dot mark sits quietly in the shared-direction panel. */
#page-home .shared-direction{position:relative;isolation:isolate;overflow:hidden}
#page-home .shared-direction-mark{
  position:absolute;top:-120px;right:-60px;
  z-index:0;display:block;width:clamp(210px,29%,300px);height:auto;opacity:.14;pointer-events:none
}
#page-home .shared-direction>.stack,#page-home .shared-direction>div:last-child{position:relative;z-index:1}
@media(max-width:640px){
  #page-home .shared-direction-mark{top:-112px;right:-44px;width:clamp(188px,64%,250px)}
}