/* Homepage headline (Federico 10-26, option 3): "Superintelligence unlocked" pill, then
   "Your agent, world-class at <icon> <word>." The word and its line icon cycle (edge-home-headline.js);
   all five sit in one grid cell, so the line keeps the width of the longest and nothing moves. */
.site .hero .hh-pill{display:inline-flex;align-items:center;gap:7px;margin:0 0 20px;padding:6px 13px 6px 10px;border-radius:999px;
 background:rgba(21,76,255,.075);color:var(--edge-blue,#154cff);font-size:13.5px;font-weight:550;line-height:1.2;letter-spacing:-.005em;white-space:nowrap}
.site .hero .hh-pill .hh-scout{width:16px;height:16px;flex:none;image-rendering:pixelated;animation:hh-bob 2.6s ease-in-out infinite}
@keyframes hh-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
.site .hero h1 .hh-cyc{display:inline-grid;vertical-align:top;color:var(--edge-blue,#154cff)}
.site .hero h1 .hh-w{grid-area:1/1;display:inline-flex;align-items:center;gap:.2em;white-space:nowrap;opacity:0;transform:translateY(.32em);
 transition:opacity .6s ease,transform .6s cubic-bezier(.22,.61,.36,1)}
.site .hero h1 .hh-w.is-on{opacity:1;transform:none}
.site .hero h1 .hh-w.is-out{opacity:0;transform:translateY(-.32em)}
.site .hero h1 .hh-ic{width:.74em;height:.74em;flex:none;stroke-width:2;transform:translateY(.03em)}
@media (max-width:700px){.site .hero .hh-pill{font-size:12.5px;margin-bottom:16px;padding:5px 11px 5px 9px}}
@media (prefers-reduced-motion:reduce){.site .hero .hh-pill .hh-scout{animation:none}.site .hero h1 .hh-w{transition:none}
 .site .hero h1 .hh-w:not(:first-child){visibility:hidden}.site .hero h1 .hh-w:first-child{opacity:1;transform:none}}