/* Editorial journey: a continuous sequence instead of three equal tiles. */
.editorial-v3 { scroll-margin-top:104px; }
.how.editorial-v3 { display:grid; gap:32px; background:var(--panel); border:1px solid var(--line); border-radius:32px; padding-block:40px; }
.how.editorial-v3 .center-heading { margin:0; }
.journey-intro { display:grid; justify-items:start; gap:28px; min-width:0; }
.journey-intro > .button { font-size:14px; min-height:56px; }
.how.editorial-v3 .center-heading h2 { max-width:12ch; font-size:clamp(38px,5vw,66px); }
.how.editorial-v3 .steps { width:100%; max-width:none; display:grid; grid-template-columns:minmax(0,1fr); gap:0; }
.how.editorial-v3 .step-card { display:grid; grid-template-columns:minmax(0,1fr); position:relative; padding:32px 0; gap:0; border:0; border-top:1px solid var(--line); border-radius:0; background:transparent; color:var(--text); overflow:visible; }
.how.editorial-v3 .step-card::before { font-size:24px; letter-spacing:-.04em; margin-bottom:18px; color:var(--accent); }
[data-theme=light] .how.editorial-v3 .step-card::before { color:#36782f; }
.how.editorial-v3 .step-card > div:first-child { display:flex; flex-direction:row; align-items:center; gap:12px; }
.how.editorial-v3 .step-card h3 { color:inherit; font-size:27px; line-height:1.2; }
.how.editorial-v3 .step-card > p { color:var(--muted); min-height:0; font-size:14px; max-width:30ch; }
.how.editorial-v3 .step-image { width:100%; height:auto; min-height:0; margin:28px 0 0; padding:0; }
.how.editorial-v3 .step-image > img { width:100%; max-width:320px; height:auto; max-height:340px; aspect-ratio:auto; object-fit:contain; margin:0; }
.how.editorial-v3 .step-image .fresh-dashboard { width:100%; max-width:270px; height:auto; max-height:360px; border:0; border-radius:0; filter:drop-shadow(0 20px 35px #0002); }
.how.editorial-v3 .step-plan > img { border-radius:22px; filter:drop-shadow(0 18px 25px #0003); }
.how.editorial-v3 .client-apps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); max-width:290px; min-height:0; gap:20px; padding-block:36px; margin:20px auto 0; }
.how.editorial-v3 .client-apps > span { color:#18301b; padding:24px 14px; }
.how.editorial-v3 > .button { justify-self:start; margin:0; }
.facts.editorial-v3 { background:var(--bg); color:var(--text); padding-block:64px; }
.facts.editorial-v3 .center-heading { margin-bottom:32px; }
.facts.editorial-v3 .fact-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:18px; }
.facts.editorial-v3 .fact-grid article { position:relative; isolation:isolate; min-width:0; padding:28px; border:1px solid var(--line); border-radius:28px; background:var(--panel); overflow:hidden; }
.facts.editorial-v3 .fact-grid article:first-child { background:#a4ef76; color:#182b17; border-color:#a4ef76; }
.facts.editorial-v3 .fact-grid article:nth-child(2) { background:#254b2b; color:#f2f8ed; border-color:#547452; }
.facts.editorial-v3 .fact-grid article:nth-child(3) { background:#d5e9c7; color:#18301b; border-color:#b7cfa7; }
.facts.editorial-v3 .fact-grid strong { position:relative; z-index:1; color:inherit; font-size:84px; font-weight:500; }
.facts.editorial-v3 .fact-grid article:first-child strong { font-size:142px; }
.facts.editorial-v3 .fact-grid strong > span { font-size:25px; }
.facts.editorial-v3 .fact-grid strong .fact-prefix { font-size:23px; }
.facts.editorial-v3 .fact-grid p { position:relative; z-index:1; color:#304f28; margin-top:24px; font-size:14px; }
.facts.editorial-v3 .fact-grid article:nth-child(2) p { color:#d0dfc9; }
.fact-sculpture { display:block; width:160px; height:160px; object-fit:contain; margin:22px 0 0 auto; }
.devices.editorial-v3 { position:relative; isolation:isolate; display:grid; grid-template-columns:minmax(0,1fr); gap:28px; padding-block:64px; background:radial-gradient(ellipse at 50% 42%,#a4ef7615,transparent 60%),var(--bg); }
.devices.editorial-v3 .center-heading { text-align:center; margin:0; }
.devices.editorial-v3 .center-heading h2 { max-width:15ch; margin-inline:auto; font-size:clamp(38px,5.5vw,72px); }
.devices.editorial-v3 .center-heading p { max-width:none; margin:22px auto 0; }
.devices.editorial-v3 .devices-art { width:100%; max-width:900px; margin:0 auto; }
.devices.editorial-v3 .platform-grid { display:grid; width:100%; max-width:none; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.devices.editorial-v3 .platform-grid article { flex-direction:column; align-items:flex-start; gap:0; padding:18px 16px; background:var(--panel); border-radius:22px; }
.devices.editorial-v3 .platform-logo { flex:none; margin-bottom:12px; }
.devices.editorial-v3 .platform-grid h3 { font-size:15px; }
.devices.editorial-v3 .devices-note { text-align:center; }
@media(min-width:620px) {
  .how.editorial-v3 { padding-block:56px; }
  .how.editorial-v3 .step-card { grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-rows:min-content min-content minmax(0,1fr); column-gap:28px; row-gap:12px; padding-block:36px; align-items:start; }
  .how.editorial-v3 .step-card::before { grid-column:1; grid-row:1; align-self:end; }
  .how.editorial-v3 .step-card > div:first-child { grid-column:1; grid-row:2; align-self:start; flex-direction:column; align-items:flex-start; }
  .how.editorial-v3 .step-card > p { grid-column:1; grid-row:3; align-self:start; }
  .how.editorial-v3 .step-image { grid-column:2; grid-row:1/4; margin:0; }
  .how.editorial-v3 .client-apps { gap:14px; margin:0; padding-block:50px; }
  .how.editorial-v3 .client-apps img { width:64px; height:64px; border-radius:16px; }
  .how.editorial-v3 .client-apps strong { font-size:15px; }
  .facts.editorial-v3 .fact-grid { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:20px; }
  .facts.editorial-v3 .fact-grid article:first-child { grid-row:1/3; display:flex; flex-direction:column; align-items:flex-start; }
  .facts.editorial-v3 .fact-grid article:first-child strong { font-size:176px; }
  .facts.editorial-v3 .fact-grid strong { font-size:74px; }
  .fact-sculpture { width:210px; height:210px; max-width:100%; margin-top:auto; }
  .devices.editorial-v3 .platform-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(min-width:1024px) {
  .how.editorial-v3 { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); column-gap:56px; row-gap:28px; padding-block:64px; align-items:start; }
  .how.editorial-v3 .journey-intro { grid-column:1; grid-row:1; position:sticky; top:128px; align-self:start; }
  .how.editorial-v3 .center-heading { position:static; }
  .how.editorial-v3 .center-heading h2 { font-size:clamp(40px,4vw,62px); }
  .how.editorial-v3 .steps { grid-column:2; grid-row:1; }
  .how.editorial-v3 .step-card { padding-block:42px; min-height:330px; column-gap:24px; }
  .how.editorial-v3 .step-card:first-child { border-top:0; padding-top:0; }
  .how.editorial-v3 .step-card h3 { font-size:27px; }
  .how.editorial-v3 .step-card::before { font-size:28px; }
  .how.editorial-v3 > .button { grid-column:1; grid-row:2; position:sticky; top:340px; align-self:start; }
  .how.editorial-v3 .step-image .fresh-dashboard { width:100%; max-height:340px; }
  .how.editorial-v3 .client-apps img { width:70px; height:70px; }
  .facts.editorial-v3 { padding-block:96px; }
  .facts.editorial-v3 .fact-grid { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:24px; }
  .facts.editorial-v3 .fact-grid article { padding:36px 40px; }
  .facts.editorial-v3 .fact-grid article:first-child strong { font-size:230px; }
  .facts.editorial-v3 .fact-grid strong { font-size:92px; }
  .facts.editorial-v3 .fact-grid p { font-size:16px; }
  .fact-sculpture { width:260px; height:260px; }
  .devices.editorial-v3 { padding-block:96px; gap:48px; }
  .devices.editorial-v3 .devices-art { position:absolute; z-index:0; top:300px; left:26%; width:48%; max-width:none; }
  .devices.editorial-v3 .platform-grid { position:relative; z-index:1; grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr); grid-template-rows:repeat(3,minmax(110px,auto)); gap:22px; align-items:center; min-height:460px; }
  .devices.editorial-v3 .platform-grid article { width:100%; padding:20px; box-shadow:0 12px 40px #0001; }
  .devices.editorial-v3 .platform-grid article:nth-child(odd) { grid-column:1; }
  .devices.editorial-v3 .platform-grid article:nth-child(even) { grid-column:3; }
  .devices.editorial-v3 .platform-grid article:nth-child(1),.devices.editorial-v3 .platform-grid article:nth-child(2) { grid-row:1; }
  .devices.editorial-v3 .platform-grid article:nth-child(3),.devices.editorial-v3 .platform-grid article:nth-child(4) { grid-row:2; }
  .devices.editorial-v3 .platform-grid article:nth-child(5),.devices.editorial-v3 .platform-grid article:nth-child(6) { grid-row:3; }
  .devices.editorial-v3 .platform-logo { width:40px; height:40px; margin-bottom:10px; }
}
@media(prefers-reduced-motion:reduce) { .how.editorial-v3 .journey-intro { position:static; } }

/* Our own client is a separate destination from compatible third-party apps. */
.desktop-nav .own-software-link,.mobile-menu .own-software-link { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:10px 14px; border:1px solid var(--line); border-radius:12px; background:var(--panel-2); color:var(--text); white-space:nowrap; }
.desktop-nav .own-software-link:hover,.mobile-menu .own-software-link:hover { background:var(--accent-soft); color:var(--text); border-color:#7e9d6d; }

/* Keep the existing logo and account controls inside the smallest header. */
.header { padding-inline:12px; }
@media(min-width:620px) { .header { padding-inline:var(--gutter); } }