/* One shared content grid; full-width backgrounds remain independent. */
@media (min-width: 1441px) {
  :root { --wide-gutter: calc((100vw - 1296px) / 2); }
  header, .announcement, .branches, .full-footer,
  .pricing, .references, .contact, .usecases {
    padding-left: var(--wide-gutter);
    padding-right: var(--wide-gutter);
  }
  .hero, .section:not(.pricing):not(.references):not(.contact):not(.usecases):not(.demo-section) {
    padding-left: 72px;
    padding-right: 72px;
  }
  .demo-section {
    max-width: calc(100% - 5%);
    padding-left: calc((100vw - 1296px) / 2 - 2.5vw);
    padding-right: calc((100vw - 1296px) / 2 - 2.5vw);
  }
  .contact { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .contact form { width: 100%; justify-self: end; }
  .final-cta { padding-left: 72px; padding-right: 72px; }
  .article-detail { padding-left: 72px; padding-right: 72px; }
}

/* Text-only customer reference archive. Homepage stories keep their imagery. */
.reference-archive .archive-header{max-width:1440px;margin-inline:auto}
.reference-archive .articles-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.reference-archive .article-card{position:relative;display:flex;min-height:265px;border-radius:15px;background:#f8faf5;overflow:hidden}
.reference-archive .article-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#b9ef63;transition:width .2s ease}
.reference-archive .article-card:hover::before{width:8px}
.reference-archive .article-info{display:flex;flex-direction:column;width:100%;padding:27px 28px 25px}
.reference-archive .article-info>span{font-size:9px;font-weight:750;letter-spacing:1.1px;text-transform:uppercase}
.reference-archive .article-info h3{font-size:21px;line-height:1.28;margin:17px 0 12px}
.reference-archive .article-info p{margin:0;font-size:12px;line-height:1.65}
.reference-archive .article-info strong{margin-top:auto;padding-top:20px;font-size:11px}
@media(max-width:950px){.reference-archive .articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.reference-archive .articles-grid{grid-template-columns:1fr}.reference-archive .article-card{min-height:230px}}

.brand, .brand img { background: transparent; }
.brand img { mix-blend-mode: normal; }

/* Keep the primary header logo identical on every page. */
header > .brand img { width: 162px; }
@media (max-width: 700px) {
  header > .brand img { width: 140px; }
}

/* Language link matches the main navigation typography. */
.header-tools .language{font-size:14px;font-weight:500}

.customer-announcement{gap:20px;font-size:14px;font-weight:500}
.customer-announcement>span{display:flex;align-items:center;gap:10px}
.customer-star{color:#bcf35a;font-size:19px}
.customer-announcement>a{font-size:14px;font-weight:700;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
.customer-stories h1>span{color:#5e714d}
.customer-stories-lead{font-size:18px;line-height:1.7;color:var(--muted);max-width:630px}
.customer-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:48px}
.customer-video-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.customer-video-open{display:block;position:relative;width:100%;padding:0;border:0;background:#1d3024;overflow:hidden;aspect-ratio:16/9}
.customer-video-open img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.customer-video-open:hover img{transform:scale(1.035)}
.customer-video-play{position:absolute;bottom:20px;left:20px;border-radius:30px;display:flex;align-items:center;gap:12px;background:#bcf35a;color:#1c2c1d;padding:13px 20px;font-size:14px;font-weight:700;box-shadow:0 5px 25px #0003}
.customer-video-info{padding:27px}
.customer-video-info>span{font-size:10px;letter-spacing:1.3px;color:#5e714d;font-weight:700}
.customer-video-info h2{font-size:25px;letter-spacing:-.8px;margin:12px 0 22px}
.customer-video-info>a{font-size:13px;text-decoration:underline;text-underline-offset:4px}
.customer-stories-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:32px;font-size:14px;color:var(--muted)}
#customer-video-dialog{width:min(960px,94vw);max-width:94vw;padding:22px;background:#18291f;color:white;border:1px solid #435045;border-radius:18px}
#customer-video-dialog::backdrop{background:#09140edb}
.customer-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.customer-dialog-head h2{font-size:20px;letter-spacing:-.4px}
#customer-video-close{background:#ffffff15;color:white;border:0;border-radius:50%;width:42px;height:42px;font-size:27px}
#customer-video-player{aspect-ratio:16/9;background:#0b120e}
#customer-video-player iframe{width:100%;height:100%;border:0}
#customer-video-external{display:inline-block;margin-top:17px;font-size:13px;color:#bcf35a}
@media(max-width:700px){.customer-announcement{justify-content:center;padding:10px 6%}.customer-announcement>span{display:none}.announcement.customer-announcement>a{display:block;font-size:12px}.customer-videos{grid-template-columns:1fr;gap:24px;margin-top:30px}.customer-video-info{padding:22px}.customer-stories-bottom{align-items:flex-start;flex-direction:column}.customer-video-play{left:12px;bottom:12px;padding:10px 15px;font-size:12px}#customer-video-dialog{padding:14px}.customer-dialog-head h2{font-size:16px}}
@media(prefers-reduced-motion:reduce){.customer-video-open img{transition:none}.customer-video-open:hover img{transform:none}}

/* Preserve the original portrait composition of customer video thumbnails. */
.customer-videos{max-width:760px;margin-left:auto;margin-right:auto;gap:30px}
.customer-video-open{aspect-ratio:9/16;background:#e9ece4}
.customer-video-open img{object-fit:contain;object-position:center;width:100%;height:100%;transition:none}
.customer-video-open:hover img{transform:none}
.customer-video-open:hover .customer-video-play{background:#d2ff81}
@media(max-width:700px){.customer-videos{max-width:360px;gap:26px}}

/* Keep the green announcement within the same content width as navigation. */
.announcement.customer-announcement{width:100%;max-width:none;margin:0;padding:10px 5%;box-sizing:border-box}
.announcement.customer-announcement{background:transparent;color:#151916;border-bottom:1px solid #e2e8da}
.announcement.customer-announcement .customer-star{color:#d92d27}
.announcement.customer-announcement>a{color:#21442b}
.announcement.customer-announcement>a:hover{color:#2f6a3c}
@media(min-width:1441px){.announcement.customer-announcement{padding-left:var(--wide-gutter);padding-right:var(--wide-gutter)}}
@media(max-width:700px){.announcement.customer-announcement{width:100%;padding:10px 6%}}

/* Slightly slimmer header with a divider aligned to its content. */
header{height:80px;border-bottom:0}
header::after{content:'';position:absolute;bottom:0;left:max(5%,calc((100% - 1296px)/2));right:max(5%,calc((100% - 1296px)/2));height:1px;background:#e2e8da;pointer-events:none}
@media(max-width:700px){header{height:66px}header::after{left:6%;right:6%}header nav{top:66px}}

/* The interactive demo follows the same 1296 px content axis as the header. */
.section.demo-section{width:90%;max-width:1296px;margin:56px auto;padding-left:clamp(28px,4vw,56px);padding-right:clamp(28px,4vw,56px)}
@media(max-width:700px){.section.demo-section{width:88%;margin:34px auto;padding-left:22px;padding-right:22px}}

/* Compact, self-explanatory closing call to action. */
.final-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:48px;padding:42px 56px!important;margin-top:50px!important}
.final-cta-copy{max-width:690px}
.final-cta h2{font-size:clamp(44px,4.3vw,62px)!important;line-height:1.02;letter-spacing:-3px!important;margin:18px 0 14px!important}
.final-cta h2>span{display:none}
.final-cta-description{max-width:620px;color:#3f5634;font-size:15px;line-height:1.65}
.final-cta .button{min-width:285px;align-self:center}
.final-cta-side-arrow{display:block;margin:0 0 22px auto;font:400 58px/1 Manrope,Arial,sans-serif;transform:rotate(-2deg)}
@media(max-width:800px){.final-cta{grid-template-columns:1fr;row-gap:26px;padding:34px!important}.final-cta-side{display:flex;align-items:center;gap:18px}.final-cta-side-arrow{display:none}.final-cta .button{min-width:0;width:auto}}
@media(max-width:700px){.final-cta{padding:28px 24px!important}.final-cta h2{font-size:42px!important;letter-spacing:-2.3px!important}.final-cta-description{font-size:14px}}

/* Approved replacement-fulfilment mark under the OT Holding line. */
.footer-compensation-mark{display:flex!important;align-items:center;gap:8.8px;width:auto;max-width:226px;margin-top:3px;padding:5.5px 0!important;border:0;background:transparent;color:#506248!important;transition:color .2s ease,transform .2s ease}
.footer-compensation-mark:hover{transform:translateX(3px);color:#26351f!important}
.footer-compensation-symbol{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:#e5f3d6;color:#4f7c2b}
.footer-compensation-symbol svg{width:21px;height:21px}
.footer-compensation-mark small{display:block;font-size:6.6px;letter-spacing:.99px;color:#829078;margin-bottom:2.2px}
.footer-compensation-mark strong{display:block;font-size:11px;line-height:1.18;font-weight:650}
.footer-compensation-mark>span:nth-child(2){display:grid;align-items:center;text-align:center}
.footer-compensation-mark>b{font-size:14.3px;font-weight:500;margin-left:2.2px}
@media(max-width:700px){.footer-compensation-mark{max-width:209px;padding:4.4px 0!important}.footer-compensation-symbol{width:30px;height:30px;flex-basis:30px}.footer-compensation-symbol svg{width:20px;height:20px}}

/* Keep all legal information in a quiet, dedicated row at the very bottom. */
.footer-bottom{border-top:1px solid #dfe4da;padding-top:24px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:24px}
.footer-bottom>div{display:flex;align-items:center;justify-content:flex-end;gap:20px;flex-wrap:wrap}
.footer-bottom a{color:#687064;text-decoration:none}
.footer-bottom a:hover{color:#17201a}
@media(max-width:700px){.footer-bottom{padding-top:16px;flex-direction:column;align-items:flex-start;gap:12px}.footer-bottom>div{justify-content:flex-start;gap:10px 16px}}
.footer-top>div:first-child>p{max-width:230px;font-size:16px;line-height:1.45;letter-spacing:-.2px;font-weight:700;transform:translateY(-5px);margin-top:0;margin-bottom:-5px}
@media(max-width:700px){.footer-top>div:first-child>p{font-size:16px}}

/* Compact customer-reference opening: bring the stories into the first viewport. */
.customer-stories{padding-top:34px!important;padding-bottom:72px!important}
.customer-stories>.back-link{margin-bottom:20px}
.customer-stories>.eyebrow{margin-bottom:14px}
.customer-stories h1{font-size:clamp(46px,4.2vw,60px)!important;line-height:1.02!important;letter-spacing:-3.2px!important;margin:0 0 18px!important}
.customer-stories-lead{font-size:16px;line-height:1.55;max-width:680px}
.customer-videos{max-width:880px;margin-top:28px;gap:20px}
.customer-video-open{aspect-ratio:16/10;background:#dfe5da}
.customer-video-open img{object-fit:cover;object-position:center 28%}
.customer-video-card:first-child .customer-video-open img{object-position:center 27%}
.customer-video-card:nth-child(2) .customer-video-open img{object-position:center 25%}
.customer-video-info{padding:22px 24px 24px}
.customer-video-info h2{font-size:22px;margin:10px 0 17px}
@media(max-width:700px){.customer-stories{padding-top:25px!important;padding-bottom:54px!important}.customer-stories>.back-link{margin-bottom:16px}.customer-stories h1{font-size:42px!important;letter-spacing:-2.3px!important;margin-bottom:15px!important}.customer-stories-lead{font-size:15px}.customer-videos{max-width:none;margin-top:24px}.customer-video-open{aspect-ratio:4/3}.customer-video-info{padding:19px 20px 21px}}
/* Keep the original social-video headline outside the thumbnail crop. */
.customer-video-card:first-child .customer-video-open img{object-position:center 34%}
.customer-video-card:nth-child(2) .customer-video-open img{object-position:center 31%}