/* Founder story: converted from the AgentedSEO design export. */
@keyframes aseo-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes aseo-num{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.aseo-c5{grid-column:span 5}.aseo-c7{grid-column:span 7}
.aseo-why-body{align-items:start}
.aseo-letter{display:flex;flex-direction:column;gap:16px;padding:40px;border-radius:12px;background:var(--surface);border:1px solid var(--line);font-size:18px;line-height:28px}
.aseo-sig{display:flex;align-items:center;gap:24px;margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
.aseo-portrait{position:relative;flex:none;display:flex;align-items:center;justify-content:center;width:112px;height:112px;border-radius:16px;background:#0E0E10;overflow:hidden}
.aseo-portrait .aseo-pi{position:absolute;inset:0;width:100%;height:100%;border-radius:0;object-fit:cover}
.aseo-portrait i{position:absolute;right:12px;bottom:12px;width:12px;height:12px;border-radius:9999px;background:#C6F432}
.aseo-sig-txt{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.aseo-sig-name{font-size:24px;line-height:32px;font-weight:600;letter-spacing:-.015em}
.aseo-socials{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.aseo-soc{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);text-decoration:none;transition:background-color 300ms var(--ease),border-color 300ms var(--ease),color 300ms var(--ease),transform 400ms var(--ease)}
.aseo-soc .aseo-ico{transition:transform 400ms var(--ease)}
@media (hover:hover) and (pointer:fine){.aseo-soc:hover{background:#0E0E10;border-color:#0E0E10;color:#C6F432;transform:translateY(-2px)}.aseo-soc:hover .aseo-ico{transform:scale(1.1)}}
.aseo-results{display:flex;flex-direction:column;gap:32px;padding:40px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}
.aseo-rc-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.aseo-metric{display:flex;flex-direction:column;gap:8px}
.aseo-metric-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:4px}
.aseo-bar-row{display:grid;grid-template-columns:48px minmax(0,1fr) 40px;gap:12px;align-items:center}
.aseo-bl{font-family:var(--mono);font-size:12px;line-height:16px;color:var(--muted);transition:color 300ms var(--ease)}
.aseo-track{display:block;height:8px;border-radius:4px;background:var(--sunken);overflow:hidden}
.aseo-track i{display:block;height:100%;border-radius:4px;transform-origin:left}
.aseo-track i.aseo-was{background:var(--line-strong)}
.aseo-track i.aseo-now{background:var(--lime-ink)}
.aseo-bv{font-family:var(--mono);font-size:16px;line-height:24px;font-weight:600;text-align:right}
.aseo-split{display:block;height:12px;border-radius:6px;background:var(--line-strong);overflow:hidden}
.aseo-split i{display:block;height:100%;background:var(--lime-ink);transform-origin:left}
.aseo-split-legend{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:14px;line-height:20px;color:var(--muted)}
.aseo-split-legend span{display:inline-flex;align-items:center;gap:8px}
.aseo-split-legend i{display:block;width:12px;height:12px;border-radius:4px}
.aseo-lg-now{background:var(--lime-ink)}.aseo-lg-was{background:var(--line-strong)}
.aseo-rv .aseo-track i,.aseo-rv .aseo-split i{transform:scaleX(0)}
.aseo-rv.aseo-in .aseo-track i,.aseo-rv.aseo-in .aseo-split i{transform:scaleX(1);transition:transform 1200ms var(--ease) 400ms}
.aseo-results .aseo-metric:nth-child(2) .aseo-bar-row:nth-child(3){--d:160ms}
.aseo-results .aseo-metric:nth-child(3) .aseo-bar-row:nth-child(2){--d:320ms}
.aseo-results .aseo-metric:nth-child(3) .aseo-bar-row:nth-child(3){--d:480ms}
.aseo-results .aseo-metric:nth-child(4){--d:640ms}
@media (hover:hover) and (pointer:fine){
  .aseo-results:hover .aseo-bar-row .aseo-track i,.aseo-results:hover .aseo-split i{animation:aseo-grow 820ms var(--ease) var(--d,0ms) both}
  .aseo-results:hover .aseo-bar-row .aseo-bv{animation:aseo-num 420ms var(--ease) calc(var(--d,0ms) + 380ms) both}
  .aseo-results:hover .aseo-bar-row:nth-child(3) .aseo-bl{color:var(--lime-ink)}}
@media (max-width:900px){
  .aseo-c5,.aseo-c7{grid-column:auto}}
@media (max-width:640px){
  .aseo-letter,.aseo-results{padding:24px}
  .aseo-sig{gap:16px;align-items:flex-start}
  .aseo-portrait{width:80px;height:80px;border-radius:16px}
  .aseo-portrait i{right:8px;bottom:8px;width:10px;height:10px}
  .aseo-sig-name{font-size:20px;line-height:28px}}
.aseo .aseo-sig-name{font-family:var(--display)}
@media (max-width:640px){
  .aseo .aseo-socials{gap:6px;flex-wrap:nowrap}
  .aseo .aseo-soc{width:36px;height:36px;border-radius:10px}}
@media (max-width:360px){.aseo .aseo-socials{flex-wrap:wrap}}
.aseo .aseo-soc{transition-duration:150ms;transition-timing-function:ease}
