/* v3 additions, loaded after home.css / solution.css. Layout support for real product screens,
   visible (non-tabbed) workflow, unclipped logos and mobile fixes. No change to colours or type scale. */

/* Logos: enlarge containers so artwork is not clipped (image size/position unchanged) */
.window-head .product-logo{width:142px;height:36px}
.phone .product-logo{height:36px;margin-top:-3px;margin-bottom:2px}
@media(max-width:760px){.company-logo{width:184px}.platform-row .product-logo{width:142px;margin-right:-19px}}

/* Product screens */
.shot,.screen-figure{margin:0}
.desktop.shot img{display:block;width:100%;height:auto}
.visual .phone.shot-phone{padding:0;overflow:hidden;width:200px;aspect-ratio:.6}
.phone.shot-phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.visual.solo{padding-right:0}.visual.solo .desktop{width:100%}
.screen-figure img{display:block;width:100%;height:auto;border-radius:10px;border:1px solid #d9e1eb;box-shadow:0 22px 65px #172d5014;background:#fff}
.screen-figure figcaption,.visual .illustration-note{font-size:11px;line-height:1.5;color:#637084;margin-top:12px}
.solutions .screen-figure img{border-color:#ffffff30;box-shadow:0 22px 65px #0000003d}
.solutions .screen-figure figcaption{color:#b8c6d8}
.workflow-index .screen-figure{margin-top:6px}

/* Homepage: buying routes, product headings, visible workflow */
.routes-lead{font-weight:600;color:var(--navy);margin:42px 0 0}
.topic a+a{margin-left:22px}
.product-h{font-size:22px;font-weight:550;margin:36px 0 8px;letter-spacing:-.03em}
.product-h:first-of-type{margin-top:8px}
.timeline ol{list-style:none;margin:0;padding:0}
.timeline .tl-no{font-size:10px;color:#8b95a3;padding-top:4px}
.solutions .example-note{color:#b8c6d8;font-size:13px;margin:30px 0 0;max-width:820px}
.workflow.with-screen{grid-template-columns:.92fr 1.08fr;align-items:start}
.faq summary h3{font:inherit;margin:0;letter-spacing:inherit}
.closing .contact-line{font-size:13px;margin:22px auto 0}
.closing .contact-line a,.closing .related a{text-decoration:underline;text-underline-offset:3px}
.closing .related{justify-content:center;color:#b8c6d8;margin-top:26px}
.industry-grid+.industry-note+.textlink{margin-top:22px}
.breadcrumb a{text-decoration:underline;text-underline-offset:3px}

/* Mobile */
@media(max-width:760px){
  .actions{flex-wrap:wrap}
  .visual.has-phone{padding:0}
  .visual>.phone.shot-phone{position:relative;right:auto;bottom:auto;width:132px;margin:-74px 10px 0 auto;border-width:4px;border-radius:20px}
  .visual .illustration-note{max-width:none}
  .workflow.with-screen{grid-template-columns:1fr}
  .topic a+a{margin-left:0;margin-right:18px}
  .topic a{margin-right:18px}
}
.workflow .timeline li:before{content:none}
.workflow .timeline li{line-height:inherit}