/* One material language: white light, refracted blue, a trace of lime. */
body[data-identity=light]{--identity-ink:#21364f;--identity-muted:#65758a;--identity-line:#dce5ef}
body[data-identity=light] .gnb{background:#fff}body[data-identity=light] .hero{padding-bottom:86px}body[data-identity=light] .fit{background:#fff;padding-top:90px;padding-bottom:96px}body[data-identity=light] .pain{border-color:#e2e8ef;box-shadow:0 6px 20px -16px #456b9d33;background:linear-gradient(150deg,#fff,#f6f8fb);border-radius:18px}body[data-identity=light] .pain.solid{background:linear-gradient(140deg,#edf4fd,#dae7f8);border-color:#cbdcf0;color:#29486f}body[data-identity=light] .pain.solid .q{color:#284769}body[data-identity=light] .pain.solid .a{color:#536c88}body[data-identity=light] .pain.solid .a b{color:#526b85}body[data-identity=light] .pain.solid .role{color:#355e91;background:#ffffffad}
/* The three concepts inhabit one continuous light field. */
body[data-identity=light] .flow{background:linear-gradient(180deg,#fafbfd,#f5f8fb 64%,#fff);border-top:1px solid #eef2f6;border-bottom:0;position:relative;isolation:isolate;padding:92px var(--gut) 101px;overflow:hidden}body[data-identity=light] .flow:before{content:'';position:absolute;inset:165px -8% 105px;z-index:-1;pointer-events:none;background:repeating-linear-gradient(121deg,transparent 0 182px,#ffffffa3 184px 233px,#d8e5f32b 234px 238px,transparent 243px 392px);mask-image:linear-gradient(transparent,#000 23%,#000 65%,transparent)}body[data-identity=light] .flow-head{max-width:1240px;padding:0;margin-bottom:34px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:0 50px}body[data-identity=light] .flow-head .eyeb{grid-column:1/-1;margin-bottom:21px;color:#4372a7;font-size:11px}body[data-identity=light] .flow-head h2{font-size:46px;font-weight:530;line-height:1.25;margin:0;color:#21364f}body[data-identity=light] .flow-head .sub{grid-row:3;grid-column:1;max-width:670px;margin-top:21px;font-size:16px;line-height:1.8;color:#65758a}body[data-identity=light] .flow-head>.motion-control{position:static;grid-column:2;grid-row:3;align-self:center;background:#ffffff80;color:#587290;border-color:#d6e1ed;font-size:10px;padding:10px 12px}body[data-identity=light] .steps{gap:40px;max-width:1240px;margin:auto}body[data-identity=light] .step{position:relative;border:0;box-shadow:none;background:none;overflow:visible;gap:0;display:flex;flex-direction:column;padding:0}body[data-identity=light] .step .tag{font-size:10px;font-weight:600;letter-spacing:.1em;color:#5078aa;margin:0 0 15px;padding:0;border:0;background:none}body[data-identity=light] .step h3{font-size:25px;font-weight:540;line-height:1.5;margin:0;max-width:330px;color:#2c425d;text-wrap:pretty}body[data-identity=light] .step p{margin:14px 0 0;font-size:15px;line-height:1.85;color:#697b90;max-width:330px}body[data-identity=light] .step .owns,body[data-identity=light] .step>.own{margin-left:0;margin-right:0}body[data-identity=light] .step .own{font-size:12px;margin-top:22px;color:#4272ac;border-color:#bed0e5}.identity-motif{width:calc(100% + 20px);margin:0 -10px 21px;aspect-ratio:420/310;position:relative}.identity-motif svg{display:block;width:100%;height:100%;overflow:visible}.identity-motif .glass-drift,.identity-motif .fin-drift{animation:identity-drift 10s ease-in-out infinite;animation-delay:var(--delay);transform-box:fill-box;transform-origin:center}.identity-motif .layer-breathe{animation:identity-layer 9s ease-in-out infinite;animation-delay:var(--delay)}@keyframes identity-drift{0%,100%{transform:translateY(3px)}50%{transform:translateY(-5px)}}@keyframes identity-layer{0%,100%{opacity:.63}50%{opacity:1}}
/* An editorial arrangement of four different workflow structures. */
body[data-identity=light] .suites{padding:91px var(--gut) 106px;background:#fff}body[data-identity=light] .suites-head{margin-bottom:44px;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:0 70px}body[data-identity=light] .suites-head .eyeb{grid-column:1/-1;color:#4372a7;font-size:11px;margin-bottom:21px}body[data-identity=light] .suites-head h2{font-size:44px;line-height:1.3;font-weight:530;color:#21364f;text-wrap:pretty}body[data-identity=light] .suites-head .sub{font-size:16px;line-height:1.85;margin:0 0 1px;color:#65758a;max-width:490px}body[data-identity=light] .suites .grid{display:grid;grid-template-columns:1.35fr 1fr;gap:25px;max-width:1240px}body[data-identity=light] .suites .cell{display:flex;flex-direction:column;border:1px solid #dde6f0;background:linear-gradient(140deg,#fff,#f7faff);border-radius:22px;padding:0;overflow:hidden;box-shadow:inset 0 1px 0 white,0 14px 30px -27px #4e739c44;min-width:0;position:relative;isolation:isolate;transition:border-color .2s,box-shadow .2s,transform .2s}body[data-identity=light] .suites .cell:hover{border-color:#9ebee8;translate:0 -2px;box-shadow:inset 0 1px 0 white,0 18px 30px -23px #4577b83b}body[data-identity=light] .suites .cell:before{display:block;content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(121deg,transparent 48%,#fff 48.2%,#f2f6fb70 57%,transparent 57.2%);opacity:.75;border:0;clip-path:none}body[data-identity=light] .cell .ico{display:none}.identity-copy{padding:0 33px 31px;min-width:0;position:relative;z-index:1}body[data-identity=light] .cell h3{font-size:28px;font-weight:540;line-height:1.4;color:#294460;margin:0;text-wrap:pretty}body[data-identity=light] .cell .hook{font-size:16px;color:#4b6f99;font-weight:500;margin-top:13px;line-height:1.7}body[data-identity=light] .cell p{font-size:14px;line-height:1.85;color:#677c94;margin-top:10px;max-width:490px}body[data-identity=light] .cell .scope{margin-top:19px;gap:6px}body[data-identity=light] .cell .scope li{padding:4px 8px;background:#eff4fa;color:#5e7797;font-size:10px;font-weight:500;border:1px solid #dce7f3;border-radius:6px}.identity-link{display:inline-flex;align-items:center;gap:9px;color:#356dab;font-size:12px;margin-top:22px}.identity-link svg{width:23px;height:23px;border:1px solid #cbdcf0;border-radius:50%;padding:4px;background:#ffffffa8;transition:transform .2s}.cell:hover .identity-link svg{transform:translateX(3px)}.identity-flow{position:relative;min-width:0;order:-1;display:grid;align-items:center;overflow:hidden;padding:5px 0 0}.identity-flow svg{display:block;width:100%;height:auto;font-family:var(--nf-fontFamily);font-weight:400}.flow-light{stroke-dasharray:6 94;animation:identity-flow 12s linear infinite;opacity:.7}@keyframes identity-flow{to{stroke-dashoffset:-100}}
body[data-identity=light] .cell[data-kind=os]{grid-column:1/-1;display:grid;grid-template-columns:.85fr 1.35fr;min-height:350px;background:radial-gradient(ellipse at 94% 5%,#eef4df80,transparent 43%),linear-gradient(125deg,#fff,#f1f6fd)}body[data-identity=light] .cell[data-kind=os] .identity-copy{padding:40px 0 38px 42px;align-self:center}body[data-identity=light] .cell[data-kind=os] h3{font-size:35px}body[data-identity=light] .cell[data-kind=os] p{max-width:340px}body[data-identity=light] .cell[data-kind=os] .identity-flow{order:0;padding:0 2px 0 0}body[data-identity=light] .cell[data-kind=merch] .identity-flow,body[data-identity=light] .cell[data-kind=marketing] .identity-flow{height:310px;margin-bottom:8px}body[data-identity=light] .cell[data-kind=merch] .identity-copy,body[data-identity=light] .cell[data-kind=marketing] .identity-copy{flex:1;display:flex;flex-direction:column}body[data-identity=light] .cell[data-kind=merch] .identity-link,body[data-identity=light] .cell[data-kind=marketing] .identity-link{margin-top:auto;padding-top:21px}body[data-identity=light] .cell[data-kind=content]{grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr;min-height:315px}body[data-identity=light] .cell[data-kind=content] .identity-copy{padding:37px 37px 37px 0;align-self:center;order:1}body[data-identity=light] .cell[data-kind=content] .identity-flow{order:0}body[data-identity=light] .cell[data-kind=content] .identity-copy p{max-width:355px}
/* Footer appearance is shared through dress.css. */body[data-identity=light] .foot .foot-cta h2{font-size:40px}
body[data-motion=paused] :is(.glass-drift,.fin-drift,.layer-breathe,.flow-light){animation-play-state:paused}
@media(max-width:1100px){body[data-identity=light] .steps{gap:26px}body[data-identity=light] .step h3{font-size:23px}body[data-identity=light] .suites-head{gap:0 35px}body[data-identity=light] .suites-head h2{font-size:37px}body[data-identity=light] .suites-head .sub{font-size:14px}body[data-identity=light] .cell h3{font-size:25px}.identity-copy{padding:0 27px 27px}body[data-identity=light] .cell[data-kind=os] .identity-copy{padding-left:31px}body[data-identity=light] .cell[data-kind=merch] .identity-flow,body[data-identity=light] .cell[data-kind=marketing] .identity-flow{height:255px}body[data-identity=light] .cell[data-kind=content] .identity-copy{padding:28px 28px 28px 0}}
@media(max-width:800px){body[data-identity=light] .flow{padding-top:70px;padding-bottom:75px}body[data-identity=light] .flow-head{gap:0 20px}body[data-identity=light] .flow-head h2{font-size:38px}body[data-identity=light] .flow-head .sub{font-size:14px}body[data-identity=light] .steps{gap:18px}body[data-identity=light] .step h3{font-size:21px;line-height:1.5}body[data-identity=light] .step p{font-size:13px}body[data-identity=light] .step .own{font-size:11px}body[data-identity=light] .suites{padding-top:70px;padding-bottom:75px}body[data-identity=light] .suites-head{display:block}body[data-identity=light] .suites-head h2{font-size:36px}body[data-identity=light] .suites-head .sub{margin:18px 0 0;max-width:540px;font-size:15px}body[data-identity=light] .suites .grid{grid-template-columns:1fr 1fr;gap:19px}body[data-identity=light] .cell[data-kind=os]{grid-template-columns:.85fr 1.1fr;min-height:320px}body[data-identity=light] .cell[data-kind=os] .identity-copy{padding:31px 0 31px 27px}body[data-identity=light] .cell[data-kind=os] h3{font-size:29px}body[data-identity=light] .cell h3{font-size:23px}body[data-identity=light] .cell .hook{font-size:14px}body[data-identity=light] .cell p{font-size:13px}body[data-identity=light] .cell[data-kind=merch] .identity-flow,body[data-identity=light] .cell[data-kind=marketing] .identity-flow{height:218px}body[data-identity=light] .cell[data-kind=merch] .identity-flow svg{width:100%;max-width:none;margin-left:0}body[data-identity=light] .cell[data-kind=content]{grid-template-columns:1.2fr 1fr}.identity-copy{padding:0 23px 25px}}
@media(max-width:600px){body[data-identity=light] .fit{padding-top:65px;padding-bottom:65px}body[data-identity=light] .flow{padding-top:64px;padding-bottom:68px}body[data-identity=light] .flow:before{inset:130px -45% 70px;background-size:auto}body[data-identity=light] .flow-head{display:block;margin-bottom:18px}body[data-identity=light] .flow-head .eyeb{font-size:10px;margin-bottom:18px}body[data-identity=light] .flow-head h2{font-size:32px}body[data-identity=light] .flow-head .sub{font-size:15px;margin-top:18px}body[data-identity=light] .flow-head>.motion-control{margin-top:18px;font-size:10px}body[data-identity=light] .steps{grid-template-columns:1fr;gap:32px}.identity-motif{width:100%;margin:0 0 10px;aspect-ratio:420/275}.identity-motif svg{height:100%;width:100%;overflow:visible}body[data-identity=light] .step .tag{margin:0 0 12px;font-size:10px}body[data-identity=light] .step h3{font-size:26px;max-width:none;line-height:1.45}body[data-identity=light] .step p{font-size:15px;max-width:none;margin:12px 0 0}body[data-identity=light] .step .own{font-size:12px;margin-top:19px}body[data-identity=light] .step .owns,body[data-identity=light] .step>.own{margin-left:0;margin-right:0}body[data-identity=light] .suites{padding-top:65px;padding-bottom:70px}body[data-identity=light] .suites-head{margin-bottom:29px}body[data-identity=light] .suites-head h2{font-size:32px}body[data-identity=light] .suites-head .sub{font-size:15px}body[data-identity=light] .suites .grid{grid-template-columns:1fr;gap:22px}body[data-identity=light] .suites .cell{border-radius:18px;display:flex;min-height:0}body[data-identity=light] .cell[data-kind=os],body[data-identity=light] .cell[data-kind=content]{display:flex;grid-column:auto;min-height:0}body[data-identity=light] .cell[data-kind=os] .identity-copy,body[data-identity=light] .cell[data-kind=content] .identity-copy,.identity-copy{padding:0 24px 28px;align-self:stretch;order:1}body[data-identity=light] .cell[data-kind=os] .identity-flow{height:250px;order:0;padding:0}body[data-identity=light] .cell[data-kind=os] .identity-flow svg{width:100%;max-width:none;margin-left:0}body[data-identity=light] .cell h3,body[data-identity=light] .cell[data-kind=os] h3{font-size:27px}body[data-identity=light] .cell .hook{font-size:15px}body[data-identity=light] .cell p{font-size:14px;max-width:none}body[data-identity=light] .cell[data-kind=merch] .identity-flow{height:228px;margin-bottom:5px}body[data-identity=light] .cell[data-kind=merch] .identity-flow svg{width:100%;margin-left:0}body[data-identity=light] .cell[data-kind=marketing] .identity-flow{height:255px;margin-bottom:8px}body[data-identity=light] .cell[data-kind=marketing] .identity-flow svg{width:100%;max-height:270px}body[data-identity=light] .cell[data-kind=content] .identity-flow{height:226px;order:0}body[data-identity=light] .cell[data-kind=content] .identity-flow svg{width:100%;margin-left:0}.identity-link{margin-top:23px;font-size:12px}body[data-identity=light] .cell .scope li{font-size:10px}body[data-identity=light] .foot .foot-cta h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.glass-drift,.fin-drift,.layer-breathe,.flow-light{animation:none!important}}