/* proof – statement with live chips + bento stats */
.proof{position:relative;padding:110px 0 60px;overflow-x:clip} /* owner 6 Oct: statement removed – the bento starts right away */
.proof::before{content:"";position:absolute;left:50%;top:40px;width:min(1100px,120vw);height:520px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(47,123,224,.06),transparent),radial-gradient(closest-side at 70% 60%,rgba(245,132,31,.04),transparent);pointer-events:none}
.proof__say{position:relative;max-width:1080px;margin:0 auto;text-align:center;font-size:clamp(30px,4.4vw,62px);line-height:1.16;font-weight:800;letter-spacing:-.025em;color:var(--text)}
.proof__say .w{display:inline-block;opacity:.16;transition:opacity .2s}
.proof__say.is-static .w,.proof__say .w.on{opacity:1}
.proof__say .hl{background:linear-gradient(92deg,var(--orange2),var(--orange) 40%,var(--blue2));-webkit-background-clip:text;background-clip:text;color:transparent}
.chipx{display:inline-flex;align-items:center;vertical-align:middle;height:.92em;margin:0 .12em;border-radius:999px;border:1px solid var(--line2);background:var(--surface);box-shadow:0 10px 30px -12px rgba(var(--ink-rgb),.2);overflow:hidden;transform:translateY(-.06em);opacity:.16;transition:opacity .3s}
.proof__say.is-static .chipx,.chipx.on{opacity:1}
.chipx--code{height:2.19em;padding:0 .8em 0 .7em;gap:.45em;font:700 .42em ui-monospace,Menlo,monospace;color:var(--orange2);letter-spacing:0}   /* height: .92em of the statement (the chip has its own .42em font) */
.chipx--code i{width:.5em;height:.5em;border-radius:50%;background:var(--green);box-shadow:0 0 0 .18em rgba(16,138,72,.16);flex:none}
.chipx--code .roll{position:relative;display:inline-block;height:1.3em;line-height:1.3em;overflow:hidden;min-width:6.7em;text-align:left}
.chipx--code .roll span{position:absolute;left:0;top:0;white-space:nowrap;transition:transform .55s var(--ease),opacity .45s}
.chipx--code .roll span.out{transform:translateY(-110%);opacity:0}.chipx--code .roll span.in{transform:translateY(110%);opacity:0}
.chipx--img{width:1.9em;padding:0;background:#fff;position:relative}
.chipx--img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:0 0;transform-origin:22% 64%;transform:scale(2.3);transition:opacity .8s}
.chipx--img img+img{opacity:0}.chipx--img.alt img{opacity:0}.chipx--img.alt img+img{opacity:1}

.bento{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(300px,auto);gap:16px;margin-top:0}
.bx{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:30px;border-radius:28px;background:var(--bg2);border:1px solid var(--line);overflow:hidden;isolation:isolate;transform-style:preserve-3d;transition:border-color .35s,box-shadow .35s,transform .5s var(--ease);opacity:0;translate:0 40px;--mx:50%;--my:50%}
.bx.in{opacity:1;translate:0 0;transition:border-color .35s,box-shadow .35s,transform .5s var(--ease),opacity .9s var(--ease),translate .9s var(--ease)}
.bx::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(47,123,224,.07),transparent 60%);opacity:0;transition:opacity .35s}
.bx:hover{border-color:rgba(47,123,224,.35);box-shadow:0 30px 70px -36px rgba(var(--ink-rgb),.28)}
.bx:hover::before{opacity:1}
.bx--wide{grid-column:span 2}
.bx__n{display:flex;align-items:flex-end;font-size:clamp(56px,6.4vw,104px);line-height:.9;font-weight:800;letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:var(--text)}
.bx__n small{font-size:.3em;letter-spacing:-.01em;margin:0 0 .25em .3em;color:var(--orange2)}
.bx__l{margin-top:12px;font-size:17px;font-weight:600;color:var(--text)}
.bx__s{margin-top:4px;font-size:14px;color:var(--muted);max-width:44ch}
.bx a.bx__go{position:absolute;top:22px;right:22px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--line2);color:var(--text);background:var(--card);transition:transform .3s var(--ease),background .3s}
.bx:hover a.bx__go{transform:rotate(-45deg);background:var(--orange);border-color:var(--orange);color:#1b0d00}
/* odometer */
.odo{display:inline-flex;overflow:hidden;height:.92em;line-height:.92em}
.odo .d{display:inline-block;height:.92em;overflow:hidden}
.odo .d span{display:flex;flex-direction:column;transition:transform 1.6s cubic-bezier(.2,.7,.1,1)}
.odo .d span b{display:block;height:.92em;font-weight:800}
.odo .sep{display:inline-block}
/* A – (owner 7 Oct: the decorative code marquee and the dot matrix are gone – the counted facts only) */
/* B – brand share bar */
.share{display:flex;height:14px;margin:22px 0 4px;border-radius:8px;overflow:hidden;background:var(--card);gap:2px}
.share i{display:block;height:100%;width:0;transition:width 1.4s cubic-bezier(.2,.7,.1,1);position:relative}
.share i:hover{filter:brightness(1.3)}
.legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:12px;font-size:13px;color:var(--muted)}
.legend a{color:var(--muted)}.legend a:hover{color:var(--text)}.legend b{color:var(--text);font-weight:600}.legend em{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px;font-style:normal}
.bx--b{justify-content:space-between}
/* D – timeline */
.tl{position:relative;height:70px;margin:4px 6px 26px}
.tl__ln{position:absolute;left:0;right:0;top:20px;height:3px;border-radius:3px;background:var(--line)}
.tl__ln i{position:absolute;inset:0;border-radius:3px;background:linear-gradient(90deg,var(--orange),var(--blue2));transform-origin:left;transform:scaleX(0);transition:transform 2.2s cubic-bezier(.3,.6,.2,1)}
.bx.in .tl__ln i{transform:scaleX(1)}
.tl__pt{position:absolute;top:21px;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:var(--surface-solid);border:3px solid var(--orange)}
.tl__pt--now{border-color:var(--blue2)}
.tl__pt:first-of-type::after{content:"";position:absolute;inset:-3px;border-radius:50%;background:var(--orange);opacity:.4;animation:tlp 2.2s ease-out infinite}
html.user-idle .tl__pt::after{animation-play-state:paused}.bento.is-off .tl__pt::after{animation:none}
@keyframes tlp{from{transform:scale(.6);opacity:.55}to{transform:scale(2.8);opacity:0}}
.tl__tk{position:absolute;top:40px;transform:translateX(-50%);font:600 12px Inter,sans-serif;color:var(--dim)}
.tl__tk--e,.tl__tk--g{color:var(--text)}
@media (max-width:1100px){.tl__tk:not(.tl__tk--e):not(.tl__tk--g){display:none}}   /* narrow cards: only the founding years and today (no crammed year row) */
.tl__pt--mid{border-color:var(--orange2);width:12px;height:12px;margin:-6px 0 0 -6px}
@media (max-width:900px){
  .bento{grid-template-columns:1fr;grid-auto-rows:auto;margin-top:0}.bx--wide{grid-column:auto}.bx{min-height:240px;padding:24px}
  .bx--d .tl{margin-top:64px}
  .proof{padding-top:100px}
  .legend{gap:0 14px}.legend a{display:inline-flex;align-items:center;min-height:44px}
}
@media (prefers-reduced-motion:reduce){.bx,.bx.in{opacity:1;translate:none;transition:none}.odo .d span,.share i,.tl__ln i{transition:none}.tl__pt::after{animation:none}}