:root{--white:#fff;--black:#000;--yellow:#ffaf03;--pink:#ff57a2;--blue:#12ecff;--purple:#cb57ff;--light-gray:#f2f2f2}*{box-sizing:border-box;margin:0;padding:0}html,body{scroll-behavior:smooth;max-width:100vw}.ibm-plex-sans,body{font-family:ibm-plex-sans,sans-serif;font-style:normal;font-weight:400}.ibm-plex-sans.medium,body.medium,.ibm-plex-sans strong,body strong,.ibm-plex-sans b,body b{font-weight:600}.degular-display,h1,h2,h3,h4,h5,h6{font-family:degular-display,sans-serif;font-style:normal;font-weight:500}.degular-text{font-family:degular-text,sans-serif;font-style:normal;font-weight:500}body{color:var(--black);background:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:100%;line-height:1.3}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}p,ol,ul{margin:0 0 .625rem;font-size:1.125rem}@media (min-width:768px){p,ol,ul{font-size:20px}}ol,ul{gap:.25rem;padding-left:1.5rem;display:grid}h1,h2,h3,h4,h5,h6{margin:0 0 1rem;line-height:1.2}h1{font-size:4rem;line-height:1}@media (min-width:768px){h1{font-size:5.625rem}}h2{border-bottom:1.5px solid #00000040;flex-wrap:wrap;align-items:center;gap:.75rem;margin:0 0 4em;padding-bottom:1rem;font-size:3rem;line-height:1;display:flex}h2>span{opacity:.4}h2>.button{margin-top:1rem;margin-bottom:1rem}@media (min-width:768px){h2>.button{margin:0 0 0 auto}h2{margin-bottom:6rem;font-size:4rem;line-height:1.0625}}h3{margin:0 0 2.5rem;font-size:2rem;line-height:1}@media (min-width:768px){h3{margin-bottom:3.5rem;font-size:3rem;line-height:1.0833}}h4{margin:0 0 2rem;font-size:1.875rem;line-height:1.1333}hr{background:0 0;border:none;border-bottom:1.5px solid #00000040;border-radius:0;margin:3rem 0}a:not(.button){text-decoration:underline}.button{box-shadow:none;cursor:pointer;color:var(--white);box-sizing:border-box;text-align:center;word-break:break-word;background:0 0;border:none;align-items:stretch;padding:0;font-family:degular-text,sans-serif;font-size:1.125rem;font-style:normal;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.button span,.button:before,.button:after{background:var(--black);vertical-align:middle;box-sizing:border-box;border-radius:1rem;padding:.9375rem 1.125rem;display:inline-block}.button:before,.button:after{content:"";background-image:url(../media/pagination-right.80c2f797.svg);background-position:50%;background-repeat:no-repeat;width:53px;transition:all .2s linear;overflow:hidden}.button:after,.button:hover:before,.button:focus:before{width:0;padding-left:0;padding-right:0}.button:hover:after,.button:focus:after{width:53px;padding-left:1.125rem;padding-right:1.125rem}.main-layout{gap:3rem;max-width:1440px;margin:0 auto;padding-left:2rem;padding-right:2rem;display:grid}@media (min-width:1200px){.main-layout{grid-template-rows:auto;grid-template-columns:288px 1fr;align-items:start}}.content-area{padding-bottom:2rem}@media (min-width:768px){.content-area{padding-top:5rem}}section{padding-bottom:9.75rem}.gray-box,.black-box{background:var(--light-gray);border-radius:1rem;padding:3rem 2.5rem}.gray-box{background:var(--light-gray)}.gray-box.h4-label h4{background:var(--black);color:var(--white);border-top-left-radius:1rem;border-top-right-radius:1rem;margin:-3rem -2.5rem 1.5rem;padding:1rem 2.5rem}.black-box{background:var(--black);color:var(--white)}.grid-one-column,.grid-two-column{gap:1rem;display:grid}@media (min-width:768px){.grid-two-column{grid-template-columns:1fr 1fr}}.align-top{align-items:start}.grid-three-column{gap:1rem;display:grid}@media (min-width:768px){.grid-three-column{grid-template-columns:1fr 1fr 1fr}}.grid-three-column.image-grid img{border-radius:.75rem;width:100%}@media (min-width:768px){.grid-three-column.image-grid img.double{grid-column:span 2}}.bigger-gap{gap:1.4375rem!important}.grid-four-column{gap:1rem;display:grid}@media (min-width:480px){.grid-four-column{grid-template-columns:1fr 1fr}}@media (min-width:768px){.grid-four-column{grid-template-columns:1fr 1fr 1fr 1fr}.span-2{grid-column:span 2}}.content-center{justify-content:center;align-items:center;display:flex}.opacity-50{opacity:.5}.text-center{text-align:center}.text-right{text-align:right}.font-18{font-size:1.125rem}.arrow-list{padding:0;list-style:none}.arrow-list li{padding-left:1.25rem;position:relative}.arrow-list li:before{content:"→";position:absolute;left:0}.persona{padding-top:2rem;padding-bottom:1.5rem}.slider-bar{height:1rem;position:relative}.slider-bar:before{background:var(--white);content:"";border-radius:5px;width:100%;height:10px;display:block;position:absolute;top:3px}.slider-bar .slider-fill{background:linear-gradient(90deg,var(--purple)0%,var(--blue)100%);border-radius:5px;height:10px;position:absolute;top:3px;left:0}.slider-bar .slider-fill:after{background:var(--black);content:"";border-radius:8px;width:16px;height:16px;display:block;position:absolute;top:-3px;right:-8px}.content-image{gap:1.5rem;display:grid}@media (min-width:768px){.content-image{gap:3rem}.content-image.content-first{grid-template-columns:1fr 360px}.content-image.image-first{grid-template-columns:360px 1fr}}@media (min-width:1300px){.content-image{gap:6rem}.content-image.content-first{grid-template-columns:1fr 480px}.content-image.image-first{grid-template-columns:480px 1fr}}@media (min-width:768px){.content-image .content-image-content{padding-top:3rem}}.content-image .content-image-image{border-radius:1rem;width:100%;height:auto;margin:0;display:block}.font-grid{flex-direction:column;gap:1rem;display:flex}@media (min-width:768px){.font-grid{flex-direction:row;justify-content:space-between;align-items:flex-end}.font-grid .first{order:2}}.color-split{justify-content:space-between;padding-left:1.5rem;padding-right:1.5rem;display:flex}.color-split .color-split-item{align-items:center;gap:.5rem;display:flex}.color-split p{margin:0;font-size:1rem}.color-split .color-split-color{border-radius:.5rem;width:2rem;height:2rem}.color-details{border-radius:.5rem;overflow:hidden}.color-details .color-box{height:111px}.color-details .color-info{background:var(--white);padding:1rem .75rem .75rem;font-size:1rem}.color-details .color-info p{justify-content:space-between;margin:0;display:flex}.color-accessibility{flex-direction:column;gap:1rem;display:flex}.color-accessibility .color-box{border-radius:.5rem;flex-direction:column;justify-content:flex-end;height:111px;padding:1.5rem;font-size:5.625rem;line-height:3.375rem;display:flex;position:relative}.color-accessibility .color-box .valid{background:var(--white);border-radius:50%;width:2.5rem;height:2.5rem;position:absolute;bottom:-.25rem;right:-.5rem}.color-accessibility .color-box .valid:before{content:"";background:#4ca353;border-radius:50%;width:26px;height:26px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.color-accessibility .color-box .valid:after{box-sizing:border-box;border-style:solid;border-width:0 0 2px 2px;border-color:var(--white);content:"";width:12px;height:8px;display:block;position:absolute;top:0;left:50%;transform:translate(-50%,14px)rotate(-45deg)}.color-accessibility .color-hex{background:var(--white);border-radius:.5rem;width:auto;margin:0 auto;padding:.625rem;font-size:1.125rem}.logo-formats .logo-format-item{background:var(--light-gray);border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;height:294px;display:flex;position:relative}.logo-formats .logo-format-item p{margin:0;font-size:1rem;position:absolute;bottom:1rem;left:1rem}.spectrum-row{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;margin-bottom:1.75rem;display:grid}@media (min-width:768px){.spectrum-row{grid-template-rows:auto;grid-template-columns:9rem 1fr 9rem;align-items:center;gap:1rem}}.spectrum-row:first-child{margin-bottom:1.5rem}.spectrum-row .slider-bar{grid-area:2/1/3/3}@media (min-width:768px){.spectrum-row .slider-bar{grid-area:1/2/2/3}}.spectrum-row .spectrum-number{text-align:center;background:var(--white);border-radius:50%;width:37px;height:37px;font-size:1rem;line-height:37px}@media (min-width:768px){.spectrum-row .spectrum-number:first-child{margin:0 0 0 auto}}.spectrum-row .spectrum-number:last-child{grid-area:1/2/2/3;margin:0 0 0 auto}@media (min-width:768px){.spectrum-row .spectrum-number:last-child{grid-column:3/4;margin:0 auto 0 0}.spectrum-row .spectrum-label:first-child{text-align:right}}.spectrum-row .spectrum-label:last-child{text-align:right}@media (min-width:768px){.spectrum-row .spectrum-label:last-child{text-align:left}}.spectrum-row .spectrum-label{font-size:1.5rem}@media (min-width:768px){.spectrum-row .spectrum-label{margin:0;font-size:1.75rem}}.side-navigation{padding-top:2rem}@media (min-width:1200px){.side-navigation{align-self:start;padding-top:5rem;position:sticky;top:0}}.side-navigation .nav-logo-link{margin-bottom:3.5rem;display:inline-block}.side-navigation .nav-logo{display:block}.side-navigation a{text-decoration:none}.nav-section{background:var(--light-gray);color:var(--black);border-radius:1rem;margin-bottom:.5rem;padding:2.5rem}.nav-section:last-child{margin-bottom:0}.nav-section.active{background:var(--black);color:var(--white)}.nav-section .nav-page-title{font-size:1.75rem;line-height:1.07;display:block;position:relative}.nav-section .nav-page-title:before{content:"";background:0 0;border-radius:1rem;display:block;position:absolute;inset:-2.5rem}.nav-anchors{gap:.625rem;margin:1rem 0 0;padding:0;font-size:1rem;list-style:none;display:grid;position:relative}@media (max-width:1199px){.nav-anchors{display:none}}.nav-anchors li{margin:0;padding:0}.nav-anchors a{opacity:.75;align-items:center;gap:.25rem;transition:all .2s ease-in-out;display:flex;position:relative}.nav-anchors a:after{content:"";z-index:-1;background:0 0;display:block;position:absolute;inset:0 -2.5rem}.nav-anchors a:before{content:"→";opacity:0;width:1rem;transition:all .2s ease-in-out;display:inline-block;position:absolute;top:0;left:-1rem}.nav-anchors a.active{font-weight:600}.nav-anchors a:hover,.nav-anchors a.active{opacity:1;transform:translate(1rem)}.nav-anchors a:hover:before,.nav-anchors a.active:before{opacity:1}.page-header{margin-bottom:10rem;position:relative}@media (min-width:768px){.page-header{margin-bottom:12.5rem}}.page-header .page-header-image{object-fit:cover;object-position:top left;border-radius:1rem;width:100%;height:auto;margin:0;display:block}@media (min-width:768px){.page-header .page-header-image{border-radius:1.5rem;height:365px}}.page-header h1{margin:1.5rem 0 0}@media (min-width:768px){.page-header h1{text-align:right;background-color:var(--white);border-top-left-radius:1.5rem;width:auto;padding:1.5rem 3rem 0;position:absolute;bottom:0;right:0}.page-header h1:before,.page-header h1:after{--_br:1.5rem;--_size:var(--_br);--_corner-color:var(--white);content:"";width:var(--_size);aspect-ratio:1;background-image:radial-gradient(circle at 100% 100%,transparent var(--_size),var(--_corner-color,white)calc(var(--_size) + 1px));position:absolute;transform:rotate(180deg)}.page-header h1:before{bottom:0;left:-1.5rem}.page-header h1:after{top:-1.5rem;right:0}}.fancy-page-header{margin-bottom:10rem;position:relative}@media (min-width:768px){.fancy-page-header{margin-bottom:12.5rem}}.fancy-page-header .page-header-image{border-radius:1rem;width:100%;height:400px;margin:0;position:relative;overflow:hidden}@media (min-width:768px){.fancy-page-header .page-header-image{border-radius:1.5rem;height:576px}}.fancy-page-header .page-header-image img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.fancy-page-header h1{margin:1.5rem 0 0}@media (min-width:768px){.fancy-page-header h1{background-color:var(--white);border-top-right-radius:1.5rem;width:auto;padding:1.5rem 3rem 0;position:absolute;bottom:0;left:0}.fancy-page-header h1:before,.fancy-page-header h1:after{--_br:1.5rem;--_size:var(--_br);--_corner-color:var(--white);content:"";width:var(--_size);aspect-ratio:1;background-image:radial-gradient(circle at 100% 100%,transparent var(--_size),var(--_corner-color,white)calc(var(--_size) + 1px));position:absolute;transform:rotate(-90deg)}.fancy-page-header h1:before{top:-1.5rem;left:0}.fancy-page-header h1:after{bottom:0;right:-1.5rem}}#fancy-page-header .page-header-image img{opacity:1;animation-name:fancy-page-header-image-fade-out;animation-duration:.4s;animation-timing-function:ease-out;animation-fill-mode:forwards}#fancy-page-header .page-header-image img:nth-child(6){animation-delay:1s}#fancy-page-header .page-header-image img:nth-child(5){animation-delay:2s}#fancy-page-header .page-header-image img:nth-child(4){animation-delay:3s}#fancy-page-header .page-header-image img:nth-child(3){animation-delay:4s}#fancy-page-header .page-header-image img:nth-child(2){animation-delay:5s}#fancy-page-header .page-header-image img:first-child{animation-name:none}#fancy-page-content{opacity:0;filter:blur(4px);animation-name:fancy-page-content-in;animation-duration:.7s;animation-timing-function:ease-out;animation-delay:6s;animation-fill-mode:forwards}@keyframes fancy-page-content-in{to{opacity:1;filter:blur()}}@keyframes fancy-page-header-image-fade-out{to{opacity:0}}