/* Outcome cards: typography and existing brand colours, without screenshots. */
html body.home-page #app main>.product-job-section{padding-block:44px!important}
#three-jobs.product-job-section .platform-story-copy{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:36px;margin-bottom:26px}
#three-jobs.product-job-section .eyebrow{margin-bottom:12px}
#three-jobs.product-job-section .platform-story-intro{margin:0;font-size:16px;line-height:1.6;max-width:54ch}
#three-jobs.product-job-section .platform-jobs{gap:16px;align-items:stretch}
#three-jobs.product-job-section .platform-jobs:before{content:none;display:none}
#three-jobs.product-job-section .product-job-card{--card-ink:#f5fbe9;--card-copy:#dcebdc;--card-line:#ffffff30;--chip-bg:#ffffff0b;--chip-hover:#ffffff20;position:relative;display:flex;flex-direction:column;gap:0;min-width:0;padding:28px;border:1px solid #164b36;border-radius:24px;background:#0c3d2d;box-shadow:none;overflow:hidden;transition:transform .2s,border-color .2s}
#three-jobs.product-job-section .product-job-card:nth-child(2){--card-ink:#173d24;--card-copy:#2f5033;--card-line:#315d3638;--chip-bg:#ffffff30;--chip-hover:#ffffff70;background:#b9f065;border-color:#b0e15e}
#three-jobs.product-job-section .product-job-card:nth-child(3){--card-ink:#123b2b;--card-copy:#3e604b;--card-line:#315d3638;--chip-bg:#ffffff50;--chip-hover:#fff;background:#e4eddf;border-color:#cfdfc9}
html body.home-page #app #three-jobs.product-job-section .product-job-card h3{font-family:"Space Grotesk",sans-serif;font-size:34px;font-weight:600;line-height:1.1;letter-spacing:-.045em;color:var(--card-ink);margin:0 0 20px;text-align:start}
#three-jobs.product-job-section .product-job-card>p{font-size:16px;line-height:1.6;max-width:32ch;color:var(--card-copy);margin:0 0 22px}
#three-jobs.product-job-section .product-job-modules{display:flex;flex-wrap:wrap;gap:7px;margin:auto 0 22px}
#three-jobs.product-job-section .product-job-modules a{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:5px 11px;border:1px solid var(--card-line);border-radius:999px;background:var(--chip-bg);color:var(--card-ink);font-size:12px;font-weight:600;line-height:1.4;text-decoration:none;white-space:nowrap;transition:background .2s}
#three-jobs.product-job-section .product-job-modules a:hover{background:var(--chip-hover)}
#three-jobs.product-job-section .product-job-link{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding-top:17px;border-top:1px solid var(--card-line);color:var(--card-ink);font-size:15px;line-height:1.5;font-weight:600;text-decoration:none}
#three-jobs.product-job-section .product-job-link span{order:2;display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid var(--card-line);border-radius:50%;font-size:19px;transition:transform .2s,background .2s}
#three-jobs.product-job-section .product-job-link:hover span{transform:translateX(3px);background:var(--chip-hover)}
#three-jobs.product-job-section a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
#three-jobs.product-job-section .product-job-governance{font-size:14px;line-height:1.65;color:#496354;margin:20px 0 0;text-align:center}
#three-jobs.product-job-section .product-job-governance a{color:#285b3b;text-decoration:underline;text-decoration-color:#bed4b5;text-underline-offset:3px}
#three-jobs.product-job-section .product-job-all{display:inline-block;font-weight:700;margin-inline-start:6px;color:#087045}
@media(hover:hover){#three-jobs.product-job-section .product-job-card:hover{transform:translateY(-3px)}}
@media(min-width:768px) and (max-width:1100px){#three-jobs.product-job-section .product-job-card{padding:22px}html body.home-page #app #three-jobs.product-job-section .product-job-card h3{font-size:28px}#three-jobs.product-job-section .product-job-card>p{font-size:15px}#three-jobs.product-job-section .platform-jobs{gap:12px}#three-jobs.product-job-section .product-job-modules{min-height:71px;align-content:flex-start}}
@media(max-width:767px){html body.home-page #app main>.product-job-section{padding-block:30px!important}#three-jobs.product-job-section .platform-story-copy{grid-template-columns:1fr;gap:16px;margin-bottom:22px}#three-jobs.product-job-section .platform-jobs{grid-template-columns:1fr;gap:14px}#three-jobs.product-job-section .product-job-card{padding:24px;border-radius:22px}html body.home-page #app #three-jobs.product-job-section .product-job-card h3{font-size:32px!important;margin:0 0 14px}#three-jobs.product-job-section .product-job-card>p{font-size:16px;margin-bottom:20px}#three-jobs.product-job-section .product-job-modules{margin:0 0 20px}#three-jobs.product-job-section .product-job-modules a{min-height:36px}#three-jobs.product-job-section .product-job-governance{text-align:start}}
@media(prefers-reduced-motion:reduce){#three-jobs.product-job-section .product-job-card,#three-jobs.product-job-section .product-job-link span,#three-jobs.product-job-section .product-job-modules a{transition:none}}
html[lang="ar"] body.home-page #app #three-jobs.product-job-section :is(h2,h3){font-family:Tajawal,sans-serif!important;letter-spacing:normal!important}
html[lang="ar"] #three-jobs.product-job-section .product-job-link:hover span{transform:translateX(-3px)}
html[lang="pl"] body.home-page #app #three-jobs.product-job-section .product-job-card h3{font-size:clamp(25px,2.3vw,34px)}