/* Company news, laid out the way numeo.ai/news reads (measured off their DOM):
   a centred hero, then one post per full-width row — a 1.6:1 rounded cover on
   the left, the text on the right — with NO rule between rows; whitespace does
   the separating. The whole row is the link. Replaces a timeline plus a 300px
   sidebar rail, which spent a third of the width on links already in the
   header. */
.feed-head{padding:clamp(40px,6vw,76px) 0 clamp(24px,3vw,38px);text-align:center}
.feed-head .container{max-width:720px}
.feed-head .kicker{justify-content:center}
.feed-head h1{font-family:var(--font-d);font-size:clamp(32px,5vw,50px);font-weight:700;
  letter-spacing:-.035em;line-height:1.06;margin:0}
.feed-head .lede{font-size:18px;line-height:1.6;color:var(--muted);margin:18px auto 0}
.feed{display:block;padding-bottom:clamp(36px,5vw,72px)}
.posts{display:flex;flex-direction:column;gap:clamp(34px,4.5vw,58px)}
.post{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:clamp(22px,3vw,40px);
  align-items:center;text-decoration:none;color:inherit}
/* No stock photography on this site, so the cover is built rather than shot:
   the Reveo mark on brand ground, tinted per post so a feed of them does not
   read as one tile repeated. Real photos drop in here unchanged. */
.post__cover{position:relative;aspect-ratio:1.6/1;border-radius:22px;display:grid;place-items:center;
  background:linear-gradient(150deg,#0B1F19,#123A2E);overflow:hidden}
.post[data-accent="offline"] .post__cover{background:linear-gradient(150deg,#123A2E,#1F5C46)}
.post__cover img{width:136px;height:auto;opacity:.95;transition:transform .5s var(--ease)}
.post:hover .post__cover img{transform:scale(1.04)}
.post__body{display:flex;flex-direction:column;align-items:flex-start}
.post__meta{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13.5px;margin:0}
.post__body h2{font-family:var(--font-d);font-size:clamp(23px,2.9vw,30px);font-weight:700;
  line-height:1.25;letter-spacing:-.025em;margin:12px 0 0}
.post:hover .post__body h2{color:var(--brand-deep)}
.post__lede{display:block;color:var(--ink-soft);font-size:16px;line-height:1.68;margin-top:14px;max-width:68ch}
.post__more{display:inline-flex;align-items:center;gap:7px;margin-top:18px;
  font-family:var(--font-d);font-size:15px;font-weight:600;color:var(--brand-bright)}
.post:hover .post__more{text-decoration:underline}
@media (max-width:820px){
  .post{grid-template-columns:1fr;gap:18px;align-items:start}
  .post__cover{aspect-ratio:2/1}
  .post__cover img{width:112px}
}

/* ---- one post ---- */
.post-hero{padding:clamp(30px,4vw,56px) 0 clamp(20px,3vw,30px)}
.post-back{display:inline-block;font-family:var(--font-d);font-size:13.5px;font-weight:600;
  color:var(--brand-bright);margin-bottom:24px}
.post-hero h1{font-family:var(--font-d);font-size:clamp(30px,4.6vw,46px);font-weight:700;
  letter-spacing:-.035em;line-height:1.1;margin:14px 0 0;max-width:820px}
.post-cover{aspect-ratio:2.4/1;border-radius:24px;display:grid;place-items:center;overflow:hidden;
  background:linear-gradient(150deg,#0B1F19,#123A2E);margin-top:clamp(22px,3vw,34px)}
.post-cover[data-accent="offline"]{background:linear-gradient(150deg,#123A2E,#1F5C46)}
.post-cover img{width:168px;height:auto;opacity:.95}
.post-article{max-width:760px;padding-bottom:clamp(34px,4vw,60px)}
.post-article p{color:var(--ink-soft);font-size:17px;line-height:1.72;margin-top:18px}
.post-article ul{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:11px}
.post-article li{position:relative;padding-left:24px;color:var(--ink-soft);font-size:16.5px;line-height:1.6}
.post-article li::before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;
  border-radius:50%;background:var(--brand)}

/* Cross-link out of the feed: news and product updates are easy to confuse,
   so each page points at the other rather than leaving the visitor to guess. */
.feed-cross{margin-top:clamp(34px,4vw,54px);padding-top:clamp(26px,3vw,36px);
  border-top:1px solid var(--line);text-align:center;color:var(--muted);font-size:15px}
.feed-cross a{font-family:var(--font-d);font-weight:600;color:var(--brand-bright)}

/* FAQ: the question list on the right, the heading and its link on the left. */
.faq-wrap{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:clamp(24px,4vw,64px);
  align-items:start}
.faq-lead h2{font-family:var(--font-d);font-size:clamp(26px,3.4vw,38px);font-weight:700;
  letter-spacing:-.03em;line-height:1.12;margin:12px 0 0}
.faq-lead__link{display:inline-block;margin-top:18px;font-family:var(--font-d);font-size:14.5px;
  font-weight:600;color:var(--brand-bright)}
.faq-list details{border-top:1px solid var(--line);padding:18px 0}
.faq-list details:first-child{border-top:0;padding-top:0}
.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;
  list-style:none;font-family:var(--font-d);font-size:16.5px;font-weight:600;color:var(--ink)}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"";flex:none;width:9px;height:9px;border-right:2px solid var(--muted);
  border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .25s var(--ease)}
.faq-list details[open] summary::after{transform:rotate(-135deg)}
.faq-list summary:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:6px}
.faq-list p{color:var(--ink-soft);font-size:15.5px;line-height:1.65;margin:12px 0 0;max-width:68ch}
@media (max-width:820px){.faq-wrap{grid-template-columns:1fr;gap:22px}}