/* Native webpage advantages beside a left-aligned vector architecture. */
#technology{height:var(--reference-section-height,auto);padding:44px 0 36px}
#technology>.container{height:100%;display:flex;flex-direction:column}
#technology .section-heading{margin-bottom:24px;flex:none}
.technology-split{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px;align-items:start;align-content:center;container-type:inline-size;flex:1;min-height:0}
.architecture-artwork{margin:0;position:relative}
.architecture-image-link{display:block;width:100%;margin:0}
.architecture-artwork img{display:block;width:100%;height:auto}
.architecture-transcript{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.technology-split .technical-strengths{--architecture-unit:calc((100cqw - 24px) * 7 / 12 / 1440);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:calc(var(--architecture-unit) * 94) minmax(0,1fr);gap:0;height:calc(var(--architecture-unit) * 876);padding:calc(var(--architecture-unit) * 20) 0 0;margin:0;border:0;background:none;box-shadow:none}
.technology-split .technical-strengths .technology-benefits-title{font-size:calc(var(--architecture-unit) * 34);font-weight:700;line-height:1.05;margin:0;color:#153f65;align-self:start}
.strength-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;min-height:0}
.technology-split .technical-strengths article{display:flex;flex-direction:column;position:relative;padding:8px 10px 10px;border:1px solid #d3e2ec;border-radius:8px;background:linear-gradient(135deg,#fff,#f5f9fc);box-shadow:0 6px 20px #173c5c04}
.technology-split .technical-strengths article:before{content:"";position:absolute;top:-1px;left:20px;width:32px;height:3px;background:#2d9cae;border-radius:0 0 2px 2px}
.technology-split .technical-strengths .strength-number{position:absolute;right:10px;top:8px;color:#b6cdda;font-size:25px;line-height:1;font-weight:400;letter-spacing:1px}
.technology-split .technical-strengths article h3{font-size:17px;line-height:1.4;margin:0 32px 0 0;flex:none;color:#204b6c}
.technology-split .technical-strengths article p{padding-top:0;border-top:0;font-size:13px;line-height:1.65;flex:none;color:#526e84;margin:0;overflow-wrap:break-word}
.technology-summary{flex:none;margin:20px auto 0;text-align:center;font-size:13px;line-height:1.8;color:#526e84;max-width:1000px}
@media(max-width:1150px){.strength-grid{gap:12px}.technology-split .technical-strengths article h3{font-size:16px}}
@media(min-width:1500px){.technology-split .technical-strengths article{padding:14px 16px 16px}.technology-split .technical-strengths .strength-number{right:14px;top:14px}}
/* Generated transparent artwork, sharing one frame and the same card treatment. */
.strength-visual{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:24px;max-height:80px;margin:2px 0 4px;overflow:hidden}
.strength-artwork img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
