/* Homepage hero with the inquiries chart. */
.hero{padding-top:0}
.hero-in{position:relative;padding-top:22px;padding-bottom:clamp(56px,6vw,88px)}
.guides{position:absolute;inset:0 var(--gut);display:flex;pointer-events:none;z-index:0}
.guides i{flex:1;border-right:1px solid var(--line);opacity:.6}
.guides::after{content:"";flex:1}
html.motion .guides i{transform:scaleY(0);transform-origin:top}
html.motion .is-booted .guides i{transform:none;transition:transform 1.4s var(--ease-io) calc(var(--n)*45ms)}
.hero-meta{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:6px 28px;padding-bottom:14px;border-bottom:1px dashed var(--line-2);font-size:13.5px;font-weight:550;font-stretch:106%;color:var(--ink-3)}
.hero-meta .r{margin-left:auto}
.h1{position:relative;z-index:2;margin-top:26px;font-family:var(--f-display);font-size:clamp(40px,6vw,90px);line-height:.92;font-weight:760;font-stretch:76%;letter-spacing:-.03em;text-transform:uppercase;color:var(--ink)}
.h1 .ln{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
.h1 .ln-i{display:block}
.h1 .lt{font-weight:280;letter-spacing:-.022em}
html.motion .h1 .ln-i{transform:translateY(106%)}
html.motion .is-booted .h1 .ln-i{transform:none;transition:transform 1s var(--ease-out) .1s}
html.motion .is-booted .h1 .ln:nth-child(2) .ln-i{transition-delay:.2s}
.rot{position:relative;display:inline-block;vertical-align:bottom;overflow:hidden;padding:0 .04em;margin:0 -.04em;color:var(--accent)}
.rot-w{display:inline-block}
.rot-w:empty::before{content:attr(data-w)}
.rot::after{content:"";position:absolute;left:.04em;right:.04em;bottom:.06em;height:.1em;background:var(--accent);transform-origin:left;transition:transform .5s var(--ease-io)}
.rot.swap::after{transform:scaleX(.15)}
.hero-row{position:relative;z-index:2;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);margin-top:44px;align-items:start}
.hero-copy{grid-column:1/span 4;padding-top:6px;min-width:0}
html.motion .hero-copy>*{opacity:0;transform:translateY(12px)}
html.motion .is-booted .hero-copy>*{opacity:1;transform:none;transition:opacity .7s var(--ease-out),transform .9s var(--ease-out)}
html.motion .is-booted .hero-copy>:nth-child(2){transition-delay:.12s}
html.motion .is-booted .hero-copy>:nth-child(3){transition-delay:.24s}
.inq{grid-column:5/span 8;min-width:0;position:relative}
.inq-win{overflow:hidden}
.inq-top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:18px 20px 6px;flex-wrap:wrap}
.inq-num{display:flex;align-items:baseline;gap:12px}
.inq-num b{display:inline-block;font-family:var(--f-display);font-size:clamp(56px,6vw,84px);line-height:.9;font-weight:600;font-stretch:80%;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--ink)}
.inq-num small{font-size:14px;color:var(--ink-2);max-width:12ch;line-height:1.3}
.inq-pop{display:inline-block;margin-left:6px;font-size:15px;font-weight:700;color:var(--ok);opacity:0}
.inq-pop.go{animation:pop 1.2s var(--ease-out)}
@keyframes pop{0%{opacity:0;transform:translateY(8px)}20%{opacity:1;transform:none}70%{opacity:1}100%{opacity:0;transform:translateY(-10px)}}
.inq-note{font-size:13px;color:var(--ink-3);text-align:right;max-width:30ch}
.inq-body{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:6px 18px;padding:8px 20px 18px}
.inq-plot{position:relative;min-width:0}
.inq-svg{width:100%;height:auto;overflow:visible}
.inq-svg .grid{stroke:var(--line);stroke-width:1;shape-rendering:crispEdges}
.inq-svg .band-agg{fill:url(#hatch)}
.inq-svg .area{stroke:var(--card);stroke-width:2;stroke-linejoin:round}
.inq-svg .a-ai{fill:var(--c-ai)}
.inq-svg .a-seo{fill:var(--c-seo)}
.inq-svg .a-paid{fill:var(--c-paid)}
.inq-svg .a-rep{fill:var(--c-rep)}
.inq-svg .hatch-bg{fill:var(--c-agg-2)}
.inq-svg .hatch-ln{stroke:var(--c-agg);stroke-width:1.4}
.inq-svg .top{fill:none;stroke:var(--ink);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.inq-svg .end{fill:var(--card);stroke:var(--ink);stroke-width:2}
.inq-axis{display:flex;justify-content:space-between;margin-top:6px;font-size:12px;color:var(--ink-3)}
.inq-cover{position:absolute;inset:-4px -6px 18px 0;background:var(--card);transform-origin:right center;pointer-events:none}
html:not(.motion) .inq-cover{display:none}
.inq-legend{display:grid;align-content:start;gap:2px}
.inq-legend li{position:relative;display:grid;grid-template-columns:10px 1fr auto auto;align-items:center;gap:8px;padding:7px 8px;margin:0 -8px;border-radius:8px;font-size:13.5px;transition:background-color .4s}
.inq-legend li.hit{background:var(--accent-t)}
.inq-legend .sw{width:10px;height:10px;border-radius:3px}
.inq-legend .nm{font-weight:600;min-width:0}
.inq-legend .tr{font-size:12px;font-weight:600;color:var(--ok);white-space:nowrap}
.inq-legend .tr.dn{color:var(--ink-3)}
.inq-legend .ct{font-variant-numeric:tabular-nums;font-weight:650;min-width:2.2ch;text-align:right}
.inq-legend .p1{position:absolute;right:-2px;top:-6px;font-size:11.5px;font-weight:700;color:var(--ok);opacity:0}
.inq-legend .p1.go{animation:pop 1.2s var(--ease-out)}
.sw-ai{background:var(--c-ai)}
.sw-seo{background:var(--c-seo)}
.sw-paid{background:var(--c-paid)}
.sw-rep{background:var(--c-rep)}
.sw-agg{background:repeating-linear-gradient(135deg,var(--c-agg) 0 2px,var(--c-agg-2) 2px 4px)}
.inq-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
html.motion .inq-win{opacity:0;transform:translateY(18px)}
html.motion .is-booted .inq-win{opacity:1;transform:none;transition:opacity .8s var(--ease-out) .35s,transform 1.1s var(--ease-out) .35s}
@media (max-width:1080px){
  .hero-copy{grid-column:1/-1}
  .inq{grid-column:1/-1;margin-top:40px}
}
@media (max-width:760px){
  .hero-meta .r{margin-left:0}
  .inq-body{grid-template-columns:1fr}
  .inq-legend{grid-template-columns:1fr 1fr;column-gap:16px}
  .inq-note{text-align:left}
}
@media (max-width:480px){
  .inq-top{padding:16px 16px 4px}
  .inq-body{padding:8px 16px 16px}
  .inq-legend{grid-template-columns:1fr}
}
.inq-ylab{position:absolute;left:0;right:0;top:0;bottom:24px;pointer-events:none}
.inq-ylab span:not(.inq-dot){position:absolute;left:4px;transform:translateY(-120%);font-size:11px;font-weight:600;color:var(--ink-3);font-variant-numeric:tabular-nums}
.inq-dot{position:absolute;right:-6px;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:var(--card);box-shadow:inset 0 0 0 2.5px var(--ink);opacity:0;transition:opacity .4s}
.inq-dot::after{content:"";position:absolute;inset:-6px;border-radius:50%;box-shadow:0 0 0 1.5px var(--ink);opacity:0}
.is-live .inq-dot,html:not(.motion) .inq-dot{opacity:1}
html.motion .is-live .inq-dot::after{animation:ring 2.4s var(--ease-out) infinite}
@keyframes ring{0%{transform:scale(.5);opacity:.5}80%,100%{transform:scale(1.6);opacity:0}}
@media (max-width:480px){
  .inq-win .win-bar .chip,.inq-win .win-title .sub{display:none}
}
@media (max-width:799px){
  .inq-axis{font-size:13px}
}
.h1 .lt .rot{font-weight:760;letter-spacing:-.03em}
.h1 .ln-i:not(.lt){font-stretch:70%}
.h1 .lt{font-size:.67em}