/* v48: seven operating principles (EN /how-we-work/), scoped */
.opy-principles{--navy:#0f2540;--ink:#1d3046;--muted:#4a5075;--soft:#5d6282}
.opy-principles *{box-sizing:border-box;margin:0;padding:0}
.opy-principles{font-family:"DM Sans",system-ui,sans-serif;color:var(--ink)}
.opy-principles{position:relative;width:100%;max-width:1920px;margin:0 auto;
    aspect-ratio:1920/800;container-type:inline-size;overflow:hidden;background:#fff}
.opy-principles{--u:calc(100cqw / 1920)}
.opy-principles svg.bg{position:absolute;inset:0;width:100%;height:100%;display:block}
.opy-principles .tx{position:absolute;white-space:nowrap;
      left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));
      font-size:calc(var(--fs,16) * var(--u));line-height:calc(var(--lh,1.2) * 1em)}
.opy-principles .c{transform:translateX(-50%);text-align:center}
.opy-principles .r{transform:translateX(-100%);text-align:right}
.opy-principles .caps{font-family:"Outfit Variable","Outfit",sans-serif;text-transform:uppercase;font-weight:500}
.opy-principles .logo{font-family:"Outfit Variable","Outfit",sans-serif;font-weight:500;letter-spacing:.075em;color:var(--navy)}
.opy-principles .logo b{color:#0a8fd0;font-weight:600}
.opy-principles .tagline{color:#4d5a8a;letter-spacing:.34em}
.opy-principles .pillars{color:#4a5075;letter-spacing:.3em}
.opy-principles .pillars i{font-style:normal;padding:0 1.1em}
.opy-principles .eyebrow{color:#4a5075;letter-spacing:.38em}
.opy-principles .headline{font-family:"Outfit Variable","Outfit",sans-serif;font-weight:500;color:var(--navy);letter-spacing:-.005em}
.opy-principles .headline .grad{background:linear-gradient(to right,#1b5cf2 0%,#1478ea 22%,#0d98d8 50%,#10b3b4 75%,#17c996 100%);
      -webkit-background-clip:text;background-clip:text;color:transparent}
.opy-principles .sub{color:var(--muted);font-weight:400}
.opy-principles .num{font-weight:600;line-height:1;letter-spacing:-.01em}
.opy-principles .ttl{font-weight:500;color:var(--navy)}
.opy-principles .dsc{color:var(--soft);font-weight:400}
.opy-principles .stage-lbl{color:#5d6282}
.opy-principles .stage-lbl.on{font-weight:600;color:#0f5a4a}
.opy-principles .cycle-txt{font-weight:500;color:var(--navy)}
.opy-principles .next{font-weight:600;color:#123d4a;letter-spacing:.14em}
.opy-principles .cx-title{font-weight:600;color:var(--navy);letter-spacing:.12em}
.opy-principles .cx-list{color:#4d5a8a;letter-spacing:.2em}
.opy-principles .phase{font-weight:600;letter-spacing:.2em}
.opy-principles .phase-sub{color:#3d4466;letter-spacing:.2em}
.opy-principles .loop-txt{color:#3d4466;letter-spacing:.28em}
.opy-principles .foot{color:#5a6390;letter-spacing:.3em}
